body {
	background-image: url('../image/background.jpeg');
	background-size: cover;
	background-repeat: no-repeat;
	max-height: 100vh;
	font-family: mainFont;
}

@font-face {
	font-family: mainFont;
	src: url(../font/Amboqia-Boriango.otf);
}

@font-face {
	font-family: innerFont;
	src: url(../font/PlayfairDisplay-VariableFont_wght.ttf);
}

@font-face {
	font-family: harbo;
	src: url(../font/haborocontrastnormregular.otf);
}



.christmas-section {
	height: 100vh;
	background: rgba(26, 26, 26, 0.55);
	position: relative;
}

.christmas-logo img {
	width: 200px;
	position: absolute;
}

.christmas-main {
	justify-content: center;
	padding: 20px 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.christmas-inner img {
	box-shadow: 2px 0px 6px 1px rgba(26, 26, 26, 0.42);
	transform: scale(1);
	transition: all 1s;
}

.christmas-inner img:hover {
	transform: scale(1.08);
}

.christmas-item .christmas-link-main {
	display: none;
}

.christmas-item:hover .christmas-link-main {
	display: block;
}

.christmas-item {
	position: relative;
}

.christmas-link {
	position: absolute;
	background: #fff;
	width: 90px;
	height: 90px;
	font-size: 12px;
	line-height: 1;
	bottom: -20px;
	right: -30px;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	box-shadow: 1px 1px 3px rgba(26, 26, 26, 0.42);
	transition: all 2s;
	z-index: 999;
	color: #da4445;
	cursor: pointer;
	font-family: mainFont;
	padding: 10px;
	font-weight: 600;
	transform: scale(1);
}

.christmas-link:hover {
	text-decoration: none;
	color: #da4445;
	transform: scale(1.3);
}

.christmas-left {
	border-right: 3px solid #6d6d6d;
}

.christmas-right {
	position: relative;
}

.christmas-right-content {
	position: absolute;
	top: 75px;
	left: 70px;
	right: 70px;
}

.christmas-right-form {
	position: absolute;
	top: 330px;
	left: 35px;
	right: 35px;
	color: #fff;
}

.christmas-right-content h5 {
	display: flex;
	align-items: flex-end;
	font-family: mainFont;
}

.christmas-right-content input {
	background: transparent;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #bdbdbd;
	width: 100%;
}

.christmas-right-content textarea {
	background: transparent;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #bdbdbd;
	width: 100%;
	resize: none;
	font-size: 14px;
	font-family: harbo;
	height: 70px;
}

.christmas-right-form input {
	height: 30px;
	border: none;
	border-radius: 8px;
	background: #f4f9fc;
}

.christmas-right-form textarea {
	height: 40px;
	border: none;
	border-radius: 8px;
	background: #f4f9fc;
}

.christmas-close {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background: #fff;
	right: 10px;
	top: 10px;
	font-family: mainFont;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 99;
}

.christmas-close img {
	width: 12px;
}

.btn {
	color: #da4445;
	border-radius: 8px;
	padding: 5px 25px;
	box-shadow: 1px 1px 3px rgba(26, 26, 26, 0.42);
	font-weight: 500;
	font-family: innerFont;
	font-weight: 600;
	letter-spacing: 0.9px;
	font-size: 14px;
}

.font-bold {
	font-weight: bold;
}

.img-xl {
	width: 350px;
}

.img-lg {
	width: 230px;
}

.img-md {
	width: 210px;
}

.img-sm {
	width: 190px;
}

.mt-lg {
	margin-top: 120px;
}

.mt-md {
	margin-top: 60px;
}

.include_invitation{width:20px !important;}
.invitation{margin-left: 25px;    margin-top: 5%;}
.form-control{padding: 5px 5px !important;font-size: 12px !important;}
.mb-md-5, .my-md-5{margin-bottom: 1rem !important;}
.default-msg{text-align: center;}
.thankyou-head{text-align:center;color: #da4445;    font-family: mainFont;    margin-bottom: 10%;}
.thankyou{text-align:center;    width: 300px;    margin-top: 28%;}
.another-card{color: #da4445;border: 1px solid; padding: 3%;margin:5%;border-radius: 6px;}
.chirstmas-program{padding: 3%;background: #da4445;color: #f8f9fa;border-radius: 6px;margin:5%;}
#name1,#name2,#name3,#name4,#from1,#from2,#from3,#from4{
font-family: mainFont;
font-weight: bold;
font-size: 1.25rem;}
.christmas-right-content h5{margin-top: 5px;}

form input{font-family: harbo;}
form textarea{font-family: harbo;}

.bottom_logo{height: 30px;bottom: 20px;position: absolute;right:20px;}
#mobile_footer_logo{display:none !important;}
.thankyou p{margin-bottom: 12% !important;}
.btn{    background-color: #ffff !important;}
.mb-md-4{margin-bottom:0.2rem !important}
@media(max-width: 767px) {
    
	#desktop_footer_logo{display:none !important;}
	#mobile_footer_logo{display:block !important;}
	
    #greenimg{
        float:left;
    }
    
    #redimg{
        float:left;
    }
    
	.img-lg,
	.img-md,
	.img-sm,
	.img-xl {
		width: 100%;
	}
	.mt-lg,
	.mt-md {
		margin-top: 0;
	}
	.christmas-main {
		left: auto;
		top: auto;
		transform: inherit;
		padding-top:100px;
		
	}
	.christmas-section {
		overflow: scroll;
	}
	.christmas-link {
		bottom: 10px;
		right: 14%;
		width: 80px;
		height: 80px;
	}
	.christmas-main-modal {
		padding: 0;
		position: inherit;
	}
	.modal-body {
		padding: 0;
	}
	.christmas-close {
		right: 13%;
		top: -5px;
	}
	.bg-green {
		background: #2e8246;
	}
	.bg-red {
		background: #da4445;
	}
	.bg-orange {
		background: #d36242;
	}
	.bg-blue {
		background: #51919f;
	}
	.christmas-left img {
		width: 55px;
		margin: auto;
		display: flex;
		padding: 5px;
  }
  
/*  .modal-body .d-md-flex{background-color: beige;} */
  .thankyou{margin-top:5%;width:100%;height:330px;}
  .christmas-left{display:none;}
  .christmas-right-content{top: 60px;left: 54px;}
  .christmas-right-content input{    width: 70% !important;}
  .christmas-right-content textarea{width: 85% !important;}
  .w-100{width: 74% !important; margin-left: 0%;}
 /* .modal-body .mb-3, .my-3{margin-bottom:0 !important;}*/
  .mb-md-5, .my-md-5{margin-bottom:0 !important;}
  .invitation{margin-left: 10px;margin-top: 2%;}
  input[type="checkbox"] {width:10% !important;}
  .default-msg{width: 90%;font-size: 14px;}
  .christmas-right-form{left: 5px;}
  .christmas-right-form{top:49%  !important;}
  #time1,#time2,#time3,#time4{width: 70%;}
  #venue1,#venue2,#venue3,#venue4{width: 90%;height: 80%;}
  .christmas-right-form input{height: 25px !important;}
  /*.modal-content{background-color: transparent !important;}
  .card1,.card2,.card2,.card4{background-color: transparent !important;}*/
  .christmas-item img{width: 48%;}
  .christmas-logo img{width: 125px;margin-left: 31%;}
  .bottom_logo{margin-left: 38%;margin-top: 5%;position:inherit !important;}
  .thankyou p{margin-bottom: 12% !important;}
}
@media(max-width:460px) {
  .christmas-right-form {
    top: 375px;
  }
}
@media(max-width:360px) {
  .christmas-right-form {
    top: 245px;
  }
  .christmas-right-content h5{
    font-size: 16px;
  }
}
@media(max-width:320px) {
  .christmas-right-content {
    left: 55px;
  }
  .christmas-right-form {
    top: 280px;
  }
  .btn {
    padding: 5px 15px;
  }
}