@charset "utf-8";
/* CSS Document */


		@font-face {
  font-family: "merri";
  src: url("../fonts/Merriweather-Regular.ttf");
}

		@font-face {
  font-family: "bebas";
  src: url("../fonts/BebasNeue-Regular.ttf");
}

		@font-face {
  font-family: "poppins";
  src: url("../fonts/Poppins-Regular.ttf");
}

		@font-face {
  font-family: "novatica";
  src: url("../fonts/novatica.ttf");
}


 a:link {
      text-decoration: none;
}

a:visited {
      text-decoration: none;
}

a:hover {
      text-decoration: none;
}

a:active {
      text-decoration: none;
}


body{
background-color:antiquewhite;
font-family: "merri";
color:#323131;
}

#form{
padding:10px
}

#tc{
padding-top:100px;	
}

#enquiry{
padding-top:40px;
padding-bottom:60px;
}

.form-control{
margin-top:20px;
}

.octp{
padding-left:50px;
height:30px;
color: #263d91;
font-weight:600;
}

#logo{
padding-top:20px;
padding-bottom:30px;
}

@media only screen and (max-width: 1050px){
#logo{
			padding-top:70px;
			}
}


@media only screen and (max-width: 1050px){
#logo img{
			width:30%
			}
}

#modal{
	text-align:center;
	margin-bottom: 50px;
}


.text-block1{
font-family: "merri";
font-size:20px;
padding-top:40px;
}

.text-block1 p{
font-family: "merri";
font-size:20px;
color: #000;
font-weight: 300;
}

.text-block1 h1{
font-family: "novatica";
font-size:36px;
color: #263d91;
font-weight: 600;
}

.text-block1 h3{
font-family: "novatica";
font-size:26px;
color: #263d91;
font-weight: 400;
}

.text-block1 h4{
font-family: "novatica";
font-size:24px;
color: #263d91;
font-weight: 300;
}

.text-block1 h2{
font-family: "novatica";
font-size:26px;
color: #112803;
font-weight: 600;
}

#accordion p{
font-family: "merri";
font-size:20px;
color: #000;
font-weight: 300;
}

#accordion h3{
font-family: "merri";
font-size:24px;
color: #263d91;
font-weight: 300;
}

#accordion h1{
font-family: "novatica";
font-size:36px;
color: #263d91;
font-weight: 600;
}

#accordion h2{
font-family: "novatica";
font-size:22px;
color: #112803;
font-weight: 600;
}


.accordion-body{
background-color: antiquewhite;
}


#accordion{
padding-top:60px;
padding-bottom:60px;
}

#accordion2{
padding-top:60px;
padding-bottom:60px;
}



#accordion2 p{
font-family: "merri";
font-size:20px;
color: #000;
font-weight: 300;
}

#accordion2 h1{
font-family: "novatica";
font-size:36px;
color: #263d91;
font-weight: 600;
}

#accordion2 h2{
font-family: "novatica";
font-size:30px;
color: #112803;
font-weight: 600;
}





.item{
	left: 0;
	top: 0;
	position: relative;
	overflow: hidden;
	margin-top:50px;

}
.item img{
	-webkit-transition: 0.6s ease;
	transition: 0.6s ease;
	width:100%;
}
.item img:hover{
	-webkit-transform: scale(1.4);
	transform: scale(1.4);

}
.img-thumbnail{
	border:0px;
	border-radius:0px;
}

img.zoom {
	width: auto;
	height: 500px;

	object-fit:cover;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.gallery{
background-color:antiquewhite
}

.gallery img{
border: 10px solid #fff;
}

 h5{
font-size:30px;
font-family: "novatica";
}

 p{
font-family: "merri";
font-size:16px;
color: #000;
font-weight: 300;
}

/* Parallax */
/* Section - Title */
/**************************/
#parallax.title {background: white; padding: 60px; margin:0 auto; text-align:center;}
#parallax.title h1 {font-size:35px; letter-spacing:8px;}

/* Section - Block */
/**************************/
#parallax.block {background: white; padding: 60px; width:820px; margin:0 auto; text-align:justify;}
#parallax.block-gray {background: #f2f2f2;padding: 60px;}
#parallax.section-overlay-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.70;}


/* Parallax Typography */
/**************************/
#parallax h1 {font-family:'merri'; font-size:24px; font-weight:400; text-transform: uppercase; color:black; padding:0; margin:0;}
#parallax h2 {font-family:'merri', sans-serif; font-size:70px; letter-spacing:10px; text-align:center; color:white; font-weight:400; text-transform:uppercase; z-index:10; opacity:.9;}
#parallax h3 {font-family:'merri', sans-serif; font-size:14px; line-height:0; font-weight:400; letter-spacing:8px; text-transform: uppercase; color:black;}
#parallax p {font-family:'merri', sans-serif; font-weight:400; font-size:14px; line-height:24px;}
.first-character {font-weight:400; float: left; font-size: 84px; line-height: 64px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: 'novatica', sans-serif;}

#parallax1 h1 {font-family:'merri'; font-size:80px; font-weight:600; text-transform: uppercase; color:white; padding:0; margin:0; text-align: center}
#parallax2 h1 {font-family:'merri'; font-size:80px; font-weight:600; text-transform: uppercase; color:white; padding:0; margin:0; text-align: center}
#parallax3 h1 {font-family:'merri'; font-size:80px; font-weight:600; text-transform: uppercase; color:white; padding:0; margin:0;  text-align: center}
#parallax4 h1 {font-family:'merri'; font-size:80px; font-weight:600; text-transform: uppercase; color:white; padding:0; margin:0;  text-align: center}
#parallax5 h1 {font-family:'merri'; font-size:80px; font-weight:600; text-transform: uppercase; color:white; padding:0; margin:0;  text-align: center}
#parallax6 h1 {font-family:'merri'; font-size:80px; font-weight:600; text-transform: uppercase; color:white; padding:0; margin:0;  text-align: center}
#parallax7 h1 {font-family:'merri'; font-size:80px; font-weight:600; text-transform: uppercase; color:white; padding:0; margin:0;  text-align: center}
#parallax8 h1 {font-family:'merri'; font-size:80px; font-weight:600; text-transform: uppercase; color:white; padding:0; margin:0;  text-align: center}


/* Section - Parallax */
/**************************/
#parallax1 .parallax-one {padding-top: 300px; padding-bottom: 300px; overflow: hidden; position: relative; width: 100%; background-image: url("../img/parallax1.webp"); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}

#parallax2 .parallax-two {padding-top: 300px; padding-bottom: 300px; overflow: hidden; position: relative; width: 100%; background-image: url("../img/parallax2.webp"); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}

#parallax3 .parallax-three {padding-top: 300px; padding-bottom: 300px; overflow: hidden; position: relative; width: 100%; background-image: url("../img/parallax3.webp"); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}

#parallax4 .parallax-four {padding-top: 300px; padding-bottom: 300px; overflow: hidden; position: relative; width: 100%; background-image: url("../img/parallax4.webp"); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}

#parallax5 .parallax-five {padding-top: 300px; padding-bottom: 300px; overflow: hidden; position: relative; width: 100%; background-image: url("../img/parallax5.webp"); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}

#parallax6 .parallax-six {padding-top: 300px; padding-bottom: 300px; overflow: hidden; position: relative; width: 100%; background-image: url("../img/parallax6.webp"); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}

#parallax7 .parallax-seven {padding-top: 300px; padding-bottom: 300px; overflow: hidden; position: relative; width: 100%; background-image: url("../img/parallax7.webp"); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}

#parallax8 .parallax-eight {padding-top: 300px; padding-bottom: 300px; overflow: hidden; position: relative; width: 100%; background-image: url("../img/parallax8.webp"); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}






@media only screen and (max-width: 1050px){
#parallax1 h1, #parallax2 h1, #parallax3 h1, #parallax4 h1, #parallax5 h1, #parallax6 h1 ,#parallax7 h1, #parallax8 h1{
			font-size: 30px;
			}
}


@media only screen and (max-width: 1050px){
.octp{
			font-size: 14px;
			}
}


@media only screen and (max-width: 1000px){
.octp{
			font-size: 14px;
			padding-top:40px;
			}
}


.footer-95942 {
  padding: 3rem 0;
  font-family: "Poppins", sans-serif; }
  .footer-95942 .nav-links li {
    display: block;
    margin-bottom: 10px;
				}
    .footer-95942 .nav-links li a {
      font-size: 14px;
      color: #000; }
      .footer-95942 .nav-links li a:hover {
        color: #0d6efd; }
  .footer-95942 .social.app {
    font-size: 13px; }
  .footer-95942 .social li {
    display: inline-block; }
    .footer-95942 .social li a {
      display: inline-block;
      padding: 10px;
      color: #ccc; }
      .footer-95942 .social li a:hover {
        color: #0d6efd; }
  .footer-95942 .social.nav-left li:first-child a {
    padding-left: 0px; }
  .footer-95942 .social.nav-right li:last-child a {
    padding-right: 0px; }
  .footer-95942 h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px; }
				
				  .footer-95942 h4{
						font-size:15px;
						font-weight:300;
						color:#000;
						line-height: 40px;
						}
						
						.footer-95942 h5{
						font-size:12px;
						font-weight:400;
						color:#000;
						line-height: 40px;
						}

.footer-95942 a{
color:#171717;
}





#chat{
padding-top:30px;
	padding-bottom:30px;
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}


#chat h5{
font-size:20px; 
font-family: "novatica";
}


.chat-container {
    width: 400px;
    background-color: #c2c3c4;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 15px;

}

#chatbox {
    height: 350px;
    overflow-y: scroll;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

#chat-output {
    display: flex;
    flex-direction: column;
}

#user-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

#send-btn {
    padding: 10px;
    background-color: #ffbb01;
    color: white;
    border: none;
    border-radius: 3px;
    cursor: pointer;
		  margin-top:10px;
    
}

#send-btn:hover {
    background-color: #fff;
	   color:#ffbb01

}

.message {
    margin: 5px 0;
}

.bot {
    background-color: #e1f7d5;
    padding: 8px;
    border-radius: 5px;
}

.user {
    background-color: #cbeaf9;
    padding: 8px;
    border-radius: 5px;
    align-self: flex-end;
}