html,body{
	width: 100%;
	height: 100%;
	overflow-y: auto;	
	/* background-color: #EDF2F7; */
	background-color: #FFF1E0;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}

section#privacy_policy ul,
section#privacy_policy ol,
div.blogContMain ul,
div.blogContMain ol{
  list-style: revert !important;
  margin: revert !important;
  padding: revert !important;
}
/* Preloader Start */
section#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #FF91B5;
	z-index: 500; /* Ensure the preloader is on top */
}

section#preloader > div{text-align: center;}

.donut-loader {
	/* width: 10em;
	height: 10em; */
	filter: drop-shadow(0 5px 5px rgba(0,0,0,0.2));
}

.donut-ring {
	fill: none;
	stroke: #f0f0f0;
	stroke-width: 30;
}

.donut-center{fill: #F5D6BA; /* Tan/pastry center */}

.donut-glaze{
	fill: none;
	stroke: rgba(255,255,255,0.4);
	stroke-width: 10;
	stroke-linecap: round;
	stroke-dasharray: 90;
	transform: rotate(-20deg);
	transform-origin: center;
}

.donut-segment{
	fill: none;
	stroke-width: 30;
	stroke-linecap: round;
	stroke-dasharray: 251.2;
	stroke-dashoffset: 251.2;
	animation: prepare-donut 5s ease-in-out infinite;
}

.donut-segment.color1 { stroke: #752E0F; animation-delay: 0s; }
.donut-segment.color2 { stroke: #A8E6CF; animation-delay: 0.6s; }
.donut-segment.color3 { stroke: #FF91B5; animation-delay: 1.2s; }
.donut-segment.color4 { stroke: #AED9E0; animation-delay: 1.8s; }
.donut-segment.color5 { stroke: #FFF4B1; animation-delay: 2.4s; }

@keyframes prepare-donut {
	0% { stroke-dashoffset: 251.2; opacity: 0; }
	25% { stroke-dashoffset: 125; opacity: 0.5; }
	50% { stroke-dashoffset: 0; opacity: 1; }
	75% { stroke-dashoffset: 0; opacity: 0.6; }
	100% { stroke-dashoffset: 251.2; opacity: 0; }
}

.sprinkle-group {
	animation: rotate-sprinkles 8s linear infinite;
	transform-origin: center;
}

@keyframes rotate-sprinkles {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.preloaderText {		
	text-align: center;
	/* color: #752E0F; */
	color: #FFFFFF;
	font-size: 1.2em;
	letter-spacing: 1px;
	text-transform: capitalize;		
}

/* Initially hide body content */
#commonDiv {
	display: none; /* Hide content until preloader is gone */
	opacity: 0;
	transition: opacity 1.5s ease-in-out;	/* Standard */
}
/* Preloader End */

main{padding: 2em 0 2em 0;}

body.scrollPage main{min-height: 100vh;}
.pageTitle{margin-bottom: 2.5em;}
.pageTitle > h1{
	font-size: 1.2em;
	font-weight: 500;
	background-color: #FF91B5;
	padding: 0.8em;
}

#mobileL{display: none;}

/* Image load after window load */
img[data-img-load-after]{display: none;}

/* Progress Bar Start */
.progress-container{
	width: 100%;
	height: 0.5em;
	background: transparent;
	top: 0;
	position: fixed;
	z-index: 1000;
	left:0;
}
.progress-bar{height: inherit; background: #FF91B5; width: 0%;}
/* Progress Bar End   */

/* Scroll to Top Start */
.scroll-top{
	width: 3em;
	height: 3em;
	right: 1em;
	bottom: 3em;	
	z-index: 0;
	background-color: #FF91B5;	
	line-height: normal;
	border: none;
	display: none;
	border-radius: 100%;    	
}

.scroll-top img{width: 1em;}
/* Scroll to Top End   */

/* Lazy Preloader Start */
.lazyPreloader {
	border-radius: 8px;
	background-color: #FF91B5;
	width: 100%;
	height: 100%;
	margin: auto;
	background-image: url("../media/other/preloader_lazy_image.svg");
	background-size: 5em;
	background-repeat: no-repeat;
	background-position: center;
}
.lazyPreNoBG{
	border-radius: 8px;
	background-color: transparent;
	width: 100%;
	height: 100%;
	margin: auto;
	background-image: url("../media/other/preloader_lazy_image.svg");
	background-size: 5em;
	background-repeat: no-repeat;
	background-position: center;
}
/* Lazy Preloader End  */

/* Header Start */
header{
	background-color: #A8E6CF;
	z-index: 1;
	transition: background-color 0.5s ease-in-out;           /* Standard */
	padding: 10px 0 10px 0;
}

.logoFont {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

#logoMain > div{padding-left: 8px;}
#logoMain img{width: 4.5em;}
#logoMain span{
	color: #752E0F;
	font-size: 2em;
	margin-bottom: -8px;
}
#logoMain p{color: #752E0F;}

.rightUpperHeader .headerFormLink{margin-bottom: 1em;}
.headerFormLink a{color: #752E0F;}

#searchMain {
	height: 2.5em;
	width: 100%;
	overflow: visible;
}

.searchInternal input{
	width: 80%;
	padding-left: 1em;
	padding-right: 10px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	color: #752E0F;
}

.searchInternal span{
	width: 20%;
	background-color: #FF91B5;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.searchInternal span img{width: 1.5em;}

img.input-loader{
	position: absolute;
	top: 50%;
	left: 15%;
	transform: translateY(-50%);
	display: none;
	width: 2.2em;
	height: auto;
	pointer-events: none;
}

.headerSearchResult {
	position: fixed;
	background-color: #fff;
	border: 1px solid #ccc;
	max-height: 10em;
	overflow-y: auto;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease, transform 0.3s ease;
	z-index: 500;
	text-align: left;
}

.headerSearchResult.visible {
	opacity: 1;
	pointer-events: auto;
}

.headerSearchResult div {
	padding: 10px;
	margin-bottom: 2px;
	cursor: pointer;
}
.headerSearchResult div:last-of-type{margin-bottom: 0;}

.headerSearchResult div a{color: #752E0F;}
.headerSearchResult div a,
.not-found{
	font-size: 14px;
	letter-spacing: 1px;	
}
.headerSearchResult div:hover{background-color: #FF91B5;}

.not-found {
	padding-left: 10px;
	color: #FF0000;
	font-weight: bold;
}

header #lowerHeader{column-gap: 7px;}

#lowerHeader nav ul li{
	display: none;	/* -- Default: Hide all items by default -- */	
}
#lowerHeader nav ul li a{
	color: #752E0F;
	column-gap: 2px;
}
#lowerHeader nav ul li a img{
	display: inline-block;
	vertical-align: middle;
	transition: width 0.5s ease;
}

/* For WebP icons */
#lowerHeader nav ul li a img[src$=".webp"]{width: 3.5em;}

/* For SVG icons */
#lowerHeader nav ul li a img[src$=".svg"]{width: 3em;}

#stmCourse{	
	padding: 10px 1em 10px 1em;
	column-gap: 5px;
	background-color: #FF91B5;
}
/* Header End  */

/* Footer Start */
footer #upperFooter{
	height: auto;
	padding: 1em 0 1em 0;
	background-color: #FFF4B1;
}

section#upperFooter ul{
	display: flex;
	justify-content: space-between;
	row-gap: 5px;
	flex-wrap: wrap;
	column-gap: 8px;
}

#upperFooter ul li a{color: #752E0F;}

footer #lowerFooter{
	padding: 1.2em 0 1.2em 0;
	background-color: #A8E6CF;
}
#footerLeftLower li a{
	width: 2.5em;
	height: 2.5em;
	border-radius: 100%;
}
#footerLeftLower ul{
	flex-wrap: wrap;
    row-gap: 5px;
	column-gap: 10px;
}
#footerLeftLower li a img{width: 1em;}

.fbPage{background-color: #1877f2; /* Facebook Blue */}
.twPage{background-color: #000000; /* Twitter Blue #1da1f2 (legacy brand color) */ /* Use #000000 if you're aligning with the "X" rebrand */}
.liPage{background-color: #0a66c2; /* LinkedIn Blue */}
.instaPage{background-color: #e1306c; /* Instagram Pink (flat alternative to gradient) */}
.ytPage{background-color: #ff0000; /* YouTube Red */}
.pinPage{background-color: #bd081c; /* Pinterest Red */}
.quoraPage{background-color: #b92b27; /* Quora Red */}

#footerRightLower ul li{display: flex; align-items: center;}

#footerRightLower ul li span:nth-child(1),
#footerRightLower ul li span:nth-child(2) a{
	color: #752E0F;
}
/* Footer End */

/* Home Page Start */
#initialScreen{
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
	background-color: #ccc;
    z-index: 0;
}

div#featuredArticle{display: table;}
div#featuredArticle > div{
	display: table-cell;
	vertical-align: middle;
	width: auto;
	padding: 0 1em 0 1em;
}
div#featuredArticle span{
	color: #752E0F;
	margin-bottom: 10px;
}
div#featuredArticle h1{margin-bottom: 5px;}

div#featuredArticle h1 a{
	font-size: 1em;
	font-weight: 300;
	color: #752E0F;
}
div#featuredArticle h2{margin-bottom: 1.5em;}
div#featuredArticle h2 a{/* color: #FFF1E0; */color: #752E0F;}

/* -- Scroll Mouse Anime Start -- */
a#scrollToEachCatBlog{
	position: absolute; /* or relative */
	left: 50%;
	top: 93%;
	transform: translate(-50%, -50%);
}

.mousey {
	width: 3px;
	padding: 5px 10px;
	height: 30px;
	border: 2px solid #752E0F;
	border-radius: 25px;
	opacity: 0.75;
	box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #752E0F;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}
/* -- Scroll Mouse Anime Start -- */

#eachCatBlog{display: none;}

#eachCatBlog ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 3%; /* increased gap between columns */
	margin: 0;
	padding: 0;
	list-style: none;
}
#eachCatBlog ul li{
	height: 370px;
	background-color: #FFFFFF;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	margin-bottom: 2.5em;	
	box-sizing: border-box;
}

.eachBlogImg{	
	height: 60%;
	/* height: 60%;
	/* height: auto; */
}

body#titlePage .lazyPreNoBG{height: 30vw !important;}/* Title page Bcoz preloader not display */
.eachBlogImg img{
	object-fit: cover;
	opacity: 1;
	transition: opacity 0.3s;
	width: 100%;
	height: auto;
	/*  object-fit: cover; it not works height auto */
	display: block;
}

.eachBlogDetail{
	height: 40%;
	/* height: 8.5em; */
	padding: 0 10px 0 10px;
}
.eachBlogDetail h2:nth-child(1),
.eachBlogDetail h3:nth-child(1){
	color: #752E0F;
	margin-bottom: 5px;
}
.eachBlogDetail h2:nth-child(1):before,
.eachBlogDetail h2:nth-child(1):after,
.eachBlogDetail span:nth-child(1):before,
.eachBlogDetail span:nth-child(1):after{
	content: '';
	width: 20%;
	height: 1px;
	background: #FF91B5;
	margin: 0 8px;
}
.eachBlogDetail h2,
.eachBlogDetail span,
.eachBlogDetail h3{
	color: #752E0F;
}
/* Home Page End  */

/* Category Page Start */
#cateHeading{
	width: 75%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 2em;
}

#cateHeading h1{
	font-size: 1.2em;
	font-weight: 500;
	padding: 1em 2em 1em 2em;
	background-color: #FF91B5;
	color: #752E0F;
}

#cateTopics{margin-top: 100px;}
#cateTopics ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 3%; /* increased gap between columns */
	margin: 0;
	padding: 0;
	list-style: none;
}
#cateTopics ul li{
	height: 300px;
	background-color: #FFFFFF;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	margin-bottom: 2.5em;	
	box-sizing: border-box;
}

button.blogMore{
	padding: 1.2em;
	margin-top: 2em;
	background-color: #FF91B5;
	width: auto;
}
button.blogMore > span:nth-child(1){
	margin-bottom: 10px;
	color: #752E0F;
}

#noBlogs{
	background-color: #FF91B5;
	padding: 1em;
	color: #752E0F;
	width: 40%;
}
/* Category Page End  */

/* Title Page Start */
#leftTitles,
#mobileTitles{
	border-right: 1px solid yellow;
}

.titlesCate > h2{color: #752E0F;}
.blogTopicsD li a{color: #752E0F;}

div.blogTopicsD{
	background-color: #FFF4B1;
}

.activeTitle{font-weight: bold;}

div.titlesCate{
	padding: 0 1em 0 1em;
	position: sticky;
	top: 0;
	background-color: #A8E6CF;
}

div.blogTopicsD,
div.blogTopicsM{
	padding: 1em 10px 1em 10px;
}
div.blogTopicsD li,
div.blogTopicsM li{
	margin-bottom: 1em;
}
div.blogTopicsD li:last-of-type,
div.blogTopicsM li:last-of-type{
	margin-bottom: 0;
}

.socialShare img{width: 1em;}						
.socialShare ul li a{padding: 15px;}

.fbShare { background-color: #1877f2; /* Facebook Blue */ }
.xShare { background-color: #000000; /* X (formerly Twitter) Black */ }
.liShare { background-color: #0a66c2; /* LinkedIn Blue */ }
.whaShare { background-color: #25d366; /* WhatsApp Green */ }
.teleShare { background-color: #229ED9; /* Telegram Blue */ }
.emailShare { background-color: #5e5e5e; /* Slate Gray (Email) */ }
.copyShare { background-color: #6c757d; /* Blue Gray (Copy Link) */ }
.reddShare { background-color: #ff4500; /* Reddit Orange */ }
.pinShare { background-color: #bd081c; /* Pinterest Red */ }


.socialShare.at-bottom{
	position: absolute !important;
	top: auto !important;
	bottom: 0;
}

.blogContMain h1{
	font-size: 1.5em;
	font-weight: 500;
	margin-bottom: 1em;
	color: #752E0F;
}
.blogBy{
	margin-bottom: 10px;
	column-gap: 7px;
}

.blogBy a{column-gap: 3px;}
.blogBy a img{
	width: 3em;
	height: 3em;
	border-radius: 100%;
	/* border-radius: 50%; can be use any both make round */
	object-fit: cover; /* will ensure the image covers the entire area without distortion */
}

.blogInfo{
	column-gap: 2em;
	margin-bottom: 1em;
}
.blogInfo div{column-gap: 3px;}
.blogInfo img{width: 1.7em;}

div.blogDefImg{margin-bottom: 1.5em;}

.blogBy span,
.blogBy a,
.blogInfo span{
	color: #752E0F;
}

article.blogContent{
	line-height: 40px;
	/* color: #4A3B2F; */
	color: rgba(0,0,0,0.8);
	overflow-x: auto !important; /* It required for table */
} 

div.blogIframe{width: auto; height: 300px;}
.blogIframe iframe{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
/* Title Page End  */

/* All tutorials Page Start */
#parentCate{
	height: 100vh;
	border-right: 1px solid #FF91B5;
}
#parentCate ul li{margin-bottom: 1em;}
#parentCate ul li:last-of-type{margin-bottom: 0;}
#parentCate ul li a{color: #752E0F;}
#parentCate ul li a.activePareCate{
	font-weight: bold;
	text-decoration: underline;
}

#cateList{
	padding-left: 1em;
	margin: 0 auto; /* Centers the container horizontally */
}
/* For WebP icons */
#cateList ul li img[src$=".webp"]{width: 4.5em;}

/* For SVG icons */
#cateList ul li img[src$=".svg"]{width: 4em;}

#cateList ul li{
	opacity: 0; /* Start as invisible */
	animation: scaleIn 0.3s ease-out forwards;
	animation-delay: 0.5s; /* Delay of 2 seconds before animation starts */	
	margin-bottom: 2em;
}
#cateList ul li a{color: #752E0F;}
@keyframes scaleIn {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
/* All tutorials Page End   */

/* 404 page Start */
.internal404 div span{color: #752E0F;}
.internal404 div:nth-child(1){column-gap: 2em;}

.internal404 div:nth-child(2){margin-top: 1em;}
.internal404 div:nth-child(2) span:nth-child(1){margin-bottom: 10px;}

.internal404 div:nth-child(2) button{
	background-color: #FF91B5;
	padding: 1em;	
	/* Standard box-shadow (most modern browsers) */
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
/* 404 page End */

/* Form common Start */
.field_main,
.privacy_checbox_main{
	position: relative;
}

.field_main,
.radio_main,
.captcha_main,
.privacy_checbox_main{
	margin-bottom: 2em;
}

.field_main input,
.field_main textarea,
.field_main label,
.radio_main label,
.privacy_checbox_main label{
	letter-spacing: 1px;
	color: #752E0F;
}
.privacy_checbox_main input{
	width: 18px;
    height: 18px;
	vertical-align: middle;	
}
.privacy_checbox_main label{
	font-size: 14px;
}

div.radio_button:first-letter{text-transform: capitalize;}

.field_main input,
.field_main textarea{
	background-color: transparent;
	width: 100%;
	padding-left: 15px;
	border: 1px solid #752E0F;
	font-size: 14px;			
	display: flex;
	align-items: center;  /* Vertically center the text */
	justify-content: center;  /* Optional: to center the text horizontally */
	border-radius: 5px;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;	/* For modern browsers */
}

.field_main input{height: 3em;}

.field_main textarea{
	height: 100px;
	padding-top: 15px;
}

form#contactForm .radio_main > h2{
	color: #752E0F;
	margin-bottom: 15px;
}
.radio_main label{
	font-size: 14px !important;
	font-weight: normal !important;
}

.field_main label{
	position: absolute;
	top: 1em;
	left: 1em;
	font-size: 14px;
	/* color: #752E0F; */
	pointer-events: none;
	transition: 0.3s ease-in-out; /* Standard syntax for modern browsers */
}

/* Floating label effect when input is focused or contains content */
input:focus + label,
textarea:focus + label,
input:not(:placeholder-shown) + label,
textarea:not(:placeholder-shown) + label{
	top: -5px;
	font-size: 12px;
	color: #752E0F;
	background-color: #FFF4B1;
	padding: 0 5px 0 5px;
	left: 8px;
	text-transform: capitalize;
	font-weight: bold;
}

.field_main input:focus,
.field_main textarea:focus{
	
	border: 2px solid #FF91B5;
}

.errorCustomize,
.validCustomize{
	background-size: 2em;
	background-repeat: no-repeat;
	background-position: right center;
}

.errorCustomize{background-image: url(../media/other/field_error.svg);}
.validCustomize{background-image: url(../media/other/field_valid.svg);}

#thankYouMsg,
#thankYouMsgSubs{
	display: none;
	opacity: 0;	
	background-color: #FF91B5;
	color: #752E0F;
	padding: 2em 1em 2em 1em;
	font-size: 1em;
	line-height: 26px;
}

div.error{
	color: #FF0000;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: lowercase;
	font-weight: normal;
	position: absolute;
	margin-top: 2px;
}

div#countryCodeResult,
div#subCountryCodeResult{
	height: 15vh;
	overflow: auto;
	background-color: #FF91B5;
	padding: 10px;
	display: none;
	border-radius: 5px;
}
div.suggestion-item{
	color: #752E0F;
	margin-bottom: 10px;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight:normal;
	cursor: pointer;
}
div.suggestion-item:nth-last-of-type(){margin-bottom: 0px;}
input#country_code,
input#subs_country_code
{padding-right: 2em;}

span.submitPreloader{
	/* Spinner on right side of button */
	background-image: url('../media/other/submit_preloader.svg'); /* Change to your spinner */
	background-repeat: no-repeat;
	background-position: center center;
	width: 3em;
	height: 3em;
	background-size: 2.5em;	
	display: none;	
}

button#subscribeSubmit,
button#contactSubmit,
button#unSubSubmit{
	height: 3em;
	padding: 5px 1em 5px 1em;
	background-color: #FF91B5;	
}

/* Form common End  */

/* Contact Us Form Start */
/* div.contactInner{
	background-color: #FFF4B1;
	padding: 1em;
	min-height: 100vh;
} */

#contactInfoMain div{
	column-gap: 1em;
	margin-bottom: 2.5em;
}
#contactInfoMain div:last-of-type{margin-bottom: 0;}

#contactInfoMain img{width: 2.5em;}
#contactInfoMain a,
#contactInfoMain span{
	color: #752E0F;
}
/* Contact Us Form End  */

/* Sitemap Page Start */
/* section#sitemap a{color: #752E0F;} */

/* -- Home -- - 1st */
ul.homeLink > li > h2 > a > img{width: 2em;}
.homeLink li h2 a span::first-letter{text-transform: uppercase;}
.homeLink li h2 a{color: #752E0F;}
ul li h2::first-letter{text-transform: uppercase;}

/* -- First Page -- - 2nd level */
ul.homeLink > li > ol{padding-left: 3.5em;}
ol.firstPage > li{margin-bottom: 1.2em;}
ol.firstPage > li h2{color: #752E0F;}
ol.firstPage span{color: #752E0F;}

/* -- Second Page -- - 3rd level */
ul.homeLink > li > ol li > ol {padding-left: 1.5em;}
ol.secondPage > li{margin-bottom: 0.6em;}
ol.secondPage > li h3 a{color: #752E0F;}

span.arrow{
	color: #752E0F;
}

.toggle-item .toggle-icon {
	cursor: pointer;
	background-color: transparent;	
	vertical-align: middle;
}

.toggle-item span{
	vertical-align: middle;
}

span.arrow{font-size: 1.5em;}

.toggle-item .toggle-content {
	display: none;
	margin-top: 10px;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;	
}

.toggle-item.open .toggle-content{
	display: block;
	opacity: 1;
}

li.toggle-item > h3{	
	margin: 0;
	vertical-align: middle;
}

a.redirect{
	vertical-align: middle;
	margin-left: 1em;
}
a.redirect img{width: 2em;}
li.toggle-item img{
	width: 3em;
	transition: transform 0.2s ease; /* Add transition to the image */	
	transform-origin: center center;
}
.toggle-item.open .toggle-icon img{
	transform: rotate(45deg); /* Final rotation */	
}
/* Sitemap Page End  */

/* Un Subscribe Form Start */
div.unSubsFormMain{
	height: auto;	
	background-color: #FFF4B1;
	padding: 1.5em;
}
/* Un Subscribe Form End  */

/* Form Modal Start */
#modalMain{
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 0;	
	transition: all 0.6s ease-in-out;
	opacity: 0;
	overflow: hidden;
	display: none;
}

#modalMain.modalOpen{
	opacity: 1;			
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
}

#modalMain.modalClose{
	opacity: 0;
}

#modalMain #modalInner{
	/* width: 80%; */
	height: 80%;
	background-color: #FFF4B1;			
	border-radius: 5px;
}

.slideDown{flex-shrink: 0; animation-duration: 0.8s; animation-name: slideDown;}
@keyframes slideDown
{
	from{margin-top: -100px;}	
	to{margin-top: 0%;}
}

.slideUp{flex-shrink: 0; animation-duration: 0.8s; animation-name: slideUp;}
@keyframes slideUp
{
	from{margin-top: 0%;}
	to{margin-top: -100px;}
}

#modalInner .modalHeader,
#modalInner .modalFooter{
	height: 12%;
	padding: 0 2em 0 2em;
	display: flex;
	align-items: center;
	overflow: hidden;
}

#modalInner .modalHeader{
	border-bottom: 1px solid #752E0F;
	justify-content: right;
}
.modalHeader img{width: 2em; height: auto;}

.modalContent{
	width: 100%;
	height: 76%;
	padding: 1em 2em 1em 2em;
	overflow: auto;
}

#modalInner .modalFooter{
	border-top: 1px solid #752E0F; 
	justify-content: left;	
}
.modalFooter button{
	background-color: #FF91B5;
	padding: 0.5em 1em 0.5em 1em;
	border-radius: 5px;
	color: #752E0F;
	letter-spacing: 1px;
}
/* Form Modal End */

/* Captcha Start */
#contact_captcha_error,
#subscribe_captcha_error{
	color: #FF0000;
	font-size: 12px;
	margin-top: 5px;
	letter-spacing: 1px;
}
#contact_captcha_timer,
#subscribe_captcha_timer{
	font-size: 12px;
	color: #752E0F;
	letter-spacing: 1px;
}
.captcha-container {
	display: flex;
	align-items: center;
}
#contact_reload_button,
#subscribe_reload_button {
	margin-left: 10px;
	padding: 5px;
	background-color: #FF91B5;
	color: #752E0F;
	border: none;
	cursor: pointer;
	top: -15px;
	position: relative;

}
#contact_reload_button > img,
#subscribe_reload_button > img{
	width: 1em;
	height: auto;
}
#contact_reload_button:hover,
#subscribe_reload_button:hover{
	background-color: #0056b3;
}
#contact_captcha_success,
#subscribe_captcha_success {
	color: #008000;
	font-size: 20px;
	position: absolute;
	left: auto;
	top: auto;
	padding-left: 10px;
}
/* Captcha End  */

/* Static Page about-us, privacy policy, disclaimer */
section#about_us,
section#disclaimer,
section#privacy_policy{
	font-size: 16px;
	line-height: 30px;
	color: #752E0F;
}

section#about_us h2{font-size: 16px;}

/* Font Family  Start */
/* bebas-neue-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bebas-neue/bebas-neue-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/inter/inter-v18-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/inter/inter-v18-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/inter/inter-v18-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/inter/inter-v18-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inter/inter-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/inter/inter-v18-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter/inter-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/inter/inter-v18-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/inter/inter-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/inter/inter-v18-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter/inter-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/inter/inter-v18-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter/inter-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/inter/inter-v18-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/inter/inter-v18-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/inter/inter-v18-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/inter/inter-v18-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/inter/inter-v18-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Font Family  End  */