/*<style>*/
/********************************* Font Montserrat ***********************************************/
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@400;500;600;700&family=Chewy&family=Montserrat:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap');
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	font-family: 'Poppins', sans-serif;
}
body::before{
	display: block;
	content: "";
	height: 122px;
}


/* **************************** Navbar Css Start **************************************** */
.navbar{
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.35) 100%) !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) !important;
	backdrop-filter: blur(24px) !important;
}
.navbar .nav-item{
	padding-right: 41px;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0.2px;
	color: rgba(0,0,0,.9);


}
.navbar-toggler-icon {
	background: url("../assets/logo/navbar-toggler-icon.png") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 100% !important;

}
.navbar-toggler{
	border: none;
}
.navbar-toggler:focus{
	box-shadow: none;

}

/* ******************************** Navbar Css End ******************************************** */
/********************************** main sections **************************/
.main-h1{
	background: linear-gradient(90deg,#08143D,#de413a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'Antonio', cursive;
	letter-spacing: 7px;
	font-size: 60px;
}
/*----------------------------------- Sections ----------------------------------------------------*/
section{
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(
		90deg
		, hsla(186, 33%, 94%, 1) 0%, hsla(216, 41%, 79%, 1) 100%);
}
section .row{
	padding: 70px 0px;
}
.card1{
	position: relative;
	width: 300px;
	height: 400px;
	background: #fff;
	transform-style: preserve-3d;
	transform: perspective(1000px);
	box-shadow: 10px 20px 40px rgba(0, 0, 0, 0.25);
	transition: 1s;
}
.card1:hover{
	transform: translateX(50%);
}
.card1 .imgBox{
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	transform-origin: left;
	transform-style: preserve-3d;
	background: #000;
	transition: 1s;
}
.card1:hover .imgBox{
	transform: rotateY(-180deg);
	
}
.card1 .imgBox img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform-style: preserve-3d;
	backface-visibility: hidden;
}
.card1 .imgBox img:nth-child(2){
	transform: rotateY(180deg);
}
.card1 .details{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px;
	display: flex;
}
.card1 .details .content{
	display: flex;
	width: 100%;
	flex-direction: column;
}
.card1 .details .content h2{
	font-family: 'chewy';
	font-weight: 700;
	line-height: 1em;
	letter-spacing: 0.2rem;
	margin-bottom: 1.5rem;
}
.card1 .details .content a{
	font-size: 1.1rem;
	background: #15a8af;
	padding: 13px 0px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.15rem;
	border-radius: 10px;
}
.card1 .details .content h3{
	font-size: 20px;
	line-height: 1;
}
/************ footer *************/
.footer-ul{
	margin: 0px;
	padding: 0px;
}
.footer-section {
	background: #060c22;
	position: relative;
}
.footer-cta {
	border-bottom: 1px solid #373636;
}
.single-cta{
	margin: 15px 0;
}
.single-cta i {
	color: #de413a;
	font-size: 30px;
	float: left;
	margin-top: 8px;
}
.cta-text {
	padding-left: 15px;
	display: inline-block;
}
.cta-text h4 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 2px;
}
.cta-text span {
	color: #757575;
	font-size: 15px;
}
.footer-content {
	position: relative;
	z-index: 2;
}
.footer-pattern img {
	position: absolute;
	top: 0;
	left: 0;
	height: 330px;
	background-size: cover;
	background-position: 100% 100%;
}	
.footer-logo{
	padding-bottom: 30px;
}
.footer-logo img {
	max-width: 227px;
}
.footer-text p {
	margin-bottom: 14px;
	font-size: 14px;
	color: #7e7e7e;
	line-height: 28px;
}
.footer-social-icon span {
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	margin-bottom: 20px;
}
.footer-social-icon a {
	color: #fff;
	font-size: 16px;
	margin-right: 15px;
}
.footer-social-icon i {
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 38px;
	border-radius: 50%;
}
.facebook-bg{
	background: #3B5998;
}
.twitter-bg{
	background: #55ACEE;
}
.google-bg{
	background: #DD4B39;
}
.footer-widget-heading h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 40px;
	position: relative;
}
.footer-widget-heading h3::before {
	content: "";
	position: absolute;
	bottom: -15px;
	height: 2px;
	width: 50px;
	background: #de413a;
}
.footer-widget ul li {
	display: inline-block;
	float: left;
	width: 50%;
	margin-bottom: 12px;
}
.footer-widget ul li a:hover{
	color: #de413a;
}
.footer-widget ul li a {
	color: #878787;
	text-transform: capitalize;
	text-decoration: none;
}
.subscribe-form {
	position: relative;
	overflow: hidden;
}
.subscribe-form input {
	width: 100%;
	padding: 14px 28px;
	background: #2E2E2E;
	border: 1px solid #2E2E2E;
	color: #fff;
}
.subscribe-form button {
	position: absolute;
	right: 0;
	background: #de413a;
	padding: 13px 20px;
	border: 1px solid #de413a;
	top: 0;
}
.subscribe-form button i {
	color: #fff;
	font-size: 22px;
	transform: rotate(-6deg);
}
.copyright-area{
	background: #02071a;
	padding: 25px 0;
}
.copyright-text p {
	margin: 0;
	font-size: 14px;
	color: #878787;
}
.copyright-text p a{
	color: #de413a;
}
.footer-menu li {
	display: inline-block;
	margin-left: 20px;
}
.footer-menu li:hover a{
	color: #ff5e14;
}
.footer-menu li a {
	font-size: 14px;
	color: #878787;
}