@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Kalam:wght@300;400;700&family=Lobster&family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playwrite+ES+Deco+Guides&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Reenie+Beanie&family=Satisfy&display=swap');

:root {
    --primary: #c78f3d;
    --secondary: #0B2154;
    --light: #F2F2F2;
    --dark: #111111;
}



body {
    font-size: 1.2rem;
    font-weight: 400;
    margin: 0;
     font-family: "Montserrat", sans-serif;
    line-height: 1.5;
    color: #596277;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fw-medium {
    font-weight: 600 !important;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
	 width: 50px;
  height: 50px;
  transition: all 0.4s;
  padding:12px 0px 10px 15px;
    background: #75eac0;
    border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
	box-shadow: rgba(0, 0, 0, 0.65) 0px 5px 5px;
}

.back-to-top:hover{
	background:#4c4c4c
}

.back-to-top:hover i{
	color:#75eac0
}

.back-to-top i {
    font-size: 22px;
    color:#fff;
    line-height: 0;
	font-weight:700 !important;
}

.back-to-top.btn, .back-to-top.btn:active, .back-to-top.btn:focus {
 border-color: transparent !important;
}


/*** Button ***/
.btn {
    font-weight: 500;
    text-transform: uppercase;
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-secondary {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    border-radius: 2px;
	border-color: transparent !important;
	
}


/*** Navbar ***/
.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
	color:black
}

.navbar-nav .nav-link {
    margin-right: 30px;
    padding: 10px 0px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    outline: none;
	  font-family: "Caveat", cursive;
	  font-weight:700;
	text-align:center;
	border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
	height:7vh
}

.navbar-nav .nav-link.scrolled {
    color: #000;
}

.navbar-nav .nav-link.active{
border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
height: 7vh;
width:auto;
background:#75eac0;
min-width:12vh;
color:#000
}

.navbar-nav .nav-link:hover{
border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
height: 7vh;
width:auto;
background:#75eac0;
min-width:12vh;
color:#000;
transition: .3s;
}

.navbar{
	transition: all 0.5s
}

.home{
	min-width:84px
}

.small-screen{
	background-color:#fff
}

.large-screen{
	background:transparent
}
.navbar-toggler {
  float: left;
  padding: 12px;
  margin-right:20px;
  padding: 6px;
  border-radius: 0;
  font-size: 1rem;
  background: #75eac0;
}


.navbar .navbar-toggler-icon,
.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


.navbar-toggler, .navbar-toggler:active, .navbar-toggler:focus{
   border-color: transparent !important;
   box-shadow: none !important;
}

.lrg-logo{
            max-width: 250px;
			transition: all 0.3s;
			background:#fff;
			padding:10px 12px 12px 12px;
			border-radius: 12% 20% 89% 28% / 46% 52% 47% 35%;
           }
           
.sml-logo{
           max-width: 160px;
		   transition: all 0.3s;
		   padding:0px
          }

@media (max-width: 1024px) {
	
.navbar .navbar-nav .nav-link {
    margin-right: 20px;
    padding:5px 10px 20px 10px;
    font-size: 18px;
    text-transform: uppercase;
    outline: none;
	  font-family: "Caveat", cursive;
	  font-weight:700;
	text-align:center;
	border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
	height:8vh
}	

.navbar-nav .nav-link.active{
border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
height: 8vh;
width:auto;
background:#75eac0;
min-width:12vh;
color:#000
}

.home{
	min-width:62px
}

.lrg-logo{
            max-width: 250px;
			transition: all 0.3s;
			background:#fff;
			padding:10px 12px 12px 12px;
border-radius: 12% 20% 89% 28% / 46% 52% 47% 35%;
			margin-left:20px
           }
		   
		   .sml-logo{
           max-width: 250px;
		   transition: all 0.3s;
			padding:0px 12px 0px 10px;
			margin-left:20px
          }
		  
		   .navbar-nav .nav-link:hover{
border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
height: 8vh;
width:auto;
background:#75eac0;
min-width:12vh;
color:#000;
transition: .3s;
}
	
}

@media (max-width: 991.98px) {
	.navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
		color:#000 !important;
		border-radius: 0% 0% 0% 0% / 0% 0% 0% 0% !important;
    }

	.navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
	
	.lrg-logo{
            max-width: 250px;
			transition: all 0.3s;
			background:#fff;
			padding:5px 12px 5px 12px;
border-radius: 12% 20% 89% 28% / 46% 52% 47% 35%;
           }
		   
		   
.navbar {
  padding-top: 0rem;
  padding-bottom: 0rem;
}		   
		   
}
		   
@media (max-width: 893px) {

	.navbar-nav .nav-link  {
        margin-right: 0;
        padding: 3px 5px 13px 5px !important;
		color:#000 !important;
		border-radius: 0% 0% 0% 0% / 0% 0% 0% 0% !important;
		height:7vh !important
    }	
	
	.navbar-brand {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  margin-right: 1rem;
  font-size: 1.25rem;
  white-space: nowrap;
}
	
}



@media (max-width: 320px) {
.navbar-brand img{
    width:220px !important;
}

}

/*** Header ***/
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .2);
    z-index: 1;
	width:100%
}

.carousel-caption h1{
	  font-family: "Caveat", cursive;
}

.carousel-control-prev,
.carousel-control-next {
    width: 50px;
	height:50px;
	background:#75eac0;
	top:43%;
	border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
	z-index:999;
	margin:0 10px;
	opacity:1;
	font-size:28px;
	padding:15px
}


.carousel-control-prev:hover,
.carousel-control-next:hover{
background:#fff;
color:#75eac0
	
}


.carousel-control-prev-icon,
.carousel-control-next-icon {
	 background-image:none;
}



#header-carousel .carousel-item {
        position: relative;
        max-height: 630px;
    }
	
.bs{
	display:block
}

.ss{
	display:none
}
	
#header-carousel .carousel-item a{
color:#fff
}	

@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 450px;
    }
    
    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}



@media (max-width: 478px) {

.carousel-caption h1{
	  font-family: "Caveat", cursive;
	  font-size:2rem
}	

    #header-carousel .carousel-item {
        position: relative;
        min-height: 350px;
    }
    .carousel-control-prev,
.carousel-control-next {
    width: 50px;
	height:50px;
	background:#75eac0;
	top:43%;
	border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
	z-index:999;
	margin:0 10px;
	opacity:1;
	font-size:28px;
	padding:15px;
	display:none
}
	
}


@media (max-width: 320px) {
	


.carousel-caption h1{
	  font-family: "Caveat", cursive;
	  font-size:1.5rem;
	  margin-top:80px
}	
	    #header-carousel .carousel-item {
        position: relative;
        min-height: 300px;
    }
	

    
.bs{
	display:none
}

.ss{
	display:block
}
	
}

.page-header {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-header-inner {
    background: rgba(0, 0, 0, .4);
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--light);
}

/*** Intro ***/


.bg-dance3{
	background:#f7e017;
}

.welcome{
background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url(../img/background.jpg);
padding:50px 0px
}

.welcome img{
	    border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
		box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
}

.welcome p {
font-size:1.2rem;
font-weight:500	
}

.welcome h2{
	     font-family: "Caveat", cursive;
	   color:#4c4c4c;
	   font-size:45px;
	   	  font-weight:700;
}



.underlined {
    position: relative;
    display: inline-block !important;
}

.underlined::before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    height: 7px;
    width: 100% !important;
     background-image: linear-gradient(179deg,rgb(117, 234, 192) 0%, rgb(117, 234, 192) 50%,transparent 54%, transparent 100%);
}


.welcome img{
	min-width:430px
}

@media (max-width: 478px) {
.welcome img{
	min-width:330px
}
.welcome h2{
	     font-family: "Caveat", cursive;
	   color:#4c4c4c;
	   font-size:28px;
	   	  font-weight:700;
}

	
}


@media (max-width: 320px) {


.welcome img{
	min-width:260px
}



	
}




/*** Recent Books ***/

.recent-books{
	padding:50px 0px
}

@media (max-width: 320px) {
.recent-books{
	padding:0px 0px 50px 0px
}	
}

.recent-books h2{
	     font-family: "Caveat", cursive;
		 	  font-weight:700;
	   color:#4c4c4c;
	   font-size:45px
}

.amazon{
	width: 60px;
    height: 60px;
    background: #75eac0;
    border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
    opacity: 1;
    padding: 12px;
	margin-left:10px;
	z-index:2
}

.ama-bk{
	max-height:350px;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
}

@media (max-width: 893px) {
.ama-bk{
	max-height:350px;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
	margin-bottom:20px
}	

.bks{
	text-align:center
}

.bks1{
	justify-content:center
}

}

.sp-text{
	  font-family: "Caveat", cursive;
	color:#1cbf86;
		  font-weight:700;
		  font-size:38px
}

@media (max-width: 320px) {
	.sp-text{
	  font-family: "Caveat", cursive;
	color:#1cbf86;
		  font-weight:700;
		  font-size:30px
}
}

.underlined1 {
    position: relative;
    display: inline-block !important;
}

.underlined1::before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 11px;
    height: 7px;
    width: 100% !important;
     background-image: linear-gradient(179deg,rgb(76, 76, 76) 0%, rgb(76, 76, 76) 20%,transparent 24%, transparent 100%);
}

.read-more {
    background: #75eac0;
    border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
    opacity: 1;
    font-size: 21px;
    padding: 12px;
	margin-left:10px;
	color:#000;
	font-weight:700;
	  font-family: "Caveat", cursive;
}

.read-more:hover{
	background:#1cbf86;
	color: #000;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 15px;
}

.hover-shadow{
	padding:20px
}

.hover-shadow:hover {
    background: rgba(176, 175, 175, .2);
    transition: .5s;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 25px;
}





/*** Musings ***/
.musings {
    background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../img/musings-bg.jpg);
     /* Set a specific height */
  min-height: 600px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:50px 0px
}

.musings img{
	max-height:460px
}



.musings h2{
	     font-family: "Caveat", cursive;
	   color:#fff;
	   font-size:45px;
	   	  font-weight:700;
}

.musings p{
color:#fff;
 font-family: "Mali", cursive;
 font-size:22px;
}

.musings blockquote{
	color:#fff;
}

.musings blockquote span{
	color:#75eac0;
	font-style:italic;
		font-size:24px;
	font-weight:bold
}


.musings1{
background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/musings-bg1.jpg);
padding:50px 0px;
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    height: 100vh;
}

.musings1 img{
	    border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
		box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
}

.musings1 p {
font-size:1.2rem;
font-family: "Mali", cursive;
color:#fff
}

.musings1 h2{
	     font-family: "Caveat", cursive;
	   color:#4c4c4c;
	   font-size:45px;
	   	  font-weight:700;
}

.musings1 blockquote{
	color:#fff
}

.musings1 blockquote span{
	color:#75eac0;
	font-style:italic;
		font-size:24px;
	font-weight:bold
}


.authors{
	color:#75eac0;
	font-weight:bold
}

.musings blockquote span:before {
  content: open-quote;
  font-weight: bold;
  font-size: 40px;
  color: #75eac0;
}

.musings blockquote span:after {
  content: close-quote;
  font-weight: bold;
  font-size: 40px;
  color: #75eac0;
}

.underlined3 {
    position: relative;
    display: inline-block !important;
}

.underlined3::before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    height: 7px;
    width: 100% !important;
     background-image: linear-gradient(179deg,rgb(117, 234, 192) 0%, rgb(117, 234, 192) 30%,transparent 34%, transparent 100%);
}


/*** Highlights ***/

.highlights {
    background: #f7f7f7;
    background-size: cover;
	z-index:1;
	position:relative
}


.highlights h2{
	     font-family: "Caveat", cursive;
		 	  font-weight:700;
	   color:#4c4c4c;
	   font-size:45px
}



.underlined4 {
    position: relative;
    display: inline-block !important;
}

.underlined4::before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    height: 7px;
    width: 100% !important;
     background-image: linear-gradient(179deg,rgb(117, 234, 192) 0%, rgb(117, 234, 192) 40%,transparent 44%, transparent 100%);
}


.highlights img{
	border-radius: 32% 20% 29% 58% / 46% 52% 47% 55%;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
	border-left:5px solid #1cbf86;
	border-top:5px solid #1cbf86;
  overflow: hidden;
}

.sp-text1{
	  font-family: "Caveat", cursive;
	color:#4c4c4c;
		  font-weight:700;
		  font-size:38px;
		  text-align:center;
		  width:100%;
		  margin-top:10px
}



.highlights .indi .link {
  position: absolute;
  top: 40%;
  left: 0px;
  opacity: 0;
  transition: ease-in-out 0.5s;
  text-align: center;
  z-index:2;
}

.highlights .indi:hover .link {
  opacity: 1;
  left: 45%;
}

.highlights .link i{
	color:#fff;
	width: 50px;
    height: 50px;
    padding: 15px;
    background: #1cbf86;
    border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
    box-shadow: rgba(0, 0, 0, 0.65) 0px 5px 5px;
}


.glightbox-clean .gdesc-inner {
    padding: 0px 20px 0px 20px!important;
}

.glightbox-clean .gslide-title {
	font-family: "Caveat", cursive !important;
    color: #1cbf86 !important;
    font-weight: 700 !important;
    font-size: 38px !important;
	line-height:0.5em
}

@media (max-width: 600px) {
	
.glightbox-clean .gslide-title {
	font-family: "Caveat", cursive !important;
    color: #1cbf86 !important;
    font-weight: 700 !important;
    font-size: 30px !important;
	line-height:0.5em;
	background:#fff !important;
	padding-left:20px
}	
	
}

@media (max-width: 478px) {
	
.glightbox-clean .gslide-title {
	font-family: "Caveat", cursive !important;
    color: #1cbf86 !important;
    font-weight: 700 !important;
    font-size: 24px !important;
	line-height:0.5em
}	
	
}

.list_carousel1.responsive {
width: auto;
margin-left:0;
}

.list_carousel1 ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
overflow:hidden;
}

.list_carousel1 li {
width:400px;
height:460px;
display: block;
float: left;
margin-right:15px;
margin-left:15px;
}

.even-control-left1, 
.even-control-right1 {
  position: absolute;
  color: #4ea9a4;
  padding-left:10px;
  padding-right:10px;
}

.even-control-left1 i{
 width: 50px;
    height: 50px;
    transition: all 0.4s;
    padding: 10px;
    background: #75eac0;
    border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
    box-shadow: rgba(0, 0, 0, 0.65) 0px 5px 5px; 
    position: relative;
    padding:5px 0px 10px 15px;
	color:#4c4c4c;
	font-size:38px
}

.even-control-right1 i{
 width: 50px;
    height: 50px;
    transition: all 0.4s;
    padding: 10px;
    background: #75eac0;
    border-radius: 46% 82% 47% 55% / 32% 20% 79% 38%;
    box-shadow: rgba(0, 0, 0, 0.65) 0px 5px 5px; 
    position: relative;
    padding:5px 0px 10px 15px;
	color:#4c4c4c;
	font-size:38px
}

.even-control-left1 i:hover, 
.even-control-right1 i:hover{
	background:#4c4c4c;
	color:#75eac0
}

.even-control-left1 {
  left:68px;
  top:280px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-left:8px
} 

.even-control-right1 {
  right:105px;
  top:280px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-right:8px
}

@media (max-width: 1024px) {
	.even-control-left1 {
  left:35px;
  top:280px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-left:8px
} 

.even-control-right1 {
  right:72px;
  top:280px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-right:8px
}

}

@media (max-width: 893px) {
	.even-control-left1 {
  left:178px;
  top:280px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-left:8px
} 

.even-control-right1 {
  right:215px;
  top:280px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-right:8px
}


}

@media (max-width: 768px) {
	.even-control-left1 {
  left:120px;
  top:280px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-left:8px
} 

.even-control-right1 {
  right:155px;
  top:280px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-right:8px
}


}

@media (max-width: 600px) {
	.even-control-left1 {
  left:35px;
  top:280px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-left:8px
} 

.even-control-right1 {
  right:70px;
  top:280px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-right:8px
}


}

@media (max-width: 478px) {
	
	.list_carousel1 li {
width:300px;
height:auto;
display: block;
float: left;
margin-right:15px;
margin-left:15px;
}

.even-control-left1 {
  left:0px;
  top:250px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-left:8px
} 

.even-control-right1 {
  right:25px;
  top:250px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-right:8px
}

.even-control-left1 i{
 width: 40px;
    height: 40px;
    transition: all 0.4s;
    padding: 10px;
    background: #75eac0;
    border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
    box-shadow: rgba(0, 0, 0, 0.65) 0px 5px 5px; 
    position: relative;
    padding:5px 0px 10px 12px;
	color:#4c4c4c;
	font-size:28px
}

.even-control-right1 i{
 width: 40px;
    height: 40px;
    transition: all 0.4s;
    padding: 10px;
    background: #75eac0;
    border-radius: 46% 82% 47% 55% / 32% 20% 79% 38%;
    box-shadow: rgba(0, 0, 0, 0.65) 0px 5px 5px; 
    position: relative;
    padding:5px 0px 10px 15px;
	color:#4c4c4c;
	font-size:28px
}

}

@media (max-width: 320px) {
	
	.list_carousel1 li {
width:250px;
height:auto;
display: block;
float: left;
margin-right:15px;
margin-left:15px;
}

.even-control-left1 {
  left:-10px;
  top:230px;
  width:20px;
  height:20px;
  padding-top:0px;
  padding-left:8px
} 

.even-control-right1 {
  right:30px;
  top:230px;
  width:20px;
  height:20px;
  padding-top:0px;
  padding-right:8px
}

.even-control-left1 i{
 width: 40px;
    height: 40px;
    transition: all 0.4s;
    padding: 10px;
    background: #75eac0;
    border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
    box-shadow: rgba(0, 0, 0, 0.65) 0px 5px 5px; 
    position: relative;
    padding:5px 0px 10px 12px;
	color:#4c4c4c;
	font-size:28px
}

.even-control-right1 i{
 width: 40px;
    height: 40px;
    transition: all 0.4s;
    padding: 10px;
    background: #75eac0;
    border-radius: 46% 82% 47% 55% / 32% 20% 79% 38%;
    box-shadow: rgba(0, 0, 0, 0.65) 0px 5px 5px; 
    position: relative;
    padding:5px 0px 10px 15px;
	color:#4c4c4c;
	font-size:28px
}
}

/*** Encouraging Words ***/

.enc-words {
    background: #fff;
padding:50px 0px
}


.enc-words h2{
	     font-family: "Caveat", cursive;
		 	  font-weight:700;
	   color:#4c4c4c;
	   font-size:45px
}


.enc-words img{
	    border-radius: 32% 70% 79% 68% / 46% 52% 87% 95%;
		box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 8px;
		max-width:500px
}

@media (max-width: 320px) {
.enc-words h2{
	     font-family: "Caveat", cursive;
		 	  font-weight:700;
	   color:#4c4c4c;
	   font-size:35px
}


}

/*************************
******Carousel CSS****
**************************/

.video{
	width: 60px;
    height: 60px;
    background: #75eac0;
    border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
    opacity: 1;
    padding: 12px;
	margin-left:10px;
	z-index:2
}

.list_carousel2.responsive {
width: auto;
margin-left:0;
margin-bottom:10px;
}


.list_carousel2 ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
border-radius:8px
}

.list_carousel2 li {
width:100%;
height:370px;
display: block;
margin-left:50px;
margin-right:50px;	
float:left;
}

.list_carousel2 li .ewt{
	display:block;
	margin:0px 50px
}

.list_carousel2 li .ewt1{
	margin-top:50px;
	text-align:justify
}


.even-control-left, 
.even-control-right {
  position: absolute;
  color: #4ea9a4;
  padding-left:10px;
  padding-right:10px;
}

.even-control-left i{
 width: 50px;
    height: 50px;
    transition: all 0.4s;
    padding: 10px;
    background: #75eac0;
    border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
    box-shadow: rgba(0, 0, 0, 0.65) 0px 5px 5px; 
    position: relative;
    padding:5px 0px 10px 15px;
	color:#4c4c4c;
	font-size:38px
}

.even-control-right i{
 width: 50px;
    height: 50px;
    transition: all 0.4s;
    padding: 10px;
    background: #75eac0;
    border-radius: 46% 82% 47% 55% / 32% 20% 79% 38%;
    box-shadow: rgba(0, 0, 0, 0.65) 0px 5px 5px; 
    position: relative;
    padding:5px 0px 10px 15px;
	color:#4c4c4c;
	font-size:38px
}

.even-control-left i:hover, 
.even-control-right i:hover{
	background:#4c4c4c;
	color:#75eac0
}

.even-control-left {
  right:23%;
  bottom:50px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-left:8px
} 

.even-control-right {
  right:18%;
  bottom:50px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-right:8px
}

.name {font-family: "Caveat", cursive;
    color: #4c4c4c;
    font-weight: 700;
    font-size: 34px;
margin-top: 10px;
margin-left:10px
}


@media (max-width: 1280px) {
	.list_carousel2 li img{
	max-width:450px
}


}


@media (max-width: 1024px) {
.list_carousel2 li {
width:100%;
height:360px;
display: block;
margin-left:0px;
margin-right:0px;	
float:left;
}

.list_carousel2 li img{
	max-width:400px
}


.list_carousel2.responsive {
width: auto;
margin-left:0;
margin-bottom:0px;
}

.enc-words {
    background: #fff;
padding:50px 0px 0px 0px
}

.even-control-left {
  right:12%;
  bottom:100px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-left:8px
} 

.even-control-right {
  right:5%;
  bottom:100px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-right:8px
}

}

@media (max-width: 893px) {
.list_carousel2 li {
width:100%;
height:380px;
display: block;
margin-left:0px;
margin-right:0px;	
float:left;
}	

.list_carousel2 li  img{
	max-width:500px;
	margin:10px auto;
	display:block
}

.even-control-left {
  right:14%;
  bottom:30px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-left:8px
} 

.even-control-right {
  right:5%;
  bottom:30px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-right:8px
}

.enc-words {
    background: #fff;
padding:50px 0px 50px 0px
}
	
}



@media (max-width: 768px) {
.list_carousel2 li img{
	max-width:450px;
	margin:10px auto 20px auto;
	display:block
}

.even-control-left {
  right:6%;
  bottom:30px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-left:8px
} 	

.even-control-right {
  right:-30px;
  bottom:30px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-right:8px
}
	
}


@media (max-width: 600px) {

.even-control-left {
  right:11%;
  bottom:30px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-left:8px
} 	

.even-control-right {
  right:10px;
  bottom:30px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-right:8px
}
	
}


@media (max-width: 478px) {
	
	.list_carousel2 li {
width:100%;
height:350px;
display: block;
margin-left:0px;
margin-right:0px;	
float:left;
}	


.list_carousel2 li img{
	max-width:300px;
	margin:10px auto 20px auto;
	display:block
}

.even-control-right {
  right:9%;
  bottom:30px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-right:8px
}


.even-control-left {
  right:22%;
  bottom:30px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-left:8px
} 	
	
}



@media (max-width: 320px) {
	
		.list_carousel2 li {
width:100%;
height:300px;
display: block;
margin-left:0px;
margin-right:0px;	
float:left;
}	

.list_carousel2 li img{
	max-width:200px;
	margin:10px auto 20px auto;
	display:block
}

.even-control-right {
  right:14%;
  bottom:20px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-right:8px
}


.even-control-left {
  right:32%;
  bottom:20px;
  width:30px;
  height:30px;
  padding-top:0px;
  padding-left:8px
} 	

.name {font-family: "Caveat", cursive;
    color: #4c4c4c;
    font-weight: 700;
    font-size: 26px;
margin-top: 20px;
margin-left:10px
}

	
}




.button-52 {
  background-color: transparent;
  border: 1px solid #823d14;
  box-sizing: border-box;
  color: #823d14;
  font-family: "Avenir Next LT W01 Bold",sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding: 16px 23px;
  position: relative;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  z-index:-1
  
}

.button-52:hover,
.button-52:active {
  outline: 0;
}

.button-52:hover {
  background-color: transparent;
  cursor: pointer;
  color:#fff
}

.button-52:before {
  background-color: #f7e018;
  content: "";
  height: calc(100% + 3px);
  position: absolute;
  right: -7px;
  top: -9px;
  transition: background-color 300ms ease-in;
  width: 100%;
  z-index: 0;
}

.button-52:hover:before {
  background-color: #c78e3d;
}

@media (max-width: 768px) {
  .button-52 {
    padding: 16px 32px;
  }
}



/*** Footer ***/
.footer {
    background:#1cbf86;
}



.footer .copyright {
    padding: 10px 0;
    font-size: 17px;
	font-weight:500
}



.footer .footer-menu a {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgba(255, 255, 255, .3);
}

.footer .footer-menu a:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

.footer .btn{
	border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
	background:#fff;
	font-size:20px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 5px;
}


.footer .btn:hover{
	background:#000;
	color:#1cbf86 !important
}



/*** Kaleidoscope ***/

.sb {
    background: #fff;
padding:50px 0px;
position:relative
}


.sb h2{
	     font-family: "Caveat", cursive;
		 	  font-weight:700;
	   color:#4c4c4c;
	   font-size:45px
}



.sb .li{
border-radius: 32% 20% 29% 58% / 46% 52% 47% 55%;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
    border-left: 5px solid #1cbf86;
    border-top: 5px solid #1cbf86;
    overflow: hidden;
		max-width:330px;
}

.sb .ri{
border-radius: 32% 20% 29% 58% / 46% 52% 47% 55%;
		box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
    border-right: 5px solid #1cbf86;
    border-top: 5px solid #1cbf86;
    overflow: hidden;
		max-width:330px;
}


.sb-table1{
	display:table
}

.sb-table2{
	display:none
}

.sb table td{
	vertical-align:middle
}

@media (max-width: 1024px) {
	.sb-table1{
	display:none
}

.sb-table2{
	display:table
}
}

.sb .sub-head{
	font-size:22px;
	color:#1cbf86;
	font-weight:700
}

.book-names{
	font-family: "Caveat", cursive;
    font-weight: 700;
    color: #79e5c2;
    font-size: 35px;
}

.enjoy-reading{
	font-family: "Caveat", cursive;
    font-weight: 700;
    color: #4c4c4c;
    font-size: 35px;
	padding: 20px 0px 0px 0px
}


.book-numbers{
	width: 60px;
    height: 60px;
    background: #75eac0;
    border-radius: 32% 70% 79% 78% / 46% 52% 47% 55%;
	z-index:2;
	font-family: "Caveat", cursive;
    font-weight: 700;
    color: #4c4c4c;
    font-size: 55px;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
	border-right: 3px solid #4c4c4c;
    border-top: 3px solid #4c4c4c;
}


.bn {
	max-width:80px
}


.bn1 {
	max-width:80px
}

.bn3 {
	max-width:80px
}


.one-fine-help{
	text-align:right
}

@media (max-width: 1024px) {
	
.one-fine-help{
	text-align:left
}


}


.innerpg-header4 {
    background: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url(../img/sayalis-books.jpg) center center no-repeat;
    background-size: cover;
	height:100%
}

.innerpg-header4 a {
    color: #fff;
}




.innerpg-header4 h1{
font-family: "Caveat", cursive;
    color:#bc8b24;
margin-bottom:0px;
padding-bottom:0px;
}

@media (max-width: 893px) {
	.sb .li{
border-radius: 32% 20% 29% 58% / 46% 52% 47% 55%;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
    border-left: 5px solid #1cbf86;
    border-top: 5px solid #1cbf86;
    overflow: hidden;
		max-width:430px;
		display:block;
		margin:0 auto
}

.sb .ri{
border-radius: 32% 20% 29% 58% / 46% 52% 47% 55%;
		box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
    border-right: 5px solid #1cbf86;
    border-top: 5px solid #1cbf86;
    overflow: hidden;
		max-width:430px;
		display:block;
		margin:0 auto
}

.enjoy-reading{
	font-family: "Caveat", cursive;
    font-weight: 700;
    color: #4c4c4c;
    font-size: 35px;
	padding: 0px 0px 0px 0px
}

.sb table td{
	vertical-align:top
}

.bn {
	max-width:80px;
	margin-top:20px
}

.bn1 {
	max-width:80px;
	margin-top:20px
}

.bn3 {
	max-width:80px;
	margin-top:30px
}
}

@media (max-width: 768px) {
	
		.sb .li{
border-radius: 32% 20% 29% 58% / 46% 52% 47% 55%;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
    border-left: 5px solid #1cbf86;
    border-top: 5px solid #1cbf86;
    overflow: hidden;
		max-width:350px;
		display:block;
		margin:0 auto
}

.sb .ri{
border-radius: 32% 20% 29% 58% / 46% 52% 47% 55%;
		box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
    border-right: 5px solid #1cbf86;
    border-top: 5px solid #1cbf86;
    overflow: hidden;
		max-width:350px;
		display:block;
		margin:0 auto
}

.bn {
	max-width:80px;
	margin-top:20px
}

.bn1 {
	max-width:80px;
	margin-top:20px
}

.bn3 {
	max-width:80px;
	margin-top:10px
}
}

@media (max-width: 478px) {

.bn {
	max-width:80px;
	margin-top:0px
}

.bn1 {
	max-width:80px;
	margin-top:20px
}

.bn3 {
	max-width:80px;
	margin-top:0px
}
}

@media (max-width: 320px) {
	.sb .li{
border-radius: 32% 20% 29% 58% / 46% 52% 47% 55%;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
    border-left: 5px solid #1cbf86;
    border-top: 5px solid #1cbf86;
    overflow: hidden;
		max-width:280px;
		display:block;
		margin:0 auto
}

.sb .ri{
border-radius: 32% 20% 29% 58% / 46% 52% 47% 55%;
		box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
    border-right: 5px solid #1cbf86;
    border-top: 5px solid #1cbf86;
    overflow: hidden;
		max-width:280px;
		display:block;
		margin:0 auto
}

.bn {
	display:none
}

.bn1 {
	display:none
}

.bn3 {
	display:none
}

}

/*** Jubilee Planet ***/

.jp {
    background: #f7f7f7;
padding:50px 0px;
position:relative
}


.jp h2{
	     font-family: "Caveat", cursive;
		 	  font-weight:700;
	   color:#4c4c4c;
	   font-size:45px
}


.jp img{
border-radius: 32% 20% 29% 58% / 46% 52% 47% 55%;
		box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
    border-right: 5px solid #1cbf86;
    border-top: 5px solid #1cbf86;
    overflow: hidden;
		max-width:500px
}

@media (max-width: 1024px) {
	.jp img{
border-radius: 32% 20% 29% 58% / 46% 52% 47% 55%;
		box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
    border-right: 5px solid #1cbf86;
    border-top: 5px solid #1cbf86;
    overflow: hidden;
		max-width:400px
}
}

@media (max-width: 893px) {
.jp img{
border-radius: 32% 20% 29% 58% / 46% 52% 47% 55%;
		box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
    border-right: 5px solid #1cbf86;
    border-top: 5px solid #1cbf86;
    overflow: hidden;
		max-width:500px;
				display:block;
		margin:20px auto
}	
}

@media (max-width: 478px) {
	.jp img{
border-radius: 32% 20% 29% 58% / 46% 52% 47% 55%;
		box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
    border-right: 5px solid #1cbf86;
    border-top: 5px solid #1cbf86;
    overflow: hidden;
		max-width:360px;
				display:block;
		margin:20px auto
}
}

@media (max-width: 320px) {
	.jp img{
border-radius: 32% 20% 29% 58% / 46% 52% 47% 55%;
		box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
    border-right: 5px solid #1cbf86;
    border-top: 5px solid #1cbf86;
    overflow: hidden;
		max-width:260px;
				display:block;
		margin:20px auto
}
}



.jp .sub-head{
	font-size:22px;
	color:#1cbf86;
	font-weight:700
}


.enjoy-reading1{
	font-family: "Caveat", cursive;
    font-weight: 700;
    color: #4c4c4c;
    font-size: 35px;
	padding: 20px 80px 0px 80px
}

@media (max-width: 893px) {
	.enjoy-reading1{
	font-family: "Caveat", cursive;
    font-weight: 700;
    color: #4c4c4c;
    font-size: 35px;
	padding: 20px 0px 0px 0px
}
}

.next-in-line {
    background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../img/next-in-line.jpg);
     /* Set a specific height */
  min-height: 300px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:50px 0px
}

.next-in-line img{
	max-height:460px
}



.next-in-line h2{
	     font-family: "Caveat", cursive;
	   color:#fff;
	   font-size:45px;
	   	  font-weight:700;
}

.next-in-line p{
color:#fff;
 font-family: "Mali", cursive;
 font-size:22px;
}

.next-in-line blockquote{
	color:#fff;
}

.next-in-line blockquote span{
	color:#75eac0;
	font-style:italic;
		font-size:24px;
	font-weight:bold
}

.stay-tuned{
	font-family: "Caveat", cursive;
    font-weight: 700;
    color: #fff;
    font-size: 45px;
	padding-top:40px
}


.mb{
	color:#1cbf86;
	font-weight:700
}




/*** Stories & Articles ***/


.stories-articles {
    background: #fff;
padding:50px 0px;
position:relative
}


.stories-articles h2{
	     font-family: "Caveat", cursive;
		 	  font-weight:700;
	   color:#4c4c4c;
	   font-size:45px
}

@media (max-width: 320px) {
	
	.stories-articles h2{
	     font-family: "Caveat", cursive;
		 	  font-weight:700;
	   color:#4c4c4c;
	   font-size:40px
}
}

.stories-articles .stor-arti-item {
    width: 100%;
    height: auto;
    border-radius: 30% 30% 0% 0%;
    position: relative;
	background:#f7f7f7;
	min-height:450px;
}

.stories-articles .stor-arti-item p{
	padding:0px 30px
}

.stories-articles .stor-arti-item .read-story{
	background:#75eac0;
	padding:12px 10px 2px 10px
}

.stories-articles .stor-arti-item h4{
	color:#1cbf86;
	font-family: "Caveat", cursive;
	font-size:35px;
	margin-top:10px;
	padding:0px 20px
}

.marathi-name{
	font-family: "Kalam", serif;
	font-size:28px
}

.stories-articles .stor-arti-item a{
	color:#4c4c4c;
	text-decoration:underline;
	margin-top:20px
}


.stories-articles .stor-arti-item .stor-arti-img{
	    border-radius: 32% 20% 59% 58% / 46% 52% 47% 55%;
    border-left: 5px solid #1cbf86;
    border-bottom: 5px solid #1cbf86;
    overflow: hidden;
}

.stories-articles .stor-arti-item .stor-arti-inner .stor-arti-img .stor-arti-overlay {
    position: absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s;
    z-index: 1;
    opacity: 0;
}


.stories-articles .stor-arti-item .stor-arti-inner .stor-arti-img .stor-arti-overlay i{
    width: 60px;
    height: 60px;
    background: #75eac0;
    border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
    opacity: 1;
    padding: 16px;
    margin-left: 10px;
    z-index: 2;
	font-size:26px;
	color:#fff;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
}


.stories-articles .stor-arti-item:hover  .stor-arti-inner .stor-arti-overlay {
    opacity: 1;
}

.stories-articles .stor-arti-item .stor-arti-img::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    bottom: auto;
    background: rgba(255, 255, 255, .7);
    border-radius: 10px;
    transition: 0.5s;
}

.stories-articles .stor-arti-item:hover .stor-arti-img::after {
    height: 100%;
    opacity: 1;
}

.stories-articles .stor-arti-item .stor-arti-text a.h4,
.stories-articles .stor-arti-item .stor-arti-img img {
    transition: 0.5s;
}

.stories-articles .stor-arti-item:hover .stor-arti-text a.h4 {
    color: var(--bs-primary) !important;
}

.stories-articles .stor-arti-item:hover .stor-arti-img img {
    transform: scale(1.3);
}


.innerpg-header1 {
    background: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url(../img/stories-articles.jpg) center center no-repeat;
    background-size: cover;
	height:100%
}

.innerpg-header1 a {
    color: #fff;
}




.innerpg-header1 h1{
font-family: "Caveat", cursive;
    color:#bc8b24;
margin-bottom:0px;
padding-bottom:0px;
}




/*** About Sayali ***/


.about-sayali {
background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url(../img/about-bg.jpg);
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
padding:50px 0px
}


.about-sayali h2{
	     font-family: "Caveat", cursive;
		 	  font-weight:700;
	   color:#4c4c4c;
	   font-size:45px
}


.about-sayali img{
    border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
	max-height:350px
}


.innerpg-header2 {
    background: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url(../img/voracious-reader.jpg) center center no-repeat;
    background-size: cover;
	height:100%
}

.innerpg-header2 a {
    color: #fff;
}




.innerpg-header2 h1{
font-family: "Caveat", cursive;
    color:#bc8b24;
margin-bottom:0px;
padding-bottom:0px;
}

@media (max-width: 768px) {
	
.innerpg-header2 {
    background: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url(../img/voracious-reader-ss.jpg) center center no-repeat;
    background-size: cover;
	height:100%
}
	
}

@media (max-width: 478px) {
	
.innerpg-header2 {
    background: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url(../img/voracious-reader-xss.jpg) center center no-repeat;
    background-size: cover;
	height:100%
}
	
}

/*** Favourite Reads ***/

.fav-reads {
    background: #fff;
padding:50px 0px;
position:relative
}


.fav-reads h2{
	     font-family: "Caveat", cursive;
		 	  font-weight:700;
	   color:#4c4c4c;
	   font-size:45px
}

@media (max-width: 478px) {
.fav-reads h2{
	     font-family: "Caveat", cursive;
		 	  font-weight:700;
	   color:#4c4c4c;
	   font-size:35px
}	
}

@media (max-width: 320px) {
.fav-reads h2{
	     font-family: "Caveat", cursive;
		 	  font-weight:700;
	   color:#4c4c4c;
	   font-size:25px
}	
}

.fav-reads img{
border-radius: 32% 20% 29% 58% / 46% 52% 47% 55%;
		box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
    border-right: 5px solid #1cbf86;
    border-top: 5px solid #1cbf86;
    overflow: hidden;
	max-height:350px
}

.fav-bk-name{
font-family: "Caveat", cursive;
font-size:32px	
}

.fav-reads .table>:not(caption)>*>* {
    padding: 0rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.fav-reads i{
	color:#1cbf86
}




.innerpg-header3 {
    background: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url(../img/contact-us.jpg) center center no-repeat;
    background-size: cover;
	height:100%
}

.innerpg-header3 a {
    color: #fff;
}




.innerpg-header3 h1{
font-family: "Caveat", cursive;
    color:#bc8b24;
margin-bottom:0px;
padding-bottom:0px;
}




/*** Contact Us ***/

.contactus {
    background: #fff;
padding:50px 0px;
position:relative
}


.contactus h2{
	     font-family: "Caveat", cursive;
		 	  font-weight:700;
	   color:#4c4c4c;
	   font-size:45px
}


.contactus img{
border-radius: 32% 20% 29% 58% / 46% 52% 47% 55%;
		box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
    border-right: 5px solid #1cbf86;
    border-top: 5px solid #1cbf86;
    overflow: hidden;
	max-height:300px
}

.fav-bk-name{
font-family: "Caveat", cursive;
font-size:32px	
}

.contactus .table>:not(caption)>*>* {
    padding: 0rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.contactus i{
	width: 50px;
    height: 50px;
    background: #75eac0;
    border-radius: 32% 20% 79% 38% / 46% 52% 47% 55%;
    opacity: 1;
    padding: 12px;
	margin-left:10px;
	z-index:2;
	box-shadow: rgba(0, 0, 0, 0.55) 0px 5px 5px;
	font-size:24px
}

.second-line{
	display:inline
}

@media (max-width: 893px) {
.second-line{
	display:block
}
}

/* Input form */
.form-control {
  box-shadow: none;
  padding: 0px 20px;
  background:#fff;
  border-radius:12px;
  margin:10px;
  border:3px solid #75eac0;
  font-family: "Caveat", cursive;
  font-size:32px;
}


.form-control:focus {
  box-shadow: none;
  border:3px solid #75eac0;
}

.keen-to-hear {
    font-family: "Caveat", cursive;
    font-weight: 700;
    color: #4c4c4c;
    font-size: 35px;
    padding: 20px 80px 0px 80px;
}

@media (max-width: 768px) {
.keen-to-hear {
    font-family: "Caveat", cursive;
    font-weight: 700;
    color: #4c4c4c;
    font-size: 35px;
    padding: 20px 0px 0px 0px;
}	

.innerpg-header3 {
    background: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url(../img/contact-us-ss.jpg) center center no-repeat;
    background-size: cover;
	height:100%
}
}

.email{
    font-family: "Caveat", cursive;
    color: #1cbf86;
    font-weight: 700;
    font-size: 35px;
}

@media (max-width: 320px) {

.innerpg-header3 {
    background: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url(../img/contact-us-xss.jpg) center center no-repeat;
    background-size: cover;
	height:100%
}

.keen-to-hear {
    font-family: "Caveat", cursive;
    font-weight: 700;
    color: #4c4c4c;
    font-size: 30px;
    padding: 20px 0px 0px 0px;
}

.email{
    font-family: "Caveat", cursive;
    color: #1cbf86;
    font-weight: 700;
    font-size: 30px;
}	

}