@font-face {
font-family: "Berkshire Swash";
src: url("../fonts/Berkshire_Swash/BerkshireSwash-Regular.ttf");
}

@font-face {
font-family: "Open Sans";
src: url("../fonts/Open_Sans/OpenSans-Regular.ttf");
}


/* ----- CSS Variables ----- */
:root {
	--font-family-1: "Open Sans", Arial, Helvetica, sans-serif;
	--theme-color-1: #3F48CC;
	--theme-color-2: #EE92B9;
}

/* ----- Global styles ----- */
html, body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: var(--font-family-1);
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
}


*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {}
p {}
a:hover {
	text-decoration: none;
}
b, strong {
	font-weight: bold;
}
.row {
	margin-left: 0;
	margin-right: 0;
}
.container, .container-fluid, .col, [class*="col-"] {
	padding-left: 0;
	padding-right: 0;
}

/* ----- Common styles ----- */
.btn.theme-1 {
	color: #ffffff;
    border: 1px solid;
    border-radius: 0;
	background-color: #cdcdcd;
	opacity: 0.7;
}
.btn.theme-1.succ {
	background-color: var(--theme-color-1);
}
.btn.theme-1.social .txt {
	display: none;
	margin-left: 0;
}
.btn.theme-1.facebook {
	background-color: #3B5998;
}
.btn.theme-1.instagram {
	background-color: #0077b5;
}
.btn.theme-1.google {
	background-color: #dd4b39;
}


/* ----- Landing page with Registration form ----- */
.master-wrapper {
	height: 100vh;
	overflow: hidden;
	background-color: #F7CCCF;
	/* background-image: url("../img/bg.jpg"); */
	background-size: cover;
	background-repeat: no-repeat;
    background-position: right;
}
.buddha-img{
		position:fixed;
		right:0;
		height:100%;
	}
	
header {
	margin-bottom: 2rem;
}
.brand {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.brand .logo {
    width: 15%;
}
.brand .text {
	font-size: 2.5rem;
	margin-left: 2rem;
	margin-top: auto;
    margin-bottom: 2.2rem;
	text-shadow: 2px 3px var(--theme-color-1);
	color: #fff;
	font-family: 'Berkshire Swash';
}
main.main {
	
	padding: 2rem 1rem;
	width: 95%;
    margin: 0 auto;
}
.form-heading {
	margin-bottom: 3rem;
}
.form-heading .col {
	position: relative;
	text-align: center;
}
.form-heading .txt {
	display: inline-block;
	font-size: 1.6rem;
	color: #ffffff;
}
.form-heading .btn {
	position: absolute;
	right: 0;
}
.social-wrapper {
	display: flex;
    justify-content: center;
    align-items: center;
}
.social-wrapper .btn-gp {
	display: flex;
	flex-direction: row;
}
.social-wrapper .btn-gp .btn {
	display: block;
	width: 100%;
	margin-right: 1.5rem;
}
.divider-y {
	position: relative;
	align-self: stretch;
	border: 1px solid #ffffff;
	margin: 2rem 0;
}
.divider-y .txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 20px;
    background-color: #ffffff;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-wrapper {
	margin-bottom: 3rem;
}
.form-wrapper .reg-form {
	width: 90%;
    padding: 1rem 0;
    margin: 0 auto;
}
.form-wrapper .form-group {
    margin-bottom: 1.5rem;
}
.form-wrapper .form-control {
	border-radius: 0;
    border: none;
    border-bottom: 1px solid #ffffff;
    background-color: transparent;
    padding: 0.5rem 0;
	color: #ffffff;
}
.form-wrapper .form-control::placeholder {
	color: #ffffff;
}
.form-wrapper .form-control:focus {
	box-shadow: none;
}
.form-wrapper .custom-control-inline:not(:last-of-type) {
	margin-right: 2rem;
}
.form-wrapper .custom-control-label {
	display: inline-flex;
    align-items: center;
	color: #ffffff;
}
.footer .ft-txt {
	text-align: center;
	font-size: 1.2rem;
	color: #ffffff;
	margin-bottom: 2rem;
}
.footer .ft-links {
	display: flex;
	justify-content: center;
}
.footer .ft-links a {
	color: #ffffff;
	margin-right: 2rem;
}
.footer .ft-links a:hover {
	border-bottom: 1px solid #ffffff;
}

/* ----- Modal - Login ----- */
.login-modal .modal-content {
	border-radius: 0;
}
.login-modal .modal-head {
	position: relative;
	text-align: center;
	padding: 1rem;
}
.login-modal .modal-title {
	font-size: 1.3rem;
}
.login-modal .modal-title {
	display: inline-block;
}

/* ----- Screen Responsive / Zoom level ----- */
@media (min-width: 768px) {
	html, body {
		font-size: 14px;
	}
	main.main {
		width: 70%;
	}
	.brand {
		flex-direction: row;
		justify-content: flex-start;
		padding-top: 0.5rem;
	}
	.brand .logo {
		flex-basis: 7%;
	}
	.btn.theme-1.social .txt {
		display: inline;
		margin-left: 0.5rem;
	}
	.form-wrapper .reg-form {
		width: 70%;
	}
	.social-wrapper .btn-gp {
		flex-direction: column;
	}
	.social-wrapper .btn-gp .btn {
		margin-right: 0;
		margin-bottom: 1.5rem;
	}
	.divider-y {
		margin: 0;
	}
}
/* Zoom level - 110% */
@media (min-width: 1200px) {}

/* Zoom level - 100% */
@media (min-width: 1536px) {}

/* Zoom level - 90% */
@media (min-width: 1707px) {}