@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

*{    margin: 0px;    padding: 0px;}
*, ::after, ::before {    box-sizing: border-box;}
 
body{    font-family: 'Inter', sans-serif;    overflow-x: hidden;    font-style: normal;    box-sizing: border-box;	color: #333333; font-weight: 400;	font-size:20px; line-height:1.3em;}


p {    margin-bottom: 5px;}
a{ color:#000000;text-decoration: none;-webkit-transition: all 500ms ease;	-moz-transition: all 500ms ease;	-ms-transition: all 500ms ease;	-o-transition: all 500ms ease;	transition: all 500ms ease;}
a:hover {  animation: all 1000ms  ease-in;  text-decoration: none;color:#000000;}
p a:hover {    text-decoration: none;color:#000000;}

::-webkit-scrollbar {    width: 6px;  }
::-webkit-scrollbar-track {    background: #f1f1f1;   }
::-webkit-scrollbar-thumb {  background: #333;  }

.p-t-98{padding-top:98px; }
.p-b-98{padding-bottom:98px; }
.p-t-30{padding-top:30px; }
.p-b-30{padding-bottom:30px; }
.p-t-60{padding-top:60px; }
.p-b-60{padding-bottom:60px; }

.m-t-98{margin-top:98px; }
.m-b-98{margin-bottom:98px; }

.container {  max-width: 1160px;  margin-right: auto;    margin-left: auto;}
.text-center{text-align:center;}
.middle-content-row{align-items: center; }
.row-col-center{justify-content: center;}





.section-img img{max-width:100%;margin-bottom: 10px;}


.btn{background-color: #c229b0ff; display: inline-block; cursor: pointer;font-family: 'Inter'; text-decoration: none;  padding: 15px 35px;border-radius: 0;  font-weight: 700; font-size: 30px;  border: #c229b0ff 2px solid;  letter-spacing: 2px;  text-transform: uppercase;  text-shadow: 0 0 0 transparent; color: #fff;  transition: all 0.3s ease-in-out;}
.btn:hover{color: #fff;transform: translateY(-3px);  box-shadow: 0 6px 16px rgba(0,0,0,0.25); animation: wobble 0.6s ease;    animation-timing-function: ease;  animation-timing-function: ease-in;  transition: .2s;}

@keyframes wobble {
  0%, 100% { transform: translateY(-3px) rotate(0deg); }
  25% { transform: translateY(-3px) rotate(2deg); }
  50% { transform: translateY(-3px) rotate(-2deg); }
  75% { transform: translateY(-3px) rotate(1deg); }
}


.video-play-btn {  position: absolute;  top: 50%;  left: 50%;  font-size: 26px;  color: #fff;  transform: translate(-50%, -50%);  pointer-events: none;	background-color: rgba(0,0,0,0.7); border-radius: 8px;padding: 14px 28px;}
.hosted-video-thumbnail {  position: relative;  display: inline-block;}
.hosted-video-thumbnail:hover .video-play-btn{/*background-color:#00c389 !important;*/ background-color: red !important;}

.christmasVideo{margin: 0 auto 20px auto; padding: 0; }
.christmasVideo .videoTxt{color: #fff; background-color: #26752fff; text-align: center; font-size: 15px; letter-spacing: 0.17em;font-family: 'Roboto'; font-weight: 500; padding: 5px 10px;}
.christmasBtnDiv{padding-top: 35px;}
.christmasBtn{color:#fff; background-color: #26752fff;padding: 16px 32px; border-radius: 5px; border: #fff 1px solid; font-size: 16px; font-weight: 500;}
.christmasBtn:hover{opacity: 0.9; color: #fff;}

.christmasBody{background-color: #ff0303ff; color: #fff;}
.christmas-title-1{font-family: "Bebas Neue"; color: #fff; font-size: 58px;font-weight: 500;  text-shadow: 0 0 0 #00000000,2px 2px 2px #707070;  line-height: 1.2em;  text-transform: none;  letter-spacing: 0; margin-bottom: 25px;}
.christmas-title-2{font-family: "Bebas Neue"; color: #fff; font-size: 48px;font-weight: 700;  text-shadow: 2px 2px 2px #707070;  line-height: 1.3em;  text-transform: none;  letter-spacing: 0; margin-bottom: 25px;}
.video1-Div{margin: auto; width: 75%;}

.christmasFrmInnr{width: 548px; max-width: 100%; margin: auto;background-color: #26752FFF;  border: 1px dashed #CDE0EC;  border-radius: 4px;  padding: 30px 20px;  box-shadow: 0px 0px 0px 0px #FFFFFF; margin-bottom: 20px;}
.christmasFrm h4{color: #fff; margin-bottom: 25px;font-size: 24px; font-weight: 500; line-height: 1.5;  font-family: "Roboto"; }
.christmasFrm form input[type="text"], .christmasFrm input[type="email"], .christmasFrm input[type="tel"]{font-family: "Roboto";width: 100%;background-color: #F7FAFC !important;  color: #F8F8F8FF !important;  border: 0px none #FFFFFF !important;  border-radius: 5px !important;  padding: 18px 20px 18px 20px !important;  box-shadow: 0px 0px 0px 0px #FFFFFF;  font-size: 14px;  font-weight: 400;  background-clip: inherit !important; margin-bottom:15px}
.frm-col1{margin-bottom: 18px;}
.christmasFrm form input[type="submit"], button{ margin-top: 10px; background-color: #039855FF;  border: 0px none #039855FF;  border-radius: 8px;  padding: 15px 20px 15px 20px;  white-space: normal;  width: 100%;  box-shadow: 0px 1px 2px 0px #00000014; font-weight: 700;  cursor: pointer;  color: #FFFFFFFF;  font-size: 14px;font-weight: 600;}
.christmasFrm form input[type="submit"]:hover, button:hover{background-color: #fff; color: #000;}
.christmasFrm ::placeholder {	color: #AFB8BC !important;}

.christmasImgBox-Row {  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  }
.christmasImgBox-Row .christmasImgBox-Col{-ms-flex: 0 0 33.3333%;  flex: 0 0 33.3333%;  max-width: 33.3333%;padding: 22px 10px;}
.christmasImgBox-Row .christmasImgBox-Col .christmasImgBox-img img{width: 100%; object-fit: cover; height: 300px;}
.christmasImgBox-Row .christmasImgBox-Col h4{font-weight: 400; color: #fff; font-size: 18px; line-height: 1.3em; margin-bottom: 12px;}

.border-img{margin-bottom: 25px;}
.border-img img{border: 2px solid #000; width: 450px; max-width: 100%;}







@media screen and (max-width:1200px){
	
	.container {  max-width: 90%;  }
	
	.christmas-title-1{font-size: 48px;}
	.christmas-title-2{font-size: 38px;}
	
.christmasImgBox-Row .christmasImgBox-Col{-ms-flex: 0 0 50%;  flex: 0 50%;  max-width: 50%;}
.christmasImgBox-Row .christmasImgBox-Col .christmasImgBox-img img{ height: 400px;}
	
}


@media screen and (max-width:991px){

	
.christmasImgBox-Row .christmasImgBox-Col .christmasImgBox-img img{ height: 320px;}
	
}

@media screen and (max-width:930px){
	
	
}

@media screen and (max-width:860px){


.christmasImgBox-Row .christmasImgBox-Col .christmasImgBox-img img{ height: 280px;}
	.christmasImgBox-Row .christmasImgBox-Col h4{font-size: 16px;}
	.video1-Div{width: 100%;}
	
}

@media screen and (max-width:820px){

	.christmasVideo {  width: 100%;}
	
}

@media screen and (max-width:767px){
	
  
.p-t-98{padding-top:60px; }
.p-b-98{padding-bottom:60px; }
	
	
	.christmas-title-1{font-size: 40px;}
	.christmas-title-2{font-size: 30px;}
	
.christmasImgBox-Row .christmasImgBox-Col{-ms-flex: 0 0 100%;  flex: 0 100%;  max-width: 100%;}
.christmasImgBox-Row .christmasImgBox-Col .christmasImgBox-img img{ height: auto;}
	.christmasFrm h4{font-size: 22px;}
	 .christmasImgBox-Row .christmasImgBox-Col h4 {   font-size: 18px;  }

	
}

@media screen and (max-width:680px){
	
.video-play-btn {    font-size: 15px; border-radius: 5px;padding: 7px 22px;}
	

}

@media screen and (max-width:480px){
	
}