@import url('https://fonts.googleapis.com/css2?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&display=swap');
/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-family: Poppins , Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #454545;
    line-height: 23px;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}
.clear:after { clear:both;}

.clear {*zoom:1; clear:both;}

img {max-width:100%;	vertical-align:bottom;}

a {	color:#444;	text-decoration:none;}

a:hover {text-decoration:none;}

a:focus {outline:0;text-decoration:none;}

a:hover, a:active {	outline:0;}

input:focus, textarea:focus, button:focus {	outline:0;	border:0;}

ul,li,h1,h2,h3,h4 {list-style-type:none;margin:0;padding:0}

h1, h2, h3, h4, h5, h6 {
   margin: 0;
}

p:last-child{
  margin: 0;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* HEADER */

.container{
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.header {
  position: absolute;
  top: 0;
  max-width: 1320px;
  left: 0;
  right: 0;
  margin: 0 auto;
}


.footer{
  background: #E1DDD9;
}

.footer-social a {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: #757473;
  border-radius: 25px;
  text-align: center;
  line-height: 25px;
  font-size: 12px;
  color: #dadada;
  margin: 0 3px;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

.text-justify{
  text-align:justify;
}

.banner{
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.banner-title{
  font-size: 37px;
  line-height: 42px;
  font-weight: 300;
}

.banner-title span{
  font-size: 49px;
  line-height: 54px;
  font-weight: 700;
}

.login-btn, .reg-btn{
  display: inline-block;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  padding: 10px 24px;
  border-radius: 25px;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
}

.reg-btn{
  background: #FF380E;
  border-color: #FF380E;
}

.about-img img{
  display: inline-flex;
  width: 32.5%;
  padding: 0 3px;
}

.about-img .middle-img{
  transform: scale(1.15);
}

.title{
  font-size: 38px;
  line-height: 57px;
  font-weight: 400;
  color: #000;
}

.title span{
  font-weight: 700;
  color: #002DC0;
}

.title b{
  font-weight: 700;
  color: #FF380E;
}

.about-section{
  background: radial-gradient(100% 629.62% at 100% 0%, rgba(193, 235, 244, 0.273) 0%, rgba(231, 245, 171, 0.1995) 100%)
}

.about-section p{
  line-height: 32px;
}

.video-item {
  text-align: center;
  filter: drop-shadow(5.44596px 4.66796px 14.0039px rgba(12, 33, 52, 0.4));
  padding: 30px 0;
}

.video-item iframe{
  height: 250px;
  width: 100%;
  object-fit: cover;
}

.youtube .owl-item iframe{
  border-radius: 35px;
}

.youtube .owl-item:not(.center) iframe {
  transform: scale(0.9);  
}

.youtube.owl-theme .owl-nav {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: -1;
  left: 0;
}

.youtube.owl-theme .owl-nav button{
  margin:0;
  width: 40px;
  height: 40px;
  border-radius: 30px;
  border: 1px solid;
  color: rgba(0, 45, 192, 0.47);
  line-height: 38px;
  font-size: 20px;
}

.youtube.owl-theme .owl-nav button:hover{
  background: rgba(0, 45, 192, 0.47);
}

.download-section h3{
  color: #707070;
  font-size: 24px;
  line-height: 35px;
  font-weight: 500;
}

.download-section {
  background: rgba(248, 243, 236, 0.93);
  margin-bottom: 60px;
}

.download-section p{
  color: #636363;
}

.gray-icon {
  filter: invert(65%) sepia(6%) saturate(8%) hue-rotate(332deg) brightness(48%) contrast(25%);
}

.tourist-img{
  margin-bottom: -60px;
}


.review-item img{
  width: 70px;
  height: 70px;
  border: 1px solid #FF380E;
  border-radius: 50%;
  object-fit: cover;
}

.review-item p{
  font-size: 14px;
  border-radius: 33px;
  line-height: 26px;
}

.review-item h5{
  font-weight: 500;
  font-size: 16.3636px;
  line-height: 25px;
  color: #000;
}

.review-item h6{
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  color: #636363;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:1101px) {
img.tourist-img {
  min-width: 530px;
}

}


@media only screen and (max-width:1024px) {
	
	.title , .banner-title{
    font-size: 30px;
    line-height: 40px;
  }

  .banner-title span {
    font-size: 38px;
    line-height: 46px;
  }

  .banner{
    min-height: auto;
  }


}




@media only screen and (max-width:767px) {
	
	

}