/*
 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: 'Farhang';
	src: url('fonts/FarhangFaNum-Light.woff2') format('woff2'), url('fonts/FarhangFaNum-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Farhang';
	src: url('fonts/FarhangFaNum-Regular.woff2') format('woff2'), url('fonts/FarhangFaNum-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Farhang';
	src: url('fonts/FarhangFaNum-Bold.woff2') format('woff2'), url('fonts/FarhangFaNum-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Peyda';
	src: url('fonts/PeydaWeb-Regular.woff2') format('woff2'), url('fonts/PeydaWeb-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Peyda';
	src: url('fonts/PeydaWeb-Bold.woff2') format('woff2'), url('fonts/PeydaWeb-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}
:root {
	--bs-primary: #00458c;
	--bs-secondary: #38b4b8;
	--bs-body-font-size: 14px;
	--bs-body-color: #555555;
	--bs-light-rgb: 250, 250, 250;
	--bs-dark-rgb: 46, 46, 46;
	--bs-primary-rgb: 0, 69, 140;
	--bs-secondary-rgb: 56, 180, 184;
	--bs-body-font-family: Farhang, Arial, tahoma;
	--bs-border-radius: 0;
	font-size: 14px;
}
body {
	line-height: 2;
}
img {
	max-width: 100%;
}
a {
	text-decoration: none;
}
.shadow {
	box-shadow: 0 0 4px rgba(var(--bs-primary-rgb), 0.2) !important;
}
.link-primary:focus, .link-primary:hover {
	color: #000 !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	line-height: 2;
	color: #000000;
	font-weight: bold;
	font-family: Peyda;
}
.h1, h1 {
	font-size: 1.75rem;
}
.h2, h2 {
	font-size: 1.4rem;
}
.h3, h3 {
	font-size: 1.2rem;
}
input[type=text], input[type=tel], input[type=number], input[type=email], input[type=password], select, textarea {
	border-radius: var(--bs-border-radius) !important;
	border: none !important;
	background: #FFFFFF;
	padding: 0 10px !important;
	line-height: 40px !important;
	height: 40px !important;
	font-family: Farhang !important;
}
textarea {
	display: block;
	height: auto !important;
	line-height: 2em !important;
}
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-color: #fff;
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--bs-body-color);
    --bs-btn-disabled-bg: #DADADA;
    --bs-btn-disabled-border-color: #DADADA;
	border-width: 1px; 
	padding: 0 1.5rem;
	transition: all .3s ease-in-out;
}
.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-color: #fff;
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--bs-body-color);
    --bs-btn-disabled-bg: #DADADA;
    --bs-btn-disabled-border-color: #DADADA;
	border-width: 1px; 
	padding: 0 1.5rem;
	transition: all .3s ease-in-out;
}
.btn-border {
	--bs-btn-color: var(--bs-primary);
	--bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-secondary);
	--bs-btn-hover-color: #fff;
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--bs-body-color);
    --bs-btn-disabled-bg: #DADADA;
    --bs-btn-disabled-border-color: #DADADA;
	border-width: 1px; 
	padding: 0 1.5rem;
	transition: all .3s ease-in-out;
}
.btn, button {
	height: 40px;
	line-height: 40px;
	font-family: Farhang;
	display: inline-block;
	box-sizing: content-box;
	font-weight: bold;
	display: inline-flex;
	align-items: center;
}
.btn-arrow:after {
	content: url("data:image/svg+xml,%3Csvg width='21' height='8' viewBox='0 0 21 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.646446 3.64644C0.451185 3.84171 0.451185 4.15829 0.646446 4.35355L3.82843 7.53553C4.02369 7.73079 4.34027 7.73079 4.53553 7.53553C4.7308 7.34027 4.7308 7.02369 4.53553 6.82843L1.70711 4L4.53553 1.17157C4.7308 0.976309 4.7308 0.659727 4.53553 0.464465C4.34027 0.269202 4.02369 0.269202 3.82843 0.464465L0.646446 3.64644ZM21 3.5L1 3.5L1 4.5L21 4.5L21 3.5Z' fill='white'/%3E%3C/svg%3E%0A");
	margin-right: 1rem;
}
.btn-arrow.link-primary:after {
	content: url("data:image/svg+xml,%3Csvg width='21' height='9' viewBox='0 0 21 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.646446 4.14644C0.451185 4.34171 0.451185 4.65829 0.646446 4.85355L3.82843 8.03553C4.02369 8.23079 4.34027 8.23079 4.53553 8.03553C4.7308 7.84027 4.7308 7.52369 4.53553 7.32843L1.70711 4.5L4.53553 1.67157C4.7308 1.47631 4.7308 1.15973 4.53553 0.964465C4.34027 0.769202 4.02369 0.769202 3.82843 0.964465L0.646446 4.14644ZM21 4L1 4L1 5L21 5L21 4Z' fill='%2300458C'/%3E%3C/svg%3E%0A");
	margin-right: 0.5rem;
	top: 2px;
    position: relative;
}
.btn-plane:after {
	content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.16752 6.17463L11.891 11.9592L18.4006 7.88767C19.3332 7.30414 19.1392 5.88744 18.0843 5.57893L2.62877 1.05277C1.66274 0.769629 0.767444 1.67283 1.05442 2.642L5.62691 18.0868C5.94016 19.1432 7.34879 19.332 7.92679 18.3953L11.894 11.9602' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	margin-right: 0.75rem;
	height: 2rem;
}
.btn-chevron-circle:after {
	content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0.75C4.892 0.75 0.75 4.891 0.75 10C0.75 15.108 4.892 19.25 10 19.25C15.108 19.25 19.25 15.108 19.25 10C19.25 4.891 15.108 0.75 10 0.75Z' fill='white'/%3E%3Cpath d='M11.4424 6.52881L7.95638 9.99981L11.4424 13.4708' stroke='%2300458C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	margin-right: 0.75rem;
	height: 2rem;
}
.btn-download: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 fill-rule='evenodd' clip-rule='evenodd' d='M5 16.25C5.19891 16.25 5.38968 16.329 5.53033 16.4697C5.67098 16.6103 5.75 16.8011 5.75 17V19C5.75 19.138 5.862 19.25 6 19.25H18C18.0663 19.25 18.1299 19.2237 18.1768 19.1768C18.2237 19.1299 18.25 19.0663 18.25 19V17C18.25 16.8011 18.329 16.6103 18.4697 16.4697C18.6103 16.329 18.8011 16.25 19 16.25C19.1989 16.25 19.3897 16.329 19.5303 16.4697C19.671 16.6103 19.75 16.8011 19.75 17V19C19.75 19.4641 19.5656 19.9092 19.2374 20.2374C18.9092 20.5656 18.4641 20.75 18 20.75H6C5.53587 20.75 5.09075 20.5656 4.76256 20.2374C4.43437 19.9092 4.25 19.4641 4.25 19V17C4.25 16.8011 4.32902 16.6103 4.46967 16.4697C4.61032 16.329 4.80109 16.25 5 16.25Z' fill='%2300458C'/%3E%3Cpath d='M10.7381 3.75C10.4899 3.75007 10.2508 3.84314 10.0679 4.01087C9.88501 4.17859 9.77162 4.40877 9.7501 4.656C9.59622 6.40842 9.56881 8.16964 9.6681 9.926C9.4211 9.939 9.1751 9.956 8.9281 9.973L7.4381 10.082C7.30688 10.0916 7.1804 10.1351 7.07104 10.2083C6.96168 10.2815 6.87319 10.3818 6.81423 10.4994C6.75526 10.617 6.72785 10.7479 6.73466 10.8793C6.74148 11.0107 6.78229 11.1381 6.8531 11.249C7.91499 12.9111 9.2833 14.3561 10.8851 15.507L11.4821 15.936C11.6331 16.0444 11.8142 16.1027 12.0001 16.1027C12.186 16.1027 12.3671 16.0444 12.5181 15.936L13.1151 15.507C14.7169 14.3561 16.0852 12.9111 17.1471 11.249C17.2179 11.1381 17.2587 11.0107 17.2655 10.8793C17.2724 10.7479 17.2449 10.617 17.186 10.4994C17.127 10.3818 17.0385 10.2815 16.9292 10.2083C16.8198 10.1351 16.6933 10.0916 16.5621 10.082L15.0721 9.973C14.8256 9.95517 14.5789 9.9395 14.3321 9.926C14.4317 8.16967 14.4046 6.40844 14.2511 4.656C14.2296 4.4086 14.116 4.17828 13.9329 4.01053C13.7498 3.84278 13.5104 3.74982 13.2621 3.75H10.7381Z' fill='%2300458C'/%3E%3C/svg%3E%0A");
	margin-right: 0.75rem;
	height: 2rem;
	transition: all 0.3s ease-in-out;
}
.btn-secondary svg {
	transition: all .3s ease-in-out;
}
.btn-secondary:hover svg, .btn-download:hover:after {
	filter: brightness(0) invert(1);
}
.rounded-2x {
	border-radius: calc(var(--bs-border-radius) * 2);
}
.icon-14 {
	width: 14px;
	height: 14px;
}
.icon-20 {
	width: 20px;
	height: 20px;
}
.icon-24 {
	width: 24px;
	height: 24px;
}
.icon-24.youtube {
	width: 24px;
	height: 17px;
}
.icon-40 {
	width: 40px;
	height: 40px;
}
.icon-48 {
	width: 48px;
	height: 48px;
}
.imgh-250 {
	height: 250px;
}

.ff-peyda {
	font-family: Peyda !important;
}
.ff-farhang {
	font-family: Farhang !important;
}

video {
	max-width: 100%;
	height: auto;
}

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

.small-title:after {
	content: '';
	width: 40px;
	height: 1px;
	background: var(--bs-primary);
	margin-bottom: 0.75rem;
    margin-right: 0.5rem;
}

.sidebar-toggle {
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	border: 1px solid var(--bs-primary);
    border-radius: 50%;
	cursor: pointer;
}
.sidebar-toggle-holder {
	width: 30px;
	height: 30px;
	position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
}

.icon-customers-club {
	position: absolute;
    top: 60%;
    right: 40%;
    transform: translate(50%, -50%);
}

body:not(.home) header {
	background: var(--bs-primary);
}
body:not(.home) header .logo, body:not(.home) header .sidebar-toggle {
	filter: brightness(0) invert(1);
}
.main-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-menu ul.menu-l1 > li {
	display: inline-block;
	position: relative;
}
.main-menu ul.menu-l1 > li:not(:first-child):before {
	content: '';
	width: 1px;
	height: 1rem;
	position: absolute;
	right: 0;
	top: 50%;
	background: #999;
	transform: translateY(-50%);
}
.main-menu ul li a {
	font-family: Peyda;
	color: #000;
}
body:not(.home) .main-menu ul li a {
	color: #fff;
}
.main-menu ul.menu-l1 > li > a {
	padding: 1rem 1.5rem;
	font-weight: 300;
	transition: all .3s ease-in-out;
	position: relative;
}
.main-menu ul.menu-l1 li a:before {
	display: block;
    content: attr(hovertitle);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.main-menu ul li a:hover, .main-menu ul li.active a {
	font-weight: bold;
	color: #000;
}
.main-menu ul.menu-l1 > li > a.dropdown:after {
	content: url(images/icons/plus.svg);
	margin-right: 5px;
	position: relative;
	top: 2px;
    display: inline-block;
}
.main-menu .menu-l2.dropdown-box {
	position: absolute;
	background: #fff;
	padding: 1rem;
	min-width: 180px;
	top: 100%;
	right: 999em;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
body.rtl .main-menu .menu-l2.dropdown-box {
	right: -999em;
}
.main-menu .menu-l2.dropdown-box li:not(:last-child) {
	margin-bottom: 10px;
}
.main-menu .menu-l2.dropdown-box li a {
	font-size: 1rem;
}
.main-menu .menu-l2.dropdown-box li:hover a {
	color: #000;
}
.main-menu li.dropdown:hover .dropdown-box {
	right: 0;
	opacity: 1;
}
header #mobile-menu-toggler {
	width: 35px;
}
header #mobile-menu-toggler .toggler-bar {
	width: 100%;
	height: 2px;
	background: var(--bs-primary);
	border-radius: 10px;
	display: block;
	margin-bottom: 10px;
}
body:not(.home) header #mobile-menu-toggler .toggler-bar {
	background: #fff;
}
header #mobile-menu-toggler .toggler-bar:last-child {
	margin: 0;
}

.video-section {
	padding-right: 6rem;
	padding-left: 6rem;
}
.video-section video {
	height: calc(100vh - 6rem);
	object-fit: cover;
}

.video-section .social-medias {
	position: absolute;
	width: 4rem;
	left: 1rem;
	top: calc(50% + 6rem);
	transform: translateY(-50%);
	text-align: center;
}

.squares-holder {
	width: 200px;
	height: 200px;
	background: rgba(var(--bs-primary-rgb), 0.4);
}
.squares-holder .square, .square, .square:before, .square:after {
	width: 75px;
	height: 75px;
	position: absolute;
}
.square.top-75 {
	top: 75px;
}
.square:before {
	content: '';
	background: var(--bs-primary);
	bottom: 0;
}
.square:after {
	content: '';
	background: var(--bs-secondary);
	bottom: 75px;
}
.square {
	width: 75px;
	height: 75px;
}
.square.start-0:before {
	right: 75px;
}
.square.end-0:before {
	left: 75px;
}
.square.start-0:after {
	right: 0;
}
.square.end-0:after {
	left: 0;
}
.square.rotated {
	transform: rotate3d(1, 1, 0, 180deg)
}

.hotspot-bg {
	transition: all .3s ease-in-out;
}
.hotspot-bg.blurry {
	filter: blur(8px);
}
.product-cover-img {
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
.product-cover-img.cover-show {
	display: block;
	opacity: 1;
}
.products-hotspot .hotspot {
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: 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='M8 13V4.5C8 4.10218 8.15804 3.72064 8.43934 3.43934C8.72064 3.15804 9.10218 3 9.5 3C9.89782 3 10.2794 3.15804 10.5607 3.43934C10.842 3.72064 11 4.10218 11 4.5V12M11 11.5V9.5C11 9.10218 11.158 8.72064 11.4393 8.43934C11.7206 8.15804 12.1022 8 12.5 8C12.8978 8 13.2794 8.15804 13.5607 8.43934C13.842 8.72064 14 9.10218 14 9.5V12M14 10.5C14 10.1022 14.158 9.72064 14.4393 9.43934C14.7206 9.15804 15.1022 9 15.5 9C15.8978 9 16.2794 9.15804 16.5607 9.43934C16.842 9.72064 17 10.1022 17 10.5V12' stroke='%2300458c' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 11.5C17 11.1022 17.158 10.7206 17.4393 10.4393C17.7206 10.158 18.1022 10 18.5 10C18.8978 10 19.2794 10.158 19.5607 10.4393C19.842 10.7206 20 11.1022 20 11.5V16C20 17.5913 19.3679 19.1174 18.2426 20.2426C17.1174 21.3679 15.5913 22 14 22H12H12.208C11.2143 22.0002 10.2362 21.7535 9.36138 21.2823C8.48658 20.811 7.74252 20.1299 7.196 19.3L7 19C6.688 18.5213 5.59267 16.612 3.714 13.272C3.52245 12.9315 3.47128 12.5298 3.57138 12.1522C3.67148 11.7745 3.91495 11.4509 4.25 11.25C4.60703 11.0364 5.02511 10.9479 5.43806 10.9986C5.85102 11.0494 6.23527 11.2363 6.53 11.53L8 13M5 3L4 2M4 7H3M14 3L15 2M15 6H16' stroke='%2300458c' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center #fff;
	animation: blink 6s infinite ease-in-out;
	cursor: pointer;
	transition: all .3s ease-in-out;
}

.product-station {
    background: #b4a898;
}
.product-station .img-holder:before {
    content: '';
    width: 30%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: rgb(35,192,240);
    background: linear-gradient(90deg, rgba(35,192,240,0) 0%, rgba(180,168,152,1) 100%);
}
.product-station img {
    box-shadow: -5px 0 5px rgba(0,0,0,0.05);
}

.hotspot-product-info {
	width: 450px;
	opacity: 0;
	animation: fade-in 0.5s linear forwards;
	animation-delay: 1.3s;
}
.products-hotspot .spinner-logo {
	z-index: 100;
}
.products-hotspot .spinner-logo:before {
	content: '';
    width: 9rem;
    height: 9rem;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    border-right: 5px solid var(--bs-secondary);
    border-left: 5px solid var(--bs-secondary);
	animation: rotate 2s linear infinite;
}
@keyframes rotate {
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
.close-hotspot-info {
	position: absolute;
    width: 2rem;
    height: 2rem;
    background: rgb(255 255 255 / 25%);
    left: 10px;
    top: 10px;
    cursor: pointer;
    border-radius: 50%;
}
.close-hotspot-info:before, .close-hotspot-info:after {
	content: '';
    width: 14px;
    height: 2px;
    border-radius: 5px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 50%;
}
.close-hotspot-info:before {
	transform: translate(50%, -50%) rotate(45deg);
}
.close-hotspot-info:after {
	transform: translate(50%, -50%) rotate(-45deg);
}
.products-hotspot:before {
	content: '';
	opacity: 0;
	transition: opacity .3s ease-in-out;
}
.products-hotspot.loading:before {
	z-index: 99;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	display: block;
	background: rgba(0,0,0,0.75);
}
.hotspot-line .line1 {
	stroke-dasharray: 72px;
	stroke-dashoffset: 72px;
	animation: draw 0.3s linear forwards;
}
.hotspot-line .line2 {
	stroke-dasharray: 350;
	stroke-dashoffset: 350;
	animation: draw 1s linear forwards;
	animation-delay: 0.3s;
}
.hotspot-line circle {
	opacity: 0;
	animation: fade-in 0.3s linear forwards;
	animation-delay: 1.3s;
}
.hotspot-gallery img {
	width: 7rem;
	height: 7rem;
	object-fit: cover;
	opacity: 0;
	animation: fade-in 0.3s linear forwards;
}

@keyframes draw {
	to {
	  stroke-dashoffset: 0;
	}
}
@keyframes fade-in {
	to {
	  opacity: 1;
	}
}

@keyframes blink {
	0% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);}
	5% {box-shadow: 0 0 0 0.85rem rgba(0, 0, 0, 0.25);}
	70% {box-shadow: 0 0 0 0.85rem rgba(0, 0, 0, 0.25);}
	72.5% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);}
	100% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);}
}

.product-desc ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.product-desc ul li {
	margin-bottom: 0.5rem;
}
.product-desc ul li:before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--bs-body-color);
	margin-left: 0.75rem;
	display: inline-block;
}
.product-gallery img {
	width: 120px;
}

.accordion-button:after {
	display: none;
}
.accordion-button:before {
	content: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5.5L1 5.5' stroke='%2300458C' stroke-linecap='round'/%3E%3Cpath d='M5.5 1L5.5 10' stroke='%2300458C' stroke-linecap='round'/%3E%3C/svg%3E");
	margin-left: 0.5rem;
	transition: all .3s ease-in-out;
}
.accordion-button:not(.collapsed):before {
	transform: rotate(45deg);
}
.home .contact-details svg, footer svg {
	filter: brightness(0) invert(1);
}

.fluentform .ff-el-group.ff_submit_btn_wrapper {
	margin: 0;
}
.fluentform .ff-el-group .ff-el-input--label {
	color: #000;
}
.contact-page .form-holder .ff-el-form-control, .bordered-form .ff-el-form-control {
	background-color: #fff !important;
	border: 1px solid #DADADA !important;
}
.upload-resume .ff-el-input--content {
	border: 1px solid #DADADA;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.fluentform .upload-resume .ff_upload_btn.ff-btn {
	background: none !important;
	border: none;
	color: var(--bs-body-color);
	padding: 0;
	display: inline-block;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.fluentform .upload-resume .ff_upload_btn.ff-btn:before {
	content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.1579 7.48661H5.3804C3.68457 7.48661 2.30957 8.86161 2.30957 10.5574L2.30957 14.6199C2.30957 16.3149 3.68457 17.6899 5.3804 17.6899H14.6554C16.3512 17.6899 17.7262 16.3149 17.7262 14.6199V10.5491C17.7262 8.85828 16.3554 7.48661 14.6646 7.48661H13.8787' stroke='%2300458C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0176 1.82521V11.8594' stroke='%2300458C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.58887 4.26562L10.018 1.82563L12.448 4.26562' stroke='%2300458C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.seminar-holder .seminar-img a {
	display: block;
}
.seminar-holder .seminar-img a:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 75%;
	right: 0;
	bottom: 0;
	background: rgb(56,180,184);
	background: -moz-linear-gradient(0deg, rgba(56,180,184,1) 0%, rgba(56,180,184,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(56,180,184,1) 0%, rgba(56,180,184,0) 100%);
	background: linear-gradient(0deg, rgba(56,180,184,1) 0%, rgba(56,180,184,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#38b4b8",endColorstr="#38b4b8",GradientType=1);
}

.topics-links a {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	transition: all .3s ease-in-out;
}
.topics-links a:hover {
	border-top-color: var(--bs-secondary);
	border-bottom-color: var(--bs-secondary);
	outline: 0;
}

.afer-sales-service-img-1:before {
	content: '';
	width: 15px;
	height: 100%;
	position: absolute;
	right: 50%;
	top: 0;
	transform: trasnlateX(50%);
	background: #fff;
}
.afer-sales-service-img-1:after {
	content: '';
	height: 15px;
	width: 100%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: trasnlatey(-50%);
	background: #fff;
}
.afer-sales-service-img-2:before {
	content: '';
	width: 15px;
	height: 100%;
	position: absolute;
	right: 77.5%;
	top: 0;
	background: #fff;
}
.afer-sales-service-img-2:after {
	content: '';
	height: 50%;
	width: 40%;
	position: absolute;
	top: 0;
	right: 39.5%;
	border: 15px solid #fff;
}

.nav-tabs .nav-link {
	border: none;
	border-top: 5px solid #fff;
	color: #fff;
}
.nav-tabs .nav-link.active {
	background: none;
	font-weight: bold;
	border-top-color: var(--bs-primary);
}
.gallery-carousel .owl-nav button {
	height: 30px;
	width: 30px;
	justify-content: center;
	border-radius: 50%;
	line-height: 30px !important;
	background: #f2f2f2 !important;
}
.gallery-carousel .owl-nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.gallery-carousel img {
	height: 480px;
}
.gallery-thumbnail {
	cursor: pointer;
	border: 5px solid transparent;
	transition: all .3s ease-in-out;
}
.gallery-thumbnail.active {
	border-color: var(--bs-primary);
}
.see-all-images:before {
	content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z' fill='white'/%3E%3C/svg%3E%0A");
}

.exhibition-img:before {
	content: '';
	position: absolute;
	width: calc(100% - 1.5rem);
	height: calc(100% - 1.5rem);
	background: var(--bs-secondary);
	left: 0;
	top: 0;
	z-index: 0;
}

.about-page .about-icons svg {
	position: relative;
}
.about-page .icon-holder:before {
	content: '';
	position: absolute;
	width: 48px;
	height: 48px;
	top: 0;
	right: 0;
	background: rgba(var(--bs-secondary-rgb), 0.15);
}

.single-news h1 {
	position: relative;
}
.single-news h1:after {
	content: '';
	width: 0;
	height: 0;
	border-bottom: 4.4rem solid var(--bs-secondary);
	border-left: 4.4rem solid transparent;
	position: absolute;
	left: calc(-4.4rem + 1px);
	bottom: 0;
}
.tags-list a {
	padding: 0.25rem 1.5rem;
	background: rgb(var(--bs-light-rgb));
	color: var(--bs-body-color);
	transition: all .3s ease-in-out;
}
.tags-list a:not(:last-child) {
	margin-left: 0.5rem;
}
.tags-list a:hover {
	background: var(--bs-primary);
	color: #fff;
}

.paginate span, .paginate a {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: var(--bs-border-radius);
	display: inline-block;
	margin: 0 0.25rem;
}
.paginate span, .paginate a:hover {
	background: var(--bs-primary);
	color: #fff;
}
.paginate a:hover svg path {
	fill: #fff;
}

.footer-logo {
	filter: brightness(0) invert(1);
}
footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
footer ul li:not(:last-child) {
	margin-bottom: 0.2rem;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: var(--bs-secondary);
}
footer .cert-box {
	min-height: 100px;
}
footer .fluentform {
	position: relative;
}
footer .ff-el-group {
	margin: 0;
}
footer .ff_submit_btn_wrapper {
	position: absolute;
	left: 0;
	top: 0;
}
footer .ff_submit_btn_wrapper svg {
	stroke: #fff;
}
footer input[type=email] {
	text-align: right;
}
.sidebar {
	position: fixed;
	width: 50%;
	top: 0;
	right: -50%;
	z-index: 100000000;
	background: url(images/sidebar-pattern.png) no-repeat right bottom;
	padding: 3rem 3rem 3rem 1rem;
	transition: all .3s ease-in-out;
}
.sidebar.active {
	right: 0;
}
.sidebar .sidebar-inner {
	overflow-y: auto;
	padding-left: 2rem;
	height: 100%;
}
#close-sidebar {
	transform: rotate(45deg);
    filter: brightness(1) invert(1);
    cursor: pointer;
}
.body-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	top: 0;
	right: 999em;
	transition: opacity .3s ease-in-out;
}
.body-overlay.active {
	opacity: 1;
	right: 0;
}
@media (max-width: 1600px) {
	.squares-holder {
		width: 150px;
		height: 150px;
	}
	.squares-holder .square, .square, .square:before, .square:after {
		width: 60px;
		height: 60px;
	}
	.square.top-75 {
		top: 60px;
	}
	.square:after {
		bottom: 60px;
	}
	.square {
		width: 60px;
		height: 60px;
	}
	.square.start-0:before {
		right: 60px;
	}
	.square.end-0:before {
		left: 60px;
	}
}
@media (min-width: 1400px) and (max-width: 1550px) {
	.contact-details .square {
		display: none !important;
	}
}
@media (max-width: 1399px) {
	.video-section video {
		height: 60vh;
	}
	.squares-holder {
		width: 90px;
		height: 90px;
	}
	.squares-holder .square, .square, .square:before, .square:after {
		width: 30px;
		height: 30px;
	}
	.square.top-75 {
		top: 30px;
	}
	.square:after {
		bottom: 30px;
	}
	.square {
		width: 30px;
		height: 30px;
	}
	.square.start-0:before {
		right: 30px;
	}
	.square.end-0:before {
		left: 30px;
	}
	.sidebar {
		width: 75%;
		right: -75%;
	}
	.sidebar.active {
		right: 0;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.main-menu ul {
		padding-right: 4vw
	}
	.main-menu ul.menu-l1 > li > a {
		padding: 1rem 1.2rem;
	}
}
@media (max-width: 991px) {
	h3, .h3 {
		font-size: 1rem;
	}
	.btn-primary, .btn-secondary, .btn-border {
		padding: 0 1rem;
	}
	header {
		z-index: 10000;
	}
	.sidebar-toggle {
		right: unset;
		left: 1.5rem;
	}
	body.mobile-menu-active {
		overflow-y: hidden;
	}
	.mobile-menu-header {
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	#close-main-menu {
		transform: rotate(45deg);
	}
	header .main-menu, header .language-switcher {
		width: 23%;
	}
	header .logo-holder {
		width: 54%;
	}
	header .main-menu .main-menu-holder {
		position: fixed;
		right: -100%;
		width: 70%;
		height: 100vh;
		z-index: 100;
		transition: all .3s ease-in-out;
		background: var(--bs-primary);
		padding: 1rem 0;
		top: 0;
	}
	body.admin-bar header .main-menu .main-menu-holder {
		top: 46px;
	}
	header .main-menu .main-menu-holder.menu-active {
		right: 0;
	}
	header .btn {
		padding: 0 5px;
	}
	.main-menu ul.menu-l1 > li {
		display: block;
	}
	.main-menu ul.menu-l1 > li > a {
		padding: 10px 25px !important;
		color: #fff !important;
	}
	.main-menu ul.menu-l1 > li > .dropdown {
		display: flex;
		justify-content: space-between;
	}
	.main-menu .menu-l2.dropdown-box {
		position: relative;
		opacity: 1;
		right: unset;
		top: unset;
		border-radius: 10px;
		box-shadow: none;
		padding: 15px;
		margin: 0 25px;
		overflow: hidden;
		background: #f5f5f5;
	}
	.main-menu ul.menu-l1 > li > a:before {
		display: none;
	}
	.video-section {
		padding-right: 3rem;
		padding-left: 3rem;
	}
	.video-section video {
		height: 60vh;
	}
	.video-section .social-medias {
		width: 3rem;
		left: 0;
		top: 50%;
	}
	.title-banner > img {
		height: 150px !important;
	}
	.single-news h1:after {
		left: calc(-4rem + 1px);
		border-bottom-width: 4rem;
		border-left-width: 4rem;
	}
	.sidebar {
		width: 75%;
		right: unset;
		left: -75%;
	}
	.sidebar.active {
		left: 0;
		right: unset;
	}
}
@media (max-width: 575px) {
	.btn-primary, .btn-secondary, .btn-border {
		padding: 0 0.4rem;
	}
	header .container {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
	.video-section {
		padding-right: 1.5rem;
    	padding-left: 1.5rem;
	}
	.video-section video {
		height: 45vh;
	}
	.video-section .social-medias {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		left: 0;
        top: unset;
		bottom: -3rem;
		padding: 0 1.5rem;
	}
	.title-banner > img {
		height: 130px !important;
	}
	.product-gallery img {
		width: 75px;
	}
	.single-news .title-banner .container, .single-post .title-banner .container {
		position: relative !important;
    	margin-top: 1rem;
	}
	.single-news .title-banner .container h1, .single-post .title-banner .container h1 {
		width: 100%;
	}
	.single-news h1:after {
		display: none;
	}
	.about-page h1 {
		color: #fff;
	}
	.seminar-metadata {
		font-size: 0.9rem;
	}
	.sidebar {
		width: 100%;
		right: unset;
		left: -100%;
	}
	.sidebar.active {
		left: 0;
		right: unset;
	}
}