.clearfix:before,
.clearfix:after {
    content: " ";  display: table;
}
.clearfix:after {
    clear: both;
}
body {
    color: #666;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
}

a {
    color: #0F538A;
    transition: .5s
}

a:hover,
a:active,
a:focus {
    color: #0F538A;
    outline: none;
    text-decoration: none
}

p {
    padding: 0;
    margin: 0 0 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9
}

img {
    max-width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-weight: 500;
    margin: 0 0 20px;
    padding: 0;
}
h3 {
    line-height: 135%;
}

.scroll-top {
    position: fixed;
    display: none;
    background: #198ae3;
    color: #fff;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 1;
    font-size: 16px;
    border-radius: 50%;
    right: 15px;
    bottom: 15px;
    transition: background .5s;
    z-index: 11;
    background-color: #20bf55;
    background-image: linear-gradient( 315deg, #20bf55 0%, #01baef 74%);
}

.scroll-top:hover {
    background: #111
}

.scroll-top i {
    padding-top: 12px;
    color: #fff
}

.img-quickloans img {
    margin: 0 auto;
    display: block;
}


@media (max-width: 768px) {
    .scroll-top {
        bottom: 15px
    }
}

.button {
    font-size: 14px;
    background-color: #198ae3;
    color: #fff;
    padding: 14px 40px;
    border-radius: 36px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #20bf55;
    background-image: linear-gradient(315deg, #20bf55 0%, #01baef 74%);
}

.button:hover {
    background-color: #198ae3;
    color: #fff;
    background-image: linear-gradient(315deg, #01baef 0%, #20bf55 74%);
}

#header .top-bar {
    background: #161616;
    color: #fff;
    position: relative;
    z-index: 999
}

#header .top-bar p {
    float: left;
    font-size: 16px;
    font-weight: 300;
    position: relative;
    margin: 0
}

#header .top-bar ul {
    margin: 0;
    padding: 0;
}

#header .top-bar ul li {
    float: left;
    color: #fff;
    list-style: none;
    font-size: 14px;
    padding-right: 30px;
    padding-top: 15px;
}

#header .top-bar ul li i {
    font-size: 15px;
    color: #fff;
    margin-right: 6px
}

.ratings {
    color: #fff;
}

.ratings i {
    font-size: 20px;
    color: #ffa913;
    margin-right: 6px;
    margin-bottom: 6px;
}

#intro.inner .ratings {
    position: absolute;
    right: 0;
    top: 0px;
}

#intro {
    display: table;
    width: 100%;
    height: auto;
    text-align: center;
}

#intro .carousel-item,
.consult-section {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 130px 0 60px;
}

#intro .carousel-item {
    background-image: url(../images/banner-bg.webp);
}

#intro .carousel-item::before,
.consult-section:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient( 315deg, rgb(32 191 85 / 1%) 0%, rgb(1 186 239 / 5%) 74%);
}

#intro.inner .carousel-item {
    padding: 50px 0;
}

#intro .carousel-background img {
    width: 100%
}

#intro.in .carousel-item::before,
#intro.inner .carousel-item::before {}

#intro .carousel-container {
    display: flex;
    justify-content: center;
    align-items: center
}

#intro.inner .carousel-container,
#intro.in .carousel-container {
    top: 0
}

#intro .carousel-content {
    z-index: 9;
    position: relative;
    text-align: center
}

.container-fluid {
    padding: 0 70px
}

#intro .btn-get-started {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 2px;
    display: inline-block;
    padding: 16px 42px;
    border-radius: 6px;
    transition: .5s;
    margin: 10px;
    color: #fff;
    background: #198ae3
}

#intro .btn-get-started:hover {
    background: #fff;
    color: #198ae3
}

#intro.inner,
#intro.inner .carousel-content {
    text-align: left
}

#intro.inner h1 {
    font-size: 42px;
    text-transform: capitalize;
    color: #fff;
    margin: 0
}

#intro .button {
    margin-top: 30px;
}

#intro.in,
#intro.in .carousel-item {
    height: 250px
}

#intro.apply-now .carousel-item img {
    height: 100vh
}

#intro.apply-now .carousel-item::before {
    background-color: #198ae3;
    background: linear-gradient(90deg, rgba(122, 98, 226, 0.93) 0%, rgba(80, 92, 253, 0.93) 100%)
}

#intro.apply-now .carousel-container {
    top: 0
}

#intro.inner .bg {
    background: #fff;
    border-radius: 8px;
    padding: 40px
}

#intro.inner .mainSliderBx {
    float: left;
    width: 450px;
    padding-right: 50px;
    border-right: 1px solid #ccc
}

#intro.inner .banner-content-block {
    float: right;
    width: 400px;
    padding-top: 30px
}

#intro.inner .banner-content-block h1 {
    color: #198ae3;
    margin: 0
}

#intro.inner .banner-content-block span {
    color: #666;
    font-weight: 500;
    font-size: 20px
}

#intro.inner .banner-content-block .key_points {
    margin-top: 50px;
    margin-bottom: 50px
}

#intro.inner .banner-content-block .key_points .fa {
    color: #666;
    font-size: 28px;
    margin-top: 1px;
    margin-right: 10px
}

#intro.inner .banner-content-block .key_points span {
    font-weight: 300;
    font-size: 18px;
    color: #000
}

#intro.inner .apr {
    padding: 0
}

#intro.inner .apr p {
    color: #666
}

#intro .image {
    -webkit-animation: spin 6s linear infinite;
    -moz-animation: spin 6s linear infinite;
    animation: spin 6s linear infinite
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotateY(360deg)
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotateY(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

.banner-content-block h1 {
    font-size: 3em;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px;
}
.banner-content-block .sub-h {
    font-size: 20px;
    line-height: 30px;
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.banner-content-block span {
    font-size: 16px;
    font-weight: 300;
    color: #ddd;
    padding: 0 100px 30px;
    display: block;
    line-height: 1.8;
}

.mainSliderBx {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    padding: 40px
}

.mainSliderBx h2 {
    color: #000;
    font-size: 36px;
    padding-bottom: 30px;
    text-align: center;
    margin: 0
}

.slidertext {
    color: #222;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    display: block;
    padding-bottom: 20px
}

.mainSliderBx .txtLoan {
    position: relative
}

.mainSliderBx .txtLoan input {
    box-shadow: 0 0 0 2px hsla(0, 0%, 70%, .5);
    width: 100%;
    height: 50px;
    font-size: 32px;
    color: #ff6201;
    font-weight: 700;
    border: 0;
    padding-left: 35px
}

.mainSliderBx .txtLoan:after {
    position: absolute;
    left: 10px;
    content: "\A3";
    font-size: 32px;
    color: #ff6201;
    font-weight: 700;
    top: 2px
}

.mainSliderBx .amount,
.mainSliderBx .duration {
    margin-bottom: 40px
}

.slidecontainer {
    width: 100%;
    position: relative
}

.sliderSS,
.sliderSSYr {
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 12px;
    border-radius: 10px;
    box-shadow: 0 14px 0 0 #198ae3;
    opacity: 1;
    position: relative;
    z-index: 1
}

.rangeActive,
.rangeActiveYr {
    position: absolute;
    left: 0;
    top: 98px;
    box-shadow: 0 10px 0 0 #666;
    height: 12px;
    border-radius: 10px
}

.sliderSS::-webkit-slider-thumb,
.sliderSSYr::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border: 4px solid #cbcbcb;
    top: 15px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    width: 35px;
    height: 35px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
    outline: 0
}

.sliderSS::-moz-range-thumb,
.sliderSSYr::-moz-range-thumb {
    background: #fff;
    border: 4px solid #cbcbcb;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    position: relative;
    top: 15px;
    z-index: 1;
    outline: 0
}

.outPut {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    background: #198ae3;
    padding: 8px 0;
    border-radius: 5px;
    margin: 0 auto 10px;
    position: relative;
    width: 130px
}

.outPut::after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #198ae3;
    content: "";
    position: absolute;
    top: 38px;
    left: 58px
}

input[type=range]:focus {
    outline: none
}

input[type=range]::-moz-range-track {
    background: transparent
}

.slidecontainer input[type="range"] {
    outline: none;
    background: transparent
}

.minSR,
.maxSR {
    font-weight: 700;
    font-size: 13px;
    color: #000;
    padding-top: 14px
}

.mainSliderBx .btn {
    padding: 10px 60px;
    display: table;
    margin: 60px auto 0
}

.mainSliderBx .btn:hover {
    background: #333
}

.apr {
    clear: both;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    padding: 15px;
    border: 1px solid;
}

.apr p {
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
}

.apr a {
    color: #198ae3;
    font-weight: 600;
}

.mfdselect {
    background-color: #fff;
    border: 0 none;
    border-radius: 5px;
    height: 70px;
    outline-color: #fff;
    width: 100%
}

.styled-select select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/updown-arrow.png);
    background-position: right 6% bottom 48%;
    background-repeat: no-repeat;
    background-size: 18px;
    font-weight: 900;
    padding-left: 15px
}

.navbar-header {
    position: relative;
    z-index: 99
}

.navbar-full-width {
    background-color: #fff;
    width: 100%;
    height: auto;
    transition: all 1s;
    position: relative;
    z-index: 99
}

.navbar-fixed {
    transition: all 1s;
    background-color: rgba(0, 0, 0, 0.9) !important;
    padding: 0 !important;
    margin-bottom: 5px;
    position: fixed;
    top: 0;
    z-index: 888;
    width: 100%
}

.navbar-top {
    background-color: transparent;
    top: 0;
    border: 0;
    border-radius: 0
}

.top-nav-collapse {
    background-color: #fff !important;
    transition: all 1s
}

.navbar {
    min-height: 84px
}

.navbar-default {
    padding-left: 15px;
    padding-right: 15px
}

.navbar-default .navbar-brand {
    margin: 14px 0 0 66px;
    padding: 0;
    height: auto;
    position: relative;
    z-index: 9
}

.navbar-default .navbar-nav>li>a {
    padding: 14px 20px;
    font-size: 14px;
    letter-spacing: .5px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase
}

.navbar-nav {
    margin-right: 51px;
    margin-top: 23px;
}

.navbar .navbar-collapse {
    width: 100%;
    text-align: center;
    float: none
}

.navbar-nav {
    float: right;
    display: block
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-nav .active {
    background: #0B654F;
    text-decoration: none;
    color: #fff;
    border-radius: 20px;
    background-color: #0B654F;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
}

.navbar-default .navbar-nav>li>.active {
    color: #fff;
    background-color: #0B654F;
}

.navbar-default {
    background-color: transparent;
    border: none;
    width: 100%
}

.navbar {
    margin-bottom: 0;
    display: block;
}

.dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 25px;
    height: 25px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    display: none
}

li.dropdown>a::after {
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    right: 7px;
    font-size: 1em;
    line-height: 16px;
    top: 12px;
}

.navbar-nav>li>.sub-menu {
    background: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    width: 230px;
    z-index: 100;
    display: none;
    border: transparent;
    border-radius: 0 0 4px 4px;
    padding: 0;
    list-style: none;
    text-align: left;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.navbar-default .navbar-nav>li:hover .sub-menu {
    display: block
}

.navbar-nav>li>.sub-menu:before {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 25px;
    top: -15px;
    width: 0
}

.navbar-nav>li>.sub-menu li a {
    border-bottom: 1px solid #ccc;
    color: #3d5265;
    display: block;
    padding: 8px 20px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-weight: 500;
    font-size: 14px
}

.navbar-nav>li>.sub-menu li a:hover {
    color: #fff;
    background: #198ae3;
}

.sub-menu>li>a:focus,
.sub-menu>li>a:hover {
    background-color: transparent;
    text-decoration: none;
    color: #fff
}

.sub-menu>.active>a,
.sub-menu>.active>a:focus,
.sub-menu>.active>a:hover {
    background-color: transparent;
    color: #fff
}

.nav.pull-right {
    margin-top: 18px
}

.navbar-default .navbar-toggle {
    border-color: #fff;
    background-color: #20bf55;
    background-image: linear-gradient( 315deg, #20bf55 0%, #01baef 74%);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 10px;
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #2fa22f;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #198ae3;
    border-color: #fff;
    color: #fff
}

.navbar-default .navbar-nav .open .sub-menu>li>a {
    color: #fff;
    background-color: #2fa22f
}

.navbar-default .navbar-nav .open .sub-menu>li>a:hover {
    color: #2fa22f
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 0 solid transparent;
    -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 0 0 rgba(255, 255, 255, .1)
}

.actt a {
    color: #fff !important;
    background: #023d79 !important
}

.quote {
    float: right !important;
    padding: 0 !important;
}

.quote a {
    font-size: 16px;
    font-weight: 500;
    background: #198ae3;
    color: #fff;
    width: 160px;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
    text-transform: uppercase;
}

.quote a:hover {
    background: #1477c4;
    -webkit-transition: all .5s ease !important;
    -moz-transition: all .5s ease !important;
    -o-transition: all .5s ease !important;
    transition: all .5s ease !important;
    color: #fff;
}

.top-nav-collapse {
    background-color: #fff !important;
    box-shadow: 0 0 17px 6px rgba(0, 0, 0, .1);
    padding-top: 0
}

@media (min-width: 992px) {
    .navbar-nav>li {
        text-align: center
    }
}

@media (max-width: 991px) {
    .navbar .nav,
    .navbar .dropup,
    .navbar .menu-item-has-children,
    .navbar .collapse {
        position: relative
    }
    .navbar .navbar-collapse {
        width: 100%;
        float: none !important;
        margin: 0;
        border: 0 !important;
        max-height: none;
        text-align: center;
        overflow: hidden;
        box-shadow: none;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(max-width:767px) {
    .navbar-default .navbar-brand {
        width: 240px;
        margin-left: 0
    }
}

@media only screen and (max-width: 767px) {
    li.dropdown>a::after {
        display: none
    }
    .navbar-default {
        padding: 0
    }
    .navbar-default .navbar-nav>li:hover .sub-menu {
        display: none
    }
    li.menu-item-has-children>a::before {
        display: none
    }
    .navbar-nav>li>.sub-menu li a {
        border-bottom: 1px solid transparent
    }
    .navbar-nav>li>.sub-menu {
        background-color: transparent;
        width: 100%;
        position: relative;
        float: none;
        padding-left: 10px;
        box-shadow: none
    }
    .navbar-nav>li>.sub-menu li a {
        color: #fff;
        padding: 3px 10px;
        font-size: 14px
    }
    .dropdown-btn {
        display: block
    }
    .navbar-default .navbar-collapse {
        background: #111;
        padding: 0;
    }
    .navbar-default .navbar-nav>li>a {
        padding: 10px;
        text-align: left;
        font-size: 14px;
        font-weight: 400;
        color: #fff
    }
    .navbar-default .navbar-nav>li {
        border-top: 1px solid #222
    }
    .navbar-default .navbar-brand {
        padding: 0px 10px 0;
    }
    .navbar-toggle {
        margin-top: 23px;
        margin-bottom: 15px
    }
    .quote {
        float: none;
        margin: 0 0 10px;
        text-align: left;
        border-top: 1px solid #333;
        padding: 10px 0
    }
    .quote a {
        font-size: 1.2em;
        padding: 8px 15px;
        line-height: 1
    }
    .navbar-nav {
        float: none;
        margin: 0
    }
}

.para {
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 0
}

.section-bg {
    background: #f7f7f7
}

.sidebar {}

.sidebar-block {
    color: #fff;
    margin-bottom: 50px;
}

.sidebar-block .block {
    background: #e7e7e7;
    overflow: hidden;
    border: 1px solid #dbdfe1;
}
.sidebar .sidebar-block:nth-of-type(2) > .block {
    background: #0B654F !important;
}

.sidebar-block h3 {
    padding: 20px 0 0 0 !important;
    margin-bottom: 30px;
    color: #000 !important;
}

.sidebar-block .block ul {
    padding: 0;
    margin: 0;
}

.sidebar-block .block li {
    color: #000;
    list-style: none;
    font-size: 14px;
    font-weight: 600;
}

.sidebar-block .block a {
    position: relative;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px;
    display: block;
}

.sidebar-block .block a:after {
    content: "\f054";
    position: absolute;
    right: 20px;
    top: 14px;
    font-family: fontawesome;
    color: #0B654F;
}

.sidebar-block .block a:hover:after,
.sidebar-block .block .active:after {
    color: #fff;
}

.sidebar-block .block a:hover,
.sidebar-block .block .active {
    background: #0B654F;
    color: #fff;
}

.sidebar-block p {
    font-size: 13px;
    margin: 0;
}

.sidebar-block.chs {}

.sidebar-block.chs .block {
    padding: 18px;
}

.sidebar-block.chs li {
    margin-bottom: 20px;
}

.sidebar-block.chs i {
    color: #0B654F;
    margin-right: 5px;
}

#about {}

#about h2 {
    margin-bottom: 30px;
}

#about .about_img {}

#about .about_img img {
    border: 10px solid #ffffff;
    box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 35px;
}

#about p {}

/*#about a, ._an a{
	margin-top: 20px;
	background: #fff;
	color: #000;
	border: 1px solid #198ae3;
}*/

.about {
    clear: both
}

.about p {
    margin-bottom: 10px;
}

.about .list-item li {
    float: left;
    margin-right: 50px;
}

._an a {
    margin-top: 10px;
}

#about a:hover,
._an a:hover {
    background-color: #198ae3;
    color: #fff;
    background-image: linear-gradient(315deg, #01baef 0%, #20bf55 74%);
}

#about span,
#skills span,
#faq span {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    display: block;
    padding-bottom: 80px
}

#about .about-col {
    margin-top: 70px
}

#about .about-col .fa {
    font-size: 60px;
    transition: .3s;
    width: 100%;
    margin-bottom: 30px;
    color: #83c8fa
}

#about .about-col h3 {
    font-size: 27px;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 600
}

#about .about-col p {
    margin-bottom: 50px;
    text-align: left;
    font-size: 18px;
    font-weight: 300
}

#about .item .icon {
    font-size: 60px;
    text-align: center
}

#about .item span {
    font-size: 54px;
    margin-top: 15px;
    font-weight: 600;
    display: block;
    text-align: center;
    padding-bottom: 0
}

#about .item p {
    text-align: center;
    font-size: 18px
}

._an {
    clear: both;
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 40px;
}

#services {
    padding: 30px 0
}



#services h2,
#about h2,
#skills h2,
#call-to-action h3,
#testimonials h3,
#faq h3 {
    font-size: 32px;
}

#services h2::after {
    /*
	background: #0B654F;
	width: 50px;
	height: 5px;
	left: 0;
	top: 0;
	border-radius: 3px;
    position: absolute;
content: "";
*/
}

#services .bigfont {
    text-align: center;
    font-size: 20px;
    line-height: 2;
    margin-bottom: 40px
}

#services.inner h2,
#services.inner h3,
#services.inner h4 {
    color: #333333;
}

#services.inner .bigfont {
    text-align: left;
    margin-bottom: 20px;
}

#services.inner li {}

#services.inner h2,
#services.inner h3,
#services.inner h4 {
    padding-top: 20px;
}

.list-item {
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 0px;
}

.list-item ul {
    padding: 0;
    float: left
}

.list-item li {
    list-style: none;
    margin-bottom: 14px;
    text-indent: -8px;
    font-size: 17px;
    line-height: 30px;
    margin-left: 18px;
}

.list-item i {
    color: #0F558F;
    font-size: 16px;
}

.list-item .img-block {
    float: right
}

.aply-btm {
    border-top: 3px solid #0B654F;
}

.aply-btm .container {
    background: #198ae3;
    padding: 30px;
    border-radius: 80px;
    margin-top: -60px;
}

.aply-btm h3 {
    color: #fff;
    font-weight: 500;
    font-size: 28px;
    margin: 0;
    float: left;
    padding-top: 12px;
}

.aply-btm p {
    float: left;
    clear: both
}

.aply-btm a,
.consult-section a {
    float: right;
    background: #fff;
    color: #000;
}

.aply-btm a:hover,
.consult-section a:hover {
    background: #000 !important
}

.consult-section {
    position: relative;
    margin-top: 80px;
    padding: 60px 0;
}

.consult-section:before {
    background-color: rgba(25, 138, 227, 0.9);
}

.consult-section h2 {
    color: #fff;
    line-height: 40px;
    float: left;
    text-align: right;
    width: 200px;
    margin-bottom: 0;
    margin-right: 70px;
}

.consult-section h2:after {
    background: #fff;
    content: "";
    left: 250px;
    position: absolute;
    height: 90px;
    width: 4px;
    top: 0px;
}

.consult-section p {
    float: left;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    padding-top: 16px;
    margin: 0;
}

.consult-section a {
    margin-top: 20px;
}

#services.contact address {
    /*padding-bottom: 20px;*/
    text-align: center;
}

#services.contact address i {
    color: #0B654F;
    font-size: 18px;
    margin-right: 5px;
}

#services.contact address p {}

#services.contact address strong {
    display: block;
}

#primary .site-main article .post-thumbnail img {
    vertical-align: top;
    border-radius: 5px
}

#primary .site-main article .post-thumbnail {
    display: block;
    margin: 0 0 45px
}

#primary .site-main article .entry-footer .btn-readmore {
    float: left;
    font-size: .8em;
    font-weight: 900;
    text-transform: uppercase;
    border: 1px solid #198ae3;
    border-radius: 5px;
    padding: 15px 36px;
    -webkit-transition: ease .2s;
    -moz-transition: ease .2s;
    transition: ease .2s
}

.btn-readmore {
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    border: 1px solid #198ae3;
    display: inline-block;
    border-radius: 5px;
    padding: 16px 37px;
    margin-top: 20px;
    -webkit-transition: ease .2s;
    -moz-transition: ease .2s;
    transition: ease .2s
}

#primary .post {
    margin-bottom: 70px
}

#primary .site-main article .entry-footer {
    margin-top: 15px
}

#primary .site-main article .btn-readmore:hover,
#primary .site-main article .btn-readmore:focus {
    text-decoration: none;
    color: #fff;
    background: #198ae3
}

#section-blog h2.widget-title {
    font-weight: 700;
    font-size: 1.1em;
    color: #000;
    padding-bottom: 10px
}

#section-blog .post {
    margin: 80px 0
}

h2.comments-title {
    margin: 0;
    padding: 0
}

#call-to-action {
    padding-bottom: 80px
}

#call-to-action h3 {
    margin-bottom: 80px;
    text-align: center;
}

#call-to-action .icon {
    font-size: 40px;
    color: #198ae3;
    float: left;
    margin-right: 20px
}

#call-to-action.inner span {
    border-width: 2px;
    font-weight: 300;
    color: #198ae3;
    margin-bottom: 20px
}

#call-to-action.inner p {
    line-height: 2;
    font-weight: 500;
    font-size: 16px
}

#call-to-action.inner i {
    color: #ff6201;
    font-size: 17px;
    margin-right: 4px
}

.key_points {
    clear: both;
}

.key_points .item {
    margin-bottom: 50px;
}

.key_points .fa {
    color: #fff;
    float: left;
    margin-right: 20px;
    font-size: 36px;
    margin-top: 10px;
    background: #0B654F;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
}

.key_points span {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
    top: 10px;
    position: relative;
}

.key_points p {
    font-size: 15px;
    width: 90%;
}

#skills {
    padding: 50px 0;
    text-align: center
}

#skills h2,
#skills p {
    text-align: left;
}

#skills p {
    padding-right: 40px;
}

#skills h2 {
    margin-bottom: 30px;
}

#skills .service_icon {
    margin-top: 20px;
    margin-bottom: 80px;
}

#skills .service_icon a {
    text-align: left;
    float: left;
    color: #000;
    font-size: 18px;
}

#skills .service_icon img {
    display: block;
    margin-bottom: 10px;
}

#faq {
    padding: 80px 0;
    /*! background:#eee; */
}

#faq h3 {
    text-align: center
}

#faq span {
    color: #666;
    padding-bottom: 60px;
    font-size: 18px;
}

#faq .col-lg-8 {
    background: #fff;
    padding: 0
}

#faq .panel-default>.panel-heading {
    background-color: #fff;
    padding: 0;
    margin-bottom: 20px;
}

#faq .panel-default {
    border: 0;
}

#faq .panel-title .collapsed {
    color: #000;
}

#faq .panel-title a {
    display: block;
    padding: 10px;
    font-size: 24px;
    color: #198ae3;
}

#faq .panel-title i {
    float: right;
    margin-top: -3px;
    font-size: 38px;
    color: #198ae3;
}

#faq .panel-title a:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg)
}

#faq .panel-group {
    margin-bottom: 0;
    /*! border-bottom:1px solid #ccc */
}

#faq .panel-group .panel-heading+.panel-collapse>.list-group,
#faq .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0;
    line-height: 1.8;
    padding-top: 0
}

#testimonials {
    padding: 0px 0 30px 0;
}

#testimonials h3 {
    text-align: center;
}

section#faqs-home {
    margin-top: 45px;
}

#faqs-home h3 {
    text-align: center;
    font-size: 32px;
    margin-bottom: 30px;
}

#faqs-home h4.faq-head {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
}

#testimonials blockquote {
    margin-bottom: 60px;
    border-color: #022457
}

#testimonials p {
    text-align: center;
    min-height: 340px;
    padding-top: 30px;
    margin: 0;
}

#testimonials span {
    clear: both;
    display: block;
    font-size: 18px;
    padding-bottom: 80px;
    text-align: center;
}

#testimonials font {
    color: #0b654f;
    clear: both;
    display: block;
    font-size: 14px;
    text-align: center;
    padding-bottom: 20px;
}

#testimonials .icon {
    font-size: 24px;
    color: #0b654f;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    border: 2px solid #0b654f;
    border-radius: 50%;
    text-align: center;
    line-height: 70px;
}

#testimonials .item {}

#testimonials .ratings {
    text-align: center;
}

.representative-section {
    padding: 40px 0;
    background: #198ae3
}

.representative-section h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    padding-top: 12px;
    border-right: 4px solid #fff;
    margin-bottom: 0
}

.representative-section p {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    color: #fff
}

#team {
    background: #fff;
    padding: 60px 0
}

#team .member {
    text-align: center;
    margin-bottom: 20px;
    background: #000;
    position: relative
}

#team .member .member-info {
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    transition: .2s
}

#team .member .member-info-content {
    margin-top: -50px;
    transition: margin .2s
}

#team .member:hover .member-info {
    background: rgba(0, 0, 0, 0.7);
    opacity: 1;
    transition: .4s
}

#team .member:hover .member-info-content {
    margin-top: 0;
    transition: margin .4s
}

#team .member h4 {
    font-weight: 700;
    margin-bottom: 2px;
    font-size: 18px;
    color: #fff
}

#team .member span {
    font-style: italic;
    display: block;
    font-size: 13px;
    color: #fff
}

#team .member .social {
    margin-top: 15px
}

#team .member .social a {
    transition: none;
    color: #fff
}

#team .member .social a:hover {
    color: #198ae3
}

#team .member .social i {
    font-size: 18px;
    margin: 0 2px
}

footer {
    background: #161616;
    padding: 15px 0 20px;
    color: #ccc;
    padding-top: 50px;
}

footer h4 {
    color: #fff;
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 20px;
}

footer .footer-logo {
    display: block;
    margin-bottom: 50px;
    text-align: left
}

footer .footer-logo img {
    display: inline-block
}

footer .contact {
    text-align: center;
    margin-bottom: 50px
}

footer .contact a {
    color: #fff;
    font-weight: 300;
    font-size: 24px
}

footer p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 10px;
}

footer .footer-links {
    float: left;
    padding: 0;
    margin-bottom: 0;
    margin-right: 60px;
}

footer .footer-links ul {
    padding: 0;
    margin: 0
}

footer .footer-links li {
    list-style: none
}

footer .footer-links a {
    color: #ccc;
    font-size: 18px;
    line-height: 28px;
    margin: 6px 0;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 300;
}

footer a:hover,
.copyright a:hover {
    color: #01baef;
}

footer .social-icons ul {
    padding: 0
}

footer .social-icons span {
    font-size: 24px;
    font-weight: 300;
    display: block;
    padding-bottom: 10px
}

footer .social-icons li {
    display: inline-block;
    margin-right: 10px;
}

footer .social-icons a {
    color: #fff;
    display: block;
    /*! width:22px; */
    height: 32px;
    text-align: center;
    line-height: 34px;
    /*! background:#333; */
    border-radius: 50%
}

footer .social-icons a:hover {
    color: #01baef;
}

footer .social-icons i {
    font-weight: 400
}

footer .contact-address p {
    font-size: 18px;
    margin-bottom: 14px;
}

footer .contact-address i {
    font-size: 16px;
    margin-right: 10px;
    top: 5px;
    position: relative;
    float: left;
    color: #01baef;
}

footer .copyright {
    font-size: 13px;
    clear: both;
    /*! text-align:center; */
    border-top: 1px solid #222;
    padding-top: 20px;
    margin-top: 10px;
    display: inline-block;
    width: 100%
}

footer .copyright p {
    margin: 0
}

footer .copyright a,
footer p a {
    color: #01baef;
}

.footer-top {
    margin: 0 0 15px 0;
}

.footer-top p {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

.ft-logo img {
    width: 200px;
    margin-bottom: 15px;
    margin-top: -10px;
}

#contact-form .form-row {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}

#contact-form .form-row label {
    display: block;
    color: #333;
    text-align: left;
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 16px;
}

#contact-form .form-row input {
    padding: 10px 10px;
    font-size: 16px;
    background: #ededed;
    width: 100%;
}

#contact-form .form-row textarea {
    display: block;
    width: 100%;
    height: 120px;
    background: #ededed;
    border: 1px solid #ccc;
    padding: 5px 10px;
}

#contact-form .form-row input[type="submit"] {
    background: #0B654F;
    color: #fff;
    width: 120px;
}

p.success {
    color: green;
    font-weight: bold;
}

p.fail {
    color: red;
    font-weight: bold;
}

.compare-box {
    border: solid 1px #dadada;
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
}

.compare-box .col-md-2 {
    padding: 0 5px;
}

.row.compare-head {
    margin: 0;
}

.compare-head div:nth-child(2) {
    padding: 10px 14px;
}

.compare-head p {
    color: #198ae3;
    margin: 0;
}

.row.compare-blocks {
    margin: 0;
}

.comp-logo {
    text-align: center;
}

.comp-loan-type div {
    background: #FEF6EB;
    display: block;
    border-bottom: 5px solid #FEEAD2;
    overflow: hidden;
}

.comp-loan-type div p:first-child {
    margin: 10px 0 0;
    padding: 0;
    font-size: 12px;
    text-align: center;
    color: #FAA73F;
}

.comp-loan-type div p:nth-child(2) {
    margin: 0 0px 9px;
    text-align: center;
    color: #333;
    font-size: 16px;
}

.comp-loan-amount div {
    background: #FDF1EB;
    display: block;
    border-bottom: 5px solid #FCDFD1;
    overflow: hidden;
}

.comp-loan-amount div p:first-child {
    margin: 10px 0 0;
    padding: 0;
    font-size: 12px;
    text-align: center;
    color: #F4793B;
}

.comp-loan-amount div p:nth-child(2) {
    margin: 0 0px 9px;
    text-align: center;
    color: #333;
    font-size: 16px;
}

.comp-loan-apr div {
    background: #FBEDF1;
    display: block;
    border-bottom: 5px solid #F7D5DF;
    overflow: hidden;
}

.comp-loan-apr div p:first-child {
    margin: 10px 0 0;
    padding: 0;
    font-size: 12px;
    text-align: center;
    color: #DB4D75;
}

.comp-loan-apr div p:nth-child(2) {
    margin: 0 0px 9px;
    text-align: center;
    color: #333;
    font-size: 16px;
}

.comp-loan-term div {
    background: #F6ECF0;
    display: block;
    border-bottom: 5px solid #EAD3DD;
    overflow: hidden;
}

.comp-loan-term div p:first-child {
    margin: 10px 0 0;
    padding: 0;
    font-size: 12px;
    text-align: center;
    color: #A64470;
}

.comp-loan-term div p:nth-child(2) {
    margin: 0 0px 9px;
    text-align: center;
    color: #333;
    font-size: 16px;
}

.comp-loan-button {
    display: block;
    overflow: hidden;
    padding: 10px 5px !important;
    text-align: center;
}

.comp-loan-button a {
    background: #198ae3;
    color: #fff;
    border-radius: 30px;
    padding: 15px 15px;
    display: block;
    width: 184px;
    font-size: 18px;
}

.comp-disclaimer {
    padding: 0;
    margin: 20px 0 0 0;
    background: #F2F3F4;
    color: #924A8B;
}

.comp-disclaimer p {
    padding: 10px 20px;
    margin: 0;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
}

.form-group {
    margin-bottom: 15px;
    background: #f0f3fa;
    padding: 30px;
    border-radius: 6px;
    box-shadow: 0 10px 30px 0 rgba(115, 115, 115, .1);
    border: 1px solid #ddd
}

.form-node h2 {
    color: #000;
    font-size: 20px;
    margin: 0;
    text-align: left;
    padding-bottom: 20px;
    font-weight: 600
}

.form-node h3 {
    text-align: left;
    font-size: 16px !important;
    color: #111 !important;
    font-family: Poppins;
    font-weight: 300;
    padding-bottom: 30px
}

.form-node p {
    text-align: center !important;
    padding-bottom: 20px
}

.form-f {
    margin-bottom: 25px;
    overflow: hidden;
    text-align: left
}

.form-f:nth-of-type(2n) {
    margin-right: 0
}

.form-f font {
    color: #ab0606
}

.form-f label {
    float: left;
    width: 250px;
    line-height: 40px
}

.input-group {
    float: right
}

.form-f .input-group-addon {
    background-color: transparent;
    border: transparent;
    border-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

#basic-addon1 {
    float: left;
    color: #b5b5b5;
    font-size: 24px;
    padding: 16px 0 0;
    width: 10%;
    margin-right: 2%
}

.form-f .form-control {
    background: #fff;
    color: #495057;
    height: 40px;
    padding-left: 16px;
    text-align: left;
    font-size: 16px;
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 0
}

.form-f .form-control:focus,
.form-f select:focus {
    border-color: #198ae3 !important
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell
}

.form-node .input-group .form-control {
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #b5b5b5;
    padding-left: 0;
    font-size: 17px;
    color: #999
}

.has-feedback {
    clear: both;
    position: relative
}

.has-feedback.top-mrgn {
    margin-bottom: 30px;
    text-align: left;
    margin-left: 70px
}

.has-feedback.top-mrgn label {
    display: block
}

.form-node input[type="checkbox"] {
    position: relative;
    float: left;
    margin-right: 8px
}

.form-node .terms {
    padding-left: 10px;
    font-size: 13px;
    font-weight: 400
}

.form-node .terms a {
    text-decoration: underline
}

.form-f select {
    padding-left: 4px
}

#year {
    margin-right: 0
}

#loan-type {
    width: 100%;
    margin-right: 0
}

.form-node br {
    display: none
}

.form-node .read-more {
    color: #fff;
    padding: 10px 20px;
    font-size: 15px;
    background: #198ae3;
    text-transform: capitalize;
    font-weight: 500;
    margin-left: 34px;
    transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    border: transparent;
    border-radius: 30px;
    box-shadow: 0 10px 30px 0 rgba(115, 115, 115, 0.4)
}

.form-node .read-more:hover {
    background: #022457
}

.input-group-addon {
    width: 60px;
    font-size: 13px;
    font-weight: 700;
    color: #198ae3
}

.form-control {
    padding: 6px 8px;
    font-size: 14px;
    color: #000
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

#skills .process {
    background: #fff;
    padding: 60px 40px 20px;
    border: 1px solid #ddd;
    height: 100%
}

#skills .process h3 {
    font-size: 24px;
    margin-bottom: 30px
}

#skills .process .about-col {
    margin-bottom: 10px
}

#skills .process .about-cols h4 {
    font-size: 17px;
    margin-bottom: 20px;
    color: #666
}

#skills .process i {
    font-size: 24px;
    margin-right: 5px;
    top: 3px;
    position: relative
}

#skills .process .about-cols p {
    font-size: 13px
}

#skills.apply-now i {
    color: #b5b5b5
}

.input-group.dob {
    float: left;
    margin-right: 3%;
    width: 27%
}

.input-group.dob.last {
    margin-right: 0
}

.select-arrow {
    position: relative;
    display: table;
    width: 100%
}

.select-arrow::after {
    content: '\25BC';
    position: absolute;
    height: 100%;
    top: 54%;
    margin-top: -.5em;
    right: .5em;
    line-height: 100%;
    pointer-events: none;
    color: #888;
    color: #f3c125;
    font-size: .8em
}

#skills.apply-now .form-group {
    padding: 40px
}

#skills.apply-now .input-group {
    float: left;
    width: 100%
}

#skills.apply-now .form-node .read-more {
    margin-left: 70px
}

#skills.apply-now .form-node h2,
#skills.apply-now .form-node h3 {
    text-align: center
}

#skills.apply-now .form-node h2 {
    font-size: 36px
}

#breadcrumbs {
    list-style: none;
    margin: 10px 0;
    overflow: hidden
}

#breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin: 0 10px 0 0 !important;
    padding: 0
}

ul#breadcrumbs {
    margin: 0 !important;
    padding: 0
}

#breadcrumbs .separator {
    font-size: 18px;
    font-weight: 100;
    color: #ccc
}

.nav-previous {
    float: left;
    width: 50%;
    position: relative;
    padding: 0 20px 0 50px;
    text-align: left
}

.nav-next {
    width: 50%;
    float: right;
    position: relative;
    text-align: right;
    padding: 0 45px 0 20px
}

.post-navigation .nav-links a span.nav-arrow {
    position: absolute;
    top: 6px;
    left: 0;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 100%;
    text-align: center;
    line-height: 39px;
    font-size: 16px;
    font-weight: 600
}

.post-navigation .nav-links div.nav-next a span.nav-arrow {
    left: auto;
    right: 0
}

.nav-arrow svg {
    color: #333;
    height: 15px;
    width: 15px
}

.nav-links span.post-title {
    color: #4a4a4a;
    font-weight: 700
}

span.screen-reader-text {
    color: #666
}

.nav-links a:hover>span.screen-reader-text {
    color: #198ae3
}

.pagination .page-numbers {
    float: left;
    font-size: .9em;
    font-weight: 400;
    margin-right: 10px;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    padding: 5px 14px;
    color: #4a4a4a;
    -webkit-transition: ease .2s;
    -moz-transition: ease .2s;
    transition: ease .2s
}

.pagination a:hover,
.pagination a:focus,
.pagination .current {
    background: #198ae3;
    border-color: #198ae3;
    color: #fff
}

.pagination .prev {
    border-radius: 5px
}

.pagination .next {
    border-radius: 5px
}

.pagination .prev svg.svg-icon {
    float: left;
    margin: 1px 0 0
}

.pagination .next svg.svg-icon {
    float: left;
    margin: 1px 0 0
}

span.nav-next-text {
    float: left
}

span.nav-prev-text {
    float: left
}

h2.screen-reader-text {
    font-size: 28px !important
}

.outPut input#txtLoan {
    float: left;
    width: 87%;
    display: table-cell;
    height: 100%;
    border: none;
    padding: 0 0 0 10px
}

.outPut input#txtLoan:focus {
    outline: none
}

span.currency-sign {
    float: left;
    display: table-cell;
    padding: 1px 0 0
}

div#comments {
    clear: both;
    padding: 40px 0 0
}

.comment-respond label {
    width: 100%
}

.comment-respond textarea,
input[type="text"],
input[type="email"],
input[type="url"] {
    width: 100%;
    border: 1px solid #ccc
}

#form-node {
    width: 798px;
    margin: 0 auto
}

.section-header #form-node h2 {
    text-align: left;
    color: #fff;
    clear: both;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
    /*! border-bottom:2px solid #fff; */
    padding-bottom: 20px;
    text-transform: capitalize;
}

#form-node .form-group {
    background-color: #0B654F;
    /*! border:1px solid #c3c3c3; */
    box-shadow: 1px 1px 2px 2px #e2e2e2;
}

#form-node .form-row {
    margin-bottom: 20px;
    float: left;
    margin-right: 30px
}

#form-node .form-row:nth-of-type(2n) {
    margin-right: 0
}

#form-node .button-title button {
    float: left;
    width: 22%;
    background: #e9e9e9;
    padding: 6px 14px;
    margin-right: 10px;
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 4px;
    color: #444
}

#form-node .button-title button:hover {
    background: #198ae3;
    border: 1px solid #198ae3;
    color: #fff
}

#form-node .input-group .form-control {
    width: 100%;
    color: #000;
    border-radius: 3px;
    padding-left: 6px;
    font-size: 14px;
    border-radius: 0;
    /*! box-shadow:-1px 1px 3px #c3c3c3 inset */
    border: 0;
}

#form-node .form-f:nth-of-type(2n) {
    margin-right: 30px
}

#form-node .form-f {
    margin-bottom: 0;
    width: 340px
}

#form-node #basic-addon1 {
    float: left;
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    padding-top: 14px;
    display: block;
    width: 100%;
    text-align: left;
    text-transform: capitalize;
    font-weight: 300;
}

#form-node .input-group.dob {
    margin-right: 10px;
    width: 30.3%
}

#form-node .select-arrow::after {
    color: #999;
    font-size: 12px
}

#form-node input[type="checkbox"] {
    float: left;
    margin-right: 8px;
    margin-top: 3px
}

#form-node .terms {
    font-weight: 400;
    font-size: 12px;
    color: #fff;
}

#form-node .has-feedback.top-mrgn {
    margin-bottom: 20px;
    text-align: left;
    margin-left: 0;
    margin-top: 20px
}

#form-node .button {
    float: left;
    border: 2px solid #fff;
    margin-top: 10px;
}

#form-node .button:hover {
    background: #000;
    border-color: #000
}

#form-node strong {
    color: #333;
    font-size: 22px;
    padding-bottom: 0;
    display: block
}

#form-node .form-f.terms {
    margin-bottom: 40px
}

#form-node .form-f.terms .form-control {
    border-color: #f3c125;
    border-width: 2px;
    height: 60px;
    border-radius: 6px;
    font-size: 24px;
    color: #333;
    font-weight: 700
}

#form-node .form-f.terms .select-arrow::after {
    color: #f3c125;
    font-size: 20px;
    right: 14px
}

#form-node hr {
    clear: both;
    border-color: #ddd;
    margin: 30px 0
}

.apply-now-bottom {
    position: fixed;
    bottom: 0;
    text-align: center;
    width: 180px;
    left: 0;
    right: 0;
    z-index: 9;
    margin: 0 auto;
}

.apply-now-bottom a {
    box-shadow: 0 0 20px rgba(12, 12, 12, 0.8);
    color: #fff;
    font-size: 15px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 6px 6px 0 0;
    text-align: center;
    padding: 10px 20px;
    font-weight: 700;
    border: none;
    background-color: #0b654f;
   
}

#form-node .input-group .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
#form-node .input-group .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
#form-node .input-group .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
#form-node .input-group .form-control:-moz-placeholder { /* Firefox 18- */
  color: #000;
}

/*---cashpound site css start--*/

.text-white {
    color: #fff;
}

.top-heading-b h1 {
    margin-bottom: 10px;
}

.top-heading-b p {
    font-size: 20px;
    line-height: 30px;
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.blue-text {
    background-color: #20bf55;
    background-image: linear-gradient( 315deg, #20bf55 0%, #01baef 74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}

.custom-abt {
    padding: 50px;
    background: #f1f1f1;
}

.content-heightlight p {
    margin: 0px 0;
    border-bottom: 1px dotted #222222;
    padding: 5px 0;
}

.content-heightlight {
    margin-bottom: 30px;
}

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

.rounded {
    border-radius: 5px;
}

.pt-1 {
    padding-top: 20px;
}

.pt-2 {
    padding-top: 40px;
}

.pt-3 {
    padding-top: 60px;
}

.pb-1 {
    padding-bottom: 20px;
}

.pb-2 {
    padding-bottom: 40px;
}

.pb-3 {
    padding-bottom: 60px;
}

.mt-1 {
    margin-top: 20px;
}

.mt-2 {
    margin-top: 40px;
}

.mt-3 {
    margin-top: 60px;
}

.mb-1 {
    margin-bottom: 20px;
}

.mb-2 {
    margin-bottom: 40px;
}

.mb-3 {
    margin-bottom: 60px;
}

.abtfeatures .textbox,
.everyday .textbox {
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.everyday .textbox {
    min-height: 340px;
}

.abtfeatures .textbox .fa,
.everyday .textbox .fa {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    background-color: #20bf55;
    background-image: linear-gradient( 315deg, #20bf55 0%, #01baef 74%);
    margin-right: 15px;
    font-size: 20px;
    line-height: 30px;
}

.abtfeatures .textbox p,
.everyday .textbox p {
    margin-bottom: 0;
}

.abtfeatures .textbox .heading h3 {
    margin: 0 !important;
    font-size: 20px;
    line-height: 30px;
}

.everyday .textbox .heading h3 {
    margin: 0 !important;
    font-size: 18px;
    line-height: 30px;
}

.abtfeatures .textbox .heading span,
.everyday .textbox .heading span {
    padding: 0 !important;
}

.abtfeatures .textbox .heading,
.everyday .textbox .heading {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.everyday .textbox .heading {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
}

.affordable .textbox {
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 5px;
    min-height: 260px;
    box-shadow: 0 0 30px rgb(0 0 0 / 20%);
}

.everyday {
    background: #f1f1f1;
}

.cta {
    padding: 50px 0;
    background: #f1f1f1;
}

.list-item.white1 {
    padding-left: 3px;
}

.list-item.white1 li {
    color: #fff;
    margin-bottom: 5px;
}

.list-item.white1 li .fa {
    color: #fff;
}

.fourboxes1 .textbox {
    border: 1px dotted #ddd;
    padding: 15px;
    margin-bottom: 10px;
}

.fourboxes1 .textbox p {
    margin-bottom: 10px;
}

.fourboxes1 .textbox p span {
    padding-top: 5px;
    background-color: #20bf55;
    background-image: linear-gradient( 315deg, #20bf55 0%, #01baef 74%);
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.theme-btn {
    color: #fff;
    font-size: 15px;
    display: inline-block;
    border-radius: 23px;
    text-align: center;
    padding: 12px 25px;
    font-weight: 700;
    border: none;
    background-color: #0B654F;
}

.theme-btn:hover {
    color: #fff;
}

li.apply-now a {
    text-decoration: none;
    color: #fff !important;
    border-radius: 20px;
    background-color: #0B654F;
}

/*---cashpound site css end--*/

@media screen and (max-width: 768px) {
    .container-fluid {
        padding: 0 15px
    }
    .mainSliderBx {
        padding: 30px 10px
    }
    .mainSliderBx h2 {
        padding-bottom: 10px;
        font-size: 26px
    }
    .slidertext {
        font-size: 14px;
        font-weight: 500
    }
    .mainSliderBx .amount,
    .mainSliderBx .duration {
        margin-bottom: 0
    }
    #intro.inner .bg {
        background: #fff;
        border-radius: 8px;
        padding: 40px 10px;
        width: 90%;
        margin: 0 auto
    }
    .mainSliderBx .btn {
        margin-top: 30px
    }
    #intro.inner .mainSliderBx {
        float: none;
        width: 100%;
        padding: 0;
        border-right: 0
    }
    #header #logo {
        width: 180px
    }
    #intro {
        height: auto;
        padding-top: 80px
    }
    #intro .banner-content-block.tv_ad h1 {
        font-size: 1.2em;
        margin-bottom: 10px;
        text-align: left
    }
    .carousel-content-home.container-fluid {
        padding: 0 10px;
        text-align: center
    }
    #intro p {
        font-size: 18px;
        margin-bottom: 0
    }
    .banner-content-block.tv_ad .banner2_soft_search {
        font-size: 22px;
        margin-top: 20px;
        line-height: 28px
    }
    #intro .carousel-item {
        height: auto;
        padding: 35px 0;
        background-position: center center;
    }
    #intro.inner .carousel-item {
        padding: 30px 0;
    }
    #intro .carousel-item::before {
        content: '';
        background-color: rgba(0, 0, 0, 0.7);
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0
    }
    .banner-content-block h1 {
        font-size: 1.60em;
    }
    .banner-content-block span {
        font-size: 18px;
        padding: 0;
        margin-bottom: 30px;
    }
    #services h2 {
        padding-top: 0
    }
    #mobile-nav ul li a {
        font-weight: 500
    }
    #services .section-header h2,
    #call-to-action h2,
    #skills h3,
    #about h3,
    #services h2,
    #call-to-action h3,
    #skills.bg h3,
    #skills h4,
    .section-header h2,
    #faq .section-header h5,
    #testimonials h5,
    #services.inner h2,
    #services.inner h3,
    #services.inner h4,
    #skills.inner strong,
    #about h2,
    #skills h3,
    #faq h3,
    #testimonials h3,
    #intro.inner h1,
    #skills h2 {
        font-size: 22px;
        line-height: normal;
        margin-bottom: 10px
    }
    #intro.inner h1 {
        margin-bottom: 0
    }
    #skills p {
        padding-right: 0
    }
    #skills .service_icon {
        margin-bottom: 60px;
        text-align: center;
    }
    #skills .service_icon img {
        display: inline-block;
        text-align: center;
    }
    #skills .service_icon a {
        text-align: center;
        width: 100%;
    }
    #about span,
    #skills span,
    #faq span,
    #about .about-col h3 {
        font-size: 18px
    }
    #services.inner h2,
    #services.inner h3,
    #services.inner h4 {
        padding-top: 10px;
        padding-bottom: 0
    }
    #services {
        padding: 40px 0 0 0;
    }
    #services a {}
    #services .container {
        padding: 0 15px
    }
    .list-item li {
        font-size: 14px
    }
    #call-to-action .icon {
        font-size: 40px;
        color: #198ae3;
        float: left;
        margin-right: 20px;
        width: 50px;
    }
    #call-to-action .col-lg-3.col-md-3.col-sm-3.col-xs-12 {
        width: 293px;
        margin: 0 auto;
        float: none;
        overflow: hidden;
    }
    p,
    #services.inner li,
    .sidebar-block .block a {
        font-size: 15px;
        line-height: 1.8
    }
    #about span {
        padding-bottom: 50px
    }
    #about .item span {
        font-size: 36px;
        margin-top: 0
    }
    .aply-btm h3 {
        font-size: 21px;
        margin-bottom: 20px;
        line-height: 30px
    }
    #testimonials span {
        font-size: 15px;
        padding: 20px;
    }
    #testimonials .item {
        margin-bottom: 30px
    }
    #testimonials p {
        min-height: inherit;
        margin-bottom: 20px;
    }
    #call-to-action {
        padding-bottom: 50px;
    }
    #call-to-action li {
        line-height: 1.5;
        font-size: 16px;
        margin-bottom: 20px
    }
    #call-to-action .cta-btn,
    #footer .cta-btn {
        text-transform: capitalize;
        font-size: 14px;
        letter-spacing: 0;
        padding: 10px 30px
    }
    #skills,
    #about,
    #services.inner,
    #skills.bg,
    #contact,
    #faq,
    #testimonials,
    #call-to-action.footer,
    #skills.inner {
        padding: 30px 0
    }
    .section-header p {
        padding-bottom: 10px
    }
    #skills h4 {
        padding-bottom: 10px
    }
    #skills ul,
    #testimonials h5,
    #call-to-action.footer p {
        margin-bottom: 30px
    }
    #skills li {
        display: block;
        font-size: 15px;
        margin-right: 0;
        font-weight: 400;
        margin-bottom: 10px
    }
    #skills strong {
        font-size: 20px;
        padding-bottom: 10px
    }
    #about,
    #skills,
    #faq {
        padding: 20px 10px;
    }
    #skills {
        padding-left: 0;
        padding-right: 0;
        padding-top: 30px;
    }
    #about .about-col h4 {
        margin-top: 0;
        margin-bottom: 10px;
        margin-left: 0;
        font-size: 20px
    }
    #about h2 {
        text-align: center;
    }
    #about .about_img img {
        margin-bottom: 20px
    }
    #about a,
    ._an a {
        float: none;
        text-align: center;
        display: table;
        margin: 0 auto;
    }
    #about .about-col {
        margin-top: 0;
        margin-bottom: 30px
    }
    #about .about-col p {
        font-size: 17px;
        margin-bottom: 20px
    }
    #about .about-col .fa {
        margin-bottom: 20px
    }
    #about .about-col h3 {
        margin-bottom: 10px
    }
    #skills .circle {
        margin: 0 auto;
        margin-bottom: 20px;
        width: 150px;
        height: 150px;
        padding-top: 30px
    }
    #skills .circle font {
        font-size: 17px;
        line-height: 20px
    }
    #skills span,
    #faq span {
        padding-bottom: 40px
    }
    #faq .panel-title a {
        padding: 10px 0;
        font-size: 14px;
        font-weight: 400;
    }
    #faq .panel-title i {
        margin-top: -4px;
        font-size: 24px;
    }
    footer {
        padding: 30px 0
    }
    footer .footer-logo,
    footer .contact,
    footer .social-icons {
        margin-bottom: 20px
    }
    footer .footer-links {
        float: none;
        margin-right: 0;
    }
    .contact-address {
        margin-top: 20px;
    }
    footer .footer-logo a {
        display: inline-block
    }
    .copyright {
        padding: 0 10px;
        font-size: 13px
    }
    footer .contact-address p {
        font-size: 13px
    }
    #intro.inner p {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 20px
    }
    #call-to-action img {
        margin-bottom: 30px
    }
    .para,
    #call-to-action.inner p {
        font-size: 13px
    }
    .form-node {
        width: 100%
    }
    .has-feedback {
        text-align: left;
        margin-top: 20px
    }
    .form-f label {
        font-size: 15px;
        margin-bottom: 0;
        line-height: normal;
        padding-left: 4px;
        margin-top: 5px
    }
    .form-node h3,
    .form-node h2 {
        padding-bottom: 10px
    }
    .form-f {
        margin-bottom: 10px
    }
    .has-feedback.top-mrgn {
        margin-bottom: 20px;
        margin-left: 0
    }
    .form-node .has-feedback.text-center {
        text-align: left !important
    }
    #intro.apply,
    #intro.apply .carousel-item {
        height: 100px
    }
    #intro .quick-loans {
        margin-top: 0
    }
    #intro .quick-loans li {
        float: none;
        margin-right: 0;
        text-align: center
    }
    #intro .quick-loans li:after {
        display: none
    }
    #intro .quick-loans a {
        padding: 12px 26px;
        display: inline-block
    }
    #services img {
        box-shadow: none !important
    }
    #services .bigfont {
        font-size: 15px;
        margin-bottom: 20px
    }
    #call-to-action .container {
        padding: 20px 15px
    }
    .key_points .item {
        margin-top: 30px;
        margin-bottom: 0;
    }
    .key_points span {
        font-size: 18px
    }
    .key_points p {
        width: auto;
        margin-left: 90px;
    }
    .aply-btm {
        border-top: 0;
    }
    .aply-btm .container {
        padding: 20px;
        border-radius: 0;
    }
    #intro.inner .form-node {
        padding: 0;
        width: 100%;
        margin-bottom: 30px
    }
    #intro.inner .form-f {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px
    }
    #intro.inner .form-f label {
        display: none
    }
    #intro.inner .has-feedback {
        margin-top: 0
    }
    #skills.apply-now .form-group {
        padding: 20px
    }
    #skills.apply-now .form-node h2 {
        font-size: 20px
    }
    #skills.apply-now #basic-addon1 {
        display: none
    }
    #skills.apply-now .input-group {
        width: 100%;
        margin-right: 0 !important
    }
    #skills.apply-now .input-group.dob {
        width: 33.333%
    }
    #skills.apply-now .form-node .read-more {
        margin-left: 0
    }
    #day,
    #month,
    #year {
        font-size: 15px
    }
    .section-header #form-node h2 {
        font-size: 18px;
        margin-bottom: 20px
    }
    .outPut {
        font-size: 18px;
        width: 156px
    }
    .space {
        height: 40px !important
    }
    .slideBlock {
        padding: 10px;
        width: 100%
    }
    #form-node {
        width: 100% !important
    }
    .outPut {
        margin-bottom: 20px !important
    }
    #form-node .form-row {
        margin-right: 0;
        margin-bottom: 0;
        float: none
    }
    #form-node .form-f {
        margin-bottom: 15px;
        width: 100% !important;
        float: none;
        margin-right: 0
    }
    #form-node .form-f:nth-of-type(2n) {
        margin-right: 0
    }
    #form-node .has-feedback.top-mrgn {
        margin-top: 0
    }
    #form-node .terms {
        font-size: 14px
    }
    #form-node .read-more {
        padding: 10px 30px;
        font-size: 20px
    }
    #form-node strong {
        font-size: 18px !important
    }
    #form-node .button {
        float: left
    }
    .quote a {
        background: #198ae3;
        color: #fff !important
    }
    .aply-btm a,
    .consult-section a {
        float: left;
        margin-top: 0
    }
    .consult-section {
        margin-top: 20px
    }
    .consult-section p {
        /*	font-size: 24px;*/
        line-height: 1.5;
        margin-bottom: 30px;
    }
    .consult-section h2 {
        text-align: left
    }
    .consult-section h2:after {
        display: none
    }
    .about p {
        margin-bottom: 30px;
    }
    #services.landing .bigfont {
        font-size: 20px;
        line-height: 30px
    }
    .list-item {
        margin-top: 10px;
        margin-bottom: 0
    }
    #form-node .button-title button {
        width: 22%;
        padding: 6px 10px;
        margin-right: 5px;
        font-size: 15px
    }
    .representative-section h3 {
        border: 0;
        margin-bottom: 20px
    }
    #services.contact address {
        padding: 0
    }
    .navbar-default .navbar-nav>li>a:hover,
    .navbar-nav .active {
        border-radius: 0
    }
    #intro.inner,
    #intro.inner .carousel-content {
        text-align: center;
    }
    #intro .button {
        margin: 20px 0;
    }
    #intro.inner .ratings {
        position: inherit;
        top: 0;
    }
}

@media screen and (min-width:768px) and (max-width: 1024px) {
    .navbar-default .navbar-nav>li>a {
        padding: 27px 16px;
        text-align: left;
        font-size: 13px;
        text-transform: capitalize
    }
    .navbar {
        padding-top: 22px;
    }
    .navbar-default .navbar-brand {
        width: 190px;
        margin: 0
    }
    li.dropdown>a::after {
        right: 0px;
        top: 26px;
    }
    #intro .col-sm-5 {
        width: 100%
    }
    .slidertext {
        font-size: 18px
    }
    .apr p {
        font-size: 14px !important
    }
    #intro.inner .bg {
        width: 83.33333333%;
        margin: 0 auto 0 8.33333333%
    }
    .navbar .navbar-collapse {
        position: absolute;
        top: -8px
    }
    li.menu-item-has-children>a::before {
        right: -5px;
        top: 40px;
        line-height: 10px
    }
    .aply-btm a {}
    .sidebar-block.chs .block {
        padding: 10px;
    }
    .sidebar-block .block a,
    .sidebar-block .block li {
        font-size: 14px
    }
    .key_points .item {
        margin-bottom: 30px;
    }
    .key_points span {
        font-size: 15px;
        top: 18px;
    }
    .key_points p {
        font-size: 13px;
        width: 70%;
    }
    .about .list-item li {
        margin-right: 20px;
    }
    .aply-btm h3 {
        font-size: 22px
    }
    #skills .service_icon a {
        font-size: 14px
    }
    .sidebar-block.chs li {
        margin-bottom: 10px;
        font-weight: 400;
        font-size: 12px !important;
    }
}

@media screen and (min-width:1024px) and (max-width: 1200px) {
    .navbar .navbar-collapse {
        top: -16px;
    }
    .navbar-nav>li {
        display: inline-block;
        text-align: center
    }
    li.menu-item-has-children>a::before {
        right: 0;
        line-height: 12px
    }
    .navbar-default .navbar-brand {}
    .navbar-default.top-nav-collapse .navbar-brand {
        padding-top: 12px
    }
    li.dropdown>a::after {
        top: 30px;
    }
    .navbar.top-nav-collapse .navbar-collapse {
        top: -10px
    }
    .navbar-default .navbar-nav>li>a {
        padding: 29px 16px;
        font-size: 16px
    }
    .mainSliderBx {
        padding: 20px
    }
    #intro .col-sm-5 {
        width: 41.66666667%
    }
    #intro.inner .bg {
        width: 100%;
        margin: 0
    }
    #footer {
        background-size: cover
    }
    #header #logo {
        width: 280px
    }
    #call-to-action .img {
        display: none !important
    }
    #skills .process .about-cols h4 {
        font-size: 14px
    }
    #intro h1 {
        font-size: 1.8em
    }
    #intro br {
        display: none
    }
    .form-node .has-feedback.text-center {
        text-align: right !important
    }
    .key_points p {
        width: 100%;
    }
    .consult-section p {
        font-size: 24px
    }
}

.faq-sec {
    width: 100%;
    float: left;
}

.faq-row {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #ddd;
}

.faq-row:last-child {
    border-bottom: 0;
}

.faq-row>div {
    flex: 50%;
    border-right: 1px solid #ddd;
}

.faq-row>div:nth-child(even) {
    border-right: 0;
}

.faq-box {
    padding: 0 20px;
    margin-right: 2%;
}

#services.inner .faq-box .faq-head {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
}

.warning-box {
    width: 100%;
    display: block;
    overflow: hidden;
    position: fixed;
    top: 32px;
    z-index: 1100;
    background-color: #0B654F;
}

.warning-box p {
    text-align: center;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: normal;
    padding: 0px 5px;
    color: #fff;
    margin-top: 0;
    width: 100%;
}

.nav-hm {
    top: 50px;
}

#intro.intro-hm {
    padding-top: 125px;
}

.contact-info-sec {
    width: 100%;
    display: block;
    background: #fff;
    text-align: center;
    padding: 5px 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.contact-info-sec ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.contact-info-sec ul li {
    display: flex;
    font-size: 16px;
    font-weight: bold;
    align-items: center;
}

.contact-info-sec ul li span {
    display: inline-block;
}

.contact-info-sec ul li a {
    margin-bottom: 0;
    margin-left: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.contact-info-sec ul li:first-child {
    border-right: 2px solid #000;
    margin-right: 5px;
    padding-right: 5px;
}

.contact-numb {
    text-align: center;
    margin-bottom: 20px;
}

.contact-numb strong {
    display: block;
}

.contact-numb i {
    color: #0B654F;
    font-size: 18px;
    margin-right: 5px;
}


/*---05-05-2023---*/

.banner-bullet {
    list-style-type: none;
    column-count: 3;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    color: #ffffff;
}
.top-heading-b {
    padding: 30px 20px;
    background: rgb(0 0 0 / 60%);
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 60px;
}
.list-style {
    list-style-type: none;
    padding-left: 15px;
}

.list-style li {
    position: relative;
    padding-left: 35px;
    margin: 5px 0;
}
.list-style li:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #0B654F;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
    content: "\f192";
}

.list-style.list-w li, .list-style.list-w li:before {color: #fff;}
.mb-0{margin-bottom: 0;}
.shadow{
    border: 10px solid #ffffff;
    box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.1);
}
.grey {
    padding: 15px;
    background: #f1f1f1;
    margin-bottom: 15px;
}














@media(min-width: 768px) {
    .homelogo {
        margin-top: 5px;
    }
    .l-cursor {
        cursor: default;
        pointer-events: none;
    }
    #header .navbar-nav>li {
        margin: 0 6px;
    }
    .fourboxes1 .textbox.ps {
        min-height: 500px;
    }

}



@media(max-width:991px) {
    .faq-head {
        min-height: 65px;
    }
    .warning-box p {
        font-size: 12px !important;
        line-height: 1.2;
    }
    .nav-hm {
        top: 27px;
    }
}

@media(max-width: 768px) {
    .contact-info-sec ul {
        flex-direction: column;
        align-items: center;
    }
    .contact-info-sec ul li:first-child {
        border-right: 0px solid #000;
        margin-right: 0px;
        padding-right: 0px;
    }
}
@media (max-width: 767px) {
    .faq-sec {
        padding-left: 20px;
        padding-right: 20px;
    }
    .faq-row {
        flex-direction: column;
        border-bottom: 0;
    }
    .faq-row>div {
        border-right: 0;
        border-bottom: 1px solid #ddd;
    }
    .faq-row:last-child>div:last-child {
        border-right: 0;
        border-bottom: 0;
    }
    .faq-head {
        min-height: unset;
    }
    .nav-hm {
        top: 73px;
    }
    .warning-box p {
        font-size: 11px !important;
        line-height: 1.2;
        padding: 3px 0;
    }
    .abtfeatures .pt-1 {
        padding-top: 0;
    }
    #testimonials {
        padding-top: 0;
    }
    .about_img {
        text-align: center;
    }
    .affordable .textbox {
        min-height: auto;
    }
    .everyday .textbox {
        min-height: auto;
    }
    #intro.intro-hm {
        padding-top: 159px;
    }
    #intro.inner .carousel-content {
        text-align: left;
    }
    .list-item.white1 {
        padding-left: 5px;
    }
    .inner-btn {
        margin-bottom: 20px;
    }
    #intro .carousel-item {
        background-image: url(../images/banner-bg_m.webp) !important;
    }
    .apply-now-bottom a {
        display: block;
    }
    .warning-box {
        top: 58px;
    }
    .banner-bullet{
       column-count: 1;
        text-align: left;
    }
    .banner-bullet li {
    padding: 5px 0;
    }   

    #intro .carousel-item{background-image: none !important;     background: #0B654F;}
    #intro .carousel-item::before{    background-color: transparent;}
    .top-heading-b{margin-bottom: 0; background: #ffffff}
    .banner-content-block h1, .top-heading-b p, .banner-bullet li{color: #000;}
    #about .about_img img{height: auto;}
    .contact-info-sec ul li a{ padding: 6px 0;}


}

@media(max-width: 480px) {
    .nav-hm {
        top: 70px;
    }
    #intro.intro-hm {
        padding-top: 140px;
    }
}

@media(max-width: 420px) {
    .nav-hm {
        top: 86px;
    }
    #intro.intro-hm {
        padding-top: 163px;
    }
}

@media(max-width: 380px) {
    .nav-hm {
        top: 85px;
    }
    #intro.intro-hm {
        padding-top: 171px;
    }
    .warning-box {
        top: 56px;
    }
}




/*-----day 29july,2023-------------*/

/*-----new header and banner css start----*/

.maindiv{
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.info-header {
    padding: 3px;
}
.info-header span {
    display: none;
}
.info-header p {
    font-weight: 600;
}

.info-header p a {color: #000;}
.warning {
    background: #0B654F;
    z-index: 9;
    position: relative;
    color: #fff;
    font-size: 15px;
    line-height: 25px;
    padding: 5px 0;
}

.warning p {
    margin-bottom: 0;
}
.nav-header {
    position: relative;
}

/*.logo a {
    max-width: 230px;
    position: absolute;
    left: 10px;
    top: 5px;
    z-index: 9;
    height: 54px;
}
#menu-icon {
    padding-top: 28px;
    color: #0B654F;
    right: 17px;
    position: relative;
    font-size: 30px;
    bottom: 14px;
    border: 0;
    background: 0;
}*/

#menu-icon {
    color: #0B654F;
    font-size: 30px;
    border: 0;
    width: 55px;
    height: 72px;
    background: transparent;
}

.nav-header .maindiv {
    padding: 0;
}
.nav01 .menu01 li {
    margin: 12px 0;
}
.nav01 .menu01 a {
    color: #fff;
    font-weight: 500;
}
.nav01 .menu01 {
    width: 100%;
    background: #095341;
    padding: 0 15px; 
    display: none;
    margin: 0;
}
.sub_menu {
    display: none;
    padding-left: 10px;
}
.menu01 .fa-caret-down {
    display: none;
}


.nav01 .menu01 li.apply-now {
    border: 1px solid #fff;
    padding: 5px;
    background: #0b654f;
    margin-bottom: 20px;
    text-align: center;
}
.logo img {
    height: 54px;
}
.nav-header ul {list-style: none;}
.menu01 .fa-chevron-down {
    display: none;
}
.mid-header .logo {
    float: left;
}
.mid-header .nav01{float: right;}

/*-----new header and banner css end*/

img.aspect {
    aspect-ratio: auto;
}

.h-heading{
    color: #333333;
    font-size: 32px;
    line-height: 42px;
    font-weight: 500;
    margin: 0 0 20px;
}
.table-heading{
    color: #333333;
    font-size: 18px;
    line-height: 28px;
}

.box-style1 .textbox {
    border: 1px dotted #ccc;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 30px;
    text-align: center;
}

/* 13-03-2025 */
.banner-wrap .sub {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 28px;
    font-style: italic;
}
.inner {
    padding-top: 30px;
}
.first {
    padding-top: 40px;
}

.c-table {
    max-width: 800px;
    margin: 0 auto;
}
.table-n table {
    width: 100%;
    border-collapse: collapse
}

.table-n tr:nth-child(odd) {
    background: #ddd
}

.table-n tr:nth-child(even) {
    background: #f1f1f1
}

.table-n th {
    background: #0b654f;
    padding: 5px;
    color: #fff;
   
}
.table-n td.color {
    background: #0B664F;
    color: #fff;
}

.table-n td {
    padding: 5px 15px;
    border: 1px solid #d5d5d5
}

.table-n td p {
    margin-bottom: 5px
}

.table-n tr td:first-child p {
    font-weight: 600
}


.table-n.table-w tr:nth-child(even) {
    background: #fff;
    color: #333
}

.table-n.type1 tr td:first-child p {
    font-weight: 400
}
.faq-h3 {
    font-size: 20px;
    line-height: 30px;
}
.small-table {
    max-width: 500px;
    margin: 0 auto;
}
.inner a, .first a  {
    font-weight: 600;
}

.target {
    padding-left: 50px;
}

.target li {
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 26px;
    color: #686464;
} 

.target li:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #0B664F;
    font-size: 18px;
    padding-right: .5em;
    position: absolute;
    top: 2px;
    left: -30px;
    content: "\f192";
}
.target li::marker {
    content: "";
}






@media only screen and (min-width: 768px) {
   
    .row1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
    .row1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
    .two-div .col{width: 48%}
    .four-div .col{width:23%;}
    .three-div .col {width: 31%;}


    
    .nav-header .maindiv{padding: 0 15px;}
    .mid-header{position: relative; }

    #menu-icon {display: none;}
    .nav01 .menu01 {display: flex;justify-content: flex-end;background: transparent; align-items: center; margin: 0;}
    .nav01 .menu01 a{color: #000; font-weight: 500; padding: 8px 25px;-webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;}
    .nav01 .menu01 .sub_menu li a {
    display: inline-block;
    padding: 2px 20px;
    }

    .nav01 .menu01 > li:hover > a{color: #fff;background: #0B654F; border-radius: 25px;}

    .nav01 .menu01 li { margin: 12px 0; position: relative;}
    .nav01 .menu01 li.apply-now{margin-bottom: 12px;text-align: center;margin-left: 30px; background: transparent;}
    .nav01 .menu01 li.apply-now a {color: #fff;background: #0B654F;padding: 10px 25px;border-radius: 22px;-webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;}
    .nav01 .menu01 li.apply-now a:hover{background: #074033}
    .info-header p{margin: 0 5px;}
    .info-header .textbox {display: flex; justify-content: center;}
    .info-header span {display: block; line-height: 30px;}


    /*--menu hover submenu--*/

    .nav01 .menu01 li > .sub_menu {
        display: none;
        position: absolute;
        width: 262px;
        background: #f1f1f1;
        z-index: 9;
        padding: 0;
        top: 31px;
    }

    .nav01 .menu01 li:hover > .sub_menu {
        display: block;
    }

    .nav01 .menu01 li > .sub_menu li {
    padding: 6px 0;
    margin: 0;
    position: relative;
    }

    .nav01 .menu01 li .sub_menu li ul.sub_menu {
        position: absolute;
        left: 262px;
        background: #f9f9f9;
        width: 187px;
        top: 0;
    }

    .nav01 .menu01 li > .sub_menu li {
        padding: 6px 0;
        margin: 0;
    }

    .nav01 .menu01 li > .sub_menu li:hover {
        background: #e6e6e6;
    }

    .menu01 .fa-chevron-down {
        display: block;
        position: absolute;
        right: 11px;
        top: 4px;
        font-size: 10px;
    }

    .banner{
        background-image: url(../images/banner-bg.webp);
        background-size: cover;
        position: relative;
        padding: 50px 0;
    }
    .banner.inner {
    background-image: url(../images/banner-bg-inner.webp);
    }
    .banner:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient( 315deg, rgb(32 191 85 / 1%) 0%, rgb(1 186 239 / 5%) 74%);
    }
    .banner.inner:before {
    background-image: linear-gradient( 315deg, rgb(32 191 85 / 9%) 0%, rgb(1 186 239 / 20%) 74%);
    }

    .banner .maindiv{position: relative;}

    .green {
    padding: 30px 50px 0px 50px;
    background: rgb(0 0 0 / 60%);
    height: 100%;
    margin: 30px auto;
    max-width: 945px;
    }

    .green .col-md-4 p {
    margin-bottom: 30px;
    }

    .nav-header{padding: 7px 0;}
    .banner.inner-banner {
    padding: 20px 0;
    background-position: 40% 30%;
    }
    .diverse .textbox {min-height: 246px;}

    .table-n.two th{width: 50%;}

}

@media only screen and (max-width: 767px) {
   .banner {
    background: #0B654F;
    padding: 30px;
    }
    .banner-content-block h1 {
        color: #ffffff;
        margin-bottom: 15px;
    }
    .info-header p{margin: 7px;}
    .inner-banner .button {
    background: #333;
    }
    .green .col-md-4 p {
    margin-bottom: 0;
    text-align: center;
    }
    .green .text-white {
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 15px;
    }
    .nav01 .menu01{
        position: absolute;
        left: 0;
        z-index: 9;
    }
    .mid-header .logo{
        padding-top: 10px;
        padding-left: 15px;  
        width: 222px;
        height: 64px;
    }

    .icon1 {
    position: relative;
    }
    .icon1:before {
        content: "\f078";
        font-family: FontAwesome;
        position: absolute;
        color: #fff;
        right: 0px;
        top: 0px;
        font-size: 10px;
    }


}

/* capcha css start */

#image {
    width: auto;
    padding: 7px 35px;
    font-weight: 500;
    user-select: none;
    font-style: italic;
    font-size: 18px;
    background: #fff;
    color: #000;
}
.capcha-code input#submit {
    background: transparent;
    border: 1px solid #000;
    border-radius: 5px;
    color: #000;
    margin-top: 15px;
}

.capcha-code input#submit {}

.capcha-code input#submit::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
.capcha-code input#submit::-moz-placeholder { /* Firefox 19+ */
   color: #000;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
.capcha-code input#submit:-ms-input-placeholder { /* IE 10+ */
   color: #000;
  font-weight: 500;
}

.apply #image {
    background: #f1f1f1;
}

input {
    padding: 15px 20px;
    font-size: 18px;
}
.capcha-code {
    display: flex;
    align-items: flex-start;
    flex-direction: column-reverse;
}
#user-input {
    width: auto;
    margin-right: 10px;
}

#key{font-size: 16px; font-style: italic;}
input#captcha {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #ffffff;
    margin-bottom: 20px;
}
/* capcha css end */


input#captcha::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d0cfcf;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
input#captcha::-moz-placeholder { /* Firefox 19+ */
   color: #d0cfcf;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
input#captcha:-ms-input-placeholder { /* IE 10+ */
   color: #d0cfcf;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
input#captcha:-moz-placeholder { /* Firefox 18- */
   color: #d0cfcf;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}