html {
	scroll-behavior: smooth;
}

body {
	scroll-snap-type: y mandatory;
}

section {
	scroll-snap-align: start;
}

@font-face {
	font-family: "AvenirNext";
	src: url("../../assets/font/AvenirNext-Regular-08.ttf");
}

@font-face {
	font-family: "AvenirNextBold";
	src: url("../../assets/font/AvenirNext-Bold-01.ttf");
}

* {
	font-family: 'AvenirNext', sans-serif;
}

strong {
	font-family: "AvenirNextBold";
	font-weight: bold;
}

h2 {
	/* font-size: 30px; */
	font-style: normal;
	font-weight: 600;
	/* line-height: 35px; */
	letter-spacing: 0em;
}

h3 {
	/* font-size: 22px; */
	font-style: normal;
	font-weight: 500;
	/* line-height: 30px; */
	letter-spacing: 0em;
}

p {
	/* font-size: 20px; */
	font-style: normal;
	font-weight: 400;
	/* line-height: 25px; */
	letter-spacing: 0em;
	text-align: justified;
}

.orange strong{
    font-weight: 800;
}

.border-top {
	border-top: 1px solid #000!important;
}


.mainPage section {
    padding: 0rem;
}

.orangeCirc{
    height: 25px;
    width: 25px;
	line-height: 25px;
    border-radius: 50%;
    display: block;
    position: absolute;
    font-weight: 600;
}

.mainPage .section3 h5.card-title, .bookingPage .section4 h5.card-title{
    font-weight: 600;
	margin: auto 25px;
	font-weight: 600;
}

.card{
	border: none;
}

.mainPage .section3 .card, .bookingPage .section4 .card{
	border-radius: 15px;
	background: linear-gradient(180deg, #BAEAE1 -1.2%, #D3EEE3 44.7%, #ECF2E6 98.8%);
}

.mainPage .section3 .card-title, .mainPage .section4 .card-title{
	margin-left: 30px;
    margin-right: 30px;
    font-weight: 600;
    margin-top: 5px;
}

.orangeBg {
	min-height: 250px;
}

.gradientFill {
	background: linear-gradient(180deg, #FFFEB2 0.44%, rgba(255, 254, 178, 0) 109.29%);
}

.gradientFillRed {
	background: url("../../assets/images/orange-pre.png"), url("../../assets/images/orange-post.png");
	background-position: left top, right bottom;
	background-color: #FF7915;
	background-repeat: no-repeat, no-repeat;
	background-size: auto 100%, auto 100%;
}

.bannerTitle{
	color: #2C3A64;
}

.profile {
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
}


.section8 {
	min-height: 250px;
	background: linear-gradient(180deg, #BAEAE1 -0.66%, #D3EEE3 43.82%, #ECF2E6 96.25%);
}

/* .floatingBtn::after{
	content: '';
    height: 70px;
    width: 60px;
    position: absolute;
    background-size: contain;
    top: 70%;
    left: 50%;
	background-image: url("../../assets/svg/Vector.svg");
	background-repeat: no-repeat;
	z-index: -1;
} */

.triangle{
    fill: red;
    stroke: white;
    stroke-width: 8;
    transition: all 0.8s ease-in-out;
}
.floatingBtn .btn-primary{
	font-size: 15px;
	line-height: 18px;
	border-radius: 10px;
}

.bookingPage .btn-primary, .bookingPage .btn-primary:active, .bookingPage .btn-primary.active{
	background-color: white;
	color: #000;
	border: 1px solid #ccc;
	font-size: 15px;
	padding: 10px;
	font-weight: 500;
}

.bookingPage .btn-check:checked+.btn-primary{
	background-color: var(--bs-orange);
	color: #000;
	border: 1px solid #ccc;
	font-size: 15px;
	box-shadow: none;
}

.bookingPage .submitBtn, .bookingPage .submitBtn:active, .bookingPage .submitBtn.active{
	background-color: var(--bs-orange);
	color: white;
	border: 1px solid #ccc;
	font-size: 24px;
	padding: 5px 25px;
	border-radius: 10px;
	width: 200px;
	box-shadow: none;
}

.bookingPage table > table{
	vertical-align: middle;
}

.bookingPage .form-control:focus {
	box-shadow: none;
  }

.bookingPage input[type="text"]:focus{
	border-color: var(--bs-orange);
}

.bookingPage .form-control{
	padding: 10px;
	padding-left: 20px;
}

.blogListingPage .section1{
	/* min-height: 450px; */
	padding: 40px;
}

.blogListingPage .banner{
	padding-left: 10%;
}
.blogListingPage .card-body{
	padding: 1rem 0;
}

.blogListingPage .readMore, .blogListingPage .readMore:hover, .blogListingPage .readMore:active, .blogListingPage .readMore:visited{
	padding: 5px 15px;
	border: 1px solid #000;
	border-radius: 5px;
	text-decoration: none;
	color: #000;
}

.blogDetailsPage .card-body{
	padding-left: 0;
	padding-right: 0;
} 

.card-footer{
	background-color: transparent;
	border-top: none;
	padding: 1rem;
}


@media screen and (max-width: 575px) {
	.gradientFillRed {
		background: url("../../assets/images/orangeGroupLeft.png"), url("../../assets/images/orangeGroupRight.png");
		background-position: left top, right bottom;
		background-color: #FF7915;
		background-repeat: no-repeat, no-repeat;
		background-size: auto 100%, auto 100%;
	}
}