/*
Theme Name: VSI THEME
Text Domain: wordpress.org
Version: 3.1
Requires at least: 4.7
Requires PHP: 7.4.2
Description: Our default theme for 2025 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: Mr. Lim Hou 
Theme URI: https://khmerone.com
License: GNU General Public License v2 or later
License URI: https://khmerone.com

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with ot
*/

/* -----------------------------------------------------------------------------------*/
@font-face {
  font-family: 'ar-coder';
  src: url('fonts/ar-coder.eot?ro913q');
  src: url('fonts/ar-coder.eot?ro913q#iefix') format('embedded-opentype'),
      url('fonts/ar-coder.ttf?ro913q') format('truetype'),
      url('fonts/ar-coder.woff?ro913q') format('woff'),
      url('fonts/ar-coder.svg?ro913q#ar-coder') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="ar-icons-"],
[class*=" ar-icons-"] {
    font-family: 'ar-coder' !important;
    font-style: normal;
    line-height: 1;
}

.ar-icons-email:before {
  content: "\e92a";
}
.ar-icons-phone:before {
  content: "\e92b";
}
.ar-icons-arrow-right:before {
  content: "\e900";
}
.ar-icons-Asset-1:before {
  content: "\e901";
}
.ar-icons-Asset-2:before {
  content: "\e902";
}
.ar-icons-Asset-3:before {
  content: "\e903";
}
.ar-icons-Asset-4:before {
  content: "\e904";
}
.ar-icons-Asset-5:before {
  content: "\e905";
}
.ar-icons-Asset-6:before {
  content: "\e906";
}
.ar-icons-Asset-7:before {
  content: "\e907";
}
.ar-icons-Asset-8:before {
  content: "\e908";
}
.ar-icons-Asset-9:before {
  content: "\e909";
}
.ar-icons-Asset-10:before {
  content: "\e90a";
}
.ar-icons-Asset-11:before {
  content: "\e90b";
}
.ar-icons-Asset-12:before {
  content: "\e90c";
}
.ar-icons-Asset-13:before {
  content: "\e90d";
}
.ar-icons-Asset-14:before {
  content: "\e90e";
}
.ar-icons-Asset-15:before {
  content: "\e90f";
}
.ar-icons-Asset-16:before {
  content: "\e910";
}
.ar-icons-Asset-17:before {
  content: "\e911";
}
.ar-icons-Asset-18:before {
  content: "\e912";
}
.ar-icons-Asset-19:before {
  content: "\e913";
}
.ar-icons-Asset-20:before {
  content: "\e914";
}
.ar-icons-Asset-21:before {
  content: "\e915";
}
.ar-icons-Asset-22:before {
  content: "\e916";
}
.ar-icons-Asset-23:before {
  content: "\e917";
}
.ar-icons-Asset-24:before {
  content: "\e918";
}
.ar-icons-Asset-25:before {
  content: "\e919";
}
.ar-icons-Asset-26:before {
  content: "\e91a";
}
.ar-icons-Asset-27:before {
  content: "\e91b";
}
.ar-icons-Asset-28:before {
  content: "\e91c";
}
.ar-icons-Asset-29:before {
  content: "\e91d";
}
.ar-icons-Asset-30:before {
  content: "\e91e";
}
.ar-icons-Asset-31:before {
  content: "\e91f";
}
.ar-icons-Asset-32:before {
  content: "\e920";
}
.ar-icons-Asset-33:before {
  content: "\e921";
}
.ar-icons-Asset-34:before {
  content: "\e922";
}
.ar-icons-Asset-35:before {
  content: "\e923";
}
.ar-icons-Asset-36:before {
  content: "\e924";
}
.ar-icons-Asset-37:before {
  content: "\e925";
}
.ar-icons-Asset-38:before {
  content: "\e926";
}
.ar-icons-Asset-39:before {
  content: "\e927";
}
.ar-icons-Asset-40:before {
  content: "\e928";
}
.ar-icons-check:before {
  content: "\e929";
}
.ar-icons-quote-1:before {
  content: "\e92c";
}
.ar-icons-quote-2:before {
  content: "\e92d";
}
.ar-icons-quote:before {
  content: "\e92e";
}
.ar-icons-arrow-left:before {
  content: "\e92f";
}

.site-logo img {
  max-width: 100px;
}
.hero-image img {
  max-width: 500px !important;
}
.sub-title {
  font-weight: 200;
  font-size: 22px;
    line-height: 22px;
}
.header-area.header-area1 .header-elements .main-menu-ex ul li a:hover {
  color: #e4ac2a;
}

.work-images .align-items-center {
  text-align: center;
}
.work-images .last-image img {
  max-width: 50%;
}
.service h4 {
  padding: 20px 0;
    color: #000;
    font-size: 20px;
}
.service .single-box {
  overflow: hidden;
  min-height: 360px;
}
.about1 .heading1 .list li i:before {
  display: block;
  width: 20px;
}
.heading_title {
  display: flex;
  margin-bottom: 10px;
}
.heading_title img {
  max-width: 30px;
  margin-right: 18px;
}
.heading_title h3 {
  font-size: 20px;
  color: #e4ac2a;
  font-weight: 600;
  line-height: 32px;
}
.single-box-service-heading h4 {
  color: #000;
  margin-top: 20px;
}
.parallax-background h3,
.parallax-background li,
.parallax-background h2 {
  color: #fff;
}
.listing li i,
.parallax-background li i {
  margin-right: 15px;
}
.medium-container {
  padding: 0 10%;
}
.footer_list li i {
  margin-right: 10px;
}
.single-pricing-box:hover .header_title .icon,
.single-pricing-box:hover li span {
  background-color: #fff !important;
}
.single-pricing-box {
  box-shadow: rgba(0, 0, 0, 0.067) 0px 20px 30px;
}
.single-pricing-box li {
  font-size: 16px !important;
  font-weight: 300 !important;
}
.single-pricing-box:hover .header_title .icon i,
.single-pricing-box:hover li i {
  color: #e4ac2a;
}

.single-pricing-box:hover li {
  color: #fff !important;
}
.single-pricing-box .header_title {
  display: flex;
}
.single-pricing-box .header_title .icon {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: #e4ac2a;
  color: #fff;
  margin-right: 20px;
}
.single-pricing-box .header_title .icon i {
  color: #fff;
  font-size: 24px;
  padding: 12px
}
.last-padding .pricing:last-child .single-pricing-box {
  padding-bottom: 47px;
}
.single-pricing-box {
  min-height: 620px;
}

.mobile-sidebar,
.mobile-header {
	display: none;
}

@media screen and (max-width: 990px) {
	
	.mobile-sidebar, .mobile-header {
		display: block !important;
	}
}
@media (max-width: 767px) {
	.mobile-sidebar, .mobile-header {
		display: block !important;
	}
	.header-desktop {
		display: none;
	}
	.medium-container {
		padding: 0;
	}
	.single-pricing-box {
  min-height: 100px;
}
	.pricing .single-pricing-box h4 {
		padding-top: 0;
	}
  .work-images .last-image img {
    max-width: 100%;
  }
  .last-padding .pricing:last-child .single-pricing-box {
    padding-bottom: 30px;
  }
  .bottom-padding .single-pricing-box {
    padding-bottom: 30px;
  }
	.about1 .heading1 .list li {
		line-height: 1;
		display: flex;
	}
	.hero-image img {
  max-width: 100% !important;
}
}