/*

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Default CSS
** - Preloader Area CSS
** - Navbar Area CSS
** - Main Banner Area CSS
** - About Area CSS
** - Featured Boxes Area CSS
** - Services Area CSS
** - Comparisons Area CSS
** - Features Area CSS
** - How It Works Area CSS
** - Team Area CSS
** - Invoicing Area CSS
** - Information Area CSS
** - Pricing Area CSS
** - FunFacts Area CSS
** - Feedback Area CSS
** - Ready To Talk Area CSS
** - Partner Area CSS
** - App Download Area CSS
** - Account Create Area CSS
** - Blog Area CSS
** - Blog Details Area CSS
** - Page Title Area CSS
** - Pagination Area CSS
** - Widget Sidebar Area CSS
** - 404 Error Area CSS
** - FAQ Area CSS
** - Login Area CSS
** - Signup Area CSS
** - Contact Area CSS
** - Footer Area CSS
** - Go Top CSS
*/
/*================================================
Default CSS
=================================================*/
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");

body {
    padding: 0;
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
}

img {
    max-width: 100%;
}

.d-table {
    width: 100%;
    height: 100%;
}

.d-table-cell {
    vertical-align: middle;
}

a {
    color: #0e314c;
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: 0 !important;
}

a:hover {
    color: #033d75;
    text-decoration: none;
}

button {
    outline: 0 !important;
}

.ptb-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.bg-f7fafd {
    background-color: #f7fafd;
}

.bg-f6f4f8 {
    background-color: #f6f4f8;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Raleway", sans-serif;
}

p {
    line-height: 1.7;
    margin-bottom: 15px;
    color: #6084a4;
    font-weight: 300;
    font-size: 15px;
}

p:last-child {
    margin-bottom: 0;
}

/*btn btn-primary*/
.btn {
    font-weight: 700;
    border: none;
    padding: 14.5px 30px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: initial;
    border-radius: 4px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    z-index: 1;
}

.btn.disabled,
.btn:disabled {
    opacity: 1;
}

.btn-primary {
    background-color: transparent;
    color: #ffffff;
}

.btn-primary::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    border-radius: 4px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.btn-primary::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
    border-radius: 4px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: transparent !important;
    color: #ffffff !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}

.btn-primary:hover::before,
.btn-primary:focus::before {
    opacity: 0;
    visibility: hidden;
}

.btn-primary:hover::after,
.btn-primary:focus::after {
    opacity: 1;
    visibility: visible;
}

/*section-title*/
.section-title {
    text-align: center;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    margin-top: -9px;
}

.section-title h2 {
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 300;
}

.section-title .bar {
    height: 5px;
    width: 90px;
    background: #cdf1d8;
    margin: 15px auto 20px;
    position: relative;
    border-radius: 30px;
}

.section-title .bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2.6px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #44ce6f;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}

.section-title p {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

/*form-control*/
.form-control {
    height: 50px;
    padding: 0 15px;
    font-size: 15px;
    line-height: 50px;
    color: #0e314c;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.form-control:focus {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    border-color: #033d75;
}

/*================================================
Preloader Area CSS
=================================================*/
.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    top: 0;
    left: 0;
}

.preloader .loader {
    position: absolute;
    top: 43%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-43%);
    transform: translateY(-43%);
    text-align: center;
    margin: 0 auto;
    width: 50px;
    height: 50px;
}

.preloader .box {
    width: 100%;
    height: 100%;
    background: #ffffff;
    -webkit-animation: animate 0.5s linear infinite;
    animation: animate 0.5s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
}

.preloader .shadow {
    width: 100%;
    height: 5px;
    background: #000;
    opacity: 0.1;
    position: absolute;
    top: 59px;
    left: 0;
    border-radius: 50%;
    -webkit-animation: shadow 0.5s linear infinite;
    animation: shadow 0.5s linear infinite;
}

@-webkit-keyframes loader {
    0% {
        left: -100px;
    }

    100% {
        left: 110%;
    }
}

@keyframes loader {
    0% {
        left: -100px;
    }

    100% {
        left: 110%;
    }
}

@-webkit-keyframes animate {
    17% {
        border-bottom-right-radius: 3px;
    }

    25% {
        -webkit-transform: translateY(9px) rotate(22.5deg);
        transform: translateY(9px) rotate(22.5deg);
    }

    50% {
        -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
        transform: translateY(18px) scale(1, 0.9) rotate(45deg);
        border-bottom-right-radius: 40px;
    }

    75% {
        -webkit-transform: translateY(9px) rotate(67.5deg);
        transform: translateY(9px) rotate(67.5deg);
    }

    100% {
        -webkit-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg);
    }
}

@keyframes animate {
    17% {
        border-bottom-right-radius: 3px;
    }

    25% {
        -webkit-transform: translateY(9px) rotate(22.5deg);
        transform: translateY(9px) rotate(22.5deg);
    }

    50% {
        -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
        transform: translateY(18px) scale(1, 0.9) rotate(45deg);
        border-bottom-right-radius: 40px;
    }

    75% {
        -webkit-transform: translateY(9px) rotate(67.5deg);
        transform: translateY(9px) rotate(67.5deg);
    }

    100% {
        -webkit-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg);
    }
}

@-webkit-keyframes shadow {
    50% {
        -webkit-transform: scale(1.2, 1);
        transform: scale(1.2, 1);
    }
}

@keyframes shadow {
    50% {
        -webkit-transform: scale(1.2, 1);
        transform: scale(1.2, 1);
    }
}

/*================================================
Navbar Area CSS
=================================================*/
.luvion-responsive-nav {
    display: none;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-brand img {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.navbar-brand img:nth-child(2) {
    display: none;
}

.luvion-nav {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
}

.luvion-nav .navbar {
    padding-right: 0;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.luvion-nav .navbar ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
}

.luvion-nav .navbar .navbar-nav {
    font-family: "Raleway", sans-serif;
    margin-left: auto;
}

.luvion-nav .navbar .navbar-nav .nav-item {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
}

.luvion-nav .navbar .navbar-nav .nav-item a {
    font-size: 17px;
    font-weight: 400;
    color: #ffffff;
    text-transform: capitalize;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 15px;
    margin-right: 15px;
}

.luvion-nav .navbar .navbar-nav .nav-item a:hover,
.luvion-nav .navbar .navbar-nav .nav-item a:focus,
.luvion-nav .navbar .navbar-nav .nav-item a.active {
    color: #033d75;
}

.luvion-nav .navbar .navbar-nav .nav-item a i {
    font-size: 10px;
    margin-left: 1px;
}

.luvion-nav .navbar .navbar-nav .nav-item:last-child a {
    margin-right: 0;
}

.luvion-nav .navbar .navbar-nav .nav-item:first-child a {
    margin-left: 0;
}

.luvion-nav .navbar .navbar-nav .nav-item:hover a,
.luvion-nav .navbar .navbar-nav .nav-item.active a {
    color: #033d75;
}

.luvion-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    background: #ffffff;
    position: absolute;
    border: none;
    top: 80px;
    left: 0;
    width: 250px;
    z-index: 99;
    display: block;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
}

.luvion-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.luvion-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
    text-transform: capitalize;
    padding: 8px 15px;
    margin: 0;
    color: #0e314c;
    font-size: 15.5px;
    font-weight: 400;
}

.luvion-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.luvion-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.luvion-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
    color: #033d75;
}

.luvion-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu {
    left: 220px;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #033d75;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li:hover
    .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #033d75;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li:hover
    .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #033d75;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li:hover
    .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #033d75;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li:hover
    .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #033d75;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li:hover
    .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px;
}

.luvion-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
    color: #033d75;
}

.luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li:hover
    .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px;
}

.luvion-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.luvion-nav .navbar .others-options {
    margin-left: 25px;
}

.luvion-nav .navbar .others-options .login-btn {
    color: #ffffff;
    font-size: 17px;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
}

.luvion-nav .navbar .others-options .login-btn i {
    margin-right: 2px;
    color: #eae563;
}

.luvion-nav .navbar .others-options .login-btn:hover {
    color: #033d75;
}

.navbar-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 999;
    background-color: transparent;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding-top: 20px;
    padding-bottom: 20px;
}

.navbar-area.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff !important;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.navbar-area.is-sticky .navbar-brand img:nth-child(1) {
    display: none;
}

.navbar-area.is-sticky .navbar-brand img:nth-child(2) {
    display: block;
}

.navbar-area.is-sticky .luvion-nav {
    background-color: #ffffff;
}

.navbar-area.is-sticky .luvion-nav .navbar .navbar-nav .nav-item a {
    color: #0e314c;
}

.navbar-area.is-sticky .luvion-nav .navbar .navbar-nav .nav-item a:hover,
.navbar-area.is-sticky .luvion-nav .navbar .navbar-nav .nav-item a:focus,
.navbar-area.is-sticky .luvion-nav .navbar .navbar-nav .nav-item a.active {
    color: #033d75;
}

.navbar-area.is-sticky .luvion-nav .navbar .navbar-nav .nav-item:hover a,
.navbar-area.is-sticky .luvion-nav .navbar .navbar-nav .nav-item.active a {
    color: #033d75;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    a:hover,
.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    a:focus,
.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #033d75;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #033d75;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #033d75;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #033d75;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #033d75;
}

.navbar-area.is-sticky
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li.active
    a {
    color: #033d75;
}

.navbar-area.is-sticky .luvion-nav .navbar .others-options .login-btn {
    color: #0e314c;
}

.navbar-area.is-sticky .luvion-nav .navbar .others-options .login-btn i {
    color: #033d75;
}

.navbar-area.is-sticky .luvion-nav .navbar .others-options .login-btn:hover {
    color: #033d75;
}

.navbar-area.navbar-style-two .navbar-brand img {
    display: block !important;
}

.navbar-area.navbar-style-two .luvion-nav .navbar .navbar-nav .nav-item a {
    color: #0e314c;
}

.navbar-area.navbar-style-two .luvion-nav .navbar .navbar-nav .nav-item a:hover,
.navbar-area.navbar-style-two .luvion-nav .navbar .navbar-nav .nav-item a:focus,
.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    a.active {
    color: #033d75;
}

.navbar-area.navbar-style-two .luvion-nav .navbar .navbar-nav .nav-item:hover a,
.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item.active
    a {
    color: #033d75;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    a:hover,
.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    a:focus,
.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #0e314c;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #033d75;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #033d75;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #033d75;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #033d75;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #033d75;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #033d75;
}

.navbar-area.navbar-style-two
    .luvion-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li.active
    a {
    color: #033d75;
}

.navbar-area.navbar-style-two .luvion-nav .others-options .login-btn {
    color: #0e314c;
}

.navbar-area.navbar-style-two .luvion-nav .others-options .login-btn i {
    color: #0e314c;
}

.navbar-area.navbar-style-two .luvion-nav .others-options .login-btn:hover {
    color: #033d75;
}

@media only screen and (max-width: 991px) {
    .luvion-responsive-nav {
        display: block;
    }

    .luvion-responsive-nav .luvion-responsive-menu {
        position: relative;
    }

    .luvion-responsive-nav .luvion-responsive-menu.mean-container .mean-nav ul {
        font-size: 14px;
    }

    .luvion-responsive-nav
        .luvion-responsive-menu.mean-container
        .mean-nav
        ul
        li
        a.active {
        color: #033d75;
    }

    .luvion-responsive-nav
        .luvion-responsive-menu.mean-container
        .mean-nav
        ul
        li
        li
        a {
        font-size: 13.5px;
    }

    .luvion-responsive-nav .luvion-responsive-menu.mean-container .navbar-nav {
        overflow-y: scroll;
        height: 350px;
        -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
    }

    .luvion-responsive-nav .mean-container a.meanmenu-reveal {
        color: #ffffff;
    }

    .luvion-responsive-nav .mean-container a.meanmenu-reveal span {
        background: #ffffff;
    }

    .luvion-responsive-nav .logo {
        position: relative;
        width: 50%;
        z-index: 999;
    }

    .luvion-responsive-nav .logo a img:nth-child(2) {
        display: none;
    }

    .luvion-responsive-nav .others-options {
        position: absolute;
        right: 52px;
        top: 3px;
    }

    .luvion-responsive-nav .others-options .login-btn {
        color: #ffffff;
        font-size: 15px;
        font-weight: 400;
        font-family: "Raleway", sans-serif;
    }

    .luvion-responsive-nav .others-options .login-btn i {
        margin-right: 2px;
        color: #eae563;
    }

    .luvion-responsive-nav .others-options .login-btn:hover {
        color: #033d75;
    }

    .navbar-area {
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-area.is-sticky {
        border-bottom: none;
        -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
    }

    .navbar-area.is-sticky
        .luvion-responsive-nav
        .mean-container
        a.meanmenu-reveal {
        color: #0e314c;
    }

    .navbar-area.is-sticky
        .luvion-responsive-nav
        .mean-container
        a.meanmenu-reveal
        span {
        background: #0e314c;
    }

    .navbar-area.is-sticky .luvion-responsive-nav .logo a img:nth-child(1) {
        display: none;
    }

    .navbar-area.is-sticky .luvion-responsive-nav .logo a img:nth-child(2) {
        display: block;
    }

    .navbar-area.is-sticky .luvion-responsive-nav .others-options .login-btn {
        color: #0e314c;
    }

    .navbar-area.is-sticky .luvion-responsive-nav .others-options .login-btn i {
        color: #033d75;
    }

    .navbar-area.is-sticky
        .luvion-responsive-nav
        .others-options
        .login-btn:hover {
        color: #033d75;
    }

    .navbar-area.navbar-style-two
        .luvion-responsive-nav
        .mean-container
        a.meanmenu-reveal {
        color: #0e314c;
    }

    .navbar-area.navbar-style-two
        .luvion-responsive-nav
        .mean-container
        a.meanmenu-reveal
        span {
        background: #0e314c;
    }

    .navbar-area.navbar-style-two .luvion-responsive-nav .logo a img {
        display: inline-block !important;
    }

    .navbar-area.navbar-style-two
        .luvion-responsive-nav
        .others-options
        .login-btn {
        color: #0e314c;
    }

    .navbar-area.navbar-style-two
        .luvion-responsive-nav
        .others-options
        .login-btn
        i {
        color: #033d75;
    }

    .navbar-area.navbar-style-two
        .luvion-responsive-nav
        .others-options
        .login-btn:hover {
        color: #033d75;
    }

    .luvion-nav {
        display: none;
    }
}

.signup-btn-sm {
    padding: 0.25rem 0.5rem !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    border-radius: 0.2rem !important;
    text-transform: capitalize !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.font-mid {
    font-weight: 500 !important;
}

.font-bold {
    font-weight: 700 !important;
}

.mgb-1x {
    margin-bottom: 10px !important;
}

.mgb-2x {
    margin-bottom: 20px !important;
}

.mgb-3x {
    margin-bottom: 30px !important;
}

.mgb-4x {
    margin-bottom: 40px !important;
}

.mgb-5x {
    margin-bottom: 50px !important;
}

.mgt-1x {
    margin-top: 10px !important;
}

.mgt-2x {
    margin-top: 20px !important;
}

.mgt-3x {
    margin-top: 30px !important;
}

.mgt-4x {
    margin-top: 40px !important;
}

.mgt-5x {
    margin-top: 50px !important;
}

/*================================================
Main Banner Area CSS
=================================================*/
.main-banner {
    height: 100vh;
    background-image: url(../img/main-banner1.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.main-banner-content {
    margin-top: -20px;
    max-width: 600px;
}

.main-banner-content h1 {
    margin-bottom: 0;
    color: #ffffff;
    font-size: 52px;
    font-weight: 300;
}

.main-banner-content p {
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    max-width: 400px;
    margin-top: 20px;
    margin-bottom: 0;
}

.main-banner-content .btn {
    margin-top: 30px;
}

.main-banner-section {
    height: 800px;
    background-image: url(../img/main-banner2.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-content {
    margin-top: -50px;
}

.banner-content h1 {
    margin-bottom: 0;
    color: #ffffff;
    font-size: 52px;
    font-weight: 300;
}

.banner-content p {
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    max-width: 400px;
    margin-top: 20px;
    margin-bottom: 0;
}

.banner-content .btn {
    margin-top: 30px;
}

.money-transfer-form {
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 1;
    padding: 30px;
    border-radius: 5px;
    margin-top: -50px;
    margin-left: 100px;
}

.money-transfer-form::before {
    content: "";
    position: absolute;
    z-index: -1;
    background: #ffffff;
    width: 96%;
    opacity: 0.62;
    height: 50%;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 3px;
}

.money-transfer-form::after {
    content: "";
    position: absolute;
    z-index: -1;
    background: #ffffff;
    width: 96%;
    opacity: 0.62;
    height: 50%;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 3px;
}

.money-transfer-form form {
    text-align: center;
}

.money-transfer-form form .form-group {
    margin-bottom: 15px;
    position: relative;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    padding: 36px 10px 12px 15px;
    border-radius: 5px;
}

.money-transfer-form form .form-group .amount-currency-select {
    right: 0;
    top: 0;
    position: absolute;
    height: 100%;
}

.money-transfer-form form .form-group .nice-select {
    border: none;
    background-color: #0e314c;
    border-radius: 0 5px 5px 0;
    height: 100%;
    padding: 0 35px 0 25px;
    line-height: 72px;
    font-size: 17px;
    font-weight: 700;
}

.money-transfer-form form .form-group .nice-select:after {
    right: 19px;
    border-color: #ffffff;
}

.money-transfer-form form .form-group .nice-select span {
    color: #ffffff;
}

.money-transfer-form form .form-group .nice-select .list {
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    width: 100%;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.money-transfer-form form .form-group .nice-select .list .option {
    line-height: initial;
    min-height: auto;
    text-align: center;
    margin-top: 12px;
    padding-left: 0;
    padding-right: 0;
}

.money-transfer-form form .form-group .nice-select .list .option:hover,
.money-transfer-form form .form-group .nice-select .list .option:focus,
.money-transfer-form form .form-group .nice-select .list .option.focus,
.money-transfer-form form .form-group .nice-select .list .option.selected {
    background-color: transparent;
}

.money-transfer-form form .form-group .nice-select .list .option:hover {
    color: #033d75;
}

.money-transfer-form form .form-group .nice-select .list .option:first-child {
    margin-top: 0;
}

.money-transfer-form form .form-group label {
    position: absolute;
    left: 15px;
    top: 10px;
    color: #f9f9f9;
    margin-bottom: 0;
    display: block;
    font-weight: 300;
    font-size: 13.5px;
}

.money-transfer-form form .form-group .form-control {
    background-color: transparent;
    border: none;
    padding-left: 0;
    height: auto;
    line-height: initial;
    padding-right: 95px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
}

.money-transfer-form form .form-group .form-control::-webkit-input-placeholder {
    color: #ffffff;
}

.money-transfer-form form .form-group .form-control:-ms-input-placeholder {
    color: #ffffff;
}

.money-transfer-form form .form-group .form-control::-ms-input-placeholder {
    color: #ffffff;
}

.money-transfer-form form .form-group .form-control::placeholder {
    color: #ffffff;
}

.money-transfer-form form .currency-info {
    margin-bottom: 25px;
    margin-top: 25px;
    text-align: left;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}

.money-transfer-form form .currency-info .bar {
    height: 100%;
    width: 2px;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.money-transfer-form form .currency-info .bar::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: -1px;
    left: -2px;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
}

.money-transfer-form form .currency-info .bar::after {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    content: "";
    position: absolute;
    bottom: -1px;
    left: -2px;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
}

.money-transfer-form form .currency-info span {
    display: inline-block;
    color: #6084a4;
    font-size: 14px;
}

.money-transfer-form form .currency-info span strong {
    color: #0e314c;
}

.money-transfer-form form .currency-info span:last-child {
    margin-left: 15px;
}

.money-transfer-form form .money-transfer-info {
    color: #6084a4;
    font-size: 14px;
}

.money-transfer-form form .money-transfer-info strong {
    display: block;
    margin-top: 3px;
    color: #0e314c;
    font-size: 16px;
}

.money-transfer-form form button {
    margin-top: 15px;
}

.money-transfer-form form .btn::before {
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
}

.money-transfer-form form .btn::after {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
}

.money-transfer-form form .terms-info {
    margin-top: 15px;
}

.money-transfer-form form .terms-info p {
    font-size: 14px;
}

.money-transfer-form form .terms-info p a {
    display: inline-block;
    color: #0e314c;
}

.money-transfer-form form .terms-info p a:hover {
    color: #033d75;
}

.banner-section {
    position: relative;
    z-index: 1;
    background: transparent url(../img/shape-bg.png) left bottom no-repeat;
    padding-top: 160px;
}

.hero-content {
    margin-top: -50px;
}

.hero-content h1 {
    margin-bottom: 0;
    font-size: 52px;
    font-weight: 300;
}

.hero-content p {
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    max-width: 400px;
    margin-top: 20px;
    margin-bottom: 0;
}

.hero-content .btn {
    margin-top: 30px;
}

.hero-image {
    text-align: center;
    position: relative;
    z-index: 1;
}

.hero-image .main-image img:nth-child(2) {
    position: absolute;
    left: -30px;
    bottom: 60px;
    border-radius: 5px;
}

.hero-image .main-image img:nth-child(3) {
    position: absolute;
    right: -80px;
    top: 110px;
}

.hero-image .main-mobile-image {
    display: none;
}

.hero-image .circle-image {
    position: absolute;
    left: 0;
    right: 0;
    top: -15px;
    margin: 0 auto;
    z-index: -1;
}

.hero-image .video-btn {
    display: inline-block;
    position: absolute;
    z-index: 1;
    color: #ffffff;
    border-radius: 30px;
    padding: 10px 25px;
    bottom: 55px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: 15px;
}

.hero-image .video-btn i {
    margin-right: 2px;
}

.hero-image .video-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
    z-index: -1;
    border-radius: 30px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.hero-image .video-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    border-radius: 30px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
}

.hero-image .video-btn:hover::after {
    opacity: 1;
    visibility: visible;
}

.hero-image .video-btn:hover::before {
    opacity: 0;
    visibility: hidden;
}

/*================================================
About Area CSS
=================================================*/
.about-content {
    padding-right: 25px;
}

.about-content span {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #033d75;
    font-size: 12.5px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
}

.about-content h2 {
    font-size: 40px;
    font-weight: 300;
}

.about-content p {
    line-height: 1.8;
    color: #5d7079;
    margin-bottom: 0;
    margin-top: 12px;
}

.about-image {
    position: relative;
}

.about-image .video-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 60px;
    height: 60px;
    line-height: 61px;
    text-align: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
    color: #ffffff;
    font-size: 23px;
    z-index: 1;
}

.about-image .video-btn::after {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ripple 1.9s ease-out infinite;
    animation: ripple 1.9s ease-out infinite;
    opacity: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
}

.about-image .video-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    z-index: -1;
    border-radius: 50%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.about-image .video-btn:hover::before {
    opacity: 0;
    visibility: hidden;
}

@-webkit-keyframes ripple {
    0%,
    35% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.8;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}

@keyframes ripple {
    0%,
    35% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.8;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}

/*================================================
Featured Boxes Area CSS
=================================================*/
.featured-boxes-area {
    position: relative;
    z-index: 1;
    margin-top: -100px;
}

.featured-boxes-inner {
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
}

.featured-boxes-inner .col-lg-3 {
    border-right: 1px solid #eeeeee;
}

.featured-boxes-inner .col-lg-3:last-child {
    border-right: none;
}

.single-featured-box {
    text-align: center;
    position: relative;
    padding: 115px 25px 40px 25px;
    overflow: hidden;
}

.single-featured-box .icon {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: #033d75;
    position: absolute;
    top: 40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin-top: -12px;
}

.single-featured-box .icon i::before {
    font-size: 55px;
}

.single-featured-box .icon.color-fb7756 {
    color: #fb7756;
}

.single-featured-box .icon.color-facd60 {
    color: #facd60;
}

.single-featured-box .icon.color-1ac0c6 {
    color: #1ac0c6;
}

.single-featured-box h3 {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 300;
}

.single-featured-box p {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 0;
}

.single-featured-box .read-more-btn {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.6;
    transition: 0.6;
    font-size: 15px;
    font-weight: 400;
}

.single-featured-box .read-more-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    height: 1px;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
}

.single-featured-box .read-more-btn:hover::before {
    width: 100%;
}

.single-featured-box:hover .icon {
    top: 23px;
    -webkit-animation: iconTop 0.4s ease-in-out;
    animation: iconTop 0.4s ease-in-out;
}

.single-featured-box:hover h3 {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}

.single-featured-box:hover p {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}

.single-featured-box:hover .read-more-btn {
    opacity: 1;
    visibility: visible;
    bottom: 23px;
}

@-webkit-keyframes iconTop {
    0% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    25% {
        opacity: 0;
        -webkit-transform: translate(-50%, -70%);
        transform: translate(-50%, -70%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-50%, -40%);
        transform: translate(-50%, -40%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

@keyframes iconTop {
    0% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    25% {
        opacity: 0;
        -webkit-transform: translate(-50%, -70%);
        transform: translate(-50%, -70%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-50%, -40%);
        transform: translate(-50%, -40%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

/*================================================
Services Area CSS
=================================================*/
.services-area {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.overview-box {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
}

.overview-box .overview-content {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}

.overview-box .overview-content .content {
    max-width: 555px;
    padding-left: 50px;
}

.overview-box .overview-content .content .sub-title {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #033d75;
    font-size: 12.5px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
}

.overview-box .overview-content .content.left-content {
    margin-left: auto;
    padding-right: 50px;
    padding-left: 0;
}

.overview-box .overview-content .content h2 {
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 300;
}

.overview-box .overview-content .content .bar {
    height: 5px;
    width: 90px;
    background: #cdf1d8;
    margin: 20px 0 25px;
    position: relative;
    border-radius: 30px;
}

.overview-box .overview-content .content .bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #44ce6f;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}

.overview-box .overview-content .content .services-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
    padding-left: 0;
    list-style-type: none;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
    margin-top: -5px;
}

.overview-box .overview-content .content .services-list li {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.overview-box .overview-content .content .services-list li span {
    display: block;
    position: relative;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    color: #6084a4;
    z-index: 1;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 35px;
    font-size: 14px;
    font-weight: 400;
}

.overview-box .overview-content .content .services-list li span i {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #033d75;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.overview-box .overview-content .content .services-list li span i::before {
    font-size: 12px;
}

.overview-box .overview-content .content .services-list li span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    border-radius: 5px;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.overview-box .overview-content .content .services-list li span:hover {
    color: #ffffff;
}

.overview-box .overview-content .content .services-list li span:hover i {
    color: #ffffff;
}

.overview-box .overview-content .content .services-list li span:hover::before {
    width: 100%;
}

.overview-box .overview-content .content .features-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
    padding-left: 0;
    list-style-type: none;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
    margin-top: -5px;
}

.overview-box .overview-content .content .features-list li {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.overview-box .overview-content .content .features-list li span {
    display: block;
    color: #6084a4;
    position: relative;
    padding-left: 31px;
    font-size: 14px;
    font-weight: 400;
}

.overview-box .overview-content .content .features-list li span i {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 22px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
    border-radius: 3px;
}

.overview-box .overview-content .content .features-list li span i::before {
    font-size: 10px;
}

.overview-box .overview-content .content .btn {
    margin-top: 30px;
}

.overview-box .overview-image {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}

.overview-box .overview-image .image {
    text-align: center;
    position: relative;
    z-index: 1;
}

.overview-box .overview-image .image .circle-img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
    right: 0;
    margin: 0 auto;
}

.overview-box .overview-image .image .circle-img img {
    -webkit-animation-name: rotateMe;
    animation-name: rotateMe;
    -webkit-animation-duration: 35s;
    animation-duration: 35s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px);
    }
}

@keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px);
    }
}

@-webkit-keyframes rotateMe {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotateMe {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*================================================
Comparisons Area CSS
=================================================*/
.comparisons-table {
    background-color: #ffffff;
    -webkit-box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.05);
    box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.05);
}

.comparisons-table table {
    margin-bottom: 0;
    text-align: center;
}

.comparisons-table table thead tr {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
}

.comparisons-table table thead th {
    vertical-align: middle;
    border: none;
    color: #ffffff;
    padding: 16px 20px;
    font-family: "Raleway", sans-serif;
    font-size: 19px;
    font-weight: 400;
}

.comparisons-table table thead th:nth-child(1) {
    text-align: left;
    padding-left: 50px;
}

.comparisons-table table tbody td {
    vertical-align: middle;
    color: #0e314c;
    padding: 16px 20px;
    border-color: #eeeeee;
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.comparisons-table table tbody td:nth-child(1) {
    text-align: left;
    padding-left: 50px;
}

.comparisons-table table tbody td i {
    width: 20px;
    height: 20px;
    line-height: 17px;
    border-radius: 100%;
    background-color: #033d75;
    color: #ffffff;
    display: block;
    margin: 0 auto;
}

.comparisons-table table tbody td i::before {
    font-size: 8px;
}

.comparisons-table table tbody tr:nth-child(1) td i,
.comparisons-table table tbody tr:nth-child(8) td i {
    background-color: #facd60;
}

.comparisons-table table tbody tr:nth-child(2) td i,
.comparisons-table table tbody tr:nth-child(9) td i {
    background-color: #44cd6f;
}

.comparisons-table table tbody tr:nth-child(3) td i,
.comparisons-table table tbody tr:nth-child(10) td i {
    background-color: #fd6c28;
}

.comparisons-table table tbody tr:nth-child(5) td i,
.comparisons-table table tbody tr:nth-child(12) td i {
    background-color: #1ac0c6;
}

.comparisons-table table tbody tr:nth-child(6) td i,
.comparisons-table table tbody tr:nth-child(13) td i {
    background-color: #f45271;
}

.comparisons-table table tbody tr:nth-child(7) td i,
.comparisons-table table tbody tr:nth-child(14) td i {
    background-color: #fd6d27;
}

/*================================================
Features Area CSS
=================================================*/
.features-area {
    padding-bottom: 50px;
}

.single-features-box {
    margin-bottom: 30px;
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    z-index: 1;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-right: 35px;
    padding-left: 35px;
}

.single-features-box .icon {
    width: 65px;
    height: 65px;
    text-align: center;
    line-height: 65px;
    background-color: rgba(231, 70, 69, 0.2);
    border-radius: 50%;
    color: #033d75;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 18px;
}

.single-features-box .icon i::before {
    font-size: 30px;
}

.single-features-box .icon.bg-f78acb {
    background-color: rgba(247, 138, 203, 0.3);
    color: #f78acb;
}

.single-features-box .icon.bg-cdf1d8 {
    background-color: #cdf1d8;
    color: #44ce6f;
}

.single-features-box .icon.bg-c679e3 {
    color: #c679e3;
    background: #edc3fc;
}

.single-features-box .icon.bg-eb6b3d {
    color: #eb6b3d;
    background: rgba(235, 107, 61, 0.3);
}

.single-features-box h3 {
    margin-bottom: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 22px;
    font-weight: 300;
}

.single-features-box h3 a {
    display: inline-block;
}

.single-features-box p {
    font-size: 14px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-top: 10px;
    margin-bottom: 0;
}

.single-features-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    border-radius: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.single-features-box:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.single-features-box:hover::before {
    width: 100%;
}

.single-features-box:hover .icon {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    color: #033d75;
    background-color: #ffffff;
}

.single-features-box:hover h3 {
    color: #ffffff;
}

.single-features-box:hover h3 a {
    color: #ffffff;
}

.single-features-box:hover p {
    color: #ffffff;
}

.features-box-list {
    margin-left: auto;
    max-width: 425px;
}

.features-box-list .col-lg-12:last-child .features-box {
    margin-bottom: 0;
}

.features-box {
    margin-bottom: 20px;
    background-color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    z-index: 1;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-right: 25px;
    padding-left: 110px;
}

.features-box .icon {
    width: 65px;
    height: 65px;
    text-align: center;
    line-height: 65px;
    background-color: rgba(231, 70, 69, 0.2);
    border-radius: 50%;
    color: #033d75;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    left: 25px;
    top: 35px;
}

.features-box .icon i::before {
    font-size: 30px;
}

.features-box .icon.bg-f78acb {
    background-color: rgba(247, 138, 203, 0.3);
    color: #f78acb;
}

.features-box .icon.bg-cdf1d8 {
    background-color: #cdf1d8;
    color: #44ce6f;
}

.features-box .icon.bg-c679e3 {
    color: #c679e3;
    background: #edc3fc;
}

.features-box .icon.bg-eb6b3d {
    color: #eb6b3d;
    background: rgba(235, 107, 61, 0.3);
}

.features-box h3 {
    margin-bottom: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 22px;
    font-weight: 300;
}

.features-box h3 a {
    display: inline-block;
}

.features-box p {
    font-size: 14px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-top: 10px;
    margin-bottom: 0;
}

.features-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 2px;
    height: 100%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.features-box:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.features-box:hover::before {
    width: 100%;
}

.features-box:hover .icon {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    color: #033d75;
    background-color: #ffffff;
}

.features-box:hover h3 {
    color: #ffffff;
}

.features-box:hover h3 a {
    color: #ffffff;
}

.features-box:hover p {
    color: #ffffff;
}

.features-image {
    text-align: center;
}

/*================================================
How It Works Area CSS
=================================================*/
.how-it-works-area {
    padding-bottom: 40px;
}

.single-how-it-works {
    text-align: center;
    background-color: #ffffff;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 7px 20px rgba(0, 0, 0, 0.03);
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.03);
    padding: 35px 25px;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.single-how-it-works img {
    display: inline-block;
    margin-bottom: 30px;
}

.single-how-it-works h3 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 300;
}

.single-how-it-works p {
    margin-top: 12px;
    margin-bottom: 0;
}

.single-how-it-works:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
}

/*================================================
Team Area CSS
=================================================*/
.team-area {
    padding-bottom: 40px;
}

.single-team-member {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: 30px;
}

.single-team-member .member-image {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

.single-team-member .member-image img {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    border-radius: 3px;
}

.single-team-member .member-image .social {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    bottom: 0;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.single-team-member .member-image .social li {
    display: inline-block;
}

.single-team-member .member-image .social li a {
    margin: 0 2px;
    display: inline-block;
}

.single-team-member .member-image .social li a i {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: #44ce6f;
    color: #ffffff;
    font-size: 13px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.single-team-member .member-image .social li a i.fa-facebook-f {
    background: #3b5998;
}

.single-team-member .member-image .social li a i.fa-linkedin-in {
    background: #0077b5;
}

.single-team-member .member-image .social li a i:hover {
    background-color: #44ce6f;
    color: #ffffff;
}

.single-team-member .member-content {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    padding-left: 10px;
    padding-right: 10px;
}

.single-team-member .member-content h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 300;
}

.single-team-member .member-content span {
    display: block;
    font-size: 13px;
    color: #033d75;
    margin-top: 8px;
}

.single-team-member .member-content p {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 10px;
}

.single-team-member:hover .member-image .social {
    bottom: 15px;
    opacity: 1;
    visibility: visible;
}

/*================================================
Invoicing Area CSS
=================================================*/
.invoicing-area {
    overflow: hidden;
}

.invoicing-content {
    margin-left: auto;
    max-width: 542px;
}

.invoicing-content h2 {
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 300;
}

.invoicing-content .bar {
    height: 5px;
    width: 90px;
    background: #cdf1d8;
    margin: 20px 0 25px;
    position: relative;
    border-radius: 30px;
}

.invoicing-content .bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #44ce6f;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}

.invoicing-content p {
    margin-bottom: 0;
}

.invoicing-content .btn {
    margin-top: 20px;
}

.invoicing-image {
    text-align: center;
    position: relative;
    z-index: 1;
}

.invoicing-image .main-image img:nth-child(2) {
    position: absolute;
    left: 40px;
    top: 15px;
}

.invoicing-image .main-image img:nth-child(3) {
    position: absolute;
    left: 40px;
    top: 170px;
}

.invoicing-image .main-image img:nth-child(4) {
    position: absolute;
    right: 40px;
    top: 60px;
}

.invoicing-image .main-mobile-image {
    display: none;
}

.invoicing-image .circle-image img {
    position: absolute;
    z-index: -1;
}

.invoicing-image .circle-image img:nth-child(1) {
    top: -30px;
    left: 50px;
    -webkit-animation: moveLeftBounce 5s linear infinite;
    animation: moveLeftBounce 5s linear infinite;
}

.invoicing-image .circle-image img:nth-child(2) {
    right: 50px;
    bottom: -30px;
    -webkit-animation: moveBounce 5s linear infinite;
    animation: moveBounce 5s linear infinite;
}

@-webkit-keyframes moveBounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes moveBounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes moveLeftBounce {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes moveLeftBounce {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

/*================================================
Information Area CSS
=================================================*/
.information-area {
    padding-top: 70px;
}

.information-area .col-lg-3:last-child .single-information-box {
    padding-left: 0;
}

.single-information-box {
    position: relative;
    padding-left: 60px;
}

.single-information-box .icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    background-color: #033d75;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
}

.single-information-box .icon i::before {
    font-size: 20px;
}

.single-information-box h3 {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 700;
}

.single-information-box p {
    line-height: initial;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 0;
}

.single-information-box .btn-box .app-store-btn {
    border-radius: 3px;
    display: inline-block;
    position: relative;
    z-index: 1;
    color: #ffffff;
    padding: 10px 15px 10px 35px;
    font-size: 11px;
}

.single-information-box .btn-box .app-store-btn i {
    position: absolute;
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.single-information-box .btn-box .app-store-btn i::before {
    font-size: 20px;
}

.single-information-box .btn-box .app-store-btn span {
    display: block;
    font-size: 15px;
    font-weight: 500;
}

.single-information-box .btn-box .app-store-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    z-index: -1;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.single-information-box .btn-box .app-store-btn::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    z-index: -1;
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
}

.single-information-box .btn-box .app-store-btn:hover {
    color: #ffffff;
}

.single-information-box .btn-box .app-store-btn:hover::after {
    opacity: 1;
    visibility: visible;
}

.single-information-box .btn-box .app-store-btn:hover::before {
    opacity: 0;
    visibility: hidden;
}

.single-information-box .btn-box .play-store-btn {
    margin-left: 5px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    z-index: 1;
    color: #ffffff;
    padding: 10px 15px 10px 35px;
    font-size: 11px;
}

.single-information-box .btn-box .play-store-btn i {
    position: absolute;
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.single-information-box .btn-box .play-store-btn i::before {
    font-size: 20px;
}

.single-information-box .btn-box .play-store-btn span {
    display: block;
    font-size: 15px;
    font-weight: 500;
}

.single-information-box .btn-box .play-store-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    z-index: -1;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
}

.single-information-box .btn-box .play-store-btn::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    z-index: -1;
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.single-information-box .btn-box .play-store-btn:hover {
    color: #ffffff;
}

.single-information-box .btn-box .play-store-btn:hover::after {
    opacity: 0;
    visibility: hidden;
}

.single-information-box .btn-box .play-store-btn:hover::before {
    opacity: 1;
    visibility: visible;
}

/*================================================
Pricing Area CSS
=================================================*/
.pricing-area {
    padding-bottom: 40px;
}

.single-pricing-box {
    background-color: #ffffff;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 11px 60px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 11px 60px 0 rgba(0, 0, 0, 0.1);
    padding: 30px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 5px;
}

.single-pricing-box .pricing-header h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 300;
}

.single-pricing-box .pricing-header p {
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 0;
}

.single-pricing-box .price {
    font-size: 50px;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    margin-bottom: 10px;
}

.single-pricing-box .price span {
    display: inline-block;
    margin-left: -10px;
    font-size: 18px;
    font-weight: 300;
}

.single-pricing-box .buy-btn {
    margin-bottom: 25px;
}

.single-pricing-box .buy-btn .btn {
    padding: 13px 30px;
    font-size: 13px;
}

.single-pricing-box .buy-btn .btn-primary {
    border-radius: 30px;
}

.single-pricing-box .buy-btn .btn-primary::after {
    border-radius: 30px;
}

.single-pricing-box .buy-btn .btn-primary::before {
    background: -webkit-gradient(
        linear,
        left bottom,
        right top,
        from(#a3a3a3),
        color-stop(#9a9a9a),
        color-stop(#909090),
        color-stop(#878787),
        to(#7e7e7e)
    );
    background: linear-gradient(
        to right top,
        #a3a3a3,
        #9a9a9a,
        #909090,
        #878787,
        #7e7e7e
    );
    border-radius: 30px;
}

.single-pricing-box .pricing-features {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.single-pricing-box .pricing-features li {
    margin-bottom: 12px;
    color: #6084a4;
    position: relative;
    padding-left: 19px;
    font-weight: 300;
}

.single-pricing-box .pricing-features li:last-child {
    margin-bottom: 0;
}

.single-pricing-box .pricing-features li i {
    color: #033d75;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.single-pricing-box .pricing-features li i::before {
    font-size: 12px;
}

.single-pricing-box:hover .buy-btn .btn-primary::after {
    opacity: 1;
    visibility: visible;
}

/*================================================
FunFacts Area CSS
=================================================*/
.funfacts-area {
    position: relative;
    z-index: 1;
}

.funfacts-area .map-bg {
    position: absolute;
    z-index: -1;
    top: 120px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
}

.funfacts-area .row {
    padding-left: 100px;
    padding-right: 100px;
}

.funfact {
    text-align: center;
}

.funfact h3 {
    color: #033d75;
    margin-bottom: 2px;
    font-size: 35px;
    font-weight: 300;
}

.funfact h3 .odometer {
    position: relative;
    top: -2px;
}

.funfact p {
    line-height: initial;
    margin-bottom: 0;
}

.contact-cta-box {
    margin: 70px auto 0;
    max-width: 600px;
    border: 1px dashed #ebebeb;
    padding: 30px 210px 30px 30px;
    border-radius: 5px;
    position: relative;
}

.contact-cta-box h3 {
    margin-bottom: 8px;
    font-weight: 300;
    font-size: 22px;
}

.contact-cta-box p {
    margin-bottom: 0;
    line-height: initial;
}

.contact-cta-box .btn {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*================================================
Feedback Area CSS
=================================================*/
.feedback-slides {
    position: relative;
    max-width: 750px;
    margin: 0 auto;
}

.feedback-slides .client-feedback {
    position: relative;
}

.feedback-slides .client-feedback .single-feedback {
    background: #ffffff;
    border-radius: 5px;
    margin-bottom: 60px;
    position: relative;
    padding-left: 170px;
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.feedback-slides .client-feedback .single-feedback .client-img {
    position: absolute;
    left: 40px;
    top: 40px;
}

.feedback-slides .client-feedback .single-feedback .client-img img {
    border-radius: 50%;
    border: 2px solid #44ce6f;
    padding: 4px;
}

.feedback-slides .client-feedback .single-feedback h3 {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 18px;
}

.feedback-slides .client-feedback .single-feedback span {
    display: block;
    color: #033d75;
    margin-top: 5px;
    margin-bottom: 12px;
    font-weight: 300;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
}

.feedback-slides .client-feedback .single-feedback::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -25px;
    width: 50px;
    height: 50px;
    background: #ffffff;
    right: 0;
    margin: 0 auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.feedback-slides .client-thumbnails {
    position: relative;
    margin: 0 85px;
}

.feedback-slides .client-thumbnails .item .img-fill {
    cursor: pointer;
    position: relative;
    text-align: center;
}

.feedback-slides .client-thumbnails .item .img-fill img {
    opacity: 0.4;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    position: relative;
    border: 2px solid #44ce6f;
    border-radius: 50%;
    padding: 3px;
    width: 85px;
}

.feedback-slides .client-thumbnails .item:hover .img-fill img,
.feedback-slides .client-thumbnails .item.slick-center .img-fill img {
    opacity: 1;
}

.feedback-slides .client-thumbnails .next-arrow,
.feedback-slides .client-thumbnails .prev-arrow {
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent;
    color: #5e5e5e;
    border: 1px solid #5e5e5e;
    z-index: 1;
    border-radius: 50%;
    line-height: 40px;
    outline: 0 !important;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.feedback-slides .client-thumbnails .next-arrow::before,
.feedback-slides .client-thumbnails .next-arrow::before,
.feedback-slides .client-thumbnails .prev-arrow::before,
.feedback-slides .client-thumbnails .prev-arrow::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 50%;
    z-index: -1;
}

.feedback-slides .client-thumbnails .next-arrow:hover,
.feedback-slides .client-thumbnails .prev-arrow:hover {
    color: #ffffff;
    border-color: #033d75;
}

.feedback-slides .client-thumbnails .next-arrow:hover::before,
.feedback-slides .client-thumbnails .prev-arrow:hover::before {
    opacity: 1;
    visibility: visible;
}

.feedback-slides .client-thumbnails .next-arrow {
    right: -20px;
}

.feedback-slides .client-thumbnails .prev-arrow {
    left: -20px;
}

/*================================================
Ready To Talk Area CSS
=================================================*/
.ready-to-talk {
    text-align: center;
    position: relative;
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
    padding-top: 70px;
    padding-bottom: 145px;
}

.ready-to-talk-content h3 {
    color: #ffffff;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-size: 40px;
    font-weight: 300;
}

.ready-to-talk-content p {
    color: #ffffff;
    margin-bottom: 20px;
}

.ready-to-talk-content .btn-primary::after {
    background: #ffffff;
}

.ready-to-talk-content .btn-primary:hover,
.ready-to-talk-content .btn-primary:focus {
    color: #033d75 !important;
}

.ready-to-talk-content span a {
    margin-left: 15px;
    color: #ffffff;
    text-decoration: underline;
}

/*================================================
Partner Area CSS
=================================================*/
.partner-area {
    text-align: center;
    position: relative;
    margin-top: -120px;
    background: transparent;
}

.partner-area h3 {
    color: #ffffff;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 300;
}

.partner-inner {
    background: #ffffff;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    border-radius: 3px;
    margin-top: 20px;
    text-align: center;
    padding-top: 5px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.partner-inner a {
    display: block;
    margin-top: 25px;
    position: relative;
}

.partner-inner a img {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.partner-inner a img:nth-child(2) {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
}

.partner-inner a:hover img:nth-child(1) {
    opacity: 0;
    visibility: hidden;
}

.partner-inner a:hover img:nth-child(2) {
    opacity: 1;
    top: 0;
    visibility: visible;
}

/*================================================
App Download Area CSS
=================================================*/
.app-download-area {
    padding-top: 95px;
    padding-bottom: 50px;
}

.app-image {
    position: relative;
    z-index: 1;
    text-align: left;
}

.app-image .main-image img:nth-child(2) {
    position: absolute;
    right: 0;
    top: 0;
}

.app-image .main-mobile-image {
    display: none;
}

.app-image .circle-img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
    z-index: -1;
    right: 0;
    margin: 0 auto;
}

.app-image .circle-img img {
    -webkit-animation-name: rotateMe;
    animation-name: rotateMe;
    -webkit-animation-duration: 35s;
    animation-duration: 35s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.app-download-content {
    padding-left: 20px;
}

.app-download-content h2 {
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 300;
}

.app-download-content .bar {
    height: 5px;
    width: 90px;
    background: #cdf1d8;
    margin: 20px 0 25px;
    position: relative;
    border-radius: 30px;
}

.app-download-content .bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #44ce6f;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}

.app-download-content p {
    margin-bottom: 0;
}

.app-download-content .btn-box {
    margin-top: 25px;
}

.app-download-content .btn-box .app-store-btn {
    border-radius: 3px;
    display: inline-block;
    position: relative;
    z-index: 1;
    color: #ffffff;
    padding: 12px 25px 12px 60px;
    font-size: 12px;
}

.app-download-content .btn-box .app-store-btn i {
    position: absolute;
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.app-download-content .btn-box .app-store-btn i::before {
    font-size: 35px;
}

.app-download-content .btn-box .app-store-btn span {
    display: block;
    font-size: 18px;
    font-weight: 500;
}

.app-download-content .btn-box .app-store-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    z-index: -1;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.app-download-content .btn-box .app-store-btn::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    z-index: -1;
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
}

.app-download-content .btn-box .app-store-btn:hover {
    color: #ffffff;
}

.app-download-content .btn-box .app-store-btn:hover::after {
    opacity: 1;
    visibility: visible;
}

.app-download-content .btn-box .app-store-btn:hover::before {
    opacity: 0;
    visibility: hidden;
}

.app-download-content .btn-box .play-store-btn {
    margin-left: 12px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    z-index: 1;
    color: #ffffff;
    padding: 12px 25px 12px 60px;
    font-size: 12px;
}

.app-download-content .btn-box .play-store-btn i {
    position: absolute;
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.app-download-content .btn-box .play-store-btn i::before {
    font-size: 35px;
}

.app-download-content .btn-box .play-store-btn span {
    display: block;
    font-size: 18px;
    font-weight: 500;
}

.app-download-content .btn-box .play-store-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    z-index: -1;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
}

.app-download-content .btn-box .play-store-btn::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    z-index: -1;
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.app-download-content .btn-box .play-store-btn:hover {
    color: #ffffff;
}

.app-download-content .btn-box .play-store-btn:hover::after {
    opacity: 0;
    visibility: hidden;
}

.app-download-content .btn-box .play-store-btn:hover::before {
    opacity: 1;
    visibility: visible;
}

/*================================================
Account Create Area CSS
=================================================*/
.account-create-area {
    position: relative;
    z-index: 1;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    padding-top: 100px;
    padding-bottom: 100px;
}

.account-create-area::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.2;
    height: 100%;
    z-index: -1;
    background-image: url(../img/bg_lines.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200%;
}

.account-create-content {
    text-align: center;
}

.account-create-content h2 {
    color: #ffffff;
    text-transform: uppercase;
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 400;
}

.account-create-content p {
    color: #ffffff;
    line-height: initial;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 0;
}

.account-create-content .btn-primary {
    margin-top: 30px;
    padding: 16px 30px;
}

.account-create-content .btn-primary::before {
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
}

.account-create-content .btn-primary::after {
    background: #ffffff;
}

.account-create-content .btn-primary:hover,
.account-create-content .btn-primary:focus {
    color: #0e314c !important;
}

/*================================================
Blog Area CSS
=================================================*/
.blog-area {
    padding-bottom: 40px;
}

.blog-area .pagination-area {
    margin-bottom: 30px;
}

.single-blog-post {
    background: #f7fafd;
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 30px;
}

.single-blog-post .blog-image {
    position: relative;
}

.single-blog-post .blog-image a {
    display: block;
}

.single-blog-post .blog-image .date {
    position: absolute;
    left: 20px;
    bottom: -20px;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    color: #ffffff;
    padding: 10px 16px 8px;
    border-radius: 50px;
    font-family: "Raleway", sans-serif;
    font-size: 13px;
}

.single-blog-post .blog-image .date i {
    margin-right: 2px;
}

.single-blog-post .blog-post-content {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding-top: 40px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
}

.single-blog-post .blog-post-content h3 {
    line-height: 30px;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 300;
}

.single-blog-post .blog-post-content span {
    display: block;
    color: #0e314c;
    font-size: 14.5px;
    margin-top: 13px;
    margin-bottom: 12px;
}

.single-blog-post .blog-post-content span a {
    color: #6084a4;
}

.single-blog-post .blog-post-content span a:hover {
    color: #033d75;
}

.single-blog-post .blog-post-content .read-more-btn {
    font-size: 14.5px;
    font-weight: 500;
    font-family: "Raleway", sans-serif;
}

.single-blog-post .blog-post-content .read-more-btn i {
    font-size: 12px;
    margin-left: 2px;
}

.single-blog-post:hover {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
}

/*================================================
Blog Details Area CSS
=================================================*/
.blog-details .article-content {
    margin-top: 30px;
}

.blog-details .article-content .entry-meta {
    margin-bottom: 15px;
}

.blog-details .article-content .entry-meta ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.blog-details .article-content .entry-meta ul li {
    position: relative;
    display: inline-block;
    color: #0e314c;
    margin-right: 21px;
    font-weight: 300;
}

.blog-details .article-content .entry-meta ul li span {
    display: inline-block;
    color: #0e314c;
}

.blog-details .article-content .entry-meta ul li a {
    display: inline-block;
    color: #6084a4;
}

.blog-details .article-content .entry-meta ul li a:hover {
    color: #033d75;
}

.blog-details .article-content .entry-meta ul li i {
    color: #033d75;
    margin-right: 2px;
}

.blog-details .article-content .entry-meta ul li::before {
    content: "";
    position: absolute;
    top: 11px;
    right: -15px;
    width: 6px;
    height: 1px;
    background: #033d75;
}

.blog-details .article-content .entry-meta ul li:last-child {
    margin-right: 0;
}

.blog-details .article-content .entry-meta ul li:last-child::before {
    display: none;
}

.blog-details .article-content h3 {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 300;
}

.blog-details .article-content p {
    line-height: 1.8;
}

.blog-details .article-content .wp-block-gallery.columns-3 {
    padding-left: 0;
    list-style-type: none;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.blog-details .article-content .wp-block-gallery.columns-3 li {
    -ms-flex: 0 0 33.3333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding-right: 10px;
    padding-left: 10px;
}

.blog-details .article-content .wp-block-gallery.columns-3 li figure {
    margin-bottom: 0;
}

.blog-details .article-content .article-features-list {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 15px;
    margin-left: 20px;
}

.blog-details .article-content .article-features-list li {
    margin-bottom: 12px;
    color: #6084a4;
    position: relative;
    padding-left: 15px;
    font-weight: 300;
}

.blog-details .article-content .article-features-list li::before {
    background: #033d75;
    height: 7px;
    width: 7px;
    content: "";
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    position: absolute;
}

.blog-details .article-content .article-features-list li:last-child {
    margin-bottom: 0;
}

.blog-details .article-footer {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin-top: 30px;
}

.blog-details .article-footer .article-tags {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}

.blog-details .article-footer .article-tags span {
    display: inline-block;
    color: #0e314c;
    font-size: 20px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.blog-details .article-footer .article-tags a {
    display: inline-block;
    color: #6084a4;
    font-weight: 300;
}

.blog-details .article-footer .article-tags a:hover {
    color: #033d75;
}

.blog-details .article-footer .article-share {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}

.blog-details .article-footer .article-share .social {
    padding-left: 0;
    list-style-type: none;
    text-align: right;
    margin-bottom: 0;
}

.blog-details .article-footer .article-share .social li {
    display: inline-block;
}

.blog-details .article-footer .article-share .social li a {
    color: #0e314c;
    background-color: #f7f7f7;
    width: 33px;
    height: 33px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    font-size: 13px;
    display: inline-block;
}

.blog-details .article-footer .article-share .social li a:hover {
    color: #ffffff;
    background-color: #033d75;
}

blockquote,
.blockquote {
    overflow: hidden;
    background-color: #fafafa;
    padding: 50px !important;
    position: relative;
    text-align: center;
    z-index: 1;
    font-family: "Raleway", sans-serif;
    margin-bottom: 20px;
    margin-top: 20px;
}

blockquote p,
.blockquote p {
    color: #0e314c;
    line-height: 1.6;
    margin-bottom: 0;
    font-style: italic;
    font-weight: 400;
    font-size: 20px !important;
}

blockquote cite,
.blockquote cite {
    display: none;
}

blockquote::before,
.blockquote::before {
    color: #efefef;
    content: "\f10d";
    position: absolute;
    left: 50px;
    top: -60px;
    z-index: -1;
    font-family: "Font Awesome 5 Free";
    font-size: 140px;
    font-weight: 900;
}

.comments-area {
    margin-top: 28px;
}

.comments-area .comments-title {
    line-height: initial;
    margin-bottom: 25px;
    font-size: 22px;
    font-weight: 300;
}

.comments-area ol,
.comments-area ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.comments-area .comment-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.comments-area .children {
    margin-left: 20px;
}

.comments-area .comment-body {
    border-bottom: 1px solid #eeeeee;
    padding-left: 65px;
    color: #0e314c;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.comments-area .comment-body .reply {
    margin-top: 15px;
}

.comments-area .comment-body .reply a {
    border: 1px solid #eeeeee;
    color: #6084a4;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    font-family: "Raleway", sans-serif;
}

.comments-area .comment-body .reply a:hover {
    color: #ffffff;
    background-color: #033d75;
    border-color: #033d75;
}

.comments-area .comment-meta {
    margin-bottom: 0.8em;
}

.comments-area .comment-author {
    font-size: 16px;
    margin-bottom: 0.4em;
    position: relative;
    z-index: 2;
}

.comments-area .comment-author .avatar {
    height: 50px;
    left: -65px;
    position: absolute;
    width: 50px;
}

.comments-area .comment-author .fn {
    font-weight: 400;
    font-family: "Raleway", sans-serif;
}

.comments-area .comment-author .says {
    display: none;
}

.comments-area .comment-metadata {
    color: #6084a4;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
}

.comments-area .comment-metadata a {
    color: #6084a4;
}

.comments-area .comment-metadata a:hover {
    color: #033d75;
}

.comments-area .comment-content p {
    font-size: 14px;
}

.comments-area .comment-respond .comment-reply-title {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 300;
}

.comments-area
    .comment-respond
    .comment-reply-title
    #cancel-comment-reply-link {
    font-size: 15px;
    display: inline-block;
}

.comments-area .comment-respond .comment-form {
    overflow: hidden;
}

.comments-area .comment-respond .comment-notes {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 8px;
}

.comments-area .comment-respond .comment-notes .required {
    color: red;
}

.comments-area .comment-respond .comment-form-comment {
    margin-top: 15px;
    float: left;
    width: 100%;
}

.comments-area .comment-respond label {
    display: block;
    margin-bottom: 5px;
    color: #0e314c;
    font-weight: 300;
    font-family: "Raleway", sans-serif;
}

.comments-area .comment-respond input[type="date"],
.comments-area .comment-respond input[type="time"],
.comments-area .comment-respond input[type="datetime-local"],
.comments-area .comment-respond input[type="week"],
.comments-area .comment-respond input[type="month"],
.comments-area .comment-respond input[type="text"],
.comments-area .comment-respond input[type="email"],
.comments-area .comment-respond input[type="url"],
.comments-area .comment-respond input[type="password"],
.comments-area .comment-respond input[type="search"],
.comments-area .comment-respond input[type="tel"],
.comments-area .comment-respond input[type="number"],
.comments-area .comment-respond textarea {
    display: block;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    padding: 0.625em 0.7375em;
    outline: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.comments-area .comment-respond input[type="date"]:focus,
.comments-area .comment-respond input[type="time"]:focus,
.comments-area .comment-respond input[type="datetime-local"]:focus,
.comments-area .comment-respond input[type="week"]:focus,
.comments-area .comment-respond input[type="month"]:focus,
.comments-area .comment-respond input[type="text"]:focus,
.comments-area .comment-respond input[type="email"]:focus,
.comments-area .comment-respond input[type="url"]:focus,
.comments-area .comment-respond input[type="password"]:focus,
.comments-area .comment-respond input[type="search"]:focus,
.comments-area .comment-respond input[type="tel"]:focus,
.comments-area .comment-respond input[type="number"]:focus,
.comments-area .comment-respond textarea:focus {
    border-color: #033d75;
}

.comments-area .comment-respond .comment-form-author {
    float: left;
    width: 50%;
    padding-right: 10px;
    margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-email {
    float: left;
    width: 50%;
    padding-left: 12px;
    margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-url {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-cookies-consent {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-cookies-consent input {
    position: absolute;
    left: 0;
    top: 6px;
}

.comments-area .comment-respond .comment-form-cookies-consent label {
    display: inline-block;
    margin: 0;
    color: #6084a4;
    font-weight: normal;
}

.comments-area .comment-respond .form-submit {
    float: left;
    width: 100%;
}

.comments-area .comment-respond .form-submit input {
    background-color: #033d75;
    border: none;
    color: #ffffff;
    padding: 11px 25px 10px;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    border-radius: 0;
    text-transform: uppercase;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    font-size: 14px;
}

.comments-area .comment-respond .form-submit input:hover,
.comments-area .comment-respond .form-submit input:focus {
    color: #ffffff;
    background-color: #44ce6f;
}

/*================================================
Page Title Area CSS
=================================================*/
.page-title-area {
    position: relative;
    z-index: 1;
    background-color: #0e314c;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 200px;
    padding-bottom: 120px;
}

.page-title-area::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: -1;
    opacity: 0.6;
}

.page-title-area::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.04;
    height: 100%;
    z-index: -1;
    background-image: url(../img/bg_lines.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200%;
}

.page-title-area.item-bg1 {
    background-image: url(../img/page-title-bg1.jpg);
}

.page-title-area.item-bg2 {
    background-image: url(../img/page-title-bg2.jpg);
}

.page-title-content {
    text-align: center;
}

.page-title-content h2 {
    color: #ffffff;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 500;
}

.page-title-content p {
    color: #ffffff;
    max-width: 600px;
    font-family: "Raleway", sans-serif;
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

.page-title-section {
    background: transparent url(../img/page-title-shape.jpg) right top no-repeat;
    padding-top: 200px;
    padding-bottom: 120px;
}

.page-title-text {
    position: relative;
}

.page-title-text h2 {
    max-width: 700px;
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 500;
}

.page-title-text p {
    max-width: 600px;
    font-family: "Raleway", sans-serif;
    margin-top: 8px;
    margin-bottom: 0;
}

.page-title-text ul {
    padding-left: 0;
    list-style-type: none;
    font-family: "Raleway", sans-serif;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-bottom: 0;
}

.page-title-text ul li {
    display: inline-block;
    color: #033d75;
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    font-weight: 500;
    font-size: 15px;
}

.page-title-text ul li a {
    color: #0e314c;
}

.page-title-text ul li a:hover {
    color: #44ce6f;
}

.page-title-text ul li::before {
    content: "\f054";
    position: absolute;
    right: -15px;
    top: 5px;
    color: #0e314c;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
}

.page-title-text ul li:last-child::before {
    display: none;
}

.page-title-text ul li:first-child {
    margin-left: 0;
}

/*================================================
Pagination Area CSS
=================================================*/
.pagination-area {
    margin-top: 20px;
    text-align: center;
}

.pagination-area .page-numbers {
    width: 40px;
    height: 40px;
    margin: 0 3px;
    display: inline-block;
    background: #ffffff;
    line-height: 42px;
    color: #0e314c;
    -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
    box-shadow: 0 2px 10px 0 #d8dde6;
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: 400;
}

.pagination-area .page-numbers::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.pagination-area .page-numbers.current,
.pagination-area .page-numbers:hover,
.pagination-area .page-numbers:focus {
    color: #ffffff;
}

.pagination-area .page-numbers.current::before,
.pagination-area .page-numbers:hover::before,
.pagination-area .page-numbers:focus::before {
    opacity: 1;
    visibility: visible;
}

/*================================================
Widget Sidebar Area CSS
=================================================*/
.widget-area .widget {
    margin-top: 30px;
}

.widget-area .widget:first-child {
    margin-top: 0;
}

.widget-area .widget .widget-title {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-transform: capitalize;
    position: relative;
    font-weight: 300;
    font-size: 21px;
}

.widget-area .widget .widget-title::before {
    content: "";
    position: absolute;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    bottom: -1px;
    left: 0;
    width: 50px;
    height: 1px;
}

.widget-area .widget_search {
    -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
    box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
    background-color: #ffffff;
    padding: 15px;
}

.widget-area .widget_search form {
    position: relative;
}

.widget-area .widget_search form label {
    display: block;
    margin-bottom: 0;
}

.widget-area .widget_search form .screen-reader-text {
    display: none;
}

.widget-area .widget_search form .search-field {
    background-color: transparent;
    height: 50px;
    padding: 6px 15px;
    border: 1px solid #eeeeee;
    width: 100%;
    display: block;
    outline: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.widget-area .widget_search form .search-field:focus {
    border-color: #033d75;
}

.widget-area .widget_search form button {
    position: absolute;
    right: 0;
    outline: 0;
    bottom: 0;
    height: 50px;
    width: 50px;
    z-index: 1;
    border: none;
    color: #ffffff;
    background-color: transparent;
}

.widget-area .widget_search form button::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    top: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.widget-area .widget_search form button::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
    top: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
}

.widget-area .widget_search form button:hover::before {
    opacity: 0;
    visibility: hidden;
}

.widget-area .widget_search form button:hover::after {
    opacity: 1;
    visibility: visible;
}

.widget-area .widget_luvion_posts_thumb {
    position: relative;
    overflow: hidden;
}

.widget-area .widget_luvion_posts_thumb .item {
    overflow: hidden;
    margin-bottom: 15px;
}

.widget-area .widget_luvion_posts_thumb .item:last-child {
    margin-bottom: 0;
}

.widget-area .widget_luvion_posts_thumb .item .thumb {
    float: left;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 80px;
    margin-right: 15px;
}

.widget-area .widget_luvion_posts_thumb .item .thumb .fullimage {
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center center !important;
}

.widget-area .widget_luvion_posts_thumb .item .thumb .fullimage.bg1 {
    background-image: url(../../../../../kelderbank.com/contents/synline/assets/img/blog-image/1.html);
}

.widget-area .widget_luvion_posts_thumb .item .thumb .fullimage.bg2 {
    background-image: url(../../../../../kelderbank.com/contents/synline/assets/img/blog-image/2.html);
}

.widget-area .widget_luvion_posts_thumb .item .thumb .fullimage.bg3 {
    background-image: url(../../../../../kelderbank.com/contents/synline/assets/img/blog-image/3.html);
}

.widget-area .widget_luvion_posts_thumb .item .info {
    overflow: hidden;
}

.widget-area .widget_luvion_posts_thumb .item .info time {
    display: block;
    color: #6084a4;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 3px;
    font-size: 11px;
}

.widget-area .widget_luvion_posts_thumb .item .info .title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 400;
}

.widget-area .widget_recent_entries ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.widget-area .widget_recent_entries ul li {
    position: relative;
    margin-bottom: 12px;
    color: #6084a4;
    padding-left: 14px;
    line-height: 1.5;
    font-weight: 400;
    font-size: 14.5px;
}

.widget-area .widget_recent_entries ul li:last-child {
    margin-bottom: 0;
}

.widget-area .widget_recent_entries ul li::before {
    background: #033d75;
    position: absolute;
    height: 7px;
    width: 7px;
    content: "";
    left: 0;
    top: 7px;
}

.widget-area .widget_recent_entries ul li a {
    color: #6084a4;
}

.widget-area .widget_recent_entries ul li a:hover {
    color: #033d75;
}

.widget-area .widget_recent_entries ul li .post-date {
    display: block;
    font-size: 13px;
    color: #6084a4;
    margin-top: 4px;
}

.widget-area .widget_recent_comments ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.widget-area .widget_recent_comments ul li {
    position: relative;
    margin-bottom: 12px;
    color: #0e314c;
    padding-left: 14px;
    line-height: 1.5;
    font-weight: 400;
    font-size: 14.5px;
}

.widget-area .widget_recent_comments ul li:last-child {
    margin-bottom: 0;
}

.widget-area .widget_recent_comments ul li::before {
    background: #033d75;
    height: 7px;
    width: 7px;
    content: "";
    left: 0;
    top: 7px;
    position: absolute;
}

.widget-area .widget_recent_comments ul li span {
    display: inline-block;
}

.widget-area .widget_recent_comments ul li a {
    color: #6084a4;
    display: inline-block;
}

.widget-area .widget_recent_comments ul li a:hover {
    color: #033d75;
}

.widget-area .widget_archive ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.widget-area .widget_archive ul li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 14px;
    color: #6084a4;
    font-weight: 400;
    font-size: 14.5px;
}

.widget-area .widget_archive ul li:last-child {
    margin-bottom: 0;
}

.widget-area .widget_archive ul li::before {
    background: #033d75;
    height: 7px;
    width: 7px;
    content: "";
    left: 0;
    top: 7px;
    position: absolute;
}

.widget-area .widget_archive ul li a {
    color: #6084a4;
}

.widget-area .widget_archive ul li a:hover {
    color: #033d75;
}

.widget-area .widget_categories ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.widget-area .widget_categories ul li {
    position: relative;
    margin-bottom: 12px;
    color: #6084a4;
    padding-left: 14px;
    font-weight: 400;
    font-size: 14.5px;
}

.widget-area .widget_categories ul li:last-child {
    margin-bottom: 0;
}

.widget-area .widget_categories ul li::before {
    background: #033d75;
    height: 7px;
    width: 7px;
    content: "";
    left: 0;
    top: 7px;
    position: absolute;
}

.widget-area .widget_categories ul li a {
    color: #6084a4;
}

.widget-area .widget_categories ul li a:hover {
    color: #033d75;
}

.widget-area .widget_categories ul li .post-count {
    float: right;
}

.widget-area .widget_meta ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.widget-area .widget_meta ul li {
    position: relative;
    margin-bottom: 12px;
    color: #6084a4;
    padding-left: 14px;
    font-weight: 400;
    font-size: 14.5px;
}

.widget-area .widget_meta ul li:last-child {
    margin-bottom: 0;
}

.widget-area .widget_meta ul li::before {
    background: #033d75;
    height: 7px;
    width: 7px;
    content: "";
    left: 0;
    top: 7px;
    position: absolute;
}

.widget-area .widget_meta ul li a {
    color: #6084a4;
}

.widget-area .widget_meta ul li a:hover {
    color: #033d75;
}

.widget-area .widget_tag_cloud .widget-title {
    margin-bottom: 12px;
}

.widget-area .tagcloud a {
    display: inline-block;
    color: #6084a4;
    font-weight: 400;
    font-size: 13.5px !important;
    padding: 6px 13px;
    border: 1px dashed #eeeeee;
    position: relative;
    margin-top: 8px;
    margin-right: 4px;
}

.widget-area .tagcloud a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.widget-area .tagcloud a:hover,
.widget-area .tagcloud a:focus {
    color: #ffffff;
    border-color: #033d75;
}

.widget-area .tagcloud a:hover::before,
.widget-area .tagcloud a:focus::before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*================================================
404 Error Area CSS
=================================================*/
.error-area {
    height: 100vh;
}

.error-content {
    text-align: center;
    margin: 0 auto;
    max-width: 700px;
}

.error-content h3 {
    font-size: 40px;
    font-weight: 700;
    margin-top: 35px;
    margin-bottom: 15px;
}

.error-content p {
    max-width: 520px;
    margin: 0 auto 20px;
}

/*================================================
FAQ Area CSS
=================================================*/
.faq-content h2 {
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 300;
}

.faq-content .bar {
    height: 5px;
    width: 90px;
    background: #cdf1d8;
    margin: 20px 0 25px;
    position: relative;
    border-radius: 30px;
}

.faq-content .bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #44ce6f;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}

.faq-content .faq-image {
    margin-top: 20px;
}

.faq-accordion .accordion {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.faq-accordion .accordion .accordion-item {
    display: block;
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
    background: #ffffff;
    margin-bottom: 10px;
}

.faq-accordion .accordion .accordion-item:last-child {
    margin-bottom: 0;
}

.faq-accordion .accordion .accordion-title {
    padding: 12px 20px 12px 51px;
    color: #0e314c;
    position: relative;
    border-bottom: 1px solid transparent;
    margin-bottom: -1px;
    display: block;
    font-size: 15px;
    font-weight: 500;
    font-family: "Raleway", sans-serif;
}

.faq-accordion .accordion .accordion-title i {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    text-align: center;
    height: 100%;
    background: #033d75;
    color: #ffffff;
}

.faq-accordion .accordion .accordion-title i::before {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 13px;
}

.faq-accordion .accordion .accordion-title.active {
    border-bottom-color: #eeeeee;
}

.faq-accordion .accordion .accordion-title.active i::before {
    content: "\f068";
}

.faq-accordion .accordion .accordion-content {
    display: none;
    position: relative;
    padding: 15px;
    font-size: 14.5px;
}

.faq-accordion .accordion .accordion-content.show {
    display: block;
}

.faq-contact {
    margin-top: 70px;
}

.faq-contact-form {
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
}

.faq-contact-form form .form-control {
    background-color: #ffffff;
    border: none;
    -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
    height: 50px;
    font-family: "Raleway", sans-serif;
    font-size: 14.5px;
}

.faq-contact-form form .row {
    margin-left: -7px;
    margin-right: -7px;
}

.faq-contact-form form .row .col-lg-12,
.faq-contact-form form .row .col-lg-6 {
    padding-left: 7px;
    padding-right: 7px;
}

.faq-contact-form form textarea.form-control {
    height: auto;
    padding-top: 15px;
    line-height: initial;
}

.faq-contact-form form .btn {
    margin-top: 8px;
    -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
}

.faq-contact-form form .help-block ul {
    padding-left: 0;
    list-style-type: none;
    margin-top: 5px;
    margin-bottom: 0;
}

.faq-contact-form form .help-block ul li {
    color: red;
    font-weight: 300;
}

.faq-contact-form form #msgSubmit {
    margin-bottom: 0;
    text-align: left !important;
}

.faq-contact-form form #msgSubmit.text-danger,
.faq-contact-form form #msgSubmit.text-success {
    margin-top: 8px;
    font-size: 22px;
    font-weight: 300;
}

/*================================================
Login Area CSS
=================================================*/
.login-image {
    height: 100%;
    width: 100%;
    background-image: url(../img/login-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.login-image img {
    display: none;
}

.login-content {
    height: 100vh;
}

.login-content .login-form {
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.login-content .login-form .logo {
    margin-bottom: 35px;
}

.login-content .login-form .logo a {
    display: inline-block;
}

.login-content .login-form h3 {
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 600;
}

.login-content .login-form p {
    margin-top: 7px;
    margin-bottom: 0;
}

.login-content .login-form form {
    margin-top: 35px;
}

.login-content .login-form form .form-control {
    background-color: #ffffff;
    color: #0e314c;
    border: none;
    -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
    height: 50px;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
}

.login-content .login-form form .btn {
    display: block;
    width: 100%;
    -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
}

.login-content .login-form form .forgot-password {
    text-align: right;
    margin-top: 15px;
}

.login-content .login-form form .forgot-password a {
    display: inline-block;
    color: #033d75;
    text-decoration: underline;
}

.login-content .login-form form .connect-with-social {
    margin-top: 15px;
}

.login-content .login-form form .connect-with-social button {
    display: block;
    width: 100%;
    position: relative;
    border: 1px solid #033d75;
    background-color: transparent;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 11px 30px;
    border-radius: 2px;
    color: #033d75;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}

.login-content .login-form form .connect-with-social button i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    font-size: 20px;
}

.login-content .login-form form .connect-with-social button.facebook {
    border-color: #3b5998;
    color: #3b5998;
}

.login-content .login-form form .connect-with-social button.facebook:hover {
    background-color: #3b5998;
    color: #ffffff;
    border-color: #3b5998;
}

.login-content .login-form form .connect-with-social button.google {
    margin-top: 10px;
    border-color: #ea4335;
    color: #ea4335;
}

.login-content .login-form form .connect-with-social button.google:hover {
    background-color: #ea4335;
    color: #ffffff;
    border-color: #ea4335;
}

.login-content .login-form form .connect-with-social button:hover {
    background-color: #033d75;
    color: #ffffff;
    border-color: #033d75;
}

/*================================================
Signup Area CSS
=================================================*/
.signup-image {
    height: 100%;
    width: 100%;
    background-image: url(../img/signup-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.signup-image img {
    display: none;
}

.signup-content {
    height: 100vh;
}

.signup-content .signup-form {
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.signup-content .signup-form .logo {
    margin-bottom: 35px;
}

.signup-content .signup-form .logo a {
    display: inline-block;
}

.signup-content .signup-form h3 {
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 600;
}

.signup-content .signup-form p {
    margin-top: 7px;
    margin-bottom: 0;
}

.signup-content .signup-form form {
    margin-top: 35px;
}

.signup-content .signup-form form .form-control {
    background-color: #ffffff;
    color: #0e314c;
    border: none;
    -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
    height: 50px;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
}

.signup-content .signup-form form .btn {
    display: block;
    width: 100%;
    -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
}

.signup-content .signup-form form .connect-with-social {
    margin-top: 20px;
}

.signup-content .signup-form form .connect-with-social span {
    display: block;
    text-transform: uppercase;
    color: #6084a4;
    margin-bottom: 20px;
}

.signup-content .signup-form form .connect-with-social button {
    display: block;
    width: 100%;
    position: relative;
    border: 1px solid #033d75;
    background-color: transparent;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 11px 30px;
    border-radius: 2px;
    color: #033d75;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}

.signup-content .signup-form form .connect-with-social button i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    font-size: 20px;
}

.signup-content .signup-form form .connect-with-social button.facebook {
    border-color: #3b5998;
    color: #3b5998;
}

.signup-content .signup-form form .connect-with-social button.facebook:hover {
    background-color: #3b5998;
    color: #ffffff;
    border-color: #3b5998;
}

.signup-content .signup-form form .connect-with-social button.google {
    margin-top: 10px;
    border-color: #ea4335;
    color: #ea4335;
}

.signup-content .signup-form form .connect-with-social button.google:hover {
    background-color: #ea4335;
    color: #ffffff;
    border-color: #ea4335;
}

.signup-content .signup-form form .connect-with-social button:hover {
    background-color: #033d75;
    color: #ffffff;
    border-color: #033d75;
}

/*================================================
Contact Area CSS
=================================================*/
.contact-area {
    position: relative;
    z-index: 1;
}

.contact-form form .form-control {
    background-color: #ffffff;
    border: none;
    -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
    height: 50px;
    font-family: "Raleway", sans-serif;
    font-size: 14.5px;
}

.contact-form form .row {
    margin-left: -7px;
    margin-right: -7px;
}

.contact-form form .row .col-lg-12,
.contact-form form .row .col-lg-6 {
    padding-left: 7px;
    padding-right: 7px;
}

.contact-form form textarea.form-control {
    height: auto;
    padding-top: 15px;
    line-height: initial;
}

.contact-form form .btn {
    margin-top: 8px;
    -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
}

.contact-form form .help-block ul {
    padding-left: 0;
    list-style-type: none;
    margin-top: 5px;
    margin-bottom: 0;
}

.contact-form form .help-block ul li {
    color: red;
    font-weight: 300;
}

.contact-form form #msgSubmit {
    margin-bottom: 0;
    text-align: left !important;
}

.contact-form form #msgSubmit.text-danger,
.contact-form form #msgSubmit.text-success {
    margin-top: 8px;
    font-size: 22px;
    font-weight: 300;
}

.contact-info {
    padding-right: 25px;
}

.contact-info ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.contact-info ul li {
    position: relative;
    padding-left: 95px;
    color: #6084a4;
    margin-bottom: 35px;
    font-weight: 300;
    line-height: 1.7;
}

.contact-info ul li .icon {
    border: 1px dashed #033d75;
    width: 75px;
    height: 75px;
    line-height: 75px;
    color: #ffffff;
    border-radius: 50%;
    font-size: 25px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.contact-info ul li .icon::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    border-radius: 50%;
    margin: 5px;
    z-index: -1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.contact-info ul li .icon::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
    border-radius: 50%;
    margin: 5px;
    z-index: -1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
}

.contact-info ul li span {
    display: block;
    margin-bottom: 3px;
    color: #0e314c;
    font-size: 22px;
    font-weight: 300;
    font-family: "Raleway", sans-serif;
}

.contact-info ul li a {
    display: block;
    color: #6084a4;
}

.contact-info ul li a:hover {
    color: #033d75;
}

.contact-info ul li:hover .icon {
    border-color: #44ce6f;
}

.contact-info ul li:hover .icon::before {
    opacity: 0;
    visibility: hidden;
}

.contact-info ul li:hover .icon::after {
    opacity: 1;
    visibility: visible;
}

.contact-info ul li:last-child {
    margin-bottom: 0;
}

.bg-map {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
    text-align: center;
    margin: 0 auto;
    opacity: 0.5;
}

/*================================================
Footer Area CSS
=================================================*/
.footer-area {
    position: relative;
    z-index: 1;
    padding-top: 70px;
    background-color: #f7fafd;
}

.single-footer-widget {
    margin-bottom: 30px;
}

.single-footer-widget .logo a {
    display: block;
}

.single-footer-widget .logo p {
    font-size: 14.5px;
    margin-top: 20px;
    margin-bottom: 0;
}

.single-footer-widget h3 {
    margin-bottom: 24px;
    font-size: 22px;
    font-weight: 300;
}

.single-footer-widget .list {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.single-footer-widget .list li {
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 14.5px;
}

.single-footer-widget .list li a {
    color: #6084a4;
    display: inline-block;
}

.single-footer-widget .list li a:hover {
    padding-left: 5px;
    color: #033d75;
}

.single-footer-widget .list li:last-child {
    margin-bottom: 0;
}

.single-footer-widget .footer-contact-info {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

.single-footer-widget .footer-contact-info li {
    position: relative;
    color: #6084a4;
    margin-bottom: 8px;
    line-height: 1.7;
    font-weight: 300;
    font-size: 14.5px;
}

.single-footer-widget .footer-contact-info li a {
    color: #6084a4;
    display: inline-block;
}

.single-footer-widget .footer-contact-info li a:hover {
    color: #033d75;
}

.single-footer-widget .footer-contact-info li:last-child {
    margin-bottom: 0;
}

.single-footer-widget .footer-contact-info li span {
    display: inline-block;
    font-weight: 400;
}

.single-footer-widget .social-links {
    padding-left: 0;
    list-style-type: none;
    margin-top: 13px;
    margin-bottom: 0;
}

.single-footer-widget .social-links li {
    margin-right: 2px;
    display: inline-block;
}

.single-footer-widget .social-links li a {
    width: 30px;
    text-align: center;
    line-height: 29px;
    height: 30px;
    border: 1px solid #ece9e9;
    border-radius: 50%;
    color: #033d75;
    display: inline-block;
    font-size: 14px;
}

.single-footer-widget .social-links li a:hover {
    color: #ffffff;
    border-color: #033d75;
    background-color: #033d75;
}

.copyright-area {
    border-top: 1px solid #d8ebfd;
    text-align: center;
    margin-top: 40px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.copyright-area p {
    font-size: 14.5px;
}

.copyright-area p a {
    display: inline-block;
    color: #0e314c;
    font-weight: 400;
}

.copyright-area p a:hover {
    color: #033d75;
}

.map-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    text-align: center;
    z-index: -1;
    opacity: 0.7;
}

.map-image img {
    max-width: 40%;
}

/*================================================
Go Top CSS
=================================================*/
.go-top {
    position: fixed;
    cursor: pointer;
    top: 50%;
    right: 15px;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#033d75),
        to(#035175)
    );
    background: linear-gradient(90deg, #033d75 0%, #035175 100%);
    z-index: 4;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.9s;
    transition: 0.9s;
    color: #ffffff;
}

.go-top.active {
    top: 98%;
    -webkit-transform: translateY(-98%);
    transform: translateY(-98%);
    opacity: 1;
    visibility: visible;
}

.go-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.go-top:hover,
.go-top:focus {
    color: #ffffff;
}

.go-top:hover::before,
.go-top:focus::before {
    opacity: 1;
    visibility: visible;
}

/*# sourceMappingURL=style.css.map */

/* Scrollbar CSS */
::-webkit-scrollbar {
    width: 14px;
    height: 6px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px #f6f6f7;
    box-shadow: inset 0 0 1px #f6f6f7;
    border-radius: 30px;
}

::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background: #dc3545;
    -webkit-box-shadow: inset 0 0 1px #f6f6f7;
    box-shadow: inset 0 0 1px #f6f6f7;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #dc3545;
}

/* End Scrollbar CSS */

/* rounded-user-img */

.rounded-user-img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

/* rounded-user-img */