@font-face {
    font-family: "IRANSansX-M";
    src: url("../fonts/IRANSansX-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "IRANSansX-B";
    src: url("../fonts/IRANSansX-Bold.woff2") format("woff2");
}

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a,
a:visited,
a:active,
a:link {
    text-decoration: none;
}

body {
    font-family: "IRANSansX-M";
    color: #000;
}

/* --------------------------------------- */
/* width */
::-webkit-scrollbar {
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* --------------------------------------- */
/* --------------------------------------- */
header .header-top {
    border-bottom: 2px solid #76AE2F;
    padding: 8px 0 10px;
}

header .header-top img {
    max-height: 57px;
}

header .header-top a {
    color: #000;
    font-weight: bold;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.165s ease-in-out;
    transition: -webkit-transform 0.165s ease-in-out;
    -o-transition: transform 0.165s ease-in-out;
    transition: transform 0.165s ease-in-out;
    transition: transform 0.165s ease-in-out, -webkit-transform 0.165s ease-in-out;
}

header .header-top a:hover {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-transition: -webkit-transform 0.165s ease-in-out;
    transition: -webkit-transform 0.165s ease-in-out;
    -o-transition: transform 0.165s ease-in-out;
    transition: transform 0.165s ease-in-out;
    transition: transform 0.165s ease-in-out, -webkit-transform 0.165s ease-in-out;
}

header .header-top .header-top-icon {
    background-color: rgba(4, 240, 127, 0.1);
    height: 32px;
    width: 32px;
    border-radius: 0.375rem;
    margin-right: 8px;
}

header .header-top .header-top-icon svg {
    width: 18px;
    height: 18px;
    color: #00B8B8;
}

header .header-top span {
    font-size: 0.9rem;
    line-height: 1.9;
}

header nav {
    background-color: #F2F5F7;
    border-radius: 50px;
    margin: 18px 0 0;
    padding: 18px 26px !important;
}

header nav ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

header nav ul li a {
    color: #000;
    opacity: 0.6;
    font-size: 0.965rem;
    border-radius: 50px;
    padding: 8px 18px;
    text-align: center;
    -webkit-transition: background-color 0.265s ease-in-out, opacity 0.265s ease-in-out;
    -o-transition: background-color 0.265s ease-in-out, opacity 0.265s ease-in-out;
    transition: background-color 0.265s ease-in-out, opacity 0.265s ease-in-out;
}

header nav ul li a.nav-active {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.06);
}

header nav ul li a:hover {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.06);
    -webkit-transition: background-color 0.265s ease-in-out, opacity 0.265s ease-in-out;
    -o-transition: background-color 0.265s ease-in-out, opacity 0.265s ease-in-out;
    transition: background-color 0.265s ease-in-out, opacity 0.265s ease-in-out;
}

header nav form input[type='submit'] {
    border: 0;
    outline: 0;
    background-color: #09811C;
    color: #fff;
    font-size: 0.8rem;
    font-family: 'IRANSansX-B';
    position: absolute;
    top: 3px;
    left: 5px;
    bottom: 4px;
    border-radius: 50px;
    padding: 2px 13px 0;
    -webkit-transition: background-color 0.265s ease-in-out, opacity 0.265s ease-in-out;
    -o-transition: background-color 0.265s ease-in-out, opacity 0.265s ease-in-out;
    transition: background-color 0.265s ease-in-out, opacity 0.265s ease-in-out;
}

header nav form input[type='submit']:hover {
    background-color: #209c53;
    -webkit-transition: background-color 0.265s ease-in-out, opacity 0.265s ease-in-out;
    -o-transition: background-color 0.265s ease-in-out, opacity 0.265s ease-in-out;
    transition: background-color 0.265s ease-in-out, opacity 0.265s ease-in-out;
}

header nav form .form-floating>.form-control,
header nav form .form-floating>.form-control-plaintext,
header nav form .form-floating>.form-select {
    height: calc(2.35rem + calc(var(--bs-border-width)* 2));
    min-height: calc(2.35rem + calc(var(--bs-border-width)* 2));
    line-height: 1.25;
    background-color: rgba(255, 255, 255, 0.06);
    border-radius: 50px;
    position: relative;
    padding: 8px;
    border: 1px solid #76AE2F;
    font-size: 0.88rem;
    font-family: 'IRANSansX-M';
    min-width: 200px;
}

header nav form .form-floating>label {
    padding: 0.55rem .75rem 1rem;
    font-size: 0.8rem;
    background: transparent !important;
    color: #76AE2F !important;
    background-color: transparent !important;
}

header nav form .form-floating>label::after {
    background-color: transparent !important;
}

header .header-content {
    position: relative;
}

header .header-content .header-content-txt h1 {
    font-family: 'IRANSansX-B';
    font-size: 2.35rem;
    margin-bottom: 24px;
    line-height: 1.666;
}

header .header-content .header-content-txt p {
    color: RGBA(0, 0, 0, 0.6);
    font-size: 0.93rem;
    line-height: 1.888rem;
    max-width: 600px;
}

.contact-box .cb-content a,
header .header-content .header-content-txt a {
    color: #fff;
    font-size: 0.985rem;
    padding: 10px 24px 11px;
    border-radius: 50px;
    border: 1px solid transparent;
    background: #09811C;
    -webkit-box-shadow: 0px 0px 10px #ffffff00;
    box-shadow: 0px 0px 10px #ffffff00;
    -webkit-transition: -webkit-box-shadow 0.265s ease-in-out;
    transition: -webkit-box-shadow 0.265s ease-in-out;
    -o-transition: box-shadow 0.265s ease-in-out;
    transition: box-shadow 0.265s ease-in-out;
    transition: box-shadow 0.265s ease-in-out, -webkit-box-shadow 0.265s ease-in-out;
}

header .header-content .header-content-txt a:last-child {
    color: #09811C;
    background-color: transparent !important;
    background: transparent !important;
    border-color: #09811C !important;
}

.contact-box .cb-content a:hover,
header .header-content .header-content-txt a:hover {
    -webkit-box-shadow: 0px 0px 10px #46ea61c4;
    box-shadow: 0px 0px 10px #46ea61c4;
    -webkit-transition: -webkit-box-shadow 0.265s ease-in-out;
    transition: -webkit-box-shadow 0.265s ease-in-out;
    -o-transition: box-shadow 0.265s ease-in-out;
    transition: box-shadow 0.265s ease-in-out;
    transition: box-shadow 0.265s ease-in-out, -webkit-box-shadow 0.265s ease-in-out;
}

.contact-box .cb-content svg,
header .header-content .header-content-txt a svg {
    width: 16px;
    height: 16px;
    position: relative;
    top: 1px;
}

header .header-content img {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto;
    max-height: 400px;
}

/* -------------------- */
.gallery {
    padding: 75px 0 45px;
    position: relative;
}

.gallery::before {
    content: "";
    width: 75%;
    max-width: 800px;
    height: 1px;
    background-color: #76AE2F;
    position: absolute;
    top: 34px;
    right: 0;
    left: 0;
    margin: auto;
}

.gallery h4 {
    font-family: 'IRANSansX-B';
    font-size: 1.95rem;
    margin-bottom: 34px;
}

.gallery h4 svg {
    width: 16px;
    height: 16px;
    color: #18522d;
}

.gallery .s-left-img img {
    width: 100%;
    height: 624px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 65px 16px 16px 16px;
}

.gallery .s-top-img {
    padding-bottom: 12px;
}

.gallery .s-top-img img {
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px;
}

.gallery .s-bottom-img {
    padding-top: 12px;
}

.gallery .s-bottom-img img {
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px;
}

.gallery .s-bottom-img:last-child img {
    border-radius: 16px 16px 65px 16px;
}

.gallery .box {
    padding: 34px 34px 31px;
    box-shadow: rgb(230, 232, 234) 0px 0px 0px 1px;
    border-radius: 8px;
    border: 1px solid transparent;
    max-width: 585px;
    margin: auto;
    position: relative;
    overflow: hidden;
    transition: border-color 0.265s ease-in-out;
}

.gallery .box h6 {
    margin-bottom: 13px;
    font-size: 0.966rem;
    font-family: 'IRANSansX-B';
}

.gallery .box p {
    font-size: 0.9rem;
    line-height: 1.766rem;
    margin-bottom: 4px;
    position: relative;
    color: RGBA(0, 0, 0, 0.6);
    z-index: 50;
}

.gallery .box p svg {
    width: 16px;
    height: 16px;
    position: relative;
    top: 6px;
    color: #09811C;
}

.gallery .box a {
    display: inline-block;
    border: 1px solid transparent;
    background-color: #09811C;
    color: #fff;
    padding: 8px 13px;
    border-radius: 0.375rem;
    margin-top: 13px;
    font-size: 0.925rem;
    transition: background-color 0.265s ease-in-out;
}

.gallery .box a:hover {
    background-color: #085414;
    transition: background-color 0.265s ease-in-out;
}

.gallery .box:hover {
    border-color: #085414;
    transition: border-color 0.265s ease-in-out;
}

.gallery .box a svg {
    width: 16px;
    height: 16px;
    color: inherit;
}

.gallery .box>span svg {
    position: absolute;
    bottom: -24px;
    left: -24px;
    opacity: 0.185;
}

.gallery .box>span svg {
    width: 200px;
    height: 200px;
}

.gallery .box .gr-box {}

.s-left-img,
.s-top-img,
.s-bottom-img {
    position: relative;
}

.s-left-img p,
.s-top-img p,
.s-bottom-img p {
    position: absolute;
    bottom: 13px;
    left: 24px;
    margin: 0;
    min-width: 50%;
    background: rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border-radius: 0.375rem;
    right: 24px;
    padding: 12px 16px;
    color: #fff;
    -webkit-backdrop-filter: blur(8.8px);
    backdrop-filter: blur(8.8px);
    font-size: 0.92rem;
    -webkit-transition: background 0.165s ease-in-out, color 0.165s ease-in-out;
    -o-transition: background 0.165s ease-in-out, color 0.165s ease-in-out;
    transition: background 0.165s ease-in-out, color 0.165s ease-in-out;
}

.s-top-img p {
    bottom: 19px;
}

.s-bottom-img p {
    bottom: 10px;
}

.s-bottom-img:last-child p {
    right: 30px;
    overflow: hidden;
    border-radius: 16px 16px 100px 16px;
}

.s-left-img:hover p,
.s-top-img:hover p,
.s-bottom-img:hover p {
    background: rgba(255, 255, 255, 0.25);
    color: #000;
    -webkit-transition: background 0.165s ease-in-out, color 0.165s ease-in-out;
    -o-transition: background 0.165s ease-in-out, color 0.165s ease-in-out;
    transition: background 0.165s ease-in-out, color 0.165s ease-in-out;
}

/* -------------------- */
.faq {
    padding: 65px 0;
}

.faq .faq-list span {
    display: block;
    color: #18522d;
    margin-bottom: 4px;
}

.faq .faq-list h4 {
    font-size: 1.35rem;
    margin-bottom: 18px;
}

.faq .faq-list .accordion-item {
    background-color: transparent;
    border: 0;
    margin-bottom: 6px;
}

.faq .faq-list .accordion-button {
    background: transparent;
    color: #fff;
    background-color: #09811C;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    position: relative;
    border-radius: 0.375rem;
    padding: 16px 36px 16px 20px;
}

.faq .faq-list .accordion-button:hover {
    background-color: #085414;
}

.faq .faq-list .accordion-button::after {
    position: absolute;
    right: 6px;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;

}

.faq .faq-list .accordion-body {
    padding: 16px 36px 16px 20px;
    color: RGBA(0, 0, 0, 0.6);
    position: relative;
}

.faq .faq-list .accordion-body::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 13px;
    bottom: 8px;
    width: 1px;
    background-color: RGBA(0, 0, 0, 0.6);

}

.faq .faq-list .accordion-body p span {
    color: #E82127;
    display: inline;
}

.faq .faq-list .accordion-body p {
    color: RGBA(0, 0, 0, 0.6);
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.996rem;
    line-height: 2;
}

.faq .faq-list .accordion-body p:last-child {
    margin-bottom: 0;
}

.faq .faq-road h5 {
    margin-bottom: 22px;
}

.faq .faq-road>span svg {
    width: 24px;
    height: 24px;
}

.faq .faq-road>div {
    padding: 0 18px;
}

.faq .faq-road .fq-box {
    background-color: #76AE2F;
    color: #fff;
    text-align: right;
    padding: 18px;
    border-radius: 0.375rem;
    font-size: 0.895rem;
    line-height: 1.888;
}

.faq .faq-road .fq-sub {
    position: relative;
    margin: 26px 0 0 46px;
    text-align: left;
}

.faq .faq-road .fq-sub::before {
    content: '';
    position: absolute;
    top: -26px;
    left: -26px;
    width: 60px;
    height: 69px;
    border: 6px solid #77ae2f8f;
    border-right: 0;
    border-top: 0;
    z-index: -10;
}

.faq .faq-road .fq-sub img {
    border-radius: 50px;
    height: 75px;
    width: 75px;
    min-width: 75px;
}

.faq .faq-road .fq-sub h6 {
    font-family: 'IRANSansX-B';
}

.faq .faq-road .fq-sub span {
    color: RGBA(0, 0, 0, 0.6);
}

/* -------------------- */
.info {
    background-color: #F2F5F7;
    padding: 65px 0;
}

.info h4 {
    font-family: 'IRANSansX-B';
    font-size: 1.95rem;
    margin-bottom: 46px;
}

.info h4 svg {
    width: 42px;
    height: 42px;
    color: #18522d;
}

.info-r>div>div:first-child {
    width: 40%;
    padding: 0 0 0 12px;
}

.info-r>div>div:last-child {
    width: 60%;
    padding: 0 6px 0 0;
}

.info .info-box {
    border: 3px solid #00B8B8;
    border-radius: 24px;
    position: relative;
    margin-bottom: 32px;
    padding: 42px 24px 18px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.info .info-box p {
    margin: 0;
    text-align: justify;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.915rem;
    line-height: 1.766;
}

.info .info-box h6 {
    font-size: 1.05rem;
    font-family: 'IRANSansX-B';
}

.info .info-box span {
    background-color: #00B8B8;
    height: 60px;
    width: 60px;
    border-radius: 50px;
    position: absolute;
    top: -30px;
    right: 0;
    left: 0;
    margin: auto;
}

.info .info-box span svg {
    color: #fff;
    width: 36px;
    height: 36px;
}

.info img {
    max-height: 425px;
    border-radius: 13px;
}

.info .small-info-box {
    width: 85px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 13px;
    height: 85px;
    background: #E3E8F6;
    border: 1px solid #E3E8F6;
    border-radius: 0.375rem;
    padding: 16px;
}

.info .small-info-box span {
    font-size: 0.945rem;
    font-family: 'IRANSansX-B';
}

.info .small-info-box span:first-child {
    color: RGBA(0, 0, 0, 0.6);
    text-wrap: nowrap;
}

.info .small-info-box span:last-child {
    font-size: 0.835rem;
}

/* -------------------- */
.contact-box {
    padding: 185px 0 95px;
    overflow: hidden;
}

.contact-box h4 {
    font-size: 1.35rem;
    line-height: 1.666;
    font-family: 'IRANSansX-B';

}

.contact-box p {
    color: RGBA(0, 0, 0, 0.6);
    font-size: 0.93rem;
    line-height: 1.888rem;
}

.contact-box .cb-content {
    background-color: #F2F5F7;
    border-radius: 24px;
    position: relative;
    padding: 32px;
    position: relative;
}

.contact-box .cb-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    right: 18px;
    bottom: 0;
    border-radius: 24px;
    border: 3px solid rgba(0, 0, 0, 0.15);
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    z-index: -1;
}

.contact-box .cb-img img {
    max-height: 430px;
    position: absolute;
    bottom: 0px;
    left: 34px;
}

/* -------------------- */
.blogs {
    padding: 65px 0 45px;
    overflow: hidden;
}

.blogs .blogs-box {
    box-shadow: rgb(230, 232, 234) 0px 0px 0px 1px;
    background-color: #F2F5F7;
    border-radius: 16px;
    padding: 28px 26px;
    position: relative;
    height: 300px;
    width: 525px;
}

.blogs .blogs-box::after {
    content: '';
    width: 250px;
    height: 250px;
    background-color: #18522d;
    position: absolute;
    bottom: -16px;
    right: -16px;
    border-radius: 0.375rem;
    z-index: -1;
}

.blogs .blogs-box::before {
    content: '';
    width: 250px;
    height: 250px;
    background-color: transparent;
    border: 6px solid #76AE2F;
    position: absolute;
    top: -13px;
    right: -13px;
    z-index: -1;
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
}

.blogs .blogs-box img {
    max-height: 65px;
    border-radius: 0.375rem;
}

.blogs .blogs-box h5 {
    padding-right: 13px;
    font-size: 1.18rem;
    font-family: 'IRANSansX-B';
    margin: 0;
}

.blogs .blogs-box .bb-p {
    padding: 18px 0;
    height: 150px;
    overflow: hidden;
}

.blogs .blogs-box .bb-p p {
    color: RGBA(0, 0, 0, 0.6);
    font-size: 0.885rem;
    line-height: 1.666;
    margin-bottom: 4px;
}

.blogs .blogs-box .bb-p p:last-child {
    margin: 0;
}

.blogs .blogs-box a {
    color: #18522d;
    border: 1px solid #18522d;
    background: transparent;
    border-radius: 0.375rem;
    padding: 6px 8px;
    font-size: 0.925rem;
    -webkit-transition: background 0.265s ease-in-out, color 0.265s ease-in-out;
    -o-transition: background 0.265s ease-in-out, color 0.265s ease-in-out;
    transition: background 0.265s ease-in-out, color 0.265s ease-in-out;
}

.blogs .blogs-box a:hover {
    background: #18522d;
    color: #fff;
    -webkit-transition: background 0.265s ease-in-out, color 0.265s ease-in-out;
    -o-transition: background 0.265s ease-in-out, color 0.265s ease-in-out;
    transition: background 0.265s ease-in-out, color 0.265s ease-in-out;
}

.blogs .blogs-box a svg {
    color: inherit;
    width: 18px;
    height: 18px;
}

.blogs .blogs-box span {
    font-size: 0.825rem;
}

/* -------------------- */
.products {
    padding: 35px 0 45px;
    margin-top: 18px;
    position: relative;
}

.products .timer {}

.products .timer div {
    background-color: rgba(4, 240, 127, 0.1);
    border-radius: 0.375rem;
    color: #00B8B8;
    padding: 8px 13px;
    font-size: 1.15rem;
}

.products .p-img {
    position: absolute;
    z-index: -1;
    top: 30px;
    opacity: 0.66;
    right: 18px;
    left: 18px;
    margin: auto;
    max-height: 600px;
}

.products h5 {
    font-family: 'IRANSansX-B';
    font-size: 1.95rem;
    margin-bottom: 34px;
}

.products p {
    color: RGBA(0, 0, 0, 0.6);
    font-size: 0.965rem;
    line-height: 2.15rem;
    max-width: 850px;
    margin: 0 auto 18px;
}

.products .p-list {
    gap: 12px;
}

.products .p-box img {
    height: 285px;
    width: 285px;
    min-width: 285px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0.375rem;
}

/* -------------------- */
footer {
    background-color: #F2F5F7;
    padding: 85px 0 60px;
}

footer h6 {
    font-size: 1.15rem;
    line-height: 1.666;
    font-family: 'IRANSansX-B';
}

footer p {
    color: RGBA(0, 0, 0, 0.6);
    font-size: 0.915rem;
    max-width: 550px;
    margin: auto;
    line-height: 1.866;
    margin-bottom: 10px;
}

footer p svg {
    position: relative;
    top: -1px;
    color: #09811C;
}

footer ul {
    margin: 0;
    padding: 0;
}

footer ul li {
    padding: 4px 0;
}

footer ul li a {
    color: RGBA(0, 0, 0, 0.6);
    -webkit-transition: color 0.265s ease-in-out;
    -o-transition: color 0.265s ease-in-out;
    transition: color 0.265s ease-in-out;
}

footer ul li a:hover {
    color: #000;
    -webkit-transition: color 0.265s ease-in-out;
    -o-transition: color 0.265s ease-in-out;
    transition: color 0.265s ease-in-out;
}

footer ul li a svg {
    width: 18px;
    height: 18px;
    color: inherit;
}

footer img {
    max-height: 65px;
}

footer .social-media a {
    width: 46px;
    height: 46px;
    border-radius: 50px;
    background-color: #09811C;
    position: relative;
    margin-right: 35px;
    -webkit-transition: background-color 0.265s ease-in-out;
    -o-transition: background-color 0.265s ease-in-out;
    transition: background-color 0.265s ease-in-out;
}

footer .social-media a svg {
    color: #fff;
    width: 24px;
    height: 24px;

}

footer .social-media a:hover {
    background-color: #085414;
    -webkit-transition: background-color 0.265s ease-in-out;
    -o-transition: background-color 0.265s ease-in-out;
    transition: background-color 0.265s ease-in-out;
}

footer .social-media a::before {
    content: '';
    width: 35px;
    height: 0px;
    border-top: 3px dotted #09811C;
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    right: -35px;
    margin: auto;
}

footer .social-media a:first-child {
    margin-right: 0;
}

footer .social-media a:first-child:before {
    display: none !important;
}

/* --------------------------------------- */
.cnf {
    position: relative;
    padding: 18px 0 75px;
}

.cnf .auth-box {
    -webkit-box-shadow: rgb(230, 232, 234) 0px 0px 0px 1px;
    box-shadow: rgb(230, 232, 234) 0px 0px 0px 1px;
    border-radius: 8px;
    padding: 24px;
}

.cnf .auth-box h6 {
    color: #09811C;
}

.cnf .auth-box h6 svg {
    color: inherit;
    width: 18px;
    height: 18px;
}

.cnf .auth-box ul li {
    color: RGBA(0, 0, 0, 0.6);
    padding: 8px 8px 0;
    line-height: 1.866;
    font-size: 0.915rem;
}

.cnf .auth-box ul li span {
    font-family: 'IRANSansX-B';
    padding-right: 4px;
}

/* ************ */
.cnf .auth-form {
    -webkit-box-shadow: rgb(230, 232, 234) 0px 0px 0px 1px;
    box-shadow: rgb(230, 232, 234) 0px 0px 0px 1px;
    border-radius: 8px;
    max-width: 435px;
    padding: 24px 0 0;
}

.cnf .auth-form .auth-form-content .afc-title {
    padding: 0 26px;
}

.cnf .auth-form .auth-form-content .afc-title a {
    font-size: 0.77rem;
    color: rgb(187, 54, 167);
    background-color: rgb(254, 241, 250);
    padding: 8px 13px;
    border-radius: 0.375rem;
    border: 1px solid rgb(254, 241, 250);
    -webkit-transition: border-color 0.265s ease-in-out;
    -o-transition: border-color 0.265s ease-in-out;
    transition: border-color 0.265s ease-in-out;
}

.cnf .auth-form .auth-form-content .afc-title a:hover {
    border-color: rgb(187, 54, 167);
    -webkit-transition: border-color 0.265s ease-in-out;
    -o-transition: border-color 0.265s ease-in-out;
    transition: border-color 0.265s ease-in-out;
}

.cnf .auth-form .auth-form-content .afc-title a svg {
    width: 17px;
    height: 17px;
    color: inherit;
    position: relative;
    top: -2px;
}

.cnf .auth-form .auth-form-content .afc-title h2 {
    font-size: 20px;
    z-index: 10;
}

.cnf .auth-form .auth-form-content form {
    padding: 18px 36px 18px 36px;
}

.cnf .auth-form .auth-form-content form label {
    margin-bottom: 8px;
    padding-right: 3px;
    font-size: 0.93rem;
    font-family: 'IRANSansX-B';
    color: #000;
}

.cnf .auth-form .auth-form-content form textarea,
.cnf .auth-form .auth-form-content form input {
    height: 45px;
    font-size: 0.95rem;
    font-family: 'IRANSansX-B';
    position: relative;
    text-align: right;
}

.cnf .auth-form .auth-form-content form textarea::-ms-input-placeholder,
.cnf .auth-form .auth-form-content form input::-ms-input-placeholder {
    color: #6a7881;
}

.cnf .auth-form .auth-form-content form textarea::-webkit-input-placeholder,
.cnf .auth-form .auth-form-content form input::-webkit-input-placeholder {
    color: #6a7881;
}

.cnf .auth-form .auth-form-content form textarea::-moz-placeholder,
.cnf .auth-form .auth-form-content form input::-moz-placeholder {
    color: #6a7881;
}

.cnf .auth-form .auth-form-content form textarea:-ms-input-placeholder,
.cnf .auth-form .auth-form-content form input:-ms-input-placeholder {
    color: #6a7881;
}

.cnf .auth-form .auth-form-content form textarea::-ms-input-placeholder,
.cnf .auth-form .auth-form-content form input::-ms-input-placeholder {
    color: #6a7881;
}

.cnf .auth-form .auth-form-content form textarea::placeholder,
.cnf .auth-form .auth-form-content form input::placeholder {
    color: #6a7881;
}

.cnf .auth-form .auth-form-content form textarea {
    height: 120px;
    max-height: 200px;
}

.cnf .auth-form .auth-form-content form button {
    background-color: #F8285A;
    opacity: 0.72;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    padding: 10px 4px 8px;
    -webkit-transition: opacity 300ms ease-out;
    -o-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
}

.cnf .auth-form .auth-form-content form button:hover {
    opacity: 1;
    -webkit-transition: opacity 300ms ease-out;
    -o-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
}

.cnf .auth-form .auth-form-content form div .inp-icon {
    position: absolute;
    top: 2px;
    left: 1px;
    bottom: 2px;
    margin: auto;
    border-radius: 0.375rem;
    color: #78829D;
    width: 32px;
}

.cnf .auth-form .auth-form-content form div .inp-icon svg {
    width: 19px;
    height: 19px;
    color: inherit;
}

/* --------------------------------------- */
.about-us-content {
    padding: 65px 0 24px;
    overflow: hidden;
}

.about-us-content h3 {
    font-size: 1.95rem;
    margin-bottom: 35px;
    font-family: 'IRANSansX-B';
}

.about-us-content h3 svg {
    width: 42px;
    height: 42px;
    color: #18522d;
}

.about-us-content h6 {
    color: #18522d;
    font-size: 1.06rem;
    font-family: 'IRANSansX-B';
}

.about-us-content p {
    margin-bottom: 25px;
    color: RGBA(0, 0, 0, 0.6);
    font-size: 0.945rem;
    line-height: 1.988rem;
}

.about-us-content p span {
    color: #76AE2F;
}

.about-us-content .auc-box {
    background-color: #282430;
    border-radius: 20px;
    padding: 35px 46px;
    text-align: center;
    margin: auto;
    max-width: 960px;
    position: relative;
}

.about-us-content .auc-box::after,
.about-us-content .auc-box::before {
    content: '';
    position: absolute;
    top: 36px;
    bottom: 36px;
    right: 0;
    width: 2px;
    background-color: #18522d;
    border-radius: 50px 0 0 50px;
}

.about-us-content .auc-box::after {
    left: 0 !important;
    right: initial !important;
    border-radius: 0px 50px 50px 0;
}

.about-us-content .video-section {
    position: relative;
    border-radius: 24px;
    padding: 13px;
    border: 1px solid #F2F5F7;
    background-color: #F2F5F7;
    -webkit-transition: border-color 0.265s ease-in-out;
    -o-transition: border-color 0.265s ease-in-out;
    transition: border-color 0.265s ease-in-out;
}

.about-us-content .video-section::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 24px 0 0 0;
    background-color: #76AE2F;
    top: -24px;
    left: -24px;
    z-index: -1;
}

.about-us-content .video-section:hover {
    border-color: #09811C;
    -webkit-transition: border-color 0.265s ease-in-out;
    -o-transition: border-color 0.265s ease-in-out;
    transition: border-color 0.265s ease-in-out;
}

.about-us-content .video-section .h_iframe-aparat_embed_frame {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.about-us-content .video-section .h_iframe-aparat_embed_frame .ratio {
    display: block;
    width: 100%;
    height: auto;
}

.about-us-content .video-section .h_iframe-aparat_embed_frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* --------------------------------------- */
.service-items ul {
    padding: 0 0 0 18px;
}

.service-items ul li {
    margin-bottom: 6px;
}

.service-items ul li svg {
    width: 18px;
    height: 18px;
}

.service-page-box {
    background-color: #F2F5F7;
    padding: 18px;
    margin: 0 auto 13px;
    max-width: 300px;
    border-radius: 0.375rem;
}

.service-page-box .logo {
    width: 52px;
    height: 52px;
    min-width: 52px;
    background: #211913;
    border-radius: 0.375rem;
    margin-left: 8px;
}

.service-page-box .logo svg {
    width: 24px;
    height: 24px;
    color: #F88E2C;
}

.service-page-box span:first-child {
    font-size: 0.965rem;
    font-family: 'IRANSansX-B';
}

.service-page-box span:last-child {
    font-size: 0.88rem;
    color: RGBA(0, 0, 0, 0.6);
}

.service-page h4 {
    font-size: 24px;
    padding-left: 24px;
    margin-bottom: 35px;
    font-family: 'IRANSansX-B';
    position: relative;
}

.service-page h4::before {
    content: '';
    border-radius: 100px;
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: 0px;
    width: 4px;
    background-color: #18522d;
}

.service-page .myslider-item-b {
    background-color: #282430;
    border-radius: 24px;
    padding: 13px;
    border: 1px solid #282430;
    -webkit-transition: border-color 0.265s ease-in-out;
    -o-transition: border-color 0.265s ease-in-out;
    transition: border-color 0.265s ease-in-out;
}

.service-page .myslider-item-b:hover {
    border-color: #F88E2C;
    -webkit-transition: border-color 0.265s ease-in-out;
    -o-transition: border-color 0.265s ease-in-out;
    transition: border-color 0.265s ease-in-out;
}

.service-page .myslider-item-b img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 16px;
    height: 300px;
}

/* --------------------------------------- */
.mb-nav button {
    background: transparent;
    border: 1px solid #18522d;
    width: 80px;
    height: 40px;
    border-radius: 50px;
}

.mb-nav button svg {
    width: 24px;
    height: 24px;
    color: #18522d;
}

.offcanvas {
    background-color: #1A1A1E;
    color: #fff;
    max-width: 295px;
}

.offcanvas-header {
    background-color: #fff;
    color: #000;
}

.offcanvas-header h5 {
    font-family: 'IRANSansX-B';
}

.offcanvas-header .btn-close {
    color: #fff;
}

.offcanvas-body a {
    padding: 8px;
    color: #fff;
    font-size: 0.965rem;
    border-radius: 0.375rem;
    margin-bottom: 8px;
    -webkit-transition: background-color 0.265s ease-in-out;
    -o-transition: background-color 0.265s ease-in-out;
    transition: background-color 0.265s ease-in-out;
}

.offcanvas-body a.active-n,
.offcanvas-body a:hover {
    background-color: #18522d;
    -webkit-transition: background-color 0.265s ease-in-out;
    -o-transition: background-color 0.265s ease-in-out;
    transition: background-color 0.265s ease-in-out;
}

.offcanvas-body p {
    font-family: 'IRANSansX-B';
    font-size: 1.35rem;
    line-height: 1.633;
}

/* --------------------------------------- */
.blog-page-top {
    background-color: #282430;
    border-radius: 0 24px 24px 24px;
    padding: 13px;
    position: relative;
}

.blog-page-top img {
    width: 100%;
    height: 100%;
    max-height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 16px;
}

.blog-page-top span {
    font-size: 0.895rem;
    position: absolute;
    background-color: #282430;
    padding: 13px 18px;
    border-radius: 16px 16px 0 0;
    top: -42px;
    left: 0;
}

.blog-page-txt {
    -webkit-box-shadow: rgb(49, 45, 59) 0px 0px 0px 1px;
    box-shadow: rgb(49, 45, 59) 0px 0px 0px 1px;
    border-radius: 8px;
    background-color: #282430;
    padding: 24px;
}

.blog-page-txt h5 {
    font-size: 1.15rem;
}

.blog-page-txt p {
    color: RGBA(0, 0, 0, 0.6);
    font-size: 0.995rem;
    line-height: 1.777;
}

.blog-page-txt p svg {
    width: 18px;
    height: 18px;
    color: #18522d;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.blog-page-txt .date-box span {
    background-color: #223932;
    border-radius: 0.375rem;
    color: #00B8B8;
    padding: 8px 13px;
    font-size: 0.9rem;
}

.blog-page-links a {
    background-color: #484550;
    border: 3px solid #322F35;
    color: #fff;
    border-radius: 0.375rem;
    padding: 13px;
    margin-bottom: 8px;
    -webkit-transition: border-color 0.265s ease-in-out;
    -o-transition: border-color 0.265s ease-in-out;
    transition: border-color 0.265s ease-in-out;
}

.blog-page-links a:hover {
    border-color: #F88E2C;
    -webkit-transition: border-color 0.265s ease-in-out;
    -o-transition: border-color 0.265s ease-in-out;
    transition: border-color 0.265s ease-in-out;
}

.blog-page-links a svg {
    width: 24px;
    height: 24px;
    color: #F88E2C;
}