@font-face {
    font-family: Sahel;
    src: url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel.eot');
    src: url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel.eot?#iefix') format('embedded-opentype'),
    url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel.woff2') format('woff2'),
    url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel.woff') format('woff'),
    url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Sahel;
    src: url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-Bold.eot');
    src: url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-Bold.eot?#iefix') format('embedded-opentype'),
    url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-Bold.woff2') format('woff2'),
    url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-Bold.woff') format('woff'),
    url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Sahel;
    src: url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-Light.eot');
    src: url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-Light.eot?#iefix') format('embedded-opentype'),
    url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-Light.woff2') format('woff2'),
    url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-Light.woff') format('woff'),
    url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Sahel;
    src: url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-SemiBold.eot');
    src: url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-SemiBold.woff2') format('woff2'),
    url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-SemiBold.woff') format('woff'),
    url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: Sahel;
    src: url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-Black.eot');
    src: url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-Black.eot?#iefix') format('embedded-opentype'),
    url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-Black.woff2') format('woff2'),
    url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-Black.woff') format('woff'),
    url('https://rayan-argham.com/assets/front/fonts/sahel/Sahel-Black.ttf') format('truetype');
    font-weight: 900;
}

* {
    font-family: Sahel;
}

.navbar .dropdown-menu .dropdown-item .icon-arrow {
    right: unset;
    left: 15px;
    transform: rotate(180deg);
}

.navbar .dropdown-toggle:after {
    top: 10px;
    position: relative;
    right: 5px;
}

.navbar .dropdown-menu.show {
    direction: rtl;
    text-align: right;
}

.navbar .dropdown-menu .dropdown-item:after {
    left: unset;
    right: 0px;
    top: 20px;
}

.navbar .mega-menu .dropdown-item {
    padding: 10px 15px;
}

.navbar .navbar-nav .dropdown-menu {
    direction: rtl;
    text-align: right;
}

.navbar .dropdown-menu .dropdown-item .dropdown-side {
    left: unset;
    right: 248px;
}

.navbar .search-form .form-group button {
    right: unset;
    left: 15px;
    border-radius: 5px 0 0 5px;
}

.navbar .search-form .form-group input {
    padding: 10px 10px 10px 55px;
}

.slider .parallax-slider .caption h2 {
    letter-spacing: 3px;
}

.slider .slider-contro {
    left: 0;
    right: unset;
    border-radius: 0 40px 0 0;
}

.slider .slider-contro .shap-right-top {
    right: unset;
    left: 0;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.slider .swiper-pagination {
    left: unset;
    right: 30px;
}

.slider .swiper-pagination .swiper-pagination-total {
    position: relative;
    padding-left: unset;
    margin-left: unset;
    padding-right: 25px;
    margin-right: 15px;
}

.slider .swiper-pagination .swiper-pagination-total:before {
    left: unset;
    right: 0;
}

.sub-title {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.link-show-more {
    left: 0px;
    position: absolute;
}

.services .item-box2 .rmore {
    left: -20px;
    right: unset;
    border-radius: 0 0 30px 0;
}

.services .item-box2:hover .rmore {
    left: 0px;
    right: unset;
}

.services .item-box2 .rmore .shap-right-bottom {
    right: unset;
    left: 0;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.services .item-box2 .rmore .shap-left-top {
    right: -34px;
    top: 0px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.go-more .icon {
    margin-right: 15px;
    margin-left: unset;
}

.text-justify {
    text-align: justify;
}

.work-carsouel .work-crus .img .cont {
    right: 29px;
    left: unset;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-100 {
    margin-bottom: 100px;
}

.clients-carso2 {
    padding: 30px 0;
    border-top: unset;
    border-bottom: unset;
}

.blog-list-half .item .img .author {
    right: 15px;
    left: unset;
}

footer .subscribe-minimal button {
    right: unset;
    left: 30px;
}

.hamenu .menu-text .text p {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 10vw;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    opacity: 0.05;
    font-family: sahel;
}

.hamenu .cont-info:after {
    right: -30px;
    border-right: 1px solid #ddd;
}

.hamenu.open .menu-links .main-menu > li .link {
    padding-right: 110px;
}

.hamenu .menu-links .main-menu > li .link .fill-text {
    width: 100%;
}

.navbar .search-form .form-group {
    left: 0;
    right: unset;
}

.loginForm {
    max-width: 500px;
    display: block;
    margin: 100px auto;
}

.loginForm .logo {
    margin: auto;
    display: block;
    width: 150px;
}

.navbar {
    background: #0000005c;
}

.main-post .spec-letter {
    padding-right: unset;
    padding-left: 10px;
    float: right;
}

.main-post .post-qoute h6:before {
    top: 25px;
    left: -100px;
    font-size: 120px;
}

.main-post .post-qoute h6 p {
    font-size: 20px;
    font-family: sahel;
    font-weight: 900;
}

.main-post .post-qoute {
    margin-bottom: 40px;
}

article li:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #777;
    position: absolute;
    right: 0;
    top: 10px;
}

article li {
    margin-top: 10px;
    padding-right: 15px;
    position: relative;
}

.sidebar .search-box .icon {
    right: unset;
    left: 15px;
}

.sidebar .widget .title-widget {
    padding-right: 20px;
}

.mr-auto {
    margin-right: auto;
}

.sidebar .widget.last-post-thum .item .cont {
    padding-right: 25px;
    padding-left: unset;
}

.page-header-error .main-marq .item h4 {
    -webkit-text-stroke: 0.5px #1a1a1a !important;
}

.page-header-error .main-marq {
    left: unset;
    right: 0;
}


.warranty-minimal .form-group {
    position: relative;
}

.warranty-minimal {
    max-width: 400px;
    display: block;
    margin: auto;
}

.warranty-minimal input {
    background: transparent;
    border-radius: 30px;
    border: 1px solid #1a1a1a;
    width: 100%;
    padding: 15px 30px;
}

.warranty-minimal input:focus {
    border-color: #1a1a1a;
}

.warranty-minimal button {
    color: #1a1a1a;
    padding: 15px 0;
    position: absolute;
    top: 5px;
    left: 30px;
    background: transparent;
    border: 0;
}

.warranty-icon svg {
    transform: rotate(180deg);
}

.rotated {
    transform: rotate(90deg); /* زاویه چرخش */
    transition: transform 0.3s ease; /* برای انیمیشن روان چرخش */
}

.showResponseSearchIcon .danger {
    max-width: 350px;
    margin-top: 10px;
}

.showResponseSearchIcon .success {
    filter: hue-rotate(250deg);
    margin-top: 30px;
    max-width: 100px;
}

.responseDanger {
    padding: 15px;
    color: #fff;
    margin-top: 20px;
    background: linear-gradient(45deg, #c20b0bcc, #ff00008f);
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    flex-direction: column;
}

.responseSuccess {
    padding: 15px;
    color: #fff;
    margin-top: 20px;
    background: linear-gradient(45deg, #28822ccc, #35e5558f);
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    flex-direction: column;
}

.responseSuccess table{
    width: 90%;
    margin-top: 20px;
    border: 1px solid #fff;
}

.responseSuccess table{
    width: 100%;
    border: 1px solid #fff;
}

.responseSuccess tr{
    border-bottom: 1px solid #fff;
}

.responseSuccess th{
    padding: 5px;
    background: #ffffff4f;
    border-bottom: 1px solid #fff;
}

.responseSuccess td{
    padding: 5px;
}

.page-intro h2{
    font-size: 32px;
}
.page-intro h3{
    font-size: 28px;
}
.page-intro h4{
    font-size: 22px;
}
.page-intro h5{
    font-size: 20px;
}
.page-intro h6{
    font-size: 18px;
}

.portfolio-tab .cluom .more {
    margin-right: auto;
    margin-left: unset;
}

.hamenu .menu-links .main-menu > li .link {
    font-size: 36px;
}

.hamenu .menu-links .main-menu > li ul li .link {
    font-size: 28px;
}

.blog-header .background {
    height: 500px;
    background-position: center;
}

.blog-crev .item .img img {
    border-radius: 15px;
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.main-post .info-area .tags a, .main-post .info-area .share-icon a{
    margin-bottom: 5px;
}

@media (min-width: 400px) {

    .blogDetails{
        flex-direction: column;
    }

    .fz-55 {
        font-size: 32px !important;
    }
}

@media (max-width: 400px) {

    .blog-header .background {
        height: 150px;
        min-height: 150px;
    }
    .mobCenter{
        display: block;
        margin: auto;
        width: 100%;
        text-align: center;
    }

    .section-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .blog-header .background {
        height: 150px;
        min-height: 150px;
    }

    .main-bg .info{
        flex-direction: column;
        align-items: center;
    }

    .blogDetails{
        flex-direction: column;
    }

    .fz-55 {
        font-size: 32px !important;
    }
}

.slider .parallax-slider .caption h2 {
    letter-spacing: 3px;
    font-size: 80px;
    font-weight: 900;
}

.blog h1{
    font-size: 3rem;
}
.blog h2{
    font-size: 2.5rem;
}
.blog h3{
    font-size: 2.2rem;
}
.blog h4{
    font-size: 2rem;
}


.modern-footer .bord-left:after{
    content: "";
    position: unset;
    top: unset;
    bottom: unset;
    left: unset;
    border-left: unset;
}