body {
}

.vazir,
.vazir *:not(i) {
    font-family: Vazirmatn, sans-serif !important;
}

.header-logo-img {
    height: 35px;
}

.header-dictrictof-text {
    font-weight: 300;
}

.bio-list {
    
    font-size: 1.2em;
}

.bio-list li {
    
    margin-bottom:10px;
}

.bio-p {
    text-align: justify;
    font-size: 1.2em;
}

    .bio-p span {
        color: rgb(60, 121, 235);
        font-weight: bold;
    }

        .bio-p span.red {
            color: rgb(235, 62, 62);
            font-weight: bold;
        }

        .bio-p span.green {
            color: rgb(58, 139, 65);
            font-weight: bold;
        }

.full-width {
    width: 100%;
}

/*---Login Form---*/
.panel-login {
    border-color: #ccc;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}

    .panel-login > .panel-heading {
        color: #00415d;
        background-color: #fff;
        border-color: #fff;
        text-align: center;
    }

        .panel-login > .panel-heading a {
            text-decoration: none;
            color: #666;
            font-weight: bold;
            font-size: 15px;
            -webkit-transition: all 0.1s linear;
            -moz-transition: all 0.1s linear;
            transition: all 0.1s linear;
        }

            .panel-login > .panel-heading a.active {
                color: #029f5b;
                font-size: 18px;
            }

        .panel-login > .panel-heading hr {
            margin-top: 10px;
            margin-bottom: 0px;
            clear: both;
            border: 0;
            height: 1px;
            background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
            background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
            background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
            background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
        }

    .panel-login input[type="text"], .panel-login input[type="email"], .panel-login input[type="password"] {
        height: 45px;
        border: 1px solid #ddd;
        font-size: 16px;
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }

    .panel-login input:hover,
    .panel-login input:focus {
        outline: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-color: #ccc;
    }

.btn-login {
    background-color: #59B2E0;
    outline: none;
    color: #fff;
    font-size: 14px;
    height: auto;
    font-weight: normal;
    padding: 14px 0;
    text-transform: uppercase;
    border-color: #59B2E6;
}

    .btn-login:hover,
    .btn-login:focus {
        color: #fff;
        background-color: #53A3CD;
        border-color: #53A3CD;
    }

    .btn-login:disabled {
        color: #fff;
        background-color: #888;
        border-color: #888;
    }

.forgot-password {
    text-decoration: underline;
    color: #888;
}

    .forgot-password:hover,
    .forgot-password:focus {
        text-decoration: underline;
        color: #666;
    }


/*---End Login Form---*/


.latest-blog img {
    height: 50px;
    width: 50px;
	object-fit: cover;
}


/*profile-card*/
.card-container {
    padding: 100px 0px;
    -webkit-perspective: 1000;
    perspective: 1000;
}

.profile-card {
    max-width: 300px;
    background-color: #FFF;
    /*border-radius: 5px;*/
    /*box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);*/
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
    border-color:#ddd;
    border-style:solid;
    border-width:1px;
}

    .profile-card img {
        transition: all 0.25s linear;
    }

    .profile-card .profile-content {
        position: relative;
        padding: 15px;
        background-color: #FFF;
    }

    .profile-card .profile-name {
        font-weight: bold;
        position: absolute;
        left: 0px;
        right: 0px;
        top: -70px;
        color: #FFF;
        font-size: 17px;
		opacity: 0.6;
    background-color: #222;
    }

        .profile-card .profile-name p {
            font-weight: 600;
            font-size: 13px;
            letter-spacing: 1.5px;
        }

    .profile-card .profile-description {
        color: #777;
        font-size: 12px;
        padding: 10px;
    }

    .profile-card .profile-overview {
        padding: 15px 0px;
    }

        .profile-card .profile-overview p {
            font-size: 10px;
            font-weight: 600;
            color: #777;
        }

        .profile-card .profile-overview h4 {
            color: #273751;
            font-weight: bold;
        }

    .profile-card .profile-content::before {
        content: "";
        position: absolute;
        height: 20px;
        top: -10px;
        left: 0px;
        right: 0px;
        background-color: #FFF;
        z-index: 0;
        transform: skewY(3deg);
    }

    .profile-card:hover img {
        transform: rotate(5deg) scale(1.1, 1.1);
        filter: brightness(110%);
    }

    .profile-card .profile-description p{
        text-align:justify;
    }

/*end profile-card*/


.grecaptcha-badge{
   display:none;
}

.breadcrumbs *{
    color:#ddd;
}



img.lazy-with-loading {
    /* optional way, set loading as background */
    /*background-image: url('/img/loading.svg?v=sdjusdfsfdgfg');
    background-repeat: no-repeat;
    background-position: 50% 50%;*/

    background-color:white;

}

.slider-info-img h1{
    position:absolute;
    bottom:0;
    color:white;
}

.single-blog {
    height: 450px;
    overflow: hidden;
}

.ck-content {

    text-align:justify;
}

.about-pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: solid 3px #555;
    margin-bottom: 20px;
}

.tools-item-border{
    border:1px solid #888;
    padding:15px;
    display:block;
}

.tools-item-border:hover {
    background-color:#888;
    color:#fff;
}

.ck-editor__editable_inline {
    min-height: 500px;
}

.about-logos{
    height:70px;
    margin:15px;
}