/*
 Theme Name: iransite
 Theme URI: https://iransite.com/
 Author: IRANSITE
 Author URI: mailto:info@iransite.com
 Description: Powered by IRANSITE company
 Version: 1.0
 License: Free
 Text Domain: iransite
*/
@font-face {
	font-family: 'YekanBakhFaNum';
	src: url('fonts/YekanBakhFaNum-Bold.woff2') format('woff2'), url('fonts/YekanBakhFaNum-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}
@font-face {
	font-family: 'YekanBakhFaNum';
	src: url('fonts/YekanBakhFaNum-Regular.woff2') format('woff2'), url('fonts/YekanBakhFaNum-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}
@font-face {
	font-family: 'YekanBakhFaNum';
	src: url('fonts/YekanBakhFaNum-Light.woff2') format('woff2'), url('fonts/YekanBakhFaNum-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}
:root {
	--bs-primary: #1b45ce;
	--bs-primary-rgb: 27, 69, 206;
	--bs-secondary: #ec7b22;
	--bs-secondary-rgb: 236, 123, 34;
	--bs-body-font-size: 16px;
	--bs-body-color: #1e1e1e;
	--bs-body-color-rgb: 30, 30, 30;
	--bs-light: #f5f5f5;
	--bs-light-rgb: 245, 245, 245;
	--bs-dark: #515151;
	--bs-dark-rgb: 81, 81, 81;
	--bs-link-color: #1b45ce;
	--bs-link-color-rgb: 27, 69, 206;
	--bs-link-hover-color: #ec7b22;
    --bs-link-hover-color-rgb: 236, 123, 34;
	--bs-body-font-family: YekanBakhFaNum, Arial, tahoma;
	--bs-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
	--bs-border-radius: 5px;
	--bs-success: #43b75d;
	--bs-success-rgb: 67, 183, 93;
	--bs-danger: #FF0404;
	--bs-danger-rgb: 255, 4, 4;
	font-size: 16px;

	--bs-blue: #1543DA;
	--bs-green: #0FB022;
	--bs-yellow: #EFD61B;
	--bs-orange: #FF8011;
	--bs-purple: #8D11D6;
	--bs-light-blue: #1AB6D1;
	--bs-dark-yellow: #CAA40C;
	--bs-magenta: #F22E8D;
	--bs-red: #F11717;
}
body {
	line-height: 2;
}
img {
	max-width: 100%;
}
a {
	text-decoration: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	line-height: 2;
	color: #1e1e1e;
	font-weight: bold;
}
.h1, h1 {
	font-size: 20px;
}
.h2, h2 {
	font-size: 18px;
}
.h3, h3 {
	font-size: 16px;
}
.fs-14 {
	font-size: 14px;
}
.fs-12 {
	font-size: 12px;
}
input[type=text], input[type=tel], input[type=number], input[type=email], input[type=password], select, textarea {
	border-radius: 0 !important;
	border: none !important;
	border-bottom: 1px solid #E7E7E7 !important;
	background: transparent;
	padding: 0 !important;
	line-height: 45px !important;
	height: 45px !important;
	font-family: YekanBakhFaNum !important;
}
textarea {
	display: block;
	height: auto !important;
	min-height: 150px !important;
	line-height: 2em !important;
}
body.rtl [type=email], body.rtl [type=number], body.rtl [type=tel], body.rtl [type=url] {
	direction: rtl;
}
video {
	max-width: 100%;
	height: auto;
}
iframe {
	display: block;
	max-width: 100%;
	width: 100%;
}
.text-justify {
	text-align: justify;
}
.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #999;
    --bs-btn-disabled-border-color: #666;
}
.btn-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #999;
    --bs-btn-disabled-border-color: #666;
}
.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #43B75D;
    --bs-btn-border-color: #43B75D;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #23B93C;
    --bs-btn-disabled-border-color: #23B93C;
}
.btn, button {
	padding: 0 30px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: calc(var(--bs-border-radius) * 2);
}

.icon-14 {
	width: 14px;
	height: 14px;
}
.icon-16 {
	width: 16px;
	height: 16px;
}
.icon-24 {
	width: 24px;
	height: 24px;
}
.icon-32 {
	width: 32px;
	height: 32px;
}
.icon-40 {
	width: 40px;
	height: 40px;
}
.icon-50 {
	width: 50px;
	height: 50px;
}

.rounded-2x {
	border-radius: calc(var(--bs-border-radius) * 2);
}

.bg-light-2 {
	background: #E7E7E7;
}
.bg-green {
	background: var(--bs-green);
}

a.text-body:hover {
	color: var(--bs-primary) !important;
}

.cursor-pointer {
	cursor: pointer;
}

.is-layout-flex {
	display: flex;
	gap: 1rem;
}
.are-vertically-aligned-center {
	align-items: center;
}
.has-text-align-center {
	text-align: center;
}
.page-content img {
	height: auto;
}

.main {
	position: relative;
}
.main ::-webkit-scrollbar {
    width: 5px;
	height: 5px
}
.main ::-webkit-scrollbar-track {
    background: #D9D9D9;
	border-radius: 5px;
}
.main ::-webkit-scrollbar-thumb {
    background: var(--bs-primary);
	border-radius: 5px;
}

header {
	z-index: 1000;
	position: relative;
}
.main-menu-holder ul.menu-l1 > li > a {
	padding: 24px 0;
}
.main-menu-holder ul li a {
	color: var(--bs-body-color);
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.main-menu-holder ul li a.dropdown:after {
	content: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.879883 1.24001L4.40988 4.76L7.93988 1.24001' stroke='%231E1E1E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	transition: all 0.3s ease-in-out;
}
.main-menu-holder ul li:hover a {
	color: var(--bs-primary)
}
.main-menu-holder ul li:hover a.dropdown:after {
	transform: rotate(-90deg);
}
body.rtl .main-menu-holder ul li:hover a.dropdown:after {
	transform: rotate(90deg);
}
.main-menu .menu-l2.dropdown-box {
	position: absolute;
	background: var(--bs-light);
	padding: 0.5rem 0;
	min-width: 200px;
	top: 100%;
	left: -999em;
	list-style: none;
	opacity: 0;
	border-radius: 0 0 calc(var(--bs-border-radius) * 2) calc(var(--bs-border-radius) * 2);
	transition: opacity 0.3s ease-in-out;
}
body.rtl .main-menu .menu-l2.dropdown-box {
	left: unset;
	right: -999em;
}
.main-menu .menu-l2.dropdown-box li {
	position: relative;
}
.main-menu .menu-l2.dropdown-box li:hover a {
	color: var(--bs-primary);
}
.main-menu .menu-l2.dropdown-box li:not(:last-child) {
	margin-bottom: 0;
}
.main-menu .menu-l2.dropdown-box li a {
	font-size: 1rem;
	padding: 0.5rem 1rem;
	font-weight: 300;
	color: var(--bs-body-color);
	font-size: 0.9rem;
	align-items: center;
}
.main-menu li.dropdown:hover .dropdown-box {
	left: 0;
	opacity: 1;
}
body.rtl .main-menu li.dropdown:hover .dropdown-box {
	left: unset;
	right: 0;
}
.lang-switcher {
	cursor: pointer;
}
.lang-switcher .current:after {
	content: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.522248 0.710428C0.814725 0.41712 1.2896 0.416446 1.58291 0.708924L4.58333 3.70085L7.58375 0.708924C7.87706 0.416446 8.35193 0.41712 8.64441 0.710428C8.93689 1.00374 8.93621 1.47861 8.64291 1.77109L5.11291 5.29109C4.82019 5.58298 4.34647 5.58298 4.05375 5.29109L0.523752 1.77109C0.230444 1.47861 0.22977 1.00374 0.522248 0.710428Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A");
}
.lang-dropdown {
	width: 90px;
	background: #D9D9D9;
	border-radius: var(--bs-border-radius);
	position: absolute;
	top: 100%;
	visibility: hidden;
    opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
.lang-switcher:hover .lang-dropdown {
	opacity: 1;
	visibility: visible;
}
.lang-dropdown:before {
	content: '';
    width: 10px;
    height: 10px;
    border-radius: 2px;
    position: absolute;
    right: 1rem;
    top: -4px;
    background: #D9D9D9;
    transform: rotate(45deg);
}
body.rtl .lang-dropdown:before {
	right: unset;
    left: 1rem;
}
.lang-dropdown a:not(:last-child) {
	border-bottom: 1px solid #AEAEAE
}

body.home {
	position: relative;
}
.home-video-bg {
	position: fixed;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
	opacity: 0.7;
	mix-blend-mode: multiply;
}

.home-product-carousel .owl-dots {
	height: 5px;
	overflow: hidden;
	border-radius: 10px;
	background: #AEAEAE;
	margin-top: 1.5rem;
	display: flex;
}
.home-product-carousel .owl-dots button {
	background: transparent;
	transition: all 0.3s ease-in-out;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.home-product-carousel .owl-dots button.active {
	background-color: var(--bs-red);
}
.home-product-carousel .owl-nav .owl-prev {
	right: 40px;
    top: -50px;
    transform: none;
}
.home-product-carousel .owl-nav .owl-next {
	right: 0;
    top: -50px;
    transform: none;
}
body.rtl .home-product-carousel .owl-nav .owl-prev {
	right: unset;
	left: 0;
}
body.rtl .home-product-carousel .owl-nav .owl-next {
	right: unset;
	left: 40px;
}

.products-banners {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
}

.products-banners .item-1 { grid-area: 1 / 1 / 2 / 2; }
.products-banners .item-2 { grid-area: 2 / 1 / 3 / 2; }
.products-banners .item-3 { grid-area: 1 / 2 / 3 / 3; }

.features .icon-holder {
	width: 60px;
	height: 60px;
}

.responsibilities {
	padding: 10rem 0;
	margin-top: -4rem;
}
.responsibilities .img-holder {
	height: 600px;
}
.responsibilities .img-holder img {
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	transition: all 0.6s ease-in-out;
}
.responsibilities .img-holder:hover .hover-img-7 {
	top: 60%;
	right: 55%;
}
.responsibilities .img-holder:hover .hover-img-6 {
	top: 65%;
	right: 80%;
}
.responsibilities .img-holder:hover .hover-img-5 {
	top: 50%;
	right: 75%;
}
.responsibilities .img-holder:hover .hover-img-4 {
	top: 43%;
	right: 70%;
}
.responsibilities .img-holder:hover .hover-img-3 {
	right: 41%;
    top: 45%;
}
.responsibilities .img-holder:hover .hover-img-2 {
	right: 20%;
    top: 65%;
}
.responsibilities .img-holder:hover .hover-img-1 {
	right: 15%;
    top: 38%;
}

.brands {
	margin-top: -4rem;
}

.technical-info {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.technical-info:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(54,54,54,0.8);
}

.achievement-item {
	width: 12.5%;
	height: 535px;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}
.achievement-item img {
	object-fit: cover
}
.achievement-item .achievement-content {
	width: 0;
	transition: all 0.3s ease-in-out;
	z-index: 2;
	overflow: hidden;
}
.achievement-item .achievement-content {
	width: 0;
	transition: all 0.3s ease-in-out;
}
.achievement-item:hover {
	width: 70%;
}
.achievement-item:hover .achievement-content {
	width: 100%;
	margin-right: -2rem
}
body.rtl .achievement-item:hover .achievement-content {
	margin-right: 0;
	margin-left: -2rem
}
.achievement-item .item-counter {
	width: 32px;
	height: 32px;
	background: rgba(var(--color));
	border-radius: var(--bs-border-radius);
	color: #fff;
	position: absolute;
	left: 1rem;
	top: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 3;
	transition: all 0.3s ease-in-out;
}
body.rtl .achievement-item .item-counter {
	left: unset;
	right: 1rem;
}
.achievement-item:hover .item-counter {
	color: var(--bs-body-color);
	background: #fff;
}

.achievement-item.color-blue {
	--color: 21, 67, 218;
}
.achievement-item.color-red {
	--color: 241, 23, 23;
}
.achievement-item.color-purple {
	--color: 141, 17, 214;
}
.achievement-item.color-orange {
	--color: 255, 128, 17;
}

.achievement-item .achievement-content {
	background-color: rgb(var(--color));
}

.tech-bottom-section {
	background: url(images/abstract-bg-min.jpg) no-repeat center center;
	background-size: cover;
	height: 480px;
}
.tech-bottom-section .text-holder {
	width: 50%;
}

.rank-math-breadcrumb p {
	margin: 0;
	color: var(--bs-text-body);
	display: flex;
	gap: 0.25rem;
}
.rank-math-breadcrumb p> a:first-child {
	font-size: 0;
	display: flex;
}
.rank-math-breadcrumb p> a:first-child:after {
	content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 18V15' stroke='%231E1E1E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0693 2.82L3.13929 8.37C2.35929 8.99 1.85929 10.3 2.02929 11.28L3.35929 19.24C3.59929 20.66 4.95929 21.81 6.39929 21.81H17.5993C19.0293 21.81 20.3993 20.65 20.6393 19.24L21.9693 11.28C22.1293 10.3 21.6293 8.99 20.8593 8.37L13.9293 2.83C12.8593 1.97 11.1293 1.97 10.0693 2.82Z' stroke='%231E1E1E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.rank-math-breadcrumb a {
	color: var(--bs-text-body);
}
.rank-math-breadcrumb a:hover {
	color: var(--bs-primary)
}

.home-about span {
	height: 40px;
    width: 50px;
    top: 15px;
}
.home-about span img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.3s ease-in-out;
}
.home-about span img:hover {
	transform: translate(-50%, -50%) scale(3.5);
}
.home-product-carousel .post-holder.post-product img {
	height: 245px;
}

#fluentform_4 .ff-t-column-1 {
	justify-content: space-between;
}
#fluentform_4 .ff-t-column-2 .ff-el-group {
	height: 100%;
    display: flex;
    flex-direction: column;
}
#fluentform_4 .ff-t-column-2 .ff-el-group {
	height: 100%;
    display: flex;
    flex-direction: column;
}
#fluentform_4 .ff-t-column-2 .ff-el-input--content {
	flex-grow: 1;
}
#fluentform_4 .ff-t-column-2 .ff-el-input--content textarea {
	height: 100% !important;
}
.fluentform .ff_submit_btn_wrapper {
	display: flex;
	justify-content: end;
	margin: 0 !important;
}

.about-header {
	padding: 6rem 4rem;
}
.about-header:before {
	content: '';
	background: rgba(0, 8, 52, 0.85);
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.about-header .aboutus {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 3rem;
	padding: 0;
}
body.rtl .about-header .aboutus {
	left: unset;
	right: 0;
}
.about-header .text-justify p:last-child {
	margin: 0;
}
.steps .col {
	width: 20%;
	flex-basis: 20%;
}
.steps .col:nth-child(n+6) {
	margin-top: -5rem;
}
.step-box {
	overflow: hidden;
	height: 350px;
}
.step-box img {
	position: relative;
	left: -18%;
}
.step-counter {
	font-size: 50px;
	font-weight: bold;
	position: absolute;
	top: 55%;
	right: 50%;
	transform: translate(50%, -50%);
	line-height: 1;
	color: #fff;
}

.owl-nav button {
	width: 30px;
	height: 30px;
	border-radius: var(--bs-border-radius);
	background: var(--bs-primary) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}
.owl-nav .owl-prev {
	left: 1rem;
}
.owl-nav .owl-next {
	right: 1rem;
}

.post-holder {
	position: relative;
	overflow: hidden;
}
.post-link {
	width: 44px;
	height: 44px;
	border-radius: 0 0 0 calc(var(--bs-border-radius) * 2);
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
}
.featured-post .post-link {
	width: 48px;
	height: 48px;
}
.post-link:before, .post-link:after {
	width: 50%;
    height: 50%;
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    box-shadow: calc(var(--bs-border-radius) * 2) calc(var(--bs-border-radius) * -2) 0 0 #fff;
}
.post-link:before {
	top: 0;
    left: -50%;
}
.post-link:after {
	bottom: -50%;
    right: 0;
}
.post-link .arrow {
	width: 36px;
	height: 36px;
	background-color: var(--bs-blue);
	border-radius: calc(var(--bs-border-radius) * 2);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
    position: relative;
}
.post-link .arrow:before {
	content: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' fill-rule='evenodd' clip-rule='evenodd' d='M6.42963 19.5114C6.13674 19.2185 6.13674 18.7437 6.42963 18.4508L18.3302 6.55015C18.6231 6.25726 19.098 6.25726 19.3909 6.55015C19.6838 6.84304 19.6838 7.31792 19.3909 7.61081L7.49029 19.5114C7.1974 19.8043 6.72252 19.8043 6.42963 19.5114Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.9814 16.2946C18.5672 16.2946 18.2314 15.9588 18.2314 15.5446L18.2314 7.71029L10.3972 7.71029C9.98296 7.71029 9.64717 7.3745 9.64717 6.96029C9.64717 6.54608 9.98296 6.21029 10.3972 6.21029L18.9814 6.21029C19.1804 6.21029 19.3711 6.28931 19.5118 6.42996C19.6524 6.57061 19.7314 6.76138 19.7314 6.96029L19.7314 15.5446C19.7314 15.9588 19.3957 16.2946 18.9814 16.2946Z' fill='white'/%3E%3C/svg%3E%0A");
	height: 24px;
	width: 24px;
}
.post-holder img {
	height: 180px;
	object-fit: cover;
	border-radius: calc(var(--bs-border-radius) * 2) calc(var(--bs-border-radius) * 2) 0 0;
}
.post-holder.featured-post img {
	height: 500px;
}
.post-holder.post-product img {
	height: 378px;
}
.post-holder p {
	margin: 0;
}

.paginate a, .paginate span {
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: calc(var(--bs-border-radius) * 2);
	color: var(--text-body);
	transition: all 0.3s ease-in-out;
}
.paginate a.next, .paginate a.prev {
	background: var(--bs-primary);
	width: 24px;
	height: 24px;
	border-radius: var(--bs-border-radius);
}
.paginate a.next:hover svg path, .paginate a.prev:hover svg path {
	fill: #fff;
}
.paginate a:hover, .paginate span {
	background: var(--bs-primary);
	color: #fff;
}

.single-img img {
	height: 500px;
	width: 100%;
	object-fit: cover;
}
.post-content img {
	height: auto;
	display: block;
	margin: 0 auto;
}
.post-single-sidebar {
	top: 1rem;
}
body.admin-bar .post-single-sidebar {
	top: calc(1rem + 32px);
}
.toc-list {
	display: flex;
	flex-direction: column;
	row-gap: 0.5rem;
}
.toc-list li a:before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--bs-body-color);
	display: inline-flex;
}
.toc-list li a {
	color: var(--bs-body-color);
	font-weight: lighter;
	column-gap: 0.5rem;
	align-items: baseline
}
.toc-list li a:hover {
	color: var(--bs-primary);
}

.product-slider img {
	height: 470px;
	object-fit: cover;
}
.product-benefits p {
	margin: 0;
}

.faq-row {
	background: #E6E6E6;
}
.faq-row .faq-question  {
	cursor: pointer;
}
.faq-row.active  {
	background: var(--bs-primary);
	color: #fff;
}
.faq-row .faq-question:after  {
	content: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.7996 0.938889C5.09291 1.23137 5.09358 1.70624 4.8011 1.99955L1.80918 4.99997L4.8011 8.00039C5.09358 8.2937 5.0929 8.76858 4.7996 9.06105C4.50629 9.35353 4.03141 9.35286 3.73894 9.05955L0.218938 5.52955C-0.0729529 5.23683 -0.0729529 4.76311 0.218938 4.47039L3.73894 0.940393C4.03142 0.647085 4.50629 0.646411 4.7996 0.938889Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A");
    height: 27px;
	transition: all .3s ease-in-out;
}
.faq-row.active .faq-question:after {
	transform: rotate(-90deg);
	filter: brightness(0) invert(1);
}
.faq-row .faq-answer  {
	max-height: 0;
	transition: max-height 0.5s ease-in-out;
}
.faq-row.active .faq-answer  {
	max-height: 8rem;
}
.faq-row .faq-answer p  {
	margin: 0;
}

.technology-yellow {
	--technology-color-rgb: 239, 214, 27;
}
.technology-orange {
	--technology-color-rgb: 255, 128, 17;
}
.technology-purple {
	--technology-color-rgb: 141, 17, 214;
}
.technology-light-blue {
	--technology-color-rgb: 26, 182, 209;
}
.technology-dark-yellow {
	--technology-color-rgb: 202, 164, 12;
}
.technology-magenta {
	--technology-color-rgb: 242, 46, 141;
}
.technology-green {
	--technology-color-rgb: 15, 176, 34;
}
.technology-blue {
	--technology-color-rgb: 21, 67, 218;
}
.technology-red {
	--technology-color-rgb: 241, 23, 23;
}
.technology-carousel {
	border-radius: calc(var(--bs-border-radius) * 2) calc(var(--bs-border-radius) * 2) 0 0;
	overflow: hidden;
}
.technology-holder {
	position: relative;
	height: 365px;
	transition: all 0.3s ease-in-out;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.technology-holder:hover, .technology-holder.active {
	background-color: rgba(var(--technology-color-rgb), 1);
}
.technology-holder:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(var(--technology-color-rgb), 0.6);
	transition: all 0.3s ease-in-out;
}
.technology-holder:hover:before, .technology-holder.active:before {
	background: rgba(var(--technology-color-rgb), 1);
}
.technology-holder:after {
	content: url("data:image/svg+xml,%3Csvg width='150' height='150' viewBox='0 0 150 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M58.2639 81.5785C48.3698 71.1251 35.5165 67.408 22.3745 61.9227V112.458V79.744C22.3745 80.5079 22.3745 98.1729 22.3805 114.755C22.3324 150.314 22.5249 146.982 48.6344 134.886C50.3847 134.074 52.0628 133.076 54.7393 131.65C47.2029 128.769 41.7657 126.694 35.3842 124.258C35.8232 118.003 35.2879 114.839 36.4187 105.198C37.784 105.89 39.0892 106.774 40.5267 107.249C48.7788 109.986 60.3389 116.121 64.3386 105.27C68.3985 94.2513 64.8679 88.5675 58.2578 81.5845L58.2639 81.5785Z' fill='white'/%3E%3Cpath d='M133.79 14.5453C127.204 11.2614 120.263 9.18631 113.021 7.88113C72.4523 0.567329 36.9179 15.7964 0 32.6073C26.8674 46.038 61.4997 58.7169 72.4283 71.8107C72.4283 71.8107 79.8443 81.0853 81.6487 84.8866C85.9552 93.9747 94.1471 106.792 80.8428 126.574C111.054 116.06 112.323 96.3685 105.455 81.0312C102.014 73.3445 98.4115 69.2304 98.4115 69.2304C89.149 54.7472 67.0692 42.6518 45.2782 32.4088C62.6485 24.1628 79.4834 15.0025 97.6777 17.9917C113.755 20.6322 121.057 24.3131 123.258 32.8539C125.159 40.2098 112.901 45.8275 105.617 50.0437C103.374 51.3429 101.287 54.4886 104.101 58.2537C114.741 72.5024 115.084 73.0257 130.578 62.5542C133.447 60.6175 137.561 57.7846 140.069 55.4148C155.388 40.9436 152.742 23.9883 133.808 14.5393L133.79 14.5453Z' fill='white'/%3E%3Cpath d='M103.296 31.4886C100.126 26.9535 94.9353 25.089 89.9673 25.0469C85.1074 25.0048 82.5933 25.4198 77.7636 28.1865C75.2615 29.624 72.4226 31.0255 69.5776 32.6434C73.2526 35.0914 81.655 39.2535 84.3977 41.1481C91.5972 46.1282 97.3472 41.2323 102.027 37.4792C104.084 35.8312 104.733 33.5516 103.29 31.4886H103.296Z' fill='white'/%3E%3C/svg%3E%0A");
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.technology-holder:hover:after, .technology-holder.active:after {
	opacity: 1;
}
.technology-holder h2 {
	text-shadow: 0 1px 2px rgba(0,0,0,0.7);
	transition: all 0.3s ease-in-out;
}
.technology-holder:hover h2, .technology-holder.active h2 {
	opacity: 0;
}

.technology-banner-holder {
	height: 550px;
}
.technology-banner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease-in-out;
}
.technology-banner:not(.default) {
	border-radius: 0 0 calc(var(--bs-border-radius) * 2) calc(var(--bs-border-radius) * 2);
	overflow: hidden;
}
.technology-banner.active, .technology-banner.default {
	opacity: 1;
	visibility: visible;
}
.technology-banner.active {
	z-index: 10;
}
.technology-banner:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(var(--technology-color-rgb), 0.6);
}
.tech-link {
	background: #fff;
    display: inline-flex;
    height: 50px;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: var(--bs-body-color);
    border-radius: 50px;
    width: 200px;
	margin: 0 auto;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.tech-link:hover {
	color: #fff;
}
.tech-link:before {
	content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z' stroke='%231E1E1E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8V13' stroke='%231E1E1E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9946 16H12.0036' stroke='%231E1E1E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	width: 24px;
	height: 24px;
	z-index: 2;
	transition: all 0.3s ease-in-out;
}
.tech-link:after {
	content: '';
	width: 50px;
	height: 50px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	border-radius: 50px;
	transition: all 0.3s ease-in-out;
	z-index: 0;
}
.tech-link:hover:after {
	width: 100%;
	background: var(--bs-body-color);
}
.tech-link:hover:before {
	filter: brightness(0) invert(1);
}

table {
	width: 100%;
}
table th {
	background: var(--bs-primary);
	color: #fff;
	text-align: center;
	padding: 0.5rem;
	font-size: 0.9rem;
}
table tr th:first-child {
	border-radius: calc(var(--bs-border-radius) * 2) 0 0 0;
}
table tr th:last-child {
	border-radius: 0 calc(var(--bs-border-radius) * 2) 0 0;
}
body.rtl table tr th:first-child {
	border-radius: 0 calc(var(--bs-border-radius) * 2) 0 0;
}
body.rtl table tr th:last-child {
	border-radius: calc(var(--bs-border-radius) * 2) 0 0 0;
}
table td {
	border-bottom: 1px solid #ddd;
	padding: 0.5rem;
	text-align: center;
	font-size: 0.8rem;
}
table .color-cell {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
table .d-flex {
	align-items: center;
	justify-content: center;
}
table td p {
	margin: 0;
}

footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	font-weight: 300;
}
footer a {
	color: var(--bs-body-color);
}
footer a:hover {
	color: var(--bs-primary);
}

@media only screen and (max-width: 767px) {
	:root {
		font-size: 13px;
		--bs-body-font-size: 13px;
	}
	body.mobile-menu-active .main:before {
		content: '';
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.7);
		position: absolute;
		right: 0;
		top: 0;
		z-index: 50;
	}
	.h1, h1 {
		font-size: 16px;
	}
	.h2, h2 {
		font-size: 15px;
	}
	.h3, h3 {
		font-size: 14px;
	}

	.is-layout-flex {
		flex-direction: column;
	}
	.wp-container-core-columns-is-layout-2 {
		flex-direction: column-reverse;
	}

	header {
		background: var(--bs-light);
	}
	header > .container > .d-flex > div {
		width: 33.33%;
		flex-basis: 33.33%;
	}

	.main-menu-holder {
		position: fixed;
		height: 100%;
		background: var(--bs-light);
		box-shadow: 0px 0 5px rgba(0, 0, 0, 0.2);
		z-index: 100;
		top: 0;
		width: 70%;
		padding: 2rem;
		left:-70%;
		transition: all 0.3s ease-in-out;
		overflow-y: auto;
	}
	body.rtl .main-menu-holder {
		left: unset;
		right: -70%;
	}
	body.admin-bar .main-menu-holder {
		top: 46px;
	}
	.main-menu-holder.menu-active {
		left: 0;
	}
	body.rtl .main-menu-holder.menu-active {
		left: unset;
		right: 0;
	}
	header #mobile-menu-toggler {
		width: 22px;
	}
	header #mobile-menu-toggler .toggler-bar {
		width: 100%;
		height: 2px;
		background: var(--bs-body-color);
		border-radius: 10px;
		position: relative;
	}
	header #mobile-menu-toggler .toggler-bar:nth-child(2) {
		width: 50%
	}
	.main-menu ul.menu-l1 > li:not(:last-child) {
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	.main-menu ul.menu-l1 > li > a {
		color: var(--bs-body-color);
		padding: 1rem 0;
        display: flex;
        justify-content: space-between;
	}
	.main-menu ul.menu-l1 > li > a.dropdown:after {
		display: none;
	}
	.main-menu ul.menu-l1 > li > a.dropdown > .show-dropdown {
		display: flex;
		align-items: center;
		justify-content: end;
        width: 30px;
	}
	.main-menu ul.menu-l1 > li > a.dropdown > .show-dropdown:before {
		content: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.9165 1.00012L4.9165 4.91774L0.916504 1.00012' stroke='%23111' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}
	.main-menu li.dropdown:hover .dropdown-box {
		left: -999em;
		opacity: 0;
	}
	body.rtl .main-menu li.dropdown:hover .dropdown-box {
		left: unset;
		right: -999em;
	}
	.main-menu li.dropdown > .dropdown-box.active {
		position: relative;
		left: unset;
		top: unset;
		box-shadow: none;
		opacity: 1;
	}
	body.rtl .main-menu li.dropdown > .dropdown-box.active {
		right: unset;
	}

	.home-about span {
		height: 24px;
		width: 24px;
		top: 10px;
	}
	.home-about {
		line-height: 2.5em;
		text-align: justify;
		overflow: hidden;
	}
	.home-about span img:hover {
		transform: translate(-50%, -50%) scale(2.5);
	}

	.products-banners {
		display: flex;
		flex-direction: column-reverse;
	}

	.technology-carousel {
		border-radius: calc(var(--bs-border-radius) * 2);
	}
	.technology-holder:after {
		display: none;
	}
	.technology-holder:before {
		background: rgba(var(--technology-color-rgb), 0.6) !important;
	}
	.technology-holder h2 {
		font-size: 17px;
	}
	.technology-holder:hover h2 {
		opacity: 1;
	}

	.responsibilities .img-holder {
		height: 400px;
	}

	.features .icon-holder {
		width: 30px;
		height: 30px;
	}
	.features svg {
		width: 20px;
		height: 20px;
	}

	.post-holder img {
		height: 260px
	}

	.post-holder.post-product img {
		height: 245px;
	}

	.achievement-item {
		width: 100% !important;
		height: auto;
		border-radius: var(--bs-border-radius-xl)!important;
		overflow: hidden;
	}
	.achievement-item img {
		width: 100%
	}
	.achievement-item .achievement-content {
		width: 100% !important;
		border-radius: 0 !important;
		margin: 0 !important;
	}

	.achievement-item .item-counter {
		position: static;
		color: rgb(var(--color)) !important;
		background: #fff;
		width: 24px;
		height: 24px;
	}

	.tech-bottom-section .text-holder {
		width: 90%;
	}

	.phone-row.w-50 {
		width: 100% !important;
	}
	#map {
		height: 400px !important;
	}
	.about-header {
		padding: 1rem;
	}
	.about-header .aboutus {
		position: static;
		gap: 0.5rem;
		width: 100%;
		margin: 3rem 0;
	}
	.about-header .col-12:first-child {
		order: 2
	}
	.about-header .col-12:nth-child(2) {
		order: 3
	}
	.about-header .col-12:nth-child(3) {
		order: 1
	}
	.about-header img {
		width: 120px;
	}
	.steps .col {
		width: 50%;
		flex-basis: 50%;
		margin-top: var(--bs-gutter-y) !important;
	}
	.step-box {
		height: auto;
	}

	.product-slider img {
		height: 260px;
	}

	.faq-row.active .faq-answer {
		max-height: 15rem;
	}
}