html{
    scroll-behavior: smooth;
}
body{
	font-family: 'Baloo Tammudu 2', cursive;
	background-color: #fff;
}
.carousel-item{
	max-height: calc(100vh - 71px);	
}
img{
	width: 100%;
}

.selector-for-some-widget {
  box-sizing: content-box;
}

.carousel-caption{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
}
p{
	font-size: 18px;
}


.navbar{
	background-color: #EDF2FA;
.navbar-toggler-icon{
	color: #13343B;
	background-color:#E6E6E3;
}
.navbar-brand{
	font-size: 42px;
	letter-spacing: 2px;
}


.content{
	margin-left: 50px;
}
.jumbotron, .faq{
	background-color: #f3faf6;
}

.faq i{
	color: #28A745 !important;
}
.faq-list .fa-question-circle{
	font-size: 23px;
	position: absolute;
	left: 26px;
}

.faq-list a{
	color: #6b6b6b;
	text-decoration: none;
	font-weight: 600;
	position: relative;
}
.faq-list a:hover{
	color: #28A745;
}
.faq-list .fa-chevron-down,
.faq-list .fa-chevron-up{
	position: absolute;
	right: 0;
	top: 5px;
}

.faq-list .fa-chevron-down{
	display: none;
}
.faq-list a.collapsed .fa-chevron-down{
	display: inline-block;
}

.faq-list .fa-chevron-up{
	display: inline-block;
}
.faq-list a.collapsed .fa-chevron-up{
	display: none;
}
.info-box, .contact form{
	box-shadow: 0 0 30px rgba(214, 215, 216, .6);
	padding: 30px;
}
@media only screen and (max-width:768px){
    .carousel-caption h1{
        font-size: 36px;
		font-weight: bold;
    }
    .carousel-caption h6{
        font-size: 15px;
    }
}





/* For app.js 09-04-22 ***********text-shadow: 0 1px 0 #afa04f; #cca637 */
.btnstyle {
    align-items:center;
    border-color:rgb(0,108,255);
    color:rgb(0,108,255);
    background:rgb(255,255,255);
    width: auto;   
}
.btnstyle:hover {
    color:rgb(0,108,255);
}

.content {
    display: none;
    min-width:300px;
    align-content: center;
    height: 189px;
    margin-left: 0px;
    padding:15px;
}
.back {
    display: none;
    margin-top: 10px;
    margin-left: 50px;
}
.next {
    margin-top: 10px;
    margin-left: 50px;
}
.tback {
    display: none;
    margin-top: 10px;
    margin-left: 50px;
}
.tnext {
    margin-top: 10px;
    margin-left: 50px;
}
.end {
    display: none;
}
.left-column {
    background-color:transparent;
    height:auto;
    padding: 1px 1px;
    width:45%;
    max-width:175px;
    float:left;
    border-bottom-left-radius: 2px;
}
.right-column{
    background-color:transparent;    
    height:auto;
    padding: 1px 1px;
    width:45%;
    max-width:175px;
    float:right;
    border-bottom-right-radius: 2px;
}

button.book {
background-color: #f9f9f9;
border: none;
height: 40px;
padding: 5px 15px;
color: #0000FF;
font-size: 16px;
font-weight: 300;
margin-top: 10px;
margin-right: 10px;
}
button.book:hover {
cursor: pointer;
background-color: #f9f9f9;
}
button:active {
outline: none;
border: none;
}
button:focus {outline:0;}