body {
}

@font-face {
	font-family: gothom;
	src: url('../font/gotham/GothamRounded-Medium.otf') format("opentype");
	;
}

@font-face {
	font-family: saira-bold;
	src: url('../font/Saira-SemiBold.ttf') format("opentype");
	;
}

@font-face {
	font-family: gothom-light;
	src: url('../font/gotham/GothamRounded-Light.otf') format("opentype");
	;
}

@font-face {
	font-family: popines-medium;
	src: url('../font/poppins/poppins-Medium.ttf') format("opentype");
	;
}

@font-face {
	font-family: poppins-light;
	src: url('../font/poppins/Poppins-Light.ttf') format("opentype");
	;
}

* {
	font-family: poppins-light;
	letter-spacing: .6px;
}
* p{
	font-size: 14px;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.plan-dark-btn{
	background: transparent;
    border: 1px solid #000000;
    border-radius: 30px;
}
.plan-dark-btn:hover{
    background-color: #000000;
    color: #ffffff;
}

#hero-header{
	background-image: url("../img/bg.svg");
	background-size: cover;
	background-position: center;
}

#hero-header .navbar-brand img{
	width: 144px;
}
.navbar-toggler img{
	width: 35px;
}
.header-navbar li a{
	font-size: 21px;
	padding: 9px 17px;
	margin-right: 20px;
    border-radius: 16px;
}
.main-nav ul li a{
	color: #ffffff!important;
	font-weight: bold;
}
.main-nav ul li .nav-link:hover{
	color: #ff0000!important;
}
.main-nav ul li .active{
	color: #ff0000!important;
}
.header-text{
	color: #ffffff;
	padding: 122px 0px;
}
.header-text h5{
	font-size: 27px;
}
.header-text h3{
	font-size: 45px;
	font-weight: bold;
}

.elder-btn{
	background-color: #E1231F;
	color: #ffffff!important;
	border-radius: 25px;
	font-size: 14px;
}
.elder-btn:hover{
	background-color: #BB1612;
	color: #ffffff!important;
}
.elder-blue-btn{
	background-color: #062040;
	color: #ffffff!important;
	border-radius: 25px;
	font-size: 14px;
}
.elder-blue-btn:hover{
	background-color: #031224;
	color: #ffffff!important;
}
.danger-link{
	color: #f90a0a;
}
.danger-link:hover{
	color: #cd0808;
}
.elder-primary-btn{
	background-color: transparent;
	color: #ffffff!important;
	border:1px solid #FFFFFF;
	border-radius: 25px;
	font-size: 14px;
}
.elder-primary-btn:hover{
	background-color: #BB1612;
	color: #ffffff!important;
	border:1px solid #BB1612;
}
#features .container{
	padding: 65px 0px;
}
.feature-box,.key-feature-box{
	border-radius: 8px;
	padding: 15px 24px;
}
.active-box:hover{
	cursor: pointer;
	box-shadow:-1px 0px 8px 0 rgb(0 0 0 / 5%), 0 6px 20px 0 rgb(0 0 0 / 5%);
}
.planning-box{
border:1px solid #e7e7e7;
background-color: white;
border-radius: 10px;
padding: 20px 54px;
}
.planning-box:hover{
transition: .5s;
border:1px solid #ffffff;
	cursor: pointer;
	box-shadow:-1px 0px 8px 0 rgb(0 0 0 / 5%), 0 6px 20px 0 rgb(0 0 0 / 5%);
}
.copyright{
	border-top: .5px solid #ffffff;
}
.btn-second-app{
	display: inline-flex;
	font-size: 35px;
	border-radius: 24px;
	background-color: transparent;
	color: #ffffff;
    border: 1px solid white;

}
.btn-app{
	border-radius: 24px;
	background-color: white;
	color: #000000;
	display: inline-flex;
	font-size: 35px;
}
.download-text{
	font-size: 11px;
}
.app-text{
	font-size: 18px;
    line-height: 22px;
}
.video video{
	width: 100%;
	border-radius: 5px;
	box-shadow:-1px 0px 11px 0px rgb(0 0 0 / 17%), 0 6px 20px 0 rgb(0 0 0 / 38%);
}
.app-link-text{
	padding: 112px 0px;
	color: #ffffff;
}
.app-link-text h5{
	font-size: 20px;
}

.app-link-text h3{
	font-size: 39px;
}

.customer-heading-img img{
	width: 45px!important;
	border-radius: 50%;
	height: 45px!important;
	object-fit: cover;
}
.customer-heading{
	padding: 24px 15px;
	box-shadow:-1px 0px 8px 0 rgb(0 0 0 / 5%), 0 6px 20px 0 rgb(0 0 0 / 5%);
}
.footer-nav{
	color: #ffffff;
}
.footer-nav a{
	color: #b9b9b9;
}
.footer-nav a:hover{
	color: #ffffff;
}
.header-img img{
	width: 413px;
}
.owl-dots{
	text-align: center;
}
.owl-dots button span{
	height: 6px;
    width: 29px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #BCC0C5;
    color: red;
    display: block;
    border-radius: 5px;
}
.owl-dots .active span{
    background-color: #0d488b!important;
}
.app-img img{
	width: 340px;
}
.planning-box-header img{
	width: 65px;
	margin-right: 20px;
}
.planning-box-header h2 span{
	font-size: 16px;
}

.delivery-box img{
	width: 134px;
	height: 134px;
	object-fit: cover;
}
.form-input label{
	color: #242424;
	font-size: 14px;
	margin-bottom: 9px;
}
.form-input input{
	width: 100%;
    border-radius: 5px;
    outline: none;
    background: #ededed;
    padding: 7px 9px;
    border: 0.5px solid #ededed;
}
.remenber-box{
	color: #535353;
	font-size: 15px;
}
.form-input textarea{
	width: 100%;
	height: 110px;
	border-radius: 5px;
	border:none;
    padding: 7px 9px;
    resize: none;
    background: #ededed;
    outline: none;
}

.forget-box button{
	font-size: 15px;
	text-decoration: none;
	color: #535353;
	outline: none;
}
.forget-box button:hover{
	color: #207AE1;
}

.form-box{
	padding: 40px 30px;
	box-shadow:-1px 0px 8px 0 rgb(0 0 0 / 5%), 0 6px 20px 0 rgb(0 0 0 / 5%);
	background-color: #ffffff;
}
.invalid{
    background: #ffb8b8!important;
}
.invalid::placeholder{
	color: #ffffff!important
}
.total-img img{
	width: 55px;
	height: 55px;
}
.total-side-up{    
	border-bottom: 1px solid #e3e3e3;
    padding: 15px 17px;
}
.total-side-down{
	margin-top: 14px;
	background-color: #e3e3e3;
    padding: 13px 0px;
}
.total-side-inner{
	box-shadow:-1px 0px 8px 0 rgb(0 0 0 / 5%), 0 6px 20px 0 rgb(0 0 0 / 5%);
	background-color: #ffffff;
}
.card-btn button{
	height: 40px;
	color: #ffffff;
    background: #ADC0D6;
    border-radius: 50%;
    width: 40px;
    font-size: 27px;
    line-height: 28px;
    font-weight: bold;
}
.card-box{
    border: 2px solid #cbcbcb;
    padding: 15px 14px;
    border-radius: 8px;
    position: relative;
}
.card-box-active{
	border:2px solid #00517E;
}
.card-box-active::before{
	content: " \f00c";
    font-family: "Font Awesome 6 Free";
    position: absolute;
    background: #00517E;
    width: 40px;
    height: 40px;
    right: -17px;
    text-align: center;
    line-height: 41px;
    border-radius: 50%;
    color: #ffffff;
    font-weight: bold;
    top: -18px;
}
.demo .modal-header .btn-close{
	border: 3px solid #000000;
    border-radius: 50%;
}
.demo .modal-content{
	border-radius: 20px;
}
.card-model-outer{
	position: relative;
}
.card-model{
	position: absolute;
    right: 4px;
    top: 24px;
}
.card-model .nav{
	width: 223px;
    text-align: left;
    background: #E2E8EF;
}
.card-model .nav li a{
	color: #000000;
	font-size: 13px;
}
.card-model .nav li a:hover{
	background-color: #e9e1e1;
}

.post-videos{
	position: relative;
}
.post-videos video{
	width: 100%;
	height: 415px;
	object-fit: cover;
}
.post-videos-button{
	position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    color: #f50000;
    font-size: 51px;
    cursor: pointer;
    background: #fffefe;
    border-radius: 50%;
    width: 69px;
    height: 69px;
}
.post-videos-button .inner{
	position: absolute;
    transform: translate( -50%, -50%);
    left: 55%;
    font-size: 34px;
    top: 50%;
}
@media only screen and (max-width: 900px){
	.header-img img{
		width: 289px;
	}
	.main-nav .navbar-nav{
		width: 740px;
	    color: #ffffff;
	    text-align: center;
	    margin-top: 24px;
	}
	.header-text{
		color: #ffffff;
		padding: 92px 0px;
	}
	.main-nav li .btn{
		width: 100%;
		margin-top: 10px;
	}
	.navbar-light .navbar-toggler{
		padding: 12px;
	    border-radius: 50%;
	    position: absolute;
	    top: -4px;
	    right: 0px;
	}
	.main-nav .navbar-nav{
		width: 740px;
	    color: #ffffff;
	    text-align: center;
	    margin-top: 24px;
	}
	.navbar-light .navbar-toggler{
		border:0px;
		outline: none;
	}


}
@media only screen and (max-width: 425px){
	.remenber-box{
	font-size: 12px;
}
.remenber-box input{
	width: auto!important;
}
.forget-box button{
	font-size: 12px;
}
	.footer-nav {
    color: #ffffff;
    margin-top: 21px;
}
	.form-box input{
		width: 100%;
	}
	.form-box{
	padding: 0px 0px;
	box-shadow:none;
	background-color: #ffffff;
}
	.main-nav li .btn{
		width: 100%;
		margin-top: 10px;
	}
	.header-text {
	    color: #ffffff;
	    padding: 45px 32px;
	}
	.header-text h5{
	font-size: 18px;
	}

	.header-text h3{
		font-size: 35px;
		font-weight: bold;
	}
	
	.navbar-light .navbar-toggler{
		padding: 12px;
	    border-radius: 50%;
	    position: absolute;
	    top: -4px;
	    right: 0px;
	}
	.main-nav .navbar-nav{
		width: 300px;
	    color: #ffffff;
	    text-align: center;
	    margin-top: 24px;
	}
}