/* 

فونت 

*/




h1,

h2,

h3,

h4,

h5,

h6 ,
.title,

.header-sub,
.main-btn,
.services-title
,.team-title{

    font-family: Mikhak FD, sans-serif !important;

}







.header-sub-title,

.section-title h4,

h2.section-title,

a.main-btn,

.team-inner h5,

h4.services-title a,

h3.title {

    font-family: Mikhak FD, sans-serif !important;

}



/* Paragraphs and general text */

p,

strong,

em,

b,

i,

span,

a {

    font-family: Mikhak FD, sans-serif !important;

}



/* Lists */

ul,

ol,

li {

    font-family: Mikhak FD, sans-serif !important;

}



/* Block Elements */

div,

header,

footer,

section,

article,

aside,

main,

nav {

    font-family: Mikhak FD, sans-serif !important;

}



/* Form Elements */

input,

textarea,

button,

label,

select,

option {

    font-family: Mikhak FD, sans-serif !important;

}



/* Tables */

table,

thead,

tbody,

tr,

th,

td {

    font-family: Mikhak FD, sans-serif !important;

}



/* Other Elements */

blockquote,

code,

pre,

abbr,

cite,

dfn {

    font-family: Mikhak FD, sans-serif !important;

}







/* استایل برای بخش دموها */

#team {

    padding: 60px 0;

    background-color: #f8f9fa;

}



.section-header {

    margin-bottom: 40px;

}



.section-title {

    font-size: 2.5rem;

    font-weight: bold;

    color: #333;

    margin-bottom: 10px;

}



.desc-text p {

    font-size: 1rem;

    color: #666;

    margin: 0;

}



.single-team {

    background: #ffffff;

    border-radius: 8px;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    overflow: hidden;

    position: relative;

}



.single-team:hover {

    transform: translateY(-10px);

    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);

}



.team-thumb {

    position: relative;

    overflow: hidden;

    border-bottom: 1px solid #ddd;

    height: 300px;

}



.team-thumb img {

    width: 100%;

    height: auto;

    max-height: none;

    transition: transform 0.3s ease;

    transform: translateY(0);

}



.single-team:hover .team-thumb {

    overflow-y: auto;

}



.single-team:hover .team-thumb img {

    transform: none;

}





.team-details {

    padding: 20px;

}



.team-inner {

    text-align: center;

}



.team-title {

    font-size: 1.25rem;

    font-weight: 600;

    color: #333;

    margin: 10px 0;

}



.team-inner p {

    font-size: 1rem;

    color: #777;

}



@media (max-width: 768px) {

    .section-title {

        font-size: 2rem;

    }



    .desc-text p {

        font-size: 0.875rem;

    }



    .team-title {

        font-size: 1.125rem;

    }



    .team-inner p {

        font-size: 0.875rem;

    }

}



















/* استایل برای بخش ویژگی‌های منحصر به فرد */

.features-section {

    padding-top: 70px;

    background-color: #f5f5f5;

}



.section-title {

    position: relative;

    margin-bottom: 30px;

}



.section-title .line {

    width: 60px;

    height: 4px;

    background-color: #333;

    margin: 0 auto 10px;

}



.section-title .title {

    font-size: 2.5rem;

    font-weight: bold;

    color: #333;

}



.section-title .title span {

    color: #007bff;

}



.features-content .text {

    font-size: 1rem;

    color: #666;

    margin-bottom: 30px;
    direction: rtl;
    text-align: center;
}



.single-feature {

    background: #ffffff;

    border-radius: 8px;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    overflow: hidden;

}



.single-feature:hover {

    transform: translateY(-10px);

    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);

}



.feature-items {

    padding: 20px;

}



.feature-items .count {

    font-size: 2rem;

    font-weight: bold;

    color: #333;

    display: block;

}



.feature-items .text {

    font-size: 1rem;

    color: #777;

}



.feature-color-1 {

    background-color: #e3f2fd;

}



.feature-color-2 {

    background-color: #f1f8e9;

}



.feature-color-3 {

    background-color: #fce4ec;

}



.video-content .video-wrapper {

    position: relative;

    overflow: hidden;

}



.video-wrapper .video-image img {

    width: 100%;

    height: auto;

    border-radius: 8px;

}



.video-icon {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.video-icon a {

    display: inline-block;

    background: #007bff;

    padding: 15px;

    border-radius: 50%;

    color: #fff;

    font-size: 2rem;

    transition: background-color 0.3s ease;

}



.video-icon a:hover {

    background-color: #0056b3;

}



@media (max-width: 768px) {

    .section-title .title {

        font-size: 2rem;

    }



    .section-title .title span {

        font-size: 1.2rem;

    }



    .features-content .text {

        font-size: 0.875rem;

    }



    .feature-items .count {

        font-size: 1.5rem;

    }



    .feature-items .text {

        font-size: 0.875rem;

    }

}















/* 

فوتر

*/

#footer {

    margin-top: 50px;

    background-color: #3253DA;

    padding: 20px 0;

    color: #fff;

}



#footer p{

    color: #fff;

}



#footer .text {

    font-size: 14px;

    margin: 0;

}



#footer a {

    color: #f1f1f1;

    text-decoration: none;

}



#footer a:hover {

    text-decoration: underline;

}













/* 

سکشن SERVICES

*/



#features {

    background-color: #f9f9f9;

    padding: 80px 0;

}



.section-title .line {

    height: 4px;

    width: 60px;

    background-color: gold;

    margin: 20px auto 0;

}



.section-title h3.title {

    font-size: 28px;

    font-weight: 700;

    color: #2c3e50;

}



.section-title p {

    font-size: 16px;

    color: #7f8c8d;

    margin-top: 10px;

}



.single-services {

    background-color: #ffffff;

    border-radius: 10px;

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    position: relative;

}



.single-services:hover {

    transform: translateY(-10px);

    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);

}



.services-icon {

    margin-top: -40px;

    position: relative;

    z-index: 10;

}



.services-icon i {

    font-size: 40px;

    color: #1abc9c;

    line-height: 1;

    z-index: 20;

}



.services-content {

    padding: 20px;

}



.services-title a {

    font-size: 22px;

    font-weight: 600;

    color: #2c3e50;

    text-decoration: none;

    transition: color 0.3s ease;

}



.services-title a:hover {

    color: gold;

}



.text {

    font-size: 14px;

    color: #7f8c8d;

    line-height: 1.8;

}



.about-content .main-btn {

    margin: 52px 0px 0px 160px !important;

}


@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .navbar-nav .nav-item {
        margin: 0;
        text-align: right;
    }
    .single-services .services-icon {
        display: inline-block;
        position: relative;
        margin-top: 0px;
    }
    .about-content .main-btn {
        background: -webkit-gradient(linear, left top, right top, from(#fe8464), color-stop(50%, #fe6e9a), to(#fe8464));
        background: linear-gradient(to right, #fe8464 0%, #fe6e9a 50%, #fe8464 100%);
        background-size: 200%;
        height: 50px;
        line-height: 50px;
        padding: 0 35px;
        margin-top: 50px !important;
        margin-left: 120px !important;
    }
}