body,
h1, h2, ul{
    padding: 0;
    margin:0;
}
a{
    text-decoration: none;
}
html {
    scroll-behavior: smooth;
  }



.top-bar,.menu-80 li a,.welcome-txt span,.news a,.destination-img span,  .news-bar .label,.about p,.featured-packages span,
.owl-carousel-slider .item .feature-details span,.owl-carousel-slider .item .feature-details p,.middle-clm-red span,.why-choose-us p,
.choose-feature,.owl-carousel-reviews .item,.blog-section span,.blog-single p,.blog-single a,.accordion,.services p,.blog-date,
.links a,.footer-clm,.secondary-footer p{
    font-family: "Poppins", sans-serif;
}
@font-face {
    font-family: 'MyCustomFont';
    src: url('../customize-font/kaftan-trial.otf') format('truetype');
  }

.welcome-txt strong,.plan-trip a,.destination-single strong,.about h1,.about a,.featured-packages h2,
.owl-carousel-slider .item .feature-details a,.middle-clm-red strong,.why-choose-us h3,.date,.google-r-slider strong,.blog-section h4,
.blog-single strong,.faq h5,.services h6,.footer-headline strong,.footer-phone,.newsletter button,.secondary-footer strong{
    font-family: 'MyCustomFont';
}

/* TOP BAR */

.top-bar{
    background-image: linear-gradient(to right, #ff0c00 0%, #ff0c00 0%, #ff0c00 21%, #ff0c00 52%, #fe4d11 78%, #fe4d11 100%);
    padding: 0 100px;
}
.top-bar li{
    list-style: none;
    float: right;
}
.top-bar ul{
    overflow: hidden;
}
.top-bar li a{
    color:#fff;
    padding:20px 20px;
    display: inline-block;
}
.top-bar li:nth-child(5) a{
    background:#fffd00;
    color:#000;
}

/* SLIDER */
.slider-section{
    position: relative;
}


/* MENU */
.menu-bar{
    padding: 0 100px 30px ;
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    width: auto;
    z-index: 99;
    background: url(../images/menu-half-white.svg) repeat-x;
}
.menu-20,.menu-80{
    float: left;
}
.menu-20{
    width: 20%;
}
.logo{
    padding-right: 30px;
}
.menu-20 img{
    margin-top: -10px;
    z-index: 9;
}
.menu-80{
    width: 80%;
    padding-top: 25px;
}
.menu-80 li{
    float: right;
    list-style: none; 
    position: relative;   
}
.sub-menu {
    position: absolute;
    top: 120%;
    left: 0;
    background: #fff;
    width: 100%;
    opacity: 0;
    padding: 10px !important;
    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.25s ease;
  }
  .sub-menu li{
      float: left;
      display: block;
      width: 100%;
  }
  .sub-menu li a{
      padding: 0 !important;
      display: block !important;
      font-size: 12px;
      color: #3d3d3d !important;
  }
  .sub-menu li a .fa-star{
      font-size: 10px !important;
      color: #ff0c00;
  }
  /* SHOW SUBMENU ON HOVER */
.has-sub:hover .sub-menu {
    opacity: 1;
  visibility: visible;
  transform: translateY(0);
  top: 100%;
  }
.menu-80 li a{
    color:#000;
    padding:0px 20px 0 40px
}

/* POPULAR DESTINATION */
.popular-destination-section{
    position: absolute;
    left: 0;
    right: 0;
    top:20%;
    width: auto;
    z-index: 99;
}

.welcome-txt,.plan-trip{
    text-align: center;
}
.welcome-txt strong,.welcome-txt span{
    color:#fff;
}
.welcome-txt strong{
    font-size: 50px;
    display: block;
    font-weight: normal;
}
.welcome-txt span{
    font-size: 40px;
}
.plan-trip{
    padding:40px 40px 120px;
    background: url(../images/plan-trip-arrow.png) no-repeat center 20px;
}
.plan-trip a{
    background:#fffd00;
    color:#000;
    border-radius:53px;
    padding: 20px 40px;
    font-size: 20px;
}
/* POPULAR DESTINATION */
.popular-destination{
    padding:20px 100px;
    overflow: hidden;
}
.destination-wrap{
    width: 25%;
    float: left;
}
.destination-img{
    position: relative;
}
.destination-img span{
    position: absolute;
    left: 20px;
    top:20px;
    background-image: linear-gradient(to right, #ff0c00 0%, #ff0c00 0%, #ff0c00 21%, #ff0c00 52%, #fe4d11 78%, #fe4d11 100%);
    border-radius:53px;
    padding:5px 10px;
    font-size: 10px;
    color:#fff;
}
.destination-img img{
    width: 100%;
}
.destination-single{
    padding: 0 20px;
}
.destination-single strong{
    font-size: 15px;
    font-weight: normal;
    color:#fff;
    padding-top: 10px;
    display: block;
}
.destination-single strong .fa-star{
    font-size: 15px;
    color:#fffd00;
}

/* NEWS */
.news{
    padding:0 150px;
   
}
.news-bar {
    display: flex;
    align-items: center;
    background:url(../images/red-news.svg) repeat-x;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 16px;
    white-space: nowrap;
  }
  
  .news-bar .label {
    background:url(../images/yellow-news.png) no-repeat;
    padding: 30px 20px 50px;
    font-weight: bold;
    text-transform: uppercase;
    color:#000;
    background-size: cover;
    font-size: 18px;
  }
  
  .news-container {
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  
  .news-content {
    display: inline-block;
    padding-left: 100%;
    animation: scroll-left 15s linear infinite;
    padding-bottom: 20px;
  }
  /* Pause on Hover */
.news-content:hover {
    animation-play-state: paused;
  }
  
  @keyframes scroll-left {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
  }
  .news-content a{
      color:#fff;
  }


  /* About */
  .about-section{
      padding:100px;
      overflow: hidden;
      border-bottom: 1px solid #fe4d11;
  }
  .about-20,.about-80{
      float: left;
  }
  .about-20{
      width: 20%;
  }
  .about-80{
    width: 60%;
}
  .flag{
      width: 30%;
      margin: 0 auto;
      padding:120px 0 80px;
  }
  .flag img{
      width: 100%;
  }
  .pic1{
      background: url(../images/sign1.svg) no-repeat;
      background-size: contain;
  }
  .pic1 img{
      margin-left: 80px;
      margin-top: 50px;
  }
  .pic1:hover img{
    transform: matrix(1.1, 0.1, -0.1, 1.1, 0, 0);
  }
.pic2,.pic3{
    position: relative;
}
.sign-pic2{
    position: absolute;
    bottom: -5%;
    right: -0px;
    width: 50%;
}
.sign-pic3{
    position: absolute;
    bottom: -5%;
    left: -0px;
    width: 50%;
}
.sign-pic2 img,.sign-pic3 img,.pic1 img,.pic2,.pic3,.pic4{
    width: 100%;
}
  .pic2,.pic4{
      margin-top: 50px;
  }
  .pic4{
    background: url(../images/sign3.svg) no-repeat right bottom;
    background-size: contain;
  }
  .pic4 img{
    width: 100%;
    margin-bottom: 50px;
}
 .pic3,.pic4{
      text-align: right;
  }
  .about{
      text-align: center;
      padding:0 60px;
  }
  .about h1{
      font-size: 80px;
      font-weight: normal;
  }
  .about span{
      color:#ff0c00;
  }
.about p{
    color: #3c3c3c;
    letter-spacing: 1px;
    line-height: 24px;
    padding-bottom: 50px;
    font-size: 14px;
}
.about a{
    border-radius: 50px;
    background: #fffd00;
    color:#000;
    font-size: 15px;
    display: inline;
    padding:20px 25px;
}
.cta{
    padding-top: 50px;
}
.cta a{
    background: #fe4d11 !important;
    border-radius:50%;
    color:#fff;
    font-size:20px;
    padding:10px 13px !important

}

/* FEATURED PACKAGES */
.featured-packages{
    padding:50px 100px;
}
.featured{
    padding-top: 50px;
}
.featured-single{
    position: relative;
}
.featured-overlay-tag,.featured-rating{
    position: absolute;
    z-index: 99;
}
.featured-overlay-tag{
    top:20px;
    left: 20px;
}
.featured-overlay-tag span{
    background-image: linear-gradient(to right, #ff0c00 0%, #ff0c00 0%, #ff0c00 21%, #ff0c00 52%, #fe4d11 78%, #fe4d11 100%);
    border-radius: 53px;
    padding: 5px 10px;
    font-size: 10px;
    color: #fff;
}
.featured-rating{
    background: #fff;
    bottom: 0%;
    opacity: 0.9;
    padding: 20px 30px;
    left:5%;
    right: 5%;
    border-radius: 37px 37px 0 0;
    color:#ff0c00;
}
.featured-packages h2{
    font-size: 30px;
    color:#ff0c00;
    display: block;
    text-align: center;
    font-weight: normal;
}
.featured-packages span{
    text-align: center;
    display: block;
    font-size: 14px;
}
.featured-img img{
    width: 100%;
}
.feature-details{
    padding-top: 20px;
}
.owl-carousel-slider .item .feature-details a{
    color: #fe4d11;
    display: block;
    padding-bottom: 10px;
    font-size: 18px;
}
.feature-details span{
    text-align: left !important;
    background:#fffd00;
    color: #000;
    padding:10px 20px;
    display: inline-block !important;
    border-radius: 37px;
    margin-bottom: 10px;
    font-size: 15px;
}
.feature-details p{
    color: #3c3c3c;
    line-height: 22px;
    padding: 10px 0 20px;
    font-size: 12px;
    border-top: 1px solid #ebebeb;
}


/* WHY CHOOSE US */
.choose-section{
    background: url(../images/light-white.svg) repeat-x;
    overflow: hidden;
    padding-top: 100px;
}
.choose-middle-clm,.choose-section{
    position: relative;
}
.choose-clm-blank,.choose-clm{
    float: left;
}
.choose-clm-blank{
    width: 40%;
}
.choose-clm{
    width: 20%;
}
.middle-clm-red{
    background:#ba0000;
    color: #fff;
    text-align: center;
    padding: 60px 20px 0;
    height: 260px;
    border-radius: 13px;
    z-index: 99;
    position: relative;
}
.middle-clm-red .fa-map-marker{
    color:#f09f9f;
    font-size: 30px;
}
.middle-clm-red strong,.middle-clm-red span{
    display: block;
}
.middle-clm-red strong{
    font-size: 25px;
    font-weight: normal;
}
.middle-clm-red span{
    color:#d0b8b8;
    letter-spacing: 1px;
    font-size: 12px;
    padding-bottom: 20px;
}
.slant-pic-1{
    left: -130px;
    transform: translateX(-12px) translateY(10px) rotate(-12deg);
}
.slant-pic-2{
    right: -130px;
    transform: translateX(-12px) translateY(10px) rotate(12deg);
}
.slant-pic-1,.slant-pic-2{
    position: absolute;
    height: 250px;
    border-radius: 13px;
    z-index: 1;
    top: 20px;
}
.slant-pic-1 img,.slant-pic-2 img{
    width: 100%;
    border-radius: 13px;
    height: 250px;
}
.national-animal,.national-emblem{
    position: absolute;
    top: 100px;
}
.national-animal{
    left: 0;
}
.national-animal img{
    width: 280px;
}
.national-emblem{
    right: 10px;
}
.national-emblem img{
    width: 200px;
}
.why-choose-us{
    padding:20px 150px;
}
.why-choose-us h3,.why-choose-us p{
    text-align: center;
    display:block;
}
.why-choose-us h3{
    font-size: 30px;
    font-weight: normal;
}
.why-choose-us h3 span{
    color: #ff0c00;
}
.why-choose-us p{
    color:#3c3c3c;
    font-size: 12px;
    padding: 0 100px;
    letter-spacing: 1px;
    line-height: 22px;
}
.choose-feature{
    padding:20px 0 40px;
    overflow: hidden;
}
.owl-carousel-feature .item{
    padding-bottom: 20px;
}
.owl-carousel-feature .item img{
    width: 25px !important;
    vertical-align: middle;
}
.owl-carousel-feature .owl-item img{
    display: inline !important;
}

/* GOOGLE REVEIWS */
.google-reveiws{
    background: url(../images/google-reveiw-bg.svg) repeat-x;
    padding: 50px 200px;
    overflow: hidden;
}
.google-r-clm1,.google-r-clm2{
    float: left;
}
.google-r-clm1{
    width: 40%;
}
.google-r-clm2{
    width: 60%;
}
.google-r-clm1 img{
    width: 100%;
}
.google-r-slider{
    padding: 40px 0 50px 100px;
    background:url(../images/red-line-bar.svg) no-repeat left;
}
.owl-carousel-reviews .item{
    background: #f6f6f6;
    color:#6d6d6d;
    font-size: 13px;
    padding-bottom: 20px;
}
.owl-carousel-reviews .item{
    background:url(../images/user.svg) no-repeat left top #f6f6f6;
    padding: 0 0 0 70px;
}
.owl-carousel-reviews .item .date{
    font-size: 11px;
}
.owl-carousel-reviews .item .date .fa-star{
    color:#f0b90e
}
.google-r-slider strong{
    display: block;
    font-size: 20px;
    padding-top: 10px;
    font-weight: normal;
}

/* BLOGS */
.blog-section{
    background: url(../images/blur-sign.svg) no-repeat #ffcd00 right top;
    padding:50px 0 0;
}
.blog-section h4,.blog-section span{
    display: block;
    text-align: center;
}
.blog-section span{
    font-size: 14px;
    padding-bottom: 50px
}
.blog-section h4{
    font-weight: normal;
    font-size: 30px;
    padding: 0;
    margin: 0;
}
.blog{
    background: url(../images/blog-bg.svg) repeat-x;
    padding: 0px 200px 50px;
}
.blog-img{
    position: relative;
}
.blog-img img{
    width: 100%;
}
.blog-date{
    position: absolute;
    z-index: 99;
    background: #ba0000;
    right: 20px;
    bottom: -20px;
    width: 45px;
    height: 45px;
    text-align: center;
    padding-top: 7px;
    color:#fff;
    font-size: 11px;
}

.blog-single strong{
    font-weight: normal;
    display: block;
    padding-top: 10px;
    font-size: 14px;
}
.blog-single p{
    color:#8f8f8f;
    font-size: 12px;
}
.blog-single a{
    color:#000;
    font-size: 12px;
}

/* FAQ */
.faq{
    border-top: 1px solid #fe4d11;
    padding:50px 100px;
    overflow: hidden;
}
.faq h5{
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 20px;
}
.faq-clm1,.faq-clm2{
    float: left;
}
.faq-clm1{
    width: 60%;
}
.faq-clm2{
    width: 40%;
}
.faq-clm2-wrap{
    position: relative;
}
.butan-girl{
    position: absolute;
    z-index: 99;
    padding: 100px 0 0 150px;
}
.butan-girl img{
    width: 100%;
}
.dragoan img{
    width: 100%;
}
/* ACCORDIAN */
.accordion {
    width: 100%;
    overflow: hidden;
  }

  .accordion-item {
    margin-top: 2px;
  }

  .accordion-title {
    padding: 5px 0;
    cursor: pointer;
    font-size: 13px;
    color: #ba0000;
  }
  .accordion-title .fa-angle-down{
      text-align: right;
  }

  .accordion-content {
    max-height: 0;
    overflow: hidden;
    background: #fff;
    padding: 0 15px;
    transition: max-height 0.3s ease;
  }

  .accordion-content p {
    padding: 15px 0;
    margin: 0;

  }
  .accordion-content p, .accordion-content ul li {
    color: #3c3c3c !important;
    font-size: 12px !important;
  }

  .active .accordion-content {
    max-height: 200px; /* Increase for bigger content */
  }
  .accordion-item.active .fa-angle-down {
    transform: rotate(180deg);
  }
  .accordion-title .fa-angle-down {
    transition: transform 0.3s ease;
  }

  /* SERVICES */
  .services{
    background: url(../images/light-white-1.svg) repeat-x;
    overflow: hidden;
    padding: 50px 100px;
  }
  .services h6,.services p{
      text-align: center;
  }
  .services h6{
      font-weight: normal;
      font-size: 30px;
      margin: 0;
  }
  .services h6 span{
      color: #ff0c00;
  }
  .services p{
      font-size: 14px;
      margin: 0;
  }
  .owl-carousel-services{
      padding-top: 40px;
  }
  .owl-carousel-services .item p{
      font-size: 12px;
      text-align: left !important;
      color: #6d6d6d;
  }

  /* FOOTER */
  .footer-wrap {
    background: url(../images/footer-background.jpg) no-repeat;
    background-size: cover; 
  }
.footer{
    overflow: hidden;
    padding: 0 100px 50px;
}
.footer-top{
    overflow: hidden;
}
  .footer-headline{
      width: 40%;
      color: #fff;
      padding-top:30px;
  }
.footer-headline strong{
    font-weight: normal;
    font-size: 14px;
}
  .social-links{
      width: 60%;
  }
  .links{
    background: url(../images/links.png) no-repeat 10px #ffcd00;
    padding:30px 30px 30px 80px;
    position: relative;
  }
  .links:before {
    position: absolute;
    top:0;
    right:100%;
    width:0;
    height:0;
    content:'';
    border:39px solid #ffcd00;
    border-top-color:transparent;
    border-left-color:transparent;
}
.links a{
    padding: 5px 20px;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
}
.facebook{
    background: url(../images/facebook.svg) no-repeat #3074ff;
}
.instagram{
    background: url(../images/instagram.svg) no-repeat #d10085;
}
.twitter{
    background: url(../images/twitter.svg) no-repeat #46aadd;
}
.gmap{
    background: url(../images/gmap.svg) no-repeat #00ab28;
}
.footer-headline,.social-links{
    float: left;
} 
.footer-clm{
    float: left;
    width: 25%;
}
.footer-clm strong{
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    font-size: 16px;
    display: block;
    padding-bottom: 5px;
}
.footer-links{
    padding-top: 40px;
    padding-bottom: 50px;
    overflow: hidden;
}
.footer-links li a{
    color:#b9b9b9;
    font-size: 14px;
}
.footer-links li{
    list-style: none;
    padding:2px 0;
}
.footer-links li a i{
    color: #2f3d4b !important;
}
li.footer-phone a{
    color: #fff !important;
    font-size: 16px !important;
}

/* NEWSLETTER */
.newsletter{
    border:1px solid #647c93;
    padding:20px;
    margin-top: 20px;
}
.newsletter input{
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
}
.newsletter button{
    outline: none;
    background:#ba0000;
    color:#fff;
    border:none;
    border-radius: 13px;
    padding: 5px 15px;
    font-size: 12px;
    cursor: pointer;
}

.secondary-footer{
    background: url(../images/pattern.png) repeat-x;
    padding: 30px 10px;
    text-align: center;
}
.secondary-footer strong{
    font-size: 10px;
    color:#c3c3c3;
    font-weight: normal;
    margin:0;

}
.secondary-footer p{
    font-size: 10px;
    color:#676767;
    padding:0;
    margin: 0;
}