/*this is a totle mess some code are just useless*/
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
	font-family: "Quicksand", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
.ff {
	font-family: "Libre Baskerville", serif !important;
	font-weight: 400;
	font-style: normal;
}
.patrick-hand-regular {
  font-family: "Patrick Hand", cursive;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 3px;
}

html,body{
	overflow-x:hidden;
}
:root{
	--custom-color: rgb(190, 191, 176);
}
/*navbar starts here*/
.box{
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
/*navbar ends here*/
/*section*/
/* .hero{
	background-image:url('../images/img.png');
	background-repeat: no-repeat;
	background-color: #ffebcdb3 !important;
	background-blend-mode:color;
} */
.box{
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.search{
	border-radius:100px;
	height:50px;
}
.button{
	border-radius:100px;
	height:50px;
	width:50px;
	opacity:0.85;
}
.button:hover{
	opacity:1;
}
.absolute{
	position:absolute;
	bottom:0;
	right:0;
	transform: translateY(16px);
}
.result{
	margin-top:150px !important;
}
.sugested{
	cursor:pointer;
	margin-top:-16px !important;
	z-index:999;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.icons{
	width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon1:hover{
	background-color:red !important;
	transform: translateY(-10px);
	transition: .6s;
}
.icon2:hover{
	background-color:rgb(0, 30, 255) !important;
	transform: translateY(-10px);
	transition: .6s;
}
.icon3:hover{
	background-color:rgb(0, 0, 0) !important;
	transform: translateY(-10px);
	transition: .6s;
}
.icon4:hover{
	background-color:rgb(34, 248, 0) !important;
	transform: translateY(-10px);
	transition: .6s;
}
.icons:hover .anchor{
	color:white !important;
	transition: .6s;
}
/*suggestion */
.button2{
	min-width:100px;
	border-radius: 100px;
}
/*about us page*/
.author{
	font-size:60px !important;
}
.grey{
	background-color: #edeaea;
}
.text-grey{
	color:#696868;
}
.social-link:hover{
	color:red !important;
}
.list{
	list-style-type:none;
}
/* .awards{
	list-style-type:none;
	flex-wrap: wrap;
}
.upper-image{
	z-index:5;
}
.lower-image{
	z-index:0;
	top:0;
}
.custom-img img {
    width: 100%;
    max-width: 70%;
}
.size{
	font-size:50px !important;
}
.outline{
	outline:20px solid red;
	width:200px !important;
	background-image:url(../images/bg.png) ;
	background-repeat:no-repeat;
	background-position-x: center;
	top:50%;
	transform:translateY(-50%);
}
.auther-statement{
	background-color:var(--custom-color);
	padding-left: 150px !important;
}
.statement{
	font-style: italic;
} */
 /* .policies{
	background-image: url("../images/bookmark2.png");
	background-repeat: no-repeat;
	background-position: right center;
 } */
.about-author{
	line-height: 33px;
    font-size: 20px;
    font-weight: 400;
}
.p1{
	padding-left:50px;
	font-size: 18px;
    font-weight: 500;
    color: #8d8d8d;
    line-height: 30px;
    letter-spacing: 1px;
	padding-bottom:10px;
}
ul.p1 {
    font-size: 16px !important;
    font-weight: 700 !important;
    padding-left: 75px;
}
.head1{
	margin-bottom: 23px;
}
.head1::after{
	content: "";
    display: block;
    width: 100px;
    height: 40px;
    background-image: url(../images/bookmark.png);
	background-repeat:no-repeat;
    background-size: cover;
	background-blend-mode: color;
}
/*contact us css*/
.copyright{
	border-top:1px solid black;
}
.social_icon{
	list-style-type:none;
}
.icon{
	color:white;
}
.bg{
    background-image: url('../images/about-back.jpg');
    background-size: cover;
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent repeating */
	background-blend-mode: color;
	background-color:#000000a6;
}
.contact-input{
	background-color:#edeaea;
	border:1px solid black;
}
.contact-input:focus{
	outline:0;
	background-color:#edeaea;
	border:1px solid black;
	box-shadow: none;
}
.textarea{
	height:150px;
}
.circles{
	width:70px ;
	height:70px;
	border-radius:50%;
	border:3px solid black;
}
/*pictionary */
.pictionary-bg{
	background-image: url('../images/pictioanry_bg.png');
    background-size: cover;
    background-repeat: no-repeat; /* Prevent repeating */
	background-blend-mode: color;
	background-color:#000000c6;
}
.images{
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
/*media queries here*/
@media screen and (max-width:568px) {
	/*home page*/
	button.navbar-toggler.bg-white {
		padding: 2px 5px;
	}	
	.navbar-toggler-icon {

		width: 1.2em;
		height: 1.2em;
	
	}
	.search {
		border-radius: 100px;
		height: 41px;
	}
	.button {
		border-radius: 100px;
		height: 41px;
		width: 42px;
		background-color: var(--theme);
		opacity: 0.85;
	}
	@media screen and (max-width: 568px) {
    .img-section img {
        width: 100% !important;
        max-width: 80% !important;
    }
}	/*home page*/
	/*footer */
	.fsize{
		font-size:15px !important;
		font-size: 12px !important;
		white-space: nowrap;
		text-align: center;
	}
	.social{
		padding: 15px !important;
	}
	/*footer */
	/*about page */
	.about-sect1{
		display:flex;
		flex-direction:column-reverse;
	}
	.custom-img{
		text-align: center;
		background-color:white;
		border-radius:50%;
	}
	.author{
		font-size:30px !important;
		text-align:center;
	}
	.outline{
		display:none;
	}
	.statement{
		font-size: 16px !important;
		padding:0 !important;
		margin: 0 !important;
	}
	.auther-statement{
		padding:0 !important;
		margin: 0 !important;
	}
	.things{
		font-size:12px !important;
	}
	/*contact page*/
	.address1{
		font-size:18px !important;
	}
	.address2{
		font-size:13px !important;
	}
	.contact-input{
		padding:5px !important;
	}
	.p1{
		padding-left:10px;
	}
}
@media screen and (min-width:568px) and (max-width:768px){
	.about-sect1{
		display:flex;
		flex-direction:column-reverse;
	}
	.img-section img {
		width: 100% !important;
        max-width: 50% !important;
        margin-bottom: 18px !important;
	}
	.custom-img{
		text-align: center;
		background-color:white;
		border-radius:50%;
	}
	.things{
		font-size:16px !important;
	}
	.author{
		font-size:40px !important;
		text-align:center;
	}
	.contact-input{
		padding:10px !important; 
	}
	.p1{
		padding-left:10px;
	}
}
@media screen and (max-width:991px) {
	.toggle-button{
		display:block;
		padding-bottom: 10px;
	}
}
/*media query ends here*/
.img-section{
	margin: 0 auto;
    text-align: center;
}
.img-section img {
    width: 100%;
    max-width: 30%;
    margin-bottom: 18px;
}

a.navbar-brand.text-white.fs-2 {
    font-weight: 600;
}.form-control {
  
    font-size: 14px;

}
/*footer css*/
.foot-heading{
	border-bottom:1px solid black;
}a.navbar-brand.fs-2 {
    font-weight: 600;
}