/* CSS Document Make and Used By Parvez Alam */
	
	/* -------------------- DOWNLOADED FONTS - CSS  -------------------- */
	@font-face {
		font-family:'Roboto-Regular'; 
		src: url('../webfonts/Roboto-Regular.ttf');
	}
	
	@font-face {
		font-family:'Roboto-Light'; 
		src: url('../webfonts/Roboto-Light.ttf');
	}	
	
	@font-face {
		font-family:'Nunito-Regular'; 
		src: url('../webfonts/Nunito-Regular.ttf');
	}
	
	@font-face {
		font-family:'Allura-Regular'; 
		src: url('../webfonts/Allura-Regular.ttf');
	}
	
	@font-face {
		font-family:'Roboto-Thin'; 
		src: url('../webfonts/Roboto-Thin.ttf');
	}
	
	
	
	@font-face {
		font-family:'AlegreyaSans-Thin'; 
		src: url('../webfonts/AlegreyaSans-Thin.ttf');
	}
	
	@font-face {
		font-family:'AlegreyaSans-Light'; 
		src: url('../webfonts/AlegreyaSans-Light.ttf');
	}
	
	@font-face {
		font-family:'AlegreyaSans-Regular'; 
		src: url('../webfonts/AlegreyaSans-Regular.ttf');
	}

	@font-face {
		font-family:'AlegreyaSans-Bold'; 
		src: url('../webfonts/AlegreyaSans-Bold.ttf');
	}
	
	@font-face {
		font-family:'KaushanScript-Regular'; 
		src: url('../webfonts/KaushanScript-Regular.ttf');
	}

	@font-face {
		font-family:'FiraSans-Bold'; 
		src: url('../webfonts/FiraSans-Bold.ttf');
	}
	
	/*@font-face {
		font-family:'Nunito-Bold'; 
		src: url('../webfonts/Nunito-Bold.ttf');
	}*/
	
	/* -------------------- DOWNLOADED FONTS - CSS  -------------------- */
	

/*blue - 066168
orange - FFAA0D
green - 85d200
gray - #e9eade
*/

	/* -------------------- BODY COMMON - CSS  -------------------- */
	
	/* webpage default setting CSS */
	body {
		font-weight: 400;
		line-height: 1;
		word-wrap: break-word;
		text-rendering: optimizeLegibility;
		-webkit-text-size-adjust: none;
	}
	
	html {
		font-size: 10px;
	}
	
	html {
		font-size: 62.5%;
	}
	
	html {
		font-family: Verdana;
		line-height: 1.5;
		-webkit-text-size-adjust: 100%;
	}	
	
	.webbg
	{
		background-color: #066168;
		/*padding: 20px;*/
	}
		
	.bodybg
	{
		background-color: #FFFFFF;
	}
	
	.container-fluid
	{
		padding:0;
		margin:0;
	}
	
    .container 
	{
		max-width:1250px;
		width:100%;
		margin:auto;
		padding:0;
		border:#F00 dashed 0px;
		background-color: transparent;
    }
		
	.row 
	{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: 1.5rem;
		margin-left: 1.5rem;
		/*display: block;*/
	}
	
/*	.row {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left: 0;
		margin-right: 0;
	}	
*/	

	.row-nomargin
	{
		margin-right: 1.5rem;
		margin-left: 1.5rem;
	}

	.row-nomargin-media
	{
		margin-right: 1.5rem;
		margin-left: 1.5rem;
	}
	
	.nomargin-lr
	{
		margin-right: 0px;
		margin-left: 0px;
	}
	/* -------------------- BODY COMMON - CSS  -------------------- */


	.nopadding
	{
		padding: 0 !important;
	}
	
	.nopadding-media
	{
		padding: 0 0;
	}
	
	.paddingtop0
	{
		padding-top:0 !important;
	}
	
	.paddingtop5 
	{
		padding-top:0.5rem;
	}
	
	.paddingtop10 
	{
		padding-top:1rem;
	}

	.paddingtop15 
	{
		padding-top:1.5rem;
	}

	.paddingtop20
	{
		padding-top:2rem;
	}
	
	.paddingtop25
	{
		padding-top:2.5rem;
	}
	
	.paddingtop30 
	{
		padding-top:3rem;
	}
	
	.paddingtop50 
	{
		padding-top:5rem;
	}
	
	.paddingtop50-media 
	{
		padding-top: 5rem;
	}
	
	.paddingtop25-media 
	{
		padding-top: 2.5rem;
	}
	
	.paddingbottom5 
	{
		padding-bottom:0.5rem;
	}
	
	.paddingbottom10 
	{
		padding-bottom:1rem;
	}

	.paddingbottom15 
	{
		padding-bottom:1.5rem;
	}
	
	.paddingbottom20 
	{
		padding-bottom:2rem;
	}
	
	.paddingright30 
	{
		padding-right:3rem;
	}
	
	.paddingtb10
	{
		padding-top:1rem;
		padding-bottom:1rem;
	}

	.paddingtb20
	{
		padding-top:2rem;
		padding-bottom:2rem;
	}
	
	.paddingtb30
	{
		padding-top:3rem;
		padding-bottom:3rem;
	}
	
	.margintop15 
	{
		margin-top:1.5rem;
	}
	
	.margintop20 
	{
		margin-top:2rem;
	}
	
	.margintop25 
	{
		margin-top:2.5rem;
	}
	
	.marginbottom25
	{
		margin-bottom:2.5rem;
	}

	.red12n
	{
		font-family: Roboto-Regular;
		font-size: 12px;
		color: #FF0000;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.red12b
	{
		font-family: Roboto-Regular;
		font-size: 12px;
		color: #FF0000;
		font-weight: 700;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.black12n
	{
		font-family: Roboto-Regular;
		color: #000000;
		font-size: 1.2rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.black12b
	{
		font-family: Roboto-Regular;
		font-size:12px;
		color: #000000;
		font-weight:600;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.black14n
	{
		font-family: Roboto-Regular;
		color: #000000;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.hyperlink
	{
		cursor: pointer;
		text-decoration: none;
	}
	
	.underlinenone
	{
		text-decoration: none !important;
	}
	
	.align-righttocenter
	{
		text-align:right;
	}
	
	.align-lefttocenter
	{
		text-align:left;
	}
	
	.showhide-media
	{
		display:block;
	}
	
	.hideshow-media
	{
		display:none;
	}

	.align-centertoleft-media
	{
		text-align: center;
	}	

	
	/* -------------------- HEADER SECTION - CSS  -------------------- */
	.navbar-expand-md .navbar-nav .nav-link
	{
		font-family:'Roboto-Light';
		color: #066168 !important;
		font-size: 1.8rem;
		font-weight: 600;
		line-height: 3.5;
		text-decoration: none;
		padding-right: 2.5rem;
		padding-left: 0;
		transition: .5s;
	}
	.navbar-expand-md .navbar-nav .nav-link:hover 
	{
		color: #85d200 !important;
		text-decoration:none;
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
		transition:.5s;
		text-decoration: none;
	}
	
	.navbar-light .navbar-toggler 
	{
		font-family: Roboto-Regular;
		color: #066168 !important;
		font-size: 1.6rem;
		font-weight: normal;
		line-height: 1.5;
		text-decoration: none;
		border: #FFAA0D solid 1px;
		border-width: 2px;
		border-radius: 5px;
	}	
	.navbar-light .navbar-toggler:hover
	{
		background-color: #FFAA0D;
		border: #FFFFFF solid 1px;
		color: #FFFFFF !important;
		border-width: 2px;
		text-decoration: none;
		transition: .5s;
	}
	
	.headermenucss
	{
		justify-content: flex-end !important;
	}
	
	.container-header-main
	{
		width: 100%;
		margin: auto;
		padding: 0;
		border-radius: 20px;
		border: #FF0000 solid 0px;
		background-color: #FFFFFF;
		
		height: auto;
		line-height: 1.5;
		transition: all 1s ease-in-out;
	}
	
	.container-header-main.fixed-top 
	{
		position: fixed;
		top: 20px;
		left: 20px;
		right: 20px;
		width: auto;
		z-index: 1030;
	
		border-radius: 20px;
		background: #FFFFFF;
		animation: headerSlide 1s ease forwards;
	}	
	
	@keyframes headerSlide{
		from{
			transform: translateY(-90px);
		}
		to{
			transform: translateY(0);
		}
	}
	
	.headertext
	{
		font-family: Roboto-Regular;
		color: #066168;
		font-size: 1.6rem;
		font-weight: 400;
		letter-spacing: 0px;
		text-decoration: none;
	}
	
	.headertopbarlink
	{
		font-family: Roboto-Regular;
		color: #066168;
		font-size: 1.6rem;
		font-weight: 400;
		text-decoration: none;
	}
	.headertopbarlink:hover
	{
		color: #FFAA0D;
		text-decoration: none;
		transition:.5s;
	}
	
	.navbar .container-fluid
	{
		display:block;
	}
	
	.btn-getintouch-header
	{
		font-family: Roboto-Regular;
		color: #000000;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
		padding: 10px 25px;
		border: 0px solid #152219;
		border-radius: 25px;
		background-color:#85d200;
		box-shadow: 1px 1px 7px rgba(240, 239, 244, 0.24);
		transition: 0.5s all ease;
		position: relative;
		overflow: hidden;
	}
	
	.btn-getintouch-header::before 
	{
		content: "";
		position: absolute;
		top: -50%;
		left: -75%;
		width: 40px;
		height: 200%;
		background: rgba(255, 255, 255, 0.35);
		transform: rotate(25deg);
		opacity: 0;
		pointer-events: none;
		
		color: #FFFFFF;
		box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
	}
	
	.btn-getintouch-header:hover
	{
		color: #fff;
		box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
		transform: translateY(-3px);
	}	
	
	.btn-getintouch-header:hover::before 
	{
		opacity: 1;
		animation: shimmer 0.7s ease-in-out;
	}
	
	@keyframes shimmer 
	{
		0% {
			left: -75%;
		}
		100% {
			left: 150%;
		}
	}	
	
	.btn.focus, .btn:focus 
	{
		outline: 0;
		box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
	}	
	
	.overlay {
	  height: 0%;
	  width: 100%;
	  position: fixed;
	  z-index: 20;
	  top: 0;
	  left: 0;
	  background-color: rgb(0,0,0);
	  background-color: rgba(0,0,0, 0.95);
	  overflow-y: hidden;
	  transition: 0.5s;
	}
	
	.overlay a {
	  text-decoration: none;
	  color: #818181;
	  display: block;
	  transition: 0.3s;
	}
	
	.overlay a:hover, .overlay a:focus {
	  color: #f1f1f1;
	}
	
	.overlay .closebtn {
		position: absolute;
		right: 25px;
		
		font-family: 'Allura-Regular';
		color: #FFFFFF;
		font-size: 4rem;
		font-weight: 700;
		line-height: 2;
		text-decoration: none;
	}
	.closebtn:hover
	{
		transform: rotate(180deg);
	}	

	.nav-link-mobile
	{
		font-family: Roboto-Regular;
		color: #FFFFFF !important;
		font-size: 1.4rem !important;
		font-weight: 400;
		line-height: 2.5;
		text-decoration: none;
		transition: .5s;
	}
	.nav-link-mobile:hover 
	{
		color: #FFAA0D !important;
		text-decoration: none;
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
		transition:.5s;
	}
	
	.header-menu-container 
	{
		padding: 30px 30px;
		margin: 0;
		line-height: 0;
  	}
	
	ul.menulist 
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
  	}
	
	.header-menu-liner
	{
		border-bottom: #506363 solid 1px;
		margin: 25px 0;
  	}
	
	.icon-menu-sm
	{
		color: #FFFFFF;
		font-size: 16px !important;
		text-decoration: none;
		margin-right: 25px;
		cursor: pointer;
	}
	.icon-menu-sm:hover
	{
		color: #FFAA0D;
		transition: .5s;
	}	
	
	.logocss
	{
		width: 120px;
		height: auto;
		margin-left: 10px;
		border-radius: 15px;
		background-color: #FFFFFF;
	}
	
	.logocss-menu
	{
		width: 35px;
		height: auto;
	}
	
	.logocss-menu-hover
	{
		width: 75px;
		height: auto;
		border-radius: 5px;
	}
	
	.header-menu-right
	{
		position: absolute;
		right: 70px;
		top: -5px;
  	}
	
	.header-menu-left
	{
		position: absolute;
		left: 20px;
		top: -5px;
  	}
	
	.header-menu-mobile
	{
		position: absolute;
		padding-top: 25px; 
	}
	
	.icon-header-contact
	{
		color: #066168;
		padding: 5px 8px;
		margin-left: 5px;
		cursor: pointer;
		transition: 0.5s all ease;
	}
	.icon-header-contact:hover
	{
		background-color: white;
		color: #FFAA0D;
		padding: 5px 8px;
		border-radius: 7px;
		box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
		transform: rotateY(360deg) scale(1.2);
		transition: 0.5s all ease;
	}
	
	.headertopbarliner
	{
		border-bottom:#e9e9e9 solid 1px;
	}
	
	.headertopbarcss
	{
		padding:10px 10px;
	}
	
	.headershade
	{
		box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);
	}	

	/* -------------------- HEADER SECTION - CSS  -------------------- */
	
	
	
	/* -------------------- NEW HOVER HEADER SECTION - CSS  -------------------- */
	.offcanvas-header
	{
		display:none; 
	}
	
	.btn-outline-danger
	{
		color: #FFFFFF;
		border-color: #fdc800;
		background-color:#fdc800;
	}
	.btn-outline-danger:hover
	{
		color: #081E3C;
		border-color: #081E3C;
		background-color:#FFFFFF;
	}
	
	.hovermenupadding
	{
		padding-top:4rem;
	}
	
	.burgericoncss
	{
		position: absolute;
		left: 1.5rem;
	}
	
	.navbar 
	{
		width: 100%;
		padding: 0;
	}		
	
	.navbar-brand
	{
		margin:auto;
	}
	

	@media only screen and (max-width: 767px)
	{
		.navbar-expand-md .navbar-nav .nav-link {
			color: #ffffff !important;
			font-size: 1.4rem;
			font-weight: 400;
			padding-left: 0;
			margin-left: 0;
			margin-top: 0;
			line-height: 1.5;
		}	
		.navbar-expand-md .navbar-nav .nav-link:hover {
			color: #fdc800 !important;
			line-height: 1.5;
			transition:.5s;
			margin-top: 0;
			text-decoration: none;
			background-color: transparent;
		}
		
		.nav-link-selected
		{
			background-color: transparent;
			color: #F2AE06 !important;
			line-height: 1.5;
			transition: .5s;
		}	
		
		.navbar-nav
		{
			width: 100%;
		}
	
		.offcanvas-header
		{ 
			display:block; 
		}
		
		.navbar-collapse 
		{
			position: fixed;
			top:0; 
			padding-bottom: 6rem;
			left: -65%;
			width: 65%;
			padding-right: 1.5rem;
			padding-left: 1.5rem;
			overflow-y: auto;
			visibility: hidden;
			opacity: 0.9;
			background-color: #081E3C;
			transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
		}
		
		.navbar-collapse.show 
		{
			visibility: visible;
			transform: translateX(100%);
		}
		
		.navbar-light .navbar-toggler 
		{
			color: #081E3C;
		}	
		
		.navbar button.navbar-toggler:hover 
		{
		  color: #FFFFFF;
		}	
	}
	/* -------------------- NEW HOVER HEADER SECTION - CSS  -------------------- */
	
	
	
	/* -------------------- HEADER SLIDER SECTION - CSS  -------------------- */	
	.sliderbannercss
	{
		width: 100%;
		height: 500px;
		border-radius: 20px;
	}
	
	.carousel-caption 
	{
		position: absolute;
		top: 12%;
		left: 5%;
		right: 40%;
		z-index: 10;
		text-align: left;
	}	
		
	.slidertitle
	{
		/*font-family: Allura-Regular;*/
		font-family: 'KaushanScript-Regular', cursive;
		color: #066168;
		font-size: 7rem;
		font-weight: 700;
		line-height: 1.3;
		text-decoration: none;
		margin-top: -20px;
	}
	
	.slidercaption
	{
		font-family: Roboto-Regular;
		color: #066168;
		font-size: 2.2rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
		width: 100%;
	}
	
	.sliderbannershade
	{
		background-color: #0e0e0e66;
		background-image:url(../assets/images/BannerBG.webp);
		/*background-image: none;*/
		position: absolute;
		top: 0%;
		left: 0%;
		height: 100%;
		width: 100%;
		border-radius: 20px;
		z-index: 1;
	}
	
	.btn-viewall
	{
		font-family: Roboto-Regular;
		color: #000000;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
		padding: 10px 20px;
		border: 0px solid #152219;
		border-radius: 25px;
		background-color:#85d200;
		box-shadow: 1px 1px 7px rgba(240, 239, 244, 0.24);
		transition: 0.5s all ease;
		position: relative;
		overflow: hidden;
	}
	
	.btn-viewall::before 
	{
		content: "";
		position: absolute;
		top: -50%;
		left: -75%;
		width: 40px;
		height: 200%;
		background: rgba(255, 255, 255, 0.35);
		transform: rotate(25deg);
		opacity: 0;
		pointer-events: none;
		
		color: #fff;
		box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
	}
	
	.btn-viewall:hover
	{
		color: #fff;
		box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
		transform: translateY(-3px);
	}	
	
	.btn-viewall:hover::before 
	{
		opacity: 1;
		animation: shimmer 0.7s ease-in-out;
	}
	
	@keyframes shimmer 
	{
		0% {
			left: -75%;
		}
		100% {
			left: 150%;
		}
	}	
	/* -------------------- HEADER SLIDER SECTION - CSS  -------------------- */	
	
	
	
	/* -------------------- FOOTER SECTION - CSS  -------------------- */
    .footer-bgcolor
	{
		background-color: #FFF8EB;
		background-image: url(../assets/images/FooterBG.webp);
		background-size: cover;		
    }
	
    .footer-bgcolor-bottom
	{
		background-color: #066168;
    }
	
    .container-footer 
	{
		max-width:1200px;
		width:100%;
		margin:auto;
		padding: 70px 0 70px 0;
		height:auto;
    }
	
    .container-footer-bottom
	{
		max-width:1200px;
		width:100%;
		margin:auto;
		padding: 12px 0;
    }
	
	.footertext
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #066168;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.copyright
	{
		font-family: Roboto-Light,Arial,Helvetica,sans-serif;
		color: #FFFFFF;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.footeraboutus
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #066168;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1.5;
	}

	.footertitle
	{
		font-family: Roboto-Regular;
		color: #066168;
		font-size: 2.6rem;
		font-weight: 400;
		line-height: 1.5;
		margin-bottom: 2.5rem;
	}
	
	ul.footerlist 
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
		padding-bottom: 1rem;
	}

	.footermenulinks
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #066168;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 2.2;
	}
	.footermenulinks:hover
	{
		color:#FFAA0D;
		text-decoration:none;
		transition:.5s;
	}
	
	.footermenulinks-contact
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #066168;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 2.5;
	}
	.footermenulinks-contact:hover
	{
		color:#FFAA0D;
		text-decoration:none;
		transition:.5s;
	}
	
	.astrotechlink
	{
		font-family: Roboto-Light,Arial,Helvetica,sans-serif;
		color: #FFAA0D;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	.astrotechlink:hover
	{
		color: #FFFFFF;
		text-decoration: none;
		transition: .5s;
	}
	
	.aboutusreadmorelink:hover
	{
		color: #066168;
		text-decoration: none;
		transition: .5s;
	}
	
	.icon-footer-contact
	{
		background-color: #e9eade;
		width: 45px;
		height: 45px;
		font-size: 2.2rem !important;
		color: #066168;
		padding: 11px 12px;
		margin-right: 5px;
		border-radius: 50%;
		text-align: center;
		cursor: pointer;
  	}
	
	.table td, .table th 
	{
		padding: 0 .3rem 2rem 0;
	}
	
	.footersectionmediacss
	{
		padding: 25px 0;
	}
	
	.icon-footer-sm
	{
		background-color: #066168;
		border: #FFAA0D solid 5px;
		width: 40px;
		height: 40px;
		font-size: 1.6rem;
		color: #FFF;
		padding: 8px 8px;
		margin-right: 10px;
		border-radius: 50%;
		text-align: center;
		cursor: pointer;
		transition: 0.5s all ease;
  	}
	.icon-footer-sm:hover
	{
		color: #FFAA0D;
		border-radius: 25%;
		box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
		transform: rotateY(360deg) scale(1.1);
		transition: 0.5s all ease;
	}	
	
	.logocss-footer
	{
		width: 120px;
		height: auto;
		border-radius: 5px;
	}
	
	.footermobileno
	{
		font-family: 'KaushanScript-Regular';
		font-size: 2.5rem;
		line-height: 2;
	}

	.bottombarcss 
	{
		position: fixed;
		right: 115px;
		bottom: 60px;
		border: #26D367 dashed 0px;
	}
	
	.icon-bottombar
	{
		color: #26D367;
		font-size: 5rem !important;
		margin-left: 1.5rem;
		cursor: pointer;
	}

	/* -------------------- FOOTER SECTION - CSS  -------------------- */
	
	
	
	/* ----------------- SCROLL TO TOP BUTTON - CSS  ----------------- */
	#scroll {
		position:fixed;
		z-index: 9001;
		right: 35px;
		bottom: 35px;
		cursor: pointer;
		width: 50px;
		height: 50px;
		/*background-color: #85d200;*/
		border: #FFAA0D solid 0px;
		/*border-radius: 25px;*/
		text-indent: -9999px;
		display: none;
		background: url('../assets/images/scroll-top.png') no-repeat center center;
		background-size: contain;
	}
	
	#scroll span {
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-8px;
		margin-top:-12px;
		height:0;
		width:0;
		border:8px solid transparent;
		/*border-bottom-color:#ffffff;*/
	}
	
	#scroll:hover {
		/*background-color:#FFAA0D;*/
		border: #FFFFFF solid 0px;
		/*box-shadow: 1px 12px 30px rgba(102, 46, 255, 0.24);*/
		transition: .5s;
		opacity:1;filter:"alpha(opacity=100)";
		-ms-filter:"alpha(opacity=100)";
	}
	/* ----------------- SCROLL TO TOP BUTTON - CSS  ----------------- */
		
		
		
	/* -------------------- HOMEPAGE SECTION - CSS  -------------------- */
	.sectionwiseblock 
	{
		border: #052882 solid 0px;
		padding-top: 7rem;
		padding-bottom: 7rem;
	}
	
	.section-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 2rem;
		font-weight: 400;
		line-height: 1.7;
		letter-spacing: 0;
		text-decoration: none;
	}
	
	.section-details-aboutus
	{
		font-family: 'Nunito-Regular',sans-serif;
		/*font-family: 'Lato',sans-serif;*/
		color: #066168 ;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.pagetitle
	{
		/*font-family: Roboto-bold;*/
		font-family: 'AlegreyaSans-Bold',serif;
		color: #002147;
		font-size: 3.6rem;
		font-weight: 800;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.pagecaption
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1.7;
		letter-spacing: 0;
		text-decoration: none;
	}
	
	.page-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.7;
		letter-spacing: 0;
		text-decoration: none;
	}
	
	.sectionheading
	{
		/*font-family: Roboto-bold;*/
		font-family: 'AlegreyaSans-Bold',serif;
		color: #066168;
		font-size: 3.6rem;
		font-weight: 400;
		line-height: 0.5;
		text-decoration: none;
	}
	
	.sectioncaption
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.5;
		letter-spacing: 0;
		text-decoration:none;
	}
	
	.btn-readmore
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
		text-transform:uppercase;
		padding: 7px 25px;
		border: #211456 solid 1px;
		background-color: #211456;
		border-radius: 355px 45px 225px 75px/15px 225px 15px 255px;
		transition: .5s;
	}
	.btn-readmore:hover
	{
		background-color: #F2AE06;
		border: #F2AE06 solid 1px;
		color: #211456;
	}
	
	.border
	{
		border:#0066FF solid 1px;
	}

	.aboutusimagecss
	{
		border-radius: 10px;
	}
	
	.contactusimagecss
	{
		width: 100%;
		height:505px;
		border-radius: 15px;
		box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
	}
	
	.sectionwiseblock-full 
	{
		border: #1E1E1E solid 0px;
		padding-top: 7rem;
		padding-bottom: 7rem;
	}
	
	.sectionwise-bg-gray
	{
		background-color:#ece5e5;
	}
	
	.sectionwise-bg-blue-light
	{
		background-color:#efffff;
	}
	
	.sectionwise-bg-blue
	{
		background-color:#DBEEEE;
	}
	
	.sectionwise-bg-blue-dark
	{
		background-color:#066168;
	}

	.sectionwise-bg-pink
	{
		background-color:#FFF8EB;
	}
	
	.container-tourpackages
	{
		width: 96%;
		margin: auto;
	}	

	/* Photo Gallery Section CSS */
	/*.photogallery-listimage
	{
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		width: 100%;
		height: 200px;
		border-radius: 15px;
		object-fit: cover;
		cursor: pointer;
		transition: transform 0.3s ease;
	}*/
	
	.photogallery-listimage-all 
	{
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		width: 100%;
		height: 200px;
		border-radius: 15px;
		object-fit: cover;
		cursor: pointer;
		border-radius: 50% 20% / 10% 40%;
	
		opacity: 0;
		transform: scale(0.85) translateY(20px);
		animation: galleryReveal 1s ease-out forwards;
	}
	
	@keyframes galleryReveal 
	{
		from {
			opacity: 0;
			transform: scale(0.85) translateY(20px);
		}
		to {
			opacity: 1;
			transform: scale(1) translateY(0);
		}
	}	
	
	.photogallery-popupimage
	{
		width: 500px;
		height: 400px;
		object-fit: cover;
		cursor: pointer;
	}
	
	.lightbox .lb-image {
		width: 750px !important;	
		height: 500px !important;
		object-fit: cover;
		border-radius: 3px;
	}
	/* Photo Gallery Section CSS */
		
		
		
		
		
	.card-body 
	{
		padding: 1.5rem 2rem 2.5rem 2.5rem;
	}
		
	.card-packagelist 
	{
		background-color: #FFFFFF;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		transition: all .5s;
		width: 100%;
		/*height: 425px;*/
		padding: 0 0 5px 0;
		margin-bottom: 15px;
		border-radius: 25px;
		cursor: pointer;
	}	
	
	.package-title 
	{
		font-family: 'Roboto-Regular';
		color: #066168;
		font-size: 2rem;
		font-weight: 600;
		line-height: 1.3;
		padding-bottom: 1rem;
		text-decoration: none;
		height: 6rem;
	}
	
	.package-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #898497;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1.5;
		letter-spacing: 0;
		text-decoration: none;
	}
	
	.packagelist-cityname 
	{
		color: #898499;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
		height: 7rem;
	}
		
	.packageimagecss 
	{
		border-radius: 25px 25px 0 50px;
		width: 100%;
		height: 250px;
		padding: 7px;
		object-fit: cover;
	}	
	
	.packageimagecss-curve 
	{
		border-radius: 50px;
		width: 98%;
		height: 66px;
		margin-top: -30px;
		background-color: white;
		position: relative;
	}		
		
	.packagelist-cost 
	{
		font-family: "Rajdhani", sans-serif;
		color: #3772FC;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.2;
		text-decoration: none;
	}		
		
	.icon-packagelist 
	{
		color: #3772FC;
		font-size: 2rem;
		cursor: pointer;
	}
		
	.packagelist-liner 
	{
		border-bottom: #CCCCCC solid 1px;
		margin: 1.5rem 0;
	}		
		
	.btn-readmore-packagelist
	{	
		font-family: 'Roboto-Regular';
		color: #FFFFFF;
		background-color: #f98225;
		font-size: 1.3rem;
		font-weight: 600;
		line-height: 1.5;
		text-decoration: none;
		padding: 13px 3px 13px 15px;
		border-radius: 25px;
		transition: all .3s;
	}	
	.btn-readmore-packagelist:hover
	{	background-color: #066168;
		color: #FFFFFF;
	}
	.btn-readmore-packagelist:hover .icon-seemore
	{
		transform: rotate(0);
	}
	
	.icon-seemore
	{
		width: 35px;
		height: 35px;
		line-height: 35px !important;
		color: #066168;
		text-align: center;
		border-radius: 50px;
		transform: rotate(-40deg);
		transition: all 0.3s ease-in-out;
		background-color:#FFFFFF;
	}	
	
	.featuredboxcss
	{
		position: absolute;
		left: 15px;
		top: 30px;
		background-color: #3772FC;
		padding: 6px 12px;
		border-radius: 50px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		z-index: 2;
		
		color: #FFFFFF;
		font-size: 13px;
		font-weight: 400;
		text-decoration: none;
  	}
	
	.icon-aboutus-facility
	{
		color: #FFAA0D;
		font-size: 2rem;
		margin-right: 5px;
		cursor: pointer;
	}
	
	.aboutusmobilenocss
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #066168;
		font-size: 2rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	.aboutusmobilenocss:hover
	{
		color:#FFAA0D;
		text-decoration:none;
		transition:.5s;
	}
	
	
	.card-facility
	{
		width: 100%;
		padding: 50px;
		border: #F5C5C524 solid 1px;
		cursor: pointer;
	}
	
	.facility-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #FFFFFF;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5;
		letter-spacing: 0;
		text-decoration: none;
	}
	
	.icon-facility
	{
		color: #FFFFFF;
		font-size: 4.4rem;
		cursor: pointer;
	}
	.icon-contact:hover 
	{
		color: #0066FF;
		transition: .5s;
	}
	
	.card-facility-box1
	{
		border-top: none;
		border-left: none;
	}
	
	.card-facility-box2
	{
		border-top: none;
	}

	.card-facility-box3
	{
		border-top: none;
		border-right: none;
	}

	.card-facility-box5
	{
		border-right: none;
	}
	
	.card-facility-box6
	{
	}
	
	.card-facility-box7
	{
		border-left: none;
	}
		
		
		
		
/*.package-img{
    position:relative;
    overflow:hidden;
    border-radius:25px 25px 0 50px;
}

.packageimagecss{
    border-radius:25px 25px 0 50px;
    width:100%;
    height:250px;
    padding:7px;
    object-fit:cover;
    transition:transform .6s ease;
}

.package-img::before{
    content:'';
    position:absolute;
    top:0;
    left:-120%;
    width:40%;
    height:100%;
    background:linear-gradient(
        110deg,
        transparent,
        rgba(255,255,255,.7),
        transparent
    );
    transform:skewX(-25deg);
    transition:left .8s;
    z-index:2;
}

.package-img:hover::before{
    left:150%;
}		
*/		
		
	
	
	
.image-box{
    position: relative;
    overflow: hidden;
    border-radius: 25px 25px 0 50px;
}

/* Your existing CSS */
.packageimagecss{
    border-radius: 25px 25px 0 50px;
    width:100%;
    height:250px;
    padding:7px;
    object-fit:cover;
    transition:transform .6s ease;
    display:block;
}

/* Zoom */
.image-box:hover .packageimagecss{
    transform:scale(1.08);
}

/* Mirror Light */
.image-box::before{
    content:'';
    position:absolute;
    top:-50%;
    left:-75%;
    width:40%;
    height:200%;
    background:linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.15) 30%,
        rgba(255,255,255,.8) 50%,
        rgba(255,255,255,.15) 70%,
        rgba(255,255,255,0) 100%
    );
    transform:rotate(25deg);
    transition:all .8s ease;
    pointer-events:none;
}

.image-box:hover::before{
    left:140%;
}	
	
	
		
		
	.galleryimagecss 
	{
		width: 100%;
		height: 500px;
		object-fit: cover;
		border-radius: 25px;
	}	
		
	.galleryimagecss1
	{
		height: 240px;
	}	
	
	.galleryimagecss2
	{
		height: 250px;
	}	
	
	.galleryimagecss-media 
	{
		margin-top: 0;
	}
	
	
	.card-steps
	{
		background-color: #FFFFFF;
		box-shadow: 0px 28px 36px rgba(98, 94, 94, 0.17);
		/*box-shadow: 0px 28px 36px var(--tw-shadow-color, rgba(41, 137, 145, 0.2));*/
		width: 100%;
		padding: 35px 35px;
		margin-top: 25px;
		border-radius: 25px 50% 25px 25px;
		cursor: pointer;
  		transition: all .5s;
  	}
	/*.card-steps:hover
	{
		background-color: #85d200;
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
		transition: .5s;
	}*/
	
	.steps-title
	{
		font-family: Roboto-Regular;
		color: #066168;
		font-size: 2.2rem;
		font-weight: 600;
		line-height: 2.5;
		text-decoration: none;
	}
	
	.steps-details
	{
		font-family: Roboto-Regular;
		color: #066168;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.icon-steps1
	{
		background-color: #066168;
		width: 75px;
		height: 75px;
		
		font-family:'FiraSans-Bold';
		font-size: 4.5rem;
		color: #FFFFFF;
		border-radius: 15px;
		text-align: center;
		cursor: pointer;
		
		display: flex;
		justify-content: center;
		align-items: center;			
  	}
	
	.icon-steps2
	{
		background-color: #FFFFFF;
		border: #FFAA0D solid 5px;
		width: 90px;
		height: 90px;
		font-size: 3.4rem !important;
		color: #066168;
		padding: 25px 23px;
		margin-right: -40px;
		border-radius: 50%;
		text-align: center;
		cursor: pointer;
		
		display: flex;
		justify-content: center;
		align-items: center;			
	}
		
	.card-count
	{
		background-color: transparent;
		box-shadow: 0px 28px 36px rgba(220, 239, 213, 0.17);
		border:#337e84 solid 1px;
		width: 100%;
		height: 120px;
		padding: 25px 25px;
  		border-radius: 15px;
		cursor: pointer;
  		transition: all .5s;
  	}
	.card-count:hover
	{
		border:#FFFFFF solid 1px;
		transition: .5s;
	}
	
	.count-title
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 2rem;
		font-weight: 600;
		line-height: 1.5;
		float: right;
		text-decoration: none;
	}
	
	.count-number
	{
		font-family:'FiraSans-Bold';
		color: #FFAA0D;
		font-size: 3.5rem;
		font-weight: 600;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.icon-count
	{
		font-size: 3.5rem !important;
		color: #FFFFFF;
		cursor: pointer;
	}
		
		
		
	/* -------------------- HOMEPAGE SECTION - CSS  -------------------- */


	
	/* -------------------- Other Common - CSS  -------------------- */
	
	.contactus-formcss
	{
		font-family: Roboto-Regular;
		color: #211456;
		font-size: 1.7rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	
		box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
		padding: 20px 0;
		border-radius: 15px;
		border:#d1d0d3 solid 1px;	
	}
	
	/*Contact us section*/
	.form-control
	{
		display: block;
		width: 100%;
		height: 44px;
		padding: 6px 12px;
		font-family: Roboto-Regular;
		font-size: 16px;
		line-height: 2;
		color: var(--bs-body-color);
		margin-bottom: 15px;
		background-color: #fff;
		background-image: none;
		border: 1px solid #A0A8B0;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		box-shadow: none;
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	.form-control:focus {
		box-shadow: none;
		border: 1px solid #002147;
		color: #081E3C;
		transition:.5s;
	}
	
	.form-control-textarea 
	{
		display: block;
		width: 100%;
		height: 110px !important;
	}	
	
	::placeholder 
	{
	  color: #666666 !important;
	}
	
	.btn-primary:focus 
	{
		background-color: #fdc800;
		color: #FFFFFF;
		transition: .5s;
	}
	
	.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
		color: #FFFFFF;
		background-color: #fdc800;
		border-color: #fdc800;
	}	
	/*Firefox*/
	input[type="number"] {
		-moz-appearance: textfield;
	}
	/*Chrome, Safari, Edge, Opera*/
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	}	
	
	html {
		scroll-behavior: smooth;
	  }
	
	.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
		border-top: 0px solid #FFF8EB;
		border: #FFF8EB solid 0px;
		padding: 5px 0px;
		margin-bottom: 0px;
	}
	/*Contact us section*/
	
	.infra-imagecss
	{
		width: 100%;
		height: 200px;
		object-fit: cover;
		border-radius: 10px;
		margin-bottom: 25px;
		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
	}
	
	.text-orange
	{
		color: #FFAA0D;
	}
	
	.text-green
	{
		color: #85d200;
	}
	
	.text-white
	{
		color: #FFFFFF;
	}
	
	.bg-orange
	{
		background-color: #FFAA0D;
	}
	
	/* -------------------- Other Common - CSS  -------------------- */
	
	
	
	/* -------------------- Package Details CSS by Asif -------------------- */
	.package-title-box {
		margin-bottom: 25px;
	}

	.package-title-box span {
		font-family: AlegreyaSans-Bold, serif;
		color: rgb(6, 97, 104);
		font-size: 3.6rem;
		font-weight: 800;
		line-height: 1.5;
		text-decoration: none;
	}

	.package-title-box p {
		color: #666;
		font-size: 1.6rem;
	}


	.package-banner {
		width: 100%;
		height: 450px;
		object-fit: cover;
		border-radius: 18px;
		box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
	}

	.itinerary-image {
		width: 100%;
		height: 160px;
		object-fit: cover;
		border-radius: 8px;
		border: 1px solid rgb(6, 97, 104);
	}

	.timeline-content p {
		margin-bottom: 0;
		line-height: 28px;
		color: #000000;
	}

	.price-card {
		background: #fff;
		border-radius: 18px;
		padding: 25px;
		box-shadow: 0 10px 35px rgba(0, 0, 0, .12);
	}

	.price-card .value {
		font-family: Roboto-Regular;
		font-size: 22px;
		font-weight: bold;
		color: #0b5ed7;
	}

	.price-card ul {
		padding: 0;
		margin-top: 20px;
		list-style: none;
	}

	.price-card li {
		padding: 12px 0;
		border-bottom: 1px solid #eee;
		font-size: 1.8rem;
	}

	.content-card-itenarary {
		background: #fff;
		padding: 10px 25px 10px 25px;
		font-size: 1.6rem;
		margin: 25px 0 5px 0;
		border-radius: 18px;
		box-shadow: 0 5px 18px rgba(0, 0, 0, .08);
		text-align: justify;
	}

	.daywiseitenarary-title {
		color: rgb(6, 97, 104);
		font-size: 1.8rem;
		font-weight: bold;
		font-family: Roboto-Regular;
	}

	.timeline {
		border-left: 3px solid #2196F3;
		margin-left: 35px;
	}

	.timeline-item {
		position: relative;
		margin-bottom: 35px;
		padding-left: 30px;
	}

	.daywiseitenarary-circle {
		position: absolute;
		left: -52px;
		top: 0;
		width: 40px;
		height: 40px;
		background: #FFAA0D;
		color: #fff;
		border-radius: 0px 15px 0 15px;
		border: 1px solid #a16b06;
		text-align: center;
		line-height: 40px;
		font-weight: bold;
		font-size: 1.2rem;
	}

	.timeline-content {
		background: #eef7ff;
		padding: 18px;
		border-radius: 10px;
	}

	.include-card {
		background: #ecfff1;
		padding: 10px 25px 10px 25px;
		border-radius: 15px;
		border-left: 5px solid #27ae60;
		margin-top: 25px;
	}

	.exclude-card {
		background: #fff0f0;
		padding: 10px 25px 10px 25px;
		border-radius: 15px;
		border-left: 5px solid #e74c3c;
		margin-top: 25px;
	}

	.include-card ul span,
	.exclude-card ul span {
		margin: 6px 0;
		font-size: 1.6rem;
	}

	.margin-left-right {
		margin-left: -1.5rem;
		margin-right: -1.5rem;
	}

	.margin-left-right-ul {
		margin-left: -3.5rem;
		margin-right: -1.5rem;
		height:400px;
		overflow-y:auto;
	}

	.validity-tag {
		display: inline-block;
		background: #fff3cd;
		color: #000000;
		border: 1px solid #f5c36a;
		border-radius: 30px;
		padding: 6px 14px;
		font-size: 13px;
		font-weight: 600;
		animation: validityPulse 1.5s infinite;
	}

	.validity-tag i {
		margin-right: 6px;
	}

	@keyframes validityPulse {

		0% {
			box-shadow: 0 0 0 rgba(255, 165, 0, 0);
			transform: scale(1);
		}

		50% {
			box-shadow: 0 0 15px rgba(255, 165, 0, .7);
			transform: scale(1.05);
		}

		100% {
			box-shadow: 0 0 0 rgba(255, 165, 0, 0);
			transform: scale(1);
		}
	}
	
	
	/*These are Destinations CSS*/
	.destination-card {
		display: block;
		position: relative;
		overflow: hidden;
		border-radius: 15px;
		margin-bottom: 25px;
		transition: .45s;
		border: 2px solid #ffffff;
		box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
	}

	.destination-card img {
		width: 100%;
		height: 255px;
		object-fit: cover;
		transition: .7s;
	}

	.destination-details {
		position: absolute;
		left: 18px;
		bottom: 18px;
		width: 75%;
		z-index: 5;
	}

	.destination-name {
		color: #FFAA0D;
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 5px;
		text-shadow: 0 2px 4px rgba(0, 0, 0, .35);
	}

	.destination-name i {
		color: #fff;
		margin-right: 6px;
		font-size: 19px;
	}

	.destination-desc {
		color: #f5f5f5;
		font-size: 14px;
		line-height: 22px;
		text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
	}

	.destination-overlay {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background: linear-gradient(to top, rgba(0, 0, 0, .88) 5%, rgb(0 0 0 / 5%) 45%, rgba(0, 0, 0, .01) 100%);
	}
	
	
	/*These are Provacy CSS*/
	.policy-header {
		text-align: center;
		margin-bottom: 35px;
	}

	.policy-header span {
		line-height: 1.5;
		font-family: AlegreyaSans-Bold, serif;
		color: rgb(6, 97, 104);
		font-size: 3.6rem;
		font-weight: 800;
		text-decoration: none;
	}

	.policy-header span i {
		color: #FFAA0D;
		margin-right: 10px;
	}

	.policy-header p {
		color: #777;
		font-size: 15px;
		max-width: 700px;
		margin: auto;
		line-height: 28px;
	}

	.policy-card {
		background: #fff;
		border-radius: 18px;
		padding: 35px;
		box-shadow: 0 10px 35px rgba(0, 0, 0, .08);
		border: 1px solid #efefef;
		margin: 0 15px 0 15px;
	}

	.policy-item {
		display: flex;
		align-items: flex-start;
		padding: 22px 0;
		border-bottom: 1px solid #ececec;
	}

	.policy-item:last-child {
		border-bottom: none;
	}


	.policy-icon {
		width: 55px;
		height: 55px;
		min-width: 55px;
		background: linear-gradient(135deg, #066168, #14bdd6);
		/* background: linear-gradient(135deg, #0D5EA6, #1485d6); */
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 22px;
		color: #fff;
		font-size: 20px;
		box-shadow: 0 8px 20px rgba(13, 94, 166, .25);
	}

	.policy-content {
		border-left: 3px solid #FFAA0D;
		padding-left: 18px;
	}

	.policy-content span {
		font-family: Roboto-Regular;
		color: rgb(6, 97, 104);
		font-size: 2.2rem;
		font-weight: 600;
		line-height: 1.5;
		text-decoration: none;
	}

	.policy-content p {
		margin: 0;
		color: #666;
		font-family: Roboto-Regular;
		line-height: 1.5;
		font-size: 15px;
		text-align: justify;
	}
	
	
	
	/* -------------------- Package Details CSS by Asif -------------------- */
	
	

	
	/* If the screen size is 360px or less, set this CSS */
	@media only screen and (max-width: 360px)
	{

	}
	
	
	
	/* If the screen size is 767 or less, set this CSS */
	@media only screen and (max-width: 767px)
	{
		.showhide-media
		{
			display:none;
		}
		
		.hideshow-media
		{
			display:block;
		}
		
		.row-nomargin-media
		{
			margin-right: 0;
			margin-left: 0;
		}
			
		.nopadding-media
		{
			padding: 0 15px;
		}
		
		.paddingtop50-media
		{
			padding-top: 0;
		}
		
		.paddingtop25-media
		{
			padding-top: 0;
		}
		
		.align-righttocenter
		{
			text-align:center;
		}
		
		.align-lefttocenter
		{
			text-align:center;
		}
		
		.aligntocenter-media
		{
			text-align: center !important;
		}	
		
		.align-centertoleft-media
		{
			text-align: left;
		}	
	
	
		.sectionwiseblock 
		{
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
		
		.sectionwiseblock-bg
		{
			padding: 2rem 0;
		}
		
		.container-tourpackages
		{
			width: 100%;
		}	
		
		.sectionheading
		{
			font-size: 2.2rem;
			font-weight: 400;
		}
		
		.sectioncaption
		{
			font-size: 1.6rem;
		}
		
		.carousel-caption 
		{
			top: 20%;
			right: 30%;
		}
		
		.sliderbannercss
		{
			height: 150px;	
		}
		
		.sliderbannershade
		{
			background-image: none;
		}
		
		.slidertitle
		{
			color: #FFFFFF;
			font-size: 2rem;
			margin-top: -30px;
		}
		
		.btn-viewall
		{
			font-size: 1.4rem;
			padding: 5px 15px;
		}
		
		.navbar-expand-md .navbar-nav .nav-link 
		{
			border-top: #c7b7b77d solid 1px;
		}	
		
		.bg-light
		{
			background-color: #FFFFFF !important;
			padding: 0;
		}	
		
		.container-header-main
		{
			height: 55px;
			padding-top: 15px;
			border-radius: 10px;
		}
		
		.logocss-header
		{
			margin-top: 0;
			width: 95px;
			height: auto;
		}
		.logocss-header:hover
		{
			background-color:#FFFFFF;
			margin-top: 0;
			width: 95px;
			height: auto;
			border-radius: 0;
			transition:.5s;
		}
		
		.headermenucss
		{
			justify-content: flex-start !important;
		}
		
		.pagetitle
		{
			font-size: 2rem;
		}
		
		.section-details
		{
			font-size: 1.6rem;
		}
		
		.section-details-aboutus
		{
			font-size: 1.6rem;
		}


		
		.container-footer 
		{
			padding: 20px 0 10px 0;		
		}
	
		
		.container-footer 
		{
			padding: 0 0;
		}
		
		.footersectionmediacss
		{
			padding: 15px 0;
		}
		
		.footeraboutus
		{
			font-size: 1.4rem;
		}
			
		.footertitle
		{
			font-size: 1.8rem;
			margin-bottom: 0;
			margin-top: 1rem;
		}
		
		.footermenulinks
		{
			font-size: 1.4rem;
		}
		
		.footermobileno
		{
			font-size: 1.8rem !important;
		}
		
		.footermenulinks-contact
		{
			font-size: 1.4rem;
		}
		
		.footertext
		{
			font-size: 1.4rem;
		}
		
		.copyright
		{
			font-size: 1.2rem;
		}
		
		.bottombarcss 
		{
			bottom: 72px;
		}
		
		.icon-bottombar
		{
			font-size: 4.2rem !important;
		}

		.astrotechlink
		{
			font-size: 1.2rem;
		}
		
		.btn-readmore
		{
			font-size: 1.2rem;
			padding: 7px 20px;
		}
		
		.sectionwiseblock-full 
		{
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
		
		.logocss-footer
		{
			width: 100px;
		}
		
		#scroll 
		{
			bottom: 60px;
		}
		
		.contactus-formcss
		{
			font-size: 1.6rem;
		}
		
		.contactusimagecss
		{
			height: auto;
		}
		
		.aboutusmobilenocss
		{
			font-size: 1.7rem;
		}
		
		.card-steps
		{
			padding: 20px 20px;
			margin-top: 15px;
		}
		
		.steps-title
		{
			font-size: 1.7rem;
		}
		
		.icon-steps1
		{
			width: 60px;
			height: 60px;
			font-size: 3.5rem;
		}
		
		.icon-steps2
		{
			width: 75px;
			height: 75px;
			font-size: 3rem !important;
			padding: 18px 18px;
			margin-right: -30px;
		}
		
		.card-count
		{
			margin-top: 15px;
		}
		
		.count-title
		{
			font-size: 1.8rem;
		}
		
		.count-number
		{
			font-size: 3rem;
		}
		
		.icon-count
		{
			font-size: 3rem !important;
		}
		
		/* Photo Gallery Section CSS */
		/*.photogallery-listimage
		{
			height: 200px;
			margin-bottom: 15px;
		}*/
		
		.photogallery-listimage-all
		{
			height: 250px;
		}
		
		.photogallery-popupimage
		{
			width: 350px !important;
			height: 250px !important;
			object-fit: cover;
			cursor: pointer;
		}
		
		.lightbox .lb-image {
			width: 350px !important;	
			height: 250px !important;
			object-fit: cover;
			border-radius: 3px;
		}
		/* Photo Gallery Section CSS */
		
		.galleryimagecss-media 
		{
			margin-top: 2rem;
		}
		
		.galleryimagecss
		{
			height: auto;
		}	
		
		.galleryimagecss1
		{
			height: auto;
		}	
		
		.galleryimagecss2
		{
			height: auto;
		}	
		
		.package-title 
		{
			font-size: 1.7rem;
			line-height: 1.5;
		}
		
		.card-facility
		{
			padding: 15px;
			border: none;
			border-bottom: #F5C5C524 solid 1px;
		}
		
		.card-facility-media
		{
			margin-left: -15px;
		}
		
		.icon-facility
		{
			font-size: 3.4rem;
		}
		
		
		/*Package details CSS by Asif*/
		.price-card {
			margin-top: 20px;
		}

		.price-card li {
			font-size: 1.4rem;
		}

		.content-card-itenarary p {
			font-size: 1.4rem;
		}

		.daywiseitenarary-title {
			font-size: 1.6rem;
		}

		.include-card li,
		.exclude-card li {
			font-size: 1.4rem;
		}

		.timeline-item {
			margin-bottom: 20px;
			padding-left: 20px;
		}

		.timeline {
			border-left: 0px solid #2196F3;
		}

		.itinerary-image {
			width: 100%;
			height: 150px;
			margin-bottom: 10px;
		}

		.price-card .value {
			font-size: 1.8rem;
		}

		.package-title-box span {
			font-size: 2.2rem;
		}

		.package-title-box p {
			font-size: 1.4rem;
		}

		.timeline-content {
			margin-left: -6.5rem;
			margin-right: -1rem;
		}

		.daywiseitenarary-circle {
			position: sticky;
			float: right;
			border-radius: 0px 10px 0 15px;
			margin-right: -1rem;
		}

		.package-banner{
			height: 200px;
		}
		
		.margin-left-right-ul {
			height: auto;
		}
		
		.destination-card {
			height: 240px;
			margin-bottom: 18px;
		}

		.destination-card img {
			height: 240px;
		}

		.destination-details {
			left: 16px;
			bottom: 16px;
			width: 72%;
		}

		.destination-name {
			font-size: 18px;
		}

		.destination-desc {
			font-size: 13px;
			line-height: 20px;
		}
		
		.policy-card {
			padding: 0 20px;
		}

		.policy-item {
			display: block;
			text-align: center;
		}

		.policy-icon {
			margin: 0 auto 15px;
		}

		.policy-content {
			border-left: none;
			border-top: 3px solid #FFAA0D;
			padding-left: 0;
			padding-top: 15px;
		}

		.policy-header span {
			font-size: 28px;
		}

		.policy-content span {
			font-size: 1.8rem;
		}
		
		
		/*Package details CSS by Asif*/
		
		
			
	}
	


	
	/* If the screen size is between 768px to 1024px, set this CSS */
	@media (min-width: 768px) and (max-width: 1024px)
	{
		
	}
	
	
	
	@media (max-device-width : 1024px) and (orientation : landscape)
	{

	}
		
	/* -------------------- NEW CSS UPDATED for TRAINER MODULE - CSS  -------------------- */