/*===================== 	Premery bg color =====================*/

:root {
    --primary: #102B70;
    --sc-primary:#343A40;
}


/* Hex */

.bg-primary,
.btn,
.comments-area .comment-form p input[type="submit"],
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.feature-filters .active > [class*="btn"],
.list-num-count > li:before,
.pagination-bx.primary .pagination > li > a,
.pagination-bx.primary .pagination > li > span,
button.back-to-top,
.rev-btn {
    background-color: var(--primary);
}


/*Hex color :hover */
.btn:active,
.btn:hover,
.btn:focus,
.active > .btn,
.bg-primary-dark,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.sidenav .closebtn:hover,
.sidenav .closebtn:focus,
.owl-btn-1.primary .owl-prev:hover,
.owl-btn-1.primary .owl-next:hover,
.owl-btn-2.primary .owl-prev:hover,
.owl-btn-2.primary .owl-next:hover,
.pagination-bx.primary .pagination > li > a:hover,
.pagination-bx.primary .pagination > li > span:hover,
.pagination-bx.primary .pagination > li.active > span,
.pagination-bx.primary .pagination > li.active > a {
    background-color: var(--sc-primary);
}


/*===================== 	Premery text color =====================*/

a,
.text-primary,
.primary li:before,

footer a:active,
footer a:focus,
footer a:hover,
footer h1 a,
footer h2 a,
footer h3 a,
footer h4 a,
footer h5 a,
footer h6 a,
footer p a,
.testimonial-1 .testimonial-position,
.acod-head a:after,
.acod-head a,
.acod-head a:hover,
.acod-head a.collapsed:hover,
.ttr-tabs .nav-tabs > li > a i,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.btn.outline,
.btn-link:hover {
    color: var(--primary);
}


/*===================== 	Secondery bg color =====================*/

.bg-secondry {
    background-color: #2d3239;
}


/*===================== 	Secondery text color =====================*/

.text-secondry {
    color: var(--sc-primary);
}

.ovpr-light:after,
.ovpr-middle:after,
.ovpr-dark:after,
.ovpr:after{
    background-color: var(--primary);
}

.ttr-notify-header::after,
.about-year,
.widget-bg1,
.ttr-search-bar,
.ttr-header,
.account-head:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#424bff+0,086ad8+100 */
	background: var(--sc-primary); /* Old browsers */
	background: -moz-linear-gradient(top, var(--sc-primary) 0%, var(--primary) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, var(--sc-primary) 0%,var(--primary) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, var(--sc-primary) 0%,var(--primary) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--sc-primary)', endColorstr='var(--primary)',GradientType=0 ); /* IE6-9 */
    /* IE6-9 fallback on horizontal gradient */
}


/* Secondry Color */
.btn:active,
.btn:focus,
.btn:hover{
    background-color: var(--sc-primary);
}




.ovprd-light:after,
.ovprd-middle:after,
.ovprd-dark:after,
.ovprd:after{
	background-color:var(--sc-primary);
}

[class*="ovbl-"] .counter-style-1 .counter-text,
.header-transparent .secondary-menu .btn-link:hover,
.header-transparent .menu-links .nav > li:hover > a,
.header-transparent .menu-links .nav > li.active > a{
    /*color: var(--primary);/*
}
button.back-to-top:hover{
    background-color: var(--primary);
    color: #F8F9FA;
}

.heading-bx.left .title-head {
    border-color: var(--sc-primary);
}
.ttr-separator.sepimg{
    background-image: url(../../images/separator-3.png);
}

/* important color */
.bg-primary{
	background-color: var(--primary)!important;
}
.text-primary{
	color: var(--primary)!important;
}



/*
		.rev_slider_wrapper,
.rev_slider {
    width: 100% !important;
    max-width: 100% !important;
}

.rev_slider_wrapper.fullscreen-container {
    overflow: hidden !important;
}

@media (max-width: 991px) {
    .rev_slider_wrapper.fullscreen-container,
    #rev_slider_1061_1 {
        height: 70vh !important;
        min-height: 420px !important;
    }
}

@media (max-width: 767px) {
    .rev_slider_wrapper.fullscreen-container,
    #rev_slider_1061_1 {
        height: 60vh !important;
        min-height: 350px !important;
    }

    .tp-bullets {
        display: none !important;
    }

    .action-box>a>img{
        width: 250px;
     }
     .item{
        width: 300px;
        height: 300px;
     }
}


@media (max-width: 991px) {
    .tp-fullwidth-forcer {
        height: 400px !important;
    }
}

@media (max-width: 767px) {
    .tp-fullwidth-forcer {
        height: 400px !important;
    }
}
*/

/* پایه اسلایدر */
.rev_slider_wrapper,
.rev_slider {
    width: 100% !important;
    max-width: 100% !important;
}

/* تصویر اسلاید */
.rev-slidebg{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* دسکتاپ */
.rev_slider_wrapper.fullscreen-container{
    height:100vh;
}

/* تبلت */
@media (max-width: 991px){

    .rev_slider_wrapper.fullscreen-container,
    #rev_slider_1061_1{
        height:70vh !important;
        min-height:420px;
    }

}

/* موبایل */
@media (max-width: 767px){

    .rev_slider_wrapper.fullscreen-container,
    #rev_slider_1061_1{
        height:60vh !important;
        min-height:350px;
    }

    .rev-slidebg{
        object-fit:cover;
    }

    /* مخفی کردن bullet */
    .tp-bullets{
        display:none !important;
    }

    .tp-bgimg.defaultimg {
        background-size: contain !important; /* کل تصویر دیده می‌شود */
        background-repeat: no-repeat !important;
    }

    /* ۲. یا اگر می‌خواهی همان cover بماند، فوکوس را به سمت چپ ببر (چون لوگو سمت چپ است) */
    .rev-slidebg, .tp-bgimg.defaultimg {
        background-position: left center !important;
    }

    /* ۳. کم کردن ارتفاع اسلایدر در موبایل برای تناسب با تصویر افقی */
    #rev_slider_1061_1_wrapper,
    #rev_slider_1061_1,
    .tp-fullwidth-forcer {
        height: 300px !important; /* ارتفاع را کمتر کن تا تصویر کمتر زوم شود */
    }


    .header-style-one, .header {
        background-color: #000 !important;
        position: absolute !important;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 999;
    }

    /* ۲. حذف سایه یا بوردر احتمالی که رنگ سفید ایجاد می‌کنه */
    .header-lower, .header-top {
        background: #000 !important;
    }

    /* ۳. اگر اسلایدر فضای خالی ایجاد کرده، آن را به بالا بکش */
    #rev_slider_1061_1_wrapper {
        margin-top: 0 !important;
        top: 0 !important;
    }

}








body , html {
    overflow-x: hidden !important;
}