@charset "UTF-8";

/*
----------------------------------
Table of contents

/* ===================================
    01. Google font
====================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

/* ===================================
    02. Reset
====================================== */
.row {
    margin-right: -15px;
    margin-left: -15px;
}

    .row > * {
        padding-right: 15px;
        padding-left: 15px;
    }

    .row.g-0 {
        margin-right: 0;
        margin-left: 0;
    }

        .row.g-0 > * {
            padding-right: 0;
            padding-left: 0;
        }

.border-radius-6px {
    border-radius: 6px;
}
.overflow-hidden {
    overflow: hidden !important;
}
.padding-5-rem-lr {
    padding-left: 5rem;
    padding-right: 5rem;
}
.padding-15px-tb {
    padding-top: 15px;
    padding-bottom: 15px;
}
.box-shadow-large, .box-shadow-large-hover:hover {
    box-shadow: 0 0 30px rgba(0,0,0,.08);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.box-shadow-very-light-hover:hover, .box-shadow-light-hover:hover, .box-shadow-dark-hover:hover, .box-shadow-large-hover:hover, .box-shadow-extra-large-hover:hover, .box-shadow-medium-hover:hover, .box-shadow-small-hover:hover, .box-shadow-double-large-hover:hover {
    -moz-transform: translate3d(0, -3px, 0);
    -o-transform: translate3d(0, -3px, 0);
    -ms-transform: translate3d(0, -3px, 0);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}

/* hover background */
.feature-box-bg-white-hover:hover {
    background-color: #fff;
    border-color: #fff !important
}
.bg-white {
    background-color: #FFF;
}

header [class^="container-"] [class^="col-"], header [class^="container-"] [class*=" col-"] {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}
/* feature box */
.feature-box * {
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
}

.feature-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    z-index: 1;
    position: relative;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
}

    .feature-box .feature-box-content {
        max-width: 100%;
    }

.feature-box-left-icon .feature-box-icon {
    margin-right: 35px;
}

.feature-box-left-icon {
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
}

    .feature-box-left-icon .feature-box-content {
        overflow: hidden;
        flex: 1;
    }

.feature-box-left-icon-middle {
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
}

    .feature-box-left-icon-middle .feature-box-content {
        overflow: hidden;
        -webkit-box-flex: 1;
        flex: 1;
    }

.feature-box.text-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.feature-box.text-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.feature-box.feature-box-shadow:hover, .feature-box .feature-box-shadow:hover {
    border-color: transparent !important;
    -moz-transform: translate3d(0, -3px, 0);
    -o-transform: translate3d(0, -3px, 0);
    -ms-transform: translate3d(0, -3px, 0);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}

.feature-box.feature-box-shadow .feature-box-overlay {
    box-shadow: 0 0 20px rgba(0,0,0,.05);
    opacity: 0;
}

.feature-box.feature-box-shadow:hover .feature-box-overlay {
    opacity: 1;
}

.feature-box-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
}

.feature-box:hover .feature-box-overlay {
    opacity: 1;
}

.feature-box.feature-box-dark-hover:hover .feature-box-icon, .feature-box.feature-box-dark-hover:hover i, .feature-box.feature-box-dark-hover:hover span, .feature-box.feature-box-dark-hover:hover p, .feature-box.feature-box-dark-hover:hover .btn, .feature-box.feature-box-dark-hover:hover a, .feature-box.feature-box-dark-hover:hover h1, .feature-box.feature-box-dark-hover:hover h2, .feature-box.feature-box-dark-hover:hover h3, .feature-box.feature-box-dark-hover:hover h4, .feature-box.feature-box-dark-hover:hover h5, .feature-box.feature-box-dark-hover:hover h6 {
    color: #ffffff !important;
}

.feature-box.feature-box-dark-hover:hover .btn {
    border-color: #ffffff !important;
}

.feature-box.feature-box-dark-hover:hover [class^="text-gradient"], .feature-box.feature-box-dark-hover:hover [class*=" text-gradient"] {
    color: #ffffff !important;
    background-image: none;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
}

.feature-box.feature-box-light-hover:hover .feature-box-icon, .feature-box.feature-box-light-hover:hover i, .feature-box.feature-box-light-hover:hover span, .feature-box.feature-box-light-hover:hover p, .feature-box.feature-box-light-hover:hover .btn, .feature-box.feature-box-light-hover:hover a, .feature-box.feature-box-light-hover:hover h1, .feature-box.feature-box-light-hover:hover h2, .feature-box.feature-box-light-hover:hover h3, .feature-box.feature-box-light-hover:hover h4, .feature-box.feature-box-light-hover:hover h5, .feature-box.feature-box-light-hover:hover h6 {
    color: #232323 !important;
}

.feature-box.feature-box-light-hover:hover .btn {
    border-color: #232323 !important;
}

.feature-box.feature-box-light-hover:hover [class^="text-gradient"], .feature-box.feature-box-light-hover:hover [class*=" text-gradient"] {
    color: #232323 !important;
    background-image: none;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
}

.feature-box.feature-box-light-hover:hover p, .feature-box.feature-box-dark-hover:hover p {
    opacity: .65
}

/* feature box icon hover */
.feature-box-icon-rounded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

    .feature-box-icon-rounded i {
        position: relative;
        z-index: 1;
    }

    .feature-box-icon-rounded .feature-box-icon-hover {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
    }

.feature-box:hover .feature-box-icon-hover {
    opacity: 1;
}

.feature-box:hover .light i {
    color: #232323;
}

.feature-box:hover .dark i {
    color: #ffffff;
}

/* feature box show hover */
.feature-box.feature-box-show-hover .feature-box-move-bottom-top {
    width: 100%;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    overflow: hidden;
}

.feature-box.feature-box-show-hover:hover .feature-box-move-bottom-top {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

.feature-box.feature-box-show-hover .move-bottom-top {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
}

.feature-box.feature-box-show-hover:hover .move-bottom-top {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* feature box hide show hover */
.feature-box.feature-box-hide-show-hover .feature-box-move-bottom-top {
    width: 100%;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    overflow: hidden;
}

.feature-box.feature-box-hide-show-hover:hover .feature-box-move-bottom-top {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
}

.feature-box.feature-box-hide-show-hover .move-bottom-top {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
}

.feature-box.feature-box-hide-show-hover:hover .move-bottom-top {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.feature-box.feature-box-hide-show-hover:hover .feature-box-icon {
    opacity: 0;
}

/* feature box svg */
.feature-box-svg {
    position: relative;
}

    .feature-box-svg i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

.text-extra-dark-gray, .btn-link.text-extra-dark-gray, a.text-extra-dark-gray-hover:hover {
    color: #232323;
}
.text-extra-dark-gray-transparent, .btn-link.text-extra-dark-gray-transparent, a.text-extra-dark-gray-transparent-hover:hover {
    color: rgba(46,46,46,0.15);
}
.text-extra-dark-gray, .btn-link.text-extra-dark-gray, a.text-extra-dark-gray-hover:hover {
    color: #232323;
}
.text-extra-dark-gray-transparent, .btn-link.text-extra-dark-gray-transparent, a.text-extra-dark-gray-transparent-hover:hover {
    color: rgba(46,46,46,0.15);
}
.text-extra-medium-gray, .btn-link.text-extra-medium-gray, a.text-extra-medium-gray-hover:hover {
    color: #757575;
}
.text-extra-medium {
    font-size: 16px;
    line-height: 28px;
}
.font-weight-500 {
    font-weight: 500 !important;
}