@font-face {
    src: url(../font/dana/Dana-FaNum-Light.ttf);
    font-family: Dana;
}

@font-face {
    src: url(../font/dana/Dana-FaNum-DemiBold.ttf);
    font-family: "Dana Demibold";
}

@font-face {
    src: url(../font/playfair/PlayfairDisplay-Regular.ttf);
    font-family: playfair;
}

:root {
    --primary-font: "Dana";
    --secondary-font: "Dana Demibold";
    --primary-color: #fff;
    --secondry-color: #f4f4f4;
    --secondry-font-color: #676869;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
    font-size: 100%;
}

*,
:after,
:before {
    /*-webkit-box-sizing: inherit;*/
    /*box-sizing: inherit;*/
}

body {
    font-family: var(--primary-font);
}

body.offcanvas-menu:before {
    visibility: visible;
    opacity: 1;
}

/*------------- reset style -------------*/

a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    color: #000;
}

a, a:hover {
    text-decoration: none !important;
    color: #114232;
}

li {
    list-style: none;
}

p {
    color: #000;
}

/*------------- component -------------*/
.position-reset {
    position: initial;
}

.float-start {
    float: inline-start;
}

.float-end {
    float: inline-end;
}

.section-header {
    margin-bottom: 1.5rem;
}

.title {
    display: flex;
    font-size: calc(1rem + .5vw);
    /*font-family: var(--secondary-font);*/
    margin: 0;
    color: #000;
}

.section-button {
    border: 1px solid #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9.5rem;
    height: 2.3rem;
    font-size: .8rem;
    color: #000 !important;
    font-family: var(--secondary-font);
}

.section-button svg {
    margin: .4rem;
}

.swiper {
    width: 100%;
}


@media screen and (min-width: 992px) {
}

@media screen and (min-width: 768px) {

}


/* .btn-transparent {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.btn-transparent:hover {
  background-color: #fff;
}

.btn-rounded {
  border-radius: 70px;
}

.btn-large {
  padding: 11px 45px;
  font-size: 18px;
} */

/**
 * Change animation duration
 */
/* .animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
} */
/* 
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
} */


.about-summery-content-box {
    text-align: center;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    height: 100%;
    color: #939393;
}

.about-summery-img-box {
}

img.about-summery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-summery-content-fa-box {
    margin-top: 17%;
}

.about-summery-content-en-box {
    margin-top: 2%;
    font-size: 14px;
}

.about-summery-content-box-link {
    margin-top: 12%;
    align-self: end;
    color: #939393;
}

.about-summery-box {
    margin: 30px 0;
}

.intro-video {
    width: 100%;
    height: 60vh; /* ارتفاع دلخواه */
    object-fit: cover; /* کراپ برای تمام‌عرض */
    display: block;
}

.intro-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none; /* کلیک روی ویدیو غیرفعال */
}

.intro-content {
    pointer-events: auto; /* ولی دکمه قابل کلیک باشد */
    color: #fff;
    padding: 1rem 1.25rem;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .55);
}

.intro-title {
    font-size: clamp(28px, 5vw, 64px);
    font-weight: 400;
    letter-spacing: 10px;
    font-family: playfair;
    margin-bottom: 15px !important;
}

.intro-link-to-video-text {
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    letter-spacing: 2px;
    margin-left: 10px;
}

.intro-link-to-video-icon {
    color: #FFF;
    border: 2px solid #FFF;
    border-radius: 50%;
    padding: 5px 1px 2px 3px;
}

.slider-mobile{
    margin-top: 65px;
}
.direct-call-body-item-call-icon {
    width: 25px;
}