@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Bold.eot');
	src: url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-Bold.woff2') format('woff2'), url('../fonts/Gilroy-Bold.woff') format('woff'), url('../fonts/Gilroy-Bold.ttf') format('truetype'), url('../fonts/Gilroy-Bold.svg#Gilroy-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Bree Serif';
	src: url('../fonts/BreeSerif-Regular.eot');
	src: url('../fonts/BreeSerif-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/BreeSerif-Regular.woff2') format('woff2'), url('../fonts/BreeSerif-Regular.woff') format('woff'), url('../fonts/BreeSerif-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

html {
	scroll-behavior: smooth
}

body {
	color: #32363F;
	font-size: 16px;
	letter-spacing: 0.48px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	/*    font-family: 'Gilroy';*/
	font-weight: bold;
}

a,
a:hover {
	text-decoration: none;
}

* {
	margin: 0;
	padding: 0;
}


/* Start Header CSS */

header {
	width: 100%;
	padding: 20px 0;
	z-index: 11;
}

header .logo {}

header .logo img {}

header .lang-select {
	border: none;
	background: none;
	color: #fff;
}

header .event-btn {
	height: 40px;
	width: 148px;
	border: 1px solid #E74C3C;
	border-radius: 6px !important;
	color: #E74C3C;
	font-family: "Gilroy";
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	text-align: center;
	background: #fff;
	margin-top: 10px;
	display: inline-block;
	transition: 0.4s;
	cursor: pointer;
	-webkit-appearance: none;
}

header .event-btn:hover {
	background-color: #E74C3C;
	color: #fff;
	-webkit-appearance: none;
}

header span {
	color: #fff;
	font-size: 14px;
	margin-right: 15px;
	text-transform: uppercase;
}

header nav.navbar {
	padding: 0;
}

header nav.navbar .navbar-collapse .nav-item {
	padding-left: 40px;
}

header nav.navbar .navbar-collapse .nav-item .nav-link {
	color: #272727;
	font-family: "Open Sans";
	font-size: 16px;
	letter-spacing: 0;
	line-height: 22px;
	padding: 0;
}

header .col-md-8 .event-btn {
	display: none;
}

h2.heading2 {
    color: #212121;
    /* font-family: "Open Sans"; */
    font-size: 31px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 55px;
    text-align: center;
    /* position: relative; */
    /* margin-bottom: 30px; */
    /* padding-bottom: 10px; */
}


/* End Header CSS */


/* banner css */

.banner {
	background: url(../images/bg_1.png) center top no-repeat;
	padding: 100px 0 10px;
}

.banner h4 {
	opacity: 0.8;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 29px;
	text-transform: uppercase;
	margin: 80px 0 15px;
}

.banner h2 {
	color: #FFFFFF;
	font-family: "Bree Serif";
	font-size: 64px;
	letter-spacing: 0;
	font-weight: normal;
	line-height: 76px;
	font-family: 'Bree Serif';
}

.banner p {
	color: #FFFFFF;
	font-family: "Open Sans";
	font-size: 18px;
	letter-spacing: 0;
	line-height: 26px;
}

.banner .download {
	margin: 60px 0 15px;
}

.banner .download h5 {
	color: #FFFFFF;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 24px;
	margin-bottom: 15px;
}

.banner .download h5 img {
	vertical-align: top;
}

.banner .download .icons {}

.playstore a + a{
    margin-left: 15px;
}

.playstore img:hover{
	transform: scale(1.1);
}

.playstore a img {
	height: 48px;
    transition: 0.4s;
}


/* banner css */

.msg-wrapper {
	margin: 0 0 50px 0;
    position: relative;
    overflow: hidden;
}
.msg-wrapper .circle {
    position: absolute;
    right: -11%;
    top: 0;
}

/*
.msg-wrapper h2 {
    color: #212121;
    font-family: "Open Sans";
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 55px;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}
.msg-wrapper h2:before {
    content: '';
    background-color: #E74C3C;
    height: 2px;
    width: 104px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    bottom: -5px;
}
*/

.msg-wrapper h4 {
	color: #140E09;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 24px;
	text-align: center;
}

.msg-wrapper p {
	color: #212121;
	font-family: "Open Sans";
	font-size: 16px;
	letter-spacing: 0;
	line-height: 28px;
	text-align: center;
}

.msg-wrapper h5 {
	color: #E74C3C;
	font-family: "Open Sans";
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 27px;
	text-align: center;
}

.msg-wrapper .row p {
	font-size: 14px;
}

.download-section img,
.msg-wrapper img {
	margin: 30px auto 20px;
	transition: 0.4s;
    cursor: pointer;
}
.msg-wrapper img:hover,
.download-section img:hover {
	transform: scale(1.05);
}


/* why us */

.download-section {
	margin: 100px 0 50px ;
}

.download-section .col-md-3 {
	text-align: center;
}

h2.heading {
	color: #212121;
	font-family: "Open Sans";
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 55px;
	text-align: center;
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

h2.heading:before {
	content: '';
	background: url(../images/line.png) 0 0 no-repeat;
	height: 2px;
	width: 104px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
}

.download-section p {
	opacity: 0.7;
	color: #212121;
	font-family: "Open Sans";
	font-size: 16.8px;
	letter-spacing: 0;
	line-height: 24px;
	text-align: center;
}

.download-section h4 {
	color: #140E09;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 24px;
	text-align: center;
}

.download-section p {}

.download-section p strong {}


/* why us */


/* getin */

.getin {
	background: url(../images/bg_2.png) 0 0 no-repeat;
	padding: 60px 0;
	background-size: cover;
}

.getin .innr-div {
	width: 520px;
	border-radius: 8px;
	background-color: #FFFFFF;
	box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
	margin: 0 auto;
	text-align: center;
	padding: 55px 60px;
}

.getin .innr-div form {}

.getin .innr-div h3 {
	color: #212121;
	font-family: "Open Sans";
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 43px;
	text-align: center;
}

.getin .innr-div p {
	opacity: 0.6;
	color: #212121;
	font-family: "Open Sans";
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 24px;
	text-align: center;
}

.innr-div form label {
	opacity: 0.6;
	color: #2B2727;
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 24px;
	text-align: left;
	width: 100%;
	margin: 25px 0 10px;
	position: relative;
}

.getin .innr-div form textarea.form-control {
	height: 124px;
}

.innr-div form .form-control {
	height: 40px;
	width: 100%;
	line-height: 40px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	text-align: left;
}
.innr-div form .form-control:focus{
    border-color:#E74C3C;
    box-shadow: none;
}

.innr-div form .send {
	height: 48px;
	width: 328px;
	border-radius: 6px;
	background-color: #E74C3C;
	color: #FFFFFF;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 48px;
	text-align: center;
	text-transform: capitalize;
	border: none;
	transition: 0.4s;
	margin-top: 15px;
	cursor: pointer;
}

.innr-div form .send:hover {
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 22%);
}

.innr-div form .checkout {
	width: 100%;
	margin-bottom: 20px;
}
.innr-div form .checkout {
	height: 48px;
	/* width: 668px; */
	border-radius: 6px;
	background-color: #E74C3C;
	color: #FFFFFF;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 48px;
	text-align: center;
	text-transform: capitalize;
	border: none;
	transition: 0.4s;
	margin-top: 15px;
	cursor: pointer;
}

.innr-div form .checkout:hover {
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 22%);
}


/* getin */


/* footer */

footer {
	/*    background: radial-gradient(circle, #585757 0%, #2A2929 100%);*/
	background-color: #fff;
	padding: 25px 0 25px;
}

footer .col-md-7 {
	display: flex;
	align-items: center;
}

footer ul {
	display: flex;
	margin: 0;
	padding: 0;
	justify-content: flex-end;
}

footer ul li {
	list-style: none;
	margin-left: 20px;
}

footer ul a {
	color: #fff;
}

footer p {
	opacity: 0.7;
	color: #212121;
	font-family: "Open Sans";
	font-size: 14px;
	letter-spacing: 0;
	line-height: 19px;
	margin: 0
}


/* footer */

.promote-event {
	background: url(../images/bg_event.png) 0 0 no-repeat;
	background-size: cover;
	padding: 50px 0;
}

.promote-event .innr-div {
	border-radius: 8px;
	background-color: #FFFFFF;
	box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
	padding: 45px 50px;
}

.promote-event .innr-div h4 {
	color: #2B2727;
	font-family: "Open Sans";
	font-size: 24px;
	letter-spacing: 0;
	line-height: 33px;
	padding-left: 8px;
	border-left: 4px solid #E74C3C;
	text-transform: capitalize;
}

.promote-event .innr-div p {}

.innr-div input.form-control.date {
	appearance: none;
	background: url(../images/ic_date.png) 95% center no-repeat;
}

.innr-div input.form-control.time {
	appearance: none;
	background: url(../images/ic_time.png) 95% center no-repeat;
}

.file-upload {
	height: 190px;
	width: 190px;
	border: 1px solid #D1D1D1;
	border-radius: 6px;
	background-color: #EDEDED;
	position: relative;
	text-align: center;
	margin-top: 20px;
}

.file-upload .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.file-upload input[type="file"] {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.file-upload p {
	color: #191A1A;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 17px;
	margin-top: 15px;
}


/* input custom */

.innr-div label span {
	padding: 0 15px;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 9px;
	transition: 0.2s;
	transition-timing-function: ease;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	/*
    opacity:0.5;
    color: rgba(72,72,72,0.7);
    font-size: 16px;
    font-weight: bold;
*/
}

.innr-div input.form-control {
	color: #484848;
	font-size: 16px;
	/*    line-height: 52px;*/
	z-index: 11;
	position: relative;
	background: transparent;
}

.innr-div label textarea:focus+span,
.innr-div textarea:not(:placeholder-shown)+span,
.innr-div label input:focus+span,
.innr-div input:not(:placeholder-shown)+span {
	opacity: 1;
	top: -3px;
	transform: scale(1) translateY(-100%) translateX(-30px);
	background: transparent;
	padding: 0 6px;
	left: 25px;
	z-index: 99;
}


/* For IE Browsers*/

.innr-div label input:focus+span,
.innr-div input:not(:-ms-input-placeholder)+span {
	opacity: 1;
	transform: scale(0.75) translateY(-100%) translateX(-30px);
}


/* responsive css */

@media (min-width: 1200px) {}

@media (max-width: 1200px) {}

@media (max-width: 1024px) {
	.msg-wrapper .col-md-3 img {
		width: 100%;
	}
}

@media (max-width: 991px) {
	.banner h2 {
		font-size: 48px;
		line-height: 68px;
	}
	.navbar-light .navbar-toggler span {
		margin: 0;
	}
	.navbar-light .navbar-toggler {
/*		background: #E74C3C;*/
		color: #E74C3C;
		border-color: #E74C3C;
	}
	header nav.navbar .navbar-collapse {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: #E74C3C;
		padding: 10px 0;
		z-index: 1;
	}
	header nav.navbar .navbar-collapse li.nav-item {
		line-height: 30px;
		padding: 0 15px;
	}
	header nav.navbar .navbar-collapse li.nav-item a.nav-link {
		line-height: 40px;
		color: #fff;
		transition: 0.4s;
	}
	header nav.navbar .navbar-collapse li.nav-item a.nav-link:hover {
		padding-left: 10px;
	}
	header nav.navbar button.navbar-toggler {
		position: absolute;
		right: -15%;
		top: auto;
		padding: 3px 5px;
	}
	header .col-md-8 {
		position: static;
	}
	header {
		position: relative;
	}
}

@media (max-width: 812px) {}

@media (max-width: 768px) {}

@media (max-width: 767px) {
    .container{
        max-width: 100%;
    }
	header .col-md-8 .event-btn {
		display: inline-block;
		z-index: 1;
	}
	header .col-md-4 .event-btn {
		display: none;
	}
	header .event-btn {
		height: 32px;
		width: 100px;
		line-height: 32px;
		font-size: 12px;
		position: absolute;
		right: 60px;
		top: 50%;
		transform: translateY(-50%);
		margin: 0;
		-webkit-appearance: none;
	}
	header nav.navbar button.navbar-toggler {
		right: 0;
	}
	.banner {
		text-align: center;
		padding: 50px 0 10px;
	}
	.banner h2 {
		font-size: 40px;
		line-height: 60px;
	}
	.getin .innr-div {
		width: 85%;
		padding: 20px;
	}
	.getin .innr-div h3 {
		font-size: 22px;
        line-height: 26px;
	}
	.banner p,
	.getin .innr-div p {
		font-size: 16px;
	}
	.download-section img {
		margin-right: 0 !important;
	}
	.innr-div form .send {
		width: 100%;
		margin-bottom: 20px;
	}
	.innr-div form p {
		text-align: center;
	}
	h2.heading {
		font-size: 25px;
	}
	.promote-event .innr-div h4 {
		font-size: 18px;
	}
	.promote-event .innr-div {
		padding: 30px 20px;
	}
	.promote-event .innr-div .col-md-4 h4 {
		margin-top: 20px;
	}
	.promote-event .innr-div .form-group {
		margin: 0;
	}
	.promote-event .innr-div .form-group input.form-control {
		margin-bottom: 15px;
	}
	footer .col-md-7,
	footer ul {
		justify-content: center;
	}
	footer ul {
		margin-top: 15px;
	}
    .msg-wrapper .col-md-3 img{
        height:320px;
        width: auto;
    }
    .phone.text-right.mt-2 {
        text-align: center !important;
    }
    .phone.text-right img {
        width: auto;
        height: 300px;
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
	
	header .logo img {
		width: 120px;
	}
}
.card-img-block {
    height: 280px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	border-radius: 1.5rem 1.5rem 0 0;
	cursor:pointer;
}
.img-blog {
    border-radius: 1.5rem;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
	cursor:pointer;
	min-height: auto !important;
    height: 480px;
	transition: 0.4s;
}
.card.img-blog:hover {
    transform: scale(1.05);
}
.Blog-section {
    margin-bottom: 40px;
    margin-top: 40px;
}
.card-body {
    padding-top: 15px;
}
.start {
    font-size: 16px;
    margin-bottom: 6px;
	color:#212121;
	margin-top: 12px;
}

.card-title{
	text-align:justify;
	color:#212121;
}
h1.font-sz {
    font-size: 2rem;
    text-align: justify;
	margin-bottom:40px;
}
.Blogdteail-section{
	margin-bottom: 40px;
    margin-top: 35px;
}
h1.heading2 {
    color: #212121;
    font-size: 31px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 55px;
	margin-bottom:25px;
    
}

    .parah-style{
		opacity: 0.7;
    color: #212121;
    font-family: "Open Sans";
    font-size: 16.8px;
    letter-spacing: 0;
    line-height: 26px;
	text-align:justify;
	}
	.font-ul{
font-size:20px;
margin-top:35px;
	}
	.padding-left{
		padding-left:32px;
	}
	img.imagewidth {
		width: 100%;
		margin-top: 35px;
		margin-bottom: 35px;
	}
	.color-anchor{
		color:#E74C3C !important;
	}
	.block{
		display:none;
	 }
	 .img-blog{
		margin-bottom:30px;
	 }
	 button.loadMore:focus {
		box-shadow: none !important;
	}