/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Feb 8, 2019, 7:54:16 PM
    Author     : Sharif Uddin
    Email      : fsuuaas@gmail.com
*/

@media (min-width: 992px) {
    .circle-border {
        height: 400px;
        width: 400px;
    }

    /*.feature-content {*/
    /*    top: -50px;*/
    /*    left: -50px;*/
    /*    width: 500px;*/
    /*    height: 500px;*/
    /*}*/

    .circle-inner {
        min-width: 100px;
        min-height: 100px;
        padding: 10px;
    }

    .counter { font-size: 28px; }
    .counter + h5 { font-size: 13px; }

    .section-about:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: transparent;
        background-image: url('../images/dots-1.png');
        background-repeat: no-repeat;
        background-position: top right;
        transform:  rotate(-180deg);
        background-size: 40%;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .dark .section-about::before {
        opacity: 1;
        background: var(--dark, #222);
    }

    .services-grid .feature-box {
        padding: 3rem;
        background-size: 0;
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .services-grid .feature-box:hover {
        transform: translateY(-6px);
        border-color: var(--cnvs-feature-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;
    }

    .hero-title.display-3 {
        font-size: 4.25rem;
        letter-spacing: -3px;
    }

}