/*--------------------------------------------------------------------- File Name: style.css ---------------------------------------------------------------------*/


     /*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/

     @import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
     @import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
     @import url('https://fonts.googleapis.com/css?family=Raleway:100,400,600,700,900&display=swap');
     @import url('https://fonts.googleapis.com/css?family=Baloo+Chettan&display=swap');

     /*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif;
     2) font-family: 'Poppins', sans-serif;
     ----------------------------------------*****/


     /*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/

     @import url(animate.min.css);
     @import url(normalize.css);
     @import url(icomoon.css);
     @import url(font-awesome.min.css);
     @import url(meanmenu.css);
     @import url(owl.carousel.min.css);
     @import url(swiper.min.css);
     @import url(slick.css);
     @import url(jquery.fancybox.min.css);
     @import url(jquery-ui.css);
     @import url(nice-select.css);

     /*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/

     * {
     box-sizing: border-box !important;
     }

     .container {
     max-width: 1170px;
     }

     html {
     scroll-behavior: smooth;
     }

     body {
     color: #666666;
     font-size: 14px;
     font-family: 'Poppins', sans-serif;
     line-height: 1.80857;
     font-weight: normal;
     }

     a {
     color: #1f1f1f;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     }

     h1,
     h2,
     h3,
     h4,
     h5,
     h6 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0 0 10px 0;
     font-weight: normal;
     line-height: normal;
     color: #111111;
     margin: 0
     }

     h1 {
     font-size: 24px;
     }

     h2 {
     font-size: 22px;
     }

     h3 {
     font-size: 18px;
     }

     h4 {
     font-size: 16px
     }

     h5 {
     font-size: 14px
     }

     h6 {
     font-size: 13px
     }

     *,
     *::after,
     *::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     }

     h1 a,
     h2 a,
     h3 a,
     h4 a,
     h5 a,
     h6 a {
     color: #212121;
     text-decoration: none!important;
     opacity: 1
     }

     button:focus {
     outline: none;
     }

     ul,
     li,
     ol {
     margin: 0px;
     padding: 0px;
     list-style: none;
     }

     p {
     margin: 0px;
     font-weight: 500;
     font-size: 15px;
     line-height: 24px;
     }

     a {
     color: #222222;
     text-decoration: none;
     outline: none !important;
     }

     a,
     .btn {
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     }

     img {
     max-width: 100%;
     height: auto;
     }

     :focus {
     outline: 0;
     }

     .btn-custom {
     margin-top: 20px;
     background-color: transparent !important;
     border: 2px solid #ddd;
     padding: 12px 40px;
     font-size: 16px;
     }

     .lead {
     font-size: 18px;
     line-height: 30px;
     color: #767676;
     margin: 0;
     padding: 0;
     }

     .form-control:focus {
     border-color: #ffffff !important;
     box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
     }

     .navbar-form input {
     border: none !important;
     }

     .badge {
     font-weight: 500;
     }

     blockquote {
     margin: 20px 0 20px;
     padding: 30px;
     }

     button {
     border: 0;
     margin: 0;
     padding: 0;
     cursor: pointer;
     }

     .full {
     float: left;
     width: 100%;
     }

     .full {
     width: 100%;
     float: left;
     margin: 0;
     padding: 0;
     }


     /**-- heading section --**/


     /*---------------------------- preloader area ----------------------------*/

     .loader_bg {
     position: fixed;
     z-index: 9999999;
     background: #fff;
     width: 100%;
     height: 100%;
     }

     .loader {
     height: 100%;
     width: 100%;
     position: absolute;
     left: 0;
     top: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     }

     .loader img {
     width: 280px;
     }


     /*-- header area --*/


     /*--------------------------------------------------------------------- top banner area ---------------------------------------------------------------------*/


     /*-- navigation--*/

     .navigation.navbar {
     float: right;
     padding-top: 14px !important;
     padding: 0;
     }

     .navigation.navbar-dark .navbar-nav .nav-link {
     padding: 7px 0px 27px 0px;
     margin: 0 22px;
     color: #fff;
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     text-transform: uppercase;
     /* border-bottom: #fff solid 3px; */
     }

     .navigation.navbar-dark .navbar-nav .nav-link:focus,
     .navigation.navbar-dark .navbar-nav .nav-link:hover {
     color: #ffea09;
     border-bottom: #ffea09 solid 3px;
     }

     .navigation.navbar-dark .navbar-nav .active>.nav-link,
     .navigation.navbar-dark .navbar-nav .nav-link.active,
     .navigation.navbar-dark .navbar-nav .nav-link.show,
     .navigation.navbar-dark .navbar-nav .show>.nav-link {
     color: #ffea09;
     border-bottom: #ffea09 solid 3px;
     }
     .nav-link i{
          display: none;
     }
    

     .navbar-expand-md .navbar-nav {
     padding-right: 10px;
     }

     .header {
     bottom: 100px;
     z-index: 1000;
     width: 100%;
     height: 86px;
     padding: 15px 0px 15px 0px;
     background: #235408;
     }
     .login-div{
     display: flex;
     vertical-align: middle;
     justify-content: flex-end;
     align-items: center;
     margin-bottom: 12px;
     padding-bottom: 10px;
     margin-left: 18px;
     }
     .login-btn{
     display: flex;
     border-radius: 10px;
     justify-content: end;
     align-items: center;
     vertical-align: middle;
     margin-left: 24px;
     width: 124px;
     height: 36px;

     }
     .login-btn .login:hover{
     cursor: pointer;
     box-shadow: 0px 0px 10px #419912;
     background-color: #88c848;
     color: #ffea09;
     transition: all ease-in-out 0.3s;
     }
     .login-btn .login:active{
          transform: translateY(4px);
          color: #000;
          box-shadow: 0px 0px 10px #000;
          background-color: #ddd;
     }
     .login-btn .login{
     border-radius: 6px;
     padding: 3px;
     background-color: #ffea09;
     width: 124px;
     font-size: 16px;
     font-weight:600;
     vertical-align: middle;
     text-align: center;
     color: #000;
     letter-spacing: 1.2px;
     }

     /** banner section **/

     .banner_main {
     position: relative;
     }

     .banner .carousel-indicators li {
     width: 20px;
     height: 20px;
     border-radius: 30px;
     background: #000;
     }

     .banner .carousel-indicators .active {
     background-color: #ffea09;
     }

     .booking_ocline {
     position: absolute;
     width: 100%;
     top: 50%;
     transform: translateY(-50%);
     }

     .book_room {
     background-color: rgba(4, 49, 4, 0.594);
     padding: 30px 35px;
     border-left: #ffea09 solid 5px;
     }

     .book_room h1 {
     font-weight: 500;
     font-size: 30px;
     line-height: 30px;
     color: #fff;
     padding-bottom: 20px;
     text-transform: uppercase;
     text-align: center;
     }

     .book_now span {
     display: block;
     color: #fff;
     font-size: 18px;
     padding-bottom: 5px;
     }

     .book_now .online_book {
     width: 100%;
     height: 50px;
     border: #fff solid 1px;
     background-color: transparent;
     color: #fff;
     padding: 0 10px;
     padding-right: 61px;
     margin-bottom: 25px;
     position: relative;
     }
     .online_book::-webkit-calendar-picker-indicator {
          opacity: 0;
      }
      
      /* #::-webkit-inner-spin-button,
      #myDateInput::-webkit-clear-button {
          display: none;
      } */

     .date_cua {
     position: absolute;
     width: 29px;
     height: 29px;
     top: 48px;
     background-repeat: no-repeat;
     right: 70px;
     }

     .book_btn {
     background-color: #ffea09;
     max-width: 189px;
     width: 100%;
     margin: 0 auto;
     padding: 10px 0;
     border-radius: 50px;
     font-weight: 560;
     color: #000;
     font-size: 20px;
     transition: ease-in 0.5s;
     display: block;
     }

     .book_btn:hover {
     background-color: #fff;
     color: #655d03;
     transition: ease-in 0.5s;
     }
     .room-three-container{
     display: flex;
     flex-wrap: wrap;
     margin-left: 70px;
 }
 .room-details-three{
     margin-top: -40px;
     width: 400px;
     margin-left: 40px;
     filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.3));
     box-shadow: 8px 5px 4px rgba(0, 0, 0, 0.3);
     background: linear-gradient(to right, #e2e2e2, #c9d6ff);
     border-radius: 5px;
     border: none;
     padding: 0 10px;
     margin-bottom: 68px;
 }

     .carousel-control-next,
     .carousel-control-prev {
     display: none;
     }

     .carousel-indicators {
     right: inherit;
     bottom: 53px;
     margin-left: 9%;
     }
     .carousel-inner .carousel-item img{
     width: 100%;
     }


     /** end banner section **/

     .titlepage {
     text-align: center;
     padding-bottom: 40px;
     }

     .titlepage h2 {
     font-size: 40px;
     color: #121212;
     line-height: 45px;
     font-weight: bold;
     text-transform: uppercase;
     padding: 0;
     }

     .titlepage h2::before {
     position: absolute;
     content: "";
     background-color: #235408;
     width: 20px;
     height: 4px;
     transform: rotate(-36deg);
     }

     .titlepage h2::after {
     position: absolute;
     content: "";
     background-color: #235408;
     width: 20px;
     height: 4px;
     transform: rotate(-36deg);
     bottom: 10px;
     }

     .d_flex {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     }

     .read_more {
     font-size: 17px;
     background-color: #235408;
     color: #fff;
     padding: 8px 0px;
     margin-bottom: 10px;
     width: 100%;
     max-width: 144px;
     text-align: center;
     display: inline-block;
     transition: ease-in all 0.5s;
     font-weight: 500;
     border-radius: 30px;
     }

     .read_more:hover {
     background: #ffea09;
     color: #000;
     transition: ease-in all 0.5s;
     }

     /** about section **/

     .about {
     background-color: #fff;
     padding-top: 85px;
     padding-left: 12px;
     padding-bottom: 12px;

     }

     .about .titlepage {
     text-align: left;
     padding-bottom: 0;
     max-width: 443px;
     width: 100%;
     float: right;
     }

     .about .titlepage h2 {
     margin-bottom: 35px;
     }

     .about .titlepage p {
     font-weight: 400;
     font-size: 17px;
     line-height: 28px;
     padding-bottom: 35px;
     }

     .about_img {
     margin-left: 16px;
     margin-right: 40px;
     overflow: hidden;
     }

     .about_img figure {
     margin: 0;
     }

     .about_img figure img {
     width: 72%;
     transition: all ease .5s;
     }

     .about_img figure img:hover {
     scale: 1.08;
     }

     .wrapper{
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          overflow: hidden;
          background-color: #ddd;
          padding-bottom: 50px;
     }
     .row-about{
          display: flex;
          justify-content: center;
          width: 80%;
          height: fit-content;

     }
     .about-img{
          margin-left: 0;
          width: 68%;
          float: left;
          left: 0;
     }
     .about-img img{
          overflow: hidden;
          width: 100%;
          height: auto;
          transition: ease-in-out 0.3s;

     }
     .about-img img:hover{
          scale: 1.08;
          
     }
     /* .about-img img:hover .about-img{
          
     } */
     .content{
          margin-bottom: 0;
          padding: 50px;
          width: 68%;

     }
     .read-more-btn{
          cursor: pointer;
          border: none;
          font-weight: bold;
          box-shadow: 0px 0px 10px #93f45f ;
          border-radius: 15px;
          padding: 18px;
          background-color: #efde25;
          margin-top: 10px;
          color: #222;
          transition: all ease-in-out 0.5s;
     }
     .read-more-btn:hover{
          background-color: #93f45f;
          color: #000;
     }
     .read-more-text{
          margin: 14px;
          display: none;
     }
     .read-more-text--show{
          display: inline;
     }
     .content h2{
          font-size: 32px;
          letter-spacing: 1.5px;
          margin-top: 25px;
          color: #222;
     }
     .content h3{
          font-size: 24px;
          margin-top: 14px;
          margin-bottom: 5px;
     }
     .content p{
          text-align: justify;
          font-size: 20px;
          line-height: 1.5;
     }
     @media screen and (max-width: 768px){
          .image-section{
               width: 100%;
               float: none;
               margin-left: 0;
          }
          .content{
               width: 100%;
               float: none;
               margin-left: 0px;

          }
          .content h2{
               font-size: 24px;
               letter-spacing: 0.8px;
               margin-top: 30px;
               color: #222;
          }
          .content p{
               font-size: 18px;
          }
     }
     /** end about section **/

     /** our_room section **/

     .our_room {
     background-color: #f4f5f7;
     padding: 90px 0 30px 0;
     }
     .room{
     overflow: hidden;
     height: 420px;
     border-radius: 5px;
     }

     .our_room .titlepage {
     text-align: center;
     }

     .our_room .titlepage p {
     color: #121212;
     font-size: 17px;
     margin-top: 20px;
     }

     .our_room .room {
     text-align: center;
     background-color: #fff;
     margin-bottom: 30px;
     transition: ease-in all 0.5s;
     }

     .our_room .room .room_img {
     overflow: hidden;
     }

     .our_room .room .room_img figure {
     margin: 0;
     }

     .our_room .room .room_img figure img {
     width: 100%;
     transition: all .5s;
     }

     .our_room .room .room_img figure img:hover {
     transform: scale(1.2);
     }

     .our_room .room .bed_room {
     padding: 33px 30px;
     }

     .our_room .room .bed_room h3 {
     color: #121212;
     font-size: 25px;
     line-height: 20px;
     font-weight: 500;
     transition: ease-in all 0.5s;
     margin: auto;
     }

     #serv_hover:hover.room {
     cursor: pointer;
     box-shadow: 0px 0px 30px rgba(66, 255, 9, 0.15);
     transition: ease-in all 0.5s;
     }


     /** end our_room section **/


     /** gallery  section **/

     .gallery {
     padding-top: 60px;
     }

     .gallery .titlepage {
     text-align: center;
     }

     .gallery .gallery_img {
     overflow: hidden;
     margin-bottom: 30px;
     border-radius: 5px;
     box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
    filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.2));
     }

     .gallery .gallery_img figure {
     margin: 0;
     }

     .gallery .gallery_img figure img {
     width: 100%;
     transition: all .5s;
     }

     .gallery .gallery_img figure img:hover {
     transform: scale(1.2);
     }

     .gallery-container{
          width: 100%;
          min-height: 100vh;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 50px 8%;
     }
     .gallery-img{
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
          grid-gap: 30px;

     }
     .gallery-img figure{
          width: 100%;
     }
     .gallery-img figure img{
          border-radius: 5px;
          box-shadow: 4px 5px 6px rgb(193 145 145 / 60%);
          transition: all .5s;
          filter: drop-shadow(3px 4px 9px rgba(31, 29, 29, 0.6));
      
     }
     .gallery-img figure img:hover{
          transform: scale(1.2);
     }

     /** end gallery  section **/


     /** blog section **/

     .blog {
     background-color: #f4f5f7;
     padding: 60px 0 30px 0;
     overflow: hidden;
     margin-top: 60px;
     }

     .blog .titlepage {
     text-align: center;
     }

     .blog .titlepage h2 {
     color: #1b1a1a;
     }

     .blog .titlepage p {
     color: #1b1a1a;
     font-size: 17px;
     margin-top: 20px;
     }
     .row-awards{
     padding: 20px 20px 0px 20px;
     overflow: scroll;
     flex-wrap: nowrap;
     width: 100%;
     height: 354px;
     }

     .blog .blog_box {
     text-align: left;
     background-color: #fff;
     margin-bottom: 8px;
     transition: ease-in all 0.5s;
     box-shadow: 0px 0px 4px #000;
     border-radius: 6px;
     overflow: hidden;
     }

     .blog .blog_box .blog_img {
     overflow: hidden;
     }

     .blog .blog_box .blog_img figure {
     overflow: hidden;
     margin: 0;
     }

     .blog .blog_box .blog_img figure img {
     display: inline-block;
     height: 300px;
     width: 100%;
     transition: all .5s;
     filter: grayscale(0%);
     }

     .blog .blog_box:hover {
     box-shadow:0px 0px 30px rgb(34, 136, 238); ;
     } 

     .blog:has(.blog_box:hover) .blog_box:not(:hover){
          filter: grayscale(100%);
          scale: 0.92;
          opacity: 0.5;
     }

     .blog .blog_box .blog_room {
     padding: 14px;
     text-align: left;
     }

     .blog .blog_box .blog_room h3 {
     color: #121212;
     font-size: 18px;
     text-align: center;
     line-height: 1;
     font-weight: 500;
     padding-bottom: 5px;
     transition: ease-in all 0.5s;

     }

     /* .blog .blog_box .blog_room span {
     font-size: 15px;
     color: #ff0909;
     font-weight: bold;
     margin-bottom: 10px;
     display: block;
     }

     .blog .blog_box .blog_room p {
     font-size: 14px;
     line-height: 20px;
     } */


     /** end blog section **/


     /** contact section **/

     .contact {
     margin-top: 90px;
     }

     .main_form .contactus {
     border: #fff solid 1px;
     padding: 0 15px;
     margin-bottom: 25px;
     border-top-left-radius: 8px;
     border-bottom-right-radius: 14px;
     width: 100%;
     height: 58px;
     background: #fff;
     color: #000000;
     font-size: 18px;
     font-weight: normal;
     box-shadow: 0px 0px 3px #419912;
     }
     .main_form .reserve{
          border: #ddd solid 2px;
          border-radius: 8px;
          box-shadow: 0px 0px 3px transparent;
          transition: all ease-in-out .4s;
     }
     .main_form .reserve:focus{
          box-shadow: 0px 0px 10px #419912;
          transform: translateY(3px);
     }

     .main_form .textarea {
     border: #fff solid 1px;
     margin-bottom: 25px;
     width: 100%;
     border-top-left-radius: 8px;
     border-bottom-right-radius: 14px;
     background: #fff;
     color: #000000;
     font-size: 18px;
     font-weight: normal;
     padding: 12px 15px 0 15px;
     box-shadow: 0px 0px 3px #419912;
     height: 150px;
     }

     .main_form .send_btn {
     font-size: 22px;
     transition: ease-in all 0.5s;
     background-color: #235408;
     text-transform: uppercase;
     color: #fff;
     padding: 10px 0px;
     max-width: 193px;
     width: 100%;
     display: block;
     letter-spacing: 3px;
     margin-top: 10px !important;
     font-weight: 580;
     border-radius: 50px;
     }
   
     .main_form .send_btn:hover {
     background-color: #ffea09;
     transition: ease-in all 0.5s;
     color: #000;
     }
    
  

     #request *::placeholder {
     color: #000000;
     opacity: 1;
     }

     .map figure {
     margin: 0;
     }

     .map figure img {
     width: 100%;
     }


     /** end contact section **/


     /** footer **/

     .footer {
     background: #235408;
     padding-top: 60px;
     text-align: center;
     }
     .footer-row{
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          padding-top: 10px;
     }
     .footer-flex{
          flex: 1 1 250px;
     }

     .footer h3 {
     font-weight: 600;
     font-size: 25px;
     line-height: 24px;
     text-align: left;
     color: #fff;
     margin-bottom: 15px;
     border-bottom: #ffea09 solid 3px;
     padding-bottom: 3px;
     display: table;
     }

     ul.conta li {
     color: #fff;
     text-align: left;
     padding-bottom: 20px;
     font-size: 16px;
     }

     ul.conta li i {
     padding-right: 15px;
     text-align: center;
     font-size: 20px;
     }

     ul.conta li a {
     color: #fff;
     }

     ul.link_menu li {
     display: block;
     text-align: left;
     }

     ul.link_menu li.active a {
     color: #ffea09;
     }

     ul.link_menu li a {
     color: #fff;
     font-size: 17px;
     line-height: 28px;
     display: block;
     /* width: -moz-max-content; */
     }

     ul.link_menu li a:hover {
     color: #ffea09;
     }

     .bottom_form {
     display: flex;
     flex-wrap: wrap;
     margin-top: 32px;
     }

     .bottom_form h3 {
     font-weight: 600;
     font-size: 20px;
     line-height: 25px;
     text-align: left;
     color: #fff;
     padding-top: 12px;
     margin-right: 93px;
     text-transform: uppercase;
     border: inherit;
     }

     .bottom_form .enter {
     border: inherit;
     padding: 0px 19px;
     width: 228px;
     height: 45px;
     background: #fffffff2;
     color: #757373;
     font-size: 14px;
     font-weight: 400;
     float: left;
     border-radius: 5px;
     margin-bottom: 20px;
     }

     .sub_btn {
     align-items: center;
     font-size: 14px;
     transition: ease-in all 0.5s;
     background-color: #ff0909;
     color: #fff;
     padding: 0px;
     max-width: 100px;
     width: 160px;
     font-weight: 550;
     text-transform: uppercase;
     border-radius: 6px;
     height: 34px;
     margin-left: 8px;
     margin-top: 6px;
     }

     .sub_btn:hover {
     background-color: #ffea09;
     transition: ease-in all 0.5s;
     color: #ff0909;

     }

     ul.social_icon {
     padding-top: 24px;
     width: 228px;
     float: left;
     text-align: left;
     }

     ul.social_icon li {
     display: inline-block;
     }

     ul.social_icon li a {
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 27px;
     border-radius: 30px;
     margin: 0 9px;
     color: #fff;
     }

     ul.social_icon li a:hover {
     color: #ffea09;
     }

     .copyright {
     margin-top: 60px;
     padding-bottom: 20px;
     background-color: #fff;
     border: #ffea09 solid 3px;
     border-right: inherit;
     border-left: inherit;
     }

     .copyright p {
     color: #000;
     font-size: 18px;
     line-height: 22px;
     text-align: center;
     border-top: #a3aec6 solid 1px;
     padding-top: 25px;
     font-weight: normal;
     }

     .copyright a {
     color: #000;
     }

     .copyright a:hover {
     color: #ffea09;
     }


     /** end footer **/


     /**  inner page css **/
     .back_re {
     width: 100%;
     height: 100%;
     padding-top: 50px;
     padding-bottom: 50px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position-y:-12.2cm ;
     object-fit: contain;
     border-image: fill 0 linear-gradient(#0001, #000);
     backdrop-filter: blur(20px);
     }
     .back_re .title {
     text-align: center;
     }
     .back_re .title h2 {
     color: #efde25;
     font-size: 40px;
     padding: 40px 0; 
     font-weight: 600;
     text-transform: uppercase;
     line-height: 35px;
     }
     .margin_0 {
     margin:0 !important;
     }


     .inner_page .gallery {
     padding-top: 90px;
     }
     .inner_page .blog {
     margin-top: 90px;
     }

     /**
     * Owl Carousel v2.3.3
     * Copyright 2013-2018 David Deutsch
     * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
     */
     .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


     /* activitites */
     .card-box{
          display: flex;
          align-items: center;
          
     }
     .card-info{
          flex: 1 0 50%;
          margin-right: 10px;
     }
     .card-img{
          flex: 1 0 45%;
          width: 300px;
          height: 200px;
          border-radius: 6px;
          
     }
     .card-img img{
          width: 100%;
          height: 100%;
          border-radius: 6px;
          object-fit: cover;
     }