/*@font-face {*/
/*    font-family: "Vazir";*/
/*    src: url("../fonts/Vazir.eot");*/
/*     IE9 Compat Modes */
/*    src: url("../fonts/Vazir.eot?#iefix") format("embedded-opentype"),*/
/*        url("../fonts/Vazir.woff2") format("woff2"),*/
/*        url("../fonts/Vazir.woff") format("woff"),*/
/*        url("../fonts/Vazir.ttf") format("truetype");*/
/*     Safari, Android, iOS */
/*}*/
@import
url(
'https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;600;700&display=swap');
body {
    font-size: 20px;
    direction: rtl;
    text-align: right !important;
    font-family: "Vazirmatn" !important;
    line-height: 1.8;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255);
}
.navbar-dark .navbar-nav .nav-link {
    color: #ffcc00;
    font-weight: 500;
    letter-spacing: 1px;
    transition: color 0.3s ease;
}
.fas,
.fa,
.fab {
    color: #ff6600;
}
.text-green {
    color: #ffcc00;
}
.text-brown {
    color: #675d50;
}
.text-brown1 {
    color: #a9907e;
}
/*.text-red {*/
/*    color: #872341;*/
/*}*/
.text-red {
    color: #336666;
}
.text-navyBlue {
    color: #22092c;
}
.bg-green {
    background: #0066ff;
}
.bg-brown {
    background: #675d50;
}
.bg-brown1 {
    background: #a9907e;
}
/*.bg-red {*/
/*    background: #872341;*/
/*}*/
.bg-red {
    background: #800080;
}
.bg-NavyBlue {
    background: #22092c;
}
/*h1,#h1Small{*/
/*    font-size:3vh;*/
/*}*/
/*h1{*/
/*    font-size:100%;*/
/*}*/
.carousel-image-1 {
    background: url("../img/home/html.svg") no-repeat center center/contain;
}
.carousel-image-2 {
    background: url("../img/home/css.svg") no-repeat center center/contain;
}
.carousel-image-3 {
    background: url("../img/home/js.svg") no-repeat center center/contain;
}
.carousel-image-4 {
    background: url("../img/home/php.svg") no-repeat center center/contain;
}
@media (min-width: 992px) {
    .carousel {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }

    .carousel-item img {
        width: 100%;
        /*height: 450px;*/
        object-fit: cover;
    }
}
.carousel-control-next,
.carousel-control-prev,
.carousel-control-next:hover,
.carousel-control-prev:hover,
.carousel-control-next:focus,
.carousel-control-prev:focus,
.carousel-control-next:active,
.carousel-control-prev:active {
    color: inherit !important;
    opacity: 1 !important;
}
#overlay {
    background: linear-gradient(
            -71deg,
            rgba(34, 9, 44, 0.5) 0%,
            rgba(34, 9, 44, 0.5) 50%,
            transparent 50%
        ),
        url(../img/home/uiux.svg) no-repeat center center/contain;
}
#video {
    background: linear-gradient(
            105deg,
            rgba(34, 9, 44, 0.5) 0%,
            rgba(34, 9, 44, 0.5) 50%,
            transparent 50%
        ),
        url(../img/home/ecommerce.svg) no-repeat center center/contain;
}
.ekko-lightbox-nav-overlay a:last-child span {
    text-align: left !important;
}
.ekko-lightbox-nav-overlay a {
    color: #675d50;
}
@media screen and (min-width: 998px) {
    .img-scale:hover {
        transform: scale(1.5);
    }
}
/* scroll */
.scroll-top {
    background-color: #ffcc00;
    color: white;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 9999;
    text-align: center;
}
.scroll-top:hover {
    cursor: pointer;
}
.scroll-top i {
    padding-top: 10px;
    font-size: 30px;
    color: #fff;
}
input[type="text"]::placeholder {
    color: #675d50;
}

.form-control-invalid {
    border-color: #872341;
}

/* paginate */
.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    border-top-right-radius: 0.35rem;
    border-bottom-right-radius: 0.35rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;

    border-top-left-radius: 0.35rem;
    border-bottom-left-radius: 0.35rem;
}
@media only screen and (max-width: 576.98px) {
    /*#carouselExampleIndicators{*/
    /*    display: none;*/
    /*}*/
    /*    #overly{*/
    /*    display: none;*/
    /*}*/
    /*#gallery{*/
    /*    display: none;*/
    /*}*/
    /*#baner{*/
    /*    display: none;*/
    /*}*/
/*}*/
}


.col-md-6.column a img.img-fluid {
    border-radius: 12px !important;
    transform: none;
}

.col-md-6.column a img.img-fluid:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
@media (max-width: 767px) {
    #single{
        padding-left: 15px;
        padding-right: 15px;
    }
    #single p{
        margin-bottom: 40px;
        line-height: 1.8;
    }
}