/*
Theme Name:  lextech2025
Author: ims bishkek

*/
 
  html, body, .body {
		max-width: 100%;
		overflow-x: hidden;
}

@media (min-width: 1460px) {
		.container {
				max-width: 1420px !important;
		}
}

h1, h2, h3, h4, h5, h6 {
		font-family: "Lexend", sans-serif;
		color: var(--dark);
}

.custom-font-secondary {
		font-family: "Lexend", sans-serif !important;
}

.custom-font-tertiary {
		font-family: "Playfair Display", serif !important;
}

@font-face {
		font-family: "CustomFont1";
		src: url("https://lextechnics.sg/wp-content/themes/lextech2025/css/fonts/demos/accounting-2/font-1.woff") format("woff"), url("https://lextechnics.sg/wp-content/themes/lextech2025/css/fonts/demos/accounting-2/font-1.ttf") format("ttf"), url("https://lextechnics.sg/wp-content/themes/lextech2025/css/fonts/demos/accounting-2/font-1.eot") format("eot");
		font-weight: normal;
		font-style: normal;
}

[class*='custom-font-icon-']:before {
		display: inline-block;
		font-family: 'CustomFont1';
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}

.custom-font-icon-1:before {
		content: '\0041';
}

.custom-font-icon-2:before {
		content: '\0041';
}

.custom-font-icon-3:before {
		content: '\0041';
}

.custom-font-icon-4:before {
		content: '\0041';
}

.bg-custom-color-1 {
		background-color: #f2f5f1;
}

.custom-text-color-2 {
		color: #f8e095;
}

.custom-border-radius-1 {
		border-radius: var(--border-radius2x) !important;
}

p {
		line-height: 1.8;
		font-size: 16px;
		font-size: 1rem;
		letter-spacing: -0.015em;
}

.badge {
		font-weight: 500;
		font-family: "Lexend", sans-serif !important;
}

.custom-graph-svg-color-primary {
		fill: var(--primary) !important;
}

.custom-graph-svg-color-secondary {
		fill: var(--secondary) !important;
}

.custom-avatar-1 {
		display: inline-flex;
		overflow: hidden;
		border-radius: 24px;
		transform: translate3d(0, 25%, 0) !important;
}

.custom-avatar-1 img {
		max-width: 85px;
		width: 85px;
		height: 70px;
}

.btn {
		font-family: "Lexend", sans-serif !important;
		padding: 16px 35.2px;
		padding: 1rem 2.2rem;
		font-size: 14.4px;
		font-size: 0.9rem;
		font-weight: 500;
}

/* Custom Position */
.custom-pos-1 {
		bottom: 13%;
		right: -3%;
}

.custom-pos-2 {
		top: 1%;
		right: -20%;
}

@media (min-width: 1000px) {
		.custom-pos-2 {
				right: -10%;
		}
}

@media (min-width: 1400px) {
		.custom-pos-2 {
				right: 11%;
		}
}

.custom-pos-3 {
		bottom: 12%;
		left: -5%;
}

/* Custom Elements */
.custom-el-1 {
		margin-top: -374px;
		position: relative;
		min-height: 570px;
}

.custom-el-1:before {
		content: ' ';
		display: block;
		width: 50%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		border-radius: 0 80px 0 0;
}

.custom-el-2 {
		width: 150px;
		height: 150px;
		min-width: 150px;
		min-height: 150px;
}

.custom-el-3 {
		width: 180px;
		height: 180px;
		min-width: 180px;
		min-height: 180px;
		margin-left: -40px;
		margin-top: -15px;
}

.custom-el-4 {
		display: inline-block;
		margin: -24px 50px -24px -32px;
		position: relative;
}

.custom-el-4:after {
		content: ' ';
		display: block;
		width: 390px;
		height: 280px;
		position: absolute;
		top: -75px;
		left: -55px;
		right: 0;
		bottom: 0;
		border-radius: 50%;
		border: 30px solid #FFF;
		z-index: 11;
}

.custom-el-5 {
		height: 100%;
		aspect-ratio: 1 / 1;
		background: #FFF;
		border-radius: 100%;
		margin: 10%;
		background-size: cover;
		position: relative;
		z-index: 2;
}

.custom-el-5:before {
		content: ' ';
		display: block;
		width: 110%;
		height: 110%;
		position: absolute;
		top: 0;
		left: -6%;
		right: 0;
		bottom: 0;
		border-radius: 50%;
		border: 1px solid #e7e7e7;
		z-index: 1;
}

.custom-el-5-1 {
		height: 100%;
		aspect-ratio: 1 / 1;
		opacity: 0.8;
		background-color: #FFF;
		border: 70px solid #000;
		border-radius: 100%;
		position: relative;
		z-index: 3;
}

.custom-el-5-2 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 4;
}

.custom-el-6 {
		width: 75px;
		height: 75px;
}

.custom-el-7 {
		width: 80px;
		height: 80px;
		display: block;
		border-radius: 100%;
		position: absolute;
		margin-top: -15px;
		margin-left: -15px;
		z-index: 1000;
}

.custom-el-7 i {
		font-size: 40px;
		position: relative;
		top: 17px;
}

.custom-el-8 {
		position: absolute;
		right: 8%;
		top: 15%;
}

.custom-el-8 i:nth-child(1) {
		font-size: 40px;
		opacity: 0.3;
}

.custom-el-8 i:nth-child(2) {
		font-size: 60px;
		position: relative;
		top: 40px;
		left: 5px;
}

.custom-el-8 i:nth-child(3) {
		font-size: 80px;
		position: relative;
		top: 100px;
		filter: blur(5px);
}

.custom-el-9 {
		position: relative;
		display: block;
		padding: 30px 0;
}

.custom-el-9 strong:nth-child(1) {
		opacity: 0.07;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		display: block;
		text-align: center;
		font-size: clamp(28px, -53.3333333333px + 0.1694444444 * 100vw, 150px);
		text-overflow: ellipsis;
		white-space: nowrap;
}

.custom-el-9 strong:nth-child(2) {
		font-size: clamp(28px, 4px + 0.05 * 100vw, 64px);
		padding-top: 20px;
		display: block;
}

.custom-el-10 {
		min-height: 680px;
		background-position-x: right !important;
		background-repeat: no-repeat !important;
}

@media (min-width: 992px) {
		.custom-el-11 {
				margin: -110px 0;
		}
}

.custom-el-12 {
		min-height: 480px;
		background-position-x: right !important;
		background-repeat: no-repeat !important;
}

/* Custom Gallery */
.custom-gallery-1 {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		gap: 20px;
}

.custom-gallery-1 > div {
		background-color: #FFF;
		border-radius: 20px;
		overflow: hidden;
		flex: 1;
		height: 100%;
		-o-object-fit: cover;
			 object-fit: cover;
		overflow: hidden;
		transition: flex 0.5s;
		height: 415px;
		position: relative;
}

.custom-gallery-1 > div img {
		height: 414px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
}

.custom-gallery-1 > div:hover {
		flex: 3;
}

.sticky-header-active #header .header-body {
		backdrop-filter: blur(5px);
		background-color: rgba(255, 255, 255, 0.9) !important;
}

#header .header-nav-features .header-nav-features-search-reveal-big-search {
		z-index: 100;
}

@media (min-width: 992px) {
		#header .dropdown-menu {
				transition: all 300ms;
				border: 1px solid var(--grey-200);
				border-radius: var(--border-radius2x) !important;
				box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07);
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a {
				font-size: 1.05em;
				padding: 0 .2rem;
		}
}

@media (min-width: 992px) and (min-width: 1200px) {
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a {
				padding: 0 .5rem;
		}
}

@media (min-width: 992px) {
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a span {
				display: inline-block;
				border-radius: 16px;
				padding: 10px 20px;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a.active span {
				background-color: #f2f5f1;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li.dropdown:not(.dropdown-mega) a span {
				padding-right: 35px;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li.dropdown:not(.dropdown-mega) a.dropdown-toggle:after {
				margin-left: -30px;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li.dropdown:not(.dropdown-mega) .dropdown-menu {
				transition: all 300ms;
				opacity: 0;
				transform: translate3d(-5px, 0, 0) !important;
				border: 1px solid var(--grey-200);
				border-radius: var(--border-radius2x) !important;
				overflow: hidden;
				padding-top: 0;
				padding-bottom: 0;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li.dropdown:not(.dropdown-mega) .dropdown-menu li a {
				padding-top: 12px !important;
				padding-bottom: 12px !important;
				padding-right: 22px !important;
				padding-left: 22px !important;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li:hover.dropdown:not(.dropdown-mega) .dropdown-menu {
				opacity: 1;
				transform: translate3d(-5px, -10px, 0) !important;
		}
}

.custom-card-glass-1 {
		background-color: rgba(255, 255, 255, 0.9);
}

.custom-card-1 .custom-card-1-curves {
		position: absolute;
		transform: translate3d(-65%, -65%, 0) !important;
}

.custom-feather-shadow {
		mask-image: linear-gradient(to right, transparent 0%, #000000 20%, #000000 80%, transparent 100%);
		-webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 20%, #000000 80%, transparent 100%);
}

@media (max-width: 991px) {
		.custom-owl-carousel-1 .owl-nav {
				display: none !important;
		}
}

.featured-icon.custom-featured-icon-style-1 {
		width: 115px;
		height: 115px;
		border-radius: 100% !important;
}

/* General */
:root {
	--border-radius: 4px;
	--border-radius2x: 16px;
	--default: #777;
}
/* Skin Colors */
:root {
	--primary: #3eab34;
	--primary-100: #319d27;
	--primary-200: #246c48;
	--primary-300: #216342;
	--primary--100: #349c68;
	--primary--200: #38a66e;
	--primary--300: #3baf74;
	--primary-rgba-0: rgba(46, 137, 91, 0);
	--primary-rgba-10: rgba(46, 137, 91, 0.1);
	--primary-rgba-20: rgba(46, 137, 91, 0.2);
	--primary-rgba-30: rgba(46, 137, 91, 0.3);
	--primary-rgba-40: rgba(46, 137, 91, 0.4);
	--primary-rgba-50: rgba(46, 137, 91, 0.5);
	--primary-rgba-60: rgba(46, 137, 91, 0.6);
	--primary-rgba-70: rgba(46, 137, 91, 0.7);
	--primary-rgba-80: rgba(46, 137, 91, 0.8);
	--primary-rgba-90: rgba(46, 137, 91, 0.9);
	--secondary: #12403d;
	--secondary-100: #0c2c2a;
	--secondary-200: #0a2221;
	--secondary-300: #071817;
	--secondary--100: #185450;
	--secondary--200: #1a5e59;
	--secondary--300: #1d6863;
	--secondary-rgba-0: rgba(18, 64, 61, 0);
	--secondary-rgba-10: rgba(18, 64, 61, 0.1);
	--secondary-rgba-20: rgba(18, 64, 61, 0.2);
	--secondary-rgba-30: rgba(18, 64, 61, 0.3);
	--secondary-rgba-40: rgba(18, 64, 61, 0.4);
	--secondary-rgba-50: rgba(18, 64, 61, 0.5);
	--secondary-rgba-60: rgba(18, 64, 61, 0.6);
	--secondary-rgba-70: rgba(18, 64, 61, 0.7);
	--secondary-rgba-80: rgba(18, 64, 61, 0.8);
	--secondary-rgba-90: rgba(18, 64, 61, 0.9);
	--tertiary: #c8f4ac;
	--tertiary-100: #b9f195;
	--tertiary-200: #b2f08a;
	--tertiary-300: #aaee7f;
	--tertiary--100: #d7f7c3;
	--tertiary--200: #def8ce;
	--tertiary--300: #e6fad9;
	--tertiary-rgba-0: rgba(200, 244, 172, 0);
	--tertiary-rgba-10: rgba(200, 244, 172, 0.1);
	--tertiary-rgba-20: rgba(200, 244, 172, 0.2);
	--tertiary-rgba-30: rgba(200, 244, 172, 0.3);
	--tertiary-rgba-40: rgba(200, 244, 172, 0.4);
	--tertiary-rgba-50: rgba(200, 244, 172, 0.5);
	--tertiary-rgba-60: rgba(200, 244, 172, 0.6);
	--tertiary-rgba-70: rgba(200, 244, 172, 0.7);
	--tertiary-rgba-80: rgba(200, 244, 172, 0.8);
	--tertiary-rgba-90: rgba(200, 244, 172, 0.9);
	--quaternary: #f2bc03;
	--quaternary-100: #d9a803;
	--quaternary-200: #cc9f03;
	--quaternary-300: #c09502;
	--quaternary--100: #fcc712;
	--quaternary--200: #fcca1f;
	--quaternary--300: #fccd2c;
	--quaternary-rgba-0: rgba(242, 188, 3, 0);
	--quaternary-rgba-10: rgba(242, 188, 3, 0.1);
	--quaternary-rgba-20: rgba(242, 188, 3, 0.2);
	--quaternary-rgba-30: rgba(242, 188, 3, 0.3);
	--quaternary-rgba-40: rgba(242, 188, 3, 0.4);
	--quaternary-rgba-50: rgba(242, 188, 3, 0.5);
	--quaternary-rgba-60: rgba(242, 188, 3, 0.6);
	--quaternary-rgba-70: rgba(242, 188, 3, 0.7);
	--quaternary-rgba-80: rgba(242, 188, 3, 0.8);
	--quaternary-rgba-90: rgba(242, 188, 3, 0.9);
	--dark: #0a0201;
	--dark-100: #000000;
	--dark-200: #000000;
	--dark-300: #000000;
	--dark--100: #210703;
	--dark--200: #2d0904;
	--dark--300: #380b06;
	--dark-rgba-0: rgba(10, 2, 1, 0);
	--dark-rgba-10: rgba(10, 2, 1, 0.1);
	--dark-rgba-20: rgba(10, 2, 1, 0.2);
	--dark-rgba-30: rgba(10, 2, 1, 0.3);
	--dark-rgba-40: rgba(10, 2, 1, 0.4);
	--dark-rgba-50: rgba(10, 2, 1, 0.5);
	--dark-rgba-60: rgba(10, 2, 1, 0.6);
	--dark-rgba-70: rgba(10, 2, 1, 0.7);
	--dark-rgba-80: rgba(10, 2, 1, 0.8);
	--dark-rgba-90: rgba(10, 2, 1, 0.9);
	--light: #FFF;
	--light-100: #f2f2f2;
	--light-200: #ececec;
	--light-300: #e6e6e6;
	--light--100: #ffffff;
	--light--200: #ffffff;
	--light--300: #ffffff;
	--light-rgba-0: rgba(255, 255, 255, 0);
	--light-rgba-10: rgba(255, 255, 255, 0.1);
	--light-rgba-20: rgba(255, 255, 255, 0.2);
	--light-rgba-30: rgba(255, 255, 255, 0.3);
	--light-rgba-40: rgba(255, 255, 255, 0.4);
	--light-rgba-50: rgba(255, 255, 255, 0.5);
	--light-rgba-60: rgba(255, 255, 255, 0.6);
	--light-rgba-70: rgba(255, 255, 255, 0.7);
	--light-rgba-80: rgba(255, 255, 255, 0.8);
	--light-rgba-90: rgba(255, 255, 255, 0.9);
}
/* Skin Colors - Inverse */
:root {
	--primary-inverse: #FFF;
	--secondary-inverse: #FFF;
	--tertiary-inverse: #777;
	--quaternary-inverse: #777;
	--dark-inverse: #FFF;
	--light-inverse: #777;
}
/* Grey Colors */
:root {
	--grey: #969696;
	--grey-100: #f4f4f4;
	--grey-200: #eaeaea;
	--grey-300: #e5e5e5;
	--grey-400: #e0e0e0;
	--grey-500: #dbdbdb;
	--grey-600: #cecece;
	--grey-700: #c1c1c1;
	--grey-800: #a8a8a8;
	--grey-900: #8e8e8e;
	--grey-1000: #757575;
}