/*
Template Name: Landeng - HTML Landing Page Templates
Author: Askbootstrap
Author URI: https://themeforest.net/user/askbootstrap
Version: 1.0
*/
/*
- Body
- Header
- Background body
- Features
- Learn more
- Icons style
- Social icons
- Footer
- Pricing
- Login Signup Modal
- Mobile

*/


 /* Body */
 @import url('https://fonts.googleapis.com/css2?family=Mada:wght@300;400;700;900&display=swap');
html {
    scroll-behavior: smooth;
  }
body {
	font-family: 'Mada', sans-serif;
	font-weight: 400;
	font-size: 14px; 
}
a{
    color: #3b88c8!important;
}
p{
	font-family: 'Mada', sans-serif;
	font-weight: 400;
    color: #6c7a87;
}

.body-color {
	background: url("../img/slider1.jpg");
	background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.body-color2 {
	background: url("../img/slider2.jpg");
	background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.body-color2 .osahan-nav .nav-link {
    color: #fff !important;
    text-shadow: 0px 0px 3px rgb(0 0 0 / 65%);
}
.body-color2 .header-title h1 {
    color: #fff;
    text-shadow: 0px 1px 1px #000;
}
.body-color2 .header-title p.h5.text-dark {
    color: #fff !important;
    opacity: 0.7;
    text-shadow: 0px 1px 1px #000;
}
.body-color2 .osahan-nav.fixed-top .nav-link {
    color: #000 !important;
    text-shadow: none;
}
.body-color2 .osahan-nav.fixed-top .nav-link:hover {
    color: #ffffff !important;
}
.body-color2 .osahan-nav.fixed-top .active .nav-link {
    color: #fff !important;
}
a{
	-webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    -ms-transition: 0.3s !important;
    transition: 0.3s !important;
}

em {
    font-style: inherit;
}

.h6, h6 {
    font-size: 1rem;
    line-height: 25px;
}

h1 span {
    display: inline-block;
} 

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

.m-b-78 {
    margin-bottom: 78px;
}

.m-t-n9 {
    margin-top: -9rem!important;
}

.brands-item {
    background: #fbf4f4;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 90px;
    margin: 0 7px;
    font-size: 42px;
    color: #f3a4a4;

}

.text-success{
    color: rgb(105, 240, 174) !important;
}
.text-primary {
    color: #3b88c8!important;
}
.btn-primary {
    color: #fff;
    background-color: #3b88c8;
    border-color: #3b88c8;
}
.text-warning {
    color: #f7afc0!important;
}


.border {
    border: 1px solid #edeef1!important;
}
.border-top {
    border-top: 1px solid #edeef1!important;
}
.border-bottom {
    border-bottom: 1px solid #edeef1!important;
}
.border-right {
    border-right: 1px solid #edeef1!important;
}
.border-left {
    border-left: 1px solid #edeef1!important;
}


.team img {
    width: 80px;
    height: 80px;
}
.rounded {
    border-radius: 8px !important;
}

.slick-slide {
    outline: none !important;
}
.slick-prev::before {
    content: "\ea9d" !important;
    font-family: IcoFont!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}
.slick-next::before {
    content: "\eaa0" !important;
    font-family: IcoFont!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}



/* Header */
.logo {
    height: 25px;
}
.osahan-nav.fixed-top {
    background: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: saturate(1) blur(20px) !important;
    -o-backdrop-filter: saturate(1) blur(20px) !important;
    -ms-backdrop-filter: saturate(1) blur(20px) !important;
    backdrop-filter: saturate(1) blur(20px) !important;
	border-bottom: 1px solid #edeef1;
	padding: 18px 0;
}
.osahan-nav {
	padding: 27px 0;
	-webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    -ms-transition: 0.3s !important;
    transition: 0.3s !important;
}
.osahan-nav .nav-link {
	color: #000 !important;
	font-family: 'Mada', sans-serif;
	font-weight: 400;
    text-align: center;
    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    -ms-transition: 0.3s !important;
	transition: 0.3s !important;
	-webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
	border-radius: 8px !important;
	padding: 11px 18px !important;
}
.header-title h1{
	color: #0b2238;
	font-size: 3.125rem;
    font-weight: 700;
}
.header-title p.h5.text-dark {
    line-height: 28px;
}
li.nav-item.active a {
	color: #2761ec !important;
}
li.nav-item a:hover {
    background-color: #3b88c8;
    color: #fff !important;
}
.nav-link-btn:hover {
    background-color: transparent !important;
}

.login-btn .nav-item.active a {
	background-color: #3b88c8;
	color: #ffffff !important;
}
.login-btn .nav-item a:hover {
    background-color: #3b88c8;
    color: #fff !important;
}

.nav-link-btn {
    text-align: center;
    display: block;
}



/*background body*/
.container-body {
	background-color: #fff;
	border-radius: 30px 30px 0px 0px;
	position: relative;
}
.ios-download {
    height: 50px;
}

/* Features */
.features-icofont-skin {
	font-size: 44px;
    background-color: rgb(247 206 228 / 27%);
    padding: 7px 9px;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f7afc0;
}
.features-icofont-green {
	font-size: 44px;
    background-color: rgb(132 200 112 / 13%);
    padding: 7px 9px;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #84c870;
}
.features-icofont-blue {
    font-size: 44px;
    background-color: rgb(59 136 200 / 8%);
    padding: 7px 9px;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3b88c8;
}
.rating-icofont-skin {
	font-size: 23px;
    background-color: rgb(39 97 236 / 8%);
    padding: 10px 11px;
    color: #3b88c8;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rating-icofont-blue {
    font-size: 23px;
    background-color: rgb(247 206 228 / 27%);
    padding: 10px 11px;
    color: #f7afc0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*learn more*/
.learn-more {
	color: #3b88c8;
}

/*icons style*/
.analytics-icofont-blue {
	font-size: 23px;
    background-color: rgb(247 206 228 / 27%);
    padding: 10px 11px;
    color: #f7afc0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.analytics-icofont-skin {
	font-size: 23px;
    background-color: rgb(39 97 236 / 8%);
    padding: 10px 11px;
    color: #3b88c8;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*social icons*/
.social-icons i.icofont-twitter {
    background-color: #31a9f3;
}
.social-icons i.icofont-facebook {
    background-color: #2761ec;
}
.social-icons i.icofont-linkedin {
    background-color: #097CB7;
}

/*footer*/
.list-unstyled li {
	padding: 6px 0px;
	font-family: 'Mada', sans-serif;
	font-weight: 400;
}
.list-unstyled a:hover {
    color: #3b88c8 !important;
    font-weight: 600;
}

footer {
    border-top: 2px solid #fff;
}
.footer-logo {
    height: 40px;
}

/*Pricing table*/
.price-color-standard {
	background-color: #fdf1f7;
	border-radius: 8px; 
}
.price-color-essentials {
	background-color: #eef3fe;
	border-radius: 8px;
}
.price-color-premium {
	background-color: #2761ec;
	border-radius: 8px;
	color: #fff;
}
.border-bottom-standard {
	border-bottom: 3px solid #fdf1f7;
}
.border-bottom-essentials {
	border-bottom: 3px solid #eef3fe;
}
.border-bottom-premium {
	border-bottom: 3px solid #2761ec;
}
.osahan-price .btn-light {
    color: #0b2238;
    background-color: #fff !important;
}

.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {                  
    visibility: visible;      
}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}

.ch-box {
    top: 0;
    right: 110px;
}

.icon-age {
	background-color: #FFEDB6;
	left: 1%;
    top: 91%;
}
.hand-up-ico {
	transform: rotate(30deg);
}
.slick-arrow {
    background: #ffffff !important;
    padding: 1px 0 0 0;
    border-radius: 50px;
    z-index: 9;
    width: 50px;
    height: 50px;
    border: 1px solid #dee2e6;
}
.slick-arrow::before {
    color: #2761ec;
    opacity: unset !important;
}
.slick-arrow:hover {
    background: #2761ec !important;
    border: 1px solid #2761ec;
}
.slick-arrow:hover::before {
    color: #ffffff;
}

/*login signup modal css*/

.btn{
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
	border-radius: 8px !important;
	font-family: 'Mada', sans-serif;
	font-weight: 400;
}
.btn-lg {
    padding: 0.85rem 1.8rem;
    font-size: 15px;
    text-align: center;
    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    -ms-transition: 0.3s !important;
	transition: 0.3s !important;
}
.bg-primary {
    background-color: #165df5 !important;
}

.btn-light {
    color: #007bff;
    background-color: #ffffff;
    border-color: #ffffff;
}
.btn-light:hover {
    color: #007bff;
    background-color: #f3f6fd;
    border-color: #f3f6fd;
}





.box-signup .links-account .nav-pills {
    margin-bottom: 2rem;
}
.box-signup .links-account .nav-pills .nav-item .nav-link {
    color: #0b2238;
    font-size: 13px;
    padding: 0 15px 0 0px;
    text-transform: uppercase;
    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    -ms-transition: 0.3s !important;
	transition: 0.3s !important;
}
.box-signup .links-account .nav-pills .nav-item .nav-link.active,
.box-signup .links-account .nav-pills .nav-item .nav-link:hover {
    color: #165df5 !important;
    background-color: transparent;
}

.box-signup .title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: #0b2238;
}
.other_login .line-or {
    border-bottom: 1px solid #edeef1;
    position: relative;
    margin: 2rem 0;
}
.other_login .line-or .or {
    position: absolute;
    padding: 0 1rem;
    background-color: #ffffff;
    font-size: 16px;
    color: #6c7a87;
    text-align: center;
    top: -12px;
    left: 0;
    text-transform: capitalize;
    right: 0;
    width: 56px;
    margin: auto;
}
button.close {
    background: #f3f4f5;
    font-size: 16px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    text-shadow: none;
    opacity: unset;
    color: #000000;
}
.other_login .btn-loin-google {
    position: relative;
    border-radius: 8px;
    padding: 1rem;
    background-color: rgba(11, 34, 56, 0.05);
    min-width: 300px;
    font-size: 15px;
    text-align: center;
	margin-right: 1rem;
	font-family: 'Mada', sans-serif;
	font-weight: 400;
}
.other_login .btn-loin-google i {
    position: absolute;
    margin-right: 2rem;
    left: 1rem;
    top: 1.2rem;
    color: #0b2238;
    font-size: 19px;
}
.other_login .btn_twitter {
    width: 54px;
    height: 54px;
    border: 1px solid #edeef1;
    border-radius: 8px;
}
.other_login .btn_twitter i {
    color: #6c7a87;
    font-size: 20px;
    display: flex;
    justify-content: center;
}
.form-group label {
    font-size: 13px;
    font-weight: 400;
    color: #0b2238;
	font-family: 'Mada', sans-serif;
    margin: 0 0 4px 0;
}
.form-control, .form-group select {
    height: 48px;
    padding: 8px 15px;
    color: #0b2238 !important;
    font-size: 15px;
    border-radius: 8px;
    font-weight: 500;
    border-color: #edeef1;
    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    -ms-transition: 0.3s !important;
	transition: 0.3s !important;
	font-family: 'Mada', sans-serif;
	font-weight: 400;
}
.form-control:focus, .form-control:active, .form-group select:focus, .form-group select:active {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #165df5;
}

 /* custom */
.osahan-nav.fixed-top {
	padding: 27px 0;
}
header.py-5 ,
header.pt-5 {
    padding-top: 148px !important;
}
.osahan-nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
 .our-terms {
	padding-top: 130px;
	padding-bottom: 20px;
}
.linkup-area ol {
	padding-left: 30px;
}
.linkup-area h1 {
    margin-bottom: 10px;
}
.linkup-area ol  li{
	margin-bottom: 7px;
}
.our-terms-content {
    line-height: 1.85714286em;
}
.our-terms-content .articles ul {
    padding-left: 50px;
    list-style: lower-roman;
}
.our-terms-content .articles ol {
    padding-left: 30px;
}

.our-terms-content .articles ul li {
    padding-left: 8px;
    margin: 2px 0;
}
.our-terms-content .scrolltotop {
	font-size: 1em;
    text-decoration: underline;
    font-weight: 400;
    line-height: 1.85714286em;
}
.our-terms-content .articles strong {
    font-weight: bold;
    color: #222;
}
.our-terms-content h5 {
    font-size: 1em;
}
.our-terms-content p {
    margin-bottom: 1.85714286em;
}
.our-terms-content h4,
.our-terms-content .h4 {
    display: block;
	margin-bottom: 1.36842105263158em;
}
.ptb-80 {
	padding-top: 150px;
	padding-bottom: 50px;
}
.content_row p {
	margin-bottom: 0;
}
.content_row{
	font-size: 16px;
	padding-bottom: 20px;
}
.content_row h1 {
    margin-bottom: 30px;
}
.content_row h2 {
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}
.content_row .sec_par{
    padding-top:20px;
}

/*second pdf css*/
.content_row .com_par{
    padding-top:20px;
}

/*third pdf css*/
.content_row .com_par a{
    color:blue;
    text-decoration: underline;
}
/* review */
.review-area {
    background: rgb(59 136 200 / 8%);
    padding: 78px 0 100px;
}

.review-top h1 {
    margin-bottom: 18px;
	color: #000;
}
.single-review .row {
    padding-left: 30px;
}

.single-review {
    margin-top: 30px;
}

.review-top {
    margin-bottom: 32px;
}

.single-review p {
	color: #000;
}
.single-review > p {
    background: #fff;
    font-size: 20px;
    line-height: 1.6em;
    border-radius: 7px;
    padding: 35px 40px;
    position: relative;
    margin-bottom: 35px;
	color: #6c7a87;
}

.single-review > p::after {
    position: absolute;
    content: "";
    bottom: -8px;
    left: 50px;
    width: 16px;
    height: 16px;
    background: #ffffff;
    transform: translateX(-50%) rotate(45deg);
    transform-origin: center;
}

.single-review img {
    border-radius: 100%;
}

.single-review-icon i {
    color: #fcb900;
}

.single-review-icon {
    margin-bottom: 5px;
}

.body-top {
	padding-top: 150px;
}
#feature-budget {
	padding-top: 6rem;
}
#feature-bills {
	padding-top: 6rem;
}
#feature-net-worth {
	padding-top: 6rem;
}
#feature-rules {
	padding-top: 6rem;
}
#pricing {
	padding-top: 6rem;
}
.fixedtopbg {
	background: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: saturate(1) blur(20px) !important;
    -o-backdrop-filter: saturate(1) blur(20px) !important;
    -ms-backdrop-filter: saturate(1) blur(20px) !important;
    backdrop-filter: saturate(1) blur(20px) !important;
    border-bottom: 1px solid #edeef1;
    padding: 18px 0;
}

/* Mobile */


/* Mobile Media */
@media (min-width: 0px) and (max-width: 767px) {
	.container {
         max-width: 100%;
    }
    .osahan-nav {
        padding: 10px 15px !important;
    }    
    .navbar-toggler {
        background: #000;
        padding: 2px 4px;
        outline: none !important;
    }
    br {
        display: none;
    }
    .header-title h1 {
        font-size: 2.5rem;
    }
    .p-5 {
        padding: 1rem!important;
    }
    .brands-item {
        background: #fbf4f4;
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        margin: 0 3px;
        font-size: 28px;
        color: #f3a4a4;
    }
    li.nav-item.active.ml-1 {
        margin: 3px 0px !important;
    }
    .osahan-price {
        margin: 0 0 15px 0;
    }
    .h1, h1 {
        font-size: 2rem;
    }
    .mb-5, .my-5 {
        margin-bottom: 2rem!important;
    }
    .osahan-copyright, .osahan-copyright .text-right {
        text-align: center !important;
    }
    footer {
        display: none;
    }
    .col-md-5.d-flex.justify-content-end {
        justify-content: start !important;
    }
    .modal-body.p-lg-5 {
        padding: 2rem;
    }
    .col-md-5.d-flex.justify-content-end .px-2 {
        padding: 0 11px 0 0 !important;
    }
	.ptb-80 {
		padding-top: 80px;
		padding-bottom: 30px;
	}
	.single-review {
		margin: 25px auto 0;
		max-width: 360px;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .container {
         max-width: 100%;
    }
    .osahan-nav {
        padding: 10px 15px !important;
    }
    .navbar-toggler {
        background: #000;
        padding: 2px 4px;
        outline: none !important;
    }
    br {
        display: none;
    }
}
@media (min-width: 1024px) and (max-width: 1200px) {
     .container {
         max-width: 100%;
    }
}
/* End Mobile Media */