html {
   font-size: 14px;
}
body {
   margin:0;
   font-family:'Mukta Mahee ExtraLight';
}
h1,h2,h3,h4,h5,h6 {
   font-family: "Abril Fatface";
}
a {
   text-decoration: none;
}
ul,li {
   list-style: none;
   margin: 0;
   padding:0;
}
*,*::after,*::before {
   box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.container-full {
   width:100%;
   padding:0 40px;
}
.container {
   width:1140;
   margin:0 auto;
}
.hero {
   background-image:url(../hero_1.jpg.webp);
   height:100vh;
   background-size:cover;
   background-position: left center;
   position:relative;
   z-index:1;
}
.hero:after {
   position: absolute;
   top:0;
   left:0;
   background:rgba(0,0,0,0.2);
   width:100%;
   height:100%;
   content:"";
}
.header {
   z-index:2;
   position:relative;
   padding-top:20px;
}
.header .header-wrapper {
   display: flex;
   justify-content: space-between;
   align-items: center;
   color: #fff;
}
.header .logo h3 {
   font-size: 2rem;
}
.hero .logo h3 a{
   color:#fff;
}
.header .menu {
   position:relative;
   width:40px;
   height:25px;
   cursor: pointer;
}
.header .menu span {
   width:100%;
   height: 2px;
   background:#fff;
   position:absolute;
}
.header .menu span:nth-child(1) {
   left:0;
   top:0;
}
.header .menu span:nth-child(2) {
   left:0;
   top:10px;
}
.header .menu span:nth-child(3) {
   left:0;
   top:20px;
}
.hero .content {
   text-align: center; 
   color: #fff;
   z-index: 2;
   position: relative;
   margin-top: 15rem;
}
.hero .content h1 {
   font-size: 6rem;
   margin-bottom:0;
}
.hero .content p {
   font-size : 2rem;
   margin-top:0;
}
.hero .content p a {
   color: rgba(255,255,255,0.5);
   border-bottom: 1px solid rgba(255,255,255,0.5);
   transition: all 0.3s;
   padding-bottom: 2px;
}
.hero .content p a:hover {
   color: rgba(255,255,255,0.1);
   border-bottom: 1px solid rgba(255,255,255,0.1);
}
.button {
   background:transparent;
   border: 2px solid #fff;
   border-radius: 3px;
   display: inline-block;
   color: #fff;
   padding: 15px 30px;
   font-size :1.2rem;
   transition: all 0.3s;
   margin-top:25px;
   letter-spacing:3px;
   text-transform: uppercase;
   font-family:'Mukta Mahee Regular';
   font-size:1rem;
}
.button:hover {
   background:#fff;
   color:#000;
}
.hero .scroll-down {
   position: absolute;
   bottom: 15px;
   left:50%;
   transform: translateX(-50%);
   color:#fff;
   z-index:2;
   text-align:center;
}
   .hero .scroll-down i,
   .hero .scroll-down span {
      display:block;
   }
   .hero .scroll-down i {
      font-size: 1.4rem;
   }
   .hero .scroll-down span {
      text-transform:uppercase;
      font-size:0.8rem;
   }
   .vertical-padding {
      padding: 10rem 0;
   }
   .welcome .welcome-wrapper {
      display:flex;
      align-items: center;
   }
   .welcome  .column {
      width:50%;
      padding: 0 3rem;
   }
   .welcome .image img {
      width: 100%;
      height: auto;
   }
   .welcome .text .title {
      font-size: 2.4rem;
   }
   .welcome .text p {
      font-size: 1.2rem;
      color:#6c757d;
   }
   .welcome .text .video-playable {
      display: flex;
      align-items:center;
      gap: 10px;
      cursor: pointer;
   }
   .welcome .text .video-playable .icon {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      border:1px solid #e6e6e6;
      color:#65c0ba;
      position:relative;
      transition:all 0.3s;
   }
   .welcome .text .video-playable .icon i {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
   }
   .welcome .text .video-playable .text {
      font-size: 1.3rem;
      color:#65c0ba;
      font-family: 'Mukta Mahee Medium';
   }
   .welcome .text .video-playable:hover .icon {
      border-color:#65c0ba;
   }
   .title-section {
      text-align: center;
      width: 760px;
      margin: 0 auto;
      
   }
   .title-section .title {
      font-size:2.5rem;
      margin-bottom:0;
   }
   .title-section.big .title { 
      font-size: 4.5rem;
      line-height:60px;
      margin-bottom:30px;
   }
   .title-section .subtitle {
      font-size:1.3rem;
      margin-top:10px;
      color:#6c757d;
   }
   .experience {
      background: #fafafa;
      border-top: 1px solid #e0e0e0;
    }
    .experience .experience-list ul {
      display: flex;
      flex-wrap: wrap;
      padding:0 20px;
    }
    .experience .experience-list ul li {
      width:33.33%;
      padding:10px;
      text-align:center;
    }
    .experience .experience-list ul li img {
      width: 70px;
      height:auto;
    }
    .experience .experience-list ul li .title {
      font-size:1.75rem;
    }
    .experience .experience-list ul li .description {
      font-size:1.3rem;
      color:#6c757d;
    }
    .international .slider {
      position: relative;
      margin:60px 0;
    }
    .international .slider img {
      width:100%;
      height:auto;
    }
    .international .slider .bullet {
      position: absolute;
      bottom:50px;
      left:50%;
      transform: translateX(-50%);
    }
    .international .slider .bullet ul {
      display:flex;
      gap:10px;
    }
    .international .slider .bullet ul li{
      width:10px;
      height:10px;
      border-radius:50%;
      background:#fff;
      border:1px solid #fff;
    }
    .international .slider .bullet ul li.active {
      background: transparent;
    }
    .international .slider .arrows i {
      position: absolute;
      font-size:3rem;
      bottom:50%;
      transform: translateX(-50%);
      color:#6c757d;
    }
    .international .slider .arrows i.fa-angle-left {
      left:-60px;
    }
    .international .slider .arrows i.fa-angle-right {
      right:-60px;
    }
    .recent-blog {
      position:relative;
      background: #65c0ba;
    }
    .recent-blog:after {
      position:absolute;
      content:"";
      top:-220px;
      left:0;
      transform:skew(0,-4deg);
      background: #65c0ba;
      width:100%;
      height:300px;
      z-index:-2;
    }
    .recent-blog .title-section .subtitle {
      color:#fff;
    }
    .recent-blog .recent-blog-list ul {
      display:flex;
      flex-wrap: wrap;
    }
    .recent-blog .recent-blog-list ul li {
      width:33.33%;
      padding:10px;
    }
    .recent-blog .recent-blog-list ul li .image img {
      width:100%;
      height: auto;
    }
    .recent-blog .recent-blog-list .recent-blog-list-holder {
      background:#fff;
    }
    .recent-blog .recent-blog-list .content {
      padding: 20px;
    }
    .recent-blog .recent-blog-list .content .date{
      font-size:1.4rem;
      color:#ced4da;
    }
    .recent-blog .recent-blog-list .content .title h3 {
      font-size:1.8rem;
      color:#000;
      margin:0;
      transition:all 0.5s;
    }
    .recent-blog .recent-blog-list .content .description {
      font-size:1.3rem;
      color:#6c757d;
    }
    .recent-blog .recent-blog-list .recent-blog-list-holder:hover .content .title h3 {
      color:#65c0ba
    }
    .testimonials {
      background:#fafafa;
    }
    .testimonials .testimonials-list {
      padding-top:40px;
    }
    .testimonials .testimonials-list ul {
      display:flex;
      flex-wrap: wrap;
    }
    .testimonials .testimonials-list ul li {
      width: 33.33%;
      padding:0 20px;
    }
    .testimonials .testimonials-list ul li .image img {
      width:70px;
      height:70px;
      border-radius:50%;
      -webkit-border-radius:50%;
      -ms-border-radius:50%;
      -moz-border-radius:50%;
    }
    .testimonials .testimonials-list ul li .text p {
      font-size: 1.4rem;
      font-style: italic;
    }
    .testimonials .testimonials-list ul li .author p {
      color:#6c757d;
      font-size: 1.4rem;
      font-style:italic;
      padding-left:20px;
    }
    .testimonials .testimonials-list ul li .author {
      position:relative;
    }
    .testimonials .testimonials-list ul li .author:after {
      content:"";
      position:absolute;
      top:15px;
      left:0;
      width:15px;
      height:1px;
      background:#6c757d;
    }
    .top-destination .top-destination-list {
      padding-top:40px;
    }
    .top-destination .top-destination-list ul {
      display: flex;
      flex-wrap:wrap;
    }
    .top-destination .top-destination-list ul li {
      width: 25%;
      padding:0 10px;
    }
    .top-destination .top-destination-list ul li .image img {
      width:100%;
      height:auto;
    }
    .top-destination .top-destination-list ul li .title {
      font-size:1.3rem;
      margin-bottom:0;
    }
    .top-destination .top-destination-list ul li .information {
      margin-top:3px;
      display:flex;
      justify-content: space-between;
      align-items: center;
    }
    .top-destination .top-destination-list ul li .information .rate i {
      color:#65c0ba;
    }
    .top-destination .top-destination-list ul li .information .review span {
      font-size:1.4rem;
      font-style:italic;
      color:#ccc;
    }
    .footer {
      background: #1a1a1a;
    }
    .footer .footer-wrapper {
      display: flex;
    }
    .footer .column {
      width: 25%;
      padding: 0 10px;
    }
    .footer {
      background: #1a1a1a;
    }
    .footer .footer-wrapper {
      display: flex;
      flex-wrap: wrap;
    }
    .footer .column {
      width: 25%;
      padding: 0 10px;
    }
    .footer .column .title {
      color: #fff;
      font-size: 1.2rem;
    }
    .footer a{
      color: rgba(255, 255, 255, 0.7);
    }
    .footer a:hover{
      color: rgba(255, 255, 255, 1)
    }
    .footer .column ul li a {
      display: block;
      padding: 5px 0;
      font-size: 1.3rem;
    }
    .footer p {
      color: rgba(255, 255, 255, 0.5);
      font-size: 1.2rem;
    }
    .footer .column .lable-section .lable {
      color: #fff;
      font-style: italic;
      font-size: 1.1rem;
    }
    .footer .column .lable-section p {
      margin-top: 0;
    }
    .footer .column .input {
      position: relative;
    }
    .footer .column .input input {
      background: transparent;
      border: none;
      color: #fff;
      padding: 5px 50px 15px 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      width:100%;
      text-indent: 12px;
      font-size: 1.1rem;
    }
    .footer .column .input input:focus {
      border: none;
      outline: none;
      border-bottom: 1px solid rgba(255, 255, 255, 1);
    }
    .footer .column .input button {
      background:transparent;
      border: none;
      color: #fff;
      position: absolute;
      right:20px;
      top: 2px;
    }
    .footer .column .input button i{
      font-size: 1.2rem;
    }
    .footer .footer-bottom {
      padding: 25px 0 30px 0;
      text-align: center;
      margin-bottom: 25px;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      margin-top:50px;
    }
    .footer .footer-bottom ul {
      display: flex;
      justify-content: center;
      gap: 20px;
      flex-wrap: wrap;
    }
    .footer .footer-bottom ul li a{
      font-size: 1.2rem;
    }
    @media only screen and (max-width:1200px) {
      .international .arrows {
        display: none;
      }
    }
    @media only screen and (max-width:1140px){
      .container{
        width: 100%;
        padding: 0 40px;
      }
      .welcome .welcome-wrapper {
        flex-wrap: wrap;
      }
      .welcome .column {
        padding: 0 2rem;
      }
    }
    @media only screen and (max-width:850px) {
      .welcome .column {
        width: 100%;
        padding: 0;
      }
      .recent-blog .recent-blog-list ul li {
        width :50%;
      }
      .vertical-padding {
        padding: 2rem 0;
      }
    }
    @media only screen and (max-width:800px){
      .hero .content h1{
        font-size: 4rem;
      }
      .title-section {
        width: 100%;
      }
      .experience .experience-list ul li {
        width: 50%;
      }
      .testimonials .testimonials-list ul li {
        width: 50%;
      }
      .top-destination .top-destination-list ul li {
        width: 50%;
      }
      .footer .column {
        width: 50%;
      }
    }
    @media only screen and (max-width:600px){
      .experience .experience-list ul li {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
      }
      .recent-blog .recent-blog-list ul li {
        width :100%;
        padding:20px 0;
      }
      .testimonials .testimonials-list ul li {
        width: 100%;
        padding:0;
      }
      .top-destination .top-destination-list ul li {
        width: 100%;
        padding: 10px 0;
      }
      .footer .column {
        width: 100%;
      }
      .title-section .title {
        font-size: 2rem;
        margin-bottom: 0;
      }
      .title-section.big .title {
        font-size: 3.5rem;

      }
      .recent-blog:after {
        height:180px;
        top:-150px;
      }
    }
    @media only screen and (max-width:500px){
      .hero .content h1{
        font-size: 3rem;
      }
      .hero .button {
        display:block;
        margin:0 10px;
      }
    }