a, a:hover {
    text-decoration: none
}

.article-title, .card-title, .tools-name {
    font-size: 16px;
    font-weight: 700
}

a {
    color: #13c98e
}

    a:hover {
        color: #09d794
    }

code {
    color: #e01a76
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac
}

body {
    direction: rtl;
    font-family: IRANYekanWebRegular !important;
    background-color: #292a46;
    color: #fff
}

@font-face {
    font-family: IRANYekanWebRegular;
    src: url("font/iranyekanwebregularfanum.woff") format("woff")
}

.article-list-title {
    color: #337ab7;
    font-weight: 700
}

.article-title {
    padding-top: 20px;
    padding-bottom: 15px
}

.seo-input-url {
    width: 350px;
    text-align: left !important
}

.google-search-preview {
    text-align: left;
    max-width: 500px;
    border-radius: 4px;
    border: 4px solid #f4f4f4;
    padding: 12px;
    font-family: Arial,Helvetica,sans-serif;
    pointer-events: none
}

.google-url-format {
    color: #202124;
    font-style: normal;
    font-size: 14px;
    line-height: 1.3
}

.google-title-format {
    color: #1a0dab;
    line-height: 1.3;
    margin-bottom: 3px;
    font-size: 20px;
    padding-top: 5px
}

.google-description-format {
    font-size: 14px;
    font-family: arial,sans-serif !important
}

.loader-container {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    background: rgba(0,0,0,.834);
    z-index: 1
}

.spinner {
    width: 64px;
    height: 64px;
    border: 8px solid;
    border-color: #3d5af1 transparent #58d777;
    border-radius: 50%;
    animation: 1.2s linear infinite spin-anim
}

.text-spinner {
    color: #58d777;
    font-weight: 700
}

@keyframes spin-anim {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.breadcrumb {
    background: linear-gradient(50deg,#8901f9 26%,#d10bfe);
    color: #fff;
    padding-right: 10px;
    border-radius: 30px;
    padding-bottom: 3px;
    padding-top: 3px;
    font-size: 14px
}

.contact-us-vertical-line {
    border-left: 1px solid #d3ddd3
}

.footer-section {
    text-align: center;
    border-radius: 25px 25px 0 0;
    padding: 14px;
    color: #fff !important;
    background: linear-gradient(45deg,#343356,#353458)
}

.end-page-footer {
    position: relative;
    min-height: 100vh
}

.tools-button {
    background: linear-gradient(50deg,#8901f9 26%,#d10bfe)
}

.weblog-button {
    background-color: #13c98e;
    border-color: #05dd02;
    color: #fff
}

.card, .menu-color {
    color: #fff !important
}

.menu-header {
    padding-right: 20px !important
}

.error-report-tools-label {
    font-weight: 700
}

.border-style {
    border: 1px solid #ced4da
}

.css-minify-result {
    text-align: left;
    border: 1px solid;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

.card {
    background-color: #353458 !important;
    text-align: center
}

.red-orange-color {
    background: linear-gradient(90deg,#fd7d86 26%,#fc9847 59%)
}

.circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-top: 7px
}

.num-of-tools-box-home-page {
    padding-right: 3px
}

.blue {
    background: #16aaf1
}

.green {
    background: #58d777
}

.orange {
    background: #f45722
}

.yellow {
    background: #fdbc16
}

.Purple {
    background: #8901f9
}

.red {
    background: #c90b48
}

.gradiant-blue {
    background: linear-gradient(90deg,#038dff 26%,#00baff 59%)
}

.react-sweet-progress-symbol {
    display: none !important
}

.tools-padding {
    padding-right: 15px
}

.tools-number {
    float: left;
    color: #686a86 !important
}

.category-content-box {
    padding-left: 110px
}

.content-header-list-home-page {
    color: #686a86
}

.content-list-home-page {
    font-size: 14px
}

.content-link-button-home-page {
    border-radius: 20px;
    font-size: 14px
}

hr {
    color: #111112
}

.portfolio-title-home-page {
    color: #615395 !important
}

.input-sum-captcha {
    width: 150px
}

.heading-title {
    font-size: 16px !important;
    padding-bottom: 20px;
    padding-top: 10px;
    font-weight: 700 !important
}

.tools-description {
    line-height: 2
}

.article-details {
    background: #fff;
    color: #000;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px
}

.article-details-date {
    padding-top: 50px
}

h1, h2, h3, h4, h4 strong {
    font-size: 20px
}

.background-colorpicker {
    height: 100%;
    text-align: center;
    overflow: hidden;
    position: relative
}

.title-colorpicker {
    color: #fff;
    font-family: verdana;
    text-align: center;
    margin: 0;
    padding: 30px 0;
    opacity: .9
}

.color-selector {
    display: inline-block;
    margin: 0 auto;
    border-radius: 3px;
    position: relative;
    padding: 6px 32px 6px 10px;
    font-family: verdana;
    background: #fff
}

.package-section1, .package-section2, .package-section3 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 700
}

.color-selector:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0;
    border-color: #000 transparent transparent;
    position: absolute;
    right: 10px;
    top: 17px
}

.circle-colorpicker {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #eee;
    margin-right: 10px
}

.hidden-colorpicker {
    position: absolute;
    left: 0;
    opacity: 0
}

.overlay-colorpicker {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 105px;
    transition: 1s
}

    .overlay-colorpicker:active {
        top: calc(-50% + 105px);
        width: 160%;
        height: 160%;
        left: -30%
    }

.navbar-light .navbar-toggler-icon {
    background-color: #fff !important
}

.banner-ads-image {
    width: 100%
}

.package-section1 {
    background-color: #02b887
}

.check-icon-section1 {
    color: #02b887
}

.package-section2 {
    background-color: #fdbc16
}

.check-icon-section2 {
    color: #fdbc16
}

.package-section3 {
    background-color: #dd1543
}

.check-icon-section3 {
    color: #dd1543
}

.social-icon {
    font-size: 24px;
    padding-top: 10px;
    padding-left: 8px
}

.intro {
    font-size: 16px !important;
    color: #fff
}

.portfolio-border-radius {
    border-radius: 20px 20px 0 0
}

.ReactModal__Overlay {
    background-color: rgb(166 165 239 / 75%) !important
}

.ReactModal__Content {
    background-color: #292a46 !important
}

@media screen and (min-width:992px) {
    .portfolio-image {
        height: 357px;
        width: 634px
    }
}

.neshan {
    padding-right: 20px
}