* {
  margin: 0;
  box-sizing: border-box;
}

:root {
  --primary-color: #0071b3;
  --secondary-color: #e2e3e4;
  --text-color: black;
  --gap: 10rem;
  --mobile-gap: 7rem;
  --line-height: 1.5;
  --h1: 4.5rem;
  --h2: 4rem;
  --h3: 3.5rem;
  --h4: 3rem;
  --h5: 2.5rem;
  --h6: 2rem;
  --mobile-h1: 3rem;
  --mobile-h2: 2.5rem;
  --mobile-h3: 2rem;
  --p: 1.6rem;
  --header-p: 1.8rem;
  --footer-inspiren: 1.4rem;
  --footer-padding: 1rem;
  --logo-height: 7rem;
  --footer-logo-height: 12rem;
  --button-color: #00a651;
  --container-width: 1140px;
  --container-width-1199: 940px;
  --container-width-991: 720px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300 !important;
}

strong {
  font-weight: 600 !important;
}

h1.title-post.entry-title,
footer.entry-footer {
  display: none;
}

.entry-content > * {
  margin-bottom: 0 !important;
}

.content-area .hentry {
  padding-bottom: 0;
}

.page-wrap .content-wrapper,
.page .page-wrap .content-wrapper,
.single .page-wrap .content-wrapper {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.single .entry-header,
.page .entry-header {
  margin-bottom: 0 !important;
}

.content-area .hentry {
  padding-bottom: 0 !important;
}

#mainnav ul#primary-menu {
  align-items: center;
  gap: 3rem;
}

#mainnav ul#primary-menu > li:last-child {
  padding-right: 0;
}

#mainnav ul#primary-menu > li > a {
  font-size: var(--header-p);
  font-weight: 400 !important;
}

#mainnav ul#primary-menu > li.current-menu-item > a,
#mainnav ul#primary-menu > li.current_page_item > a,
ul#menu-primary-menu > li.current-menu-item > a,
ul#menu-primary-menu > li.current_page_item > a,
ul#mobmenuright > li.current-menu-item > a,
ul#mobmenuright > li.current_page_item > a {
  font-weight: 700 !important;
  color: var(--primary-color) !important;
}

ul#mobmenuright > li:hover > a,
ul#mobmenuright > li > a:hover {
  color: white !important;
}

#masthead {
  transition: background 200ms ease-out;
}

#masthead:hover {
  background: white !important;
}

#masthead .header-col:first-child img {
  max-height: var(--logo-height);
}

#masthead .header-col:last-child {
  display: none;
}

.site-info {
  padding-top: var(--footer-padding) !important;
  padding-bottom: var(--footer-padding) !important;
}

.page-id-41 #colophon {
  background: white !important;
}

p.inspiren {
  font-size: var(--footer-inspiren);
  margin-bottom: 0;
}

p.inspiren span,
#colophon .sydney-credits span {
  display: inline-block;
}

p.inspiren span.inspiren-right a {
  color: inherit;
}

#colophon .sydney-credits {
  font-size: var(--footer-inspiren);
  text-align: center;
}

#colophon .sydney-credits a {
  color: inherit;
}

#sidebar-footer .footer-widgets-grid {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.footer-widgets-grid > .sidebar-column:first-child .widget.widget_media_image {
  margin-bottom: 2rem;
}

.footer-widgets-grid > .sidebar-column:first-child img {
  height: 12rem !important;
  object-fit: contain;
  object-position: left;
}

.gap {
  padding-top: var(--gap);
  padding-bottom: var(--gap);
}

.gap-t {
  padding-top: var(--gap);
}

.gap-b {
  padding-bottom: var(--gap);
}

.m-0 {
  margin: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-10 {
  margin-bottom: 1rem !important;
}

.mb-20 {
  margin-bottom: 2rem !important;
}

.mb-30 {
  margin-bottom: 3rem !important;
}

.text_justify {
  text-align: justify;
}

.bg_primary {
  background: var(--primary-color) !important;
}

.image-w-full,
.image-w-full * {
  width: 100%;
}

.image-hover-scale {
  overflow: hidden;
}

.image-hover-scale img {
  transition: transform 500ms ease-out;
}

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

.column-inner-0 > div > div {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.wpcf7-response-output {
  margin-bottom: 0 !important;
}

.page-id-481 .wpcf7-response-output {
  color: white;
}

.page-id-481 .popmake .wpcf7-response-output {
  color: black;
}

.button {
  display: inline-block;
  margin-bottom: 0 !important;
  position: relative;
  isolation: isolate;
}

.button::before,
.button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: var(--primary-color);
  z-index: 1;
  transition: all 400ms ease-out;
}

.button::before,
.button a::before,
.button button::before {
  width: 2px;
  height: 0;
}

.button::after,
.button a::after,
.button button::after {
  height: 2px;
  width: 0;
}

.button:hover::before,
.button a:hover::before,
.button button:hover::before {
  height: 100%;
}

.button:hover::after,
.button a:hover::after,
.button button:hover::after {
  width: 100%;
}

.button a,
.button button {
  outline: none;
  background: var(--primary-color) !important;
  border-radius: 0 !important;
  color: white !important;
  /*font-size: var(--p) !important;*/
  padding: 0.8rem 3rem !important;
  border: none !important;
  transition: all 150ms ease-out !important;
  position: relative !important;
  isolation: isolate;
}

.button a::before,
.button a::after,
.button button::before,
.button button::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background: var(--primary-color);
  z-index: 1;
  transition: all 400ms ease-out;
}

.button a:hover,
.button button:hover {
  background: white !important;
  color: var(--primary-color) !important;
}

.button.invert::before,
.button.invert::after {
  background: white;
}

.button.invert a {
  background: white !important;
  color: var(--primary-color) !important;
}

.button.invert a::before,
.button.invert a::after {
  background: white;
}

.button.invert a:hover {
  background: var(--primary-color) !important;
  color: white !important;
}

.button.secondary a {
  background: var(--button-color) !important;
  color: white !important;
}

.button.secondary::before,
.button.secondary::after,
.button.secondary a::before,
.button.secondary a::after {
  background: var(--button-color) !important;
  transition: height 400ms ease-out, width 400ms ease-out, background 150ms ease-out !important;
}

.button.secondary:hover::before,
.button.secondary:hover::after,
.button.secondary a:hover::before,
.button.secondary a:hover::after {
  background: white !important;
}

.text_white,
.text_white h1,
.text_white h2,
.text_white h3,
.text_white h4,
.text_white h5,
.text_white h6,
.text_white a {
  color: white !important;
  transition: color 200ms ease-out;
}

.header-mt-0 h1:first-child,
.header-mt-0 h2:first-child,
.header-mt-0 h3:first-child,
.header-mt-0 h4:first-child,
.header-mt-0 h5:first-child,
.header-mt-0 h6:first-child {
  margin-top: 0 !important;
}

/*mobile menu*/
.mob-menu-header-holder {
  padding: 5px 0 !important;
}

.mobmenur-container {
  position: relative !important;
}

.mobmenu-right-bt {
  transform: scale(0.6);
}

/*footer*/
#sidebar-footer .footer-widgets-grid > .sidebar-column:first-child > .widget.widget_text {
  font-size: 14px;
}

#sidebar-footer .footer-widgets-grid > .sidebar-column:first-child > .widget.widget_text span.company_name {
  font-size: 2rem;
  font-weight: 600;
}

/*#sidebar-footer .footer-widgets-grid > .sidebar-column:nth-child(2) {*/
/*  padding-left: 3rem;*/
/*}*/

#sidebar-footer .footer-widgets-grid > .sidebar-column:last-child > .widget.widget_text:first-child {
  margin-bottom: 3rem !important;
}

#sidebar-footer .footer-widgets-grid > .sidebar-column:last-child > .widget.widget_text:first-child span {
  display: inline-block;
}

#sidebar-footer .widget-title {
  margin-top: 0 !important;
  padding-bottom: 2rem !important;
  font-size: 2rem !important;
  font-weight: 600 !important;
  text-transform: capitalize;
}

#sidebar-footer table {
  width: fit-content;
}

#sidebar-footer table tr > td {
  text-align: left;
  border: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  vertical-align: top;
}

#sidebar-footer table tr > td:first-child {
  color: var(--primary-color);
}

#sidebar-footer table tr > td span {
  display: inline-block;
}

#sidebar-footer ul {
  margin-bottom: 0 !important;
  display: grid;
  /*grid-template-columns: repeat(2, 1fr);*/
  grid-template-columns: 35% 65%;
  /*width: fit-content;*/
  row-gap: 1rem;
}

#sidebar-footer ul > li {
  width: 100% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.page-id-41 #sidebar-footer {
  display: none;
}

/*home page*/
#mega_count_bar .mega_count_img {
  padding-bottom: 0 !important;
}

#mega_count_bar .mega_count_content h3 {
  margin: 0 !important;
}

.section_counter .main-counter {
  font-size: 8rem !important;
}

.section_counter .main-counter::after {
  content: "\002b";
}

.section_counter .counter_text {
  font-size: var(--h6);
  margin-bottom: 0;
  line-height: 1.5;
}

.home_page_section_what_we_do .what_we_do_title,
.about_page_section_vision .vision_title {
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.home_page_section_what_we_do {
  position: relative;
  isolation: isolate;
  overflow: visible !important;
}

.home_page_section_what_we_do::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 17.9rem;
  right: 0;
  width: 16rem;
  aspect-ratio: 293 / 855;
  background: top right / contain no-repeat url("https://artoftech.com.my/wp-content/uploads/2022/07/left-point.png");
}

.home_page_section_what_we_do .what_we_do_title h1,
.home_page_section_what_we_do .what_we_do_title h2,
.home_page_section_what_we_do .what_we_do_title h3,
.home_page_section_what_we_do .what_we_do_title h4,
.home_page_section_what_we_do .what_we_do_title h5,
.home_page_section_what_we_do .what_we_do_title h6,
.about_page_section_vision .what_we_do_title h1,
.about_page_section_vision .what_we_do_title h2,
.about_page_section_vision .what_we_do_title h3,
.about_page_section_vision .what_we_do_title h4,
.about_page_section_vision .what_we_do_title h5,
.about_page_section_vision .what_we_do_title h6 {
  line-height: 1.7 !important;
}

.home_page_section_what_we_do .what_we_do_text h1,
.home_page_section_what_we_do .what_we_do_text h2,
.home_page_section_what_we_do .what_we_do_text h3,
.home_page_section_what_we_do .what_we_do_text h4,
.home_page_section_what_we_do .what_we_do_text h5,
.home_page_section_what_we_do .what_we_do_text h6,
.about_page_section_vision .vision_text h1,
.about_page_section_vision .vision_text h2,
.about_page_section_vision .vision_text h3,
.about_page_section_vision .vision_text h4,
.about_page_section_vision .vision_text h5,
.about_page_section_vision .vision_text h6 {
  font-weight: 700 !important;
}

.home_page_section_what_we_do .what_we_do_image,
.home_page_section_what_we_do .what_we_do_image img,
.about_page_section_vision .vision_image,
.about_page_section_vision .vision_image img {
  height: 55rem;
}

.home_page_section_what_we_do .what_we_do_image,
.about_page_section_vision .vision_image {
  overflow: hidden;
  margin-bottom: 0;
}

.home_page_section_what_we_do .what_we_do_image *,
.about_page_section_vision .vision_image * {
  width: 100% !important;
}

.home_page_section_what_we_do .what_we_do_image img,
.about_page_section_vision .vision_image img {
  object-fit: cover;
  transition: transform 500ms ease-out;
}

.home_page_section_what_we_do .what_we_do_image img:hover,
.about_page_section_vision .vision_image img:hover {
  transform: scale(1.1);
}

.home_page_section_what_we_do .home_page_section_what_we_do_row_1 > div:first-child,
.about_page_section_vision .about_page_section_vision_row_1 > div:first-child {
  position: relative;
}

.home_page_section_what_we_do .home_page_section_what_we_do_row_1 > div:first-child::before,
.about_page_section_vision .about_page_section_vision_row_1 > div:first-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  aspect-ratio: 147 / 428;
  background: top left / contain no-repeat url("https://artoftech.com.my/wp-content/uploads/2022/07/right-point.png");
}

.home_page_section_what_we_do .home_page_section_what_we_do_row_2,
.about_page_section_vision .about_page_section_vision_row_2 {
  position: absolute;
  top: 20.9rem;
  left: 0;
  width: 90rem;
  padding: 5rem;
  z-index: 1;
  padding-left: calc((100% - 1140px) / 2);
  padding-right: 10rem;
}

.home_page_section_what_we_do .home_page_section_what_we_do_row_2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  transform: translateY(100%);
}

.about_page_section_vision .about_page_section_vision_row_2 .vision_text p:last-child {
  text-align: left;
}

.home_page_section_what_we_do .what_we_do_text strong,
.about_page_section_vision .vision_text strong {
  font-weight: 700;
}

.home_page_section_service {
  position: relative;
  isolation: isolate;
  overflow: visible !important;
}

.home_page_section_service::before {
  content: "";
  position: absolute;
  bottom: -3rem;
  left: 0;
  width: 90%;
  aspect-ratio: 1753 / 1293;
  max-height: 85rem;
  z-index: -1;
  background: bottom left / contain no-repeat url("https://artoftech.com.my/wp-content/uploads/2022/07/service-background.png");
  opacity: 50%;
}

.home_page_section_service .service_slider {
  padding-top: calc(var(--gap) - 35px);
}

.home_page_section_service .service_slider .owl-stage {
  display: flex;
  align-items: flex-end;
}

.home_page_section_service .service_slider .owl-item .image_container {
  aspect-ratio: 7 / 6;
  display: flex;
  align-items: flex-end;
  margin-bottom: 2rem;
}

.home_page_section_service .service_slider .owl-item img {
  object-fit: cover;
  height: 22rem;
  transition: height 1.3s ease-out;
}

.home_page_section_service .service_slider .owl-item.active img {
  height: 100%;
}

.home_page_section_service .service_slider .owl-item.active ~ .owl-item.active img {
  height: 22rem;
  width: 100%;
}

.home_page_section_service .service_slider .owl-nav .owl-prev,
.home_page_section_service .service_slider .owl-nav .owl-next {
  top: 0;
  margin-top: 0 !important;
  width: 30px !important;
  height: 30px !important;
}

.home_page_section_service .service_slider .owl-nav .owl-prev {
  left: calc(1140px / 3 * 1.03);
}

.home_page_section_service .service_slider .owl-nav .owl-next {
  right: auto;
  left: calc(1140px / 3 * 1.03 + 30px);
}

.home_page_section_service .service_slider .owl-nav .owl-prev::after,
.home_page_section_service .service_slider .owl-nav .owl-next::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: white;
  font-size: 1.2rem;
}

.home_page_section_service .service_slider .owl-nav .owl-prev::after {
  background: var(--secondary-color);
  content: "\f053";
}

.home_page_section_service .service_slider .owl-nav .owl-next::after {
  background: var(--primary-color);
  content: "\f054";
}

.home_page_section_service .service_slider .owl-item p {
  font-size: var(--h6);
}

.home_page_section_service .button {
  margin-left: 50%;
  transform: translateX(-50%);
}

.home_page_section_inspection .inspection_title h1,
.home_page_section_inspection .inspection_title h2,
.home_page_section_inspection .inspection_title h3,
.home_page_section_inspection .inspection_title h4,
.home_page_section_inspection .inspection_title h5,
.home_page_section_inspection .inspection_title h6 {
  margin-bottom: 0 !important;
}

.home_page_section_inspection .inspection_title {
  padding-top: var(--gap);
  padding-bottom: var(--gap);
  padding-right: 5rem;
  padding-left: calc((150% - var(--container-width)) / 2);
  margin-bottom: 0;
}

.home_page_section_inspection.row_1 .inspection_image {
  margin-top: 5rem;
}

.home_page_section_inspection.row_1 .inspection_image * {
  width: 100% !important;
}

.home_page_section_inspection .inspection_image {
  width: 100%;
  /*aspect-ratio: 6 / 5;*/
  margin-bottom: 0;
  /*max-height: 40rem;*/
}

.home_page_section_inspection.row_1 .inspection_image,
.home_page_section_inspection.row_1 .inspection_image img {
  max-height: 40rem;
}

.home_page_section_inspection.row_2 .inspection_image,
.home_page_section_inspection.row_2 .inspection_image img {
  max-height: 45rem;
}

.home_page_section_inspection .inspection_image * {
  width: 100%;
}

.home_page_section_inspection .inspection_image img {
  width: 100%;
  /*aspect-ratio: 6 / 5;*/
  object-fit: cover;
  /*max-height: 40rem;*/
}

.home_page_section_inspection.row_2 {
  display: flex;
  align-items: flex-end;
  margin-top: -17rem;
  position: relative;
  isolation: isolate;
  overflow: visible !important;
}

.home_page_section_inspection.row_2 > div:last-child {
  padding-left: 5rem;
}

.home_page_section_inspection.row_2::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 90%;
  aspect-ratio: 1753 / 1293;
  max-height: 95rem;
  z-index: -1;
  transform: translateY(40%);
  background: bottom right / contain no-repeat url("https://artoftech.com.my/wp-content/uploads/2022/07/service-background-bottom-right.png");
  opacity: 50%;
}

.section_contact {
  position: relative;
  display: flex;
  justify-content: flex-end;
  overflow: visible !important;
  margin-top: 6rem;
}

.section_contact > div:last-child {
  padding-left: 5rem;
}

.section_contact .contact_text {
  font-size: var(--h2);
  line-height: 1.5;
}

.section_contact .contact_image {
  margin-bottom: 0;
  height: 45.2rem;
  overflow: hidden;
}

.section_contact .contact_image img {
  height: 45.2rem;
  object-fit: cover;
}

.section_contact > div:first-child {
  position: absolute;
  bottom: 0;
  left: 0;
}

.section_contact > div:first-child > div {
  padding-left: 0;
}

.about_page_section_about {
  position: relative;
  isolation: isolate;
}

.about_page_section_about::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -3rem;
  left: 0;
  width: 90%;
  aspect-ratio: 1753 / 1293;
  max-height: 95rem;
  background: top left / contain no-repeat url("https://artoftech.com.my/wp-content/uploads/2022/08/about-background-top-left.png");
  transform: translateY(-20%);
  opacity: 50%;
}

.page-id-33 .section_counter {
  padding-top: 0;
}

.about_page_section_vision {
  overflow: visible !important;
  position: relative;
}

.about_page_section_vision::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 17.9rem;
  right: 0;
  width: 16rem;
  aspect-ratio: 293 / 855;
  background: top right / contain no-repeat url(https://artoftech.com.my/wp-content/uploads/2022/07/left-point.png);
}

.about_page_section_culture > div > div {
  padding-top: 0 !important;
}

.about_page_section_culture .culture_title ul {
  list-style-type: disc;
  list-style-position: inside;
}

.about_page_section_culture {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  isolation: isolate;
  position: relative;
}

.about_page_section_culture.gap {
  padding-top: 17rem;
}

.about_page_section_culture::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgb(255 255 255 / 0.8);
  display: block !important;
}

.about_page_section_culture .about_page_section_culture_row {
  padding-top: calc(var(--gap) / 2);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}

.about_page_section_culture .about_page_section_culture_row::before,
.about_page_section_culture .about_page_section_culture_row::after {
  display: none;
}

.about_page_section_culture .about_page_section_culture_row > div {
  padding: 3rem;
  width: 100% !important;
  transition: background 200ms ease-out;
}

.about_page_section_culture .culture_logo {
  margin-bottom: 2rem;
}

.about_page_section_culture .culture_logo img {
  width: 8rem;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: left;
  transition: filter 200ms ease-out;
}

.about_page_section_culture .culture_text {
  transition: color 200ms ease-out;
}

.about_page_section_culture .about_page_section_culture_row > div:hover {
  background: white !important;
}

.about_page_section_culture .about_page_section_culture_row > div:hover .culture_logo img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(92%) saturate(1425%) hue-rotate(179deg) brightness(96%) contrast(101%);
}

.about_page_section_culture .about_page_section_culture_row > div:hover .culture_logo img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(92%) saturate(1425%) hue-rotate(179deg) brightness(96%) contrast(101%);
}

.about_page_section_culture .about_page_section_culture_row > div:hover .culture_text,
.about_page_section_culture .about_page_section_culture_row > div:hover .culture_text h1,
.about_page_section_culture .about_page_section_culture_row > div:hover .culture_text h2,
.about_page_section_culture .about_page_section_culture_row > div:hover .culture_text h3,
.about_page_section_culture .about_page_section_culture_row > div:hover .culture_text h4,
.about_page_section_culture .about_page_section_culture_row > div:hover .culture_text h5,
.about_page_section_culture .about_page_section_culture_row > div:hover .culture_text h6 {
  color: var(--primary-color) !important;
}

.about_page_section_culture .culture_text h1,
.about_page_section_culture .culture_text h2,
.about_page_section_culture .culture_text h3,
.about_page_section_culture .culture_text h4,
.about_page_section_culture .culture_text h5,
.about_page_section_culture .culture_text h6 {
  font-weight: 700 !important;
}

.service_page_section_intro {
  position: relative;
  isolation: isolate;
}

.service_page_section_intro::before {
  content: "";
  position: absolute;
  top: -3rem;
  left: 0;
  width: 90%;
  aspect-ratio: 1753 / 1293;
  max-height: 95rem;
  z-index: -1;
  background: top left / contain no-repeat url("https://artoftech.com.my/wp-content/uploads/2022/08/about-background-top-left.png");
  opacity: 50%;
}

.service_page_section_intro::after {
  content: "";
  z-index: -1;
  position: absolute;
  right: 0;
  top: 5rem;
  width: 7rem;
  aspect-ratio: 293 / 855;
  background: top right / contain no-repeat url("https://artoftech.com.my/wp-content/uploads/2022/07/left-point.png");
}

.service_page_section_intro > div > div > div {
  display: grid;
  gap: 10rem;
}

.service_page_section_intro .service_page_section_intro_row {
  display: flex;
  align-items: center;
}

/*.service_page_section_intro .service_page_section_intro_row:nth-child(odd) > div:last-child {*/
/*  padding-left: 4rem;*/
/*}*/

.service_page_section_intro .service_page_section_intro_row > div:last-child {
  padding-left: 4rem;
}

/*.service_page_section_intro .service_page_section_intro_row:nth-child(even) > div:first-child {*/
/*  padding-right: 4rem;*/
/*}*/

.service_page_section_intro .intro_image {
  width: 100%;
  aspect-ratio: 555 / 328;
  overflow: hidden;
}

.service_page_section_intro .intro_image img {
  width: 100%;
  aspect-ratio: 555 / 328;
  object-fit: cover;
  transition: transform 500ms ease-out;
}

.service_page_section_intro .intro_image img:hover {
  transform: scale(1.1);
}

.service_page_section_intro .intro_text h1,
.service_page_section_intro .intro_text h2,
.service_page_section_intro .intro_text h3,
.service_page_section_intro .intro_text h4,
.service_page_section_intro .intro_text h5,
.service_page_section_intro .intro_text h6 {
  font-weight: 600 !important;
  text-align: left;
}

.service_page_section_products {
  overflow: visible !important;
  isolation: isolate;
}

.service_page_section_products::before {
  content: "";
  bottom: -6rem;
  right: 0;
  position: absolute;
  width: 13rem;
  aspect-ratio: 293 / 855;
  z-index: -1;
  background: bottom right / contain no-repeat url(https://artoftech.com.my/wp-content/uploads/2022/07/left-point.png);
}

.service_page_section_products .service_page_section_products_row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}

.service_page_section_products .service_page_section_products_row > div {
  width: 100% !important;
  background: var(--secondary-color);
  padding: 2rem;
  overflow: hidden;
}

.service_page_section_products .service_page_section_products_row > a.loadMoreBtn {
  grid-column: 1 / -1;
  margin-left: 50%;
  transform: translateX(-50%);
}

.service_page_section_products .service_page_section_products_row img {
  width: 18rem;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  transition: transform 500ms ease-out;
}

.service_page_section_products .service_page_section_products_row > div:hover img {
  transform: scale(1.2);
}

.service_page_section_products .service_page_section_products_row::before,
.service_page_section_products .service_page_section_products_row::after {
  display: none;
}

.inspection_page_section_choose .inspection_page_section_choose_row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}

.inspection_page_section_choose .inspection_page_section_choose_row::before,
.inspection_page_section_choose .inspection_page_section_choose_row::after {
  display: none;
}

.inspection_page_section_choose .inspection_page_section_choose_row > div {
  padding: 3rem;
  width: 100% !important;
  transition: background 200ms ease-out;
  border: 2px solid var(--primary-color);
}

.inspection_page_section_choose .inspection_page_section_choose_row > div:hover {
  background: white !important;
}

.inspection_page_section_choose .choose_logo {
  margin-bottom: 2rem;
}

.inspection_page_section_choose .choose_logo img {
  width: 8rem;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: left;
  transition: filter 200ms ease-out;
}

.inspection_page_section_choose .inspection_page_section_choose_row > div:hover .choose_logo img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(92%) saturate(1425%) hue-rotate(179deg) brightness(96%) contrast(101%);
}

.inspection_page_section_choose .choose_text,
.inspection_page_section_choose .choose_text h1,
.inspection_page_section_choose .choose_text h2,
.inspection_page_section_choose .choose_text h3,
.inspection_page_section_choose .choose_text h4,
.inspection_page_section_choose .choose_text h5,
.inspection_page_section_choose .choose_text h6 {
  transition: color 200ms ease-out;
}

.inspection_page_section_choose .inspection_page_section_choose_row > div:hover .choose_text,
.inspection_page_section_choose .inspection_page_section_choose_row > div:hover .choose_text h1,
.inspection_page_section_choose .inspection_page_section_choose_row > div:hover .choose_text h2,
.inspection_page_section_choose .inspection_page_section_choose_row > div:hover .choose_text h3,
.inspection_page_section_choose .inspection_page_section_choose_row > div:hover .choose_text h4,
.inspection_page_section_choose .inspection_page_section_choose_row > div:hover .choose_text h5,
.inspection_page_section_choose .inspection_page_section_choose_row > div:hover .choose_text h6 {
  color: var(--primary-color) !important;
}

.inspection_page_section_equipment {
  position: relative;
  isolation: isolate;
  overflow: visible !important;
}

.inspection_page_section_equipment::before {
  content: "";
  position: absolute;
  bottom: -9rem;
  left: 0;
  width: 70%;
  aspect-ratio: 1753 / 1293;
  z-index: -1;
  background: bottom left / contain no-repeat url("https://artoftech.com.my/wp-content/uploads/2022/07/service-background.png");
  max-height: 95rem;
  opacity: 50%;
}

.inspection_page_section_equipment .inspection_page_section_equipment_row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 3rem;
}

.inspection_page_section_equipment .inspection_page_section_equipment_row > div {
  width: 100% !important;
}

.inspection_page_section_equipment .equipment_image {
  margin-bottom: 2rem;
}

.inspection_page_section_equipment .equipment_image,
.inspection_page_section_equipment .equipment_image > figure,
.inspection_page_section_equipment .equipment_image > figure > div {
  width: 100%;
}

.inspection_page_section_equipment .inspection_page_section_equipment_row::before,
.inspection_page_section_equipment .inspection_page_section_equipment_row::after {
  display: none;
}

.inspection_page_section_equipment .equipment_image img {
  width: 100%;
  aspect-ratio: 263 / 326;
  object-fit: contain;
  object-position: center;
}

.inspection_page_section_equipment .background .equipment_image {
  background: #efeff0;
  transition: background 200ms ease-out;
}

.inspection_page_section_equipment .background .equipment_image:hover {
  background: rgb(0 113 179 / 0.5) !important;
}

.inspection_page_section_equipment .padding .equipment_image {
  padding: 3rem;
}

.vc_tta-panel-heading {
  background: var(--primary-color) !important;
  border-radius: 0 !important;
  border: none !important;
}

.vc_tta-panel-heading .vc_tta-panel-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.vc_tta-panel-heading .vc_tta-panel-title > a {
  color: white !important;
  font-weight: 600 !important;
  font-size: 18px;
  padding: 14px 68px 14px 20px !important;
  position: relative;
  line-height: 1.2;
}

.vc_tta-panel-heading .vc_tta-panel-title > a::after {
  content: "\f078";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  aspect-ratio: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  transition: transform 200ms ease-out;
}

.vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a::after {
  transform: rotate(180deg);
}

.vc_tta-panel-heading .vc_tta-panel-title > a > i {
  display: none;
}

.vc_tta-panel-heading .vc_tta-panel-title > a > .vc_tta-title-text {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.vc_tta-panel-heading .vc_tta-panel-title > a > .vc_tta-title-text::before {
  content: "";
  width: 4rem;
  aspect-ratio: 1;
}

.accordion_department .vc_tta-panel-heading .vc_tta-panel-title > a > .vc_tta-title-text::before {
  background: center / contain no-repeat url("https://artoftech.com.my/wp-content/uploads/2022/08/department-logo.png");
}

.accordion_equipment .vc_tta-panel-heading .vc_tta-panel-title > a > .vc_tta-title-text::before {
  background: center / contain no-repeat url("https://artoftech.com.my/wp-content/uploads/2022/08/equipment-logo.png");
}

.accordion_inspection .vc_tta-panel-heading .vc_tta-panel-title > a > .vc_tta-title-text::before {
  background: center / contain no-repeat url("https://artoftech.com.my/wp-content/uploads/2022/09/inspection-icon.png");
}

.vc_tta-panel-body {
  padding: 4rem !important;
  border-radius: 0 !important;
  border: none !important;
  background: #ecedef !important;
}

.vc_tta-panels {
  display: grid;
  gap: calc(var(--gap) / 2);
}

.vc_tta-container {
  margin-bottom: 0 !important;
}

.accordion_department_row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 !important;
  gap: 3rem;
}

.accordion_department_row > div {
  width: 100% !important;
}

.accordion_department_row > div > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.accordion_department_row::before,
.accordion_department_row::after {
  display: none !important;
}

.accordion_department_row .department_image,
.accordion_department_row .department_image img {
  width: 100%;
  aspect-ratio: 1;
}

.accordion_department_row .department_image {
  overflow: hidden;
}

.accordion_department_row .department_image img {
  object-fit: cover;
  transition: transform 500ms ease-out;
}

.accordion_department_row .department_image img:hover {
  transform: scale(1.05);
}

.accordion_equipment_row,
.accordion_inspection_row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  margin: 0 !important;
}

.accordion_equipment_row::before,
.accordion_equipment_row::after,
.accordion_inspection_row::before,
.accordion_inspection_row::after {
  display: none !important;
}

.accordion_equipment_row > div {
  width: 100% !important;
  background: #96989b;
  transition: background 200ms ease-out;
}

.accordion_equipment_row > div:hover {
  background: var(--primary-color);
}

.accordion_equipment_row > div > div,
.accordion_inspection_row > div > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.accordion_equipment_row .equipment_image {
  background: white;
}

.accordion_equipment_row .equipment_image img {
  height: 22rem;
  object-fit: contain;
  object-position: center;
  padding: 2rem;
}

.accordion_equipment_row .equipment_text {
  padding: 2rem;
}

.accordion_equipment_row .equipment_text p:first-child {
  font-size: var(--h6);
  margin-bottom: 1rem;
  line-height: 1.2;
}

.accordion_equipment_row .equipment_text table {
  width: fit-content;
}

.accordion_equipment_row .equipment_text table tr td {
  border: none;
  text-align: left;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: top;
}

.accordion_equipment_row .equipment_text table tr td:first-child {
  font-weight: 600 !important;
}

.accordion_inspection_row .inspection_image {
  overflow: hidden;
  transition: background-color 200ms ease-out;
}

.accordion_inspection_row .inspection_image:hover {
  background-color: rgb(0 113 179 / 0.5) !important;
}

.accordion_inspection_row .inspection_image img {
  width: 24rem;
  aspect-ratio: 1;
  object-fit: contain;
  padding: 3rem;
  transition: transform 200ms ease-out;
}

.accordion_inspection_row .inspection_image:hover img {
  transform: scale(1.1);
}

.accordion_inspection_row > div {
  width: 100% !important;
}

.contact_page_section_company .company_title h1:first-child,
.contact_page_section_company .company_title h2:first-child,
.contact_page_section_company .company_title h3:first-child,
.contact_page_section_company .company_title h4:first-child,
.contact_page_section_company .company_title h5:first-child,
.contact_page_section_company .company_title h6:first-child {
  margin-bottom: 0 !important;
}

.contact_page_section_company .company_title,
.contact_page_section_company .company_title h1,
.contact_page_section_company .company_title h2,
.contact_page_section_company .company_title h3,
.contact_page_section_company .company_title h4,
.contact_page_section_company .company_title h5,
.contact_page_section_company .company_title h6 {
  color: #231f20 !important;
}

.contact_page_section_contact {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  overflow: visible !important;
  padding-bottom: 5rem;
}

.contact_page_section_contact > div:first-child {
  transform: translateY(5rem);
}

.contact_page_section_contact::before,
.contact_page_section_contact::after {
  display: none !important;
}

.contact_page_section_contact > div {
  width: 100% !important;
}

.contact_page_section_contact > div:first-child {
  display: flex;
  align-items: center;
  padding: 0 8rem;
  position: relative;
  isolation: isolate;
}

.contact_page_section_contact > div:first-child::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 5rem;
  height: 100%;
  background: var(--primary-color);
  z-index: -1;
  transform: translateX(100%);
}

.contact_page_section_contact > div:last-child {
  position: relative;
}

.contact_page_section_contact > div:last-child::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 9rem;
  aspect-ratio: 293 / 855;
  background: bottom right / contain no-repeat url("https://artoftech.com.my/wp-content/uploads/2022/07/left-point.png");
  transform: translateY(100%);
}

.wpb_gmaps_widget .wpb_wrapper {
  padding: 0 !important;
}

.contact_page_section_contact .contact_title span {
  display: inline-block;
}

.contact_page_section_contact .contact_title table {
  width: fit-content;
}

.contact_page_section_contact .contact_title table tr td {
  text-align: left;
  border: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  vertical-align: top;
}

.contact_page_section_enquiry {
  overflow: visible !important;
  isolation: isolate;
  position: relative;
}

.contact_page_section_enquiry::before {
  content: "";
  position: absolute;
  top: -6rem;
  right: 0;
  width: 70%;
  aspect-ratio: 1753 / 1293;
  max-height: 55rem;
  z-index: -1;
  background: top right / contain no-repeat url("https://artoftech.com.my/wp-content/uploads/2022/08/contact-background-top-right.png");
  opacity: 50%;
}

.contact_page_section_enquiry .enquiry_title h1,
.contact_page_section_enquiry .enquiry_title h2,
.contact_page_section_enquiry .enquiry_title h3,
.contact_page_section_enquiry .enquiry_title h4,
.contact_page_section_enquiry .enquiry_title h5,
.contact_page_section_enquiry .enquiry_title h6 {
  color: #020101;
}

#contact_form {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 2rem;
}

#contact_form ::placeholder {
  color: var(--text-color);
  opacity: 1;
}

#contact_form + p {
  margin-bottom: 0;
  text-align: center;
  padding-left: calc(24px * 3);
}

#contact_form input,
#contact_form textarea {
  width: 100% !important;
  outline: none;
  color: var(--text-color);
  background: #ecedef;
  border-color: #ecedef;
}

#contact_form input:focus,
#contact_form textarea:focus {
  border-color: #f61c00;
}

#contact_form span[data-name="contact_message"] {
  grid-column: 1 / -1;
}

#contact_form ~ .button,
#resume_normal ~ .button {
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: 2rem;
}

#contact_form ~ .button button,
#resume_normal ~ .button button {
  text-transform: capitalize;
}

#contact_form ~ .button button,
#contact_form ~ .button::before,
#contact_form ~ .button::after,
#contact_form ~ .button button::before,
#contact_form ~ .button button::after,
#resume_normal ~ .button button,
#resume_normal ~ .button::before,
#resume_normal ~ .button::after,
#resume_normal ~ .button button::before,
#resume_normal ~ .button button::after {
  background: #f61c00 !important;
}

#contact_form ~ .button button:hover,
#resume_normal ~ .button button:hover {
  background: white !important;
  color: #f61c00 !important;
}

/* career page */
.career_page_section_position .career_page_section_position_row.gap,
.career_page_section_position .career_page_section_position_row.gap-t {
  padding-top: calc(var(--gap) / 2);
}

.career_page_section_position .career_page_section_position_row.gap,
.career_page_section_position .career_page_section_position_row.gap-b {
  padding-bottom: calc(var(--gap) / 2);
}

.career_page_section_position .career_page_section_position_row > div:last-child > div > div {
  text-align: right;
}

.career_page_section_resume {
  --image-width-ratio: 49;
  --image-height-ratio: 31;
  overflow: visible !important;
}

.career_page_section_resume .resume_image {
  width: 50%;
  margin-left: auto;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.career_page_section_resume .resume_image * {
  width: 100%;
}

.career_page_section_resume .resume_image img {
  aspect-ratio: var(--image-width-ratio) / var(--image-height-ratio);
  object-fit: cover;
}

.career_page_section_resume .career_page_section_resume_row.gap,
.career_page_section_resume .career_page_section_resume_row.gap-t {
  padding-top: calc((50% / var(--image-width-ratio) * (var(--image-height-ratio) / 2)) + var(--gap));
}

.career_page_section_resume .career_page_section_resume_row {
  margin-top: calc((50% / var(--image-width-ratio) * (var(--image-height-ratio) / 2)));
  position: relative;
  isolation: isolate;
}

.career_page_section_resume .career_page_section_resume_row::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  aspect-ratio: 195 / 569;
  background: bottom left / contain no-repeat url("https://artoftech.com.my/wp-content/uploads/2022/09/right-arrow.png");
  transform: translateY(-100%);
}

.career_page_section_resume .career_page_section_resume_row > div {
  padding-left: calc((100% - var(--container-width)) / 2);
  padding-right: calc((100% - var(--container-width)) / 2);
}

#resume_normal {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 2rem;
}

#resume_normal input,
#resume_normal textarea {
  width: 100%;
  outline: none;
}

#resume_normal ::placeholder {
  opacity: 1;
  color: black;
}

#resume_normal [data-name="contact_message"] {
  grid-column: 1 / -1;
}

#resume_normal [data-name="contact_resume"] {
  grid-column: 2 / -1;
  position: relative;
}

#resume_normal [data-name="contact_resume"]::before {
  content: "";
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  height: 3rem;
  aspect-ratio: 1;
  background: center / contain no-repeat url("https://artoftech.com.my/wp-content/uploads/2022/09/file-icon.png");
}

#resume_normal [data-name="contact_resume"] > input {
  padding: 13px 20px;
  background: #ecedef;
}

@media screen and (min-width: 1400px) {
  .home_page_section_what_we_do .home_page_section_what_we_do_row_2,
  .about_page_section_vision .about_page_section_vision_row_2 {
    /*width: min(100%, 110rem);*/
    width: 60%;
  }
}

/*laptop view*/
@media screen and (max-width: 1199px) {
  :root {
    --container-width: var(--container-width-1199);
  }

  #mainnav ul#primary-menu {
    gap: 1rem;
  }

  .ml-header {
    margin-left: calc((100vw - 970px) / 2 + 15px);
  }

  .mr-header {
    margin-right: calc((100vw - 970px) / 2 + 15px);
  }

  .pl-header {
    padding-left: calc((100vw - 970px) / 2 + 15px);
  }

  .pr-header {
    padding-right: calc((100vw - 970px) / 2 + 15px);
  }

  .home_page_section_service .service_slider .owl-item .image_container {
    aspect-ratio: 5.5 / 6;
  }

  .home_page_section_service .service_slider .owl-nav .owl-prev {
    left: calc(940px / 3 * 1.03);
  }

  .home_page_section_service .service_slider .owl-nav .owl-next {
    left: calc(940px / 3 * 1.03 + 30px);
  }

  .home_page_section_inspection.row_2 {
    margin-top: -10rem;
  }

  .home_page_section_what_we_do .home_page_section_what_we_do_row_2,
  .about_page_section_vision .about_page_section_vision_row_2 {
    padding-right: 5rem;
  }

  .home_page_section_what_we_do .home_page_section_what_we_do_row_2,
  .about_page_section_vision .about_page_section_vision_row_2 {
    padding-left: calc((100% - 940px) / 2);
  }

  .about_page_section_culture.gap {
    padding-top: 21.5rem;
  }

  .home_page_section_what_we_do .home_page_section_what_we_do_row_2,
  .about_page_section_vision .about_page_section_vision_row_2 {
    width: 80rem;
  }

  .section_contact .contact_image,
  .section_contact .contact_image img {
    height: 51.2rem;
  }
}

/*tablet view*/
@media screen and (max-width: 991px) {
  :root {
    --container-width: var(--container-width-991);
  }

  .pl-header {
    padding-left: calc((100vw - 720px) / 2);
  }

  h1,
  h2 {
    font-size: var(--mobile-h1) !important;
  }

  h3,
  h4 {
    font-size: var(--mobile-h2) !important;
  }
  h5,
  h6 {
    font-size: var(--mobile-h3) !important;
  }

  .gap {
    padding-top: var(--mobile-gap);
    padding-bottom: var(--mobile-gap);
  }

  .gap-t {
    padding-top: var(--mobile-gap);
  }

  .gap-b {
    padding-bottom: var(--mobile-gap);
  }

  .career_page_section_position .career_page_section_position_row.gap,
  .career_page_section_position .career_page_section_position_row.gap-t {
    padding-top: calc(var(--mobile-gap) / 2);
  }

  .career_page_section_position .career_page_section_position_row.gap,
  .career_page_section_position .career_page_section_position_row.gap-b {
    padding-bottom: calc(var(--mobile-gap) / 2);
  }

  .career_page_section_resume .career_page_section_resume_row.gap,
  .career_page_section_resume .career_page_section_resume_row.gap-t {
    padding-top: calc((50% / var(--image-width-ratio) * (var(--image-height-ratio) / 2)) + var(--mobile-gap));
  }

  #sidebar-footer ul {
    grid-template-columns: none;
  }

  #sidebar-footer .footer-widgets-grid > .sidebar-column:nth-child(2) {
    padding-left: 1rem;
  }

  .contact_page_section_contact > div:first-child {
    padding: 0 5rem;
  }

  .home_page_section_inspection.row_2 > div:last-child {
    padding-left: 0;
  }

  .home_page_section_what_we_do .home_page_section_what_we_do_row_2,
  .about_page_section_vision .about_page_section_vision_row_2 {
    width: 65rem;
    padding-left: calc((100% - 720px) / 2);
  }

  .home_page_section_service .service_slider .owl-item .image_container {
    aspect-ratio: 4.7 / 6;
  }

  .home_page_section_service .service_slider .owl-nav .owl-prev {
    left: calc(720px / 3 * 1.03);
  }

  .home_page_section_service .service_slider .owl-nav .owl-next {
    left: calc(720px / 3 * 1.03 + 40px);
  }

  .home_page_section_inspection.row_1 .inspection_image,
  .home_page_section_inspection.row_1 .inspection_image img {
    height: 25rem;
  }

  .home_page_section_inspection .inspection_title {
    padding-top: var(--mobile-gap);
    padding-bottom: var(--mobile-gap);
  }

  .home_page_section_inspection.row_2 {
    margin-top: -2rem;
  }

  .section_counter .main-counter {
    font-size: 6rem !important;
  }

  .section_contact .contact_image,
  .section_contact .contact_image img {
    height: 34.7rem;
  }

  .section_contact .contact_text {
    font-size: var(--mobile-h2);
  }

  .about_page_section_culture.gap {
    padding-top: 15rem;
  }

  .about_page_section_culture .about_page_section_culture_row {
    padding-top: calc(var(--mobile-gap) / 2);
    grid-template-columns: none;
  }

  .about_page_section_culture .about_page_section_culture_row > div > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .about_page_section_culture .about_page_section_culture_row > div > div > div {
    display: grid;
    grid-template-columns: 11rem 1fr;
  }

  .about_page_section_culture .about_page_section_culture_row > div > div > div > div {
    display: flex;
    align-items: center;
  }

  .about_page_section_culture .culture_logo {
    margin-bottom: 0;
  }

  .service_page_section_intro > div > div > div {
    gap: var(--mobile-gap);
  }

  /*.service_page_section_intro .service_page_section_intro_row:nth-child(odd) > div:last-child {*/
  /*  padding-left: 0;*/
  /*}*/

  .service_page_section_intro .service_page_section_intro_row > div:last-child {
    padding-left: 0rem;
  }

  .service_page_section_intro .service_page_section_intro_row:nth-child(even) > div:first-child {
    padding-right: 0;
  }

  .inspection_page_section_choose .inspection_page_section_choose_row {
    grid-template-columns: none;
  }

  .inspection_page_section_choose .inspection_page_section_choose_row > div > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .inspection_page_section_choose .inspection_page_section_choose_row > div > div > div {
    display: grid;
    grid-template-columns: 11rem 1fr;
  }

  .inspection_page_section_choose .inspection_page_section_choose_row > div > div > div > div {
    display: flex;
    align-items: center;
  }

  .inspection_page_section_choose .choose_logo {
    margin-bottom: 0;
  }

  .inspection_page_section_equipment .equipment_image {
    margin-bottom: 1rem;
  }

  .vc_tta-panels {
    display: block;
  }

  .vc_tta-panels > div:not(:last-child) {
    margin-bottom: calc(var(--mobile-gap) / 2);
  }

  .accordion_equipment_row {
    grid-template-columns: repeat(2, 1fr);
  }
}

/*slide anything*/
@media screen and (max-width: 979px) {
  .home_page_section_service .service_slider .owl-item .image_container {
    aspect-ratio: 7 / 6;
  }

  .home_page_section_service .service_slider .owl-nav .owl-prev {
    left: calc(720px / 2 * 1.03);
  }

  .home_page_section_service .service_slider .owl-nav .owl-next {
    left: calc(720px / 2 * 1.03 + 30px);
  }
}

/*phone view*/
@media screen and (max-width: 767px) {
  .career_page_section_position .career_page_section_position_row > div:last-child > div > div {
    text-align: left;
  }

  .career_page_section_position .career_page_section_position_row > div:first-child {
    margin-bottom: 3rem;
  }

  .career_page_section_resume .career_page_section_resume_row::before {
    display: none !important;
  }

  .career_page_section_resume .resume_image {
    width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .career_page_section_resume .career_page_section_resume_row {
    margin-top: calc(((100% - 3rem) / var(--image-width-ratio) * (var(--image-height-ratio) / 2)));
  }

  .career_page_section_resume .career_page_section_resume_row.gap,
  .career_page_section_resume .career_page_section_resume_row.gap-t {
    padding-top: calc(((100% - 3rem) / var(--image-width-ratio) * (var(--image-height-ratio) / 2)) + var(--mobile-gap));
  }

  .career_page_section_resume .career_page_section_resume_row > div {
    padding-left: 15px;
    padding-right: 15px;
  }

  #resume_normal {
    grid-template-columns: none;
  }

  .home_page_section_what_we_do .home_page_section_what_we_do_row_1 > div:first-child::before,
  .about_page_section_vision .about_page_section_vision_row_1 > div:first-child::before {
    height: 50%;
  }

  .home_page_section_what_we_do::before {
    display: none !important;
  }

  .about_page_section_vision::before {
    top: 21rem;
    width: 9rem;
  }

  .contact_page_section_company.gap {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .about_page_section_culture .culture_logo img {
    width: 6rem;
  }

  .about_page_section_culture .about_page_section_culture_row > div > div > div {
    grid-template-columns: 8rem 1fr;
  }

  .inspection_page_section_choose .choose_logo img {
    width: 6rem;
  }

  .inspection_page_section_choose .inspection_page_section_choose_row > div > div > div {
    grid-template-columns: 8rem 1fr;
  }

  .service_page_section_intro::before {
    display: none !important;
  }

  .contact_page_section_contact > div:last-child::after {
    width: 5rem;
  }

  .about_page_section_culture.vc_custom_1659675098776 {
    background: none !important;
  }

  .about_page_section_culture.gap {
    padding-top: var(--mobile-gap);
  }

  .about_page_section_culture {
    position: relative;
    isolation: isolate;
  }

  /*.about_page_section_culture::before {*/
  /*  content: "";*/
  /*  position: absolute;*/
  /*  top: -3rem;*/
  /*  right: 0;*/
  /*  width: 100%;*/
  /*  aspect-ratio: 1753 / 1293;*/
  /*  max-height: 50rem;*/
  /*  background: top right / contain no-repeat url("https://artoftech.com.my/wp-content/uploads/2022/08/contact-background-top-right.png");*/
  /*}*/

  /*footer*/
  #sidebar-footer .footer-widgets-grid > div:first-child {
    display: flex;
    align-items: center;
  }

  .footer-widgets-grid > .sidebar-column:first-child .widget.widget_media_image {
    margin-bottom: 0;
  }

  #sidebar-footer .footer-widgets-grid > .sidebar-column:first-child > .widget.widget_text p {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    column-gap: 5px;
    flex-wrap: wrap;
  }

  #sidebar-footer .footer-widgets-grid > .sidebar-column:first-child > .widget.widget_text br {
    display: none;
  }

  #sidebar-footer .footer-widgets-grid > div:nth-child(2) {
    order: 1;
  }

  #sidebar-footer ul {
    display: flex;
    align-items: center;
    column-gap: 3rem;
    flex-wrap: wrap;
  }

  #sidebar-footer ul > li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: relative;
    width: auto !important;
  }

  #sidebar-footer ul > li:not(:last-child)::after {
    content: "|";
    position: absolute;
    top: 0;
    right: -1.5rem;
    transform: translateX(50%);
  }

  #sidebar-footer .contact_footer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: fit-content;
    column-gap: 5rem;
  }

  #sidebar-footer .contact_footer > table {
    grid-column: 1 / -1;
    position: relative;
  }

  #sidebar-footer .contact_footer > table:nth-child(2) {
    grid-column: 1 / span 2;
    grid-row: 2;
  }

  #sidebar-footer .contact_footer > table:nth-child(3)::before {
    content: "|";
    position: absolute;
    top: 0;
    left: -1.5rem;
    transform: translateX(-50%);
  }

  .section_counter {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 !important;
    gap: 2rem;
  }

  .section_counter::before,
  .section_counter::after {
    display: none !important;
  }

  .section_counter > div {
    width: 100% !important;
    background: #ededed;
    padding: 3rem 0;
  }

  .section_counter > div:last-child {
    grid-column: 1 / -1;
  }

  .home_page_section_what_we_do .what_we_do_title,
  .about_page_section_vision .vision_title {
    width: auto;
    padding: 0 15px;
  }

  .home_page_section_what_we_do .home_page_section_what_we_do_row_2,
  .about_page_section_vision .about_page_section_vision_row_2 {
    position: initial;
    width: 100%;
    padding: 4rem 15px;
  }

  .home_page_section_what_we_do .what_we_do_image,
  .home_page_section_what_we_do .what_we_do_image img,
  .about_page_section_vision .vision_image,
  .about_page_section_vision .vision_image img {
    height: 30rem;
  }

  .home_page_section_service .service_slider .owl-item .image_container {
    aspect-ratio: auto;
  }

  .home_page_section_service .service_slider .owl-item img {
    padding: 0 3rem;
    height: auto;
  }

  .home_page_section_service .service_slider .owl-item p {
    text-align: center;
    font-weight: 700;
    font-size: var(--mobile-h3);
  }

  .home_page_section_service .service_slider .owl-nav .owl-prev {
    left: 0;
    top: 40%;
    transform: translateY(-50%);
  }

  .home_page_section_service .service_slider .owl-nav .owl-next {
    left: auto;
    right: 0;
    top: 40%;
    transform: translateY(-50%);
  }

  .home_page_section_service .service_slider .owl-nav .owl-next::after {
    background: var(--secondary-color);
  }

  .home_page_section_inspection.row_1 .inspection_image {
    margin-top: 0;
    width: 95%;
    margin-left: auto;
    max-height: none;
    height: 30rem;
  }

  .home_page_section_inspection.row_1 {
    display: flex;
    flex-direction: column-reverse;
  }

  .home_page_section_inspection.row_1 > div:first-child {
    width: 95%;
  }

  .home_page_section_inspection.row_1 > div:last-child {
    margin-bottom: -5rem;
  }

  .home_page_section_inspection.row_1 .inspection_image,
  .home_page_section_inspection.row_1 .inspection_image img {
    height: 30rem;
  }

  .home_page_section_inspection .inspection_title {
    padding-top: 8rem;
    padding-left: calc(100vw * 0.05);
    padding-bottom: 5rem;
  }

  .home_page_section_inspection.row_2 > div:first-child {
    display: none;
  }

  .home_page_section_inspection.row_2 {
    margin-top: 2rem;
  }

  .section_contact > div:first-child {
    position: initial;
  }

  .section_contact {
    display: flex;
    flex-direction: column;
    margin-top: 0;
  }

  .section_contact.bg_primary {
    background: none !important;
  }

  .section_contact.gap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .section_contact > div:first-child {
    width: 95%;
    margin-bottom: -5rem;
  }

  .section_contact .contact_image img {
    height: 30rem;
  }

  .section_contact .contact_image {
    height: 30rem;
  }

  .section_contact > div:last-child {
    width: 95%;
    background: var(--primary-color);
    margin-left: auto;
    padding: 5rem;
  }

  .section_contact .contact_text br {
    display: none;
  }

  .about_page_section_about .about_title {
    margin-bottom: 1rem;
  }

  .about_page_section_culture.vc_custom_1659402282532 {
    background: none !important;
  }

  .about_page_section_culture .about_page_section_culture_row > div {
    border: 2px solid var(--primary-color);
    padding: 2rem;
  }

  /*.service_page_section_intro .service_page_section_intro_row:nth-child(odd) {*/
  /*  flex-direction: column;*/
  /*}*/

  .service_page_section_intro .service_page_section_intro_row {
    flex-direction: column;
  }

  /*.service_page_section_intro .service_page_section_intro_row:nth-child(even) {*/
  /*  flex-direction: column-reverse;*/
  /*}*/

  .service_page_section_intro .intro_image img {
    height: 30rem;
    aspect-ratio: auto;
  }

  .service_page_section_intro .intro_image {
    height: 30rem;
    aspect-ratio: auto;
  }

  .service_page_section_intro .intro_image * {
    width: 100% !important;
  }

  .service_page_section_intro .intro_text {
    margin-top: 2rem;
  }

  .service_page_section_products .service_page_section_products_row {
    grid-template-columns: repeat(2, 1fr);
  }

  .inspection_page_section_choose .choose_title,
  .inspection_page_section_choose .choose_title h1,
  .inspection_page_section_choose .choose_title h2,
  .inspection_page_section_choose .choose_title h3,
  .inspection_page_section_choose .choose_title h4,
  .inspection_page_section_choose .choose_title h5,
  .inspection_page_section_choose .choose_title h6 {
    text-align: left !important;
  }

  .inspection_page_section_equipment .equipment_title,
  .inspection_page_section_equipment .equipment_title h1,
  .inspection_page_section_equipment .equipment_title h2,
  .inspection_page_section_equipment .equipment_title h3,
  .inspection_page_section_equipment .equipment_title h4,
  .inspection_page_section_equipment .equipment_title h5,
  .inspection_page_section_equipment .equipment_title h6 {
    text-align: left !important;
  }

  .inspection_page_section_equipment .inspection_page_section_equipment_row {
    grid-template-columns: repeat(2, 1fr);
  }

  .accordion_department_row {
    grid-template-columns: repeat(2, 1fr);
  }

  .accordion_department_row .department_image,
  .accordion_department_row .department_image img {
    aspect-ratio: 4 / 3;
  }

  .accordion_equipment_row {
    grid-template-columns: none;
  }

  .vc_tta-panel-heading .vc_tta-panel-title > a {
    font-size: var(--mobile-h3);
  }

  .vc_tta-panel-heading .vc_tta-panel-title > a::after {
    font-size: 1.5rem;
  }

  .contact_page_section_contact > div:first-child {
    transform: none;
    padding: 3rem 15px;
    width: 95% !important;
  }

  .contact_page_section_contact {
    grid-template-columns: none;
    padding-bottom: 0;
  }

  .contact_page_section_contact .contact_title br {
    display: none;
  }

  .contact_page_section_contact > div:first-child::before {
    right: auto;
    left: 0;
    width: 100%;
    height: 5rem;
    z-index: -1;
    transform: translateY(100%);
  }

  .contact_page_section_contact > div:last-child {
    margin-left: auto;
    width: 95% !important;
  }

  .contact_page_section_contact > div:last-child iframe {
    height: 30rem;
  }

  .contact_page_section_enquiry .enquiry_title {
    margin-bottom: 2rem;
  }

  .contact_page_section_enquiry .enquiry_title,
  .contact_page_section_enquiry .enquiry_title h1,
  .contact_page_section_enquiry .enquiry_title h2,
  .contact_page_section_enquiry .enquiry_title h3,
  .contact_page_section_enquiry .enquiry_title h4,
  .contact_page_section_enquiry .enquiry_title h5,
  .contact_page_section_enquiry .enquiry_title h6 {
    text-align: left !important;
  }

  #contact_form {
    grid-template-columns: none;
  }

  .accordion_inspection_row {
    grid-template-columns: repeat(2, 1fr);
  }

  .accordion_inspection_row .inspection_image img {
    padding: 2rem;
  }
}

/*mobile view*/
@media screen and (max-width: 575px) {
  .home_page_section_what_we_do .home_page_section_what_we_do_row_1 > div:first-child::before,
  .about_page_section_vision .about_page_section_vision_row_1 > div:first-child::before,
  .about_page_section_vision::before,
  .service_page_section_intro::after,
  .service_page_section_products::before,
  .contact_page_section_contact > div:last-child::after {
    display: none !important;
  }

  .accordion_department_row {
    grid-template-columns: none;
  }

  .about_page_section_vision .vision_title br {
    display: none;
  }

  .home_page_section_what_we_do .what_we_do_title h1:first-child,
  .home_page_section_what_we_do .what_we_do_title h2:first-child,
  .home_page_section_what_we_do .what_we_do_title h3:first-child,
  .home_page_section_what_we_do .what_we_do_title h4:first-child,
  .home_page_section_what_we_do .what_we_do_title h5:first-child,
  .home_page_section_what_we_do .what_we_do_title h6:first-child,
  .about_page_section_vision .vision_title h1:first-child,
  .about_page_section_vision .vision_title h2:first-child,
  .about_page_section_vision .vision_title h3:first-child,
  .about_page_section_vision .vision_title h4:first-child,
  .about_page_section_vision .vision_title h5:first-child,
  .about_page_section_vision .vision_title h6:first-child {
    margin-top: 0 !important;
  }

  .vc_tta-panel-heading .vc_tta-panel-title > a {
    font-size: var(--p);
  }
  .section_counter .counter_text {
    font-size: var(--p);
  }

  .section_counter > div > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .home_page_section_service .service_slider .owl-item img {
    padding: 0 4rem;
  }

  .section_contact > div:last-child {
    padding: 3rem 15px;
  }

  .about_page_section_culture .about_page_section_culture_row > div > div > div {
    grid-template-columns: 10rem 1fr;
  }

  .footer-widgets-grid > .sidebar-column:first-child img {
    height: 8rem !important;
    width: auto;
  }

  #sidebar-footer .footer-widgets-grid > div:first-child {
    display: grid;
    grid-template-columns: 10rem 1fr;
  }

  .service_page_section_intro .intro_image img {
    height: 25rem;
  }

  .service_page_section_intro .intro_image {
    height: 25rem;
  }

  .service_page_section_products .service_page_section_products_row {
    gap: 1.5rem;
  }

  .inspection_page_section_choose .inspection_page_section_choose_row > div {
    padding: 2rem;
  }

  .inspection_page_section_choose .inspection_page_section_choose_row > div > div > div {
    grid-template-columns: 10rem 1fr;
  }

  .vc_tta-panel-body {
    padding: 1.5rem !important;
  }

  .accordion_department_row {
    gap: 1.5rem;
  }

  .inspection_page_section_equipment .inspection_page_section_equipment_row {
    margin: 0 !important;
    column-gap: 1.5rem;
  }

  .inspection_page_section_equipment .inspection_page_section_equipment_row > div > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .vc_tta-panel-heading .vc_tta-panel-title > a > .vc_tta-title-text {
    display: grid;
    grid-template-columns: 4rem 1fr;
  }
}

@media screen and (max-width: 375px) {
  #sidebar-footer .contact_footer > table:nth-child(2)::after {
    display: none;
  }

  #sidebar-footer .contact_footer {
    grid-template-columns: none;
    column-gap: normal;
  }

  #sidebar-footer .contact_footer > table:nth-child(2) {
    grid-column: auto;
    grid-row: auto;
  }

  #sidebar-footer .contact_footer > table:nth-child(3) {
    grid-column: auto;
    grid-row: auto;
  }

  .accordion_equipment_row,
  .accordion_inspection_row {
    grid-template-columns: none;
  }
}

@media screen and (max-width: 350px) {
  .section_counter {
    grid-template-columns: none;
  }
}