body {
    font-family: "Cairo", sans-serif;
}

/*#myslide
{
    direction:ltr;
}*/
.card-bg-dark, .floating-nft-header #header-wrap .header-row {
    background: -webkit-linear-gradient(var(--cnvs-card-bg));
    background: linear-gradient(var(--cnvs-card-bg));
    box-shadow: 0 7px 14px 0 rgb(0,0,0,.05),0 3px 6px 0 rgba(0,0,0,.2);
    border-radius: .3rem
}

.card.card-bg-dark {
    border: 0
}
.client-logos img {
    object-fit: contain
}
.feature-box {
   /* padding: 2rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: .5rem;
    border: 1px solid var(--cnvs-secondary-color)*/
}
.services-grid .feature-box:hover {
    background-size: cover
}

.dark .services-grid .feature-box .fbox-icon i {
    background-color: rgba(255,255,255,.15)
}
.services-grid .feature-box, .services-grid .feature-box .fbox-icon, .services-grid .feature-box .fbox-content, .hover-button {
    transition: all .4s ease,border-color 0s ease
}
.services-grid .feature-box {
    padding: 3rem;
    background-size: 0;
    border: 1px solid rgba(255,255,255,.1)
}
    .services-grid .feature-box:hover {
        transform: translateY(-6px);
        border-color: var(--cnvs-themecolor)
    }

    .services-grid .feature-box:not(:hover) .hover-button {
        opacity: 0;
        transform: translateY(-5px)
    }
    .services-grid .feature-box .fbox-icon, .services-grid .feature-box .fbox-content {
        transform: translateY(20px)
    }

    .services-grid .feature-box:hover .fbox-icon, .services-grid .feature-box:hover .fbox-content {
        transform: translateY(0px)
    }

.dark .services-grid .feature-box:hover .fbox-icon i {
    background-color: #fff
}

.heading-block h3 {
    font-size: 2.5rem;
    line-height: 1.3 !important
}
.services-grid .feature-box .fbox-icon i {
    background-color: #fff
}
#slider {

    background-position: top right;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.body-rtl #slider {
    background-position: top left;
}
.body-rtl #header .menu-bg::after {
    background-color: #c6c09c
}
.body-rtl #header .menu-bg {
    background-color: #c6c09c
}
.body-rtl #header-wrap {
    background-color: #ffffff
}
.body-rtl #header .menu-bg::before {
    border-bottom-width: var(--cnvs-header-height,70px);
    border-bottom-style: solid;
    border-bottom-color: #fff;
}
.body-rtl .is-expanded-menu .sticky-header #header-wrap {
    background-color: #ffffff
}
.cnvs-switcher-container {
    display: none;
}
.body-rtl #myContainer{
direction: ltr;
}
.body-rtl #myProject {
    direction: rtl;
}
.body-rtl #mystory{
    direction:rtl
}
/*#myfooter li {
display: flex;
    -style-type: disclosure-closed;
    flex-direction: column;
    align-content: center;
    /* justify-content: center; */
/*align-items: flex-start;
list-style-type: disclosure-closed;
}*/ /**/
.body-rtl #footer2 {
    direction: ltr;
}
.body-rtl #myBlog {
    direction:rtl;
}
.lady-justice-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: -30px -30px 0 #edb314e6;
    opacity: 1.4;
    border-radius: .25rem
}

.owl-carousel .jumbotron {
    height: 400px
}

.owl-item .jumbotron {
    opacity: .5;
    transform: scale(.95);
    transition: all .5s ease
}

.owl-item .jumbotron-text {
    opacity: 0;
    transform: scale(.9);
    transition: all .4s .2s ease
}

.owl-item.active .jumbotron,
.owl-item.active .jumbotron-text {
    opacity: 1;
    transform: scale(1)
}

#oc-teachers .owl-nav [class*=owl-] {
    opacity: 1;
    left: 61px !important;
    height: 60px;
    line-height: 60px;
    border: none;
    color: #333;
    background-color: transparent;
    font-size: 28px;
    border-radius: 0
}

#oc-teachers.owl-nav .owl-next {
    left: auto;
    right: -61px
}

#oc-teachers .owl-nav .owl-next {
    left: auto !important;
    right: 62px !important;
    border-radius: 0
}

#oc-teachers .owl-nav [class*=owl-]:hover {
    transform: scale(1.3);
    background-color: transparent !important;
    color: var(--cnvs-themecolor) !important
}

.device-md #oc-teachers .owl-nav .owl-prev {
    left: 67px !important
}

.device-md #oc-teachers .owl-nav .owl-next {
    right: 67px !important
}

.device-sm #oc-teachers .owl-nav .owl-prev,
.device-xs #oc-teachers .owl-nav .owl-prev {
    left: 27px !important
}

.device-sm #oc-teachers .owl-nav .owl-next,
.device-xs #oc-teachers .owl-nav .owl-next {
    right: 27px !important
}
.section-product .section-product-content {
    max-width: 400px;
    position: absolute;
    bottom: 30px;
    right: 0;
    padding: 30px
}
.section-product.alt .section-product-content {
    left: 0;
    right: auto
}
.section-product .section-product-content {
    max-width: 100%;
    position: relative;
    bottom: 0;
    right: 0;
    background-color: #fff;
    padding: 20px;
    z-index: 1
}

    .section-product .section-product-content h3 {
        font-weight: 800
    }

.section-product.alt .section-product-image,
.section-product.alt .section-product-content {
    float: none
}
.section-product .section-product-image {
    position: relative;
/*    width: 85%;
*/    background: #fff
}

.section-product .section-product-content {
    max-width: 400px;
    position: absolute;
    bottom: 30px;
    right: 0;
    padding: 30px
}

.section-product.alt .section-product-image {
    float: right
}

.section-product.alt .section-product-content {
    left: 0;
    right: auto
}