@charset "utf-8";
/*
Theme Name: aliaghaietheme
Author: agh
Version: 1
*/
:root {
--color1: #d7172e;
--color2: #6d6e70;
}
@font-face {
font-family: "YekanBakh";
font-style: normal;
font-weight: 900;
src:
url("assets/fonts/YekanBakhFaNum-Black.woff") format("woff"),
url("assets/fonts/YekanBakhFaNum-Black.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: "YekanBakh";
font-style: normal;
font-weight: 950;
src:
url("assets/fonts/YekanBakhFaNum-ExtraBlack.woff") format("woff"),
url("assets/fonts/YekanBakhFaNum-ExtraBlack.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: "YekanBakh";
font-style: normal;
font-weight: 700;
src:
url("assets/fonts/YekanBakhFaNum-Bold.woff") format("woff"),
url("assets/fonts/YekanBakhFaNum-Bold.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: "YekanBakh";
font-style: normal;
font-weight: 800;
src:
url("assets/fonts/YekanBakhFaNum-ExtraBold.woff") format("woff"),
url("assets/fonts/YekanBakhFaNum-ExtraBold.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: "YekanBakh";
font-style: normal;
font-weight: 300;
src:
url("assets/fonts/YekanBakhFaNum-Light.woff") format("woff"),
url("assets/fonts/YekanBakhFaNum-Light.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: "YekanBakh";
font-style: normal;
font-weight: 400;
src:
url("assets/fonts/YekanBakhFaNum-Regular.woff") format("woff"),
url("assets/fonts/YekanBakhFaNum-Regular.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: "YekanBakh";
font-style: normal;
font-weight: 600;
src:
url("assets/fonts/YekanBakhFaNum-SemiBold.woff") format("woff"),
url("assets/fonts/YekanBakhFaNum-SemiBold.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: "YekanBakh";
font-style: normal;
font-weight: 100;
src:
url("assets/fonts/YekanBakhFaNum-Thin.woff") format("woff"),
url("assets/fonts/YekanBakhFaNum-Thin.woff2") format("woff2");
font-display: swap;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
margin: 0;
}
body {
font-family: YekanBakh;
background: #fff;
color: #040404;
text-align: right;
direction: rtl;
overflow-x: hidden;
transition: 0.5s ease-in-out;
}
img {
width: 100%;
}
li {
list-style: none;
}
a {
color: #040404;
transition: 0.5s;
}
a:active,
a:hover,
a:link,
a:visited {
text-decoration: none;
}
.mg-auto {
margin: 0 auto;
}
ul {
padding: 0;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: silver !important
}
.lg,
.owl-carousel {
direction: ltr;
}
button:focus {
outline: 0;
}
input:focus,
textarea:focus {
outline: 0;
border-color: var(--color1) !important;
}
.containerlf {
max-width: 1320px;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
header {
margin-top: 43px;
position: relative;
width: 100%;
z-index: 2;
}
.header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 35px 0px 20px;
border-radius: 50px;
border-right: 2px solid var(--color1);
border-left: 2px solid var(--color1);
background: #f8f8f8;
backdrop-filter: blur(5px);
}
.left-side {
width: 44%;
display: flex;
align-items: center;
gap: 15px;
font-size: 14px;
color: #333;
justify-content: flex-end;
}
.logo {
width: 12%;
text-align: center;
position: relative;
top: -73px;
}
.logo img {
height: 84px;
position: absolute;
width: auto;
left: 0;
right: -7px;
margin: 0 auto;
top: 21px;
}
.navbar {
width: 44%;
margin: 0;
padding: 0;
}
.menu {
list-style: none;
display: flex;
justify-content: flex-start;
gap: 33px;
margin: 0;
padding: 17px 0;
position: relative;
}
.menu li a {
text-decoration: none;
color: #040404;
font-weight: 500;
transition: 0.3s;
font-size: 13px;
padding: 19px 0;
}
.logo:before {
content: "";
position: absolute;
width: 125px;
height: 130px;
background: url(assets/images/bglogo.svg);
left: 0;
top: 0;
background-repeat: no-repeat;
background-size: 100%;
}
.bannerbox {
height: 570px;
background: #000e38;
border-radius: 30px;
position: relative;
overflow: hidden;
}
.banner {
margin-top: 20px;
}
.menu .underline {
position: absolute;
bottom: 0;
height: 5px;
background: var(--color1);
width: 0;
right: 0;
transition:
right 0.25s ease,
width 0.25s ease;
pointer-events: none;
border-radius: 10px 17px 0px 0px;
}
.lang-switch img {
border: 5px solid #fff;
border-radius: 50px;
display: block;
}
.lang-switch {
position: relative;
display: inline-block;
z-index: 30;
margin-left: 5px;
padding-right: 15px;
}
.lang-switch .lang-menu {
position: absolute;
top: 100%;
inset-inline-end: 0;
min-width: 115px;
background: #fff;
border: 1px solid #eee;
border-radius: 12px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
padding: 10px 9px;
margin: 0;
list-style: none;
opacity: 0;
transform: translateY(6px);
pointer-events: none;
transition:
opacity 0.18s ease,
transform 0.18s ease;
}
.lang-switch:hover .lang-menu,
.lang-switch:focus-within .lang-menu {
opacity: 1;
transform: translateY(7px);
pointer-events: auto;
}
.lang-switch::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 100%;
height: 10px;
}
button.current-lang {
background: transparent;
border: none;
font-size: 13px;
color: #040404;
cursor: pointer;
transition: 0.5s;
display: flex;
flex-direction: row-reverse;
align-items: center;
gap: 7px;
position: relative;
padding: 0;
font-weight: 600;
}
.lang-menu li {
padding: 10px 0;
text-align: right;
}
.lang-menu li a {
font-family: "PeydaWeb";
font-size: 14px;
}
.lang-switch .current-lang::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-right: 1px solid currentColor;
border-bottom: 1px solid currentColor;
transform: rotate(45deg);
transition: transform 0.2s ease;
margin-top: -4px;
right: -11px;
position: absolute;
top: 20px;
}
.lang-switch:hover .current-lang::before,
.lang-switch:focus-within .current-lang::before {
transform: rotate(-135deg);
margin-top: 1px;
}
.lang-menu li a:hover {
color: var(--color1);
}
.phone {padding-left: 62px;position: relative;color: #040404;font-size: 14px;text-align: left;}
.lang-switch:before {
content: "";
position: absolute;
width: 2px;
height: 27px;
background: #979797;
right: -12px;
top: 6px;
}
.phone span {
background: #fff;
position: absolute;
left: 12px;
width: 41px;
height: 41px;
border-radius: 50px;
top: 1px;
}
.phone span:before {
content: "";
position: absolute;
width: 10px;
height: 10px;
background: url(assets/images/phone.svg);
background-repeat: no-repeat;
padding: 10px;
left: 0;
right: 0;
margin: 0 auto;
top: 52%;
transform: translateY(-50%);
}
.bannerbox:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #000000ad;
z-index: 1;
}
.contentbox {
position: absolute;
z-index: 1;
left: 0;
right: 0;
width: 490px;
margin: 0 auto;
text-align: center;
top: 38%;
color: #fff;
}
.contentbox h1 {
font-size: 38px;
font-weight: 900;
position: relative;
display: inline-block;
}
.contentbox p {
font-size: 22px;
font-weight: 600;
width: 79%;
line-height: 40px;
margin: 27px auto 14px auto;
}
.btst a,
a.btst {
color: #ffffff;
border-radius: 30px 0px 20px 30px;
font-size: 13px;
padding: 7px 17px 7px 19px;
border: 1px solid var(--color1);
background: none;
cursor: pointer;
overflow: hidden;
position: relative;
z-index: 1;
display: inline-block;
}
.btst a::before,
a.btst::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--color1);
z-index: -1;
transition: width 0.3s ease;
}
.btst a:hover::before,
a.btst:hover::before {
width: 0%;
right: 0;
}
.btst a:hover,
a.btst:hover {
color: var(--color1);
border-color: var(--color1);
}
.contentbox h1:before {
content: "";
position: absolute;
width: 120%;
height: 1px;
background: linear-gradient(to right, rgba(255, 0, 0, 0), #ffffff, rgba(255, 0, 0, 0));
left: 0%;
right: -10%;
margin: 0 auto;
bottom: -16px;
}
section.about {
margin: 80px 0;
}
.titleabt > span {
font-weight: 900;
font-size: 35px;
line-height: 30px;
background: linear-gradient(180deg, #e8e8e8 -156.67%, rgba(245, 245, 245, 0.4) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: block;
height: 22px;
margin-bottom: 5px;
}
.titleabt h2 {
font-size: 30px;
font-weight: 800;
}
.titleabt h2:before {
content: "";
position: relative;
display: inline-block;
width: 36px;
height: 25px;
background: url(assets/images/smlogo.png);
background-repeat: no-repeat;
margin-left: 11px;
top: 5px;
}
.titleabt p {
font-size: 14px;
line-height: 30px;
margin: 9px 0;
text-align: justify;
}
.banner .btst a:hover,
.banner a.btst:hover {
color: #ffffff;
border-color: #fff;
}
i.arrow:before {
content: "";
position: relative;
display: inline-block;
width: 15px;
height: 12px;
background: url(assets/images/arrow2.svg);
margin-right: 5px;
filter: brightness(0) invert(1);
transition: 0.5s;
background-repeat: no-repeat;
top: 5px;
}
.banner .btst a,
.banner a.btst {
padding: 9px 25px;
}
a.btst:hover .arrow:before {
filter: none;
}
.image-box img {
height: auto;
border-radius: 12px;
opacity: 0;
transition: opacity 0.6s ease;
}
.image-box img.active-media {
opacity: 1;
}
.text-box ul {
list-style: none;
padding: 0;
}
.text-box li {
cursor: pointer;
margin-bottom: 15px;
font-size: 15px;
transition: color 0.3s;
padding: 0px 0;
border-right: 3px solid #d9d9d9;
padding-right: 12px;
position: relative;
transition: 0.5s;
}
.text-box li.active p {
font-weight: 800;
color: var(--color1);
}
.text-box li span {
font-size: 21px;
font-weight: 700;
color: #d9d9d9;
line-height: 29px;
width: 33px;
display: inline-block;
position: relative;
top: 2px;
background: #fff;
}
.text-box {
margin-top: 20px;
}
.text-box li:before {
content: "";
position: absolute;
width: 83%;
height: 1px;
top: 50%;
z-index: -1;
background: repeating-linear-gradient(to right, #d7d7d7, #d7d7d7 5px, transparent 5px, transparent 8px);
left: 0;
right: 0;
margin: 0 auto;
}
.text-box li p {
line-height: unset;
margin: unset;
display: inline-block;
background: #fff;
padding-left: 10px;
font-size: 14px;
transition: 0.5s;
}
.abtleft {
padding-right: 30px;
}
.abtright {
padding-left: 90px;
}
.text-box li.active {
border-color: var(--color1);
}
i.arrowbg {
position: absolute;
left: 0;
background: #eeeeee;
width: 27px;
height: 27px;
transition: 0.5s;
border-radius: 40px;
}
i.arrowbg:before {
content: "";
position: absolute;
width: 13px;
height: 13px;
background: url(assets/images/arrow.svg);
margin-right: 5px;
background-size: 100%;
transition: 0.5s;
background-repeat: no-repeat;
top: 3px;
transform: rotate(37deg);
top: 8px;
left: 0px;
right: 0px;
margin: 0 auto;
}
.active i.arrowbg {
background: var(--color1);
}
.active i.arrowbg:before {
filter: brightness(0) invert(1);
transform: rotate(0);
}
div#mediaBox video {
width: 100%;
height: 500px;
background: var(--color2);
opacity: 1;
}
.titleproduct {
text-align: center;
position: relative;
}
.titleproduct span {
position: relative;
font-weight: 900;
font-size: 90px;
line-height: 30px;
background: linear-gradient(180deg, #e8e8e8 -116.67%, rgb(245 245 245 / 0%) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.titleproduct h3 {
position: relative;
top: -39px;
font-weight: 900;
font-size: 30px;
}
.titleproduct:before {
content: "";
width: 12px;
height: 50px;
position: absolute;
background: url(assets/images/tptitle.svg);
background-repeat: no-repeat;
background-position: center;
left: 0;
right: 0;
margin: 0 auto;
top: -90px;
background-size: 100%;
}
section.products {
margin: 130px 0 90px 0;
position: relative;
}
section.products:before {
content: "";
position: absolute;
left: 0;
width: 480px;
height: 570px;
background: url(assets/images/bgtitle.svg);
top: -300px;
background-size: 150%;
background-repeat: no-repeat;
z-index: -1;
opacity: 0.5;
}
section.products:after {
content: "";
position: absolute;
right: 0;
width: 480px;
height: 570px;
background: url(assets/images/bgtitle.svg);
top: -300px;
background-size: 150%;
background-repeat: no-repeat;
z-index: -1;
transform: scaleX(-1);
opacity: 0.5;
}
.productbx {
padding: 34px;
border-radius: 25px;
overflow: hidden;
position: relative;
min-height: 290px;
background-color: #fff !important;
background-clip: padding-box !important;
transition: 0.5s;
}
.productbx:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #f8f8f8;
left: 0;
right: 0;
top: 0px;
transition: 0.5s;
z-index: 0;
}
.productbx h4 {
position: relative;
font-size: 19px;
font-weight: 800;
margin-bottom: 4px;
transition: 0.5s;
z-index: 2;
}
.productbx p {
font-size: 12px;
position: relative;
text-align: justify;
line-height: 26px;
transition: 0.5s;
z-index: 2;
}
.productbx a.btst {
position: absolute;
bottom: 25px;
padding: 7px 15px;
z-index: 2;
}
.productbx span {
font-size: 50px;
color: #d9d9d9;
position: relative;
font-weight: 800;
position: absolute;
left: 30px;
bottom: 17px;
line-height: 46px;
}
.productbx:after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
z-index: 0;
background: url(assets/images/bgprt.svg);
right: 0;
background-position: right bottom;
background-repeat: no-repeat;
z-index: 1;
opacity: 0.5;
}
.productbx:hover {
transform: translateY(20px);
}
.productbx:hover:before {
background: var(--color1);
opacity: 0.95;
}
.productbx:hover h4,
.productbx:hover p {
color: #fff;
}
span.lnkmore {
color: #ffffff;
border-radius: 30px 0px 20px 30px;
font-size: 12px;
padding: 5px 12px;
background: none;
cursor: pointer;
overflow: hidden;
z-index: 1;
display: inline-block;
line-height: unset;
background: var(--color1);
z-index: 2;
left: unset;
bottom: 30px;
font-weight: 500;
transition: 0.5s;
}
.productbx:hover span.lnkmore {
background: #fff;
color: var(--color1);
}
.productbx:hover .lnkmore i:before {
filter: none;
}
.productbx:hover:after {
opacity: 0.3;
}
section.solutions {
position: relative;
margin-bottom: 100px;
}
section.solutions:before {
content: "";
position: absolute;
left: 0;
width: 380px;
height: 570px;
background: url(assets/images/bgtitle.svg);
top: -386px;
background-size: 150%;
background-repeat: no-repeat;
z-index: -1;
opacity: 0.5;
transform: scaleY(-1);
}
section.solutions:after {
content: "";
position: absolute;
right: 0;
width: 380px;
height: 570px;
background: url(assets/images/bgtitle.svg);
top: -386px;
background-size: 150%;
background-repeat: no-repeat;
z-index: -1;
opacity: 0.5;
transform: scaleY(-1) scaleX(-1);
}
.icon-grid {
width: 81%;
--line-w: 1px;
--cols: 3;
--rows: 4;
display: grid;
grid-template-columns: repeat(var(--cols), 1fr);
background-color: #fff;
position: relative;
background:
linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, #ccc 50%, rgba(255, 255, 255, 0.7) 100%)
calc(33.333% - var(--line-w) / 2) 0 / var(--line-w) 100% no-repeat,
linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, #ccc 50%, rgba(255, 255, 255, 0.7) 100%)
calc(66.666% - var(--line-w) / 2) 0 / var(--line-w) 100% no-repeat,
linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, #ccc 50%, rgba(255, 255, 255, 0.7) 100%) 0
calc(25% - var(--line-w) / 2) / 100% var(--line-w) no-repeat,
linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, #ccc 50%, rgba(255, 255, 255, 0.7) 100%) 0
calc(50% - var(--line-w) / 2) / 100% var(--line-w) no-repeat,
linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, #ccc 50%, rgba(255, 255, 255, 0.7) 100%) 0
calc(75% - var(--line-w) / 2) / 100% var(--line-w) no-repeat;
margin: 0 auto;
}
.icon-grid .cell {
aspect-ratio: 1/1;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0px 10px;
position: relative;
text-align: center;
height: 80px;
width: 100%;
align-items: center;
cursor: pointer;
}
.icon-grid .cell img {
height: 40px;
user-select: none;
pointer-events: none;
display: block;
transition: 0.5s;
filter: brightness(0);
opacity: 0.4;
}
.icon-grid .label {
font-size: 14px;
line-height: 1;
color: #d84852;
opacity: 0;
transform: translateY(6px);
transition:
opacity 0.25s ease,
transform 0.25s ease;
white-space: nowrap;
pointer-events: none;
font-size: 11px;
color: var(--color2);
position: absolute;
font-weight: 600;
}
.icon-grid .cell:hover .label {
opacity: 1;
transform: translateY(19px);
}
.cell.so8 img,
.cell.so3 img {
width: 60px;
}
.icon-grid .cell:hover img {
height: 34px;
transform: translateY(-11px);
filter: none;
opacity: 1;
}
.cell.so8:hover img,
.cell.so3:hover img {
transform: scale(0.9) translateY(-11px);
}
.cell.so8:hover .label,
.cell.so3:hover .label {
opacity: 1;
transform: translateY(13px);
}
.sol-left > span {
font-weight: 900;
font-size: 35px;
line-height: 30px;
background: linear-gradient(180deg, #e8e8e8 -156.67%, rgba(245, 245, 245, 0.4) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: block;
height: 22px;
margin-bottom: 5px;
}
.sol-left h3 {
font-size: 30px;
font-weight: 800;
}
.sol-left p {
font-size: 14px;
line-height: 30px;
margin: 6px 0 14px 0;
text-align: justify;
}
.sol-left {
padding-top: 17px;
}
.consult-box {
text-align: center;
padding: 65px 110px 33px 110px;
position: relative;
z-index: 2;
}
.consult-inner {
border-radius: 25px;
position: relative;
color: #fff;
background-size: cover !important;
}
.consult-inner:before {
content: "";
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #282e3ae0;
border-radius: 20px;
}
.consult-inner:after {
content: "";
position: absolute;
width: 135px;
height: 90px;
background: url(assets/images/ctaicon.svg);
top: 0;
left: 0;
right: 0;
margin: 0 auto;
background-repeat: no-repeat;
top: -28px;
background-position: -20px 0px;
}
.consult-box h2 {
font-size: 30px;
font-weight: 800;
}
.consult-box h2 span {
color: var(--color1);
}
.consult-box p {
margin: 13px 0 20px 0;
font-size: 13px;
line-height: 30px;
text-align: center;
}
section.consult {
margin-bottom: 100px;
}
.consult-box:before {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
z-index: 0;
background: url(assets/images/bgcta.svg);
right: 0;
background-position: right bottom;
background-repeat: no-repeat;
z-index: 0;
opacity: 0.7;
}
.consult-box:after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
z-index: 0;
background: url(assets/images/bgcta.svg);
left: 0;
background-position: right bottom;
background-repeat: no-repeat;
z-index: 0;
opacity: 0.7;
transform: scaleX(-1);
}
.consult-box a:hover {
color: #ffffff;
border-color: #fff;
}
.consult-box a:hover i.arrow:before {
filter: brightness(0) invert(1);
}
.gallery {
padding: 40px 0;
}
.gallery-top {
display: grid;
grid-template-columns: 23% 23% 50%;
height: 200px;
gap: 22px;
margin-bottom: 20px;
}
.gallery-bottom {
display: grid;
grid-template-columns: repeat(3, 1fr);
height: 200px;
gap: 22px;
}
.gallery-item {
border-radius: 16px;
overflow: hidden;
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.overlay {
position: absolute;
background: linear-gradient(to top, #d7172e, #d7172e00);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 19px;
opacity: 0;
transition: 0.3s;
height: 0;
bottom: 0px;
width: 100%;
}
.overlay span {
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
color: #fff;
border-bottom: 1px solid #fff;
padding-bottom: 9px;
}
.overlay p {
font-size: 12px;
line-height: 1.6;
color: #fff;
font-weight: 600;
}
.gallery-item:hover .overlay {
opacity: 1;
height: 100%;
}
a.gallery-item {
position: relative;
}
.contact-inner {
display: flex;
justify-content: space-between;
background-color: #d7172e;
border-radius: 50px;
position: relative;
align-items: center;
padding: 13px 30px 13px 110px;
color: #fff;
font-weight: 600;
background-image: url(assets/images/ctabarbg.svg);
background-size: 230px;
background-repeat: no-repeat;
background-position: 540px 0px;
}
.contact-arrow {
left: 20px;
position: absolute;
}
.contact-inner:before {content: "";position: absolute;width: 84px;height: 23px;left: 24px;background: url(assets/images/ctabar.svg);background-size: 100%;background-position: 0;top: -2px;background-repeat: no-repeat;}
.contact-inner:after {
content: "";
position: absolute;
width: 85px;
height: 23px;
left: 24px;
background: url(assets/images/ctabar.svg);
background-size: 100%;
background-position: 0;
transform: rotate(180deg);
bottom: -2px;
background-repeat: no-repeat;
}
.contact-info {
display: flex;
align-items: center;
flex-direction: row-reverse;
}
.contact-title {
font-size: 20px;
}
i.icon-phone:before {
content: "";
position: relative;
display: inline-block;
width: 25px;
height: 25px;
filter: brightness(0) invert(1);
background: url(assets/images/phone.svg);
background-size: 100%;
margin-right: 12px;
}
.contact-item {
display: flex;
flex-direction: row-reverse;
align-items: center;
font-size: 20px;
letter-spacing: 3px;
font-weight: 500;
}
.contact-arrow a {
    height: 60px;
    position: absolute;
    width: 50px;
    top: -28px;
    right: -32px;
    transition: 0.5s;
}
.contact-arrow a:hover {
    right: -29px;
}
i.icon-fax:before {
content: "";
position: relative;
display: inline-block;
width: 25px;
height: 25px;
filter: brightness(0) invert(1);
background: url(assets/images/fax.svg);
background-size: 100%;
margin: 0px 11px;
}
.contact-item i {
display: inline-flex;
position: relative;
}
.contact-item a span {
color: #282e3a;
}
section.contact-bar {
margin: 40px 0;
}
.contact-arrow a:before {content: "";position: relative;display: inline-block;background: url(assets/images/arrow2.svg);width: 27px;height: 27px;filter: brightness(0) invert(1);background-repeat: no-repeat;background-size: 100%;top: 21px;left: -8px;}
i.icon-fax {
margin-left: 20px;
}
i.icon-fax:after {
content: "";
position: absolute;
left: -5px;
width: 1px;
height: 100%;
background: #ffffff38;
}
.certificates {
padding: 80px 0;
background: #fff;
position: relative;
}
.cert-left {
position: relative;
}
.cert-images .cert-main {
position: relative;
z-index: 1;
max-width: 93%;
margin: 0 auto;
}
.cert-images {
text-align: center;
}
.cert-right h2 {
font-size: 22px;
margin-bottom: 25px;
font-weight: bold;
padding-top: 0px;
}
.cert-list {
list-style: none;
padding: 12px 0 9px 0px;
margin: 0;
position: relative;
}
.cert-list li {
margin-bottom: 21px;
padding-right: 20px;
position: relative;
}
.cert-list li:last-child {
margin-bottom: 0;
}
.cert-list strong {
display: block;
margin-bottom: 6px;
font-size: 16px;
font-weight: 700;
color: #000;
}
.cert-list p {
font-size: 14px;
line-height: 1.7;
color: #444;
}
ul.cert-list:before {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: red;
top: 0;
}
ul.cert-list li:before {
content: "";
position: absolute;
right: -4px;
width: 10px;
height: 10px;
background: var(--color1);
border-radius: 10px;
top: 5px;
}
section.certificates:before {
content: "";
position: absolute;
bottom: 20px;
width: 100%;
height: 164px;
background: #282e3a;
}
.cert-list li:last-child strong,
.cert-list li:last-child p {
color: #fff;
}
.cert-right > span {
font-weight: 900;
font-size: 35px;
line-height: 30px;
background: linear-gradient(180deg, #e8e8e8 -156.67%, rgba(245, 245, 245, 0.4) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: block;
height: 22px;
margin-bottom: 5px;
}
.cert-right h2 {
font-size: 30px;
font-weight: 800;
}
section.certificates:after {
content: "";
position: absolute;
bottom: 20px;
width: 100%;
height: 185px;
z-index: 0;
background: url(assets/images/bgcta.svg);
left: 0;
background-position: right bottom;
background-repeat: no-repeat;
z-index: 0;
opacity: 0.7;
transform: scaleX(-1);
background-size: 330px;
}
.titleblog h3 {
font-weight: 900;
font-size: 30px;
background: #ffffff;
padding-left: 10px;
}
.titleblog {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
section.blog {
margin: 40px 0;
}
.titleblog h3:before {
content: "";
position: relative;
display: inline-block;
width: 23px;
height: 27px;
background: url(assets/images/blogicon.svg);
background-size: 100%;
top: 4px;
margin-left: 9px;
}
.titleblog:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: linear-gradient(to left, #d9d9d9, #d9d9d975, rgba(255, 0, 0, 0));
z-index: -1;
}
.blogbox {
background: #ffffff;
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
border-radius: 15px 0px 15px 15px;
padding: 10px;
margin: 30px 0;
overflow: hidden;
text-align: left;
position: relative;
color: #040404;
}
.blogimg {
margin-bottom: 20px;
border-radius: 15px 0px 15px 15px;
overflow: hidden;
position: relative;
}
.blogimg span {
position: absolute;
bottom: 13px;
right: 13px;
background: #fff;
border-radius: 30px;
padding: 5px 12px 3px 12px;
font-size: 11px;
}
.blogimg img {
display: block;
}
.blogbox h4 {
font-size: 15px;
height: 49px;
text-align: right;
padding: 0 10px;
font-weight: 800;
}
.blogbox p {
font-size: 12px;
line-height: 26px;
text-align: right;
padding: 0 10px;
}
span.moreblog.btst {
color: #ffffff;
border-radius: 30px 0px 20px 30px;
font-size: 12px;
padding: 5px 12px;
background: none;
cursor: pointer;
overflow: hidden;
z-index: 1;
display: inline-block;
line-height: unset;
background: var(--color1);
z-index: 2;
left: unset;
font-weight: 500;
transition: 0.5s;
left: 10px;
position: relative;
margin-top: 10px;
}
.blogbox:before {
content: "";
position: absolute;
bottom: -50px;
width: 100%;
height: 100%;
z-index: 0;
background: url(assets/images/bgprt.svg);
right: 0;
background-position: right bottom;
background-repeat: no-repeat;
z-index: 1;
opacity: 0.6;
background-size: 240px;
}
.blogbox:hover .blogimg:before {
height: 100%;
}
.blogbox:hover .blogimg:after {
top: 50%;
opacity: 1;
}
.blogimg:before {
content: "";
position: absolute;
width: 100%;
height: 0;
background: linear-gradient(to top, #d7172e, #d7172e00);
left: 0;
bottom: 0;
transition: 0.5s;
}
.blogimg:after {
content: "";
position: absolute;
width: 80px;
height: 80px;
background: url(assets/images/blogic.png);
left: 0;
right: 0;
margin: 0 auto;
top: 30%;
transform: translateY(-50%);
background-repeat: no-repeat;
background-position: center;
transition: 0.5s;
opacity: 0;
}
.footer-top {
background: #1c1f29;
padding: 60px 0 40px;
color: #fff;
position: relative;
}
.footer-top-inner {
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
flex-wrap: wrap;
}
.footer-catalog {
position: relative;
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.catalog-img {
position: absolute;
top: -80px;
left: 0;
width: 260px;
}
.catalog-img img {
width: 100%;
height: auto;
}
.catalog-text {
margin-top: 120px;
}
.catalog-text p {
font-size: 15px;
margin-bottom: 8px;
opacity: 0.9;
}
.catalog-text a {
color: #d84852;
font-weight: bold;
position: relative;
text-decoration: none;
display: inline-block;
transition: 0.3s;
}
.catalog-text a::after {
content: "";
position: absolute;
right: 0;
bottom: -3px;
width: 100%;
height: 1px;
background: #d84852;
transition: 0.3s;
}
.catalog-text a:hover {
color: #fff;
}
.catalog-text a:hover::after {
background: #fff;
}
.footer-about {
flex: 1;
display: flex;
justify-content: flex-end;
}
.about-box {
background: #fff;
color: #333;
padding: 30px;
border-radius: 20px;
max-width: 480px;
position: relative;
}
.about-box img {
position: absolute;
top: 20px;
left: 25px;
width: 80px;
height: auto;
}
.about-box h3 {
font-size: 18px;
font-weight: bold;
margin-bottom: 12px;
}
.about-box p {
line-height: 1.8;
font-size: 14px;
color: #555;
}
.footer {
background: #282e3a;
border-radius: 0px 0px 30px 30px;
margin-bottom: 15px;
position: relative;
margin-top: 310px;
padding-bottom: 1px;
}
.footer:before {
content: "";
width: 100%;
height: 260px;
background: url(assets/images/topfooter.svg);
background-size: 100%;
position: absolute;
bottom: 99%;
background-position: bottom;
background-repeat: no-repeat;
}
.topfooter {display: flex;position: absolute;bottom: 118%;flex-direction: row-reverse;width: 100%;}
.rtf {flex: 0 0 50%;display: flex;padding: 0 20px;align-items: center;}
.ltf {
flex: 0 0 50%;
padding: 0 60px;
}
.rtflogo {
display: flex;
flex: 0 0 21%;
justify-content: center;
align-items: center;
}
.rtflogo img {
width: auto;
height: 113px;
}
.rtfcontent span {
font-size: 20px;
font-weight: 700;
color: #6d6e70;
margin-bottom: 5px;
display: block;
}
.rtfcontent p {
color: #6d6e70;
font-size: 13px;
padding-left: 60px;
text-align: justify;
}
.ltf img {
position: absolute;
width: 470px;
left: 0;
top: -90px;
}
.ltf a {font-size: 19px;line-height: 34px;color: #fff;position: relative;top: 27px;right: 40px;font-weight: 600;}
.ltf a span {
color: #ff3f56;
}
.ltf a span:before {
content: "";
position: absolute;
width: 80%;
height: 23px;
background: url(assets/images/line.svg);
background-repeat: no-repeat;
background-size: 100%;
bottom: -28px;
}
.menufooter {
display: flex;
justify-content: space-between;
}
.centerfooter {
padding: 15px 50px 15px 70px;
}
.menubox span {
font-weight: 800;
color: #fff;
margin-bottom: 10px;
display: block;
}
.menubox ul li a {
font-size: 13px;
color: #fff;
}
.menubox ul li {
padding: 5px 0;
}
.menubox ul li a:before {
content: "";
position: relative;
display: inline-block;
width: 5px;
height: 5px;
background: #fff;
transform: rotate(45deg);
margin-left: 8px;
transition: 0.5s;
}
.newslatter {
padding: 0 30px 0 60px;
}
.newslatter span {
font-weight: 800;
color: #fff;
margin-bottom: 10px;
display: block;
}
.newslatter p {
font-size: 13px;
color: #fff;
line-height: 25px;
}
.newslatter form {
margin: 20px 0;
}
.newslatter form input[type="text"] {
display: block;
background: #595e67;
border: none;
font-family: "YekanBakh";
padding: 15px 15px;
width: 100%;
margin-bottom: 15px;
border-radius: 15px 0px 15px 15px;
font-size: 11px;
border: 1px solid #595e67;
transition: 0.5s;
}
.newslatter form input[type="submit"] {
display: block;
background: var(--color1);
border: none;
font-family: "YekanBakh";
padding: 8px 40px;
margin-bottom: 10px;
border-radius: 11px 0px 11px 11px;
color: #fff;
font-size: 12px;
border: 1px solid var(--color1);
transition: 0.5s;
cursor: pointer;
}
.socialbox > span {
font-weight: 800;
color: #fff;
margin-bottom: 10px;
display: block;
}
.socialbox li a {
border: 1px solid #6f737a;
margin-bottom: 14px;
padding: 10px 15px;
border-radius: 10px;
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
color: #fff;
font-size: 13px;
}
.centerfooter .col-lg-2 {
padding: 0;
}
i.insta {
width: 22px;
height: 22px;
background: url(assets/images/insta.svg);
background-repeat: no-repeat;
background-size: 100%;
}
i.whatsapp {
width: 22px;
height: 22px;
background: url(assets/images/whatsapp.svg);
background-repeat: no-repeat;
background-size: 100%;
}
i.telegram {
width: 22px;
height: 22px;
background: url(assets/images/telegram.svg);
background-repeat: no-repeat;
background-size: 100%;
}
.bottomfooter {
margin: 0 47px;
background: #595e67;
border-radius: 15px;
padding: 12px 23px 12px 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.bottomfooter ul {
width: 70%;
flex-wrap: wrap;
}
.bottomfooter ul li {
width: 49%;
display: inline-flex;
color: #fff;
font-size: 13.5px;
align-items: center;
padding: 6px 0px;
}
.bottomfooter ul li span {
font-weight: 700;
margin-left: 10px;
font-size: 15px;
}
i.loc {
width: 16px;
height: 16px;
background: url(assets/images/location.svg);
background-repeat: no-repeat;
background-size: 100%;
margin-left: 4px;
}
i.phonec {
width: 18px;
height: 18px;
background: url(assets/images/phone-call.svg);
background-repeat: no-repeat;
background-size: 110%;
margin-left: 4px;
}
i.mail {
width: 18px;
height: 19px;
background: url(assets/images/mail.svg);
background-repeat: no-repeat;
background-size: 100%;
margin-left: 4px;
}
i.fax {
width: 18px;
height: 18px;
background: url(assets/images/fax.svg);
background-repeat: no-repeat;
background-size: 100%;
margin-left: 4px;
}
.mapfooter {
width: 30%;
overflow: hidden;
border-radius: 15px 0px 0px 15px;
position: relative;
}
.mapfooter img {
height: 100%;
position: relative;
width: auto;
display: block;
}
.mapfooter:before {
z-index: 1;
content: "";
background: linear-gradient(to left, #595e67, #d7172e00);
position: absolute;
width: 110%;
height: 100%;
right: 0px;
}
.copyright {
background: linear-gradient(to right, rgba(255, 0, 0, 0), #d7172e, rgba(255, 0, 0, 0));
margin: 20px 40px;
text-align: center;
padding: 9px 0;
color: #fff;
font-size: 12px;
display: block;
}
.menubox ul li a:hover {
color: #fe3f56;
}
.menubox ul li a:hover:before {
background: #fe3f56;
transform: none;
}
.newslatter form input[type="submit"]:hover {
background: transparent;
color: #fe3f56;
border-color: #fe3f56;
}
.socialbox li a:hover {
color: #fe3f56;
border-color: #fe3f56;
}
.bannerbox {
position: relative;
width: 100%;
overflow: hidden;
}
.background-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.open_menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
right: -100%;
top: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
-webkit-transition: 450ms cubic-bezier(0.1, 0, 0, 1);
transition: 450ms cubic-bezier(0.1, 0, 0, 1);
z-index: 99999999;
}
.dark .open_menu {
background: #545454;
}
.menu-content {
display: block;
width: 100%;
overflow-y: scroll;
overflow-x: hidden;
padding-top: 10px;
}
.menu-content::-webkit-scrollbar {
width: 0;
}
.opened {
right: 0;
}
.toOpen {
display: block;
width: 25px;
position: absolute;
cursor: pointer;
padding: 20px;
right: -165px;
}
.toOpened .line {
width: 25px !important;
-webkit-transition: 0ms !important;
transition: 0ms !important;
}
.toOpened .one {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 25px;
}
.toOpened .two {
opacity: 0;
}
.toOpened .three {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: 25px;
}
.toOpen .line {
height: 3px;
margin: 0 0 2px 0;
background-color: #dc6161;
-webkit-transition: 150ms ease-in-out;
transition: 150ms ease-in-out;
}
.toOpen .two {
width: 15px;
}
.toOpen .three {
width: 20px;
}
.toOpen:hover div {
width: 25px;
}
.line.one {
transition: 400ms cubic-bezier(0, 1.05, 0.26, 0.82) !important;
}
.toOpened > .three {
transition: 400ms cubic-bezier(0, 1.05, 0.26, 0.82) !important;
}
.open_menu h1 {
text-align: center;
color: white;
}
.menu-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: montserrat;
font-weight: 700;
margin: 25px 0;
text-align: center;
}
.menu-content ul {
list-style-type: none;
text-align: center;
}
.menu-content ul li {
text-align: right;
border-bottom: 1px solid #88888826;
}
.menu-content ul li:first-child {
border-top: 1px solid #88888826;
}
.menu-content ul li a {
font-weight: 400;
font-size: 14px;
display: block;
padding: 16px 10px;
text-decoration: none;
color: #929292;
-webkit-transition: 100ms ease-in-out;
transition: 100ms ease-in-out;
text-align: center;
}
.menu-content ul li a:hover {
background: var(--color1);
color: #fff !important;
}
.menu-logo img {
width: 110%;
margin: 0 auto;
}
.menu-content .menu-btn svg {
width: 22px;
height: auto;
position: absolute;
left: 20px;
fill: var(--color1);
top: 45px;
}
.menu-content ul li ul li a {
background: #e7f6e3;
padding: 10px 40px;
border-bottom: 1px solid #92bc6540;
}
.dark .menu-content ul li ul li a {
background: #3b3b3b8a;
padding: 10px 40px;
}
.menu-content ul li ul li {
border: navajowhite;
}
.logomobile img {
height: 90px;
width: auto;
text-align: center;
}
.logomobile {
padding: 10px 20px 20px 20px;
}
.menu-content .menu-btn.toOpened {
top: 0px;
right: 20px;
}
.logomobile {
text-align: center;
}
.menu-content ul li.has-sub > a {
position: relative;
padding-left: 30px;
}
.menu-content ul li.has-sub > a::after {
content: "+";
position: absolute;
left: 15px;
font-size: 16px;
font-weight: bold;
transition: transform 0.3s ease;
}
.menu-content ul li.open > a::after {
content: "-";
}
.menu-content ul li ul {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
#scrollTopBtn {
position: fixed;
bottom: 35px;
right: 25px;
width: 60px;
height: 60px;
border: none;
border-radius: 50%;
background: var(--color1);
color: #ffffff;
font-size: 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
box-shadow: 0 2px 8px #ef84514d;
transition:
opacity 0.3s,
transform 0.3s;
opacity: 0;
transform: translateY(20px);
}
#scrollTopBtn.show {
opacity: 1;
transform: translateY(0);
}
#scrollTopBtn .arrow {
position: absolute;
font-weight: bold;
}
.progress-ring {
transform: rotate(-90deg);
position: absolute;
top: 0;
left: 0;
}
.progress-ring__circle {
stroke-dasharray: 163.36;
stroke-dashoffset: 163.36;
transition: stroke-dashoffset 0.25s linear;
}
#scrollTopBtn .arrow {
position: relative;
width: 14px;
height: 14px;
display: block;
margin: auto;
top: -2px;
}
#scrollTopBtn .arrow::before,
#scrollTopBtn .arrow::after {
content: "";
position: absolute;
left: 46%;
width: 10px;
height: 2px;
background: #ffffff;
transform-origin: center;
}
#scrollTopBtn .arrow::before {
bottom: 4px;
transform: translateX(-50%) rotate(45deg);
right: -6px;
}
#scrollTopBtn .arrow::after {
bottom: 4px;
transform: translateX(-50%) rotate(-45deg);
left: 4px;
}
.page-template-front-page header {
position: absolute;
}
.page-template-front-page .header {
background: #f8f8f8;
}
.page-template-front-page .menu li a {
color: #fff;
}
.page-template-front-page .phone {
color: #fff;
}
.page-template-front-page .header {
background: rgba(255, 255, 255, 0.28);
}
.page-template-front-page button.current-lang {
color: #fff;
}
.stats-box {
display: flex;
justify-content: space-around;
align-items: center;
gap: 0;
flex-wrap: wrap;
margin: 13px 0;
}
.stat-item {
text-align: center;
position: relative;
}
.stat-item h3 {
font-size: 38px;
font-weight: 900;
color: var(--color1);
margin-bottom: 0px;
position: relative;
display: inline-block;
}
.stat-item p {
font-size: 15px;
font-weight: 600;
color: #393939;
margin: 0;
text-align: center !important;
}
.stat-item:not(:last-child)::after {
content: "";
position: absolute;
left: -36px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 70px;
background: #d9d9d9;
}
.snglpage {
margin-top: 60px;
}
.abt1 h1,
.abt2 h2 {
font-size: 26px;
font-weight: 800;
margin-bottom: 10px;
}
.abt1 p,
.abt2 p {
font-size: 14px;
line-height: 31px;
text-align: justify;
}
.abt1 .col-lg-5 {
padding-right: 0;
padding-top: 10px;
}
.abt1 .col-lg-7 {
padding-left: 50px;
}
.abt2 {
margin-top: 80px;
}
.abt2 li {
font-size: 13px;
line-height: 31px;
text-align: justify;
}
.abt2 li:before {
content: "";
position: relative;
display: inline-block;
width: 16px;
height: 16px;
background: url(assets/images/tick.svg);
background-size: 108%;
top: 4px;
margin-left: 5px;
}
.abt3 {
background: #f8f8f8;
padding: 30px 35px 19px 35px;
border-radius: 23px;
box-sizing: border-box;
border: 1px solid transparent;
background-clip: padding-box;
position: relative;
padding-left: 360px;
margin: 120px 0 40px 0;
}
.abt3:before {
content: "";
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
background: linear-gradient(to top right, #ffffff 56%, var(--color1));
z-index: -1;
border-radius: 23px;
transition: 0.5s;
width: 40%;
}
.abt3 img {
position: absolute;
width: 314px;
left: 40px;
bottom: 0;
}
.abt3 span {
font-size: 25px;
font-weight: 800;
}
.abt3 li {
font-size: 13px;
line-height: 23px;
margin: 10px 11px 10px 0px;
position: relative;
}
.abt3 li:before {
content: "";
position: absolute;
display: inline-block;
width: 5px;
height: 5px;
background: #040404;
border-radius: 10px;
top: 9px;
right: -10px;
}
.gallery-title {
font-size: 26px;
font-weight: 800;
margin-bottom: 40px;
color: #040404;
text-align: center;
}
.gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 20px;
}
.gallery-grid a {
display: block;
border-radius: 12px;
overflow: hidden;
position: relative;
}
.gallery-grid img {
width: 100%;
height: 160px;
object-fit: cover;
transition:
transform 0.4s ease,
opacity 0.3s;
display: block;
}
section.gallery-section {
margin-top: 40px;
padding-bottom: 60px;
}
.topblog .gallery-top {
grid-template-columns: 50% 23% 23%;
}
.topblog .overlay p {
font-size: 15px;
}
.blog-search {
direction: rtl;
background: #fff;
padding: 70px 0 45px 0;
}
.blog-search .container {
margin: 0 auto;
}
.search-box {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.search-group {
display: flex;
gap: 10px;
width: 100%;
background: #f8f8f8;
border-radius: 15px;
padding: 35px 200px 35px 30px;
position: relative;
}
.search-group input {
flex: 1;
padding: 12px 14px;
border: 1px solid #eee;
border-radius: 8px;
font-size: 13px;
outline: none;
transition: border-color 0.2s ease;
font-family: "YekanBakh";
font-weight: 400;
}
.search-group input:focus {
border-color: #d31a1a;
}
.search-group select {
min-width: 150px;
padding: 10px 12px;
border-radius: 8px;
border: 1px solid #eee;
background: #ffffff;
font-size: 13px;
color: #333;
outline: none;
appearance: none;
background-image: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.46967 6.8021C5.76256 7.09499 6.23744 7.09499 6.53033 6.8021L11.3033 2.02913C11.5962 1.73623 11.5962 1.26136 11.3033 0.968467C11.0104 0.675573 10.5355 0.675573 10.2426 0.968467L6 5.21111L1.75736 0.968467C1.46447 0.675573 0.989593 0.675573 0.696699 0.968467C0.403806 1.26136 0.403806 1.73623 0.696699 2.02913L5.46967 6.8021ZM6 6.27167H5.25V6.27177H6H6.75V6.27167H6Z" fill="%2345474B"/></svg>');
background-repeat: no-repeat;
background-position: left 12px center;
background-size: 10px;
font-family: "YekanBakh";
}
.search-group button {
background-color: var(--color1);
color: #fff;
border: none;
border-radius: 8px;
padding: 10px 25px;
cursor: pointer;
font-size: 13px;
transition: background 0.25s ease;
font-family: "YekanBakh";
font-weight: 400;
display: flex;
align-items: center;
gap: 6px;
border: 1px solid var(--color1);
}
.search-group button:hover {
background: transparent;
color: var(--color1);
}
.search-group img {
position: absolute;
width: 150px;
right: 31px;
bottom: -10px;
}
.search-group button:before {
content: "";
position: relative;
display: inline-block;
width: 15px;
height: 15px;
background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_387_342)"><path d="M16.8064 15.8717L12.6576 11.723C13.6888 10.4829 14.3101 8.8904 14.3101 7.15527C14.3101 3.20984 11.1004 0 7.1551 0C3.20975 0 0 3.20984 0 7.15527C0 11.1004 3.20975 14.31 7.1551 14.31C8.89014 14.31 10.4827 13.6888 11.7228 12.6576L15.8717 16.8064C16.0007 16.9355 16.1699 17 16.3391 17C16.5082 17 16.6774 16.9355 16.8065 16.8064C17.0646 16.5483 17.0646 16.1298 16.8064 15.8717ZM1.3219 7.15527C1.3219 3.93874 3.93865 1.3219 7.1551 1.3219C10.3715 1.3219 12.9881 3.93874 12.9881 7.15527C12.9881 10.3715 10.3715 12.9881 7.1551 12.9881C3.93865 12.9881 1.3219 10.3715 1.3219 7.15527Z" fill="%23D7172E"/></g><defs><clipPath id="clip0_387_342"><rect width="17" height="17" fill="white"/></clipPath></defs></svg>');
background-repeat: no-repeat;
background-size: 100%;
filter: brightness(0) invert(1);
}
.search-group button:hover:before {
filter: none;
}
a.next.page-numbers,
a.prev.page-numbers {
font-size: 0;
position: relative;
}
a.next.page-numbers:before {
content: "";
border-right: 2px solid #040404;
border-bottom: 2px solid #040404;
width: 7px;
height: 7px;
box-shadow: black;
position: absolute;
right: -3px;
transform: rotate(135deg);
left: 0;
bottom: 10px;
margin: 0 auto;
}
a.prev.page-numbers:before {
content: "";
border-right: 2px solid #040404;
border-bottom: 2px solid #040404;
width: 7px;
height: 7px;
box-shadow: black;
position: absolute;
right: 3px;
transform: rotate(310deg);
left: 0;
bottom: 10px;
margin: 0 auto;
}
a.next.page-numbers:hover,
a.prev.page-numbers:hover,
.agh-pagination a:hover {
background: var(--color1);
border-color: var(--color1);
color: #fff;
}
.pagination-wrap {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 6px;
margin: 30px 0;
border: 1px solid #d9d9d9;
border-radius: 50px;
padding: 8px 16px;
background: #fff;
z-index: 1;
position: relative;
}
.pagination-wrap a,
.pagination-wrap span {
display: inline-flex;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
border-radius: 6px;
font-size: 14px;
color: #333;
transition: all 0.3s ease;
}
.pagination-wrap a:hover {
background: var(--color1);
color: #fff;
border-color: var(--color1);
}
.pagination-wrap .current {
background: var(--color1);
color: #fff !important;
border-color: var(--color1);
}
.pagination-wrap .prev,
.pagination-wrap .next {
font-size: 0;
}
a.next.page-numbers:hover:before,
a.prev.page-numbers:hover:before {
border-color: #fff;
}
.pagination-wrap a:hover:before {
filter: brightness(0) invert(1);
}
.pagination {
text-align: center;
position: relative;
display: flex;
justify-content: center;
}
.pagination:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #d9d9d9;
left: 0;
top: 50%;
}
.sidebar-toggle {
display: none;
top: 18px;
right: 18px;
background: #d31a1a;
color: #fff;
border: none;
border-radius: 10px;
padding: 10px 16px;
font-weight: 700;
font-size: 15px;
z-index: 1100;
cursor: pointer;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
transition: background 0.3s ease;
}
.sidebar-toggle:hover {
background: #b11616;
}
.menu-icon2 {
width: 18px;
height: 2px;
background: #fff;
display: inline-block;
position: relative;
margin-left: 8px;
}
.menu-icon2::before,
.menu-icon2::after {
content: "";
position: absolute;
width: 18px;
height: 2px;
background: #fff;
left: 0;
transition: 0.3s;
}
.menu-icon2::before {
top: -6px;
}
.menu-icon2::after {
top: 6px;
}
.sidebar {
direction: rtl;
position: fixed;
top: 0;
right: -320px;
width: 300px;
height: 100vh;
background: #fff;
box-shadow: -2px 0 15px rgba(0, 0, 0, 0.25);
overflow-y: auto;
z-index: 1200;
border-radius: 0;
transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.sidebar.open {
right: 0;
}
.sidebar-header {
display: flex;
justify-content: space-between;
align-items: center;
background: #d31a1a;
color: #fff;
padding: 16px 18px;
}
.sidebar-header h3 {
font-size: 16px;
margin: 0;
font-weight: 700;
}
.close-btn {
background: transparent;
border: none;
color: #fff;
font-size: 20px;
font-weight: bold;
cursor: pointer;
transition: transform 0.3s ease;
}
.close-btn:hover {
transform: rotate(90deg);
}
.sidebar-content {
padding: 15px 15px 25px 15px;
}
.sidebar-box {
background: #fff;
border-radius: 10px;
margin-bottom: 20px;
overflow: hidden;
}
.sidebar-title {
background: var(--color1);
color: #fff;
font-weight: 700;
padding: 10px 14px;
font-size: 13px;
text-align: center;
}
.category-list {
list-style: none;
margin: 0;
padding: 0;
}
.category-list li a {
display: block;
padding: 10px 20px;
color: #333;
border-bottom: 1px solid #f2f2f2;
font-size: 13px;
transition: 0.2s ease;
background: #f8f8f8;
margin: 8px 0;
border-radius: 9px;
}
.category-list li:last-child a {
border-bottom: none;
}
.category-list li a:hover {
background: #f9f9f9;
color: var(--color1);
}
.related-posts {
display: flex;
flex-direction: column;
gap: 10px;
padding: 10px 0;
}
.related-item {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
border-radius: 10px;
overflow: hidden;
transition: all 0.25s ease;
background: #f8f8f8;
padding: 10px;
}
.related-item img {
width: 69px;
height: 65px;
object-fit: cover;
border-radius: 8px;
}
.related-item .info h4 {
font-size: 11px;
color: #333;
margin: 0 0 4px;
line-height: 1.6;
font-weight: 400;
transition: 0.5s;
}
.related-item .meta {
font-size: 12px;
color: #888;
display: flex;
gap: 12px;
position: relative;
top: 4px;
}
.sidebar-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
visibility: hidden;
z-index: 1100;
transition: all 0.4s ease;
backdrop-filter: blur(3px);
}
.sidebar-overlay.active {
opacity: 1;
visibility: visible;
}
.singleblogpage.snglpage .row {
display: flex;
justify-content: space-between;
}
span.views:before {
content: "";
position: relative;
display: inline-block;
width: 14px;
height: 15px;
background: url('data: image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9499 1.99074C10.9709 1.04019 9.72361 0.392856 8.36573 0.130601C7.00786 -0.131654 5.60038 0.00294572 4.32129 0.51738C3.0422 1.03181 1.94894 1.90298 1.17977 3.02071C0.41059 4.13844 4.04976e-05 5.45253 3.45647e-05 6.79682C-0.00455852 8.20949 0.448715 9.58775 1.29565 10.7364L0.486888 13.4405C0.464828 13.5142 0.463151 13.5923 0.482026 13.6669C0.500902 13.7415 0.539664 13.8099 0.594416 13.8654C0.649169 13.9208 0.717983 13.9612 0.793941 13.9826C0.869899 14.0041 0.950325 14.0057 1.02713 13.9874L4.51953 13.1541C6.01696 13.7047 7.66355 13.7403 9.18474 13.2549C10.7059 12.7695 12.0098 11.7925 12.8789 10.4867C13.7481 9.18095 14.1299 7.62535 13.9609 6.0793C13.7918 4.53325 13.082 3.09019 11.9499 1.99074ZM7.0001 12.7187C6.21852 12.7199 5.44406 12.5745 4.71931 12.2904C4.63162 12.256 4.53499 12.2493 4.44316 12.2712L1.56994 12.9568L2.22329 10.7727C2.24293 10.707 2.24643 10.6377 2.23349 10.5704C2.22055 10.5031 2.19153 10.4397 2.14877 10.3853C1.33575 9.35597 0.897017 8.09401 0.901197 6.79682C0.901197 3.53151 3.63715 0.874975 7.0001 0.874975C10.363 0.874975 13.099 3.53151 13.099 6.79682C13.099 10.0621 10.363 12.7187 7.0001 12.7187Z" fill="%236D6E70"/></svg>');
background-repeat: no-repeat;
margin-left: 5px;
}
span.views {
display: flex;
}
span.comments:before {
content: "";
position: relative;
display: inline-block;
width: 18px;
height: 11px;
background: url('data:image/svg+xml,<svg width="20" height="12" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.3528 11.8804C14.4895 11.8804 18.1565 8.46108 19.5409 6.99108C20.0645 6.44336 20.0645 5.55667 19.5409 5.00895C18.1569 3.53895 14.4899 0.119629 10.3528 0.119629C6.21566 0.119629 2.54938 3.53895 1.16498 5.00895C0.641418 5.55667 0.641418 6.44336 1.16498 6.99108C2.54938 8.46108 6.21641 11.8804 10.3528 11.8804ZM10.3528 1.29157C14.0651 1.29157 17.4552 4.46556 18.7408 5.83048C18.8305 5.92236 18.8318 6.07272 18.7438 6.16635C18.7428 6.16745 18.7418 6.1685 18.7408 6.16956C17.4552 7.53447 14.0651 10.7085 10.3528 10.7085C6.64045 10.7085 3.25112 7.53447 1.96552 6.16956C1.87581 6.07768 1.87443 5.92732 1.96246 5.83368C1.96347 5.83259 1.96448 5.83153 1.96552 5.83048C3.25112 4.46556 6.6412 1.29157 10.3528 1.29157Z" fill="%236D6E70"/><path d="M10.3552 9.52718C12.2215 9.52718 13.7344 7.94803 13.7344 6.00004C13.7344 4.05205 12.2215 2.4729 10.3552 2.4729C8.48885 2.4729 6.97593 4.05205 6.97593 6.00004C6.97799 7.94713 8.48971 9.52503 10.3552 9.52718ZM10.3552 3.64484C11.6013 3.64484 12.6116 4.69931 12.6116 6.00004C12.6116 7.30077 11.6013 8.35524 10.3552 8.35524C9.10897 8.35524 8.09872 7.30077 8.09872 6.00004C8.09995 4.69985 9.10945 3.64617 10.3552 3.64484Z" fill="%236D6E70"/></svg>');
background-repeat: no-repeat;
margin-left: 5px;
background-size: 100%;
}
span.comments {
display: flex;
align-items: center;
}
.contentboxsngl h1 {
font-size: 22px;
margin-bottom: 24px;
color: #222;
font-weight: 700;
}
.contentboxsngl .meta {
display: flex;
align-items: center;
gap: 12px;
font-size: 13px;
color: #666;
margin-bottom: 16px;
}
.contentboxsngl .meta span {
display: flex;
align-items: center;
gap: 5px;
font-size: 14px;
}
.contentboxsngl .main-image {
width: 100%;
border-radius: 10px;
overflow: hidden;
margin-bottom: 25px;
border: 1px solid #D8D8D8;
padding: 12px;
}
.contentboxsngl .main-image img {
width: 100%;
height: auto;
display: block;
border-radius: 10px;
}
.contentboxsngl blockquote {
background: #f9f9f9;
padding: 19px 25px;
border-radius: 10px;
margin: 20px 0;
font-size: 14px;
color: #444;
}
.contentboxsngl h2 , .contentboxsngl h3 , .contentboxsngl h4 , .contentboxsngl h5 , .contentboxsngl h6 {
color: #d31a1a;
margin-top: 20px;
margin-bottom: 5px;
font-weight: 800;
}
.contentboxsngl p {
font-size: 14px;
margin-bottom: 15px;
line-height: 30px;
}
.contentboxsngl .share-section {
margin-top: 50px;
}
.contentboxsngl .share-icons {
display: flex;
gap: 10px;
margin-top: 10px;
}
.contentboxsngl .share-icons a {
width: 38px;
height: 38px;
border-radius: 8px;
background: #f3f3f3;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: #333;
font-size: 18px;
transition: all 0.3s ease;
}
.contentboxsngl .share-icons a:hover {
background: #d31a1a;
color: #fff;
}
.contentboxsngl .rating {
margin-top: 40px;
display: flex;
align-items: center;
gap: 8px;
font-size: 18px;
color: #d31a1a;
}
.contentboxsngl .rating span {
color: #333;
font-size: 15px;
margin-right: 10px;
}
.contentboxsngl .comment-form form {
margin-top: 20px;
background: #fafafa;
padding: 35px 30px;
border-radius: 20px;
}
.contentboxsngl .comment-form h3 {
font-size: 17px;
color: #222;
margin-bottom: 8px;
position: relative;
background: #fff;
display: inline-block;
z-index: 1;
padding-left: 10px;
margin-top: 12px;
}
.contentboxsngl .comment-form form {
display: flex;
flex-direction: column;
gap: 10px;
}
.contentboxsngl .comment-form input,
.contentboxsngl .comment-form textarea {
width: 100%;
padding: 10px 12px;
border-radius: 10px;
border: 1px solid #ECECEC;
font-size: 14px;
outline: none;
transition: border 0.2s ease;
font-family: 'YekanBakh';
}
.contentboxsngl .comment-form input:focus,
.contentboxsngl .comment-form textarea:focus {
border-color: #d31a1a;
}
.contentboxsngl .comment-form textarea {
height: 100px;
resize: none;
}
.contentboxsngl .comment-form button {
width: 150px;
padding: 10px;
border: none;
border-radius: 10px;
background: var(--color1);
color: #fff;
font-size: 14px;
cursor: pointer;
transition: background 0.3s;
font-family: 'YekanBakh';
border: 1px solid var(--color1);
}
.contentboxsngl .comment-form button:hover {
background: transparent;
color: var(--color1);
}
.contentboxsngl .comments {
margin-top: 50px;
background: #fafafa;
padding: 30px;
border-radius: 20px;
}
.contentboxsngl .comments h3 {
font-size: 17px;
color: #222;
margin-bottom: 40px;
margin-top: 0;
}
.contentboxsngl .comment {
background: #fff;
border-radius: 15px;
padding: 45px 25px 13px 25px;
margin-bottom: 20px;
border: 1px solid #eee;
position: relative;
margin-top: 60px;
}
.contentboxsngl .comment-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
background: #D9D9D9;
padding: 13px 20px;
position: absolute;
width: 93%;
left: 0;
margin: 0 auto;
right: 0;
top: -25px;
border-radius: 13px;
}
.contentboxsngl .comment-author {
font-weight: bold;
color: #040404;
font-size: 14px;
display: flex;
align-items: center;
gap: 6px;
}
.contentboxsngl .comment-date {
font-size: 14px;
color: #1D4055;
display: flex;
align-items: center;
gap: 5px;
}
.contentboxsngl .comment-body {
font-size: 14px;
color: #444;
margin-bottom: 15px;
}
.contentboxsngl .comment-footer {
display: flex;
justify-content: flex-end;
align-items: center;
}
.contentboxsngl .comment-reply-link {
border: none;
padding: 6px 12px 6px 2px;
border-radius: 6px;
cursor: pointer;
color: #040404;
font-size: 13px;
font-family: 'YekanBakh';
background: transparent;
display: flex;
align-items: center;
font-weight: 800;
}
.contentboxsngl .comment-rating {
color: #d31a1a;
font-size: 20px;
}
@media (max-width: 600px) {
.contentboxsngl .container {
padding: 25px 20px;
}
}
.contentboxsngl .meta span:last-child {
margin-right: auto;
}
.contentboxsngl .meta span:first-child:before {
content: '';
position: relative;
display: inline-block;
width: 16px;
height: 16px;
background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 6.50784V11.8035C14 13.0146 13.0146 14 11.8035 14H2.19652C0.985359 14 0 13.0146 0 11.8035V2.19652C0 0.985359 0.985359 0 2.19652 0H7.49216C7.7338 0 7.92966 0.195863 7.92966 0.4375C7.92966 0.679137 7.7338 0.875 7.49216 0.875H2.19652C1.46784 0.875 0.875 1.46784 0.875 2.19652V11.8035C0.875 12.5322 1.46784 13.125 2.19652 13.125H11.8035C12.5322 13.125 13.125 12.5322 13.125 11.8035V6.50784C13.125 6.2662 13.3209 6.07034 13.5625 6.07034C13.8041 6.07034 14 6.2662 14 6.50784ZM6.81034 4.50901L10.9412 0.378137C11.185 0.134285 11.5101 0 11.8566 0C12.2031 0 12.5282 0.134285 12.772 0.378137L13.6219 1.22801C14.1267 1.73277 14.1267 2.55404 13.6219 3.05881L9.49099 7.18968C9.4407 7.23997 9.38109 7.27505 9.31782 7.29572L9.31793 7.29602L6.25012 8.30186C6.20545 8.31652 6.15948 8.32366 6.1139 8.32366C5.99966 8.32368 5.88785 8.27887 5.8045 8.1955C5.68786 8.07888 5.64673 7.90658 5.69814 7.74985L6.70398 4.68207L6.70428 4.68218C6.72498 4.61891 6.76006 4.5593 6.81034 4.50901ZM6.79886 7.20114L8.36897 6.68634L7.31363 5.63101L6.79886 7.20114ZM7.73839 4.81838L9.18162 6.26161L13.0032 2.4401C13.0817 2.36152 13.125 2.25613 13.125 2.14339C13.125 2.03066 13.0817 1.92527 13.0032 1.84669L12.1533 0.996816C11.9897 0.833246 11.7235 0.833246 11.5599 0.996816L7.73839 4.81838Z" fill="%2345474B"/></svg>');
background-size: 100%;
background-repeat: no-repeat;
}
.contentboxsngl .meta span:first-child:after {
content: '';
position: relative;
width: 2px;
height: 20px;
background: var(--color1);
margin-right: 7px;
}
.contentboxsngl h2 {
font-size: 25px;
}
.contentboxsngl h3 {font-size: 18px;}
.contentboxsngl h4 {font-size: 16px;}
.contentboxsngl h5 {font-size: 14px;}
.contentboxsngl h6 {font-size: 12px;}
.contentboxsngl li {
font-size: 14px;
line-height: 30px;
}
.contentboxsngl li:before {
content: '';
position: relative;
display: inline-block;
background: #040404;
width: 6px;
height: 6px;
border-radius: 6px;
margin-left: 8px;
}
.contentboxsngl .rating-box{display: flex;}
.contentboxsngl .rating-head{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
gap: 10px;
}
.contentboxsngl .rating-head h3{
margin: 0;
font-size: 16px;
color: #222;
}
.contentboxsngl .rating-summary{
font-size: 13px;
color: #666;
display: flex;
align-items: baseline;
gap: 6px;
}
.contentboxsngl .rating-summary strong{
font-size: 18px;
color: #d31a1a;
}
.contentboxsngl .stars{
border: 0;
margin: 0;
padding: 0px 0 2px;
display: inline-flex;
flex-direction: row-reverse;
gap: 6px;
position: relative;
top: 4px;
}
.contentboxsngl .stars input{
position: absolute;
inset: 0;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
.contentboxsngl .stars label{
cursor: pointer;
font-size: 24px;
line-height: 1;
color: #ddd;
transition: transform .15s ease, color .15s ease;
user-select: none;
}
.contentboxsngl .stars label:hover,
.contentboxsngl .stars label:hover ~ label{
color: var(--color1);
transform: translateY(-1px) scale(1.04);
}
.contentboxsngl .stars input:checked ~ label{
color: var(--color1);
}
.contentboxsngl .rating-status{
margin-top: 5px;
font-size: 13px;
color: #333;
min-height: 20px;
margin-right: 6px;
}
@media (max-width: 480px){
.contentboxsngl .stars label{ font-size: 26px; }
.contentboxsngl .rating-box{ padding: 16px 14px; }
}
.datapost {
background: #F8F8F8;
display: flex;
justify-content: space-between;
padding: 21px 20px 10px 20px;
border-radius: 10px;
margin-top: 25px;
}
.sharebox a:hover {
background: var(--color1);
}
.sharebox li:before {
display: none;
}
.contentboxsngl li a i {
display: inline-block;
filter: brightness(0) grayscale(1);
top: 9px;
position: relative;
width: 20px;
height: 20px;
}
.contentboxsngl .sharebox li {
display: inline-block !important;
position: relative;
bottom: 5px;
}
div#ratingBox span {
margin-left: 8px;
}
.contentboxsngl li > a {
background: #fff;
width: 40px;
height: 40px;
display: inline-block;
text-align: center;
border-radius: 7px;
border: 1px solid #E7E7E7;
}
.contentboxsngl li a:hover i {
filter: brightness(0) invert(1);
}
.form-row {
display: flex;
gap: 15px;
margin: 0 0 7px 0;
}
.contentboxsngl .comment-form:before {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #E0E0E0;
top: 26px;
z-index: 1;
}
.comment-form {
position: relative;
margin-top: 30px;
}
.comment-reply-link:after {
content: '';
position: relative;
display: inline-block;
width: 24px;
height: 24px;
background: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 22.1904H9C4 22.1904 2 20.2018 2 15.2305V9.26484C2 4.29348 4 2.30493 9 2.30493H15C20 2.30493 22 4.29348 22 9.26484V15.2305C22 20.2018 20 22.1904 15 22.1904Z" stroke="%23D7172E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 15.6086H13.92C15.62 15.6086 17 14.2365 17 12.5462C17 10.856 15.62 9.48389 13.92 9.48389H7.15" stroke="%23D7172E" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.56836 11.0248L6.99836 9.45383L8.56836 7.89282" stroke="%23D7172E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-size: 100%;
margin-right: 6px;
}
.contentboxsngl .comment-date:after {
content: '';
position: relative;
display: inline-block;
width: 20px;
height: 20px;
background: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.0404 3.9585H14.2487V2.37516C14.2487 2.1652 14.1653 1.96384 14.0168 1.81537C13.8684 1.6669 13.667 1.5835 13.457 1.5835C13.2471 1.5835 13.0457 1.6669 12.8972 1.81537C12.7488 1.96384 12.6654 2.1652 12.6654 2.37516V3.9585H6.33203V2.37516C6.33203 2.1652 6.24862 1.96384 6.10016 1.81537C5.95169 1.6669 5.75033 1.5835 5.54036 1.5835C5.3304 1.5835 5.12904 1.6669 4.98057 1.81537C4.83211 1.96384 4.7487 2.1652 4.7487 2.37516V3.9585H3.95703C3.32714 3.9585 2.72305 4.20872 2.27765 4.65412C1.83225 5.09952 1.58203 5.70361 1.58203 6.3335V7.12516H17.4154V6.3335C17.4154 5.70361 17.1651 5.09952 16.7197 4.65412C16.2743 4.20872 15.6703 3.9585 15.0404 3.9585Z" fill="%236D6E70"/><path d="M1.58203 15.0418C1.58203 15.6717 1.83225 16.2758 2.27765 16.7212C2.72305 17.1666 3.32714 17.4168 3.95703 17.4168H15.0404C15.6703 17.4168 16.2743 17.1666 16.7197 16.7212C17.1651 16.2758 17.4154 15.6717 17.4154 15.0418V8.7085H1.58203V15.0418Z" fill="%236D6E70"/></svg>');
background-size: 100%;
margin-right: 3px;
}
.comment-author:before {
content: '';
position: relative;
display: inline-block;
width: 24px;
height: 24px;
background: url('data:image/svg+xml,<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3664 14.2951C13.4451 14.2839 13.5464 14.2839 13.6364 14.2951C15.6164 14.228 17.1914 12.6172 17.1914 10.6374C17.1914 8.61278 15.5489 6.96851 13.5014 6.96851C11.4651 6.96851 9.81137 8.61278 9.81137 10.6374C9.82262 12.6172 11.3864 14.228 13.3664 14.2951Z" stroke="%236D6E70" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.91704 21.6776C7.91954 23.5008 10.5745 24.6082 13.4995 24.6082C16.4245 24.6082 19.0795 23.5008 21.082 21.6776C20.9695 20.6262 20.2945 19.5971 19.0908 18.7917C16.0083 16.7559 10.9683 16.7559 7.90829 18.7917C6.70454 19.5971 6.02954 20.6262 5.91704 21.6776Z" stroke="%236D6E70" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.5 24.6082C7.28685 24.6082 2.25 19.6002 2.25 13.4226C2.25 7.245 7.28685 2.23706 13.5 2.23706C19.7132 2.23706 24.75 7.245 24.75 13.4226C24.75 19.6002 19.7132 24.6082 13.5 24.6082Z" stroke="%236D6E70" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-size: 100%;
margin-right: 3px;
}
.cat span {
background: #F8F8F8;
border-radius: 50px;
border: 1px solid #E6E6E6;
font-size: 12px;
display: inline-flex;
position: relative;
transition: 0.5s;
}
.cat {
text-align: left;
padding: 0 15px;
}
.cat span a:before {
content: '';
position: relative;
display: inline-block;
width: 22px;
height: 22px;
background: url('data:image/svg+xml,<svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.37143 7.96875H3.16436C2.68616 7.96875 2.22756 7.80084 1.88942 7.50195C1.55129 7.20307 1.36133 6.79769 1.36133 6.375V2.65625C1.36133 2.23356 1.55129 1.82819 1.88942 1.5293C2.22756 1.23041 2.68616 1.0625 3.16436 1.0625H7.37143C7.84962 1.0625 8.30823 1.23041 8.64636 1.5293C8.9845 1.82819 9.17446 2.23356 9.17446 2.65625V6.375C9.17446 6.79769 8.9845 7.20307 8.64636 7.50195C8.30823 7.80084 7.84962 7.96875 7.37143 7.96875ZM3.16436 2.125C3.00496 2.125 2.85209 2.18097 2.73938 2.2806C2.62667 2.38023 2.56335 2.51536 2.56335 2.65625V6.375C2.56335 6.5159 2.62667 6.65102 2.73938 6.75065C2.85209 6.85028 3.00496 6.90625 3.16436 6.90625H7.37143C7.53083 6.90625 7.6837 6.85028 7.79641 6.75065C7.90912 6.65102 7.97244 6.5159 7.97244 6.375V2.65625C7.97244 2.51536 7.90912 2.38023 7.79641 2.2806C7.6837 2.18097 7.53083 2.125 7.37143 2.125H3.16436ZM14.283 7.96875C13.5104 7.96875 12.7551 7.76623 12.1127 7.3868C11.4702 7.00736 10.9695 6.46806 10.6738 5.83708C10.3782 5.2061 10.3008 4.5118 10.4515 3.84196C10.6023 3.17211 10.9743 2.55683 11.5207 2.0739C12.067 1.59097 12.7631 1.26209 13.5209 1.12885C14.2787 0.995613 15.0642 1.064 15.778 1.32536C16.4919 1.58671 17.102 2.02931 17.5312 2.59717C17.9605 3.16504 18.1896 3.83266 18.1896 4.51563C18.1883 5.43111 17.7763 6.30877 17.044 6.95611C16.3116 7.60346 15.3187 7.96763 14.283 7.96875ZM14.283 2.125C13.7481 2.125 13.2252 2.26521 12.7805 2.52789C12.3357 2.79058 11.9891 3.16394 11.7844 3.60077C11.5797 4.0376 11.5261 4.51828 11.6305 4.98201C11.7348 5.44575 11.9924 5.87172 12.3706 6.20605C12.7489 6.54039 13.2308 6.76807 13.7554 6.86032C14.28 6.95256 14.8238 6.90522 15.318 6.72428C15.8122 6.54334 16.2346 6.23692 16.5318 5.84379C16.829 5.45065 16.9876 4.98845 16.9876 4.51563C16.9868 3.88181 16.7016 3.27415 16.1946 2.82598C15.6875 2.3778 15.0001 2.1257 14.283 2.125ZM16.3866 15.9375H12.1795C11.7013 15.9375 11.2427 15.7696 10.9046 15.4707C10.5664 15.1718 10.3765 14.7664 10.3765 14.3438V10.625C10.3765 10.2023 10.5664 9.79694 10.9046 9.49805C11.2427 9.19916 11.7013 9.03125 12.1795 9.03125H16.3866C16.8648 9.03125 17.3234 9.19916 17.6615 9.49805C17.9996 9.79694 18.1896 10.2023 18.1896 10.625V14.3438C18.1896 14.7664 17.9996 15.1718 17.6615 15.4707C17.3234 15.7696 16.8648 15.9375 16.3866 15.9375ZM12.1795 10.0938C12.0201 10.0938 11.8672 10.1497 11.7545 10.2494C11.6418 10.349 11.5785 10.4841 11.5785 10.625V14.3438C11.5785 14.4846 11.6418 14.6198 11.7545 14.7194C11.8672 14.819 12.0201 14.875 12.1795 14.875H16.3866C16.546 14.875 16.6988 14.819 16.8116 14.7194C16.9243 14.6198 16.9876 14.4846 16.9876 14.3438V10.625C16.9876 10.4841 16.9243 10.349 16.8116 10.2494C16.6988 10.1497 16.546 10.0938 16.3866 10.0938H12.1795ZM7.37143 15.9375H3.16436C2.68616 15.9375 2.22756 15.7696 1.88942 15.4707C1.55129 15.1718 1.36133 14.7664 1.36133 14.3438V10.625C1.36133 10.2023 1.55129 9.79694 1.88942 9.49805C2.22756 9.19916 2.68616 9.03125 3.16436 9.03125H7.37143C7.84962 9.03125 8.30823 9.19916 8.64636 9.49805C8.9845 9.79694 9.17446 10.2023 9.17446 10.625V14.3438C9.17446 14.7664 8.9845 15.1718 8.64636 15.4707C8.30823 15.7696 7.84962 15.9375 7.37143 15.9375ZM3.16436 10.0938C3.00496 10.0938 2.85209 10.1497 2.73938 10.2494C2.62667 10.349 2.56335 10.4841 2.56335 10.625V14.3438C2.56335 14.4846 2.62667 14.6198 2.73938 14.7194C2.85209 14.819 3.00496 14.875 3.16436 14.875H7.37143C7.53083 14.875 7.6837 14.819 7.79641 14.7194C7.90912 14.6198 7.97244 14.4846 7.97244 14.3438V10.625C7.97244 10.4841 7.90912 10.349 7.79641 10.2494C7.6837 10.1497 7.53083 10.0938 7.37143 10.0938H3.16436Z" fill="%2345474B"/></svg>');
margin-left: 7px;
background-size: 100%;
background-repeat: no-repeat;
transition: 0.5s;
}
@media (min-width: 993px) {
.sidebar {
position: static;
width: 100%;
max-width: 350px;
height: auto;
box-shadow: none;
border-radius: 12px;
}
.sidebar-header {
display: none;
}
.sidebar-overlay {
display: none;
}
.sidebar-toggle {
display: none;
}
}
.titlepage h1 {
text-align: center;
font-size: 28px;
position: relative;
margin-bottom: 40px;
font-weight: 700;
}
.titlepage h1:before {
content: "";
width: 7px;
height: 34px;
position: absolute;
background: url(assets/images/tptitle.svg);
background-repeat: no-repeat;
background-position: center;
left: 0;
right: 0;
margin: 0 auto;
top: -30px;
background-size: 100%;
}
.contact-form {
padding: 40px 10px 45px 25px;
}
.contact-form-box h3 {
font-size: 20px;
font-weight: 700;
margin-bottom: 25px;
font-weight: 800;
}
.contact-form-box form {
display: flex!important;
flex-direction: column!important;
gap: 8px!important;
}
.contact-form-box .form-group {
display: flex!important;
flex-direction: column!important;
gap: 6px!important;
}
.gform-footer.gform_footer.top_label {
margin: 0;
}
.gform_fields {
gap: 14px !important;
}
.contact-form-box label {
font-size: 13px!important;
font-weight: 600!important;
color: #333!important;
}
.contact-form-box input[type="submit"] {
align-self: flex-end !important;
background: #d31a1a !important;
color: #fff !important;
padding: 10px 23px !important;
border-radius: 10px !important;
font-size: 13px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: background 0.3s ease !important;
font-family: 'YekanBakh' !important;
display: flex !important;
align-items: center !important;
margin-top: 10px !important;
border: 1px solid var(--color1) !important;
}
.contact-form-box input[type="submit"]:hover{
background: transparent !important;
color: var(--color1) !important;
}
.contact-form-box input,
.contact-form-box textarea {
background: #fff !important;
border: 1px solid #ddd !important;
border-radius: 10px !important;
padding: 0px 14px !important;
font-size: 12px !important;
transition: border-color 0.2s ease !important;
outline: none !important;
font-family: 'YekanBakh' !important;
height: auto !important;
box-shadow: none !important;
}
.contact-form-box input:focus,
.contact-form-box textarea:focus {
border-color: #d31a1a !important;
}
.contact-form-box textarea {
resize: none;
height: 100px !important;
padding-top: 10px !important;
}
.contact-infodata {
background-image: url(assets/images/contact.png);
color: #fff;
border-radius: 26px;
padding: 25px 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
top: 25px;
overflow: hidden;
background-size: 100%;
}
.contact-infodata h3 {
font-size: 18px;
margin-bottom: 25px;
width: 100%;
position: relative;
font-weight: 800;
}
.contact-infodata ul {
list-style: none;
padding: 0;
margin: 0 0 -5px;
width: 100%;
position: relative;
}
.contact-infodata li {
margin-bottom: 8px;
font-size: 14px;
line-height: 1.8;
display: flex;
justify-content: space-between;
border-bottom: 1px dashed #DF7176;
padding-bottom: 10px;
margin-bottom: 15px;
padding-right: 35px;
padding-left: 10px;
}
.contact-infodata strong {
font-weight: bold;
}
.map-box {
width: 100%;
border-radius: 12px;
overflow: hidden;
border: 2px solid rgba(255,255,255,0.2);
position: relative;
height: 156px;
}
.map-box img {
width: 100%;
display: block;
}
@media (max-width: 992px) {
.contact-container {
grid-template-columns: 1fr;
}
.contact-infodata {
order: -1;
}
.contact-form button {
align-self: center;
}
}
.contact-form:before {content: '';position: absolute;width: 140%;height: 100%;background: red;left: 0;top: 0;background: #F8F8F8;border-radius: 15px;border: 1px solid #E9E9E9;z-index: -1;}
.contact-form-box button:after {
content: '';
position: relative;
display: inline-block;
width: 18px;
height: 18px;
background: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_102_7314)"><path d="M17.8806 1.11416C17.4136 0.647715 16.7674 0.380005 16.0577 0.380005C15.8028 0.380005 15.5518 0.422375 15.3118 0.505595L1.72242 5.20942C0.919293 5.48739 0.379883 6.24511 0.379883 7.11227C0.379883 8.10806 1.12411 8.95813 2.11154 9.0898L8.9922 10.0075L9.91009 16.8887C10.0416 17.8756 10.8914 18.62 11.9051 18.62C12.7546 18.62 13.5121 18.0806 13.7905 17.2777L18.4941 3.68847C18.5775 3.44812 18.6199 3.19713 18.6199 2.89276C18.6199 2.22281 18.3588 1.59296 17.8806 1.11416ZM17.417 3.31512L12.7128 16.9047C12.5937 17.2488 12.2691 17.48 11.8872 17.48C11.4603 17.48 11.0963 17.161 11.04 16.7381L10.1221 9.85682C10.1159 9.8097 10.0933 9.76942 10.0815 9.72439L13.8929 5.91299C14.1156 5.69031 14.1156 5.32969 13.8929 5.10701C13.6702 4.88433 13.3096 4.88433 13.0869 5.10701L9.27568 8.91822C9.23065 8.90644 9.19018 8.88383 9.14306 8.87756L2.26183 7.95987C1.83889 7.90324 1.51988 7.53901 1.51988 7.09479C1.51988 6.73075 1.75149 6.40604 2.09539 6.28654L15.6848 1.5827C15.805 1.54109 15.9302 1.52 16.1071 1.52C16.4674 1.52 16.8196 1.66611 17.079 1.92584C17.3374 2.18386 17.4799 2.52719 17.4799 2.94253C17.4799 3.06964 17.4588 3.19523 17.417 3.31512ZM2.08988 14.63C1.94396 14.63 1.79823 14.5743 1.68689 14.463C1.46421 14.2403 1.46421 13.8797 1.68689 13.657L3.96689 11.377C4.18957 11.1543 4.55019 11.1543 4.77287 11.377C4.99555 11.5997 4.99555 11.9603 4.77287 12.183L2.49287 14.463C2.38153 14.5743 2.2358 14.63 2.08988 14.63ZM4.93988 17.48C4.79396 17.48 4.64823 17.4243 4.53689 17.313C4.31421 17.0903 4.31421 16.7297 4.53689 16.507L6.81689 14.227C7.03957 14.0043 7.40019 14.0043 7.62287 14.227C7.84555 14.4497 7.84555 14.8103 7.62287 15.033L5.34287 17.313C5.23153 17.4243 5.0858 17.48 4.93988 17.48Z" fill="white"/></g><defs><clipPath id="clip0_102_7314"><rect width="19" height="19" fill="white"/></clipPath></defs></svg>');
background-repeat: no-repeat;
background-size: 100%;
margin-right: 8px;
}
.contact-infodata:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: var(--color1);
top: 0;
opacity: 0.9;
border-radius: 26px;
left: 0px;
}
.contact-infodata li:last-child {
border: none;
}
.contact-infodata li:before {
content: '';
position: absolute;
width: 23px;
height: 23px;
background: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10.5" cy="10.5" r="10.5" fill="white"/><path d="M14.3872 5.61043C13.3487 4.57192 11.968 4 10.4993 4C9.03068 4 7.64988 4.57192 6.61141 5.61043C5.5729 6.64896 5.00098 8.0297 5.00098 9.49833C5.00098 12.4693 7.81015 14.9405 9.31935 16.2681C9.52907 16.4526 9.71018 16.6119 9.85448 16.7467C10.0353 16.9155 10.2673 17 10.4993 17C10.7313 17 10.9633 16.9155 11.1441 16.7467C11.2884 16.6119 11.4696 16.4526 11.6793 16.2681C13.1885 14.9405 15.9977 12.4693 15.9977 9.49833C15.9976 8.0297 15.4257 6.64896 14.3872 5.61043ZM11.1763 15.6963C10.962 15.8848 10.7769 16.0477 10.6243 16.1902C10.5542 16.2556 10.4444 16.2556 10.3743 16.1902C10.2217 16.0476 10.0366 15.8848 9.82228 15.6963C8.40345 14.4482 5.76244 12.125 5.76244 9.49835C5.76244 6.88646 7.88736 4.76154 10.4993 4.76154C13.1112 4.76154 15.2361 6.88646 15.2361 9.49835C15.2361 12.125 12.5951 14.4482 11.1763 15.6963Z" fill="%23040404"/><path d="M10.5002 6.86761C9.16412 6.86761 8.07715 7.95456 8.07715 9.29065C8.07715 10.6267 9.16412 11.7137 10.5002 11.7137C11.8363 11.7137 12.9232 10.6267 12.9232 9.29065C12.9232 7.95456 11.8363 6.86761 10.5002 6.86761ZM10.5002 10.9521C9.58403 10.9521 8.83867 10.2068 8.83867 9.29062C8.83867 8.37448 9.58403 7.62911 10.5002 7.62911C11.4164 7.62911 12.1617 8.37448 12.1617 9.29062C12.1617 10.2068 11.4164 10.9521 10.5002 10.9521Z" fill="%23040404"/></svg>');
background-size: 100% !important;
right: 5px;
}
.contact-infodata li:nth-child(3):before , .contact-infodata li:nth-child(5):before {
background: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10.5" cy="10.5" r="10.5" fill="white"/><g clip-path="url(%23clip0_2293_3)"><path d="M11.1011 7.09133C10.9224 7.39677 10.8684 7.72045 10.9476 8.02574C11.0261 8.32857 11.2277 8.58412 11.5328 8.76615L12.4851 9.33635C12.4683 9.4096 12.454 9.48218 12.439 9.55231C12.4191 9.65282 12.4003 9.74774 12.3759 9.83101C12.1169 10.6838 11.7049 11.5077 11.1144 12.352C10.8177 12.764 10.5544 13.0585 10.2717 13.2978C10.0407 13.1454 9.80634 13.0097 9.5804 12.877C9.49581 12.8265 9.40884 12.7767 9.32425 12.7263C8.68984 12.3478 8.04178 12.5272 7.6755 13.1828L7.19934 14.035C7.14527 14.1318 7.08946 14.2317 7.03237 14.3266C6.92295 14.5153 6.81068 14.7126 6.70923 14.9122C6.54242 15.2144 6.49497 15.5336 6.57285 15.834C6.65074 16.1343 6.84758 16.3912 7.14015 16.5741C7.14318 16.5759 7.14318 16.5759 7.1462 16.5777L8.18049 17.1885C8.56717 17.4192 8.98546 17.496 9.42693 17.416C10.138 17.2824 10.7311 16.8913 11.1131 16.6113C12.0509 15.9242 12.8613 15.0612 13.6649 13.8861C14.6314 12.4628 15.2789 10.8928 15.5879 9.21873C15.7008 8.58056 15.8122 7.73962 15.6456 6.88064C15.6346 6.82828 15.6229 6.77345 15.6101 6.72421C15.4627 6.15549 15.1411 5.73261 14.6509 5.46724C14.6455 5.46609 14.6418 5.46183 14.6364 5.46069C14.4531 5.37422 14.279 5.2641 14.0935 5.14924C13.9683 5.07042 13.8378 4.99046 13.7031 4.91428C13.3945 4.73849 13.0754 4.68963 12.7823 4.77077C12.4869 4.85257 12.2372 5.06156 12.0634 5.3762L11.1011 7.09133ZM13.3814 5.51527C13.3821 5.51773 13.3844 5.51707 13.3814 5.51527C13.5064 5.58358 13.6225 5.65699 13.75 5.73515C13.9392 5.85428 14.1362 5.9739 14.3497 6.07838C14.6715 6.2558 14.869 6.51513 14.9686 6.89921C14.9782 6.93614 14.9884 6.97553 14.9956 7.01312C15.1399 7.75687 15.0397 8.51291 14.936 9.08786C14.6445 10.6621 14.035 12.1423 13.124 13.4844C12.3625 14.5951 11.6027 15.4071 10.727 16.048C10.1931 16.4412 9.75256 16.6529 9.30697 16.7367C9.02182 16.7893 8.76198 16.7425 8.51124 16.5929L7.48108 15.9783C7.3402 15.888 7.24744 15.7765 7.21488 15.6509C7.17466 15.4958 7.23264 15.3452 7.28845 15.2453C7.29019 15.2422 7.29194 15.239 7.29368 15.2359C7.39055 15.0481 7.49409 14.8664 7.60525 14.6747C7.6617 14.5772 7.71752 14.4773 7.77571 14.3768L8.25187 13.5246C8.43676 13.1937 8.67025 13.129 8.99048 13.3201C9.07809 13.3723 9.16506 13.4221 9.25028 13.4751C9.50881 13.6251 9.75049 13.7693 9.99188 13.9321C9.99792 13.9357 10.0016 13.9399 10.007 13.9411C10.2668 14.0961 10.4567 14.0013 10.581 13.9193C10.5875 13.9149 10.594 13.9105 10.6006 13.906C10.965 13.6178 11.2872 13.2647 11.65 12.7631L11.6517 12.76C12.2856 11.8562 12.7312 10.9649 13.0099 10.0407C13.0457 9.92262 13.0689 9.80536 13.091 9.69369C13.111 9.59318 13.1297 9.49826 13.1541 9.41499C13.1563 9.40382 13.1609 9.39199 13.1631 9.38082C13.1819 9.2859 13.1806 9.20184 13.1595 9.12059C13.1065 8.91625 12.9494 8.82253 12.8981 8.79189L11.8649 8.17549C11.7622 8.11422 11.63 8.00831 11.5898 7.85321C11.5502 7.70056 11.6106 7.54927 11.6718 7.45052C11.6735 7.4474 11.6735 7.4474 11.6753 7.44428L12.6363 5.72422C12.8136 5.40334 13.0638 5.33407 13.3814 5.51527Z" fill="%23040404"/><path d="M7.54858 11.199C7.48615 10.5249 7.62965 9.85717 7.96104 9.26405C8.29243 8.67093 8.78097 8.21109 9.37648 7.92746C9.5267 7.85684 9.59991 7.68616 9.55842 7.52613C9.55331 7.50643 9.54646 7.48986 9.53897 7.47082C9.46313 7.29655 9.26507 7.22209 9.09642 7.30045C8.37561 7.64252 7.78281 8.20247 7.38339 8.91734C6.98397 9.63221 6.81109 10.4427 6.8848 11.2588C6.90346 11.4489 7.06425 11.5864 7.24648 11.5703C7.42871 11.5541 7.56723 11.3891 7.54858 11.199Z" fill="%23040404"/><path d="M8.45679 5.21629C7.2699 5.77977 6.29522 6.69878 5.63592 7.87879C4.97662 9.05879 4.69375 10.3905 4.81495 11.7344C4.83058 11.9227 4.99376 12.0596 5.17599 12.0435C5.35996 12.0242 5.49308 11.858 5.47681 11.6673C5.36754 10.4678 5.62276 9.2757 6.20991 8.22123C6.79944 7.16609 7.67159 6.34408 8.73145 5.84216C8.88167 5.77154 8.95488 5.60086 8.91339 5.44083C8.90828 5.42113 8.90143 5.40456 8.89394 5.38552C8.82113 5.21305 8.62242 5.13613 8.45679 5.21629Z" fill="%23040404"/></g><defs><clipPath id="clip0_2293_3"><rect width="12.051" height="11.7136" fill="white" transform="matrix(-0.251004 -0.967986 0.96374 -0.266841 6.49805 18.2466)"/></clipPath></defs></svg>');
}
.contact-infodata li:nth-child(4):before {
background: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10.5" cy="10.5" r="10.5" fill="white"/><path d="M16.5328 15.3364H14.9835C14.911 15.3364 14.8414 15.3076 14.7901 15.2563C14.7389 15.2051 14.7101 15.1355 14.7101 15.063C14.7101 14.9905 14.7389 14.9209 14.7901 14.8696C14.8414 14.8184 14.911 14.7896 14.9835 14.7896H16.5328C16.6699 14.7894 16.8013 14.7349 16.8982 14.638C16.9952 14.541 17.0497 14.4096 17.0498 14.2725V9.52972C17.0497 9.39264 16.9952 9.26123 16.8982 9.1643C16.8013 9.06738 16.6699 9.01285 16.5328 9.0127H5.46625C5.32918 9.01285 5.19776 9.06737 5.10083 9.1643C5.0039 9.26122 4.94938 9.39264 4.94922 9.52972V14.2725C4.94938 14.4096 5.0039 14.541 5.10083 14.638C5.19776 14.7349 5.32918 14.7894 5.46625 14.7896H7.01557C7.08809 14.7896 7.15764 14.8184 7.20892 14.8696C7.2602 14.9209 7.28901 14.9905 7.28901 15.063C7.28901 15.1355 7.2602 15.2051 7.20892 15.2563C7.15764 15.3076 7.08809 15.3364 7.01557 15.3364H5.46625C5.18419 15.3361 4.91376 15.2239 4.71431 15.0245C4.51486 14.825 4.40267 14.5546 4.40234 14.2725V9.52972C4.40267 9.24765 4.51486 8.97723 4.71431 8.77778C4.91376 8.57833 5.18419 8.46614 5.46625 8.46582H16.5328C16.8149 8.46614 17.0853 8.57833 17.2848 8.77778C17.4842 8.97723 17.5964 9.24765 17.5967 9.52972V14.2725C17.5964 14.5546 17.4842 14.825 17.2848 15.0245C17.0853 15.2239 16.8149 15.3361 16.5328 15.3364Z" fill="%23040404"/><path d="M7.01562 9.01271C6.9431 9.01271 6.87355 8.9839 6.82228 8.93262C6.771 8.88134 6.74219 8.81179 6.74219 8.73927V6.4311C6.74251 6.14903 6.8547 5.8786 7.05416 5.67915C7.25361 5.47969 7.52404 5.3675 7.80611 5.36719H13.2445C13.317 5.36719 13.3866 5.396 13.4379 5.44728C13.4892 5.49855 13.518 5.5681 13.518 5.64062C13.518 5.71315 13.4892 5.7827 13.4379 5.83397C13.3866 5.88525 13.317 5.91406 13.2445 5.91406H7.80611C7.66903 5.91422 7.53761 5.96874 7.44068 6.06567C7.34375 6.1626 7.28923 6.29402 7.28908 6.4311V8.73927C7.28908 8.77518 7.282 8.81073 7.26826 8.84391C7.25452 8.87709 7.23438 8.90723 7.20898 8.93262C7.18359 8.95801 7.15345 8.97815 7.12027 8.9919C7.08709 9.00564 7.05153 9.01271 7.01562 9.01271Z" fill="%23040404"/><path d="M14.9844 9.01269C14.9119 9.01269 14.8423 8.98389 14.791 8.93261C14.7397 8.88133 14.7109 8.81178 14.7109 8.73926V7.37964C14.7109 7.30712 14.7397 7.23757 14.791 7.18629C14.8423 7.13501 14.9119 7.1062 14.9844 7.1062C15.0569 7.1062 15.1264 7.13501 15.1777 7.18629C15.229 7.23757 15.2578 7.30712 15.2578 7.37964V8.73926C15.2578 8.81178 15.229 8.88133 15.1777 8.93261C15.1264 8.98389 15.0569 9.01269 14.9844 9.01269Z" fill="%23040404"/><path d="M14.1931 16.6328H7.8061C7.52403 16.6325 7.25361 16.5203 7.05415 16.3208C6.8547 16.1214 6.74251 15.851 6.74219 15.5689V12.5335C6.74219 12.461 6.771 12.3914 6.82228 12.3402C6.87355 12.2889 6.9431 12.2601 7.01563 12.2601C7.08815 12.2601 7.1577 12.2889 7.20897 12.3402C7.26025 12.3914 7.28906 12.461 7.28906 12.5335V15.5689C7.28922 15.706 7.34374 15.8374 7.44067 15.9343C7.5376 16.0313 7.66902 16.0858 7.8061 16.0859H14.1931C14.3302 16.0858 14.4616 16.0312 14.5585 15.9343C14.6554 15.8374 14.7099 15.706 14.7101 15.5689V12.5335C14.7101 12.461 14.7389 12.3914 14.7902 12.3402C14.8415 12.2889 14.911 12.2601 14.9835 12.2601C15.0561 12.2601 15.1256 12.2889 15.1769 12.3402C15.2282 12.3914 15.257 12.461 15.257 12.5335V15.5689C15.2567 15.851 15.1445 16.1214 14.945 16.3208C14.7456 16.5203 14.4751 16.6325 14.1931 16.6328Z" fill="%23040404"/><path d="M14.9841 7.65309H13.8775C13.6373 7.65282 13.4071 7.5573 13.2373 7.38749C13.0675 7.21768 12.972 6.98744 12.9717 6.74729V5.64063C12.9717 5.5681 13.0005 5.49855 13.0518 5.44728C13.103 5.396 13.1726 5.36719 13.2451 5.36719C13.3176 5.36719 13.3872 5.396 13.4385 5.44728C13.4897 5.49855 13.5186 5.5681 13.5186 5.64063V6.74729C13.5187 6.84245 13.5565 6.93368 13.6238 7.00097C13.6911 7.06826 13.7823 7.10611 13.8775 7.10621H14.9841C15.0567 7.10621 15.1262 7.13502 15.1775 7.1863C15.2288 7.23758 15.2576 7.30713 15.2576 7.37965C15.2576 7.45217 15.2288 7.52172 15.1775 7.573C15.1262 7.62428 15.0567 7.65309 14.9841 7.65309Z" fill="%23040404"/><path d="M14.9841 7.6531C14.9482 7.65314 14.9127 7.64609 14.8795 7.63235C14.8463 7.61861 14.8162 7.59844 14.7908 7.57301L13.0518 5.83399C13.0005 5.78271 12.9717 5.71316 12.9717 5.64063C12.9717 5.56811 13.0005 5.49856 13.0518 5.44728C13.1031 5.396 13.1726 5.36719 13.2451 5.36719C13.3176 5.36719 13.3872 5.396 13.4385 5.44728L15.1775 7.1863C15.2157 7.22454 15.2418 7.27327 15.2523 7.32631C15.2629 7.37935 15.2575 7.43433 15.2368 7.4843C15.2161 7.53427 15.181 7.57697 15.1361 7.60702C15.0911 7.63706 15.0382 7.6531 14.9841 7.6531Z" fill="%23040404"/><path d="M15.7114 12.8069H6.28906C6.21654 12.8069 6.14699 12.7781 6.09571 12.7269C6.04443 12.6756 6.01562 12.606 6.01562 12.5335C6.01562 12.461 6.04443 12.3914 6.09571 12.3402C6.14699 12.2889 6.21654 12.2601 6.28906 12.2601H15.7114C15.784 12.2601 15.8535 12.2889 15.9048 12.3402C15.9561 12.3914 15.9849 12.461 15.9849 12.5335C15.9849 12.606 15.9561 12.6756 15.9048 12.7269C15.8535 12.7781 15.784 12.8069 15.7114 12.8069Z" fill="%23040404"/><path d="M13.6297 14.1191H8.37012C8.2976 14.1191 8.22805 14.0903 8.17677 14.039C8.12549 13.9877 8.09668 13.9182 8.09668 13.8456C8.09668 13.7731 8.12549 13.7036 8.17677 13.6523C8.22805 13.601 8.2976 13.5722 8.37012 13.5722H13.6297C13.7023 13.5722 13.7718 13.601 13.8231 13.6523C13.8744 13.7036 13.9032 13.7731 13.9032 13.8456C13.9032 13.9182 13.8744 13.9877 13.8231 14.039C13.7718 14.0903 13.7023 14.1191 13.6297 14.1191Z" fill="%23040404"/><path d="M13.6297 15.3206H8.37012C8.2976 15.3206 8.22805 15.2918 8.17677 15.2405C8.12549 15.1893 8.09668 15.1197 8.09668 15.0472C8.09668 14.9747 8.12549 14.9051 8.17677 14.8538C8.22805 14.8026 8.2976 14.7737 8.37012 14.7737H13.6297C13.7023 14.7737 13.7718 14.8026 13.8231 14.8538C13.8744 14.9051 13.9032 14.9747 13.9032 15.0472C13.9032 15.1197 13.8744 15.1893 13.8231 15.2405C13.7718 15.2918 13.7023 15.3206 13.6297 15.3206Z" fill="%23040404"/><path d="M15.5528 11.2893C15.3987 11.2893 15.248 11.2436 15.1198 11.1579C14.9916 11.0723 14.8918 10.9506 14.8328 10.8082C14.7738 10.6658 14.7583 10.5091 14.7884 10.3579C14.8185 10.2067 14.8927 10.0679 15.0017 9.95886C15.1107 9.84986 15.2496 9.77564 15.4007 9.74557C15.5519 9.71549 15.7086 9.73093 15.851 9.78991C15.9934 9.8489 16.1151 9.94879 16.2008 10.077C16.2864 10.2051 16.3321 10.3558 16.3321 10.5099C16.3319 10.7165 16.2497 10.9146 16.1036 11.0607C15.9575 11.2068 15.7594 11.289 15.5528 11.2893ZM15.5528 10.2775C15.5068 10.2775 15.4619 10.2911 15.4236 10.3166C15.3854 10.3422 15.3556 10.3785 15.338 10.421C15.3204 10.4634 15.3158 10.5102 15.3248 10.5553C15.3337 10.6004 15.3559 10.6418 15.3884 10.6743C15.4209 10.7068 15.4623 10.729 15.5074 10.7379C15.5525 10.7469 15.5993 10.7423 15.6417 10.7247C15.6842 10.7071 15.7205 10.6773 15.7461 10.6391C15.7716 10.6009 15.7852 10.5559 15.7852 10.5099C15.7852 10.4483 15.7607 10.3892 15.7171 10.3456C15.6735 10.3021 15.6144 10.2775 15.5528 10.2775Z" fill="%23040404"/></svg>')
}
.contact-infodata li:nth-child(6):before {
background: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10.5" cy="10.5" r="10.5" fill="white"/><g clip-path="url(%23clip0_2293_5)"><path d="M14.4482 7.17432L10.4847 11.0352C10.1846 11.3275 9.70989 11.3275 9.40979 11.0352L5.44629 7.17432" stroke="%23040404" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.10227 11.4349L5.44727 13.8274" stroke="%23040404" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.0046 15.0343C15.4543 14.8647 15.7529 14.4054 15.7529 13.8649V7.13667C15.7529 6.45189 15.2366 5.89587 14.5781 5.89587H5.42408C4.76543 5.89587 4.25293 6.45195 4.25293 7.13667V13.865C4.25293 14.5497 4.76543 15.1042 5.42408 15.1042H8.74038" stroke="%23040404" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.7714 14.6206V13.9723C12.7714 13.9723 12.8327 12.703 11.3164 13.2837" stroke="%23040404" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.7714 14.1631C12.7714 14.1631 11.0396 13.6383 11.1479 14.7106C11.2551 15.7725 12.7178 15.2275 12.7714 14.6207C12.7714 14.6207 12.7164 15.3129 13.3054 15.3129C13.8943 15.3129 14.2375 14.6762 14.1742 13.9628C14.0502 12.7887 13.1234 11.877 11.9984 11.877C10.789 11.877 9.80859 12.9307 9.80859 14.2304C9.80859 15.5302 10.789 16.5839 11.9984 16.5839C12.4824 16.5839 12.9296 16.4152 13.2921 16.1295" stroke="%23040404" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_2293_5"><rect width="12" height="13" fill="white" transform="translate(4 4)"/></clipPath></defs></svg>')
}
.product-tabs {
direction: rtl;
text-align: center;
}
.product-tabs h2 {
font-size: 22px;
margin-bottom: 25px;
}
.main-tabs {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 30px;
flex-wrap: wrap;
flex-direction: row-reverse;
align-items: center;
}
.tab-btn {
background: #F8F8F8;
color: #000000;
font-weight: 600;
padding: 35px 75px;
border-radius: 20px;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
font-size: 17px;
line-height: 27px;
box-sizing: border-box;
border: 1px solid transparent;
background-clip: padding-box;
max-width: 310px;
}
.tab-btn.active {
background: var(--color1);
color: #fff;
}
.tab-content {
background: #fff;
border-radius: 20px;
padding: 30px;
width: 100%;
margin: 0 auto;
border: 1px solid #D9D9D9;
}
.tab-panel {
display: none;
animation: fadeIn 0.4s ease;
}
.tab-panel.active {
display: flex;
flex-direction: row-reverse;
gap: 20px;
}
@keyframes fadeIn {
from {opacity: 0; transform: translateY(10px);}
to {opacity: 1; transform: translateY(0);}
}
.sub-tabs {
display: flex;
justify-content: center;
gap: 10px;
margin-bottom: 25px;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
}
.sub-btn {
border: 1px solid #ddd;
background: #fff;
padding: 15px 20px;
border-radius: 42px;
cursor: pointer;
transition: all 0.3s ease;
color: #333;
font-size: 14px;
width: 100%;
text-align: left;
position: relative;
}
.sub-btn.active {
border-color: #d31a1a;
color: #d31a1a;
}
.product-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
gap: 10px;
direction: ltr;
}
.product-item {
background: #ffffff;
border: 1px solid #eee;
border-radius: 10px;
font-size: 13px;
color: #444;
transition: all 0.3s ease;
cursor: pointer;
}
.product-item:hover,
.product-item.active {
border: 1px solid var(--color1);
color: var(--color1);
}
@media (max-width: 768px) {
.main-tabs {flex-direction: column;align-items: center;}
}
.sub-content {
display: none;
}
.sub-content.active {
display: block;
}
.tab-btn span {
display: block;
position: relative;
width: 70%;
margin: 0 auto;
}
button.tab-btn:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(assets/images/bgbtnprt.svg);
right: 0;
bottom: 0;
background-position: right bottom;
background-repeat: no-repeat;
background-size: 180px;
z-index: 0;
}
button.tab-btn:after {
content: '';
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
background: linear-gradient(to bottom, #ffffff 20%, var(--color1));
z-index: -1;
border-radius: 20px;
transition: 0.5s;
}
.sub-tabs {
width: 25%;
}
.sub-contents {
width: 75%;
background: #f8f8f8;
padding: 15px;
border-radius: 15px;
}
button.sub-btn:before {
content: '';
position: absolute;
width: 7px;
height: 14px;
background: url('data:image/svg+xml,<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.53043 5.46967C6.82332 5.76256 6.82332 6.23744 6.53043 6.53033L1.75746 11.3033C1.46457 11.5962 0.989692 11.5962 0.696799 11.3033C0.403906 11.0104 0.403906 10.5355 0.696799 10.2426L4.93944 6L0.696799 1.75736C0.403906 1.46447 0.403906 0.989592 0.696799 0.696699C0.989692 0.403806 1.46457 0.403806 1.75746 0.696699L6.53043 5.46967ZM6 6V5.25H6.0001V6V6.75H6V6Z" fill="%23D7172E"/></svg>');
right: 19px;
background-repeat: no-repeat;
top: 17px;
filter: grayscale(1);
}
.sub-btn.active:before {
filter: none;
}
.product-gallery {
direction: rtl;
max-width: 500px;
margin: 0 auto;
}
.main-carousel .item img {
width: 100%;
border-radius: 15px;
border: 1px solid #eee;
object-fit: cover;
}
.thumb-carousel {
margin-top: 12px;
}
.thumb-carousel .item {
cursor: pointer;
transition: all 0.3s ease;
opacity: 1;
}
.thumb-carousel .item img {
width: 100%;
border-radius: 10px;
border: 2px solid transparent;
}
.thumb-carousel .owl-item.current .item img {
opacity: 0.7;
}
.thumb-carousel .item:hover img {
opacity: 1;
border-color: #999;
}
@media (max-width: 768px) {
.thumb-carousel .item img {
border-radius: 8px;
}
}
.product-title {
color: var(--color1);
font-size: 30px;
font-weight: bold;
margin-bottom: 15px;
font-family: arial;
position: relative;
display: block;
padding-bottom: 15px;
}
.product-features {
list-style: none;
padding: 0 0px 0 200px;
margin: 0 0 5px;
line-height: 1.9;
}
.product-features li {
font-size: 13px;
position: relative;
margin-bottom: 5px;
align-items: center;
padding-right: 20px;
}
.usage-boxs {
background: #f9f9f9;
border-radius: 12px;
padding: 12px 18px;
margin-top: 10px;
}
.usage-boxs h4 {
color: var(--color1);
font-weight: bold;
margin-bottom: 0px;
font-size: 17px;
}
.usage-boxs p {
font-size: 13px;
margin: 0;
}
.download-btn {margin-top: 15px;/* text-align: center; */}
.btn-download {
border: 1px solid var(--color1);
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--color1);
color: #fff;
padding: 12px 43px;
border-radius: 30px;
font-size: 13px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
}
.icon-download {
width: 18px;
height: 18px;
background: #fff;
mask: url('assets/icons/download.svg') no-repeat center;
mask-size: contain;
}
.singleproductbox {
border: 1px solid #D9D9D9;
padding: 20px;
border-radius: 15px;
position: relative;
}
.product-title:before {
content: '';
position: absolute;
bottom: 0;
background: linear-gradient(to right, rgba(255, 0, 0, 0), #DBDBDB);
width: 50%;
right: 0;
height: 1px;
}
.product-features li:before {
content: '';
width: 15px;
height: 15px;
display: inline-block;
position: absolute;
background: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_444_8192)"><path d="M7.5 0C3.35801 0 0 3.35801 0 7.5C0 11.642 3.35801 15 7.5 15C11.642 15 15 11.642 15 7.5C15 3.35801 11.642 0 7.5 0ZM11.1466 6.01201L6.74443 10.4206C6.69296 10.4721 6.63183 10.513 6.56454 10.5409C6.49725 10.5688 6.42513 10.5831 6.35229 10.5831C6.27946 10.5831 6.20733 10.5688 6.14005 10.5409C6.07276 10.513 6.01163 10.4721 5.96016 10.4206L3.854 8.31768C3.74999 8.21362 3.69156 8.07252 3.69156 7.92539C3.69156 7.77826 3.74999 7.63716 3.854 7.53311L4.50293 6.88477C4.60693 6.78077 4.74799 6.72235 4.89507 6.72235C5.04215 6.72235 5.1832 6.78077 5.28721 6.88477L6.34834 7.94648L9.7125 4.57939C9.76398 4.52787 9.82511 4.48699 9.89239 4.4591C9.95968 4.43121 10.0318 4.41685 10.1046 4.41685C10.1775 4.41685 10.2496 4.43121 10.3169 4.4591C10.3842 4.48699 10.4453 4.52787 10.4968 4.57939L11.146 5.22832C11.2499 5.33222 11.3083 5.47311 11.3084 5.62004C11.3085 5.76698 11.2503 5.90795 11.1466 6.01201Z" fill="%235CC778"/></g><defs><clipPath id="clip0_444_8192"><rect width="15" height="15" fill="white"/></clipPath></defs></svg>');
top: 4px;
right: 0;
}
a.btn-download:before {
content: '';
position: relative;
display: inline-block;
width: 15px;
height: 18px;
background: url('data:image/svg+xml,<svg width="14" height="17" viewBox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_443_8102)"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 15.4485C13.9999 15.6942 13.9024 15.9298 13.7288 16.1035C13.5552 16.2773 13.3197 16.3749 13.0742 16.375H0.925794C0.680258 16.375 0.444779 16.2774 0.271159 16.1036C0.0975387 15.9299 0 15.6943 0 15.4485C0 15.2028 0.0975387 14.9672 0.271159 14.7934C0.444779 14.6197 0.680258 14.5221 0.925794 14.5221H13.0742C13.3197 14.5222 13.5551 14.6198 13.7288 14.7935C13.9024 14.9673 13.9999 15.2029 14 15.4485L14 15.4485ZM6.07418 10.2239V1.55148C6.07418 1.30576 6.17172 1.07011 6.34534 0.89636C6.51897 0.722611 6.75446 0.625 7 0.625C7.24554 0.625 7.48103 0.722611 7.65466 0.89636C7.82828 1.07011 7.92583 1.30576 7.92583 1.55148V10.2239L10.05 8.13809C10.1367 8.05288 10.2394 7.98561 10.3522 7.94012C10.465 7.89463 10.5856 7.87181 10.7071 7.87296C10.8287 7.87412 10.9489 7.89922 11.0607 7.94685C11.1726 7.99447 11.274 8.06367 11.3592 8.15052C11.4443 8.23736 11.5115 8.34013 11.557 8.45297C11.6025 8.56581 11.6253 8.6865 11.6241 8.80816C11.6229 8.92982 11.5979 9.05006 11.5503 9.16201C11.5027 9.27397 11.4335 9.37545 11.3467 9.46066L7.64834 13.0921C7.47524 13.2621 7.24242 13.3573 6.99991 13.3573C6.7574 13.3573 6.52457 13.2621 6.35148 13.0921L2.65307 9.46066C2.56628 9.37545 2.49711 9.27396 2.44951 9.162C2.40191 9.05004 2.37681 8.92979 2.37565 8.80812C2.37449 8.68646 2.39729 8.56575 2.44275 8.4529C2.4882 8.34005 2.55542 8.23726 2.64057 8.15041C2.72572 8.06356 2.82714 7.99434 2.93902 7.9467C3.0509 7.89907 3.17106 7.87396 3.29265 7.87279C3.41423 7.87163 3.53485 7.89445 3.64762 7.93994C3.76039 7.98542 3.8631 8.05269 3.94989 8.1379L6.07418 10.2239Z" fill="%23D7172E"/></g><defs><clipPath id="clip0_443_8102"><rect width="14" height="15.75" fill="white" transform="translate(0 0.625)"/></clipPath></defs></svg>');
background-repeat: no-repeat;
background-size: 100%;
filter: brightness(0) invert(1);
transition: 0.5s;
}
.singleproductbox:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(assets/images/bgprt2.svg);
background-position: top left;
background-repeat: no-repeat;
left: 0;
background-size: 310px;
}
.btn-download:hover {
background: transparent;
color: var(--color1);
}
.btn-download:hover:before {
filter: none;
}
.usage-grid {
display: flex;
gap: 35px;
justify-items: center;
width: 85%;
margin: 0 auto;
justify-content: center;
flex-wrap: wrap;
}
.usage-box {
background: #fff;
border-radius: 20px;
padding: unset;
width: 30%;
transition: all 0.3s ease;
cursor: default;
text-align: center;
box-sizing: border-box;
border: 1px solid transparent;
background-clip: padding-box;
position: relative;
margin: unset;
}
.usage-box .icon {
width: 45px;
height: 45px;
margin: 0 auto 40px;
transition: all 0.3s ease;
}
.usage-box .icon img {
width: 100%;
height: 100%;
object-fit: contain;
filter: invert(32%) sepia(94%) saturate(1612%) hue-rotate(341deg) brightness(95%) contrast(88%);
transition: 0.6s;
position: relative;
z-index: 1;
}
.usage-box span {
display: block;
font-size: 18px;
color: #333;
font-weight: 500;
transition: all 0.3s ease;
font-weight: 600;
}
.usage-box a:hover:after {background: var(--color1);}
.usage-box:hover .icon img {
filter: brightness(0) invert(1);
}
.usage-box:before {
content: '';
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
background: linear-gradient(to bottom, #F4F4F4 20%, var(--color1));
z-index: -1;
border-radius: 20px;
transition: 0.5s;
}
.usage-box a:after {
content: '';
position: absolute;
width: 80px;
height: 90px;
left: 0;
right: 0;
margin: 0 auto;
background: #F8F8F8;
top: 0;
border-radius: 0px 0px 50px 50px;
transition: 0.5s;
}
.usage-box:hover img {
filter: brightness(0) invert(1);
}
.usage-box a {
padding: 19px 15px 15px 15px;
display: block;
}
.policy-title {
display: flex;
align-items: center;
position: relative;
font-size: 14px;
margin-bottom: 13px;
}
.policy-title img {
width: auto;
height: auto;
margin-left: 7px;
}
.policy-box {
background: #fff;
border: 1px solid #DDDDDD;
padding: 0 30px 20px 30px;
border-top: none;
position: relative;
margin-top: 90px;
border-radius: 20px;
}
.policy-box:before {
content: '';
position: absolute;
width: 100.15%;
height: 70px;
background: url(assets/images/topdiv.svg);
left: -1px;
background-size: 100.1%;
background-repeat: no-repeat;
top: -40px;
background-position: top center;
}
p.policy-intro {
position: relative;
font-size: 14px;
line-height: 30px;
margin: 7px 0;
}
ul.policy-list li {
font-size: 14px;
line-height: 30px;
}
ul.policy-list li:before {
content: '';
position: relative;
display: inline-block;
width: 15px;
height: 15px;
background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_360_679)"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.06901 13.069C2.72135 13.069 0 10.3477 0 7.00001C0 3.65235 2.72135 0.930969 6.06901 0.930969C7.60413 0.930969 9.04468 1.48852 10.167 2.51734C9.79372 2.73808 9.43346 2.9826 9.08696 3.24726C8.23654 2.5612 7.17914 2.18347 6.06901 2.18347C3.41593 2.18347 1.2525 4.34694 1.2525 7.00001C1.2525 9.65308 3.41593 11.8166 6.06901 11.8166C9.76052 11.8166 11.9522 7.87061 10.3644 4.8026C10.6051 4.57882 10.8527 4.36192 11.107 4.15226C11.182 4.09034 11.2577 4.02901 11.334 3.9683C11.8651 4.88566 12.1381 5.92578 12.1381 6.99998C12.1381 10.3477 9.4167 13.069 6.06901 13.069Z" fill="%235CC778"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.2291 10.1199C6.1608 10.1199 6.10386 10.0744 6.08109 10.0174C6.06972 9.99467 5.09045 7.46685 3.57603 6.51037C3.27997 6.32819 3.05229 6.13461 3.14336 5.70191C3.23444 5.28061 3.51912 5.04149 4.0315 4.92762C4.9424 4.73403 5.92165 6.14598 6.28604 6.72672C7.56131 4.87071 10.1119 1.95572 13.8239 1.61412C14.003 1.59313 14.0692 1.85857 13.9036 1.93295C13.8467 1.95572 8.54052 4.3811 6.38848 10.0288C6.35435 10.0857 6.29741 10.1199 6.2291 10.1199Z" fill="%235CC778"/></g><defs><clipPath id="clip0_360_679"><rect width="14" height="14" fill="white"/></clipPath></defs></svg>');
background-repeat: no-repeat;
top: 6px;
margin-left: 4px;
}
.processbox {
background: #fff;
border: 1px solid #DDDDDD;
padding: 20px 30px 20px 30px;
border-top: none;
position: relative;
margin-top: 90px;
border-radius: 20px;
min-height: 490px;
}
.processbox:before {
content: '';
position: absolute;
width: 100.15%;
height: 70px;
background: url(assets/images/topdiv.svg);
left: -1px;
background-size: 100.1%;
background-repeat: no-repeat;
top: -40px;
background-position: top center;
}
.processbox img {
position: absolute;
width: auto;
left: 30px;
top: 0;
}
.processbox h1 {
font-size: 25px;
margin-bottom: 30px;
position: relative;
}
.pdfboxs {
display: flex;
flex-wrap: wrap;
position: relative;
width: 45%;
gap: 12px;
}
.pdfbox {
width: 22%;
background: #F8F8F8;
border-radius: 15px;
text-align: center;
padding: 79px 10px 14px 10px;
font-size: 12px;
position: relative;
}
a.pdfbox span {
border: 1px solid var(--color1);
color: var(--color1);
display: inline-flex;
align-items: center;
padding: 1px 11px;
border-radius: 20px;
font-size: 10px;
margin-top: 5px;
transition: 0.5s;
}
.pdfbox:before {
content: '';
position: absolute;
width: 100%;
height: 80px;
left: 0;
top: 0;
background: url('data:image/svg+xml,<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7411 38.1043H12.9006C12.85 38.1043 12.8065 38.1228 12.7699 38.1594C12.7333 38.196 12.7148 38.2394 12.7148 38.2897V42.727C12.7148 42.7773 12.7333 42.8207 12.7699 42.8573C12.8065 42.8943 12.85 42.9124 12.9006 42.9124H13.4567C13.507 42.9124 13.5504 42.8943 13.5874 42.8573C13.624 42.8207 13.6421 42.7773 13.6421 42.727V41.1954H14.7411C15.2952 41.1954 15.7259 41.0627 16.0327 40.7969C16.3391 40.5315 16.4927 40.1466 16.4927 39.6428C16.4927 39.1393 16.3391 38.7569 16.0327 38.496C15.7259 38.235 15.2952 38.1043 14.7411 38.1043ZM15.3318 40.182C15.1762 40.285 14.9679 40.3368 14.7069 40.3368H13.6421V38.9628H14.7069C14.9679 38.9628 15.1762 39.0123 15.3318 39.1104C15.4874 39.2093 15.5654 39.3867 15.5654 39.6428C15.5654 39.8993 15.4874 40.0791 15.3318 40.182Z" fill="%236D6E70"/><path d="M20.632 38.6194C20.4647 38.4545 20.2564 38.3275 20.0071 38.2382C19.7574 38.1489 19.4631 38.1043 19.1245 38.1043H17.428C17.3773 38.1043 17.3339 38.1228 17.2973 38.1594C17.2607 38.196 17.2422 38.2394 17.2422 38.2897V42.727C17.2422 42.7773 17.2607 42.8207 17.2973 42.8573C17.3339 42.8943 17.3773 42.9124 17.428 42.9124H19.1587C19.4884 42.9124 19.7755 42.8677 20.0208 42.7785C20.2657 42.6892 20.4708 42.5621 20.6356 42.3973C20.8001 42.2324 20.9272 42.0333 21.0168 41.7997C21.1061 41.5661 21.1596 41.3051 21.1781 41.0168C21.1962 40.6778 21.1962 40.3388 21.1781 40.0003C21.1596 39.7115 21.1061 39.4506 21.0168 39.2169C20.9272 38.9833 20.7993 38.7843 20.632 38.6194ZM20.2508 41.0168C20.2416 41.1632 20.213 41.3007 20.1648 41.4286C20.1169 41.5569 20.0469 41.667 19.9553 41.7583C19.864 41.85 19.7494 41.9224 19.6119 41.9747C19.4747 42.0273 19.3119 42.0539 19.1245 42.0539H18.1695V38.9628H19.0899C19.2869 38.9628 19.4562 38.9894 19.5982 39.042C19.7401 39.0947 19.8579 39.1679 19.952 39.2616C20.0457 39.3557 20.1169 39.4655 20.1648 39.5913C20.213 39.7176 20.2416 39.8535 20.2508 40.0003C20.2689 40.3389 20.2689 40.6778 20.2508 41.0168Z" fill="%236D6E70"/><path d="M25.1965 38.1043H22.2639C22.2132 38.1043 22.1698 38.1228 22.1332 38.1594C22.0966 38.196 22.0781 38.2394 22.0781 38.2897V42.727C22.0781 42.7773 22.0966 42.8207 22.1332 42.8573C22.1698 42.8943 22.2132 42.9124 22.2639 42.9124H22.82C22.8703 42.9124 22.9137 42.8943 22.9507 42.8573C22.9873 42.8207 23.0054 42.7773 23.0054 42.727V41.1539H25.0594C25.1097 41.1539 25.1531 41.1358 25.1897 41.0992C25.2263 41.0626 25.2448 41.0188 25.2448 40.9686V40.4808C25.2448 40.4305 25.2263 40.3871 25.1897 40.3505C25.1531 40.3139 25.1097 40.2954 25.0594 40.2954H23.0054V38.9628H25.1965C25.2468 38.9628 25.2906 38.9447 25.3272 38.9081C25.3638 38.8715 25.3819 38.8277 25.3819 38.7774V38.2897C25.3819 38.2394 25.3638 38.196 25.3272 38.1594C25.2906 38.1228 25.2468 38.1043 25.1965 38.1043Z" fill="%236D6E70"/><path d="M49.4554 15.0674C49.448 15.045 49.4422 15.0234 49.4323 15.0021C49.4022 14.936 49.3642 14.8732 49.3109 14.8199L36.3202 1.82962C36.2671 1.77665 36.2046 1.73875 36.1388 1.70874C36.1173 1.69879 36.0956 1.69285 36.0733 1.68542C36.0265 1.67019 35.9796 1.66083 35.9305 1.65702C35.9135 1.65555 35.898 1.64706 35.8807 1.64706H12.9292C11.108 1.64706 9.62667 3.12845 9.62667 4.94962V33.9975H8.77057C7.5216 33.9975 6.50586 35.0137 6.50586 36.2622V45.0295C6.50586 46.2785 7.5216 47.2942 8.77057 47.2942H9.62667V51.0588C9.62667 52.8752 11.1081 54.3529 12.9292 54.3529H46.1913C48.0125 54.3529 49.4938 52.8752 49.4938 51.0588V15.2602C49.4938 15.2425 49.4852 15.2265 49.4836 15.209C49.4798 15.1604 49.4705 15.1137 49.4554 15.0674ZM36.5012 3.75856L47.3815 14.639H38.5656C37.4272 14.639 36.5011 13.7129 36.5011 12.5745L36.5012 3.75856ZM7.74115 45.0295V36.2622C7.74115 35.6945 8.20278 35.2328 8.77057 35.2328H28.6893C29.3962 35.2328 29.9712 35.8078 29.9712 36.5148V44.7766C29.9712 45.4835 29.3962 46.0589 28.6893 46.0589H8.77057C8.20278 46.0589 7.74115 45.5973 7.74115 45.0295ZM46.1913 53.1177H12.9292C11.7892 53.1177 10.862 52.194 10.862 51.0588V47.2942H28.6893C30.0774 47.2942 31.2065 46.1647 31.2065 44.7766V36.5148C31.2065 35.1267 30.0774 33.9975 28.6893 33.9975H10.862V4.94962C10.862 3.80963 11.7892 2.88236 12.9292 2.88236H35.2659V12.5745C35.2659 14.3941 36.746 15.8743 38.5656 15.8743H48.2586V51.0588C48.2586 52.194 47.3313 53.1177 46.1913 53.1177Z" fill="%236D6E70"/><path d="M37.3988 28.5481C36.9195 28.0688 34.9612 26.7579 32.1754 25.9138C31.314 23.7778 30.3719 21.3153 29.5729 19.1133C30.8765 16.2884 31.5734 13.6799 31.5734 13.053C31.5734 11.106 30.4459 9.58078 29.0063 9.58078C27.5635 9.58078 26.4336 11.106 26.4336 13.053C26.4336 13.6096 27.2024 16.0532 28.2515 19.0216C27.8112 19.9384 27.3009 20.8762 26.7223 21.7681C25.9909 22.8948 25.1633 23.9507 24.343 24.8868C21.57 24.8241 19.2209 25.0047 18.6209 25.2246C17.7893 25.5302 17.0832 26.0461 16.6329 26.6779C16.1391 27.3703 15.9987 28.1552 16.2472 28.832C16.7447 30.1859 18.567 30.7203 20.3942 30.0492C21.0408 29.8111 22.9308 28.2992 24.8887 26.1374C26.5321 26.1941 28.3231 26.3445 29.9891 26.6513C30.4246 26.7313 30.8456 26.8279 31.2509 26.9356C32.3423 29.6125 33.3126 31.7308 33.7645 32.1824C34.391 32.8093 35.1559 33.2335 35.9183 33.3771C36.1044 33.4121 36.287 33.4294 36.4647 33.4294C37.0844 33.4294 37.6389 33.219 38.035 32.8226C38.5465 32.3115 38.7495 31.539 38.5931 30.703C38.45 29.9406 38.0261 29.175 37.3988 28.5481ZM19.968 28.8895C18.8296 29.3065 17.6566 29.0865 17.4069 28.4057C17.2622 28.0121 17.4898 27.6035 17.6386 27.3952C17.9417 26.9702 18.4548 26.6019 19.0472 26.3843C19.364 26.2677 21.0312 26.1129 23.2135 26.1101C21.6565 27.7113 20.3126 28.762 19.968 28.8895ZM27.6689 13.053C27.6689 11.8407 28.2813 10.8161 29.0063 10.8161C29.7156 10.8161 30.3381 11.8616 30.3381 13.053C30.3381 13.3795 29.8789 15.2003 28.9673 17.4148C28.1977 15.2148 27.6689 13.5086 27.6689 13.053ZM30.2127 25.4361C28.8463 25.1848 27.3581 25.0312 25.9137 24.9496C26.5579 24.165 27.1868 23.321 27.7582 22.4404C28.1414 21.8505 28.4972 21.2381 28.8258 20.6212C29.4165 22.2442 30.0599 23.9455 30.6868 25.5302C30.5307 25.4973 30.3723 25.4659 30.2127 25.4361ZM37.1616 31.9492C36.8648 32.2455 36.398 32.2097 36.1471 32.1631C35.634 32.0662 35.0843 31.755 34.6387 31.3098C34.3556 31.0127 33.6519 29.4846 32.795 27.427C34.8309 28.1798 36.2251 29.1215 36.5255 29.4215C36.9718 29.8678 37.2826 30.4179 37.3787 30.9306C37.4262 31.1827 37.4608 31.65 37.1616 31.9492Z" fill="%236D6E70"/></svg>');
background-repeat: no-repeat;
background-position: center;
background-size: 53%;
}
a.pdfbox span:before {
content: '';
position: relative;
width: 9px;
height: 9px;
display: inline-block;
background: url('data:image/svg+xml,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_372_2304)"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.55755 7.52939C7.55751 7.65419 7.50793 7.77386 7.41969 7.86211C7.33145 7.95036 7.21178 7.99995 7.08698 8H0.911984C0.787179 8 0.667486 7.95042 0.579235 7.86217C0.490985 7.77392 0.441406 7.65423 0.441406 7.52942C0.441406 7.40462 0.490985 7.28492 0.579235 7.19667C0.667486 7.10842 0.787179 7.05884 0.911984 7.05884H7.08698C7.21178 7.05889 7.33145 7.10848 7.41969 7.19672C7.50793 7.28496 7.55752 7.40463 7.55756 7.52942L7.55755 7.52939ZM3.52889 4.87564V0.470594C3.52889 0.345785 3.57847 0.226087 3.66672 0.137834C3.75498 0.0495803 3.87468 0 3.99948 0C4.12429 0 4.24399 0.0495803 4.33224 0.137834C4.4205 0.226087 4.47008 0.345785 4.47008 0.470594V4.87566L5.54977 3.81617C5.59388 3.77289 5.64608 3.73872 5.70339 3.71562C5.76071 3.69251 5.82201 3.68092 5.88381 3.6815C5.9456 3.68209 6.00668 3.69484 6.06354 3.71903C6.12041 3.74322 6.17195 3.77837 6.21523 3.82248C6.25852 3.86659 6.29268 3.9188 6.31579 3.97611C6.3389 4.03343 6.35049 4.09473 6.3499 4.15653C6.34932 4.21832 6.33656 4.27939 6.31237 4.33626C6.28818 4.39313 6.25303 4.44467 6.20892 4.48795L4.32903 6.33252C4.24105 6.41885 4.1227 6.46722 3.99944 6.46722C3.87617 6.46722 3.75783 6.41885 3.66984 6.33252L1.78995 4.48795C1.74584 4.44467 1.71068 4.39312 1.68648 4.33625C1.66229 4.27938 1.64953 4.21831 1.64894 4.15651C1.64835 4.09471 1.65994 4.0334 1.68305 3.97608C1.70615 3.91875 1.74032 3.86655 1.7836 3.82243C1.82688 3.77831 1.87843 3.74315 1.9353 3.71896C1.99217 3.69477 2.05325 3.68201 2.11505 3.68142C2.17685 3.68083 2.23816 3.69242 2.29548 3.71552C2.3528 3.73863 2.40501 3.7728 2.44912 3.81608L3.52889 4.87564Z" fill="%23D7172E"/></g><defs><clipPath id="clip0_372_2304"><rect width="8" height="8" fill="white"/></clipPath></defs></svg>');
background-repeat: no-repeat;
margin-left: 2px;
transition: 0.5s;
}
a.pdfbox:hover span {
background: var(--color1);
color: #fff;
}
a.pdfbox:hover span:before {
filter: brightness(0) invert(1);
}
.abt2 img , .abt1 img {
border-radius: 20px;
}
.aboutpage.snglpage .titleproduct:before {
display: none;
}
.gallery-grid a:hover {
opacity: 0.7;
}
.cat span:hover {
background: var(--color1);
}
.cat a {
padding: 7px 15px;
display: flex;
}
.cat span:hover a {
color: #fff;
}
.cat span:hover a:before {
filter: brightness(0) invert(1);
}
#wrap {
position: relative;
border-radius: 20px;
}
#wrap img {
width: 100%;
display: block;
border-radius: 25px !important;
}
.hotspot {
position: absolute;
transform: translate(-50%, -50%);
background: transparent;
border: none;
cursor: pointer;
width: 60px;
height: 60px;
z-index: 5;
}
.dot {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 11px;
height: 11px;
background: var(--color1);
border-radius: 50%;
box-shadow: 0 0 15px rgb(255 255 255 / 44%);
z-index: 2;
transition: 0.3s;
}
.dot::before,
.dot::after {
content: "";
position: absolute;
inset: 0;
border: 1px solid rgb(255 255 255);
border-radius: 50%;
transform: scale(1);
opacity: 0;
animation: pulse 2.5s infinite ease-out;
}
.dot::after {
animation-delay: 1.2s;
}
@keyframes pulse {
0% {
transform: scale(1);
opacity: 0.7;
}
100% {
transform: scale(2.6);
opacity: 0;
}
}
#tooltips {
position: absolute;
background: #fff;
border-radius: 12px;
min-width: 260px;
max-width: 260px;
max-height: 690px;
opacity: 0;
pointer-events: none;
transition: opacity .2s ease;
z-index: 9;
overflow: visible;
transform: translateX(-30px) translateY(-30px);
box-shadow: 0px 2px 7px #0000001a;
}
#tooltips.visible {
opacity: 1;
pointer-events: auto;
}
#tooltips .tooltips {
padding: 15px 12px 15px 5px;
line-height: 1.6;
max-height: 460px;
overflow-y: auto;
text-align: left;
}
#tooltips h4 {
margin: 0 0 8px;
color: #c70000;
font-size: 16px;
font-weight: bold;
}
:root { --arrow: 10px; }
#tooltips::after {
content: "";
position: absolute;
top: var(--arrow-offset, 50%);
transform: translateY(-50%);
width: 0;
height: 0;
border: var(--arrow) solid transparent;
}
#tooltips.right::after {
left: calc(-0.9 * var(--arrow) * 2);
border-right-color: #fff;
}
#tooltips.left::after {
right: calc(-0.9 * var(--arrow) * 2);
border-left-color: #fff;
}
#tooltips .tooltips {
overflow-y: auto;
max-height: 440px;
scrollbar-gutter: stable;
}
#tooltips .tooltips::-webkit-scrollbar {
width: 6px;
}
#tooltips .tooltips::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 100px;
transition: background-color 0.3s ease, opacity 0.3s ease;
opacity: 0;
}
#tooltips .tooltips::-webkit-scrollbar-track {
background: transparent;
}
#tooltips .tooltips:hover::-webkit-scrollbar-thumb,
#tooltips .tooltips:active::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,0.25);
opacity: 1;
}
#tooltips .tooltips {
scrollbar-width: thin;
scrollbar-color: transparent transparent;
transition: scrollbar-color 0.3s ease;
}
#tooltips .tooltips:hover {
scrollbar-color: rgba(0,0,0,0.25) transparent;
}
div#tooltips {background: linear-gradient(140.28deg, #ffffff 5.96%, rgba(255, 255, 255, 0) 51.78%), #FFFFFF;border-radius: 20px 20px 20px 0px;}
.usgmenu.level1 {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.usgmenu.level1 > li {
position: relative;
padding: 11px 14px;
border-radius: 40px;
font-size: 12px;
cursor: pointer;
transition: background .25s ease;
border: 1px solid #D9D9D9;
margin-bottom: 10px;
transition: 0.5s;
color: #040404;
}
.usgmenu.level1 > li:hover {
border-color: var(--color1);
color: var(--color1);
}
.level2 {
list-style: none;
padding: 18px 13px 12px 13px;
margin: 0;
position: absolute;
top: 0;
right: 103%;
width: 245px;
background: #fff;
border-radius: 14px;
box-shadow: 0 6px 16px rgba(0,0,0,.1);
opacity: 0;
visibility: hidden;
transform: translateX(10px);
transition: all .25s ease;
z-index: 10;
}
.level1 > li:hover > .level2 {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.level3 {
list-style: none;
padding: 10px 15px;
margin: 0;
position: absolute;
top: 0;
right: calc(100% + 18px);
width: 260px;
background: #fff;
border-radius: 14px 0px 14px 14px;
box-shadow: 0 6px 16px rgba(0,0,0,.1);
opacity: 0;
visibility: hidden;
transform: translateX(8px);
transition: all .25s ease;
z-index: 30;
text-align: left;
}
.level2 > li:hover > .level3 {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.level3 li {
padding: 9px 10px 9px 15px !important;
font-size: 12px;
color: #040404;
cursor: pointer;
transition: background 0.25s ease;
}
.level3 li:hover {
background: #f7f7f7;
}
.level2 li, .level3 li {
padding: 10px 2px;
font-size: 12px;
border-radius: 0;
cursor: pointer;
transition: background .25s ease;
position: relative;
color: #040404;
direction: ltr;
}
.level2 li:hover, .level3 li:hover {
background: #f8f8f8;
}
.level1 > li:has(ul) > span::after,
.level2 > li:has(ul)::after {
content: "";
position: absolute;
left: 15px;
top: 52%;
transform: translateY(-50%) rotate(-135deg);
width: 6px;
height: 6px;
border-top: 2px solid #040404;
border-right: 2px solid #040404;
border-radius: 1px;
transition: border-color 0.25s ease, transform 0.25s ease;
}
.level1 > li:hover:has(ul) > span::after,
.level2 > li:hover:has(ul)::after {
border-color: #c70000;
}
.level3 {
max-height: 440px;
overflow-y: auto;
scrollbar-width: thin;
}
.level2::-webkit-scrollbar, .level3::-webkit-scrollbar {
width: 5px;
}
.level2::-webkit-scrollbar-thumb, .level3::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 10px;
}
.usgmenu.level1 > li span {
display: flex;
align-items: center;
}
.usgmenu.level1 > li span img {
height: 22px;
margin-left: 9px;
filter: brightness(0) grayscale(1);
width: auto;
transition: 0.5s;
}
.usgmenu.level1 > li:hover span img {
filter: none;
opacity: 1;
}
.level1 > li:hover > .level2::before {
content: attr(data-title);
display: block;
font-weight: 700;
color: #282E3A;
font-size: 15px;
margin-bottom: 8px;
padding-bottom: 6px;
}
.level1 > li:hover > .level2::after {
content: '';
position: absolute;
top: 47px;
width: 50px;
height: 1px;
background: red;
}
.level2 > li {
border-bottom: 1px solid #F5F5F5;
}
.level2 > li:has(ul)::after {
left: 5px;
}
.level2 > li {
position: relative;
}
.level2 > li::before {
content: "";
position: absolute;
top: 0;
right: 100%;
width: 22px;
height: 100%;
background: transparent;
z-index: 25;
}
.level1 > li::before {
content: "";
position: absolute;
top: 0;
right: 100%;
width: 22px;
height: 100%;
background: transparent;
z-index: 25;
}
.level3 li strong:before {
content: '';
position: absolute;
display: inline-block;
width: 5px;
height: 5px;
background: #040404;
border-radius: 20px;
top: 15px;
left: 6px;
}
.level3 li strong {
display: block;
}
.tooltips ul li {padding: 11px 2px 8px 17px;font-size: 12px;border-radius: 0;cursor: pointer;transition: background .25s ease;position: relative;color: #040404;direction: ltr;}
.tooltips ul li strong:before {
content: '';
position: absolute;
display: inline-block;
width: 5px;
height: 5px;
background: #040404;
border-radius: 20px;
top: 15px;
left: 6px;
}
.tooltips ul li strong {
display: block;
}
.tooltips ul li:hover {
background: #f8f8f8;
}
.tooltips > span {
display: block;
font-weight: 700;
color: #282E3A;
font-size: 15px;
margin-bottom: 8px;
padding-bottom: 6px;
text-align: right;
position: relative;
margin-bottom: 10px;
}
.tooltips > span:before {
content: '';
position: absolute;
bottom: 0;
width: 50px;
height: 1px;
background: red;
}
.level3 {
overflow-y: auto;
max-height: 440px;
scrollbar-gutter: stable;
}
.level3::-webkit-scrollbar {
width: 6px;
}
.level3::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 100px;
transition: background-color 0.3s ease, opacity 0.3s ease;
opacity: 0;
}
.level3::-webkit-scrollbar-track {
background: transparent;
}
.level3:hover::-webkit-scrollbar-thumb,
.level3:active::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,0.25);
opacity: 1;
}
.contact-item a {
color: #fff;
}
.level3 {
scrollbar-width: thin;
scrollbar-color: transparent transparent;
transition: scrollbar-color 0.3s ease;
}
.level3:hover {
scrollbar-color: rgba(0,0,0,0.25) transparent;
}
.lang-menu li a {
display: flex;
align-items: center;
padding: 6px 0;
}
.lang-menu li a img {
width: 27px;
height: auto;
border-radius: 0;
}
#ajax-blog-results.loading::after {
content: "";
width: 40px;
height: 40px;
border: 3px solid #ddd;
border-top-color: #009688;
border-radius: 50%;
position: absolute;
left: 50%;
top: 200px;
transform: translateX(-50%);
animation: spin 0.8s linear infinite;
}
@keyframes spin {
to { transform: translateX(-50%) rotate(360deg); }
}
.depth-2 {
margin-right: 70px !important;
}
ul.comment-list li:before {
display: none !important;
}
.related-item:hover .info h4 {
color: var(--color1);
}
.contentboxsngl .comment-reply-link:hover {
color: var(--color1);
}
.product-item a {
padding: 20px  10px;
display: block;
}
.product-item:hover a {
color: var(--color1);
}
.usgmenuboxm {
display: none;
}
.hotspot:hover span.dot {
background: #73DF90;
}
.archive.category .titlepage {margin-top: 80px;}
.policy-title h2 {
font-size: 20px;
font-weight: 800;
}
.pdfboxs a:hover {
color: var(--color1);
}
.processbox h1 {
font-weight: 700;
}
.titleproduct p {
    position: relative;
    top: -29px;
    font-size: 14px;
    width: 80%;
    margin: 0 auto;
}