@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------------------------

Template Name:      Quanto - Multipurpose Responsive HTML5 Template
Version:            1.0.0
Date:               30/10/2018
Author:             Jitu Chauhan

------------------------------------------------------------------
[CSS Table of contents]

1.  Body / Typography
2.  Form Elements
3.  Components
4.  Pages
5.  Icon
6.  Layouts
7.  Header
8.  Navigation
9.  Slider
10. Blogs
11. Media Queries



/*-------------------------------------------------------------------
1. Typography
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
1. Typography
-------------------------------------------------------------------*/

body {
    font-family: 'lato-bold';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 27px;
    color: #808294;
    -webkit-font-smoothing: antialiased;
    background: #f8f8fb;
}


.body-bg {
    background-color: #fbfbfc;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #181825;
    margin: 0px 0px 15px 0px;
    font-family: 'lato-bold';
}

h1 {
    font-size: 42px;
    line-height: 54px;
    letter-spacing: -1px;
}

h2 {
    font-size: 34px;
    line-height: 44px;
    letter-spacing: -1px;
}

h3 {
    font-size: 26px;
    line-height: 33px;
    letter-spacing: -1px;
}

h4 {
    font-size: 20px;
    line-height: 31px;
}

h5 {
    font-size: 16px;
    line-height: 21px;
}

h6 {
    font-size: 13px;
    line-height: 21px;
}

.h2 {
    font-size: 35px;
    line-height: 48px;
    letter-spacing: -1px;
}

.h3,
h3 {
    font-size: 26px;
    line-height: 38px;
}

p {
    margin: 0px 0px 24px 0px;
}

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

a {
    color: #3544ee;
}

a:hover {
    color: #202db8;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none;
}

a.text-primary:focus,
a.text-primary:hover {
    color: #202db8 !important;
}

ol,
ul {}

ol li,
ul li {}

.lead {
    font-size: 21px;
    line-height: 32px;
    color: #181825;
}

.z-index-0 {
    z-index: 0;
}

::selection {
    background: rgba(255, 244, 147, .8);
    color: #272c30;
}

/*--------------------  Font Weight ---------------------*/

.fontweight-normal {
    font-family: 'Circular Std Book' !important;
}

.fontweight-medium {
    font-family: 'Circular Std Medium' !important;
}

.fontweight-bold {
    font-family: 'Circular Std Bold' !important;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(235, 237, 252);
}

small {
    font-size: 14px;
}

html body .font-16 {
    font-size: 16px;
}

html body .font-12 {
    font-size: 12px;
}

html body .font-15 {
    font-size: 15px;
}

html body .font-14 {
    font-size: 14px;
}

html body .font-10 {
    font-size: 10px;
}

html body .font-18 {
    font-size: 18px;
}

html body .font-20 {
    font-size: 20px;
}

html body .font-21 {
    font-size: 21px;
}

html body .font-22 {
    font-size: 22px;
}

html body .font-24 {
    font-size: 24px;
}

html body .display-4 {
    font-size: 60px;
    line-height: 70px;
}

html body .display-5 {
    font-size: 3rem;
}

html body .display-6 {
    font-size: 2.5rem;
}

html body .display-7 {
    font-size: 2rem;
}

/*-------------------------------------------------------------------
2. Forms
-------------------------------------------------------------------*/

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 16px;
    color: #181825;
}

.form-control {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    height: 50px;
    color: #303443;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #d5d6e3;
    border-radius: 4px;
}

.form-control:focus {
    color: #9597a9;
    background-color: #fff;
    border-color: #7976fe;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(215, 218, 252, .5);
}

input[type=file] {
    color: #808294;
    background-color: #fff;
    border-color: #a7a7f0;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgba(214, 214, 255, .75);
}

.col-form-label {
    font-size: 15px;
}

input {}

button {}

button:focus {
    outline: 0;
}

input::-webkit-input-placeholder {
    color: #808294 !important;
}

input:focus::-webkit-input-placeholder {
    color: #3544ee !important;
}

textarea::-webkit-input-placeholder {
    color: #808294 !important;
}

textarea:focus::-webkit-input-placeholder {
    color: #3544ee !important;
}

button.btn {}

button.btn-default {}

button.btn-primary {}

address {}

.form-group {
    margin-bottom: 12px;
}

.form-control-lg {
    padding: 12px;
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: 50px;
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    /* color: #495057; */
    vertical-align: middle;
    border-radius: 2px;
    font-size: 14px;
    color: #9597a9;
    border: 1px solid #ceced8;
    background-color: #fbfbff;
}

.custom-select:focus {
    color: #9597a9;
    border-color: #d0d1df;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgba(208, 209, 223, .5);
    background-color: #fff;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #22B573;
    border-color: #22B573;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #ffffff;
    background-color: #22B573;
    border-color: #22B573;
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 2px solid #c6c6d1;
}

.select-form-input {
    padding: 14px;
    background-color: #3544ee;
    border: transparent;
    border-bottom: 2px solid #fff;
    color: #fff;
}

/*-------------------------------------------------------------------
3. Components
-------------------------------------------------------------------*/

/*--------------------  DropCap ---------------------*/

.dropcap-v1 {}

.dropcap-v1 p:first-letter {
    float: left;
    font-size: 75px;
    line-height: .7em;
    margin-top: .15em;
    margin-right: 25px;
    margin-bottom: 0px;
    font-weight: bold;
    text-transform: uppercase;
    color: #181825;
}

.dropcap-v2 {}

.dropcap-v2 p:first-letter {
    float: left;
    font-size: 52px;
    line-height: .7em;
    margin-top: .15em;
    margin-right: 25px;
    margin-bottom: 0px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #181825;
    border: 5px solid #181825;
    color: #fff;
    padding: 16px;
    border-radius: 6px;
}

.dropcap-v3 {}

.dropcap-v3 p:first-letter {
    float: left;
    font-size: 52px;
    line-height: .7em;
    margin-top: .15em;
    margin-right: 25px;
    margin-bottom: 0px;
    font-weight: bold;
    text-transform: uppercase;
    border: 5px solid #181825;
    background-color: transparent;
    color: #181825;
    padding: 16px;
    border-radius: 6px;
}

.dropcap-v4 {}

.dropcap-v4 p:first-letter {
    float: left;
    font-size: 75px;
    line-height: .7em;
    margin-top: .15em;
    margin-right: 25px;
    margin-bottom: 0px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: transparent;
    color: #3544ee;
}

.dropcap-v5 {}

.dropcap-v5 p:first-letter {
    float: left;
    font-size: 52px;
    line-height: .7em;
    margin-top: .15em;
    margin-right: 25px;
    margin-bottom: 0px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #3544ee;
    border: 5px solid #3544ee;
    color: #fff;
    padding: 16px;
    border-radius: 6px;
}

.dropcap-v6 {}

.dropcap-v6 p:first-letter {
    float: left;
    font-size: 52px;
    line-height: .7em;
    margin-top: .15em;
    margin-right: 25px;
    margin-bottom: 0px;
    font-weight: bold;
    text-transform: uppercase;
    border: 5px solid #3544ee;
    background-color: transparent;
    color: #3544ee;
    padding: 16px;
    border-radius: 6px;
}

/* -----------------------  Buttons -------------------------*/

.btn {
    font-size: 16px;
    padding: 11px 21px;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    transition: .3s ease;
    font-family: 'lato-bold';
}

/*--- btn default --*/

.btn-brand {
    color: #fff;
    background-color: #f59330;
    border-color: #f59330;
}

.btn-brand:hover {
    color: #fff;
    background-color: #f59340;
    border-color: #f59340;
}

.btn-brand.focus,
.btn-brand:focus {
    color: #fff;
    background-color: #f59330;
    border-color: #f59330;
    box-shadow: none;
}

/*--- btn primary --*/

.btn-primary {
    color: #fff;
    background-color: #663398;
    border-color: #663398;
}

.btn-primary:hover {
    color: #fff;
    background-color: #663398;
    border-color: #663398;
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #2834bd;
    border-color: #2834bd;
    box-shadow: 0 0 0 1px rgb(40, 52, 189);
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgb(40, 52, 189);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2834bd;
    border-color: #2834bd;
}

/*--- btn secondary --*/

.btn-secondary {
    color: #fff;
    background-color: #ff5e3e;
    border-color: #ff5e3e;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #ea5132;
    border-color: #ea5132;
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #ea5132;
    border-color: #ea5132;
    box-shadow: 0 0 0 1px rgb(234, 81, 50);
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ea5132;
    border-color: #ea5132;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.1rem rgb(234, 81, 50);
}

/*--- btn success --*/

.btn-success {
    color: #fff;
    background-color: #2ec551;
    border-color: #2ec551;
}

.btn-success:hover {
    color: #fff;
    background-color: #21ae41;
    border-color: #21ae41;
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #21ae41;
    border-color: #21ae41;
    box-shadow: 0 0 0 1px rgb(18, 158, 50);
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #21ae41;
    border-color: #21ae41;
}

/*--- btn danger --*/

.btn-danger {
    color: #fff;
    background-color: #ef172c;
    border-color: #ef172c;
}

.btn-danger:hover {
    color: #fff;
    background-color: #da0419;
    border-color: #da0419;
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #da0419;
    border-color: #da0419;
    box-shadow: 0 0 0 1px rgb(218, 4, 25);
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #da0419;
    border-color: #da0419;
}

/*--- btn warning --*/

.btn-warning {
    color: #2e2f39;
    background-color: #ffc108;
    border-color: #ffc108;
}

.btn-warning:hover {
    color: #2e2f39;
    background-color: #f3b600;
    border-color: #f3b600;
}

.btn-warning.focus,
.btn-warning:focus {
    color: #2e2f39;
    background-color: #f3b600;
    border-color: #f3b600;
    box-shadow: 0 0 0 1px rgb(238, 182, 0);
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #2e2f39;
    background-color: #f3b600;
    border-color: #f3b600;
}

/*--- btn info --*/

.btn-info {
    color: #fff;
    background-color: #25d5f2;
    border-color: #25d5f2;
}

.btn-info:hover {
    color: #fff;
    background-color: #17c0dc;
    border-color: #17c0dc;
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #17c0dc;
    border-color: #17c0dc;
    box-shadow: 0 0 0 1px rgb(238, 184, 22);
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #17c0dc;
    border-color: #17c0dc;
}

/*--- btn light --*/

.btn-light {
    color: #71738d;
    background-color: #f0f0f8;
    border-color: #f0f0f8;
}

.btn-light:hover {
    color: #2e2f39;
    background-color: #d7d7df;
    border-color: #d7d7df;
}

.btn-light.focus,
.btn-light:focus {
    color: #2e2f39;
    background-color: #d7d7df;
    border-color: #d7d7df;
    box-shadow: 0 0 0 1px rgb(215, 215, 223);
}

/*--- btn dark --*/

.btn-dark {
    color: #fff;
    background-color: #2e2f39;
    border-color: #2e2f39;
}

.btn-dark:hover {
    color: #2e2f39;
    background-color: #d7d7df;
    border-color: #d7d7df;
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #d7d7df;
    border-color: #d7d7df;
    box-shadow: 0 0 0 1px rgb(46, 47, 57);
}

/*--- btn outline brand --*/

.btn-outline-brand {
    color: #fff;
    background-color: transparent;
    border-color: #f59330;
}

.btn-outline-brand:hover {
    color: #fff;
    background-color: #22B573;
    border-color: #22B573;
}

.btn-outline-brand.focus,
.btn-outline-brand:focus {
    color: #22B573;
    background-color: transparent;
    border-color: #22B573;
    box-shadow: 0 0 0 1px rgb(1, 212, 134);
}

/*--- btn outline primary --*/

.btn-outline-primary {
    color: #3544ee;
    background-color: transparent;
    border-color: #3544ee;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #3544ee;
    border-color: #3544ee;
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    color: #fff;
    background-color: #3544ee;
    border-color: #3544ee;
    box-shadow: 0 0 0 1px rgb(53, 68, 238);
}

/*--- btn outline secondary --*/

.btn-outline-secondary {
    color: #ff5e3e;
    background-color: transparent;
    border-color: #ff5e3e;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #ff5e3e;
    border-color: #ff5e3e;
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    color: #fff;
    background-color: #ff5e3e;
    border-color: #ff5e3e;
    box-shadow: 0 0 0 1px rgb(255, 94, 62);
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ff5e3e;
    border-color: #ff5e3e;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.1rem rgb(255, 94, 62);
}

/*--- btn outline success --*/

.btn-outline-success {
    color: #2ec551;
    background-color: transparent;
    border-color: #2ec551;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #2ec551;
    border-color: #2ec551;
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    color: #fff;
    background-color: #2ec551;
    border-color: #2ec551;
    box-shadow: 0 0 0 1px rgb(40, 167, 69);
}

/*--- btn outline danger --*/

.btn-outline-danger {
    color: #ef172c;
    background-color: transparent;
    border-color: #f03c4d;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #ef172c;
    border-color: #ef172c;
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    color: #fff;
    background-color: #ef172c;
    border-color: #ef172c;
    box-shadow: 0 0 0 1px rgb(239, 23, 44);
}

.btn-outline-danger-light {
    color: #ef172c;
    background-color: #ffecec;
    border-color: #fedddd;
}

.btn-outline-danger-light:hover {
    color: #fff;
    background-color: #ef172c;
    border-color: #ef172c;
}

.btn-outline-danger-light.focus,
.btn-outline-danger-light:focus {
    color: #fff;
    background-color: #ef172c;
    border-color: #ef172c;
    box-shadow: 0 0 0 1px rgb(239, 23, 44);
}

/*--- btn outline warning --*/

.btn-outline-warning {
    color: #2e2f39;
    background-color: transparent;
    border-color: #ffc108;
}

.btn-outline-warning:hover {
    color: #2e2f39;
    background-color: #ffc108;
    border-color: #ffc108;
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    color: #2e2f39;
    background-color: #ffc108;
    border-color: #ffc108;
    box-shadow: 0 0 0 1px rgb(255, 193, 8);
}

/*--- btn outline info --*/

.btn-outline-info {
    color: #25d5f2;
    background-color: transparent;
    border-color: #25d5f2;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #25d5f2;
    border-color: #25d5f2;
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    color: #fff;
    background-color: #25d5f2;
    border-color: #0998b0;
    box-shadow: 0 0 0 1px rgb(238, 184, 22);
}

/*--- btn outline light --*/

.btn-outline-light {
    color: #7171a6;
    background-color: transparent;
    border-color: #e6e6f2;
}

.btn-outline-light:hover {
    color: #808294 !important;
    background-color: #f0f0f8;
    border-color: #cacae0;
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    color: #808294;
    background-color: #f0f0f8;
    border-color: #cacae0;
    box-shadow: 0 0 0 1px rgb(235, 235, 237);
}

/*--- btn outline-dark --*/

.btn-outline-dark {
    color: #2e2f39;
    background-color: transparent;
    border-color: #2e2f39;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #2e2f39;
    border-color: #2e2f39;
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    color: #fff;
    background-color: #2e2f39;
    border-color: #2e2f39;
    box-shadow: 0 0 0 1px rgb(46, 47, 57);
}

/*--- btn outline white --*/

.btn-outline-white {
    color: #fff;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.5);
}

.btn-outline-white:hover {
    color: #353851 !important;
    background-color: #fff;
    border-color: #cacae0;
}

.btn-outline-white.focus,
.btn-outline-white:focus {
    color: #353851;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 0 1px rgb(255, 255, 255);
}

/*--- btn outline white --*/

.btn-white {
    color: #353851;
    background-color: #fff;
    border-color: rgba(255, 255, 255, 1);
}

.btn-white:hover {
    color: #fff !important;
    background-color: #04d16f;
    border-color: #04d16f;
}

.btn-white.focus,
.btn-white:focus {
    color: #fff;
    background-color: #04d16f;
    border-color: #04d16f;
    box-shadow: 0 0 0 1px rgb(4, 209, 111, 1);
}

/*--- btn size --*/

.btn-xs {
    padding: 4px 10px;
    font-size: 12px;
}

.btn-sm {
    padding: 8px 18px;
    font-size: 14px;
}

.btn-lg {
    padding: 11px 36px;
    font-size: 17px;
}

/*--- btn brand link --*/

.btn-brand-link {
    color: #181825;
    display: inline-block;
    line-height: 1.25;
    padding-bottom: 4px;
    position: relative;
    font-size: 16px;
    z-index: 2;
    text-decoration: none;
}

.btn-brand-link:after {
    background-color: #22B573;
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    transition: 300ms ease-in-out;
    width: 100%;
    z-index: -1;
}

.btn-brand-link:hover:after {
    background-color: #22B573;
    height: 13px;
    transition-duration: 160ms;
    text-decoration: none;
    color: #181825;
}

.btn-brand-link:hover {
    text-decoration: none;
    color: #181825;
}

/*--- btn priamry link --*/

.btn-primary-link {
    color: #181825;
    display: inline-block;
    line-height: 1.25;
    padding-bottom: 4px;
    position: relative;
    font-size: 16px;
    z-index: 2;
    text-decoration: none;
}

.btn-primary-link:after {
    background-color: #3544ee;
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    transition: 300ms ease-in-out;
    width: 100%;
    z-index: -1;
}

.btn-primary-link:hover:after {
    background-color: #3544ee;
    height: 13px;
    transition-duration: 160ms;
    text-decoration: none;
    color: #181825;
}

.btn-primary-link:hover {
    text-decoration: none;
    color: #181825;
}

/*--- btn secondary link --*/

.btn-secondary-link {
    color: #181825;
    display: inline-block;
    line-height: 1.25;
    padding-bottom: 4px;
    position: relative;
    font-size: 16px;
    z-index: 2;
    text-decoration: none;
}

.btn-secondary-link:after {
    background-color: #fa5826;
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    transition: 300ms ease-in-out;
    width: 100%;
    z-index: -1;
}

.btn-secondary-link:hover:after {
    background-color: #fa5826;
    height: 13px;
    transition-duration: 160ms;
    text-decoration: none;
    color: #181825;
}

.btn-secondary-link:hover {
    text-decoration: none;
    color: #181825;
}

/*--- btn dark link --*/

.btn-dark-link {
    color: #181825;
    display: inline-block;
    line-height: 1.25;
    padding-bottom: 4px;
    position: relative;
    font-size: 16px;
    z-index: 2;
    text-decoration: none;
}

.btn-dark-link:after {
    background-color: #181825;
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    transition: 300ms ease-in-out;
    width: 100%;
    z-index: -1;
}

.btn-dark-link:hover:after {
    background-color: #54545f;
    height: 13px;
    transition-duration: 160ms;
    text-decoration: none;
    color: #181825;
}

.btn-dark-link:hover {
    text-decoration: none;
    color: #181825;
}

/*--- btn dark link --*/

.btn-light-link {
    color: #181825;
    display: inline-block;
    line-height: 1.25;
    padding-bottom: 4px;
    position: relative;
    font-size: 16px;
    z-index: 2;
    text-decoration: none;
}

.btn-light-link:after {
    background-color: #808294;
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    transition: 300ms ease-in-out;
    width: 100%;
    z-index: -1;
}

.btn-light-link:hover:after {
    background-color: #808294;
    height: 13px;
    transition-duration: 160ms;
    text-decoration: none;
    color: #181825;
}

.btn-light-link:hover {
    text-decoration: none;
    color: #181825;
}

/*--- btn primary arrow link --*/

.btn-primary-arrow-link {
    color: #3544ee;
    display: inline-block;
    line-height: 24px;
    font-size: 17px;
    text-decoration: none;
}

.btn-primary-arrow-link:hover {
    color: #2834bd;
    display: inline-block;
    line-height: 24px;
    font-size: 17px;
    text-decoration: none;
}

.btn-primary-arrow-link i {
    font-size: 10px;
    margin-left: 4px;
}

/*--- btn brand arrow link --*/

.btn-brand-arrow-link {
    color: #22B573;
    display: inline-block;
    line-height: 24px;
    font-size: 17px;
    text-decoration: none;
}

.btn-brand-arrow-link:hover {
    color: #08b072;
    display: inline-block;
    line-height: 24px;
    font-size: 17px;
    text-decoration: none;
}

.btn-brand-arrow-link i {
    font-size: 10px;
    margin-left: 4px;
}

/*--- btn secondary arrow link --*/

.btn-secondary-arrow-link {
    color: #fa5826;
    display: inline-block;
    line-height: 24px;
    font-size: 17px;
    text-decoration: none;
}

.btn-secondary-arrow-link:hover {
    color: #ea5132;
    display: inline-block;
    line-height: 24px;
    font-size: 17px;
    text-decoration: none;
}

.btn-secondary-arrow-link i {
    font-size: 10px;
    margin-left: 4px;
}

/*--- btn dark arrow link --*/

.btn-dark-arrow-link {
    color: #181825;
    display: inline-block;
    line-height: 24px;
    font-size: 17px;
    text-decoration: none;
}

.btn-dark-arrow-link:hover {
    color: #282833;
    display: inline-block;
    line-height: 24px;
    font-size: 17px;
    text-decoration: none;
}

.btn-dark-arrow-link i {
    font-size: 10px;
    margin-left: 4px;
}

/*--- btn dark arrow link --*/

.btn-light-arrow-link {
    color: #808294;
    display: inline-block;
    line-height: 24px;
    font-size: 17px;
    text-decoration: none;
}

.btn-light-arrow-link:hover {
    color: #5f606d;
    display: inline-block;
    line-height: 24px;
    font-size: 17px;
    text-decoration: none;
}

.btn-light-arrow-link i {
    font-size: 10px;
    margin-left: 4px;
}

/*--- btn social --*/

.btn-facebook {
    color: #fff;
    background-color: #3c73df;
    border-color: #3c73df;
}

.btn-google-plus {
    color: #fff;
    background-color: #eb5e4c;
    border-color: #eb5e4c;
}

.btn-twitter {
    color: #fff;
    background-color: #2caeff;
    border-color: #2caeff;
}

.btn-instagram {
    color: #fff;
    background-color: #9361fa;
    border-color: #9361fa;
}

.btn-pinterest {
    color: #fff;
    background-color: #c8232c;
    border-color: #c8232c;
}

/*--- cropper document btn --*/

.btn-rounded {
    border-radius: 100px;
}

.btn-circle {
    border-radius: 50%;
}

.btn.btn-icon {
    height: 60px;
    width: 60px;
    padding: 0px;
    line-height: 3.8;
}

/*--- Imgzoom hover effect ---*/

.zoomimg {
    position: relative;
    overflow: hidden;
}

.zoomimg img {
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.zoomimg:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*----------- gray scale ------------*/

.gray-scale {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

/* ---------  Arrow List --------------  */

.arrow {
    position: relative;
}

.arrow li {
    padding-left: 20px;
    line-height: 35px;
}

.arrow li:before {
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    left: 0;
    font-size: 12px;
    color: #22de99;
    content: '\f058';
    font-style: initial;
}

.angle-right {
    position: relative;
}

.angle-right li {
    padding-left: 18px;
    line-height: 30px;
}

.angle-right li:before {
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    left: 0;
    font-size: 12px;
    color: #f59330;
    content: '\f105';
    font-style: initial;
}

.check {
    position: relative;
}

.check li {
    padding-left: 24px;
    line-height: 30px;
}

.check li:before {
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    left: 0;
    font-size: 12px;
    color: #80829a;
    content: '\f00c';
    font-style: initial;
}

.close-icon {
    position: relative;
}

.close-icon li {
    padding-left: 24px;
    line-height: 30px;
}

.close-icon li:before {
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    left: 0;
    font-size: 12px;
    color: #ec3636;
    content: '\f00d';
    font-style: initial;
}

.angle {
    position: relative;
}

.angle li {
    padding-left: 20px;
    line-height: 30px;
}

.angle li:before {
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    left: 0;
    font-size: 13px;
    color: #d2d3d8;
    content: '\f061';
    font-style: initial;
}

.plus-circle {
    position: relative;
}

.plus-circle li {
    padding-left: 20px;
    line-height: 35px;
}

.plus-circle li:before {
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    left: 0;
    font-size: 13px;
    color: #3544ee;
    content: '\f055';
    font-style: initial;
}

/*----- Bullet List -----*/

.bullet-list {}

.bullet-list ul {
    margin: 0px;
    padding: 0px;
}

.bullet-list ul li {}

.divider-line {
    border: 1px solid transparent;
}

.divider-dashed-line {
    border: 1px dashed transparent;
}

.divider-primary {
    border-color: #032fdf;
}

.divider-secondary {
    border-color: #fa5826;
}

.divider-brand {
    border-color: #22B573;
}

.divider-dark {
    border-color: #181825;
}

.divider-light {
    border-color: #e0e0e6;
}

/* -------------- Cards -------------------------*/

.card {
    margin-bottom: 30px;
    border: 1px solid #ebedfc;
    position: relative;
}

.card-header {
    background-color: #fff;
    border-bottom: 1px solid #ebedfc;
    padding: 20px 30px;
}

.card-title {}

.card-subtitle {
    font-size: 14px;
}

.card-body {
    padding: 30px;
}

.card-text {}

.card-footer {
    border-top: 1px solid #ebedfc;
    background: #f6f6ff;
    padding: 20px 30px;
    line-height: 1.8;
}

.card-link {}

.card-outline {
    border: 1px solid #ebedfc;
    border-radius: 4px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.card-outline .card-footer {
    border-top: 2px solid #ebedfc;
    padding: 18px 30px;
}

.card-outline:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}

.card-content-overlay {
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 1.25rem;
}

.thumbnail-small-block {}

.thumbnail-small-block .card-body {
    padding: 20px;
}

/* --------------- card-block ------------------------*/

.card-block {
    margin-bottom: 30px;
}

.card-block-img {
    margin-bottom: 20px;
}

.card-block-content {}

.card-block-head {
    border-bottom: 1px solid #f3f3f6;
    margin-bottom: 10px;
}

.card-block-head-title {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 10px;
}

/*--------------------
 Service Class
---------------------*/

.service-block {}

.service-block-header {}

.service-block-title {}

.service-block-subtitle {}

.service-block-icon {}

.service-block-content {}

.service-block-text {}

.service-block-footer {}

.service-block-link {}

.service-block-outline {}

/*------ service-block-v1 -------*/

.service-block-v1 {}

.service-block-v1.service-block {
    margin-bottom: 30px;
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #ebedfc;
    border-radius: 4px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.service-block-v1 .service-block-title {
    line-height: 38px;
    -moz-transition: all 0.3s;
}

.service-block-v1 .service-block-content {
    padding: 30px;
}

.service-block-v1 .service-block-icon {
    width: 167px;
    height: 167px;
    background-color: #f3f6ff;
    padding: 46px 44px;
    color: #3544ee;
    font-size: 70px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.1;
}

.service-block-v1 .service-block-text {}

.service-block-v1 .service-block-footer {
    background-color: #fff;
    border-top: 1px solid #ebedfc;
    padding: 20px 30px;
    line-height: 1.8;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.service-block-v1.service-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}

/*------ service-block-v2 -------*/

.service-block-v2.service-block {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 4px;
    margin-bottom: 30px;
    text-align: center;
    padding: 30px;
    border: 1px solid transparent
}

.service-block-v2 .service-block-icon {
    width: 167px;
    height: 167px;
    background-color: #f3f6ff;
    padding: 46px 44px;
    color: #3544ee;
    font-size: 70px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.1;
}

.service-block-v2 .service-block-content {}

.service-block-v2 .service-block-title {
    line-height: 38px;
}

.service-block-v2 .service-block-text {}

.service-block-v2.service-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    border: 1px solid #ebedfc;
}

/*------ service-block-v3 -------*/

.service-block-v3 {}

.service-block-v3.service-block {
    margin-bottom: 30px;
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #ebedfc;
    border-radius: 4px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
}

.service-block-v3 .service-block-title {
    margin-bottom: 10px;
}

.service-block-v3 .service-block-content {
    padding: 40px;
}

.service-block-v3 .service-block-icon {
    color: #3342e7;
    background-color: #f3f6ff;
    font-size: 32px;
    padding: 36px 30px;
    height: 103px;
    width: 103px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    text-align: center;
}

.service-block-v3 .service-block-text {}

.service-block-v3.service-block:hover {
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    transition: all .4s ease;
    transform: translate3D(0, -12px, 0) scale(1);
}

/*------ service-block-v4 -------*/

.service-block-v4 {}

.service-block-v4.service-block {
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #ebedfc;
    border-radius: 4px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 40px;
}

.service-block-v4 .service-block-title {
    margin-bottom: 10px;
}

.service-block-v4 .service-block-content {}

.service-block-v4 .service-block-img {
    position: relative;
    z-index: 1;
}

.service-block-v4 .service-block-text {
    font-size: 21px;
    line-height: 32px;
}

.service-block-v4.service-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}

.service-block-v4 .service-content-list {
    display: table;
    margin-bottom: 10px;
}

.service-block-v4 .service-content-list .service-first-list {
    float: left;
    padding-right: 20px;
}

/*------ service-block-v6 -------*/

.service-block-v6 {}

.service-block-v6.service-block {
    margin-bottom: 30px;
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #ebedfc;
    border-radius: 4px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
}

.service-block-v6 .service-block-title {
    margin-bottom: 0px;
}

.service-block-v6 .service-block-content {
    padding: 20px;
}

.service-block-v6 .service-block-icon {
    font-size: 32px;
    padding: 36px 30px;
    height: 103px;
    width: 103px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.1;
}

.service-block-v6.service-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}

.card-content-overlay {
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 1.25rem;
}

/*------ service-block-v5 -------*/

.service-space {
    padding-bottom: 250px !important;
    position: relative;
    text-align: center;
}

.service-section-v5 {
    position: relative;
    z-index: 1;
    bottom: 254px;
    margin-bottom: -170px;
}

.service-block-v5 {}

.service-block-v5.service-block {
    margin-bottom: 60px;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}

.service-block-v5 .service-block-title {
    margin-bottom: 5px;
}

.service-block-v5 .service-block-content {
    background-color: #fff;
    padding: 30px;
}

.service-block-v5 .service-block-img {
    position: relative;
}

.service-block-v5 .service-block-icon {
    height: 72px;
    width: 72px;
    background-color: #acffd7;
    border-radius: 100%;
    font-size: 42px;
    padding: 21px 14px;
    color: #3847f1;
    position: absolute;
    right: 20px;
    bottom: -35px;
}

.service-block-v5 .service-block-text {}

.service-block-v5 .service-block-footer {
    border-top: 1px solid #e7e7f2;
    background-color: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.service-block-v5 .service-block-footer-item {
    padding: 12px 23px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    display: inline-block;
    font-size: 16px;
}

.service-block-v5.service-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}

.service-footer-item a {
    color: #181825;
}

.loan-service-footer-item a:hover {
    color: #3847f1;
}

.service-footer-item-bordered:not(:last-child) {
    border-right: 1px solid #e7e7f2;
}

//*--------------------
Client Class ---------------------*/ .client-block {}

.client-block-title {}

.client-block-content {}

.client-block-img {}

.client-block-text {}

/*------ client-block-v1 -------*/

.card-deck .client-block-v1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
}

.client-block-v1 {}

.client-block-v1.client-block {
    margin-bottom: 30px;
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #ebedfc;
    border-radius: 4px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.client-block-v1 .client-block-title {}

.client-block-v1 .client-block-content {
    padding: 50px;
}

.client-block-v1 .client-block-img {
    margin-bottom: 30px;
}

.client-block-v1 .client-block-text {}

.client-block-v1.client-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}

/*------ client-block-v2 -------*/

.client-section-v2 {
    background-color: #fff;
    padding: 50px;
}

.client-block-v2 {}

.client-block-v2.client-block {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 4px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 50px;
}

.client-block-v2 .client-block-img {
    margin-bottom: 0px;
}

.client-block-v2.client-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}

/*------ client-logo -------*/

.client-logo {
    padding: 15px;
}

.client-logo-img {}

.client-logo-second {
    padding: 60px;
    background-color: #fff;
    text-align: center;
    border-radius: 6px;
    transition: .7s ease;
    margin-bottom: 30px;
    position: relative;
    cursor: pointer;
}

.client-logo-second:hover {
    -webkit-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    transition: .7s ease;
}

.client-logo-second a {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.client-logo-second .main-img {
    position: relative;
}

.client-logo-second .hover-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.client-logo-second:hover .hover-img {
    position: absolute;
    opacity: 1;
    transition: .7s ease;
}

/*------ client-logo third -------*/

.client-logo-third {
    padding: 60px;
    background-color: transparent;
    text-align: center;
    border-radius: 6px;
    transition: .7s ease;
    margin-bottom: 30px;
    position: relative;
    cursor: pointer;
    border: 1px solid #40424c;
}

.client-logo-third:hover {
    -webkit-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16);
    background-color: #40424c;
    transition: .7s ease;
    border: 1px solid #40424c;
}

.client-logo-third a {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.client-logo-third .main-img {
    position: relative;
}

.client-logo-third .hover-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.client-logo-third:hover .hover-img {
    position: absolute;
    opacity: 1;
    transition: .7s ease;
}

/*------ client-block-v3 -------*/

.client-block-v3 {}

.client-block-v3.client-block {
    -webkit-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    background-color: #fff;
    text-align: center;
    margin-bottom: 50px;
    border-radius: 4px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 60px 30px 60px 30px;
}

.client-block-v3 .client-block-content {}

.client-block-v3 .client-block-img {
    padding: 20px 60px 60px 60px;
}

/*--------------------
 How it Works  Class
---------------------*/

.process-block {}

.process-block-icon {}

.process-block-content {}

.process-block-title {}

.process-block-text {}

/*-----------process v1 --------*/

.process-block-v1 {}

.process-block-v1.process-block {
    margin-bottom: 30px;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    transition: .4s ease;
    border: 1px solid transparent;
}

.process-block-v1.process-block:hover {
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    transition: .4s ease;
    border: 1px solid #ebecf7;
}

.process-block-v1 .process-block-icon {
    width: 94px;
    height: 94px;
    padding: 27px;
    color: #fff;
    font-size: 46px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1;
}

.process-block-v1 .process-block-content {
    padding: 40px;
}

.process-block-v1 .process-block-title {
    margin-bottom: 5px;
}

.process-block-v1 .process-block-text {}

/*-----------process v2 --------*/

.process-block-v2 {}

.process-block-v2.process-block {
    margin-bottom: 30px;
    border: 1px solid #ebedfc;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
}

.process-block-v2 .process-block-icon {
    width: 94px;
    height: 94px;
    padding: 27px;
    color: #fff;
    font-size: 46px;
    text-align: center;
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1;
}

.process-block-v2 .process-block-content {
    padding: 40px;
    border-bottom: 1px solid #ebedfc;
}

.process-block-v2 .process-block-title {
    margin-bottom: 5px;
}

.process-block-v2 .process-block-text {}

.process-block-v2 .process-block-footer {
    border-top: 1px solid #ebedfc;
    background: #fff;
    padding: 20px;
    line-height: 1.8;
    margin-top: -1px;
}

/*-----------process v3 --------*/

.process-block-v3 {}

.process-block-v3.process-block {
    padding: 58px 28px;
    background-color: transparent;
    border-radius: 4px;
    transition: .5s ease;
    border: 1px solid #ebecf7;
}

.process-block-v3.process-block:hover {
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    transition: .5s ease;
    border: 1px solid #ebecf7;
}

.process-block-v3 .process-block-icon {
    width: 94px;
    height: 94px;
    padding: 20px;
    color: #fff;
    font-size: 46px;
    text-align: center;
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.2;
}

.process-block-v3 .process-block-content {}

.process-block-v3 .process-block-title {
    margin-bottom: 5px;
    font-size: 20px;
}

.process-block-v3 .process-block-text {}

/*-----------process v4 --------*/

.process-block-v4 {}

.process-block-v4.process-block {
    margin-bottom: 30px;
    padding: 40px;
    background-color: transparent;
    border-radius: 4px;
    transition: .5s ease;
    border: 1px solid #ebecf7;
}

.process-block-v4.process-block:hover {
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    transition: .5s ease;
    border: 1px solid #ebecf7;
}

.process-block-v4 .process-block-icon {
    color: #3544ee;
    font-size: 72px;
    margin-bottom: 30px;
    line-height: 1;
}

.process-block-v4 .process-block-content {}

.process-block-v4 .process-block-title {
    margin-bottom: 5px;
    font-size: 20px;
}

.process-block-v4 .process-block-text {}

/*-----------process v5 --------*/

.process-block-v5 {}

.process-block-v5.process-block {
    margin-bottom: 30px;
}

.process-block-v5 .process-block-icon {
    color: #3342e7;
    background-color: #f3f6ff;
    font-size: 26px;
    padding: 23px 21px;
    height: 73px;
    width: 73px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.2;
}

.process-block-v5 .process-block-content {}

.process-block-v5 .process-block-title {
    margin-bottom: 30px;
    font-size: 20px;
}

.process-block-v5 .process-block-text {}

.process-block-v5 {}

.process-block-v5 .process-block-list {}

.process-block-v5 .process-block-list ul {}

.process-block-v5 .process-block-list ul li {
    border-top: 1px solid #ebecf7;
    line-height: 2.5;
    border-bottom: 1px solid #ebecf7;
    margin-top: -1px;
}

.process-block-v5 .angle li:before {
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    left: 0;
    font-size: 13px;
    color: #d2d3d8;
    content: '\f061';
    font-style: initial;
    margin-top: 4px;
}

/*-----------------------  Background Color / Color -------------------------*/

.bg-primary {
    background-color: #663398 !important;
}

.bg-primary-dark {
    background-color: #1d2256 !important;
}

.bg-brand {
    background-color: #663398 !important;
}

.bg-secondary {
    background-color: #fa5826 !important;
    color: #fff !important;
}

.bg-success {
    background-color: #2ec551 !important;
}

.bg-danger {
    background-color: #ef172c !important;
}

.bg-warning {
    background-color: #ffc108 !important;
}

.bg-info {
    background-color: #25d5f2 !important;
}

.bg-light {
    background-color: #f9f9ff !important;
}

.bg-dark {
    background-color: #2e2f39 !important;
}

.bg-primary-light {
    background-color: #e4e6ff !important;
    color: #fff !important;
}

.bg-primary-dark {
    background-color: #1d2256 !important;
}

.bg-info-light {
    background-color: #dffaff !important;
    color: #fff;
}

.bg-secondary-light {
    background-color: #ffd9d1 !important;
}

.bg-danger-light {
    background-color: #fbd3d5 !important;
}

.bg-brand-light {
    background-color: #ccf7f0 !important;
}

.bg-success-light {
    background-color: #c5fad3 !important;
}

.split-bg {
    background: linear-gradient(to right, #22B573 0%, #22B573 45%, #efeff3 40%, #efeff3 100%);
    height: 100%;
    width: 100%;
}

.bg-gray {
    background-color: #ededf5 !important;
}

.bg-brose-light {
    background-color: #fde9ff !important;
}

.bg-brose-dark-light {
    background-color: #edc6ff !important;
}

.bg-purple-light {
    background-color: #f0eaff !important;
}

.bg-cyan-light {
    background-color: #e7f9fa !important;
}

.bg-mehndi-light {
    background-color: #eaf9c4 !important;
}

.bg-pink-light {
    background-color: #ffe1eb !important;
}

.bg-warning-light {
    background-color: #fff8dd !important;
}

.bg-orange-light {
    background-color: #ffede6 !important;
}

.bg-blue-light {
    background-color: #d8fdff !important;
}

/*---------- Color ------------------*/

.text-primary {
    color: #3544ee !important;
}

.text-brand {
    color: #22B573 !important;
}

.text-secondary {
    color: #ea5132 !important;
}

.text-success {
    color: #2ec551 !important;
}

.text-danger {
    color: #ef172c !important;
}

.text-warning {
    color: #ffc108 !important;
}

.text-info {
    color: #25d5f2 !important;
}

.text-light {
    color: #afafb6 !important;
}

.text-dark {
    color: #181825 !important;
}

.text-gray {
    color: #868aa5 !important;
}

.text-muted {
    color: #7171a6 !important;
}

.rating-color {
    color: #ffa811;
}

.text-brose {
    color: #ee46ff !important;
}

.text-purple {
    color: #7e48f6 !important;
}

.text-cyan {
    color: #22ced0 !important;
}

.text-mehndi {
    color: #94ca00 !important;
}

.text-pink {
    color: #f6256b !important;
}

.text-orange {
    color: #fd672d !important;
}

.text-blue {
    color: #01e3ef !important;
}

.text-primary-light {
    color: #b2b8f9;
}

.text-brand-light {
    color: #e0fcf2;
}

.text-secondary-light {
    color: #fdd5c8;
}

/*------------ Borders -------------*/

.border-boxes span {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    margin: .25rem;
    background-color: #fbfbfd;
}

.border {
    border: 1px solid #ebecf7 !important;
}

.border-top {
    border-top: 1px solid #ebecf7 !important;
}

.border-bottom {
    border-bottom: 1px solid #ebecf7 !important;
}

.border-left {
    border-left: 1px solid #ebecf7 !important;
}

.border-right {
    border-right: 1px solid #ebecf7 !important
}

.border-top-primary {
    border-top-color: #3544ee !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-secondary {
    border-color: #fa5826 !important;
}

.border-brand {
    border-color: #22B573 !important;
}

.border-info {
    border-color: #25d5f2 !important;
}

.rounded {
    border-radius: 4px !important;
}

.rounded-top {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.rounded-bottom {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.border-bottom-4 {
    border-bottom: 4px solid !important;
}

.border-top-4 {
    border-top: 4px solid !important;
}

.bb-brand-color {
    border-bottom-color: #22B573 !important;
}

.bb-primary-color {
    border-bottom-color: #3544ee !important;
}

.bb-danger-color {
    border-bottom-color: #ef172c !important;
}

.bt-danger-color {
    border-top-color: #ef172c !important;
}

.bb-orange-color {
    border-bottom-color: #ff9b5f !important;
}

.bb-secondary-color {
    border-bottom-color: #ea5132 !important;
}

.bb-info-color {
    border-bottom-color: #00cdec !important;
}

.bb-success-color {
    border-bottom-color: #2ec551 !important;
}

.bt-success-color {
    border-top-color: #2ec551 !important;
}

.border-primary {
    border-color: #032fdf !important;
}

.border-dark {
    border-color: #181825 !important;
}

.border-light {
    border-color: #e0e0e6 !important;
}

.border-dashed {
    border-style: dashed !important;
}

/*------------ Borders -------------*/

.border-boxes span {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    margin: .25rem;
    background-color: #fbfbfd;
}

.border {
    border: 1px solid #363686 !important;
}

.border-top {
    border-top: 1px solid #363686 !important;
}

.border-bottom {
    border-bottom: 1px solid #363686 !important;
}

.border-left {
    border-left: 1px solid #363686 !important;
}

.border-right {
    border-right: 1px solid #363686 !important;
}

.border-top-primary {
    border-top-color: #4747ff !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-secondary {
    border-color: #fa5826 !important;
}

.border-brand {
    border-color: #22B573 !important;
}

.border-info {
    border-color: #25d5f2 !important;
}

.rounded {
    border-radius: 4px !important;
}

.rounded-top {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.rounded-bottom {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.border-bottom-4 {
    border-bottom: 4px solid !important;
}

.border-top-4 {
    border-top: 4px solid !important;
}

.bb-brand-color {
    border-bottom-color: #22B573 !important;
}

.bb-primary-color {
    border-bottom-color: #4747ff !important;
}

.bb-danger-color {
    border-bottom-color: #ef172c !important;
}

.bt-danger-color {
    border-top-color: #ef172c !important;
}

.bb-orange-color {
    border-bottom-color: #ff9b5f !important;
}

.bb-secondary-color {
    border-bottom-color: #e54918 !important;
}

.bb-info-color {
    border-bottom-color: #00cdec !important;
}

.bb-success-color {
    border-bottom-color: #2ec551 !important;
}

.bt-success-color {
    border-top-color: #2ec551 !important;
}

.border-primary {
    border-color: #032fdf !important;
}

.border-dark {
    border-color: #ffffff !important;
}

.border-light {
    border-color: #e0e0e6 !important;
}

.border-dashed {
    border-style: dashed !important;
}

/* ----------------------- Split Sections -------------------------*/

.split-container {
    height: 100%;
}

.split-left-img {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/about-left-img-1.jpg)no-repeat;
    background-size: cover;
    min-height: 500px;
    color: #FFF;
    background-position-x: 50%;
}

.split-right-img {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/about-right-img-1.jpg)no-repeat;
    background-size: cover;
    min-height: 500px;
    color: #fff;
    background-position-x: 50%;
}

.split-left-img-second {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/about-left-img-2.jpg)no-repeat;
    background-size: cover;
    min-height: 500px;
    color: #FFF;
    background-position-x: 50%;
}

.split-right-img-second {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/about-right-img-2.jpg)no-repeat;
    background-size: cover;
    min-height: 500px;
    color: #fff;
    background-position-x: 50%;
}

/*------------------ Social Color -------------------------*/

.facebook-color {
    color: #3c73df;
}

.twitter-color {
    color: #1ea2f2;
}

.instagram-color {
    color: #9361fa;
}

.rss-color {
    color: #ee802f;
}

.pinterest-color {
    color: #c8232c;
}

.youtube-color {
    color: #ff0000;
}

.medium-color {
    color: #00ab6c;
}

.googleplus-color {
    color: #d34836;
}

.snapchat-color {
    color: #FFFB00;
}

/*------------------- Social bg Color -------------------------*/

.facebook-bgcolor {
    background-color: #3b5898;
    color: #fff;
}

.twitter-bgcolor {
    background-color: #1ea2f2;
    color: #fff;
}

.instagram-bgcolor {
    background-color: #9361fa;
    color: #fff;
}

.rss-bgcolor {
    background-color: #ee802f;
    color: #fff;
}

.pinterest-bgcolor {
    background-color: #c8232c;
    color: #fff;
}

.youtube-bgcolor {
    background-color: #ff0000;
    color: #fff;
}

.googleplus-bgcolor {
    background-color: #d34836;
    color: #fff;
}

/*------------------ Progress bar -------------------------*/

.progress-bar {
    background-color: #3544ee;
}

.primary-progress-bar {
    background-color: #3544ee;
}

.progress-sm {
    height: 5px;
}

.progress-sm {
    height: 5px
}

.progress-md {
    height: 8px
}

.progress-lg {
    height: 12px
}

.progress-xl {
    height: 15px
}

/*------------------  Badges -------------------------*/

.badge {
    display: inline-block;
    padding: 3px 7px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

.badge-primary {
    background-color: #3544ee;
}

.badge-primary[href]:focus,
.badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #4656e9;
}

.badge-brand {
    background-color: #22B573;
    color: #fff;
}

.badge-brand[href]:focus,
.badge-brand[href]:hover {
    color: #2e2f39;
    background-color: #efb63e;
    text-decoration: none;
}

.badge-secondary {
    background-color: #ea5132;
}

.badge-secondary[href]:focus,
.badge-secondary[href]:hover {
    color: #fff;
    background-color: #fa5826;
    text-decoration: none;
}

.badge-success {
    background-color: #21ae41;
}

.badge-success[href]:focus,
.badge-success[href]:hover {
    color: #fff;
    background-color: #21ae41;
    text-decoration: none;
}

.badge-danger {
    background-color: #da0419;
}

.badge-danger[href]:focus,
.badge-danger[href]:hover {
    color: #fff;
    background-color: #ef172c;
    text-decoration: none;
}

.badge-warning {
    background-color: #f3b600;
    color: #2e2f39;
}

.badge-warning[href]:focus,
.badge-warning[href]:hover {
    color: #2e2f39;
    background-color: #f3b600;
    text-decoration: none;
}

.badge-info {
    background-color: #0998b0;
}

.badge-info[href]:focus,
.badge-info[href]:hover {
    color: #fff;
    background-color: #17c0dc;
    text-decoration: none;
}

.badge-light {
    background-color: #efeff6;
    color: #757691;
}

.badge-light[href]:focus,
.badge-light[href]:hover {
    color: #2e2f39;
    background-color: #d7d7df;
    text-decoration: none;
}

.badge-dark {
    background-color: #1f202b;
}

.badge-dark[href]:focus,
.badge-light[href]:hover {
    color: #2e2f39;
    background-color: #d7d7df;
    text-decoration: none;
}

.badge-dot {
    border-radius: 100%;
    padding: 4px;
    display: inline-block;
    margin-right: 3px;
}

/*---------------  Pagination -------------------------*/

/*---------------  Pagination -------------------------*/

.page-link {
    position: relative;
    display: block;
    padding: 13px 18px;
    margin-left: 0px;
    margin-right: 5px;
    line-height: 1.25;
    color: #626582;
    background-color: #fff;
    border: 1px solid #ebecf7;
    border-radius: 100%;
    line-height: 1;
    font-size: 15px;
}

.page-link:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: #22B573;
    border-color: #08bd7a;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #22B573;
    border-color: #08bd7a;
}

.page-item:first-child .page-link {
    margin-left: auto;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}

.page-item:last-child .page-link {
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
}

.pagination-sm .page-link {
    padding: 7px 16px;
    font-size: 14px;
    line-height: 24px;
}

.pagination-lg .page-link {
    padding: 13px 23px;
    font-size: 18px;
    line-height: 28px;
}

/*------------- Spinner ------------------*/

.spinner-xxl {
    width: 150px;
    height: 150px;
}

.spinner-xl {
    width: 120px;
    height: 120px;
}

.spinner-lg {
    width: 100px;
    height: 100px;
}

.spinner-md {
    width: 80px;
    height: 80px;
}

.spinner-sm {
    width: 60px;
    height: 60px;
}

.spinner-xs {
    width: 30px;
    height: 30px;
}

.dashboard-spinner {
    margin: 0px 8px;
    border-radius: 50%;
    background-color: transparent;
    border: 6px solid transparent;
    border-top: 6px solid #3544ee;
    border-left: 6px solid #3544ee;
    -webkit-animation: 1s spin linear infinite;
    animation: 1s spin linear infinite;
    display: inline-block;
}

.spinner-primary {
    border-top-color: #3544ee;
    border-left-color: #3544ee;
}

.spinner-secondary {
    border-top-color: #ff5e3e;
    border-left-color: #ff5e3e;
}

.spinner-success {
    border-top-color: #2ec551;
    border-left-color: #2ec551;
}

.spinner-danger {
    border-top-color: #dc3545;
    border-left-color: #dc3545;
}

.spinner-warning {
    border-top-color: #ffc107;
    border-left-color: #ffc107;
}

.spinner-info {
    border-top-color: #17a2b8;
    border-left-color: #17a2b8;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*-------------- Patterns -------------------*/

.card-pattern-left {
    position: relative;
}

.card-pattern-left:after {
    content: '';
    background: url(/../images/dot-square.png)no-repeat;
    height: 120px;
    width: 120px;
    background-repeat: repeat;
    position: absolute;
    bottom: -23px;
    z-index: -1;
    left: -23px;
}

.card-pattern-right {
    position: relative;
}

.card-pattern-right:after {
    content: '';
    background: url(/../images/dot-square.png)no-repeat;
    height: 120px;
    width: 120px;
    background-repeat: repeat;
    position: absolute;
    bottom: -23px;
    z-index: -1;
    right: -23px;
}

.card-pattern-right-top {
    position: relative;
}

.card-pattern-right-top:before {
    content: '';
    background: url(/../images/dot-square.png)no-repeat;
    height: 120px;
    width: 120px;
    background-repeat: repeat;
    position: absolute;
    top: -24px;
    z-index: -1;
    right: -23px;
}

.card-pattern-bottom {
    position: relative;
}

.card-pattern-bottom:after {
    content: '';
    background: url(/../images/dot-square.png)no-repeat;
    height: 120px;
    width: 120px;
    background-repeat: repeat;
    position: absolute;
    bottom: -23px;
    z-index: -1;
    left: 110px;
}

.card-pattern-full {
    position: relative;
}

.card-pattern-full:after {
    content: '';
    background: url(/../images/dot-square.png)no-repeat;
    height: 200px;
    width: 392px;
    background-repeat: repeat;
    position: absolute;
    bottom: -23px;
    z-index: -1;
    right: 0;
    left: -23px;
}

.card-pattern-box {
    position: relative;
}

.card-pattern-box:after {
    content: '';
    background: url(/../images/dot-square.png)no-repeat;
    height: 200px;
    width: 583px;
    background-repeat: repeat;
    position: absolute;
    bottom: -23px;
    z-index: -1;
    right: 0;
    left: -21px;
}

.card-pattern-full-box {
    position: relative;
}

.card-pattern-full-box:after {
    content: '';
    background: url(/../images/dot-square.png)no-repeat;
    height: 187px;
    width: 960px;
    background-repeat: repeat;
    position: absolute;
    bottom: -21px;
    z-index: -1;
    right: 0;
    left: -21px;
}

.card-pattern-circle {
    position: relative;
}

.card-pattern-circle:after {
    content: '';
    background: url(/../images/dot-square.png)no-repeat;
    height: 120px;
    width: 120px;
    background-repeat: repeat;
    position: absolute;
    bottom: 3px;
    z-index: -1;
    left: -22px;
    border-radius: 100%;
}

.pattern {
    position: relative;
}

/*----------------- Accordions style 1 -----------------------------*/

.accordion-section {
    background-color: #fff;
    border: 1px solid #ebecf7;
    padding: 45px;
    margin-bottom: 30px;
}

.accrodion-regular {}

.accrodion-regular .card {
    margin-bottom: -1px;
    border: 1px solid #ebedfc;
}

.accrodion-regular .card-body {
    background-color: #f8f8fb;
}

.accrodion-regular .card-header {
    padding: 14px 20px;
    background-color: transparent;
}

.accrodion-regular .card-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
}

.accrodion-regular .card-title span {
    padding-top: 3px;
    float: right;
}

.accrodion-regular .card-header:first-child {
    border-radius: calc(4px - 1px) calc(4px - 1px) 0 0;
}

.accrodion-regular .card-header a {
    color: #353851;
}

.accrodion-regular .card-header a:hover {
    color: #3544ee;
}

.accrodion-regular .card-header.active {
    color: #3544ee;
}

.accordion-content {
    padding-bottom: 10px;
    padding-top: 10px;
}

/*------------------ Accordions style 2 --------------------------------*/

.accrodion-regular .accrodion-block {
    border-bottom: 1px solid #ebecf7;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.accrodion-regular .accordion-head {}

.accrodion-regular .accordion-title {
    margin-bottom: 0px;
    font-size: 18px;
}

.accrodion-regular .accordion-text {}

.accrodion-regular .accordion-title span {
    padding-right: 23px;
    font-size: 14px;
    color: #3544ee;
}

/*---------------------- Accordions style 3 ------------------*/

.accrodion-second-regular {}

.accrodion-second-regular {}

.accrodion-second-regular .card {
    margin-bottom: -1px;
    border: 1px solid #ebedfc;
}

.accrodion-second-regular .card-body {
    background-color: #f8f8fb;
}

.accrodion-second-regular .card-header {
    padding: 14px 20px;
    background-color: transparent;
}

.accrodion-second-regular .card-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
}

.accrodion-second-regular .card-title span {
    padding-top: 3px;
    font-size: 14px;
    color: #3645f2;
}

.accrodion-second-regular .card-header:first-child {
    border-radius: calc(4px - 1px) calc(4px - 1px) 0 0;
}

.accrodion-second-regular .card-header .card-title a {
    color: #353851;
}

.accrodion-second-regular .card-header .card-title a:hover {
    color: #3544ee !important;
}

.accrodion-second-regular .card-header.active {
    color: #3544ee;
}

.accordion-content {
    padding-bottom: 10px;
    padding-top: 10px;
}

/*---------------------- Accordions style 4 ------------------*/

.accrodion-third-regular {}

.accrodion-third-regular {}

.accrodion-third-regular .card {
    margin-bottom: -1px;
    border: 1px solid #ebedfc;
}

.accrodion-third-regular .card-body {
    background-color: #ffffff;
}

.accrodion-third-regular .card-header {
    padding: 36px 30px;
    background-color: transparent;
}

.accrodion-third-regular .card-title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0px;
}

.accrodion-third-regular .card-title span {
    padding-top: 3px;
    font-size: 26px;
    color: #3645f2;
    float: right;
}

.accrodion-third-regular .card-header:first-child {
    border-radius: calc(4px - 1px) calc(4px - 1px) 0 0;
}

.accrodion-third-regular .card-header .card-title a {
    color: #181825 !important;
}

.accrodion-third-regular .card-header .card-title a:hover {
    color: #3544ee !important;
}

.accrodion-third-regular .card-header.active {
    color: #3544ee;
}

.accordion-content {
    padding-bottom: 10px;
    padding-top: 10px;
}

/* ------------- 2.8  Tabs -------------------*/

.tab-regular {}

.tab-regular .nav.nav-tabs {
    border-bottom: transparent;
}

.tab-regular .nav.nav-tabs .nav-item {}

.tab-regular .nav.nav-tabs .nav-link {
    display: block;
    padding: 17px 44px;
    color: #808294;
    background-color: #ededf1;
    margin-right: 1px;
    border-color: #ededf1;
}

.tab-regular .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {}

.tab-regular .nav-tabs .nav-link.active {
    background-color: #fff;
    border-color: #e6e6f2 #e6e6f2 #fff;
    color: #3544ee;
}

.tab-regular .tab-content {
    background-color: #fff;
    padding: 30px;
    border: 1px solid #e6e6f2;
    border-radius: 4px;
    border-top-left-radius: 0px
}

/*----- Tabs Vertical CSS ----*/

.tab-vertical {}

.tab-vertical .nav.nav-tabs {
    float: left;
    display: block;
    margin-right: 0px;
    border-bottom: 0;
}

.tab-vertical .nav.nav-tabs .nav-item {
    margin-bottom: 6px;
}

.tab-vertical .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background: #fff;
    padding: 17px 49px;
    color: #808294;
    background-color: #ededf1;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

.tab-vertical .nav-tabs .nav-link.active {
    color: #3544ee;
    background-color: #fff !important;
    border-color: transparent !important;
}

.tab-vertical .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 0px !important;
}

.tab-vertical .tab-content {
    overflow: auto;
    -webkit-border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    border-radius: 0px 4px 4px 4px;
    background: #fff;
    padding: 30px;
}

/*--- Outline Tabs ----*/

.outline-tab {}

.outline-tab .nav .nav-tabs {}

.outline-tab .nav-tabs {
    border-bottom: 1px solid #ebedfc;
}

.outline-tab .nav-tabs .nav-item {
    margin-bottom: -1px;
    margin-top: 30px;
}

.outline-tab .nav-tabs .nav-link {
    padding: 10px 30px;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #626582;
}

.outline-tab .nav-tabs .nav-item.show .nav-link,
.outline-tab .nav-tabs .nav-link.active {
    color: #3341e7;
    background-color: transparent;
    border-color: #ebedfc #ebedfc #fff;
}

.outline-tab .tab-content {
    padding: 35px;
}

/*--- Simple Card Tabs ----*/

.simple-card {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #e9e9f2;
}

.simple-card .nav.nav-tabs {
    border-bottom: 1px solid #e6e6f2;
}

.simple-card .nav.nav-tabs .nav-item {}

.simple-card .nav.nav-tabs .nav-item .nav-link {
    padding: 17px 49px;
    color: #808294;
    background: #f8f8fb;
    border-color: #e9e9f2 #e9e9f2 #e9e9f2;
    margin-right: -1px;
    border-radius: 0px;
    border-top: transparent;
}

.simple-card .nav-tabs .nav-link.active {
    color: #3544ee !important;
    background-color: transparent !important;
    border-color: #e9e9f2 #e9e9f2 #fff !important;
}

.simple-card .tab-content {
    padding: 30px;
}

/* -------------- Pills Regular ----------------*/

.pills-regular {}

.pills-regular .nav.nav-pills {}

.pills-regular .nav.nav-pills .nav-item {}

.pills-regular .nav.nav-pills .nav-item .nav-link {
    background-color: #ededf1;
    padding: 16px 52px;
    margin-right: 3px;
    color: #808294;
}

.pills-regular .nav.nav-pills .nav-item .nav-link.active {
    background-color: #fff;
    color: #3544ee;
}

.pills-regular .tab-content {
    background-color: #fff;
    padding: 30px;
    border-radius: 4px;
}

/* -------------- Pills vertical ---------------------*/

.pills-vertical {}

.pills-vertical .nav.nav-pills {}

.pills-vertical .nav.nav-pills .nav-link {
    background-color: #ededf1;
    padding: 16px;
    margin-bottom: 4px;
    color: #808294;
    text-align: center;
}

.pills-vertical .nav.nav-pills .nav-link.active {
    background-color: #fff;
    color: #3544ee;
}

.pills-vertical .tab-content {
    background-color: #fff;
    padding: 30px;
    border-radius: 4px;
}

/*-------------------  Tables ---------------------*/

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #ebedfc;
    font-family: 'Circular Std Book';
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #ebedfc;
}

table {
    font-size: 16px;
}

table th {}

table td {}

.table th {
    color: #303443;
    font-family: 'Circular Std Book';
}

.table td,
.table th {
    padding: .75rem;
    color: #626582;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.table .thead-light th {
    color: #495057;
    background-color: #f3f6ff;
    border-color: #ebedfc;
}

/*---------------- Data Tables ----------------------------------*/

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
    height: 42px;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
    height: 42px;
}

/* --------------------  Alert ---------------------*/

.alert-warning {
    color: #856404;
    background-color: #fffae7;
    border-color: #fee06e;
}

.alert-primary {
    color: #004ebd;
    background-color: #d9eeff;
    border-color: #a2d5fe;
}

/* ----------------------- Counter Class -------------------------*/

.counter {}

.counter-icon {}

.counter-block {}

.counter-block-content {}

.counter-block-icon {}

.counter-block-title {}

.counter-block-text {}

/* --------- counter v-1  -------------------*/

.counter-v1.counter-block {
    padding: 20px 0px;
    color: #bac0ff;
}

.counter-v1 .counter-block-content {}

.counter-v1 .counter-block-icon {
    font-size: 60px;
    color: #fff;
    margin-bottom: 40px;
}

.counter-v1 .counter-block-title {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 35px;
}

.counter-v1 .counter-block-text {}

/* --------- counter v-2  -------------------*/

.counter-v2.counter-block {
    padding: 20px 0px;
    color: #bac0ff;
}

.counter-v2 .counter-block-content {}

.counter-v2 .counter-block-icon {
    font-size: 60px;
    color: #fff;
    margin-bottom: 40px;
}

.counter-v2 .counter-block-title {
    position: relative;
    margin-bottom: 10px;
    font-size: 52px;
    line-height: 48px;
    font-family: 'Circular Std Bold' !important;
}

.counter-v2 .counter-block-text {}

.counter-v2 .plus-sign {
    position: absolute;
    font-size: 48px;
    color: #fff;
    top: 28px;
    right: 67px;
    font-family: 'Circular Std Bold' !important;
}

/* --------- counter v-3  -------------------*/

.counter-v3.counter-block {
    text-align: center;
}

.counter-v3 .counter-block-content {}

.counter-v3 .counter-block-icon {}

.counter-v3 .counter {
    display: block;
    font-size: 50px;
    vertical-align: middle;
    font-family: 'Circular Std Bold' !important;
    color: #181825;
    margin-bottom: 12px;
    line-height: 52px;
}

.counter-v3 .counter-block-text {}

.counter-section {
    background-color: #fff;
    border-radius: 4px;
    padding: 60px;
    border: 1px solid #ebecf7;
    margin-bottom: 60px;
}

/* --------- counter v-4  -------------------*/

.counter-v4.counter-block {
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    padding: 50px;
    border: 1px solid #ebecf7;
    margin-bottom: 60px;
}

.counter-v4 .counter-block-content {}

.counter-v4 .counter-block-icon {
    background-color: #e1e4fd;
    height: 65px;
    width: 65px;
    line-height: 30px;
    padding: 20px;
    font-size: 21px;
    border-radius: 100%;
    display: inline-block;
    color: #3544ee;
    margin-bottom: 30px;
}

.counter-v4 .counter {
    display: block;
    font-size: 50px;
    vertical-align: middle;
    font-family: 'Circular Std Bold' !important;
    color: #181825;
    margin-bottom: 12px;
    line-height: 52px;
}

.counter-v4 .counter-block-text {}

.counter-section {
    background-color: #fff;
    border-radius: 4px;
    padding: 60px;
    border: 1px solid #ebecf7;
}

.counter-container-primary {
    padding: 80px 60px;
    margin-bottom: 60px;
    color: #b4baff;
}

.counter-section-img-bg {
    background: url(../images/counter-section-img-1.jpg)no-repeat;
    position: relative;
    background-size: cover;
    padding: 250px 0px;
    min-height: 507px;
}

.counter-section-img-bg:before {
    content: '0 0 30 30';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #181825, #181825);
    opacity: 0.5;
}

/* --------- counter v-5  -------------------*/

.counter-v5.counter-block {
    padding: 20px 0px;
}

.counter-v5 .counter-block-content {}

.counter-v5 .counter-block-title {
    position: relative;
    margin-bottom: 10px;
    font-size: 58px;
    line-height: 68px;
    color: #181825;
    font-family: 'Circular Std Bold' !important;
}

.counter-v5 .counter-block-text {}

.counter-v5 .plus-sign {
    position: absolute;
    font-size: 48px;
    color: #181825;
    top: 40px;
    right: 60px;
    font-family: 'Circular Std Bold' !important;
}

/* ----------------------- Rate Class -------------------------*/

.rate-block {
    margin-bottom: 30px;
    border: 1px solid #ebedfc;
    position: relative;
    background-color: #fff;
    transition: .7s ease;
}

.rate-block-header {
    border-bottom: 1px solid #ebedfc;
    padding: 12px;
}

.rate-block-header-title {
    margin-bottom: 0px;
}

.rate-block-small-text {
    margin-bottom: 0px;
    transition: .2s ease;
}

.rate-block-content {
    padding: 28px 22px;
}

.rate-block-heading {
    font-size: 42px;
    line-height: 52px;
}

.rate-block:hover {
    -webkit-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    transition: .7s ease;
}

/* ----------------------- Testimonial Class -------------------------*/

.testimonial-block {}

.testimonial-content {}

.testimonail-text {}

.testimonial-meta-name {}

.testimonial-img {}

/* --------------- testimonial v1 ------------------------*/

.testimonial-block-v1 {}

.testimonial-block-v1 .testimonial-block {}

.testimonial-block-v1 .testimonial-content {
    padding-top: 30px;
}

.testimonial-block-v1 .testimonail-text {
    font-size: 30px;
    letter-spacing: -1px;
    font-family: 'Circular Std Bold';
    color: #353851;
    line-height: 45px;
}

.testimonial-block-v1 .testimonial-meta-name {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    color: #353851;
    font-family: 'Circular Std Bold';
    letter-spacing: -1px;
}

.testimonial-block-v1 .testimonial-meta-text {
    line-height: 1.5;
}

.testimonial-block-v1 .testimonial-meta-subtext {}

.testimonial-block-v1 .testimonial-img {
    z-index: 11;
    position: relative;
}

.testimonial-block-v1 .testimonial-img img {
    border-radius: 4px;
}

.dot-bg {
    left: 0;
    top: -0;
    width: 100%;
    background-image: url(../images/small-dot.png);
    background-repeat: repeat;
    background-position: center;
    content: 'http://www.w3.org/2000/svg';
    z-index: 1;
}

.testimonial-second {}

.testimonial-second-text {
    font-size: 24px;
    color: #353851;
    letter-spacing: -1px;
    line-height: 36px;
}

/* --------------- testimonial v2 ------------------------*/

.testimonial-block-v2 {}

.testimonial-block-v2.testimonial-block {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    margin-bottom: 30px;
    border: 1px solid #ebedfc;
    border-radius: 4px;
}

.testimonial-block-v2 .testimonial-content {
    padding: 30px;
}

.testimonial-block-v2 .testimonial-text {
    font-family: 'PT Serif', serif;
    font-size: 19px;
    line-height: 32px;
    font-style: italic;
}

.testimonial-block-v2 .testimonial-comment-icon {
    margin-bottom: 10px;
}

.testimonial-block-v2 .testimonial-meta {
    margin-left: 18px;
    align-self: center;
}

.testimonial-block-v2 .testimonial-meta-name {
    margin-bottom: 6px;
}

.testimonial-block-v2 .testimonial-img {}

.testimonial-block-v2 .testimonial-footer {
    border-top: 1px solid #ebedfc;
    background: #fff;
    padding: 20px;
    line-height: 1.8;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* --------------- testimonial v3 ------------------------*/

.testimonial-block-v3 {}

.testimonial-block-v3.testimonial-block {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    margin-bottom: 30px;
    border: 1px solid #ebedfc;
    border-radius: 4px;
}

.testimonial-block-v3 .testimonial-content {
    padding: 30px;
}

.testimonial-block-v3 .testimonial-text {
    font-family: 'PT Serif', serif;
    font-size: 19px;
    line-height: 32px;
    font-style: italic;
}

.testimonial-block-v3 .testimonial-meta {}

.testimonial-block-v3 .testimonial-meta-name {
    margin-bottom: 15px;
    line-height: 1;
    font-family: 'Circular Std Medium' !important;
}

/* --------------- testimonial v4 ------------------------*/

.testimonial-block-v4 {}

.testimonial-block-v4.testimonial-block {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    margin-bottom: 30px;
    border-radius: 4px 4px 0px 0px;
}

.testimonial-block-v4 .testimonial-content {
    padding: 45px;
}

.testimonial-block-v4 .testimonial-text {
    font-size: 18px;
    color: #353851;
    line-height: 30px;
}

.testimonial-block-v4 .testimonial-img {
    margin-bottom: 30px;
}

.testimonial-block-v4 .testimonial-meta {}

.testimonial-block-v4 .testimonial-meta-name {
    margin-bottom: 0px;
    line-height: 26px;
}

.testimonial-block-v4.testimonial-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}

/* --------------- testimonial carousel v2 ------------------------*/

.carousel-indicators {
    list-style: inherit;
    margin-right: 0px;
    margin-left: 0px;
}

#testimonial-carousel-v2 {}

#testimonial-carousel-v2 .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #f8f8fb;
    padding: 30px;
    border-radius: 10px;
}

#testimonial-carousel-v2 .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}

#testimonial-carousel-v2 .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: -20px;
}

#testimonial-carousel-v2 .carousel-indicators li {
    width: 42px;
    height: 42px;
    cursor: pointer;
    border: 2px solid #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    opacity: 0.6;
    overflow: hidden;
    transition: all .4s ease-in;
    vertical-align: middle;
    margin-right: 15px;
}

#testimonial-carousel-v2 .carousel-indicators .active {
    width: 70px;
    height: 70px;
    opacity: 1;
    transition: all .2s;
}

.testimonial-carousel-v2-content {
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 32px;
}

.testimonial-carousel-v2-content {}

.testimonial-carousel-v2-content .testimonials-name {
    line-height: 20px;
}

.testimonial-carousel-v2-content .testimonial-meta {}

/*-------------------   Testimonial Carousel ----------------------------*/

.testimonial-carousel-v2 {}

.testimonial-carousel-v2 .owl-carousel .owl-item img {
    width: auto;
}

.testimonial-carousel-v2 .owl-carousel .item {
    margin-left: 25px;
}

.testimonial-carousel-v2 .owl-prev {
    position: absolute;
}

.testimonial-carousel-v2 .owl-next {
    position: absolute;
}

.testimonial-carousel-v2 .owl-prev,
.testimonial-carousel .owl-next {
    background-color: #ff515b;
    padding: 10px 16px;
    border-radius: 100%;
    font-size: 18px;
}

.testimonial-carousel-v2 .owl-prev:hover,
.testimonial-carousel .owl-next:hover {
    background-color: #8e517d;
    color: #fff;
}

.testimonial-carousel-v2 .owl-theme .owl-nav [class*='owl-'] {
    position: relative;
    color: #3544ee;
    font-size: 18px;
    margin: 5px;
    padding: 3px 9px;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 100%;
    text-align: center;
    height: 35px;
    width: 35px;
    border: 2px solid #3544ee;
}

.testimonial-carousel-v2 .owl-theme .owl-nav [class*='owl-']:hover {
    background: #3544ee;
    color: #FFF;
    text-decoration: none;
}

.testimonial-carousel-v2 .owl-theme .owl-dots .owl-dot span {
    display: none;
}

.testimonial-carousel {}

.testimonial-carousel .owl-carousel .owl-item img {
    width: auto;
}

.testimonial-carousel .owl-prev {
    position: absolute;
}

.testimonial-carousel .owl-next {
    position: absolute;
}

.testimonial-carousel .owl-prev,
.testimonial-carousel .owl-next {
    background-color: #ff515b;
    padding: 10px 16px;
    border-radius: 100%;
    font-size: 18px;
}

.testimonial-carousel .owl-prev:hover,
.testimonial-carousel .owl-next:hover {
    background-color: #8e517d;
    color: #fff;
}

.testimonial-carousel .owl-theme .owl-nav [class*='owl-'] {
    position: relative;
    color: #3544ee;
    font-size: 18px;
    margin: 5px;
    padding: 3px 9px;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 100%;
    text-align: center;
    height: 35px;
    width: 35px;
    border: 2px solid #3544ee;
}

.testimonial-carousel .owl-theme .owl-nav [class*='owl-']:hover {
    background: #3544ee;
    color: #FFF;
    text-decoration: none;
}

.testimonial-carousel .owl-theme .owl-dots .owl-dot span {
    display: none;
}

/*.testimonial-carousel .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; bottom: 50px; position: relative; }
.testimonial-carousel .owl-theme .owl-dots .owl-dot.active span, .testimonial-carousel .owl-theme .owl-dots .owl-dot:hover span { background: #fff !important; border-color: #fff; }*/

.testi-avatar {}

/* ------------- Features --------------*/

.feature-block {}

.feature-content {}

.feature-title {}

.feature-icon {}

/* ------------- Features blurb --------------*/

.feature-blurb-block {
    margin-bottom: 30px;
}

.feature-blurb-content {}

.feature-blurb-title {
    font-family: 'Circular Std Medium';
}

/* --------------- features v1 ------------------------*/

.feature-block-v1.feature-block {
    margin-bottom: 30px;
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #ebedfc;
    border-radius: 4px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
}

.feature-block-v1 .feature-content {
    padding: 30px;
}

.feature-block-v1 .feature-title {
    margin-bottom: 5px;
}

.feature-block-v1 .feature-text {}

.feature-block-v1 .feature-icon {
    display: block;
    height: 106px;
    width: 106px;
    font-size: 48px;
    line-height: 2.2;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    text-align: center;
}

.feature-block-v1.feature-block:hover {
    transition: all .4s ease;
    transform: translate3D(0, -12px, 0) scale(1);
}

/* --------------- features v2 ------------------------*/

.feature-block-v2 {}

.feature-block-v2.feature-block {}

.feature-block-v2.feature-block:not(:last-child) {
    margin-bottom: 30px;
}

.feature-block-v2 .feature-content {
    padding-left: 30px;
}

.feature-block-v2 .feature-title {
    margin-bottom: 5px;
    font-size: 17px;
    line-height: 28px;
}

.feature-block-v2 .feature-text {}

.feature-block-v2 .feature-icon {
    color: #3342e7;
    background-color: #e4e6ff;
    font-size: 28px;
    padding: 33px 30px;
    display: block;
    text-align: center;
    width: 94px;
    height: 94px;
}

/* --------------- features v3 ------------------------*/

.feature-block-v3 {}

.feature-block-v3.feature-block {
    background-color: #fff;
    border: 1px solid #ebecf7;
    margin-bottom: 30px;
}

.feature-block-v3 .feature-content {
    padding: 30px;
}

.feature-block-v3 .feature-title {
    margin-bottom: 10px;
    font-size: 21px;
}

.feature-block-v3 .feature-text {}

.feature-block-v3 .feature-icon {
    color: #3544ee;
    background-color: #e4e6ff;
    font-size: 32px;
    padding: 39px 30px;
    display: block;
    text-align: center;
    width: 110px;
    height: 110px;
    margin-bottom: 30px;
    line-height: 1;
}

.feature-block-section {
    background-color: #fff;
    padding: 30px 40px;
    -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08);
}

/* --------------- features v4 ------------------------*/

.feature-block-v4 {}

.feature-block-v4.feature-block {
    margin-bottom: 30px;
    text-align: center;
}

.feature-block-v4 .feature-content {
    text-align: center;
}

.feature-block-v4 .feature-title {
    margin-bottom: 5px;
    font-size: 21px;
}

.feature-block-v4 .feature-text {}

.feature-block-v4 .feature-icon {
    background-color: #3544ee !important;
    color: #fff !important;
    padding: 27px;
    font-size: 40px;
    display: block;
    text-align: center;
    width: 94px;
    height: 94px;
    margin-bottom: 30px;
    line-height: 1;
    margin-right: auto;
    margin-left: auto;
}

/* --------------- features v5 ------------------------*/

.feature-block-v5 {}

.feature-block-v5.feature-block {
    margin-bottom: 30px;
}

.feature-block-v5 .feature-content {
    text-align: center;
}

.feature-block-v4 .feature-title {
    margin-bottom: 5px;
    font-size: 21px;
}

.feature-block-v5 .feature-text {}

.feature-block-v5 .feature-icon {
    background-color: #e1e4fd !important;
    color: #3544ee !important;
    padding: 27px;
    font-size: 30px;
    display: block;
    text-align: center;
    width: 84px;
    height: 84px;
    margin-bottom: 30px;
    line-height: 1;
    margin-right: auto;
    margin-left: auto;
}

/*------------------   Social-Media ----------------------*/

.social-media {}

.social-media ul {
    padding: 0;
    margin: 0;
}

.social-media ul li {
    list-style: none;
    float: left;
}

.social-icon {
    height: 55px;
    width: 55px;
    color: #fff;
    padding: 15px 14px;
    margin-right: 6px;
    border-radius: 5px;
    display: inline-block;
    line-height: 1.2;
    font-size: 20px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 2px solid transparent;
    background-color: #a9aab6;
}

.social-icon-small {
    font-size: 14px;
    height: 40px;
    width: 40px;
    padding: 8px 9px;
    line-height: 1.8;
}

.social-rounded {
    border-radius: 100% !important;
}

.social-icon:hover {
    color: #fff;
    background-color: #8e8f9c;
}

.social-icon-outline {
    border: 2px solid #8e8f9c;
    background-color: transparent;
    color: #8e8f9c;
}

/*-----------------  Social Media colors ----------------------*/

.social-facebook {
    background-color: #3b5898;
    color: #fff;
}

.social-facebook:hover {
    background-color: #385186;
    color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.social-twitter {
    background-color: #1ea2f2;
    color: #fff;
}

.social-twitter:hover {
    background-color: #1c99e5;
    color: #fff;
}

.social-google {
    background-color: #f4422c;
    color: #fff;
}

.social-google:hover {
    background-color: #C20806;
    color: #fff;
}

.social-linkedin {
    background-color: #0179bd;
    color: #fff;
}

.social-linkedin:hover {
    background-color: #0571ae;
    color: #fff;
}

.social-instagram {
    background-color: #7a2276;
    color: #fff;
}

.social-instagram:hover {
    background-color: #8b2a86;
    color: #fff;
}

.social-rss {
    background-color: #ee802f;
    color: #fff;
}

.social-pinterest {
    background-color: #c8232c;
    color: #fff;
}

.social-pinterest:hover {
    background-color: #ba1f27;
    color: #fff;
}

.social-youtube {
    background-color: #d30000;
    color: #fff;
}

.social-youtube:hover {
    background-color: #ff0000;
}

.social-snapchat-ghost {
    background-color: #fffc00;
    color: #fff;
}

.social-snapchat-ghost:hover {
    background-color: #fffc00;
    color: #fff;
}

.social-skype {
    background-color: #01baff;
    color: #fff;
}

.social-skype:hover {
    background-color: #06aeed;
    color: #fff;
}

.social-dribbble {
    background-color: #ff4f93;
    color: #fff;
}

.social-dribbble:hover {
    background-color: #ef4788;
    color: #fff;
}

.social-vimeo {
    background-color: #4bbdff;
    color: #fff;
}

.social-vimeo:hover {
    background-color: #40aceb;
    color: #fff;
}

.social-tumblr {
    background-color: #2c4862;
    color: #fff;
}

.social-tumblr:hover {
    background-color: #2c4862;
    color: #fff;
}

.social-vine {
    background-color: #00b489;
    color: #fff;
}

.social-vine:hover {
    background-color: #049774;
    color: #fff;
}

.social-foursquare {
    background-color: #3060df;
    color: #fff;
}

.social-foursquare:hover {
    background-color: #2e5ad1;
    color: #fff;
}

.social-stumbleupon {
    background-color: #eb4923;
    color: #fff;
}

.social-stumbleupon:hover {
    background-color: #d7421f;
    color: #fff;
}

.social-flickr {
    background-color: #f40083;
    color: #fff;
}

.social-flickr:hover {
    background-color: #df077b;
    color: #fff;
}

.social-rss {
    background-color: #ff6702;
    color: #fff;
}

.social-rss:hover {
    background-color: #ff6702;
    color: #fff;
}

/*---------------- Social-Media-outline-colors ------------------------------*/

.social-outline-facebook {
    border-color: #3b5898;
    color: #3b5898;
    background-color: transparent;
}

.social-outline-facebook:hover {
    background-color: #385186;
    color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.social-outline-twitter {
    border-color: #1ea2f2;
    color: #1ea2f2;
    background-color: transparent;
}

.social-outline-twitter:hover {
    background-color: #1c99e5;
    color: #fff;
}

.social-outline-google {
    border-color: #f4422c;
    color: #f4422c;
    background-color: transparent;
}

.social-outline-google:hover {
    background-color: #C20806;
    color: #fff;
}

.social-outline-linkedin {
    border-color: #0179bd;
    color: #0179bd;
    background-color: transparent;
}

.social-outline-linkedin:hover {
    background-color: #0571ae;
    color: #fff;
}

.social-outline-instagram {
    border-color: #7a2276;
    color: #7a2276;
    background-color: transparent;
}

.social-outline-instagram:hover {
    background-color: #8b2a86;
    color: #fff;
}

.social-outline-rss {
    border-color: #ee802f;
    color: #ee802f;
    background-color: transparent;
}

.social-outline-pinterest {
    border-color: #c8232c;
    color: #c8232c;
    background-color: transparent;
}

.social-outline-pinterest:hover {
    background-color: #ba1f27;
    color: #fff;
}

.social-outline-youtube {
    border-color: #d30000;
    color: #d30000;
    background-color: transparent;
}

.social-outline-youtube:hover {
    background-color: #ff0000;
}

.social-outline-snapchat-ghost {
    border-color: #fffc00;
    color: #181825;
    background-color: transparent;
}

.social-outline-snapchat-ghost:hover {
    background-color: #fffc00;
    color: #fff;
}

.social-outline-skype {
    border-color: #01baff;
    color: #01baff;
    background-color: transparent;
}

.social-outline-skype:hover {
    background-color: #06aeed;
    color: #fff;
}

.social-outline-dribbble {
    border-color: #ff4f93;
    color: #ff4f93;
    background-color: transparent;
}

.social-outline-dribbble:hover {
    background-color: #ef4788;
    color: #fff;
}

.social-outline-vimeo {
    border-color: #4bbdff;
    color: #4bbdff;
    background-color: transparent;
}

.social-outline-vimeo:hover {
    background-color: #40aceb;
    color: #fff;
}

.social-outline-tumblr {
    border-color: #2c4862;
    color: #2c4862;
    background-color: transparent;
}

.social-outline-tumblr:hover {
    background-color: #2c4862;
    color: #fff;
}

.social-outline-vine {
    border-color: #00b489;
    color: #00b489;
    background-color: transparent;
}

.social-outline-vine:hover {
    background-color: #049774;
    color: #fff;
}

.social-outline-foursquare {
    border-color: #3060df;
    color: #3060df;
    background-color: transparent;
}

.social-outline-foursquare:hover {
    background-color: #2e5ad1;
    color: #fff;
}

.social-outline-stumbleupon {
    border-color: #eb4923;
    color: #eb4923;
    background-color: transparent;
}

.social-outline-stumbleupon:hover {
    background-color: #d7421f;
    color: #fff;
}

.social-outline-flickr {
    border-color: #f40083;
    color: #f40083;
    background-color: transparent;
}

.social-outline-flickr:hover {
    background-color: #df077b;
    color: #fff;
}

.social-outline-rss {
    border-color: #ff6702;
    color: #ff6702;
    background-color: transparent;
}

.social-outline-rss:hover {
    background-color: #ff6702;
    color: #fff;
}

/*--------------------- cta ---------------------------------*/

.cta {}

.cta-content {
    color: #c3c3fd;
}

.cta-btn {}

/*------------------------- cta v1 ---------------------------*/

.cta-v1-section {
    position: relative;
    margin-bottom: -120px;
    z-index: 1;
}

.cta-v1 {}

.cta-v1.cta {
    background-color: #3544ee;
    padding: 40px;
    border-radius: 5px;
}

.cta-v1 .cta-content {}

.cta-v1 .cta-title {
    color: #fff;
    line-height: 1;
    margin-bottom: 14px;
}

.cta-v1 .cta-text {
    line-height: 1;
}

.cta-v1 .cta-btn {
    text-align: right;
}

/*------------------------- cta v2 ---------------------------*/

.cta-v2 {}

.cta-v2.cta {
    background-color: #3544ee;
    color: #fff;
    position: relative;
}

.cta-v2 .cta-content {
    padding: 79px 0px;
}

.cta-v2 .cta-title {
    color: #fff;
    line-height: 52px;
    margin-bottom: 5px;
}

.cta-v2 .cta-text {
    color: #b0bffe;
}

.cta-v2 .cta-btn {
    text-align: center;
}

.cta-v2 .cta-img {
    position: absolute;
    bottom: -10px;
}

/*------------------------- cta v3 ---------------------------*/

.cta-v3 {}

.cta-v3.cta {
    background-color: #3544ee;
    padding-top: 95px;
    padding-bottom: 95px;
    position: relative;
    min-height: 500px;
}

.cta-v3.cta:before {
    position: absolute;
    left: 0;
    top: -0;
    height: 100%;
    width: 100%;
    background-image: url(../images/page-header-pattern.png);
    background-repeat: repeat;
    background-position: center;
    content: '';
    opacity: .09;
}

.cta-v3 .cta-img {
    transform: rotate(-22deg);
    position: absolute;
    bottom: 50px;
}

.cta-v3 .cta-content {}

.cta-v3 .cta-title {
    color: #fff;
    margin-bottom: 15px;
    line-height: 62px;
    font-size: 52px;
}

.cta-v3 .cta-text {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 30px;
}

/*------------------------- cta v4 ---------------------------*/

.cta-v4 {}

.cta-v4.cta {
    padding: 50px 0px;
    position: relative;
    background-color: #3544ee;
    color: #fff;
}

.cta-v4 .cta-icon {
    height: 110px;
    width: 110px;
    font-size: 47px;
    background-color: #1f2ed5;
    border-radius: 100%;
    padding: 32px;
}

.cta-v4 .cta-content {}

.cta-v4 .cta-title {
    margin-bottom: 10px;
}

/*------------------------- cta boxed ---------------------------*/

.cta-boxed {
    padding: 70px 90px;
    text-align: center;
    border: 1px solid #ebecf7;
    background-color: #fff;
}

.cta-boxed-content {
    color: #c3c3fd;
}

.cta-boxed-title {
    font-size: 35px;
    line-height: 45px;
}

.cta-boxed-text {
    color: #808294;
}

/*------------------------- cta block ---------------------------*/

.cta-block {
    border: 1px solid #ebedfc;
    border-radius: 4px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #fff;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
}

.cta-block-content {
    padding: 30px;
}

.cta-block-icon {
    background-color: #f3f6ff;
    padding: 47px 50px;
    color: #3544ee;
    font-size: 70px;
    width: 167px;
    height: 167px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    line-height: 1.2;
}

.cta-block-title {
    margin-bottom: 10px;
}

.cta-block-text {}

/*------------------------- cta gradient ---------------------------*/

.cta-gradient {
    padding: 120px 0px;
    background: rgba(104, 113, 238, 1);
    position: relative;
    background: -moz-linear-gradient(top, rgba(104, 113, 238, 1) 0%, rgba(28, 43, 205, 1) 77%, rgba(42, 57, 222, 1) 89%, rgba(8, 20, 156, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(104, 113, 238, 1)), color-stop(77%, rgba(28, 43, 205, 1)), color-stop(89%, rgba(42, 57, 222, 1)), color-stop(100%, rgba(8, 20, 156, 1)));
    background: -webkit-linear-gradient(top, rgba(104, 113, 238, 1) 0%, rgba(28, 43, 205, 1) 77%, rgba(42, 57, 222, 1) 89%, rgba(8, 20, 156, 1) 100%);
    background: -o-linear-gradient(top, rgba(104, 113, 238, 1) 0%, rgba(28, 43, 205, 1) 77%, rgba(42, 57, 222, 1) 89%, rgba(8, 20, 156, 1) 100%);
    background: -ms-linear-gradient(top, rgba(104, 113, 238, 1) 0%, rgba(28, 43, 205, 1) 77%, rgba(42, 57, 222, 1) 89%, rgba(8, 20, 156, 1) 100%);
    background: linear-gradient(to bottom, rgba(104, 113, 238, 1) 0%, rgba(28, 43, 205, 1) 77%, rgba(42, 57, 222, 1) 89%, rgba(8, 20, 156, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6871ee', endColorstr='#08149c', GradientType=0);
}

.cta-gradient:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/line-pattern.png);
    background-repeat: repeat;
    background-position: center;
    content: '';
    opacity: .06;
}

.cta-gradient-content {
    color: #a4abfd;
}

.cta-gradient-content .cta-title {
    font-size: 42px;
    line-height: 52px;
}

.cta-gradient-content .cta-text {
    margin-bottom: 50px;
}

/*------------------------ 9.7 Team List ----------------------------------------*/

.team-block {}

.team-block .card {
    border-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.team-block .card-body {}

.team-block .card-footer {
    padding: 16px 30px;
}

.team-img img {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    width: 100%;
}

/*---------------  team block v1 ----------------------------------*/

.team-block-v1 {}

.team-block-v1.team-block {
    margin-bottom: 30px;
}

.team-block-v1 .team-content {
    padding: 30px;
    background-color: #fff;
    border: 1px solid #ebecf7;
}

.team-block-v1 .team-footer {
    padding: 16px 30px;
    margin-top: -1px;
    background-color: #fff;
    border: 1px solid #ebedfc;
}

.team-block-v1 .team-img img {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    width: 100%;
}

.team-block-v1 .team-member-name {
    margin-bottom: 0px;
}

.team-block-v1 .team-member-designation {
    display: block;
    color: #808294;
    margin-bottom: 14px;
    font-size: 14px;
}

.team-block-v1 .team-text {}

.team-block-v1 .team-member-info {}

.team-block-fullwidth {
    margin-bottom: 40px;
    background-color: #fff;
    border: 1px solid #ebecf7;
    padding: 50px;
}

.team-block-fullwidth-content {
    padding: 5px 60px;
    position: relative;
}

.team-block-fullwidth .card {
    border-radius: 0px;
    border: 0px;
}

.team-block-fullwidth .team-img img {
    width: 100%;
    border-radius: 4px;
}

.review-details {
    font-size: 16px;
    line-height: 26px;
    margin-left: 20px;
}

/*---------- team block v2 -------------*/

.team-block-v2 {}

.team-block-v2.team-block {
    margin-bottom: 30px;
    background-color: #fff;
    border: 1px solid #ebecf7;
    border-radius: 4px;
    transition: .50s ease;
    cursor: pointer;
}

.team-block-v2.team-block:hover {
    border: 1px solid #3544ee;
    transition: .50s ease;
}

.team-block-v2 .team-img {}

.team-block-v2 .team-img img {
    padding: 5px;
}

.team-block-v2 .team-content {
    padding: 20px;
}

.team-block-v2 .team-member-designation {}

.team-block-v2 .team-member-name {
    font-size: 20px;
    margin-bottom: 0px;
    line-height: 28px;
}

/*---------------- team block v2 -----------------------*/

.team-block-v3 {}

.team-block-v3.team-block {
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 4px;
    transition: .50s ease;
    cursor: pointer;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.team-block-v3.team-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.06);
}

.team-block-v3 .team-img {
    padding: 45px;
}

.team-block-v3 .team-img img {
    border-radius: 100% !important;
}

.team-block-v3 .team-content {
    padding: 0px 20px 25px 20px;
}

.team-block-v3 .team-plus-icon {
    float: right;
    font-size: 14px;
    color: #fff;
    background-color: blue;
    border-radius: 100%;
    line-height: 1.2;
    padding: 10px;
    display: inline-block;
    height: 35px;
    width: 35px;
    text-align: center;
}

.team-block-v3 .team-member-name {
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 35px;
}

.team-block-v3 .team-member-designation {
    float: right;
    padding: 20px;
    margin-bottom: 0px;
    color: #afb1be;
    font-size: 13px;
}

/*------------------   Email Subscriber --------------------------------------*/

.email-subscriber-v1 {
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 60px;
}

.email-subscriber-v1-img {}

.email-subscriber-v1-img img {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    width: 100%;
}

.email-subscriber-v1-content {
    padding: 50px;
}

.email-subscriber-v2 {
    border-radius: 4px;
    margin-bottom: 60px;
}

.email-subscriber-v2-img {}

.email-subscriber-v2-img img {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 100%;
}

.email-subscriber-v2-content {
    background-color: #fff;
    padding: 25px 40px;
}

.email-subscriber-v3 {
    border-radius: 4px;
    margin-bottom: 60px;
}

.email-subscriber-v3-img {}

.email-subscriber-v3-img img {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 100%;
}

.email-subscriber-v3-content {
    background-color: #fff;
    padding: 25px 40px;
}

/*---------------------------  Back to top -----------------------------------*/

#return-to-top {
    z-index: 9999;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #3644ef;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 100%;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 9px;
    font-size: 28px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: #1225fe;
}

#return-to-top:hover i {
    color: #fff;
    top: 8px;
}

.returntotop {
    display: none;
}

/*--------------------------- modal  -----------------------------------*/

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #2c2c7c;
    background-clip: padding-box;
    border: 3px solid #663398;
    border-radius: .3rem;
    outline: 0;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #363686;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #363686;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    color: #22B573;
    text-decoration: none;
    opacity: 1;
}

/*---------------- Portfolio Class ---------------------*/

.portfolio-block {
    margin-bottom: 40px;
}

.portfolio-img {
    margin-bottom: 30px;
}

.portfolio-img img {
    border-radius: 6px;
}

.portfolio-content {}

.portfolio-content-title {
    margin-bottom: 0px;
    font-size: 24px;
    line-height:
}

.portfolio-content-text {}

[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    transition: all 0.75s ease;
}

[class^='imghvr-'],
[class*=' imghvr-'] {
    position: relative;
    display: inline-block;
    margin: 0px;
    max-width: 100%;
    background-color: #181825;
    color: #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    border-radius: 6px;
}

.imghvr-shutter-out-vert:before {
    top: 50%;
    bottom: 50%;
    left: 0;
    right: 0;
}

[class^='imghvr-shutter-out-']:before,
[class*=' imghvr-shutter-out-']:before {
    background: rgba(53, 68, 238, .4);
    position: absolute;
    content: '';
    -webkit-transition-delay: 0.105s;
    -moz-transition-delay: 0.105s;
    transition-delay: 0.105s;
    border-radius: 6px;
}

.imghvr-shutter-out-vert:hover:before {
    top: 0;
    bottom: 0;
}

[class^='imghvr-shutter-out-']:hover:before,
[class*=' imghvr-shutter-out-']:hover:before {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    border-radius: 6px;
}

.filter-gallery {}

.portfolio .filters {
    text-align: center;
}

.portfolio .filters ul {
    padding: 0;
}

.portfolio .filters ul li {
    list-style: none;
    display: inline-block;
    padding: 20px 30px;
    cursor: pointer;
    position: relative;
    color: #181825;
}

.portfolio .filters ul li:after {
    content: "";
    display: block;
    width: calc(0% - 60px);
    position: absolute;
    height: 2px;
    background: #3544ee;
    transition: width 350ms ease-out;
}

.portfolio .filters ul li:hover:after {
    width: calc(100% - 60px);
    transition: width 350ms ease-out;
}

.portfolio .filters ul li.active:after {
    width: calc(100% - 60px);
}

.portfolio .filters-content {
    margin-top: 50px;
}

.portfolio .filters-content .show {
    opacity: 1;
    visibility: visible;
    transition: all 350ms;
}

.portfolio .filters-content .hide {
    opacity: 0;
    visibility: hidden;
    transition: all 350ms;
}

.portfolio .filters-content .item {
    text-align: center;
    cursor: pointer;
    margin-bottom: 30px;
}

.portfolio .filters-content .item .p-inner {
    padding: 20px 30px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.portfolio .filters-content .item .p-inner h5 {
    font-size: 15px;
}

.portfolio .filters-content .item .p-inner .cat {
    font-size: 13px;
}

.portfolio .filters-content .item img {
    width: 100%;
}

.gallery-img {
    margin-bottom: 30px;
}

/* ----------------------- Index-2 -------------------------*/

.header-boxed {}

.navbar-boxed {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    margin-top: 15px;
}

.navbar-boxed .navbar-nav .nav-link {
    font-size: 15px;
    color: #181825;
    font-family: 'Circular Std Medium' !important;
    padding: 12px 16px;
}

.navbar-boxed .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: -2px;
    content: '\f107';
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    color: #808294;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    margin-right: 15px;
    font-size: 13px;
    margin-top: 1px;
}

.navbar-boxed .navbar-nav .nav-item .nav-link:hover {
    color: #3544ee;
}

.navbar-boxed .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after {
    color: #3544ee;
}

/* ----------------------- Index-3 (Credit Card Homepage) -------------------------*/

.header-transparent {
    position: fixed;
    width: 100%;
    z-index: 1030;
}

.navbar-transparent {
    /* margin-top: 5px; */
    padding: 20px 0px;
}

.header-transparent .navbar-toggler {
    padding: 11px 13px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #eaeaf0;
    border-radius: .25rem;
    position: relative;
    background-color: #fff;
}

.navbar-transparent.navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-family: 'Circular Std Medium' !important;
    padding: 9px 16px;
}

.navbar-transparent .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    color: #f9f9ff;
}

.navbar-transparent .dropdown-toggle::after {
    margin-top: 1px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: -2px;
    content: "\f107";
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    color: #bdbebf;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    margin-right: 15px;
    font-size: 13px;
    float: right;
}

.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #f1f1f6;
    border-radius: 0px;
}

.topo {
    background: #663398 !important;
    border-color: #663398;
}

.header-boxed-collapse {
    background: #fff !important;
    border-color: #edeef5;
    border-bottom: 1px solid #edeef5;
}

.header-boxed-collapse .navbar-boxed {
    background-color: #fff;
    padding: 16px 0px;
    border-radius: 5px;
    margin-top: 0px;
    transition: 0.5s ease;
    border-color: #edeef5;
}

.hero-slide {
    position: relative;
    background-color: #663398;
    padding-top: 200px;
    padding-bottom: 200px;
    color: #b0bffe;
    background-size: cover;
}

.hero-slide:before {
    position: absolute;
    left: 0;
    top: -0;
    height: 100%;
    width: 100%;
    background-image: url(/../images/page-header-pattern.png);
    background-repeat: repeat;
    background-position: center;
    content: '';
    opacity: .09;
}

.hero-slide-caption {
    margin-bottom: 30px;
}

.hero-slide-title {
    font-size: 52px;
    letter-spacing: -2px;
    line-height: 62px;
}

.hero-slide-img {}

.pattern-bottom {
    position: relative;
    z-index: 1;
}

.pattern-slide {
    -webkit-clip-path: polygon(0 100%, 100% 83%, 100% 100%);
    clip-path: polygon(0 100%, 100% 80%, 100% 100%);
    background-color: #fff;
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 370px;
}

.pattern-slide-second {
    -webkit-clip-path: polygon(0 100%, 100% 70%, 100% 100%);
    clip-path: polygon(0 100%, 100% 70%, 100% 100%);
    background-color: #2937d8;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 370px;
}

/* ----------------------- Credit Card Listing -------------------------*/

.credit-card-balance {}

.credit-card-balance-img {
    margin-bottom: 30px;
}

.credit-card-balance-review {
    border-bottom: 1px solid #ebecf7;
    margin-bottom: 20px;
}

.credit-card-balance-review-title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 8px;
}

.credit-card-balance-value {}

.credit-card-balance-footer {
    background-color: #fff;
    padding: 0px;
}

.credit-card-balance .card-header {
    padding: 15px 30px;
}

.credit-card-balance .card-body {
    padding: 30px;
}

.credit-card-balance-list {}

.credit-card-balance-list ul {}

.credit-card-balance-list .arrow li:before {
    color: #3544ee;
}

.credit-card-balance-list li {
    line-height: 1.8;
    font-size: 14px;
    margin-bottom: 12px;
}

.card-footer-item {
    padding: 18px 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
}

.card-footer-item-bordered:not(:last-child) {
    border-right: 1px solid rgb(233, 233, 248);
}

.compare-card {
    border-right: 1px solid #e9e9f8;
    padding-right: 25px;
}

/* ----------------------- Compare Card -------------------------*/

.compare-table {
    color: #626582;
}

.compare-table.table td {
    width: 33%;
}

.credit-score {}

.great-for {}

.great-for .list-group-item {
    background-color: transparent;
    border: 1px solid rgb(235, 236, 247);
}

.great-for .list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.annual-fee {}

.bouns-offer {}

.apr {}

.ongoing-apr {}

.earning-reward {}

.pros {}

.cons ul {}

.cons ul li {}

.cons .arrow li:before {
    color: #e71d02;
}

/* ----------------------- Compare Single Card -------------------------*/

.pageheader-rating {
    position: absolute;
    bottom: -50px;
}

.credit-card-pricing {}

.credit-card-pricing .table th,
.credit-card-fees .table td {
    padding: 20px;
}

.credit-card-fees .table th {
    width: 35%;
}

.credit-card-fees .table th,
.credit-card-fees .table td {
    padding: 15px 20px;
}

/* ----------------------- Bank Account compare -------------------------*/

.bank-compare-table {
    background: #fff;
}

.bank-compare-table.table thead th {
    font-size: 23px;
    text-align: center;
    padding: 40px;
    line-height: 33px;
}

/* ----------------------- Index 5 (loan) -------------------------*/

.about-section {
    background-color: #fff;
    border: 1px solid #ebedfc;
    border-radius: 4px;
}

.about-half {
    padding: 50px;
}

.custom-list {}

.custom-list .list-group-item {
    border-radius: 0px;
    padding: 24px 44px;
    border-left: 1px solid #ebedfc;
    border-top: 1px solid #ebedfc;
    border-bottom: 0px;
    border-right: 0px;
    transition: .2s ease;
}

.custom-list .list-group-item:first-child {
    border-top: transparent;
}

.custom-list .list-group-item:hover {
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

.custom-list .list-group-item-action {
    width: 100%;
    color: #626582;
    text-align: inherit;
}

.custom-list-title {
    margin-bottom: 10px;
    line-height: 1;
}

.custom-list-text {}

.about-section .list-group-item:hover .custom-list-title {
    color: #3847f1;
}

.support-block {
    background-color: #fdfdff;
    padding: 50px 35px;
    text-align: center;
}

.support-block-title {
    margin-bottom: 60px;
}

.support-img {
    margin-bottom: 50px;
}

.support-form {
    padding: 50px 35px;
    background-color: #fff;
}

/* ----------------------- loan - single  -------------------------*/

.loan-features-tab {}

.loan-features-tab ul {}

.loan-features-tab ul li {
    float: left;
}

.loan-features-tab ul li a {
    padding: 12px 37px;
    font-size: 16px;
    color: #626582;
    /* border-bottom: 2px solid #e1e4fd;*/
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    overflow: hidden;
}

.loan-features-tab ul li a:before {
    content: 'round';
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #3644ef;
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.loan-features-tab ul li a:hover:before {
    right: 0;
}

.loan-features-tab ul li a:hover {
    color: #3644ef;
}

/*------------------ Pricing table -----------------------------------*/

.pricing-block {}

.pricing-head {}

.pricing-head-title {}

.pricing-head-text {}

.pricing-head-price {}

.pricing-content {}

.pricing-content-list {}

.pricing-block-selected {}

/*------------------ Pricing v1 table -----------------------------------*/

.pricing-block-v1 {}

.pricing-block-v1.pricing-block {
    background-color: #ffffff;
    border-radius: 4px;
    --webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    -webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
}

.pricing-block-v1.pricing-block:hover {
    webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
}

.pricing-block-v1 .pricing-head {
    padding: 40px 48px;
    border-bottom: 1px solid #dfdfe9;
}

.pricing-block-v1 .pricing-head-title {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 5px;
}

.pricing-block-v1 .pricing-head-text {
    font-size: 14px;
}

.pricing-block-v1 .pricing-head-price {
    font-size: 42px;
    font-weight: 900;
    color: #181825;
    line-height: 56px;
}

.pricing-block-v1 .pricing-content {
    padding: 60px 48px;
}

.pricing-block-v1 .pricing-content-list {
    margin-bottom: 40px;
}

.pricing-block-v1 .pricing-content-list ul {
    margin: 0px;
    padding: 0px;
}

.pricing-block-v1 .pricing-content-list ul li {
    list-style: none;
}

.pricing-block-v1 .pricing-content-list ul li:before {
    color: #808294;
}

.pricing-block-v1.pricing-block-selected {
    -webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #3544ee;
    color: #c4c8f3;
}

.pricing-block-v1.pricing-block-selected .pricing-head-price {
    color: #ffffff;
}

.pricing-block-v1.pricing-block-selected .pricing-head {
    border-bottom: 1px solid #717cfc;
}

.pricing-block-v1.pricing-block-selected .pricing-content-list ul li:before {
    color: #c4c8f3;
}

/*------------------ Pricing v2 table -----------------------------------*/

.pricing-block-v2 {}

.pricing-block-v2.pricing-block {
    border: 1px solid #ebedfc;
    background-color: #ffffff;
    border-radius: 4px;
}

.pricing-block-v2 .pricing-head {
    padding: 40px 48px;
    border-bottom: 1px solid #ebedfc;
    text-align: center;
}

.pricing-block-v2 .pricing-head-title {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 5px;
}

.pricing-block-v2 .pricing-head-text {
    font-size: 14px;
}

.pricing-block-v2 .pricing-head-price {
    font-size: 60px;
    font-weight: 900;
    color: #181825;
    line-height: 70px;
    margin-bottom: 0px;
}

.pricing-block-v2 .pricing-content {
    padding: 60px 90px;
}

.pricing-block-v2 .pricing-content-list {
    margin-bottom: 40px;
}

.pricing-block-v2 .pricing-content-list ul {
    margin: 0px;
    padding: 0px;
}

.pricing-block-v2 .pricing-content-list ul li {
    list-style: none;
}

.pricing-block-v2 .pricing-content-list .check:before {
    color: #22B573;
}

.pricing-block-v2 .pricing-content-list .close-icon:before {
    color: #ff2a07;
}

.pricing-block-v2.pricing-block-selected {
    border-radius: 4px;
    border-color: #22B573;
}

.pricing-block-v2.pricing-block-selected .pricing-head {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #22B573;
    color: #fff;
    border-bottom: 1px solid #22B573;
}

.pricing-block-v2.pricing-block-selected .pricing-head-title {
    color: #fff;
}

.pricing-block-v2.pricing-block-selected .pricing-head-price {
    color: #fff;
}

/* ----------------------- Pricing compare table -------------------------*/

.pricing-compare-table {
    background: #fff;
    font-family: 'Circular Std Book';
}

.pricing-compare-table.table thead th {
    padding: 28px 14px;
}

.pricing-compare-table.table thead th p {
    font-weight: normal !important;
    font-size: 14px;
    line-height: 24px;
    position: relative;
}

.compare-plan {
    width: 359px !important;
}

.compare-plan-text {}

.base-plan {
    width: 194px;
}

.pricing-compare-table.table tbody td {
    font-size: 14px;
    line-height: 24px;
}

/*------------------ Pricing v3 table -----------------------------------*/

.pricing-block-v3 {}

.pricing-block-v3.pricing-block {
    border: 1px solid #ebedfc;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 20px;
}

.pricing-block-v3 .pricing-head {
    padding: 26px;
    border-bottom: 1px solid #e2e2eb;
    /* text-align: center; */
    /* margin-bottom: 0px; */
}

.pricing-block-v3 .pricing-head-title {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 0px;
}

.pricing-block-v3 .pricing-head-text {
    font-size: 14px;
}

.pricing-block-v3 .pricing-bottom-price {
    font-size: 48px;
    font-weight: 900;
    color: #181825;
    line-height: 50px;
    margin-bottom: 20px;
    border-top: 1px solid #e2e2eb;
    padding: 28px;
}

.pricing-block-v3 .pricing-bottom-price sub {
    font-size: 12px;
    color: #a2a2ab;
    font-weight: 400;
}

.pricing-block-v3 .pricing-content {
    /* padding: 30px; */
    border-radius: 4px;
    background-color: #ededf5;
}

.pricing-block-v3 .pricing-content-list {
    padding: 28px;
    min-height: 210px;
}

.pricing-block-v3 .pricing-content-list ul {
    margin: 0px;
    padding: 0px;
}

.pricing-block-v3 .pricing-content-list ul li {
    list-style: none;
}

.pricing-block-v3 .pricing-content-list .check:before {
    color: #22B573;
}

.pricing-block-v3 .pricing-content-list .close-icon:before {
    color: #ff2a07;
}

.pricing-block-v3.pricing-block-selected {
    -webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
}

.pricing-block-v3.pricing-block-selected .pricing-bottom-price {
    color: #3544ee;
}

/*------------------ Pricing v4 table -----------------------------------*/

.pricing-section {
    background-color: #fff;
    padding: 30px;
    -webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    border-radius: 4px;
}

.pricing-block-v4 {}

.pricing-block-v4.pricing-block {
    background-color: #ffffff;
    padding: 40px;
}

.pricing-block-v4.pricing-block .pricing-icon {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 50px;
}

.pricing-block-v4 .pricing-head {}

.pricing-block-v4 .pricing-head-title {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 0px;
}

.pricing-block-v4 .pricing-bottom-price {
    font-size: 48px;
    font-weight: 900;
    color: #181825;
    line-height: 50px;
    margin-top: 20px;
}

.pricing-block-v4 .pricing-content {
    text-align: center;
}

.pricing-block-v4 .pricing-content-list {
    padding: 28px;
    min-height: 210px;
}

.pricing-block-v4 .pricing-content-list ul {
    margin: 0px;
    padding: 0px;
}

.pricing-block-v4 .pricing-content-list ul li {
    line-height: 50px;
    margin-top: -1px;
    list-style: none;
    border-top: 1px solid #ebedfc;
    border-bottom: 1px solid #ebedfc;
}

/*------------------ Pricing v5 table -----------------------------------*/

.pricing-block-v5 {}

.pricing-block-v5.pricing-block {
    background-color: #ffffff;
}

.pricing-block-v5.pricing-block .pricing-icon {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 50px;
    height: 157px;
    width: 157px;
    background-color: #eff2f9;
    border-radius: 100%;
    padding: 37px;
    line-height: 4.8;
}

.pricing-block-v5 .pricing-head {
    margin-bottom: 30px;
}

.pricing-block-v5 .pricing-head-title {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 0px;
}

.pricing-block-v5 .pricing-head-text {
    font-size: 14px;
}

.pricing-block-v5 .pricing-bottom-price {
    font-size: 48px;
    font-weight: 900;
    color: #181825;
    line-height: 50px;
    margin-top: 20px;
}

.pricing-block-v5 .pricing-content {
    text-align: center;
    padding: 33px;
    border: 1px solid #ebedfc;
}

.pricing-block-v5 .pricing-content-list {}

.pricing-block-v5 .pricing-content-list ul {
    margin: 0px;
    padding: 0px;
}

.pricing-block-v5 .pricing-content-list ul li {
    line-height: 50px;
    margin-top: -1px;
    list-style: none;
    border-top: 1px solid #f8f8fb;
    border-bottom: 1px solid #f8f8fb;
    background-color: #f1f1f5;
    padding-left: 30px;
}

/*------------------ Pricing v6 table -----------------------------------*/

.pricing-block-v6 {}

.pricing-block-v6.pricing-block {
    background-color: #ffffff;
    border-radius: 4px;
}

.pricing-block-v6.pricing-block .pricing-icon {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 50px;
    height: 157px;
    width: 157px;
    background-color: #eff2f9;
    border-radius: 100%;
    padding: 37px;
    line-height: 4.8;
}

.pricing-block-v6 .pricing-head {
    border-bottom: 1px solid #ebecf7;
    padding: 30px;
    text-align: center;
}

.pricing-block-v6 .pricing-head-title {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 0px;
}

.pricing-block-v6 .pricing-head-text {
    font-size: 14px;
}

.pricing-block-v6 .pricing-bottom-price {
    font-size: 100px;
    font-weight: 900;
    color: #3544ee;
    line-height: 86px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.pricing-block-v6 .pricing-bottom-price sup {
    font-size: 58px;
    font-weight: 400;
}

.pricing-block-v6 .pricing-content {
    padding: 30px;
    text-align: center;
}

.pricing-block-v6 .pricing-month-text {
    font-size: 20px;
    line-height: 28px;
}

/*------------------ Pricing v7 table -----------------------------------*/

.pricing-list-section {
    font-size: 14px;
    line-height: 26px;
}

.pricing-block-v7 {}

.pricing-block-v7.pricing-block {
    background-color: #ffffff;
    border-radius: 4px;
    padding: 25px;
}

.pricing-block-v7.pricing-block .pricing-icon {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 50px;
    height: 157px;
    width: 157px;
    background-color: #eff2f9;
    border-radius: 100%;
    padding: 37px;
    line-height: 4.8;
}

.pricing-block-v7 .pricing-head {}

.pricing-block-v7 .pricing-head-title {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 0px;
}

.pricing-block-v7 .pricing-head-text {
    font-size: 14px;
}

.pricing-block-v7 .pricing-top-price {
    font-size: 38px;
    font-weight: 900;
    color: #181825;
    line-height: 50px;
    display: inline-block;
}

.pricing-block-v7 .pricing-bottom-price sup {
    font-size: 58px;
    font-weight: 400;
}

.pricing-block-v7 .pricing-content {
    padding: 30px;
    text-align: center;
}

.pricing-list-section .list-group-item {
    position: relative;
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 2px solid #ebecf7;
    transition: .5s ease;
}

.pricing-list-section .list-group-item:hover {
    transition: .5s ease;
    border: 2px solid #22B573;
}

.pricing-list-section .list-group-item.active {
    transition: .5s ease;
    border: 2px solid #22B573;
    color: initial;
}

.pricing-feature-block {
    background-color: #fff;
    border: 1px solid #ebecf7;
    border-radius: 4px;
    padding: 40px;
    margin-bottom: 30px;
}

.pricing-feature-icon {
    font-size: 60px;
    color: #3544ee;
    display: inline-block;
    line-height: 64px;
    margin-bottom: 20px;
}

.pricing-feature-content {}

.pricing-feature-content-title {
    margin-bottom: 10px;
}

.pricing-feature-content-text {}

.pricing-feature-content-meta-price {
    color: #181825;
    font-size: 20px;
    margin-left: 15px;
}

.pricing-feature-block-selected {
    -webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    border-radius: 4px;
}

.pricing-sidebar-widget {
    border: 1px solid #e6e6ed;
    padding: 30px;
    background-color: #fff;
    border-radius: 4px;
}

.selected-pkg {
    background-color: #f8f8fb;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.pricing-total {
    margin-top: 50px;
}

.pricing-total-price {
    font-size: 52px;
    line-height: 58px;
    color: #3544ee;
    font-family: 'Circular Std Bold';
    margin-bottom: -14px;
}

/*--------------------
  index 6
 ---------------------*/

.hero-slideshape {
    position: relative;
    min-height: 780px;
}

.hero-slideshape-center {
    background-color: #3544ee;
    background-size: cover;
    -webkit-clip-path: polygon(0 0, 100% 0, 78% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 78% 100%, 0% 100%);
    height: 780px;
    position: relative;
}

.hero-slideshape-right {
    -webkit-clip-path: polygon(44% 0, 100% 0, 100% 100%, 71% 100%);
    clip-path: polygon(44% 0, 100% 0, 100% 100%, 71% 100%);
    background: rgba(248, 80, 50, 0);
    background: -moz-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(171, 121, 76, 0) 31%, rgba(1, 212, 135, 0.61) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248, 80, 50, 0)), color-stop(31%, rgba(171, 121, 76, 0)), color-stop(100%, rgba(1, 212, 135, 0.61)));
    background: -webkit-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(171, 121, 76, 0) 31%, rgba(1, 212, 135, 0.61) 100%);
    background: -o-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(171, 121, 76, 0) 31%, rgba(1, 212, 135, 0.61) 100%);
    background: -ms-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(171, 121, 76, 0) 31%, rgba(1, 212, 135, 0.61) 100%);
    background: linear-gradient(to right, rgba(248, 80, 50, 0) 0%, rgba(171, 121, 76, 0) 31%, rgba(1, 212, 135, 0.61) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#01d487', GradientType=1);
    height: 780px;
    width: 76%;
    position: absolute;
    top: 0;
    right: 0;
}

.hero-slideshape-left {
    -webkit-clip-path: polygon(0 0, 50% 0, 14% 100%, 0% 100%);
    clip-path: polygon(0 0, 50% 0, 14% 100%, 0% 100%);
    background: rgba(248, 80, 50, 0);
    background: -moz-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(1, 212, 135, 0.7) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248, 80, 50, 0)), color-stop(100%, rgba(1, 212, 135, 0.7)));
    background: -webkit-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(1, 212, 135, 0.7) 100%);
    background: -o-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(1, 212, 135, 0.7) 100%);
    background: -ms-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(1, 212, 135, 0.7) 100%);
    background: linear-gradient(to right, rgba(248, 80, 50, 0) 0%, rgba(1, 212, 135, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#01d487', GradientType=1);
    height: 780px;
    width: 76%;
    position: absolute;
    top: 0;
    left: 0;
}

.hero-slideshape-caption {
    color: #b0bffe;
    margin-bottom: 30px;
    position: absolute;
    bottom: -130px;
    width: 100%;
    text-align: center;
}

.hero-slideshape-caption-title {
    font-size: 42px;
    line-height: 52px;
}

.hero-slideshape-img {
    margin-top: 70px;
}

.sassdata-left-img {
    margin-bottom: 60px;
    position: relative;
}

.sassdata-left-content {
    padding: 30px 80px;
    margin-bottom: 60px;
}

.sassdata-right-img {
    margin-bottom: 60px;
    position: relative;
}

.sassdata-right-content {
    padding: 30px 80px;
    margin-bottom: 60px;
}

.sassdata-character-right-img {
    position: absolute;
    bottom: 80px;
    right: 0px;
}

.sassdata-character-left-img {
    position: absolute;
    bottom: 80px;
    left: -36px;
}

.tab-regular-justify {}

.tab-regular-justify .nav.nav-tabs {
    border-bottom: transparent;
    margin-bottom: 60px;
}

.tab-regular-justify .nav.nav-tabs .nav-item {}

.tab-regular-justify .nav.nav-tabs .nav-link {
    display: block;
    padding: 17px 44px;
    color: #9b9bdf;
    background-color: #ffffff;
    margin-right: 1px;
    border-color: #ebedfe;
}

.tab-regular-justify .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {}

.tab-regular-justify .nav-tabs .nav-link.active {
    background-color: #f7f8ff;
    border-color: #ebedfe #ebedfe #ebedfe;
    color: #3544ee;
    border-radius: 4px;
}

.tab-regular-justify .tab-content {
    background-color: transparent;
}

.tab-regular-justify hr {
    margin-bottom: 40px;
    margin-top: 40px;
}

.tab-regular-justify .tab-feature-content {
    padding: 60px 0px;
}

.tab-regular-justify .tab-feature-content .arrow li {
    padding-left: 30px;
    line-height: 28px;
    margin-bottom: 23px;
}

.tab-regular-justify .character-img {
    position: absolute;
    bottom: 0px;
    left: 54px;
}

.feature-left {}

.feature-left.feature-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 30px;
}

.feature-left .feature-icon {
    margin-right: 20px;
    height: 68px;
    width: 68px;
    background-color: #e5e9ff;
    border-radius: 100%;
    display: block;
    text-align: center;
    padding: 21px;
    font-size: 28px;
    line-height: 1;
    color: #3544ee;
}

.feature-left .feature-content {}

.feature-left .feature-title {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 8px;
}

/*------ client-block-v4 -------*/

.client-block-v4 {}

.client-block-v4.client-block {
    background-color: #fff;
    display: inline-block;
    margin-bottom: 50px;
    border-radius: 4px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 35px;
    height: 150px;
    width: 150px;
    border-radius: 100%;
}

.client-block-v4.client-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06);
}

.client-block-v4 .client-block-content {}

.client-block-v4 .client-block-img {}

.footer-second {
    background-color: #f8f8fb;
    color: #808294;
    font-size: 15px;
    line-height: 28px;
    position: relative;
    padding-top: 110px;
}

.footer-second-widget {
    margin-bottom: 60px;
}

.footer-second-widget-title {
    color: #181825;
    font-size: 18px;
    margin-bottom: 24px;
    border-bottom: 0px;
    padding: 0px;
    letter-spacing: 0px;
}

.footer-second-widget ul {}

.footer-second-widget ul li {
    margin-bottom: 0px;
}

.footer-second-widget ul li a {
    color: #808294;
    line-height: 28px;
}

.footer-second-widget ul li a:hover {
    color: #22B573;
    text-decoration: none;
}

.social-media-block {
    background-color: #39363d;
    padding-top: 18px;
    padding-bottom: 18px;
}

.social-icons {
    margin-top: 2px;
}

.icon-square {
    text-align: center;
    background-color: #302d34;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    display: inline-block;
    color: #7f7c7c;
    padding: 11px 12px;
    line-height: 1.3;
    font-size: 14px;
}

.icon-square:hover {
    background-color: #ff4d4d;
    color: #fff;
}

.icon-square-outline {
    text-align: center;
    background-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    display: inline-block;
    color: #6f6d72;
    padding: 11px 12px;
    line-height: 1.3;
    font-size: 14px;
    border: 1px solid #6f6f72;
}

.icon-square-outline:hover {
    background-color: transparent;
    color: #ff4d4d;
    border-color: #ff4d4d;
}

.facebook-outline {
    border-color: #3b5898;
    color: #3b5898;
}

.twitter-outline {
    border-color: #1ea2f2;
    color: #1ea2f2;
}

.googleplus-outline {
    border-color: #f75439;
    color: #f75439;
}

.instagram-outline {
    border-color: #9361fa;
    color: #9361fa;
}

.linkedin-outline {
    border-color: #0077b7;
    color: #0077b7;
}

.pinterest-outline {
    border-color: #c8232c;
    color: #c8232c;
}

.footer-second .tiny-footer {
    background-color: transparent;
    border-top: 1px solid #ebecf7;
    padding-top: 25px;
    padding-bottom: 45px;
    line-height: 1.5;
    color: #8082a8;
}

/*--------------------
index 7
 ---------------------*/

.hero-shape-one {
    background-image: url(../images/herocurve-transparent.png);
    background-color: #3544ee;
    background-repeat: no-repeat;
    background-position: 7% 100%;
    background-size: cover;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    width: auto;
    border-width: 0;
    border-top-width: 0px;
    border-bottom-width: 0px;
    height: 780px;
    margin-bottom: -1px;
}

.hero-shape-one-caption {
    color: #b0bffe;
    margin-bottom: 30px;
}

.hero-shape-one-caption-text {
    padding-top: 260px;
}

.hero-shape-one-caption-title {
    font-size: 52px;
    line-height: 62px;
    font-weight: 900;
}

.hero-shape-one-caption-img {
    padding-top: 220px;
}

/* --------------- features v6 ------------------------*/

.feature-block-v6 {}

.feature-block-v6.feature-block {
    margin-bottom: 30px;
    padding: 40px 16px;
    border: 1px solid transparent;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.feature-block-v6.feature-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #ebedfc;
}

.feature-block-v6 .feature-content {
    text-align: center;
}

.feature-block-v6 .feature-title {
    margin-bottom: 5px;
    font-size: 21px;
}

.feature-block-v6 .feature-text {}

.feature-block-v6 .feature-icon {
    background-color: #e1e4fd;
    color: #3544ee;
    padding: 25px;
    font-size: 26px;
    display: block;
    text-align: center;
    width: 81px;
    height: 81px;
    margin-bottom: 30px;
    line-height: 1.3;
    margin-right: auto;
    margin-left: auto;
    border-radius: 100%;
}

.analysisdata-right-img {
    margin-bottom: 60px;
    position: relative;
}

.analysisdata-right-content {
    padding: 30px 80px;
    margin-bottom: 60px;
}

.analysisdata-character-right-img {
    position: absolute;
    bottom: 68px;
    right: -120px;
}

.peromance-img {
    position: absolute;
    top: 225px;
    right: 0;
}

.peromance-character-img {
    position: absolute;
    right: 580px;
    bottom: 0px;
}

.client-block-v5 {}

.client-block-v5.client-block {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    padding: 50px 30px;
    margin-bottom: 30px;
}

.client-block-v5.client-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06);
}

.client-block-v5 .client-block-content {
    text-align: center;
}

.client-block-v5 .client-block-img {
    background-color: #f7f8ff;
    text-align: center;
    margin-bottom: 30px;
    border-radius: 4px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 35px;
    height: 128px;
    width: 128px;
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* --------------- testimonial v5 ------------------------*/

.testimonial-block-v5 {}

.testimonial-block-v5.testimonial-block {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    margin-bottom: 30px;
    border-radius: 4px;
    border: 1px solid #ebedfc;
    text-align: center;
}

.testimonial-block-v5 .testimonial-content {
    padding: 50px 35px;
}

.testimonial-block-v5 .testimonial-text {
    font-size: 18px;
    color: #181825;
    font-weight: 600;
    line-height: 30px;
    font-style: italic;
}

.testimonial-block-v5 .testimonial-img {
    margin-bottom: 30px;
}

.testimonial-block-v5 .testimonial-img img {
    margin-left: auto;
    margin-right: auto;
    height: 78px;
    width: 78px;
}

.testimonial-block-v5 .testimonial-meta {}

.testimonial-block-v5 .testimonial-meta-name {
    margin-bottom: 0px;
    line-height: 26px;
    color: #22B573;
    font-size: 16px;
    font-weight: 900;
}

.testimonial-block-v5.testimonial-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    border: 1px solid transparent;
}

.testimonial-carousel-v3 {}

.testimonial-carousel-v3 .owl-carousel .owl-item img {
    width: auto;
}

.testimonial-carousel-v3 .owl-carousel .item {}

.testimonial-carousel-v3 .owl-prev {
    position: absolute;
}

.testimonial-carousel-v3 .owl-next {
    position: absolute;
}

.testimonial-carousel-v3 .owl-prev,
.testimonial-carousel .owl-next {
    background-color: #ff515b;
    padding: 10px 16px;
    border-radius: 100%;
    font-size: 18px;
}

.testimonial-carousel-v3 .owl-prev:hover,
.testimonial-carousel .owl-next:hover {
    background-color: #8e517d;
    color: #fff;
}

.testimonial-carousel-v3 .owl-theme .owl-nav [class*='owl-'] {
    position: relative;
    color: #3544ee;
    font-size: 18px;
    margin: 5px;
    padding: 3px 9px;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 100%;
    text-align: center;
    height: 35px;
    width: 35px;
    border: 2px solid #3544ee;
}

.testimonial-carousel-v3 .owl-theme .owl-nav [class*='owl-']:hover {
    background: #3544ee;
    color: #FFF;
    text-decoration: none;
}

.testimonial-carousel-v3 .owl-theme .owl-dots .owl-dot span {
    display: none;
}

/*----------------------------------------------
index 8
 -------------------------------------------------*/

.hero-shape-second {
    background-image: url(../images/bottom-curve.png);
    background-color: #3544ee;
    background-repeat: no-repeat;
    background-position: 70% 100%;
    background-size: cover;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    width: auto;
    border-width: 0;
    border-top-width: 0px;
    border-bottom-width: 0px;
    max-height: 750px;
    margin-bottom: -1px;
}

.hero-shape-second-caption {
    color: #b0bffe;
    margin-bottom: 30px;
}

.hero-shape-second-caption-text {
    padding-top: 260px;
}

.hero-shape-second-caption-title {
    font-size: 52px;
    line-height: 62px;
    font-weight: 900;
}

.hero-shape-second-caption-img {
    padding-top: 160px;
    padding-left: 150px;
}

/* --------------- features v7 ------------------------*/

.feature-block-v7 {}

.feature-block-v7.feature-block {
    margin-bottom: 30px;
}

.feature-block-v7 .feature-content {}

.feature-block-v7 .feature-title {
    margin-bottom: 5px;
    font-size: 21px;
}

.feature-block-v7 .feature-text {}

.feature-block-v7 .feature-icon {
    background-color: #e1e4fd;
    color: #3544ee;
    padding: 18px;
    font-size: 20px;
    display: block;
    text-align: center;
    width: 60px;
    height: 60px;
    margin-bottom: 30px;
    line-height: 1.5;
    border-radius: 100%;
}

.feature-app-img {
    position: relative;
    text-align: center;
}

.circle-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 390px;
    height: 390px;
    background-color: #3be1a4;
    color: white;
    text-align: center;
    line-height: 100px;
    border-radius: 50%;
    font-size: 1.3rem;
}

.circle-1:hover {
    cursor: pointer;
}

.circle-1::after,
.circle-1::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 390px;
    height: 390px;
    background: #3be1a4;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: grow 3s ease-in-out infinite;
    animation: grow 3s ease-in-out infinite;
}

.circle-1::after {
    background: rgb(59, 225, 164);
}

.circle-1::after::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 390px;
    height: 390px;
    background: #3be1a4;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: grow 3s ease-in-out infinite;
    animation: grow 3s ease-in-out infinite;
}

.circle-1::before {
    background: rgb(59, 225, 164);
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.circle-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 390px;
    height: 390px;
    background-color: #9c4efb;
    color: white;
    text-align: center;
    line-height: 100px;
    border-radius: 50%;
    font-size: 1.3rem;
}

.circle-2:hover {
    cursor: pointer;
}

.circle-2::after,
.circle-2::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 390px;
    height: 390px;
    background: #9c4efb;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: grow 3s ease-in-out infinite;
    animation: grow 3s ease-in-out infinite;
}

.circle-2::after {
    background: rgba(156, 78, 251, .5);
}

.circle-2::after::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 390px;
    height: 390px;
    background: #3be1a4;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: grow 3s ease-in-out infinite;
    animation: grow 3s ease-in-out infinite;
}

.circle-2::before {
    background: rgba(156, 78, 251, .5);
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.circle-3 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 390px;
    height: 390px;
    background-color: #fb8645;
    color: white;
    text-align: center;
    line-height: 100px;
    border-radius: 50%;
    font-size: 1.3rem;
}

.circle-3:hover {
    cursor: pointer;
}

.circle-3::after,
.circle-3::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 390px;
    height: 390px;
    background: #fb8645;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: grow 3s ease-in-out infinite;
    animation: grow 3s ease-in-out infinite;
}

.circle-3::after {
    background: rgba(251, 134, 69, .5);
}

.circle-3::after::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 390px;
    height: 390px;
    background: #3be1a4;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: grow 3s ease-in-out infinite;
    animation: grow 3s ease-in-out infinite;
}

.circle-3::before {
    background: rgba(251, 134, 69, .5);
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

@-webkit-keyframes grow {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.8, 1.8);
        transform: scale(1.8, 1.8);
        opacity: 0;
    }
}

@keyframes grow {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.8, 1.8);
        transform: scale(1.8, 1.8);
        opacity: 0;
    }
}

/* --------- counter v-6  -------------------*/

.counter-v6.counter-block {
    padding: 20px 0px;
}

.counter-v6 .counter-block-content {}

.counter-v6 .counter-block-number {
    margin-bottom: 10px;
    font-size: 72px;
    line-height: 80px;
    color: #181825;
    margin-bottom: 30px;
}

.counter-v6 .counter-block-title {
    font-size: 20px;
    line-height: 30px;
}

.counter-v6 .counter-block-text {}

.counter-v6 .plus-sign {
    position: absolute;
    font-size: 48px;
    color: #181825;
    top: 40px;
    right: 60px;
    font-family: 'Circular Std Bold' !important;
}

/* --------- cta   -------------------*/

.cta-curveshape {
    background-image: url(../images/bottom-curve.png);
    background-color: #313fdd;
    background-repeat: no-repeat;
    background-position: 70% 100%;
    background-size: cover;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    width: auto;
    border-width: 0;
    border-top-width: 0px;
    border-bottom-width: 0px;
    max-height: 780px;
    margin-bottom: -1px;
}

.cta-curveshape-caption {
    color: #b0bffe;
    margin-bottom: 30px;
}

.cta-curveshape-caption-text {
    padding-top: 260px;
}

.cta-curveshape-title {
    font-size: 42px;
    line-height: 52px;
}

.cta-curveshape-img {
    padding-top: 80px;
    padding-left: 90px;
}

.cta-curveshape a {
    margin-bottom: 10px;
    display: inline-block;
}

/*------------------------------------------------
index 9
 -------------------------------------------------*/

.hero-shape-third {
    background-image: url(../images/hero-side-shape.png);
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: cover;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    width: auto;
    border-width: 0;
    border-top-width: 0px;
    border-bottom-width: 0px;
    height: 793px;
    margin-bottom: -1px;
    position: relative;
}

.hero-shape-third-caption {
    margin-bottom: 30px;
}

.hero-shape-third-caption-text {
    padding-top: 230px;
}

.hero-shape-third-caption-title {
    font-size: 66px;
    line-height: 76px;
    font-weight: 900;
}

.hero-shape-third-caption-img {
    padding-top: 100px;
}

.header-transparent-second {
    position: fixed;
    width: 100%;
    z-index: 1030;
}

.navbar-transparent-second {
    padding: 16px 0px;
}

.header-transparent-second .navbar-toggler {
    padding: 11px 13px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #eaeaf0;
    border-radius: .25rem;
    position: relative;
    background-color: #fff;
}

.header-transparent-second.header-collapse {
    background: #ffffff !important;
    border-color: #ffffff;
    border-bottom: 1px solid #f0f0f0;
    transition: .3s ease-out;
}

.navbar-transparent-second .navbar-nav .nav-link {
    color: #fff;
    font-family: 'Circular Std Medium' !important;
    padding: 9px 16px;
}

.navbar-transparent-second .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    color: #181825;
}

.navbar-transparent-second .dropdown-toggle::after {
    margin-top: 1px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: -2px;
    content: "\f107";
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    color: #bdbebf;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    margin-right: 15px;
    font-size: 13px;
    float: right;
}

.navbar-transparent-second .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #f1f1f6;
    border-radius: 0px;
}

.quote-form {
    position: relative;
    background-color: #ffffff;
    padding: 60px;
    bottom: 100px;
    border: 1px solid #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}

.quote-form i {
    position: absolute;
    right: 20px;
    bottom: 18px;
    font-size: 12px;
    color: #2c2c7a;
}

/* --------------- features v8 ------------------------*/

.feature-block-v8 {}

.feature-block-v8.feature-block {
    transition: all .4s ease;
    margin-bottom: 80px;
    border: 1px solid #ebecf7;
    padding: 50px;
    background-color: #ffffff;
}

.feature-block-v8.feature-block:hover {
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    transition: all .4s ease;
    transform: translate3D(0, -20px, 0) scale(1);
}

.feature-block-v8 .feature-content {}

.feature-block-v8 .feature-title {
    margin-bottom: 5px;
    font-size: 21px;
}

.feature-block-v8 .feature-text {}

.feature-block-v8 .feature-icon {
    background-color: #e9ebfc;
    color: #3644ef;
    padding: 12px;
    font-size: 20px;
    display: inline-block;
    text-align: center;
    width: 52px;
    height: 52px;
    margin-bottom: 30px;
    line-height: 1.5;
    border-radius: 100%;
}

/* --------------- product carousel v8 ------------------------*/

.ins-product-carousel-v4 {}

.ins-product-carousel-v4 .owl-carousel .owl-item img {
    width: auto;
}

.ins-product-carousel-v4 .owl-carousel .item {}

.ins-product-carousel-v4 .owl-prev {
    position: absolute;
}

.ins-product-carousel-v4 .owl-next {
    position: absolute;
}

.ins-product-carousel-v4 .owl-theme .owl-nav {
    margin-top: 60px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.ins-product-carousel-v4 .owl-prev,
.ins-product-carousel .owl-next {
    background-color: #ff515b;
    padding: 10px 16px;
    border-radius: 100%;
    font-size: 18px;
}

.ins-product-carousel-v4 .owl-prev:hover,
.ins-product-carousel .owl-next:hover {
    background-color: #8e517d;
    color: #fff;
}

.ins-product-carousel-v4 .owl-theme .owl-nav [class*='owl-'] {
    position: relative;
    color: #ffffff;
    font-size: 28px;
    margin: 5px;
    padding: 11px 9px;
    background: #5a67fb;
    display: inline-block;
    cursor: pointer;
    border-radius: 100%;
    text-align: center;
    height: 55px;
    width: 55px;
    border: 2px solid #5a67fb;
}

.ins-product-carousel-v4 .owl-theme .owl-nav [class*='owl-']:hover {
    background: #22B573;
    color: #FFF;
    text-decoration: none;
    border-color: #22B573;
}

.ins-product-carousel-v4 .owl-theme .owl-dots .owl-dot span {
    display: none;
}

/*----------- Insurance Products  --------*/

.product-card {}

.product-head {}

.product-icon {}

.product-content {}

.product-title {}

.product-text {
    color: #000;
}

/*-----------Product v1 --------*/

.product-card-v1 {}

.product-card-v1.product-card {
    background-color: #ffffff;
    border-radius: 8px;
}

.product-card-v1 .product-head {
    padding: 55px;
    background-color: #fffaf1;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.product-card-v1 .product-icon {
    height: 120px;
    width: 120px;
    font-size: 55px;
    color: #000;
    background-color: #ffecc8;
    border-radius: 100%;
    line-height: 63px;
    padding: 28px 30px;
    display: inline-block;
}

.product-card-v1 .product-content {
    padding: 55px;
}

.product-card-v1 .product-title {}

.product-card-v1 .product-text {}

/*-----------process v6 --------*/

.process-block-v6 {}

.process-block-v6.process-block {
    text-align: center;
    margin-bottom: 50px;
}

.process-block-v6 .process-block-img {
    margin-bottom: 50px;
}

.process-block-v6 .process-block-content {
    padding: 0px 20px;
}

.process-block-v6 .process-block-title {
    font-size: 22px;
    line-height: 30px;
}

.process-block-v6 .process-block-text {}

.image-section-v3 {}

.image-section-v3-content {
    padding: 80px;
}

/* --------------- testimonial v6 ------------------------*/

.testimonial-block-v6 {}

.testimonial-block-v6.testimonial-block {}

.testimonial-block-v6 .testimonial-content {}

.testimonial-block-v6 .testimonial-text {
    font-size: 26px;
    line-height: 42px;
    font-style: italic;
    color: #fff;
}

.testimonial-block-v6 .testimonial-comment-icon {
    margin-bottom: 32px;
    display: block;
}

.testimonial-block-v6 .testimonial-meta {
    margin-left: 18px;
    align-self: center;
}

.testimonial-block-v6 .testimonial-meta-name {
    margin-bottom: 6px;
    color: #fff;
    font-size: 18px;
}

.testimonial-block-v6 .testimonial-img {}

.testimonial-carousel-v4 {}

.testimonial-carousel-v4 .owl-carousel .owl-item img {
    width: auto;
}

.testimonial-carousel-v4 .owl-prev {
    position: absolute;
    top: 45%;
    left: 10px;
}

.testimonial-carousel-v4 .owl-next {
    position: absolute;
    top: 45%;
    right: 10px;
}

.testimonial-carousel-v4 .owl-theme .owl-nav [class*='owl-'] {
    color: #ffffff;
    font-size: 18px;
    margin: 5px;
    padding: 3px 10px;
    background: transparent;
    display: none;
    cursor: pointer;
    border-radius: 100%;
    text-align: center;
    height: 35px;
    width: 35px;
    border: 2px solid #ffffff;
}

.testimonial-carousel-v4 .owl-theme .owl-nav [class*='owl-']:hover {
    background: #22B573;
    color: #FFF;
    text-decoration: none;
    border-color: #22B573;
}

.testimonial-carousel-v4 .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 4px 2px;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 100%;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
}

.testimonial-carousel-v4 .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    bottom: 0px;
    position: relative;
}

.testimonial-carousel-v4 .owl-theme .owl-dots .owl-dot.active span,
.testimonial-carousel-v4 .owl-theme .owl-dots .owl-dot:hover span {
    background: #22B573 !important;
    border-color: #22B573;
}

/* --------------- Client Block v6 ------------------------*/

.partner-block-content {
    padding: 120px 40px;
}

.client-block-v6 {}

.client-block-v6.client-logos {
    width: 587px;
    height: 556px;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border-radius: 100%;
    position: relative;
}

.client-block-v6.client-logos li {
    position: absolute;
    background-color: transparent;
    border: 1px solid #ebecf7;
    padding: 32px 31px;
    margin-bottom: 30px;
    border-radius: 100%;
    display: inline-block;
    height: 145px;
    width: 145px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.client-block-v6.client-logos li:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 16px 30px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 16px 30px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 16px 30px 0px rgba(0, 0, 0, 0.06);
    background-color: #fff;
    border-color: #fff;
}

.client-block-v6.client-logos li:nth-child(1) {
    top: 72px;
    left: 53px;
}

.client-block-v6.client-logos li:nth-child(2) {
    top: 205px;
    left: 222px;
}

.client-block-v6.client-logos li:nth-child(3) {
    top: 285px;
    left: 18px;
}

.client-block-v6.client-logos li:nth-child(4) {
    left: 194px;
    bottom: -29px;
}

.client-block-v6.client-logos li:nth-child(5) {
    top: 337px;
    right: 51px;
}

.client-block-v6.client-logos li:nth-child(6) {
    top: 136px;
    right: 13px;
}

.client-block-v6.client-logos li:nth-child(7) {
    top: 2px;
    right: 176px;
}

/* --------------- cta v5 ------------------------*/

.cta-v5 {}

.cta-v5.cta {
    border-bottom: 1px solid #353a76;
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.cta-v5 .cta-content {}

.cta-v5 .cta-title {
    margin-bottom: 10px;
    font-size: 42px;
    line-height: 53px;
    color: #a7ade4;
}

/*--------------------
index 10
 ---------------------*/

.hero-shape-fourth {
    background-image: url(../images/section-wave-pattern-1.png);
    background-color: #032fdf;
    background-repeat: no-repeat;
    background-position: 7% 100%;
    background-size: cover;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    width: auto;
    border-width: 0;
    border-top-width: 0px;
    border-bottom-width: 0px;
    height: 903px;
    margin-bottom: -1px;
}

.hero-shape-fourth-caption {
    color: #b0bffe;
    margin-bottom: 30px;
}

.hero-shape-fourth-caption-text {
    padding-top: 230px;
}

.hero-shape-fourth-caption-title {
    font-size: 86px;
    line-height: 96px;
    font-weight: 900;
}

.hero-shape-fourth-caption-img {
    padding-top: 100px;
}

/*------ service-block-v6 -------*/

.service-block-v7 {}

.service-block-v7.service-block {
    padding: 40px 40px 60px 40px;
    background-image: url(../images/wave-pattern.png);
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: 7% 100%;
    background-size: cover;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    width: auto;
    margin-bottom: -1px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.service-block-v7 .service-block-title {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 34px;
}

.service-block-v7 .service-block-content {}

.service-block-v7 .service-block-icon {
    font-size: 35px;
    padding: 16px 18px;
    height: 70px;
    width: 70px;
    line-height: 1.1;
    background-color: #f8f8fb;
    border-radius: 12px;
    display: inline-block;
    margin-bottom: 30px;
}

.service-block-v7.service-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.section-pattern-first {
    background-image: url(../images/section-wave-pattern-2.png);
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: 7% 0%;
    background-size: cover;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    width: auto;
    padding-top: 200px;
    padding-bottom: 10px;
}

.section-pattern-second {
    background-image: url(../images/section-wave-pattern-3.png);
    background-color: #f9f9ff;
    background-repeat: no-repeat;
    background-position: 7% 0%;
    background-size: cover;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    width: auto;
    padding-top: 220px;
    padding-bottom: 120px;
    position: relative;
    z-index: 1;
}

.counter-v7.counter-block {
    background-color: #fff;
    border-radius: 8px;
    padding: 57px 30px;
    position: relative;
    margin-bottom: 30px;
}

.counter-v7 .counter-block-content {}

.counter-v7 .counter-block-number {
    margin-bottom: 10px;
    font-size: 82px;
    line-height: 80px;
    color: #181825;
    margin-bottom: 30px;
}

.counter-v7 .counter-block-title {
    font-size: 20px;
    line-height: 30px;
}

.counter-v7 .counter-block-text {}

.counter-v7 .plus-sign {
    position: absolute;
    font-size: 48px;
    color: #181825;
    top: 62px;
    left: 140px;
    font-family: 'Circular Std Bold' !important;
}

.case-study-block {}

.case-study-block-img {}

.case-study-block-content {}

.case-study-block-title {}

.case-study-block-text {}

.case-study-block-subtext {}

.case-study-block-v1 {}

.case-study-block-v1.case-study-block {
    transition: all .4s ease;
    margin-bottom: 30px;
}

.case-study-block-v1 .case-study-block-img {}

.case-study-block-v1 .case-study-block-content {
    padding: 60px;
    background-color: #ffffff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.case-study-block-v1 .case-study-block-title {
    font-weight: 900;
    color: #181825;
}

.case-study-block-v1 .case-study-block-text {}

.case-study-block-v1 .case-study-block-subtext {
    font-size: 20px;
    margin-bottom: 40px;
}

.case-study-block-v1.case-study-block:hover {
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    transition: all .4s ease;
    transform: translate3D(0, -20px, 0) scale(1);
}

.section-pattern-third {
    background-image: url(../images/section-wave-pattern-2.png);
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: 7% 0%;
    background-size: cover;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    width: auto;
    padding-top: 220px;
    padding-bottom: 120px;
    position: relative;
    z-index: 1;
}

.section-pattern-fourth {
    background-image: url(../images/section-wave-pattern-4.png);
    background-color: #f8f8fb;
    background-repeat: no-repeat;
    background-position: 7% 0%;
    background-size: cover;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    width: auto;
    padding-top: 220px;
    padding-bottom: 120px;
    position: relative;
    z-index: 1;
}

/*------------------------- 9.5 Lenders -------------------------------*/

.lender-filter-form {}

.lender-block .arrow li:before {
    color: #2d3ad2;
}

.lender-block-v1 {}

.lender-block-v1.lender-block {
    margin-bottom: 30px;
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #ebedfc;
    border-radius: 4px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.lender-block-v1 .lender-header {
    padding: 30px;
    background-color: #fff;
    border-bottom: 1px solid #ebedfc;
}

.lender-block-v1 .lender-title {
    line-height: 38px;
}

.lender-block-v1 .lender-content {
    padding: 30px;
}

.lender-block-v1 .lender-img {}

.lender-block-v1 .lender-text {}

.lender-block-v1 .lender-footer {
    background-color: #fff;
    border-top: 1px solid #ebedfc;
    padding: 16px 30px;
    line-height: 1.8;
}

.lender-block-v1.lender-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}

.lender-content-list {}

.rating {
    font-size: 12px;
    color: #ffb607;
    line-height: 15px;
}

.rating-number {
    color: #181825;
    margin-left: 4px;
}

.rating-text {
    color: #22B573;
    margin-left: 12px;
}

.rating-text i {
    margin-right: 5px;
}

/*------------------ 9.6 lender Single ----------------------------*/

.review-section {
    background-color: #fff;
    border: 1px solid #ebedfc;
}

.review-section-title {
    padding: 34px 0px 0px 34px;
    margin-bottom: 0px;
}

.review-block {}

.review-content {
    border-bottom: 1px solid #ebedfc;
    padding: 18px 34px 34px 34px;
    margin-bottom: 20px;
}

.review-date {
    margin-bottom: 10px;
    font-size: 14px;
}

.review-sub-content {}

.review-title {
    margin-bottom: 8px;
}

.review-text {}

.reviewer-name {
    color: #181825;
    font-family: 'Circular Std Bold';
}

.review-meta-text {
    margin-left: 8px;
}

.review-meta {
    font-size: 15px;
    margin-bottom: 5px;
}

.review-location {
    margin-left: 15px;
    color: #22B573;
}

.review-location i {
    margin-right: 6px;
    color: #22B573;
}

/*---------------- 9.4 About us ---------------------*/

.simple-para {}

/*---------------- 9.4 About us second ---------------------*/

.slider-gallery {
    overflow: hidden;
}

.slider-gallery .slider-captions {
    position: absolute;
    bottom: 230px;
    color: #fff;
}

.slick-list img {
    width: 100%;
    min-height: 100%;
}

.slider-gallery-nav {}

.slider-gallery .slick-slide {
    margin: 0px;
}

.slick-list {}

.slider-gallery-nav .slick-track {
    -webkit-transform: none !important;
    transform: none !important;
    left: 40% !important;
}

.slider-gallery .slick-arrow {
    position: absolute;
    top: 53%;
}

.slider-gallery .slick-prev {
    left: 18px;
    color: #fff;
    background-color: #3644ef;
    border-radius: 100%;
    text-align: center;
    height: 40px;
    width: 40px;
}

.slider-gallery .slick-prev:before,
.slider-gallery .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #f8f8fb;
    -webkit-font-smoothing: antialiased;
}

.slider-gallery .slick-next {
    right: 18px;
    color: #fff;
    background-color: #3644ef;
    border-radius: 100%;
    text-align: center;
    height: 40px;
    width: 40px;
}

.slider-gallery-nav .item {
    width: 20px !important;
}

.slider-gallery-nav .item.slick-slide.slick-current {
    color: #22B573;
}

/*---------------- 9.4 About us third ---------------------*/

.split-section {
    background-color: #fff;
    position: relative;
    z-index: -1;
}

.split-img-right-content {
    display: flex;
    min-height: 500px;
    width: 70%;
    padding: 90px;
}

.split-img-right-content-text {}

.split-img-left-content {
    display: flex;
    min-height: 500px;
    width: 70%;
    padding: 90px;
    margin-left: 200px;
}

.split-img-left-content-text {}

/*------------------  9.11 compare rate -----------------------------*/

.lender-compare-block {}

.lender-compare-block .card-body {
    padding: 20px;
}

.lender-compare-table {}

.lender-data {}

.lender-data-img {
    margin-bottom: 15px;
}

.lender-rate-value {}

.lender-rate-meta {}

.lender-rate-meta-text {}

.lender-rate-meta-value {}

.lender-rate-meta-fees {}

.lender-rate-meta-amount {}

.lender-payment-amount {
    margin-bottom: 2px;
}

.lender-payment-amount-meta {}

.lender-info-call-text {}

.lender-rate {
    padding: 18px;
}

.lender-payment {
    padding: 18px;
}

.lender-info {
    padding: 18px 11px;
}

.lender-id {
    color: #bbbcc6;
}

.lender-fee-year {
    font-family: 'Circular Std Medium';
    line-height: 1.2;
}

.lender-compare-table.table th,
.lender-compare-table.table td {
    width: 25%;
    border-top: 1px solid #ebedfc;
}

.lender-compare-table th {
    background-color: #fafaff;
    padding-left: 30px;
}

.btn-popover {
    color: #b0b2c0;
}

.btn-popover:hover {
    color: #3544ee;
}

.modal-body {
    padding: 0px;
}

.lender-popup-content {
    overflow-y: scroll;
    max-height: 450px;
}

.lender-data-rating {
    line-height: 1.6;
    margin-bottom: 12px;
}

.lender-rate-data {
    line-height: 1.4;
}

/*--------------------------  9.13 404 Error ----------------------------------*/

.error-section {
    background: url(../images/error-img.png);
    background-repeat: no-repeat;
    height: 935px;
    background-size: cover;
}

.error-block {
    padding-top: 320px;
}

.error-title {
    font-size: 170px;
}

.error-sub-title {
    font-size: 52px;
    line-height: 60px;
    color: #808294;
}

/*----------------------------  9.14 Contact  -----------------------*/

.contact-section {
    background-color: #fff;
    padding: 70px;
    border: 1px solid #ebecf7;
    border-radius: 4px;
}

.contact-info-block {
    margin-bottom: 30px;
    border: 1px solid #ebedfc;
    position: relative;
    text-align: center;
    border-radius: 4px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.contact-info-icon {
    height: 86px;
    width: 86px;
    color: #3544ee;
    background-color: #f3f6ff;
    font-size: 28px;
    padding: 29px 30px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    line-height: 28px;
}

.contact-info-content {
    padding: 60px 50px;
}

.contact-info-title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
}

.contact-info-text {}

.contact-info-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}

.location-block {
    margin-bottom: -1px;
    border: 1px solid #ebedfc;
    position: relative;
    border-radius: 4px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-right: -1px;
}

.location-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}

.location-content {
    padding: 35px;
}

.location-title {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
}

.location-text {
    margin-bottom: 10px;
}

.location-number {
    color: #181825;
    margin-bottom: 14px;
}

/*---------------   loan Calculator -----------------*/

.calculator .calculator-amortization {}

.calculator input[type=text],
.calculator-amortization input[type=text] {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 1.42857143;
    height: 50px;
    color: #303443;
    background-color: #fbfbff;
    background-image: none;
    border: 1px solid #ceced8;
    border-radius: 2px;
    padding: 18px;
}

.results {
    overflow: auto;
}

.results-data {
    padding: 34px 30px 0px 30px;
    margin-bottom: 0px;
}

.results p:last-child {
    border-bottom: none;
}

.calculator-form {
    width: 50% !important;
    float: left;
}

.calculator-form-second {
    margin-bottom: 30px;
}

.calculator-form-results {}

.calculator-form-results table {
    border-collapse: collapse;
    width: 100%;
}

.calculator-form-results th,
.calculator-form-results td {
    border-top: 2px solid #ebedfc;
    padding: 8px;
    color: #303443;
}

.calculator-form-results th {
    color: #303443;
}

.calculator-form-results td {
    color: #626582;
}

.accrue-field-amount,
.accrue-field-rate,
.accrue-field-term {
    padding: 10px 30px;
}

/*-------------------- career page ---------------------*/

.career-page-desc {}

.career-page-desc-list {}

.career-page-desc-list ul {}

.career-page-desc-list ul li {
    padding-left: 30px;
    margin-bottom: 16px;
}

.career-page-desc-list li:before {
    font-size: 16px;
    color: #22B573;
}

.career-page-img {
    text-align: center;
}

.why-work-section {
    background-color: #fff;
    position: relative;
    z-index: -2;
    padding: 150px 0px;
}

.why-work {}

.why-work ul {}

.why-work ul li {}

.why-work ul li:before {
    color: #22B573;
}

.why-work-image {
    position: relative;
}

.why-work-img-1 {
    position: absolute;
    left: 0;
    top: 144px;
}

.why-work-img-2 {
    position: absolute;
    right: 0;
    top: 0px;
}

.why-work-img-1 img,
.why-work-img-2 img {
    border-radius: 4px;
}

.job-opening-list-head {
    margin-bottom: 40px;
}

.job-opening-list {}

.job-opening-list-designation {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 5px;
}

.job-opening-list-locator {
    font-size: 14px;
    line-height: 26px;
}

.job-opening-list-desc {
    margin-bottom: 30px;
}

.job-opening-list-desc-name {
    font-size: 18px;
    line-height: 24px;
}

.job-opening-list-key {
    margin-bottom: 30px;
}

.job-opening-list-key-name {
    font-size: 18px;
    line-height: 24px;
}

.job-opening-list-key ul {}

.job-opening-list-key ul li {}

.job-opening-list-key li:before {
    color: #22B573;
}

.job-opening-list-skill {
    margin-bottom: 30px;
}

.job-opening-list-skill-name {
    font-size: 18px;
    line-height: 24px;
}

.job-opening-list-skill ul {}

.job-opening-list-skill ul li {}

.job-opening-list-skill li:before {
    color: #22B573;
}

.job-opening-list-location {
    margin-bottom: 30px;
}

.job-opening-list-location-name {
    font-size: 18px;
    line-height: 24px;
}

.job-opening-list-work {
    margin-bottom: 30px;
}

.job-opening-list-work-name {
    font-size: 18px;
    line-height: 24px;
}

.job-opening-list-position {
    margin-bottom: 30px;
}

.job-opening-list-position-name {
    font-size: 18px;
    line-height: 24px;
}

.job-opening-list-benefits {
    margin-bottom: 30px;
}

.job-opening-list-benefits-name {
    font-size: 18px;
    line-height: 24px;
}

.job-opening-list-benefits ul {}

.job-opening-list-benefits li {}

.job-opening-list-benefits li:before {
    color: #22B573;
}

/*-------------------- help Center ---------------------*/

.helpcenter-search-section {
    text-align: center;
}

.helpcenter-search-section-title {}

.helpcenter-search-section h1 {
    margin-bottom: 30px;
}

.hc-categrory-block {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #ebecf7;
    background-color: #fff;
    padding: 45px;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 30px;
}

.hc-categrory-block:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}

.hc-categrory-icon {
    background-color: #ebedfe;
    height: 115px;
    width: 115px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    line-height: 1.2;
    padding: 30px;
    border-radius: 100%;
}

.hc-categrory-icon img {
    height: 46px;
}

.hc-categrory-content {}

.hc-categrory-content-title {
    font-size: 22px;
    line-height: 42px;
}

.hc-featured-article-block {
    background-color: #fff;
    border-radius: 4px;
    padding: 60px 80px;
}

.hc-featured-artical-block-list {}

.hc-featured-artical-block-list ul {}

.hc-featured-artical-block-list ul li {}

.hc-featured-artical-block-list ul li a {
    font-size: 18px;
    line-height: 32px;
    color: #181825;
    background-color: #fff;
    border-bottom: 1px solid rgb(235, 236, 247);
    padding: 21px 24px;
    display: block;
    transition: .5s ease;
}

.hc-featured-artical-block-list ul li a:hover {
    color: #22B573;
    transition: .5s ease;
}

.hc-featured-artical-block-list .angle li {
    padding-left: 13px;
    line-height: 73px;
}

.hc-featured-artical-block-list .angle li:before {
    color: #22B573 !important;
    left: 14px;
}

.hc-support-section {
    background-color: #fff;
    border-radius: 4px;
    padding: 42px;
    border: 1px solid #ebecf7;
}

.hc-support-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.hc-support-block-content {}

.hc-support-block-icon {
    background-color: #ebedfe;
    height: 115px;
    width: 115px;
    line-height: 1.2;
    padding: 30px;
    border-radius: 100%;
    margin-bottom: 40px;
    margin-right: 20px;
}

.hc-support-block-icon img {
    width: 55px;
}

.hc-video .video-container,
.hc-video .video-container-2 {}

.hc-support-block-call-info {
    font-size: 18px;
}

/*-------------------- hc-category-page ---------------------*/

.hc-category-page-section {
    border: 1px solid #ebecf7;
    padding: 50px;
    background-color: #fff;
    border-radius: 4px;
}

.hc-category-page-block {
    margin-bottom: 50px;
}

.hc-category-page-block-heading {
    border-bottom: 1px solid #ebecf7;
    padding: 0px 0px 20px 0px;
    margin-bottom: 30px;
}

.hc-category-page-block-heading h3 {
    font-size: 24px;
    line-height: 32px;
}

.hc-category-page-block-content {}

.hc-category-page-block-content ul {}

.hc-category-page-block-content ul li {
    line-height: 2.6;
}

.hc-category-page-block-content ul li a {
    font-size: 18px;
    line-height: 34px;
    color: #181825;
    margin-bottom: 0px;
}

.hc-category-page-block-content ul li a:hover {
    color: #3544ee;
    text-decoration: underline;
}

.hc-sidebar {}

.hc-sidebar-widget {
    background-color: #fff;
    border: 1px solid #ebecf7;
}

.hc-sidebar-widget-title {
    background-color: #fff;
    border-bottom: 1px solid #ebecf7;
    padding: 20px 25px;
    margin-bottom: 0px;
}

.hc-sidebar-widget-content {
    padding: 25px;
}

.hc-sidebar-widget-content ul {}

.hc-sidebar-widget-content ul li {
    line-height: 2.5;
}

.hc-sidebar-widget-content ul li a {
    color: #181825;
}

.hc-sidebar-widget-content ul li a:hover {
    color: #3544ee;
}

.hc-category-single {
    background-color: #fff;
    padding: 40px;
    border-radius: 4px;
    border: 1px solid #ebecf7;
}

/*-------------------------------------------------------------------
5. icons
-------------------------------------------------------------------*/

/*-------------------- User icon sizes ---------------------*/

.user-avatar-xxl {
    height: 128px;
    width: 128px;
}

.user-avatar-xl {
    height: 90px;
    width: 90px;
}

.user-avatar-lg {
    height: 48px;
    width: 48px;
}

.user-avatar-md {
    height: 32px;
    width: 32px;
}

.user-avatar-sm {
    height: 24px;
    width: 24px;
}

.user-avatar-xs {
    height: 18px;
    width: 18px;
}

.icon-circle {
    border-radius: 100% !important;
}

.outline-label {
    border: 2px solid #eeeeff;
    color: #8484f8;
    padding: 8px 20px;
    line-height: 1;
    font-size: 14px;
    border-radius: 20px;
    background-color: transparent;
    display: inline-block;
}

/*---------------- Fontawesome size -----------------------*/

.fa-xl {}

.fa-lg {}

.fa-md {}

.fa-sm {
    font-size: 24px !important;
}

.fa-xs {
    font-size: 11px !important;
}

/*-------------------------------------------------------------------
6. Layouts
-------------------------------------------------------------------*/

/*--------------------  Width Class ---------------------*/

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.custom-width {
    max-width: 1466px !important;
}

.custom-container {
    max-width: 1200px !important;
}

/*--------------------  Section Class ---------------------*/

.section-block {
    margin: 16px 0px;
}

.section-title {
    font-weight: 500;
    margin-bottom: 0px;
}

.section-heading-single {
    margin-bottom: 30px;
}

.section-heading {
    margin-bottom: 60px;
}

.section-heading-title {}

.section-heading-text {}

.section-heading-btn {}

.title {
    color: #181825;
}

/*--------------------  Padding / Margin ---------------------*/

.nopadding {
    padding: 0px;
}

/*--- All Side padding ---*/

.p-4 {
    padding: 30px !important;
}

.p-5 {
    padding: 45px !important;
}

.p-6 {
    padding: 65px !important;
}

.p-8 {
    padding: 80px !important;
}

/*---Padding Right ---*/

.p-r-0 {
    padding-right: 0px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-r-15 {
    padding-right: 15px;
}

.p-r-20 {
    padding-right: 20px;
}

.p-r-25 {
    padding-right: 25px;
}

.p-r-140 {
    padding-right: 140px;
}

/*---Padding left ---*/

.p-l-0 {
    padding-left: 0px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-l-15 {
    padding-left: 15px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-l-25 {
    padding-left: 25px;
}

.p-l-40 {
    padding-left: 40px;
}

.p-l-140 {
    padding-left: 140px;
}

/*---Padding Top ---*/

.p-t-0 {
    padding-top: 0px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-t-40 {
    padding-top: 40px;
}

.p-t-60 {
    padding-top: 60px;
}

.p-t-80 {
    padding-top: 80px;
}

.p-t-100 {
    padding-top: 100px;
}

.p-t-120 {
    padding-top: 120px;
}

.p-t-140 {
    padding-top: 140px !important;
}

.p-t-200 {
    padding-top: 200px;
}

/*---Padding bottom ---*/

.p-b-0 {
    padding-bottom: 0px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.p-b-60 {
    padding-bottom: 60px;
}

.p-b-80 {
    padding-bottom: 80px;
}

.p-b-100 {
    padding-bottom: 100px;
}

.p-b-120 {
    padding-bottom: 120px;
}

.p-b-140 {
    padding-bottom: 140px;
}

.m-r-0 {
    margin-right: 0px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-r-25 {
    margin-right: 25px;
}

.m-r-60 {
    margin-right: 60px;
}

.m-l-0 {
    margin-left: 0px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-l-25 {
    margin-left: 25px;
}

.m-l-100 {
    margin-left: 100px;
}

.m-t-0 {
    margin-top: 0px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-60 {
    margin-top: 60px;
}

.m-t-80 {
    margin-top: 80px;
}

.m-t-100 {
    margin-top: 100px;
}

.m-t-120 {
    margin-top: 120px;
}

.m-t-140 {
    margin-top: 140px;
}

.m-b-0 {
    margin-bottom: 0px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-b-60 {
    margin-bottom: 60px;
}

.m-b-80 {
    margin-bottom: 80px;
}

.m-b-100 {
    margin-bottom: 100px !important;
}

.m-b-120 {
    margin-bottom: 120px;
}

.ml-minus-1 {
    margin-left: -1px !important;
}

.ml-minus-2 {
    margin-left: -2px !important;
}

.ml-minus-3 {
    margin-left: -3px !important;
}

.mr-minus-1 {
    margin-right: -1px !important;
}

.mr-minus-2 {
    margin-right: -2px !important;
}

.mr-minus-3 {
    margin-right: -3px !important;
}

.mb-minus-1 {
    margin-bottom: -1px !important;
}

.mb-minus-2 {
    margin-bottom: -2px !important;
}

.mb-minus-3 {
    margin-bottom: -3px !important;
}

/* -----------------------  pageheader -------------------------*/

.pageheader-bg {
    background-color: #3544ee;
    background-size: cover;
    position: relative;
    min-height: 340px;
    margin-bottom: 65px;
    position: relative;
}

.pageheader-bg::before {
    position: absolute;
    left: 0;
    top: -0;
    height: 100%;
    width: 100%;
    background-image: url(../images/page-header-pattern.png);
    background-repeat: repeat;
    background-position: center;
    content: '';
    opacity: .09;
}

.pageheader-img-bg {
    background: url(../images/pageheader-img-4.jpg)no-repeat;
    background-size: cover;
    position: relative;
    min-height: 500px;
    margin-bottom: 60px;
}

.pageheader-img-bg:before {
    content: '2';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #878896, #191a1c);
    opacity: 0.4;
}

.pageheader-img-bg .page-caption {
    top: 258px;
}

.pageheader-second-bg {
    background-color: #3544ee;
    min-height: 500px;
    padding: 120px 0px;
    position: relative;
}

.pageheader-second-bg:before {
    position: absolute;
    left: 0;
    top: -0;
    height: 100%;
    width: 100%;
    background-image: url(../images/page-header-pattern.png);
    background-repeat: repeat;
    background-position: center;
    content: '';
    opacity: .09;
}

.pageheader-second-img {
    position: relative;
}

.pageheader-second-caption {}

.pageheader .post-meta {
    border-top: 1px solid #ebecf7 !important;
    border: 0px;
}

.page-caption {
    position: relative;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 29px -11px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 29px -11px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 3px 21px -13px rgba(0, 0, 0, 0.75);
    top: 98px;
}

.pageheader-img {}

.pageheader-img img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.page-caption-text {
    padding: 55px;
    min-height: 242px;
}

.page-caption-title {
    font-size: 42px;
    line-height: 48px;
    margin-bottom: 20px;
}

.page-caption-para-text {
    font-size: 21px;
    line-height: 32px;
}

.pageheader-third-bg {
    background-color: #3544ee;
    padding: 120px 0px;
    position: relative;
}

.pageheader-third-bg:before {
    position: absolute;
    left: 0;
    top: -0;
    height: 100%;
    width: 100%;
    background-image: url(../images/page-header-pattern.png);
    background-repeat: repeat;
    background-position: center;
    content: '';
    opacity: .09;
}

.pageheader-third-img {
    position: relative;
}

.pageheader-third-caption {}

/* -----------------------  pagebreadcrumb -------------------------*/

.page-breadcrumb {
    position: relative;
}

.page-breadcrumb .breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 30px;
    margin-bottom: 5px;
    list-style: none;
    background-color: #fff;
    line-height: 3;
    border-top: 1px solid #e7e7ef;
    border-radius: 0px 0px 5px 5px;
}

.page-breadcrumb .breadcrumb .breadcrumb-item {
    font-size: 14px;
}

.page-breadcrumb .breadcrumb .breadcrumb-item.active {
    color: #808294;
}

.page-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #d2d3d8;
    content: '\f061';
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    font-size: 12px;
}

.page-breadcrumb .breadcrumb .breadcrumb-item .breadcrumb-link {
    color: #3544ee;
    z-index: 10;
    position: relative;
}

.pageheader-btn {
    text-align: right;
    padding-bottom: 20px;
}

.page-breadcrumb-bg {
    background-color: #eeeef6;
}

.page-breadcrumb-bg .page-breadcrumb .breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    line-height: 3;
}

/*----------------------- Sidebar Page Navigation scroll -------------------------*/

.sidebar-nav-fixed {
    position: sticky;
    top: 5rem;
}

.sidebar-nav-fixed ul {}

.sidebar-nav-fixed ul li {}

.sidebar-nav-fixed ul li a {
    font-size: 14px;
    color: #7171c2;
    display: block;
    padding: 5px 15px;
    background: transparent;
    border-radius: 4px;
    line-height: 1.8;
}

.sidebar-nav-fixed ul li a:hover {
    color: #4747ff;
}

.sidebar-nav-fixed ul li a.active {
    display: block;
    color: #9b9bdf;
    background: #39398e;
}

/*---------------------  General / Elements  ----------------------------*/

/*Note: Section space help to create top bottom space;*/

.space-xs-small {
    padding-top: 40px;
    padding-bottom: 40px;
}

.space-small {
    padding-top: 60px;
    padding-bottom: 60px;
}

.space-medium {
    padding-top: 100px;
    padding-bottom: 100px;
}

.space-large {
    padding-top: 120px;
    padding-bottom: 120px;
}

.space-ex-large {
    padding-top: 140px;
    padding-bottom: 140px;
}

.content {
    padding-top: 80px;
    padding-bottom: 80px;
}

/*------------------- 8. Footer ------------------------------*/

.footer-pattern-top {
    position: relative;
    z-index: 0;
}

.footer-pattern-slide {
    -webkit-clip-path: polygon(0 100%, 100% 83%, 100% 100%);
    clip-path: polygon(0 100%, 100% 80%, 100% 100%);
    /*background-color: #663398;*/
    position: absolute;
    bottom: -81px;
    width: 100%;
    height: 370px;
}

.footer {
    background-color: #040446;
    padding-bottom: 80px;
    color: #a7ade4;
    font-size: 15px;
    line-height: 28px;
    position: relative;
    margin-top: 80px;
    padding-top: 110px;
}

.footer-widget {
    margin-bottom: 40px;
}

.footer-widget-title {
    color: #fff;
    font-size: 18px;
    margin-bottom: 24px;
    border-bottom: 0px;
    padding: 0px;
    letter-spacing: 0px;
}

.footer-widget ul {}

.footer-widget ul li {
    margin-bottom: 0px;
}

.footer-widget ul li a {
    color: #a7ade4;
    line-height: 28px;
}

.footer-widget ul li a:hover {
    color: #22B573;
    text-decoration: none;
}

.social-media-block {
    background-color: #39363d;
    padding-top: 18px;
    padding-bottom: 18px;
}

.social-icons {
    margin-top: 2px;
}

.icon-square {
    text-align: center;
    background-color: #302d34;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    display: inline-block;
    color: #7f7c7c;
    padding: 11px 12px;
    line-height: 1.3;
    font-size: 14px;
}

.icon-square:hover {
    background-color: #ff4d4d;
    color: #fff;
}

.icon-square-outline {
    text-align: center;
    background-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    display: inline-block;
    color: #6f6d72;
    padding: 11px 12px;
    line-height: 1.3;
    font-size: 14px;
    border: 1px solid #6f6f72;
}

.icon-square-outline:hover {
    background-color: transparent;
    color: #ff4d4d;
    border-color: #ff4d4d;
}

.facebook-outline {
    border-color: #3b5898;
    color: #3b5898;
}

.twitter-outline {
    border-color: #1ea2f2;
    color: #1ea2f2;
}

.googleplus-outline {
    border-color: #f75439;
    color: #f75439;
}

.instagram-outline {
    border-color: #9361fa;
    color: #9361fa;
}

.linkedin-outline {
    border-color: #0077b7;
    color: #0077b7;
}

.pinterest-outline {
    border-color: #c8232c;
    color: #c8232c;
}

.tiny-footer {
    background-color: #04043a;
    color: #a7ade4;
    font-size: 13px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.5;
}

.tiny-footer ul {}

.tiny-footer ul li {
    float: left;
}

.tiny-footer ul li a {
    color: #a7ade4;
    font-size: 13px;
    margin-right: 10px;
}

.tiny-footer ul li a:hover {
    color: #22B573;
    text-decoration: none;
}

/*----------------- 7. Headers ---------------------------------*/

.header-classic {
    background-color: #2c2c7a;
}

/*----------------------- Sidebar Page Navigation scroll -------------------------*/

.sidebar-nav-fixed {
    position: sticky;
    top: 5rem;
}

.sidebar-nav-fixed ul {}

.sidebar-nav-fixed ul li {}

.sidebar-nav-fixed ul li a {
    font-size: 14px;
    color: #71728e;
    display: block;
    padding: 5px 15px;
    background: transparent;
    border-radius: 4px;
    line-height: 1.8;
}

.sidebar-nav-fixed ul li a:hover {
    color: #3544ee;
}

.sidebar-nav-fixed ul li a.active {
    display: block;
    color: #3544ee;
    background: #e0e0fd;
}

/*---------------------  General / Elements  ----------------------------*/

/*Note: Section space help to create top bottom space;*/

.space-xs-small {
    padding-top: 40px;
    padding-bottom: 40px;
}

.space-small {
    padding-top: 60px;
    padding-bottom: 60px;
}

.space-medium {
    padding-top: 100px;
    padding-bottom: 100px;
}

.space-large {
    padding-top: 120px;
    padding-bottom: 120px;
}

.space-ex-large {
    padding-top: 140px;
    padding-bottom: 140px;
}

.content {
    padding-top: 80px;
    padding-bottom: 80px;
}

/*------------------- 8. Footer ------------------------------*/

.footer-pattern-top {
    position: relative;
    z-index: 0;
}

.footer-pattern-slide {
    -webkit-clip-path: polygon(0 100%, 100% 83%, 100% 100%);
    clip-path: polygon(0 100%, 100% 80%, 100% 100%);
    background-color: #663398;
    position: absolute;
    bottom: -81px;
    width: 100%;
    height: 370px;
}

.footer {
    background-color: #663398 !important;
    padding-bottom: 80px;
    color: #663398 !important;
    font-size: 15px;
    line-height: 28px;
    position: relative;
    margin-top: 80px;
    padding-top: 110px;
}

.footer-widget {
    margin-bottom: 40px;
}

.footer-widget-title {
    color: #fff;
    font-size: 18px;
    margin-bottom: 24px;
    border-bottom: 0px;
    padding: 0px;
    letter-spacing: 0px;
}

.footer-widget ul {}

.footer-widget ul li {
    margin-bottom: 0px;
}

.footer-widget ul li a {
    color: #fff;
    line-height: 28px;
}

.footer-widget ul li a:hover {
    color: #22B573;
    text-decoration: none;
}

.social-media-block {
    background-color: #39363d;
    padding-top: 18px;
    padding-bottom: 18px;
}

.social-icons {
    margin-top: 2px;
}

.icon-square {
    text-align: center;
    background-color: #302d34;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    display: inline-block;
    color: #7f7c7c;
    padding: 11px 12px;
    line-height: 1.3;
    font-size: 14px;
}

.icon-square:hover {
    background-color: #ff4d4d;
    color: #fff;
}

.icon-square-outline {
    text-align: center;
    background-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    display: inline-block;
    color: #6f6d72;
    padding: 11px 12px;
    line-height: 1.3;
    font-size: 14px;
    border: 1px solid #6f6f72;
}

.icon-square-outline:hover {
    background-color: transparent;
    color: #ff4d4d;
    border-color: #ff4d4d;
}

.facebook-outline {
    border-color: #3b5898;
    color: #3b5898;
}

.twitter-outline {
    border-color: #1ea2f2;
    color: #1ea2f2;
}

.googleplus-outline {
    border-color: #f75439;
    color: #f75439;
}

.instagram-outline {
    border-color: #9361fa;
    color: #9361fa;
}

.linkedin-outline {
    border-color: #0077b7;
    color: #0077b7;
}

.pinterest-outline {
    border-color: #c8232c;
    color: #c8232c;
}

.tiny-footer {
    background-color: #513998;
    color: #fff;
    font-size: 13px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.5;
}

.tiny-footer ul {}

.tiny-footer ul li {
    float: left;
}

.tiny-footer ul li a {
    color: #fff;
    font-size: 13px;
    margin-right: 10px;
}

.tiny-footer ul li a:hover {
    color: #22B573;
    text-decoration: none;
}

/*----------------- 7. Headers ---------------------------------*/

.header-classic {
    background-color: #fff;
}

/* --------------------  Top Header  --------------------*/

.top-header {
    background-color: #fff;
    font-size: 14px;
    color: #626582;
    line-height: 30px;
    border-bottom: 1px solid #f0f1f9;
    border-top: 3px solid #3544ee;
    padding-bottom: 4px;
    padding-top: 4px;
}

.top-header ul {
    margin-bottom: 0px;
}

.top-header ul li {
    float: left;
    margin-left: 18px;
}

.top-header ul li a {
    color: #626582;
}

.top-header i {
    font-size: 10px;
}

.top-header-social {}

.top-header-social i {
    font-size: 14px;
}

.top-header-social ul {
    margin-left: 10px;
}

.top-header-social ul li {
    float: left;
    margin-left: 8px;
}

.top-header-social ul li a {
    color: #9d9ea7;
}

.top-header-social ul li a:hover {
    color: #22B573;
}

/*-------------------------------------------------------------------
8. Navigations
-------------------------------------------------------------------*/

/*--------------------  Navigation classic ---------------------*/

.navbar-classic {}

.navbar-classic.navbar-light .navbar-nav .nav-link {
    color: #181825;
    font-family: 'Circular Std Medium' !important;
    padding: 12px 16px;
}

.navbar-classic .navbar-nav .nav-item {}

.navbar-classic .navbar-nav .nav-item .nav-link {
    font-size: 15px;
    color: #181825;
    padding: 12px 10px;
    line-height: 20px;
    border-bottom: 1px solid #fff;
}

.navbar-classic .navbar-nav .nav-item .nav-link:hover {
    color: #3544ee;
}

.navbar-classic .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after {
    color: #3544ee;
}

.navbar-classic.navbar {
    padding: 18px 0px;
}

.navbar-classic .dropdown-toggle::after {
    margin-top: 1px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: -2px;
    content: "\f107";
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    color: #bdbebf;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    margin-right: 15px;
    font-size: 13px;
    float: right;
}

.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #f1f1f6;
    border-radius: 0px;
}

.navbar-brand {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 8px;
    margin-right: initial;
    line-height: inherit;
    white-space: nowrap;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 16rem;
    padding: 12px;
    margin: 18px 0px;
    font-size: 1rem;
    color: #808294;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 2px;
    -webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 10px 15px;
    clear: both;
    font-weight: 400;
    color: #181825;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 14px;
    font-family: 'Circular Std Book' !important;
    line-height: 15px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #4955ef;
    text-decoration: none;
    background-color: #eeeffd;
    border-radius: 4px;
}

.dropdown-item:focus .dropdown-toggle::after,
.dropdown-item:hover.dropdown-toggle::after {
    color: #4955ef;
}

@media(min-width:992px) {
    .dropdown .dropdown-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in
    }
    .dropdown:hover>.dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        visibility: visible;
    }
    .dropdown-submenu:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        visibility: visible;
    }
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 10px;
    top: 21px;
}

.dropdown-submenu .dropdown-menu {
    top: 0px;
    left: 100%;
    margin-left: 13px;
    margin-right: .1rem;
}

.caret-up {
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.mega-dropdown {
    position: unset;
}

.mega-dropdown-menu {
    width: 100%;
    position: absolute;
    top: 63px;
    margin: 15px 0px;
}

.mega-dropdown-menu ul {
    list-style: none;
}

.nav-dropitem-arrow {
    position: relative;
    font-size: 12px;
    opacity: 0;
    padding-right: 10px;
}

.nav-dropitem-arrow i {
    position: absolute;
    /* top: -1px; */
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #3544ee;
    text-decoration: none;
    background-color: #eeeffd;
    border-radius: 4px;
}

.dropdown-item:hover .nav-dropitem-arrow {
    color: #4955ef;
    opacity: 1;
    margin-right: 5px;
}

.navbar-classic .navbar-toggler,
.navbar-boxed .navbar-toggler {
    padding: 17px 15px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #eaeaf0;
    border-radius: .25rem;
    position: relative;
}

/* mobile menu css */

.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu {
    background: #fff;
    box-shadow: none;
    margin: 7px 0px;
}

.navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #f1f1f6;
}

.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu .dropdown-item {
    border-bottom: 1px solid #f1f1f6;
}

.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu {
    background: #fff;
    box-shadow: none;
    margin: 7px 0px;
}

.navbar-boxed .navbar-collapse.show .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #f1f1f6;
}

.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu .dropdown-item {
    border-bottom: 1px solid #f1f1f6;
}

.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu {
    background: #fff;
    box-shadow: none;
    margin: 7px 0px;
}

.navbar-transparent .navbar-collapse.show .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #495bfb;
}

.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu .dropdown-item {
    border-bottom: 1px solid #f1f1f6;
}

.icon-bar {
    width: 21px;
    height: 3px;
    background-color: #3544ee;
    display: block;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-top: 4px
}

.navbar-toggler:focus {
    outline: 0px;
}

.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 190%;
    background-color: #3544ee;
}

.navbar-toggler .middle-bar {
    opacity: 0;
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% -80%;
    background-color: #3544ee;
}

.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
    background-color: #3544ee;
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
    background-color: #3544ee;
}

/*-------------------------------------------------------------------
9. Slider
-------------------------------------------------------------------*/

/* ----------------------- Slider-One -------------------------*/

.slider {
    position: relative;
    margin-bottom: -40px;
}

.slider-img img {
    position: relative;
    z-index: -1;
    width: 100%;
}

.slider-img {
    background: -moz-linear-gradient(top, rgba(29, 29, 36, 0.5) 0%, rgba(29, 29, 36, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(29, 29, 36, 0.5) 0%, rgba(29, 29, 36, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(29, 29, 36, 0.5) 0%, rgba(29, 29, 36, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='10', endColorstr='M4 8h24M4 16h24M4 24h24', GradientType=0);
    position: relative;
}

.slider-captions {
    position: absolute;
    bottom: 190px;
    color: #fff;
}

.slider-title {
    font-size: 52px;
    letter-spacing: -1px;
    line-height: 58px;
    color: #ffffff;
    font-family: 'Circular Std Bold';
    margin-bottom: 20px;
}

.slider-text {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 40px;
}

.slider .owl-prev {
    position: absolute;
    top: 45%;
    left: 10px;
}

.slider .owl-next {
    position: absolute;
    top: 45%;
    right: 10px;
}

.slider .owl-theme .owl-nav [class*='owl-'] {
    color: #ffffff;
    font-size: 18px;
    margin: 5px;
    padding: 3px 10px;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 100%;
    text-align: center;
    height: 35px;
    width: 35px;
    border: 2px solid #ffffff;
}

.slider .owl-theme .owl-nav [class*='owl-']:hover {
    background: #22B573;
    color: #FFF;
    text-decoration: none;
    border-color: #22B573;
}

.slider .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 4px 2px;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 100%;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
}

.slider .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    bottom: 50px;
    position: relative;
}

.slider .owl-theme .owl-dots .owl-dot.active span,
.slider .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff !important;
    border-color: #fff;
}

/* ----------------------- Slider Second -------------------------*/

.slider-second {}

.slider-second .slider-captions {
    position: absolute;
    bottom: 250px;
    color: #fff;
    text-align: center;
}

.slider-second .slider-title {
    font-size: 42px;
    letter-spacing: -1px;
    line-height: 56px;
    color: #ffffff;
    font-family: 'Circular Std Bold';
    margin-bottom: 10px;
}

.slider-second .slider-text {
    font-size: 18px;
    line-height: 26px;
}

/* -----------------------  Video Slide -------------------------*/

.video-slide {
    position: relative;
    background: url(../images/video-slide-img-1.jpg)no-repeat;
    background-size: cover;
    min-height: 642px;
    padding: 150px 0px;
}

.video-slide-caption {
    padding-top: 35px;
}

.video-slide-caption-title {
    font-size: 46px;
    line-height: 54px;
    color: #fff;
}

.video-slide-caption-text {
    color: #fff;
    font-size: 18px;
}

.video-slide:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #3544ee, #3544ee);
    opacity: 0.9;
}

.video-container,
.video-container-2 {
    min-height: 356px;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

.video-container img,
.video-container-2 img {
    border: 2px solid #a6adff;
    border-radius: 4px;
}

.video-container a,
.video-container-2 a {
    position: absolute;
    top: 39%;
    left: 43%;
    background-color: #fff;
    height: 84px;
    width: 84px;
    border-radius: 100%;
}

.video-container a:after,
.video-container-2 a:after {
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    left: 38px;
    font-size: 16px;
    color: #181825;
    content: '\f04b';
    font-style: initial;
    top: 29px;
}

.video-container a:hover,
.video-container-2 a:hover {
    border-left-color: #f00;
}

.video-container img,
.video-container-2 img {
    display: block;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container img {
    max-height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.video-container-2 iframe,
.video-container-2 object,
.video-container-2 embed,
.video-container-2 img {
    max-height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* ----------------------- Slider Syncing -------------------------*/

.slider-for {
    overflow: hidden;
}

.slider-for .slider-captions {
    position: absolute;
    bottom: 230px;
    color: #fff;
}

.slick-list img {
    width: 100%;
    min-height: 100%;
}

.slider-nav {
    bottom: 130px;
    margin-bottom: -111px;
}

.slider-for .slick-slide:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #181825, #181825);
    opacity: 0.5;
}

.slider-for .slick-slide {
    margin: 0px;
}

.slick-list {}

.slider-nav .slick-track {
    height: 90px;
    -webkit-transform: none !important;
    transform: none !important;
    left: 0 !important;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 50;
    margin-top: -12px;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slider-nav .item {
    width: 220px !important;
}

.slider-nav .item.slick-slide.slick-current {
    border: 3px solid #fff;
    border-radius: 4px;
}

/*-------------------------------------------------------------------
 10. Blog Pages
-------------------------------------------------------------------*/

.single-post-pageheader {
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../images/post-pageheader-img-1.jpg) center center no-repeat;
    background-size: cover;
}

.single-post-pageheader:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #878896, #191a1c);
    opacity: 0.6;
}

.post-pagecaption {
    text-align: center;
    padding-bottom: 170px;
    padding-top: 170px;
}

.single-post-pageheader .post-meta {
    border-radius: 0px 0px 4px 4px;
    background-color: transparent;
    border-top: 1px solid #96969b;
    padding: 16px 0px 16px;
    margin-top: 0;
    line-height: 1;
    color: #fff;
    text-align: center;
}

.single-post-pageheader .post-meta .meta-posted-by:before,
.single-post-pageheader .post-meta .meta-comments:before {
    color: #fff;
}

.single-post-pageheader .meta {
    color: #fff;
}

.single-post-pageheader.meta-posted-by:before,
.post-pagecaption .meta-comments:before {
    color: #fff;
}

.post-pagecaption .post-title {
    padding: 0px 180px;
    line-height: 52px;
    margin-bottom: 0px;
}

.post-block-v2 {}

.post-block-v2.post-block {
    margin-bottom: 30px;
    border: 1px solid #ebedfc;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
}

.post-block-v2 .post-img {
    padding: 10px;
}

.post-block-v2 .post-content {
    padding: 20px;
    border: 0px;
}

.post-block-v2 .post-title {}

.post-block-v2 .post-footer {
    border-top: 1px solid #ebedfc;
    background: #fff;
    padding: 16px 20px;
    line-height: 1.8;
    border-radius: 0px 0px 4px 4px;
}

.post-block-v2 .post-author-img {}

.post-block-v2 .post-author-name {
    margin-left: 14px;
}

.post-block-v2 .post-author-name .post-author-name-text {
    color: #181825;
}

.post-carousel {
    margin-bottom: -29px;
}

.post-carousel .owl-theme .owl-nav {
    line-height: 1;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    display: none;
}

.post-carousel .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    bottom: 30px;
    position: relative;
}

.post-carousel .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}

.post-carousel .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 4px 2px;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 100%;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
}

.post-carousel .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #fff !important;
    border-color: #fff;
}

.post-block {
    margin-bottom: 30px;
    transition: .7s ease;
    border-radius: 4px;
}

.post-block:hover {
    -webkit-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    transition: .7s ease;
}

.post-img {
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.post-img img {
    width: 100%;
}

.post-fullwidth {
    position: relative;
    margin-bottom: 80px;
    margin-top: 50px;
}

.post-fullwidth .post-img {
    border-top-right-radius: 0px;
}

.post-fullwidth .post-content {
    border-left: transparent;
    padding: 53px;
    border-bottom-left-radius: 0px;
}

.post-small-thumb {}

.post-small-thumb .card-body {
    padding: 22px;
}

.post-small-thumb img {
    height: 182px;
    width: 206px !important;
    border-radius: 12px;
}

.post-content-innerspace {
    padding: 70px !important;
}

.post-content {
    padding: 34px;
    border: 1px solid #ebecf7;
    background-color: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.post-meta {
    /* border-radius: 0px 0px 4px 4px; */
    background-color: #fff;
    border-top: 1px solid #ebecf7;
    padding: 16px 0px 0px;
    /* margin-top: -1px; */
    line-height: 1;
}

.post-content .icon-circle-outline {
    height: 30px;
    width: 30px;
    padding: 7px;
}

.post-content-single {
    background-color: #fff;
    padding: 40px;
    border-radius: 4px;
    border: 1px solid #ebecf7;
}

.post-title {
    color: #181825;
}

.post-heading {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 20px;
}

.meta {
    font-size: 13px;
    font-family: 'lato-bold';
    color: #9496ac;
    display: inline-block;
    position: relative;
    line-height: 15px;
}

.meta-link {}

.meta-posted-by {}

.meta-posted-by:before,
.meta-comments:before {
    content: '';
    font-size: 6px;
    color: #979fbb;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    margin-right: 8px;
    vertical-align: middle;
}

.meta-category,
.meta-date,
.meta-comments,
.meta-tags,
.meta-posted-by {
    margin-right: 8px;
}

.meta-category {
    color: #fd851b;
    text-transform: uppercase;
}

.meta-category:hover {
    color: #fd851b;
}

.meta-category-badge {
    background-color: #ebedfe;
    color: #3544ee;
    padding: 8px 10px;
    border-radius: 6px;
    transition: .7s ease;
    font-size: 14px;
    display: inline-block;
    line-height: 1;
}

.meta-category-badge:hover {
    background-color: #3544ee;
    color: #fff;
    text-decoration: none !important;
    transition: .3s ease;
}

.meta-date {}

.meta-comments {}

.meta-tags {
    background-color: transparent;
    padding: 6px 10px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    margin-bottom: 4px;
    margin-right: 4px;
    color: #626582;
    border: 1px solid #ebecf7;
}

.meta-tags:hover {
    background-color: #22B573;
    color: #fff;
}

.align-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.align-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.firstcharacter {
    float: left;
    font-size: 75px;
    line-height: 54px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
}

blockquote {
    position: relative;
    padding: 18px 40px;
    color: #353851;
    font-size: 24px;
    line-height: 34px;
    display: block;
}

.post-blockquote-author {
    font-size: 16px;
    margin-top: 20px;
    color: #808294;
}

.blockquote-fancy::before {
    font-size: 20px;
    color: #3544ee;
    position: absolute;
    top: 17px;
    content: "\f10d";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    left: 0;
}

.blockquote-left-border {
    border-left: 3px solid #3544ee;
}

.blockquote-right-border {
    border-right: 3px solid #3544ee;
}

.blockquote-box {
    padding: 45px;
}

.blockquote-left {
    max-width: 400px;
}

.blockquote-right {
    max-width: 400px;
    float: right;
}

/*----- Next Prev Post -----*/

.next-prev-post {
    margin-bottom: 30px;
    margin-top: 30px;
}

.prev-post {
    padding: 30px;
    border: 1px solid #e6e5e7;
    background-color: #fff;
    border-radius: 4px;
}

.next-post {
    text-align: right;
    padding: 30px;
    border: 1px solid #e6e5e7;
    background-color: #fff;
    border-radius: 4px;
}

.prev-link-title,
.next-link-title {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 28px;
}

.prev-link {}

.next-link,
.prev-link {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 10px;
    display: inline-block;
    line-height: 12px;
}

.related-post-block {
    padding: 40px;
    border: 1px solid #ebecf7;
    background-color: #fff;
    border-radius: 0px 0px 4px 4px;
    margin-bottom: 30px;
}

.related-post {}

.realted-title {
    font-size: 18px;
    line-height: 26px;
}

.related-category {
    color: #3544ee;
}

.related-post-meta {
    font-size: 14px;
}

.related-post .title {
    font-size: 15px;
}

.related-img {
    margin-bottom: 20px;
    border-radius: 4px;
}

.related-img img {
    width: 100%;
}

.post-author-block {
    position: relative;
}

.author-box {
    background-color: #f9f9fd;
    border: 1px solid #ebecf7;
    margin-bottom: 30px;
    border-radius: 4px;
}

.author-img {
    position: relative;
    text-align: center;
    top: 55px;
}

.author-img img {
    border: 3px solid #fff;
}

.author-title {
    font-size: 20px;
}

.author-meta {
    color: #ff4d4d;
    margin-bottom: 20px;
    display: block;
    line-height: 1;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.author-content {
    text-align: center;
    padding: 80px 30px 30px 30px;
    background-color: #fff;
}

/*----- comments-----*/

.comments-block {
    margin-bottom: 30px;
}

.comments-area {}

.comments-title {
    margin-bottom: 40px;
}

.comment-list {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 0px;
}

ul.comment-list:last-child {
    margin-bottom: 0px;
    border-bottom: transparent;
    padding-bottom: 0px;
}

.comment {
    background-color: #fff;
    padding: 10px 0px;
}

.comment-block-header {
    border-bottom: 1px solid #ebedfc;
    background-color: #fff;
    padding: 15px 20px;
    margin-bottom: 0px;
}

.comment-body {
    padding: 30px;
    background-color: #fff;
}

.comment-author {
    margin-bottom: 20px;
}

.comment-info {}

.comment-header {
    margin-bottom: 6px;
}

.user-title {
    margin-bottom: 0px;
    font-size: 16px;
}

.comment-meta {
    font-size: 13px;
    /* margin-left: 15px; */
    color: #808294;
    display: inline-block;
    float: right;
}

.comment-meta-date {}

.comment-content {}

.reply-link {
    color: #353851;
    border-bottom: 2px solid #22B573;
    font-family: 'Circular Std Medium';
    padding-bottom: 3px;
    font-size: 14px
}

.reply-link:hover {
    color: #22B573;
    border-bottom: 2px solid #22B573;
    text-decoration: none;
}

.childern {
    /* padding-left: 120px; */
    padding: 0px 40px 0px 100px;
    /* background-color: #f9f9fd; */
    margin-bottom: 0px;
}

.childern .comment {}

.childern .comment-body {
    background-color: #f9f9fd;
    padding: 30px;
    border: 1px solid #f9f9fd;
    border-radius: 4px;
    margin-bottom: 30px;
}

.comments-reply {}

.leave-comments {
    background-color: #f3f5f5;
}

.leave-reply {}

.form-remark {
    color: red;
}

/*-------------- Sidebar ----------------------------*/

.sidebar {}

.widget {
    margin-bottom: 30px;
    border: 1px solid #ebecf7;
    background-color: #fff;
    padding: 40px;
    border-radius: 4px;
    position: relative;
}

.widget:before {
    border-top: 10px solid #3544ee;
    border-right: 10px solid transparent;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

.widget ul {
    margin-bottom: 0px;
    list-style: none;
    padding: 0px;
}

.widget ul li {
    margin-bottom: 8px;
    line-height: 20px;
}

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

.widget-categories ul li a,
.widget-archive ul li a {
    color: #626582;
}

.widget-categories ul li a:hover,
.widget-archive ul li a:hover {
    color: #3544ee;
    text-decoration: none;
}

.widget-title {
    font-size: 20px;
    color: #181825;
    line-height: 28px;
    letter-spacing: 0px;
    margin-bottom: 20px;
    font-family: 'lato-bold' !important;
}

.widget-search {}

.widget-category {
    font-size: 14px;
}

.widget-archives {
    font-size: 14px;
}

.widget-recent-post {}

.widget-recent-post ul {}

.widget-recent-post ul li {
    margin-bottom: 20px;
}

.recent-post-img {}

.recent-post-img img {
    height: 90px;
    width: 90px;
}

.recent-title {
    font-size: 17px;
    line-height: 24px;
}

.recent-post-content {}

.widget-tags {}

.widget-tags a {
    background-color: transparent;
    padding: 6px 10px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 4px;
    color: #808294;
    border: 1px solid #ebecf7;
    transition: .5s ease;
}

.widget-tags a:hover {
    background-color: #3544ee;
    color: #fff !important;
    border-color: #3544ee;
    text-decoration: none;
    transition: .5s ease;
}

.categories-filter {}

.categories-filter a {
    background-color: #ebebf2;
    padding: 10px 18px;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    margin-bottom: 4px;
    margin-right: 4px;
    font-weight: 400;
    color: #626582;
    border: 1px solid #ebebf2;
    transition: .7s ease;
}

.categories-filter a:hover,
.categories-filter a.active {
    background-color: #3544ee;
    color: #fff !important;
    border-color: #3544ee;
    text-decoration: none;
    transition: .7s ease;
}

/*---------- map --------*/

.map-1 {
    height: 500px;
}

/*-------------------------------------------------------------------
16. Media Query
-------------------------------------------------------------------*/

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */

@media only screen and (max-width:1400px) {
    .slider-captions {
        position: absolute;
        bottom: 70px;
    }
    .slider-second .slider-captions {
        position: absolute;
        bottom: 120px;
        color: #fff;
    }
    /* about-third */
    .split-img-right-content-text {
        position: absolute;
        left: 90px;
        right: 15%;
        top: 30px;
    }
    .split-img-left-content-text {
        position: absolute;
        left: 17%;
        right: 18%;
        top: 80px;
    }
    /*-------------------- index 7 ---------------------*/
    .hero-shape-one-caption-img img {
        max-width: 100%;
    }
    .analysisdata-right-img img {
        max-width: 100%;
    }
    .analysisdata-character-right-img {
        right: 0px;
    }
    .peromance-img {
        position: initial;
    }
    .peromance-img img {
        width: 100%;
    }
    .peromance-character-img {
        display: none;
    }
    /*-------------------- index 8 ---------------------*/
    .hero-shape-second {
        background-position: 86% 100%
    }
}

@media only screen and (max-width:1200px) {
    .pageheader-bg {
        padding-top: 60px;
    }
    .slider .owl-theme .owl-nav [class*='owl-'] {
        position: absolute;
        top: 120px;
        right: 35px;
    }
    .slider-captions {
        bottom: 80px;
    }
    .slider-title {
        font-size: 30px;
        letter-spacing: 0px;
        line-height: 42px;
    }
    .slider .owl-theme .owl-dots {
        bottom: 50px;
    }
    .counter-v2 .plus-sign {
        right: 40px;
    }
    .post-fullwidth .post-content {
        border-left: transparent;
        padding: 21px;
        border-bottom-left-radius: 0px;
        margin-left: -15px;
    }
    .card-deck {
        -ms-flex-flow: column;
        flex-flow: column;
        margin-right: -15px;
        margin-left: -15px;
    }
    .slider-second .slider-title {
        font-size: 42px;
        line-height: 52px;
    }
    .slider-second .slider-captions {
        bottom: 80px;
    }
    .slider .owl-theme .owl-nav [class*='owl-'] {
        position: absolute;
        top: 210px;
        right: 35px;
    }
    .slider-for .slider-captions {
        bottom: 140px;
        text-align: center;
    }
    .card-pattern-full:after {
        display: none;
    }
    .loan-features-tab ul li a {
        padding: 12px 13px;
    }
    .space-medium {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    /*--- about third ---*/
    .split-img-right-content {
        padding: 20px;
    }
    .split-img-left-content {
        padding: 20px;
        margin-left: 0px;
    }
    .why-work-image {
        display: none;
    }
    /*-------------------- index 6 ---------------------*/
    .sassdata-left-img img {
        max-width: 100%;
    }
    .sassdata-right-img img {
        max-width: 100%;
    }
    .hero-slideshape-img img {
        max-width: 100%;
    }
    .sassdata-left-content {
        padding: 30px 20px;
    }
    .sassdata-right-content {
        padding: 30px 20px;
    }
    /*-------------------- index 7 ---------------------*/
    .hero-shape-one-caption-img img {
        max-width: 100%;
    }
    .analysisdata-right-img img {
        max-width: 100%;
    }
    .analysisdata-character-right-img {
        right: 0px;
    }
    .peromance-img {
        position: initial;
    }
    .peromance-img img {
        width: 100%;
    }
    .peromance-character-img {
        display: none;
    }
    /*-------------------- index 8 ---------------------*/
    .hero-shape-second {
        background-position: 94% 100%;
    }
    .hero-shape-second-caption-img {
        padding-top: 110px;
        padding-left: 70px;
    }
    .hero-shape-second-caption-text {
        padding-top: 200px;
    }
    .cta-curveshape-img img {
        max-width: 100%;
    }
    .cta-curveshape-img {
        padding-top: 70px;
        padding-left: 0px;
    }
    .cta-curveshape-caption-text {
        padding-top: 140px;
    }
    .cta-curveshape {
        background-position: 100% 100%;
    }
    /*-------------------- index 9 ---------------------*/
    .hero-shape-third {
        background-position: 0px 100%;
    }
    .hero-shape-third-caption-title {
        font-size: 53px;
        line-height: 59px;
    }
    .quote-form {
        bottom: 200px;
        margin-bottom: -100px;
    }
    .client-block-v6.client-logos {
        -webkit-transform: scale(0.6) translateX(-84%);
        transform: scale(0.6) translateX(-84%);
        -webkit-transform-origin: top center;
        transform-origin: top center;
        position: relative;
        left: 50%;
        margin-bottom: -150px;
    }
    .image-section-v3-content {
        padding: 40px;
    }
    .header-transparent-second {
        position: relative;
        background-color: #ffffff;
    }
    .partner-block-content {
        padding: 0px;
    }
    /*-------------------- index 10 ---------------------*/
    .hero-shape-fourth-caption-img img {
        max-width: 100%;
    }
    .hero-shape-fourth-caption-img {
        padding-top: 200px;
    }
    .m-l-100 {
        margin-left: 0px;
    }
    .hero-shape-fourth-caption-title {
        font-size: 66px;
        line-height: 76px;
    }
    .hero-shape-fourth-caption-text {
        padding-top: 260px;
    }
    .client-block-v4 .client-block-img img {
        max-width: 100%;
    }
}

/* Medium Devices, Desktops */

@media only screen and (max-width:992px) {}

/* Small Devices, Tablets */

@media only screen and (max-width:768px) {
    .pageheader-bg {
        padding-top: 30px;
    }
    .slider .owl-theme .owl-nav [class*='owl-'] {
        position: absolute;
        top: 150px;
    }
    .slider-captions {
        bottom: 40px;
    }
    .slider-title {
        font-size: 30px;
        letter-spacing: 0px;
        line-height: 42px;
    }
    .slider .owl-theme .owl-dots {
        bottom: 50px;
    }
    .slider .btn {
        display: none;
    }
    .card-deck .card {
        flex: 50%;
    }
    .post-fullwidth .post-content {
        border: 1px solid #ebecf7;
    }
    .header-transparent {
        position: relative;
    }
    .hero-slide {
        min-height: initial;
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .counter-v2 .plus-sign {
        right: 97px;
    }
    .card-pattern-left:after {
        display: none;
    }
    .card-pattern-right:after {
        display: none;
    }
    .slider-second .slider-title {
        font-size: 30px;
        line-height: 42px;
    }
    .slider-second .slider-captions {
        bottom: 50px;
    }
    .card-deck {
        -ms-flex-flow: column;
        flex-flow: column;
        margin-right: -15px;
        margin-left: -15px;
    }
    .video-slide {
        padding: 20px 0px;
    }
    .cta-v2 .cta-img {
        position: absolute;
        bottom: 50px;
    }
    .video-slide-caption {
        margin-bottom: 50px;
    }
    .slider-nav {
        bottom: 106px;
        margin-bottom: -111px;
    }
    .slider-for .btn {
        display: none;
    }
    .slider-nav .item {
        width: 80px !important;
        height: 60px;
    }
    .slider-for .slider-captions {
        bottom: 110px;
        text-align: center;
    }
    .card-footer-item {
        padding: 18px 9px;
    }
    .pills-vertical .flex-column {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .navbar-transparent .navbar-collapse.show .navbar-nav .nav-item .nav-link:last-child {
        margin-bottom: 10px;
    }
    .navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link:last-child {
        margin-bottom: 10px;
    }
    /*--- Space classes ---*/
    .space-medium {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    /*--- about third ---*/
    .split-img-right-content {
        padding: 20px;
    }
    .split-img-left-content {
        padding: 20px;
        margin-left: 0px;
    }
    .why-work-image {
        display: none;
    }
    /*-------------------- index 6 ---------------------*/
    .hero-slideshape-caption {
        bottom: 70px;
    }
    .sassdata-left-img img {
        max-width: 100%;
    }
    .sassdata-right-img img {
        max-width: 100%;
    }
    .hero-slideshape-img img {
        max-width: 100%;
    }
    /*-------------------- index 7 ---------------------*/
    .hero-shape-one-caption-img img {
        max-width: 100%;
    }
    .analysisdata-right-img img {
        max-width: 100%;
    }
    .analysisdata-character-right-img {
        right: 0px;
    }
    .hero-shape-one-caption-text {
        padding-top: 70px;
    }
    .hero-shape-one-caption-img {
        padding-top: 70px;
    }
    .hero-shape-one-caption-title {
        font-size: 42px;
        line-height: 52px;
        font-weight: 900;
    }
    .peromance-img {
        position: initial;
    }
    /*-------------------- index 8 ---------------------*/
    .hero-shape-second-caption-img {
        padding-top: 50px;
        padding-left: 0px;
    }
    .hero-shape-second-caption-text {
        padding-top: 150px;
    }
    .cta-curveshape-img {
        display: none;
    }
    .cta-curveshape-caption-text {
        padding-top: 110px;
        padding-bottom: 110px;
    }
    .cta-curveshape {
        background-image: none;
    }
    .cta-curveshape-img {
        padding-top: 80px;
        padding-left: 0px;
    }
    /*-------------------- index 9 ---------------------*/
    .hero-shape-third-caption-img {
        padding-top: 0px;
    }
    .hero-shape-third-caption-text {
        padding-top: 50px;
    }
    .hero-shape-third-caption-title {
        font-size: 53px;
        line-height: 59px;
    }
    .quote-form {
        bottom: 200px;
        margin-bottom: -100px;
    }
    .client-block-v6.client-logos {
        -webkit-transform: scale(0.6) translateX(-84%);
        transform: scale(0.6) translateX(-84%);
        -webkit-transform-origin: top center;
        transform-origin: top center;
        position: relative;
        left: 50%;
        margin-bottom: -150px;
    }
    .image-section-v3-content {
        padding: 40px;
    }
    .header-transparent-second {
        position: relative;
        background-color: #ffffff;
    }
    .partner-block-content {
        padding: 0px;
    }
    /*-------------------- index 10 ---------------------*/
    .hero-shape-fourth-caption-img img {
        max-width: 100%;
    }
    .hero-shape-fourth-caption-img {
        padding-top: 0px;
    }
    .m-l-100 {
        margin-left: 0px;
    }
    .hero-shape-fourth-caption-title {
        font-size: 66px;
        line-height: 76px;
    }
    .hero-shape-fourth-caption-text {
        padding-top: 90px;
    }
    .client-block-v4 .client-block-img img {
        max-width: 100%;
    }
}

/* Extra Small Devices, Phones */

@media only screen and (max-width:480px) {
    .pageheader-bg {
        padding-top: 0px;
        min-height: initial;
    }
    .footer {
        padding-top: 180px;
        padding-bottom: 0px;
        color: #a7ade4;
        font-size: 14px;
        position: relative;
    }
    .childern {
        padding-left: 0px;
    }
    .pageheader-btn {
        display: grid;
    }
    .slider .owl-theme .owl-nav [class*='owl-'] {
        display: none;
    }
    .slider-captions {
        bottom: 20px;
    }
    .slider-title {
        font-size: 24px;
        letter-spacing: 0px;
        line-height: 26px;
    }
    .slider .owl-theme .owl-dots {
        bottom: 30px;
    }
    .slider .btn {
        display: none;
    }
    .card-img-overlay {
        position: absolute;
        top: 10%;
    }
    .post-small-thumb img {
        display: none;
    }
    .calculator-form {
        float: initial;
        width: 100% !important;
    }
    .outline-tab .nav-tabs .nav-link {
        padding: 10px 6px;
        font-size: 14px;
    }
    .post-fullwidth .post-img {
        border-top-right-radius: 0px;
        height: auto;
    }
    .post-fullwidth .post-content {
        border: 1px solid #ebecf7;
    }
    .header-transparent {
        position: relative;
        background-color: #2c3ae2;
    }
    .hero-slide {
        padding-top: 50px;
    }
    .header-boxed {
        position: relative !important;
        background-color: #fff;
    }
    .header-boxed .navbar-boxed {
        background-color: #ffffff;
        padding: 10px;
        border-radius: 0px;
        margin-top: 0px;
    }
    .counter-v2 .plus-sign {
        right: 107px;
    }
    .card-pattern-left:after {
        display: none;
    }
    .card-pattern-right:after {
        display: none;
    }
    .post-pagecaption .post-title {
        padding: 0px 0px;
        line-height: 52px;
        margin-bottom: 0px;
    }
    .post-pagecaption {
        text-align: center;
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .pageheader-second-caption {
        margin-bottom: 50px;
    }
    .hero-slide-title {
        font-size: 38px;
        letter-spacing: -2px;
        line-height: 50px;
    }
    .page-caption-title {
        font-size: 25px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    .page-caption-text {
        padding: 26px;
        min-height: 0px;
    }
    .slider-second .slider-title {
        font-size: 22px;
        line-height: 28px;
    }
    .slider-second .slider-captions {
        bottom: 30px;
    }
    .video-slide {
        padding: 20px 0px;
    }
    .cta-v2 .cta-img {
        display: none;
    }
    .video-slide-caption {
        margin-bottom: 40px;
    }
    .slider-nav {
        display: none;
    }
    .slider-for .slider-captions {
        bottom: 10px;
        text-align: center;
    }
    .slider-for .btn {
        display: none;
    }
    .card-pattern-full:after {
        display: none;
    }
    .card-pattern-right-top:before {
        display: none;
    }
    .team-block-fullwidth-content {
        padding: 5px 0px;
        position: relative;
    }
    .split-bg {
        background: linear-gradient(to right, #22B573 0%, #22B573 45%, #01d285 40%, #22B573 100%);
        height: 100%;
        width: 100%;
    }
    .card-footer-item-bordered:not(:last-child) {
        border-right: 0px;
    }
    .card-footer-item {
        padding: 18px 40px;
    }
    .tab-regular .nav.nav-tabs .nav-link {
        padding: 12px 13px;
    }
    .tab-vertical .tab-content {
        display: inline-block;
    }
    .tab-vertical .nav-tabs .nav-link {
        padding: 17px 116px;
    }
    .simple-card .nav.nav-tabs .nav-item .nav-link {
        padding: 17px 34px;
    }
    .pills-regular .nav.nav-pills .nav-item .nav-link {
        background-color: #ededf1;
        padding: 16px 33px;
    }
    .page-caption-para-text {
        font-size: 16px;
        line-height: 27px;
    }
    .post-content-innerspace {
        padding: 40px !important;
    }
    .cta-v1 .cta-content {
        margin-bottom: 20px;
    }
    .navbar-transparent .navbar-collapse.show .navbar-nav .nav-item .nav-link:last-child {
        margin-bottom: 10px;
    }
    .navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link:last-child {
        margin-bottom: 10px;
    }
    .slider-for .slider-title {
        font-size: 20px;
        letter-spacing: 0px;
        line-height: 26px;
    }
    /*--- Space classes ---*/
    .space-medium {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    /*--- about us second ---*/
    .slider-gallery .slick-arrow {
        display: none !important;
    }
    .slider-gallery-nav .slick-track {
        left: 24% !important;
    }
    /*--- about us third ---*/
    .split-img-right-content {
        padding: 20px;
    }
    .split-img-left-content {
        padding: 20px;
        margin-left: 0px;
    }
    .why-work-image {
        display: none;
    }
    /*--- help center ---*/
    .hc-featured-article-block {
        background-color: #fff;
        border-radius: 4px;
        padding: 30px 30px;
    }
    .video-container a,
    .video-container-2 a {
        position: absolute;
        top: 31%;
        left: 36%;
    }
    .hc-support-block {
        display: -ms-flexbox;
        display: inline-block;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 20px;
    }
    /*-------------------- index 6 ---------------------*/
    .hero-slideshape-caption {
        bottom: 70px;
    }
    .sassdata-left-img img {
        max-width: 100%;
    }
    .sassdata-right-img img {
        max-width: 100%;
    }
    .character-img {
        display: none;
    }
    .sassdata-character-right-img {
        display: none;
    }
    .sassdata-character-left-img {
        display: none;
    }
    .hero-slideshape-img img {
        max-width: 100%;
    }
    /*-------------------- index 7 ---------------------*/
    .hero-shape-one-caption-img img {
        max-width: 100%;
    }
    .analysisdata-right-img img {
        max-width: 100%;
    }
    .analysisdata-character-right-img {
        display: none;
    }
    .hero-shape-one-caption-text {
        padding-top: 70px;
    }
    .hero-shape-one-caption-img {
        padding-top: 70px;
    }
    .hero-shape-one-caption-title {
        font-size: 42px;
        line-height: 52px;
        font-weight: 900;
    }
    .peromance-img {
        display: none;
    }
    /*-------------------- index 8 ---------------------*/
    .hero-shape-second {
        background-image: none;
    }
    .hero-shape-second-caption-img {
        display: none;
    }
    .cta-curveshape-img img {
        max-width: 100%;
    }
    .hero-shape-second-caption-text {
        padding-top: 110px;
        padding-bottom: 130px;
    }
    .circle-1 {
        display: none;
    }
    .circle-2 {
        display: none;
    }
    .circle-3 {
        display: none;
    }
    .feature-app-img img {
        max-width: 100%;
    }
    /*-------------------- index 9 ---------------------*/
    .hero-shape-third-caption-img {
        padding-top: 100px;
        display: none;
    }
    .hero-shape-third-caption-text {
        padding-top: 50px;
    }
    .hero-shape-third-caption-title {
        font-size: 53px;
        line-height: 59px;
    }
    .quote-form {
        bottom: 390px;
        padding: 30px;
        margin-bottom: -320px;
    }
    .client-block-v6.client-logos {
        -webkit-transform: scale(0.6) translateX(-84%);
        transform: scale(0.6) translateX(-84%);
        -webkit-transform-origin: top center;
        transform-origin: top center;
        position: relative;
        left: 50%;
        margin-bottom: -150px;
    }
    .image-section-v3-content {
        padding: 40px;
    }
    .header-transparent-second {
        position: relative;
        background-color: #ffffff;
    }
    /*-------------------- index 10 ---------------------*/
    .hero-shape-fourth-caption-img {
        display: none;
    }
    .m-l-100 {
        margin-left: 0px;
    }
    .hero-shape-fourth-caption-title {
        font-size: 66px;
        line-height: 76px;
    }
    .hero-shape-fourth-caption-text {
        padding-top: 90px;
    }
    .hero-shape-fourth {
        height: 593px;
    }
}

}

/* Custom, iPhone Retina */

@media only screen and (max-width:320px) {
    .pageheader-bg {
        padding-top: 30px;
    }
    .footer {
        padding-top: 180px;
        padding-bottom: 0px;
        color: #a7ade4;
        font-size: 14px;
        position: relative;
    }
    .childern {
        padding-left: 0px;
    }
    .pageheader-btn {
        display: grid;
    }
    .slider .owl-theme .owl-nav [class*='owl-'] {
        display: none;
    }
    .slider-captions {
        bottom: 20px;
    }
    .slider-title {
        font-size: 24px;
        letter-spacing: 0px;
        line-height: 26px;
    }
    .slider .owl-theme .owl-dots {
        bottom: 30px;
    }
    .slider .btn {
        display: none;
    }
    .card-img-overlay {
        position: absolute;
        top: 10%;
    }
    .post-small-thumb img {
        display: none;
    }
    .calculator-form {
        float: initial;
        width: 100% !important;
    }
    .outline-tab .nav-tabs .nav-link {
        padding: 10px 6px;
        font-size: 14px;
    }
    .post-fullwidth .post-img {
        border-top-right-radius: 0px;
        height: auto;
    }
    .post-fullwidth .post-content {
        border: 1px solid #ebecf7;
    }
    .header-transparent {
        position: relative;
        background-color: #3240dd;
    }
    .hero-slide {
        padding-top: 50px;
    }
    .header-boxed {
        position: relative !important;
    }
    .header-boxed .navbar-boxed {
        background-color: #fff;
        padding: 10px;
        border-radius: 0px;
        margin-top: 0px;
    }
    .counter-v2 .plus-sign {
        right: 107px;
    }
    .card-pattern-left:after {
        display: none;
    }
    .card-pattern-right:after {
        display: none;
    }
    .post-pagecaption .post-title {
        padding: 0px 0px;
        line-height: 52px;
        margin-bottom: 0px;
    }
    .post-pagecaption {
        text-align: center;
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .pageheader-second-caption {
        margin-bottom: 50px;
    }
    .hero-slide-title {
        font-size: 38px;
        letter-spacing: -2px;
        line-height: 50px;
    }
    .page-caption-title {
        font-size: 25px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    .page-caption-text {
        padding: 26px;
        min-height: 242px;
    }
    .slider-second .slider-title {
        font-size: 22px;
        line-height: 28px;
    }
    .slider-second .slider-captions {
        bottom: 30px;
    }
    .video-slide {
        padding: 20px 0px;
    }
    .cta-v2 .cta-img {
        display: none;
    }
    .video-slide-caption {
        margin-bottom: 40px;
    }
    .slider-nav {
        display: none;
    }
    .slider-for .slider-captions {
        bottom: 10px;
        text-align: center;
    }
    .slider-for .btn {
        display: none;
    }
    .card-pattern-full:after {
        display: none;
    }
    .card-pattern-right-top:before {
        display: none;
    }
    .team-block-fullwidth-content {
        padding: 5px 0px;
        position: relative;
    }
    .split-bg {
        background: linear-gradient(to right, #22B573 0%, #22B573 45%, #01d285 40%, #22B573 100%);
        height: 100%;
        width: 100%;
    }
    .card-footer-item-bordered:not(:last-child) {
        border-right: 0px;
    }
    .card-footer-item {
        padding: 18px 40px;
    }
}


@font-face {
    font-family: "Quantify";
    src: url("/../../fonts_site/circular-std/Quantify.ttf") format("truetype");
    font-style: normal;
}


@font-face {
    font-family: "saki";
    src: url("/../../fonts_site/circular-std/saki.otf") format("truetype");
    font-style: normal;
}


@font-face {
    font-family: "lato-regular";
    src: url("/../../fonts_site/circular-std/Lato-Regular.ttf") format("truetype");
    font-style: normal;
}

@font-face {
    font-family: "lato-bold";
    src: url("/../../fonts_site/circular-std/Lato-Bold.ttf") format("truetype");
    font-style: normal;
}

/*modal*/
/*--thank you pop starts here--*/
.thank-you-pop{
    width:100%;
    padding:20px;
    text-align:center;
}
.thank-you-pop img{
    width:76px;
    height:auto;
    margin:0 auto;
    display:block;
    margin-bottom:25px;
}

.thank-you-pop h1{
    font-size: 42px;
    margin-bottom: 25px;
    color:#5C5C5C;
}
.thank-you-pop p{
    font-size: 20px;
    margin-bottom: 27px;
    color:#5C5C5C;
}
.thank-you-pop h3.cupon-pop{
    font-size: 25px;
    margin-bottom: 40px;
    color:#222;
    display:inline-block;
    text-align:center;
    padding:10px 20px;
    border:2px dashed #222;
    clear:both;
    font-weight:normal;
}
.thank-you-pop h3.cupon-pop span{
    color:#03A9F4;
}
.thank-you-pop a{
    display: inline-block;
    margin: 0 auto;
    padding: 9px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #8BC34A;
    border-radius: 17px;
}
.thank-you-pop a i{
    margin-right:5px;
    color:#fff;
}
#ignismyModal .modal-header{
    border:0px;
}
/*--thank you pop ends here--*/

/*modal*/