/* Google Fonts */
 @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

 /*font-family: "Roboto", sans-serif;*/

 /*** 

====================================================================
  Reset
====================================================================



 ***/
 * {
     margin: 0px;
     padding: 0px;
     border: none;
     outline: none;
 }



 /*** 
container 
====================================================================
  Global Settings
====================================================================

 ***/


 body {
     padding-top: 80px;
     font-size: 18px;
     color: #7c8083;
     line-height: 28px;
     font-weight: 400;
     background: #ffffff;
     font-family: "Roboto", sans-serif;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center top;
     -webkit-font-smoothing: antialiased;
 }

 .large-container {
     max-width: 1550px;
     padding: 0px 15px;
     margin: 0 auto;
 }

 .big-screen-btn {
     display: none;
 }

 .container-fluid {
     padding: 0px;
 }

 .auto-container {
     position: static;
     /* max-width:1200px; */
     padding: 0.5% 8%;
     margin: 0 auto;
 }

 .small-container {
     max-width: 680px;
     margin: 0 auto;
 }

 .boxed_wrapper {
     position: relative;
     margin: 0 auto;
     overflow: hidden !important;
     width: 100%;
     min-width: 300px;
 }


 a {
     text-decoration: none !important;
     transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     color: #9b7845;
     font-family: "Roboto", sans-serif;
 }

 a:hover {
     text-decoration: none;
     outline: none;
 }

 input,
 button,
 select,
 textarea {
     font-family: "Roboto", sans-serif;
     font-weight: 400;
     font-size: 16px;
     background: transparent;
 }

 ::-webkit-input-placeholder {
     color: inherit;
 }

 ::-moz-input-placeholder {
     color: inherit;
 }

 ::-ms-input-placeholder {
     color: inherit;
 }

 ul,
 li {
     padding: 0px;
     font-family: "Roboto", sans-serif;
     margin: 0px;
     text-align: justify;
     list-style-type: none;
 }

 input {
     transition: all 500ms ease;
 }

 button:focus,
 input:focus,
 textarea:focus {
     outline: none;
     box-shadow: none;
     transition: all 500ms ease;
 }

 p {
     position: relative;
     font-family: "Roboto", sans-serif !important;
     color: #000;
     font-weight: 400 !important;
     font-size: 14px !important;
     transition: all 500ms ease;
     text-align: justify;
     margin: 0 !important ;
     padding: 0;
     line-height: 28px;
}

.body-wrap a{
    color: inherit;       /* Takes color from parent element */
    text-decoration: none;
    font-family: "Roboto", sans-serif;
}
.body-wrap ul{
    padding: 0;
    margin: 0;
}
.body-wrap ul li{
    padding: 0;
    margin: 0;
}

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     position: relative;
     font-family: "Roboto", sans-serif;
     font-weight: 400;
     color: #000;
     margin: 0px;
     transition: all 500ms ease;
 }


 /* all heading css */
 .heading-content {
     letter-spacing: 4.5px;
     font-size: 30px;
     font-weight: 550;
     text-align: center;
     padding: 0 0 1.2% 0;
 }

 .top-head-content {
     align-items: center;
     padding: 0 0 1% 0;
     margin: 0 0 1% 0;
     border-bottom: 1px solid #d7c888;
 }

 .similar-row .top-head-content {
     display: grid;
     grid-template-columns: 88% 12%;
 }

 .top-head-content .sub-head {
     font-size: 25px;
     font-weight: 700;
     padding: 0 0 0 1%;
     color: #090909;
 }
 
 .tenth-section img{
     border-radius: 15px;
 }
 
 #modalOne .modal-dialog {
  position: fixed;
 bottom: 0px;
  margin: 0;
  left: 0;
  height: 75vh;
  width: 100%;
}
#modalOne .modal-content .modal-header {
    background-color: transparent;
    border: none;
}
#modalOne .modal-content .modal-body {
    background-color: #000;
    padding: 2% 3% 3%;
    border: none;
}
#modalOne .modal-content .modal-body p{
    color: #eee;
    padding: 1.5% 10% 0 0;
}
 #modalOne .modal-content {
  border-radius: 0;
  background-color: transparent;
}
#modalOne .modal-content .modal-body img{
    width: 20%;
}
 
     .cookie-modal-load {
            border-radius: 3px;
        }

        .cookie-modal-load .modal-content {
            border-radius: 3px;
            border: 2.5px solid #630b79;
        }

        .cookie-modal-load p {
            font-size: 14px;
        }

        .cookie-modal-load a {
            color: #630b79;
            text-decoration: underline;
            transition: 0.4s;
            font-size: 14px;
            font-weight: 600;
        }

        .cookie-modal-load a:hover {
            color: #000;
        }

        .cookie-modal-load .modal-content .reject-btn {
            background-color: #ccc;
            color: #000;
            border-radius: 3px;
            padding: 3.5% 4% 3%;
            margin: 10px 0 5px 0;
            transition: 0.4s;
            height: 38px;
        }

        .cookie-modal-load .modal-content .reject-btn:hover {
            background-color: #630b79;
            color: #fff;
            border-color: #630b79;
        }

        .cookie-modal-load .modal-content .accept-btn {
            border-radius: 3px;
            padding: 2.5% 4% 1.5%;
            margin: 0 0 3% 0;
            transition: 0.4s;
            height: 35px;
            color: #fff;
        }

        .cookie-modal-load .modal-content .accept-btn:hover {
            background-color: #630b79;
            border-color: #630b79;
            color: #fff;
        }

        .cookie-modal-load .cookie-setting-btn {
            height: 100%;
            width: 100%;
            border: 2px solid #fff;
            color: #fff;
            padding: 4% 4%;
            border-radius: 3px;
            transition: 0.4s;
            height: 80px;
        }

        .cookie-modal-load .cookie-setting-btn:hover {
            background-color: #630b79;
            border-color: #630b79;
            color: #fff;
        }


        /* Modal Two CSS Start */
        .cookie-modal-load{
            z-index: 10000 !important;
        }
        .modal-content{
            margin: 20% 0 0 0;
        }
        #modalTwo h2 {
            font-size: 18px;
            font-weight: 600;
        }

        #modalTwo .modal-content .manage-content .manage-box-container {
            border-radius: 3px;
            margin: 3% 0;
            border: 1.5px solid #aaa;
        }

        #modalTwo .modal-content .manage-content .box {
            display: flex;
            justify-content: space-between;
            border: 1.5px solid #aaa;
            padding: 3.5% 4% 2.5%
        }

        #modalTwo .modal-content .accept-btn-privacy {
            padding: 1.8% 15% 2.5%;
            border-radius: 3px;
            color: #fff;
        }

        #modalTwo .modal-footer .reject-btn-privacy {
            width: 30%;
            background-color: #ccc;
            color: #000;
            border-radius: 3px;
            padding: 2% 0% 3%;
            margin: -10px 15px 0 0;
            transition: 0.4s;
        }

        #modalTwo .modal-footer .reject-btn-privacy:hover {
            background-color: #000;
            color: #fff;
            border-color: #000;
        }

        #modalTwo .modal-footer .accept-btn-privacy {
            width: 50%;
            border-radius: 2px;
            padding: 2% 0% 3%;
            margin: 0 0 3% 0;
            transition: 0.4s;
        }

        #modalTwo .modal-footer .accept-btn-privacy:hover {
            background-color: #630b79;
            border-color: #630b79;
            color: #fff;
        }

        @media screen and (max-width: 767px) {
            #modalTwo .modal-content .manage-content .manage-box-container .heading-left h6{
                font-size: 14px;
            }
            .cookie-modal-load .cookie-setting-btn{
                height: 50px;
                padding: 2.5% 4% 3%;
            }
        }

 
   .events-london {
      padding: 0 8%;
    }

    .events-london .card .card-body .text-bx {
      height: 50px;
    }

    .events-london .container .row {
      text-align: center;
    }

    .faq-sec {
      padding: 0 8% 5%;
    }

    .btn-content {
      padding: 2.5% 2%;
    }
    
   

    @media (max-width: 600px) {
      .events-london .container .row {
        text-align: left;
      }
      .events-london {
          padding: 2%;
      }
      .events-london .card .card-body {
        height: 50px;
        padding: 6%;
      }
    }
 
 
 /* all view btn css */
 .top-head-content .theme-btn {
     background-color: transparent;
     color: #ff250c;
     font-size: 14px;
     font-weight: 700;
     transition: 0.4s;
     padding: 6% 10% 3%;
     transition: 0.4s;
 }

 .top-head-content .theme-btn:hover {
     background-color: transparent;
     color: #d7c888;
     border: none;
     transition: 0.4s;
     box-shadow: none;
     border-radius: 0;
     transform: scale(1.05);
 }
 
 
 
 /*marquee*/
   .marquee-container {
            background: black;
            padding: 10px 0;
            overflow: hidden;
            white-space: nowrap;
        }

        .marquee-content {
            display: inline-block;
            white-space: nowrap;
            animation: scroll 20s linear infinite;
        }

        .marquee-content span {
            color: white;
            font-size: 14px;
            margin-right: 50px;
        }

        @keyframes scroll {
            from {
                transform: translateX(0);
            }
            to {
                transform: translateX(-50%);
            }
        }



 /* template-color */

 .handle-preloader {
     background: #000;
 }


 /* base styles */



 /* small tweaks */
 .input-row {
     margin-top: 6px;
 }


 .preloader-close {
     color: #baa065;
 }

 .common-btn {
     background-color: #9b7845;
     color: #fff;
     border-radius: 5px;
     transition: 0.4s;
     padding: 2% 5%;
 }

 .common-btn:hover {
     background-color: transparent;
     color: #9b7845;
 }

 .header-top .top-inner .info-list li .icon-box {
     color: #fff;
 }

 .header-top .social-links li a:hover {
     color: #baa065;
 }

 .header-top .language .language-list {
     border-top: 2px solid #baa065;
 }

 .header-top .language .language-list li a:hover {
     color: #baa065;
 }

 .header-btn i {
     background: #baa065;
 }

 .theme-btn:hover {
     background: #baa065;
 }

 .theme-btn.light:hover {
     background: #baa065;
 }

 .nav-style-one button:hover {
     background: #baa065;
 }



 /* Preloader */
 .loader-img {
     width: 70%;
     margin: 0 auto 5%;
 }

 .handle-preloader {
     align-items: center;
     -webkit-align-items: center;
     display: flex;
     display: -ms-flexbox;
     height: 100%;
     justify-content: center;
     -webkit-justify-content: center;
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     z-index: 9999999;
 }

 .preloader-close {
     position: fixed;
     z-index: 99999999;
     font-size: 26px;
     background: #fff;
     width: 40px;
     height: 40px;
     line-height: 36px;
     text-align: center;
     border-radius: 50%;
     cursor: pointer;
     right: 30px;
     top: 30px;
 }

 .handle-preloader .animation-preloader {
     position: absolute;
     z-index: 100;
 }

 .handle-preloader .animation-preloader .spinner {
     animation: spinner 1s infinite linear;
     border-radius: 50%;
     height: 150px;
     margin: 0 auto 45px auto;
     width: 150px;
 }

 .handle-preloader .animation-preloader .txt-loading {
     text-align: center;
     user-select: none;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:before {
     animation: letters-loading 4s infinite;
     content: attr(data-text-preloader);
     left: 0;
     opacity: 0;
     top: 0;
     position: absolute;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading {
     font-family: 'DM Sans', sans-serif;
     font-weight: 500;
     letter-spacing: 15px;
     display: inline-block;
     position: relative;
     font-size: 60px;
     line-height: 60px;
     text-transform: uppercase;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
     animation-delay: 0.2s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
     animation-delay: 0.4s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
     animation-delay: 0.6s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
     animation-delay: 0.8s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
     animation-delay: 1s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
     animation-delay: 1.2s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
     animation-delay: 1.4s;
 }

 .handle-preloader .loader-section {
     background-color: #ffffff;
     height: 100%;
     position: fixed;
     top: 0;
     width: calc(50% + 1px);
 }

 .preloader .loaded .animation-preloader {
     opacity: 0;
     transition: 0.3s ease-out;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading {
     color: #ffffff;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:before {
     color: #ffffff;
 }

 .handle-preloader .animation-preloader .spinner {
     border: 3px solid #ffffff;
     border-top-color: rgba(255, 255, 255, 0.5);
 }

 .book-btn {
     border-radius: 0;
     padding: 10% 5% 10% 10%;
     width: 100%;
     margin: 0 15px 0 0;
     position: relative;
     font-size: 16px;
     font-weight: 600;
     font-family: "Mulish", sans-serif;
 }

 .book-btn .cal-icon {
     border-radius: 50%;
     padding: 3% 3.5%;
     color: #0d6efd;
     background-color: #fff;
     top: 19px;
     position: absolute;
     left: -16px;
 }

 /* Animación del preloader */
 @keyframes spinner {
     to {
         transform: rotateZ(360deg);
     }
 }

 @keyframes letters-loading {

     0%,
     75%,
     100% {
         opacity: 0;
         transform: rotateY(-90deg);
     }

     25%,
     50% {
         opacity: 1;
         transform: rotateY(0deg);
     }
 }

 @media screen and (max-width: 767px) {
     .handle-preloader .animation-preloader .spinner {
         height: 8em;
         width: 8em;
     }

 }

 @media screen and (max-width: 500px) {
     .handle-preloader .animation-preloader .spinner {
         height: 7em;
         width: 7em;
     }

     .handle-preloader .animation-preloader .txt-loading .letters-loading {
         font-size: 40px;
         letter-spacing: 10px;
     }
 }


 .centred {
     text-align: center;
 }

 .pull-left {
     float: left;
 }

 .pull-right {
     float: right;
 }

 .special_fonts {
     font-family: 'DM Sans', sans-serif;
 }

 figure {
     margin: 0px;
 }

 img {
     display: inline-block;
     width: 100%;
     height: 100%;
     /*height: auto;*/
     transition-delay: .1s;
     transition-timing-function: ease-in-out;
     transition-duration: .7s;
     transition-property: all;
 }

 /** button **/


 .theme-btn {
     position: relative;
     display: inline-block;
     overflow: hidden;
     vertical-align: middle;
     font-size: 16px;
     line-height: 24px;
     font-weight: 600;
     font-family: "Nunito Sans", sans-serif;
     color: #fff;
     background: #069d09;
     text-align: center;
     padding: 15px 50px;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     z-index: 1;
     transition: all 500ms ease;
     border-color: #d7c888;
     border-radius: 25px;
 }

 .theme-btn:hover {
     color: #fff;
 }

 .theme-btn.light {
     background: #fff;
     color: #16436f;
 }

 .theme-btn.light:hover {
     color: #fff;
 }

 .row {
     --bs-gutter-x: 30px;
 }


 .scroll-top {
     width: 54px;
     height: 54px;
     line-height: 60px;
     position: fixed;
     bottom: 105%;
     right: 50px;
     font-size: 16px;
     z-index: 99;
     background: #9b7845;
     color: #fff;
     text-align: center;
     cursor: pointer;
     transition: 1s ease;
     box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10) !important;
 }

 .scroll-top.open {
     bottom: 30px;
 }



 /*** 

====================================================================
                        Home-Page-One
====================================================================

***/


 /** main-menu **/
 /* Header */
 .header {
     background: #000;
     color: white;
     align-items: center;
     position: relative;
     z-index: 1001;
     position: fixed;
     /* stick to top */
     top: 0;
     left: 0;
     width: 100%;
     /* full width */
     z-index: 1200;
 }

 .nav-container {
     align-items: center;
     display: grid;
     grid-template-columns: 20% 70% 10%;
     padding: 0.5% 0%;
     position: relative;
 }

 .logo img {
     width: 75%;
 }


 /* Hamburger */
 .hamburger {
     display: none;
     width: 30px;
     height: 25px;
     position: relative;
     cursor: pointer;
     z-index: 1100;
 }

 .hamburger span {
     position: absolute;
     width: 100%;
     height: 2px;
     background: white;
     left: 0;
     transition: all 0.4s ease;
 }

 .hamburger span:nth-child(1) {
     top: 6px;
 }

 .hamburger span:nth-child(2) {
     top: 13px;
 }

 .hamburger span:nth-child(3) {
     top: 20px;
 }

 /* Active (X) state */
 .hamburger.active span:nth-child(1) {
     transform: rotate(45deg);
     top: 13px;
 }

 .hamburger.active span:nth-child(2) {
     opacity: 0;
 }

 .hamburger.active span:nth-child(3) {
     transform: rotate(-45deg);
     top: 14px;
 }

 /* Nav */
 .custom-nav {
     background: #000;
 }

 .custom-nav .menu {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
 }

 .things-to-know .button-slide .slick-prev:before {
     display: none;
 }

 .things-to-know .button-slide .slick-next:before {
     display: none;
 }

 .things-to-know .tab-content .con-bx ul {
     /*list-style-type: none;*/
     padding: 3%;
 }

 .things-to-know .tab-content .con-bx ul li {
     color: #eee;
     padding: 0 0 2% 0;
     line-height: 30px;
 }

 .custom-nav .menu-item {
     position: relative;
     list-style: none;
 }

 .custom-nav .menu-link {
     color: white;
     padding: 20px 11px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     text-decoration: none;
     cursor: pointer;
     font-size: 14px;
     font-weight: 500;
 }

 .custom-nav .menu-link:hover {
     border-bottom: 1.5px solid #fff;
 }

 /* Arrow */
 .custom-nav .menu-arrow {
     margin-left: 8px;
     transition: transform 0.3s ease;
     font-size: 12px;
 }

 .custom-nav .menu-item:hover>.menu-link .menu-arrow,
 .custom-nav .submenu-item:hover>.submenu-link .menu-arrow,
 .custom-nav .menu-item.active>.menu-link .menu-arrow,
 .custom-nav .submenu-item.active>.submenu-link .menu-arrow {
     transform: rotate(180deg);
 }

 /* Submenu */
 .custom-nav .submenu {
     position: absolute;
     left: 0;
     top: 95%;
     background: #fff;
     display: none;
     width: 300px;
     height: 450px;
     overflow-y: scroll;
     list-style: none;
     padding: 0;
     margin: 0;
     z-index: 999;
     border-top: 5px solid #9b7845;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
 }

 /* width */
 .custom-nav .submenu::-webkit-scrollbar {
     width: 5px;
 }

 /* Track */
 .custom-nav .submenu::-webkit-scrollbar-track {
     background: transparent;
 }

 /* Handle */
 .custom-nav .submenu::-webkit-scrollbar-thumb {
     background: #9b7845;
 }

 /* Handle on hover */
 .custom-nav .submenu::-webkit-scrollbar-thumb:hover {
     background: #553c17;
 }

 .traingle-i {
     font-size: 16px;
 }

 .custom-nav .submenu .submenu-link {
     color: #000;
     padding: 10px 15px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     text-decoration: none;
     font-size: 14px;
 }

 .custom-nav .submenu .submenu-link:hover {
     background-color: #333;
     color: #fff;
 }

 .custom-nav .submenu-item {
     position: relative;
 }

 .custom-nav .submenu-link {
     color: white;
     padding: 10px 15px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     text-decoration: none;
 }

 .custom-nav .submenu-link:hover {
     background: #555;
 }

 .nav-menu-logo {
     display: none;
 }

 .custom-nav .submenu .submenu {
     overflow-y: scroll;
     height: 300px;
     top: 45px;
     width: 90%;
     left: 5%;
     /* right: 5%; */
 }

 /* Desktop hover */
 @media (min-width: 768px) {
     .hamburger {
         display: none;
     }

     .custom-nav {
         position: static;
     }

     .custom-nav .menu {
         display: flex;
     }

     .custom-nav .menu-item:hover>.submenu,
     .custom-nav .submenu-item:hover>.submenu {
         display: block;
     }
 }

 /* Mobile slide-in menu */
 @media (max-width: 767px) {

     .custom-nav {
         box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
     }

     .tab-content-r ul li {
         line-height: 28px;
     }

     .nav-menu-logo {
         width: 55%;
        height: 11.5%;
         display: block;
         padding: 10% 0 0 2%;
     }


     .nav-container {
         grid-template-columns: 85% 15% !important;
         position: relative;
         padding: 2% 0 2% 2%;
     }

     .hamburger {
         height: 30px;
         width: 35px;
         position: fixed;
         top: 15px;
         right: 20px;
         z-index: 1100;
         padding: 1rem 0 0.6rem;
         display: block;
         border: 1px solid #fff;
         border-radius: 5px;
         /* stays above the nav */
     }

     .hamburger span {
         height: 2px;
         width: 65%;
         left: 5px;
     }

     .custom-nav {
         position: fixed;
         top: 0;
         flex-direction: column;
         right: -300px;
         /* hidden off-screen */
         width: 300px;
         height: 100%;
         background: #000;
         transition: right 0.4s ease;
         z-index: 1050;
     }

     .custom-nav.open {
         right: 0;
         /* slide in */
     }

     .custom-nav .menu {
         flex-direction: column;
         padding: 100px 20px 15px 10px;
         /* to avoid overlap with hamburger */
     }

     .custom-nav .menu-link {
         font-size: 14px;
     }

     .custom-nav .submenu .submenu-link {
         font-size: 14px;
         border-bottom: 1px solid #000;
         padding: 2.5px 15px;
         line-height: 25px;
     }

     .custom-nav .menu-link {
         padding: 5px 15px;
     }

     .custom-nav .submenu {
         position: static;
         margin: 0 0 0 20px;
         width: 85%;
         height: 250px;
     }

     .custom-nav .menu-item.active>.submenu,
     .custom-nav .submenu-item.active>.submenu {
         display: block;
     }
 }

 @media (max-width: 399px) {
    .nav-menu-logo {
        width: 48%;
        height: 13%;
    }
}






 /* Toggle Button */
    #toggleSearch {
        background: none;
        border: none;
        color: white;
        font-size: 1.2rem;
        cursor: pointer;
        padding: 0.5rem;
        width: 10%;
        position: absolute;
        right: 0%;
    }

    /* Search Area - Hidden by default */
    .search-area {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        z-index: 9999;
        display: none;
        align-items: center;
        justify-content: center;
    }

    .search-area.show {
        width: 50%;
        display: flex;
        position: absolute;
        top: 16%;
        border-radius: 0;
        background-color: transparent;
        left: 40%;
    }

    .search-inner {
        background-color: transparent;
        padding: 0;
        border-radius: 8px;
        width: 90%;
        max-width: 600px;
        position: relative;
    }

    /* Mobile Close Button */
    .mobile-close {
        background-color: #fff;
        position: absolute;
        top: 10px;
        right: -13%;
        /* background: none; */
        border: none;
        font-size: 1.5rem;
        cursor: pointer;
        border-radius: 50%;
        color: #666;
        padding: 0.7% 2%;
    }

    /* Input */
    .input-row {
        position: relative;
        margin-bottom: 1rem;
    }

    #searchInput {
        width: 100%;
        padding: 0.75rem 2.5rem 0.75rem 1rem;
        font-size: 1rem;
        border: 2px solid #ddd;
        background-color: #fff;
        border-radius: 25px;
    }

    #searchInput:focus {
        outline: none;
        border-color: #007bff;
    }

    /* Clear Button */
    .clear-icon {
        position: absolute;
        right: 0.5rem;
        top: 50%;
        transform: translateY(-50%);
        background: none;
        border: none;
        color: #9b7845;
        cursor: pointer;
        display: none;
        padding: 0.5rem;
    }

    /* Results Container */
    .search-results {
        max-height: 400px;
        overflow-y: auto;
        background-color: #eeee;
        border-radius: 15px;
    }

    /* Result Items - Simple Divs */
    .result-item {
        font-size: 16px;
        padding: 1.5% 5% 1.5% 3%;
        border-bottom: 1px solid #ccc;
        cursor: pointer;
        transition: background 0.2s;
        color: #000;
        transition: 0.4s;
    }

    .result-item:hover {
        background-color: #af9159;
        color: #fff;
        transition: 0.4s;
    }

    .result-item:last-child {
        border-bottom: none;
    }

    .no-results {
        padding: 1rem;
        text-align: center;
        color: #999;
    }

    /* Hidden class for menu */
    .menu-hidden {
        display: none !important;
    }

    /* Demo menu style */
    .custom-nav {
        display: flex;
        gap: 1rem;
        color: white;
    }

    .custom-nav a {
        color: white;
        text-decoration: none;
        padding: 0.5rem 1rem;
    }

    @media (min-width: 769px) {
        .search-area {
            position: absolute;
            top: 100%;
            right: 0;
            width: 400px;
            height: auto;
            background: white;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .search-inner {
            padding: 0;
            width: 100%;
            max-width: none;
            border-radius: 0 0 8px 8px;
        }

        /*.mobile-close {*/
        /*    display: none;*/
        /*}*/
    }


    @media screen and (max-width: 767px) {
        #toggleSearch {
            right: 20%;
        }

        .mobile-close {
            top: -120px;
            right: 0;
            background-color: #9b7845;
            color: #fff;
            padding: 2.5% 4% 2%;
        }

        .search-area.show {
            height: 100vh;
            width: 100%;
            top: 0;
            left: 0;
            background-color: #fff;
        }

        .search-inner {
            position: absolute;
            top: 25%;
        }
    }
 /* main body css start */




 /* Banner section start */
 .slick-dots li button:before {
     font-size: 35px;
 }


 .banner-carousel-sec .bannerSwiper .swiper-pagination {
     bottom: 0;
 }

 .banner-carousel-sec .banner-slider .banner-item img {
     width: 100%;
     border-radius: 5px;
     height: 100%;
 }

 .banner-carousel-sec .banner-slider .slick-slide {
     margin: 0 5px;
     /* 10px gap on both sides */
 }

 /* Banner section start END*/

 /* Banner section start */
 .slick-dots li button:before {
     font-size: 35px;
 }

 .banner-carousel-sec .bannerSwiper {
     padding: 0 0 2%;
 }

 .banner-carousel-sec {
     overflow-x: hidden;
     padding: 1.5% 0 1.3%;
 }

 .banner-carousel-sec .theatre-slider .banner-item img {
     width: 100%;
     border-radius: 5px;
 }

 .banner-carousel-sec .theatre-slider .slick-slide {
     margin: 0 10px;
     /* 10px gap on both sides */
 }

 /* Banner section start END*/








 /* all categories theatre slider section css */
 .similar-row {
     padding: 0 5% 5%;
 }

 .swiper-slider-item {
     position: relative;
     padding: 1% 0 0;
     display: inline-block;
 }

 /* Main Ribbon */
 .swiper-slider-item .ribbon {
     position: absolute;
     top: 0px;
     left: 5px;
     background: #cf446e;
     color: #fff;
     padding: 2px 15px;
     font-size: 14px;
     font-weight: bold;
     border-radius: 5px;
     z-index: 1;
 }


 .swiper-button-prev:after {
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
     border-radius: 50%;
     font-size: 18px !important;
     content: 'prev';
     background-color: #fff;
     color: #000;
     padding: 30% 47% 30% 42%;
 }

 .swiper-button-next:after {
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
     border-radius: 50%;
     font-size: 18px !important;
     content: 'prev';
     background-color: #fff;
     color: #000;
     padding: 30% 43% 30% 45%;
 }


 /*Swiper CSS*/
 .swiper-container {
     position: relative;
     /* Essential for positioning child elements absolutely */
 }




 .swiper-container .swiper-button-prev {
     left: -50px !important;
     /* Adjust this value to position the arrow further left */
     background: none !important;
 }

 .swiper-container .swiper-button-next {
     right: -50px !important;
     /* Adjust this value to position the arrow further right */
     background: none !important;
 }



 .music-slider img {
     width: 100%;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
     border-radius: 5px;
 }


 .music-slider .content h5 {
     font-weight: 700;
     font-size: 14px;
     padding: 3% 0 0 0;
     color: #000;
 }

 .music-slider .content h6 {
     font-weight: 600;
     font-size: 12px;
     color: #606060;
     padding: 0 0;
     margin: 0;
 }

 .music-slider .common-slider-item .content {
     padding: 3% 0 0 3%;
 }

 .music-slider .content a {
     background-color: transparent;
     color: #069d09;
     font-size: 14px;
     font-weight: 500;
     padding: 3% 0 0 0;
     border: 0;
 }

 .last-minsec .minuteSwiper .content a {
     color: #fff;
     margin: 0;
 }

 .last-minsec .lastSwiper .content a {
     color: #fff;
     margin: 0;
 }

 .music-slider .content a:hover {
     background-color: transparent;
     color: #000;
 }

 .last-minsec .minuteSwiper .content a:hover {
     color: #069d09;
 }

 .last-minsec .lastSwiper .content a:hover {
     color: #069d09;
 }

 .lastSwiper .content h5 {
     color: #fff;
 }

 .lastSwiper .content h6 {
     color: #ccc;
 }

 .minuteSwiper .content h5 {
     color: #fff;
 }

 .minuteSwiper .content h6 {
     color: #ccc;
 }












 .common-slider-set img {
     width: 100%;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
     border-radius: 5px;
 }


 .common-slider-set .content h5 {
     font-weight: 700;
     font-size: 14px;
     padding: 3% 0 0 0;
     color: #000;
 }

 .common-slider-set .content h6 {
     font-weight: 600;
     font-size: 12px;
     color: #606060;
     padding: 2% 0 0;
 }

 .common-slider-set .common-slider-item .content {
     padding: 3% 0 0;
 }

 .common-slider-set .common-slider-item .content {
     padding: 3% 0 0;
 }

 .common-slider-set .content a {
     background-color: transparent;
     color: #069d09;
     font-size: 14px;
     font-weight: 500;
     padding: 3% 0 0 0;
     border: 0;
 }

 .common-slider-set .content a:hover {
     background-color: transparent;
     color: #000;
 }


 .common-slider-set .slick-next:before {
     background-color: #fff;
     color: #000;
     opacity: 1;
     display: none;
     box-shadow: none;
 }

 .common-slider-set .slick-slide {
     margin: 0 8px;
     padding: 0 8px;
     /* 10px gap on both sides */
 }

 .common-slider-set .slick-prev:before {
     background-color: #fff;
     color: #000;
     opacity: 1;
     box-shadow: none;
     display: none;
 }

 .slick-prev img {
     border-radius: 50%;
     padding: 5% 10% 5% 0;
     background-color: #fff;
 }

 .slick-prev img:hover {
     background-color: #ffcb05;
 }

 .slick-next img {
     border-radius: 50%;
     padding: 5% 0% 5% 10%;
     background-color: #fff;
 }

 .slick-next img:hover {
     background-color: #ffcb05;
 }


 .slick-track {
     transition: transform 0.2s linear !important;
     /* smooth linear movement */
 }


 /* all categories theatre slider section css END*/



 /* book west ticket Section start */
 .book-west-ticket {
     padding: 5% 0 3%;
     background-color: #E7E7EC;
 }



 .book-west-ticket .img img {
     width: 85%;
 }

 .book-west-ticket h6 {
     font-size: 20px;
     color: #000;
     font-weight: 500;
     padding: 0 0 2% 0;
 }

 .book-west-ticket ul li {
     list-style-type: none;
     font-size: 12px;
     line-height: 30px;
 }

 .book-west-ticket ul li a {
     font-size: 14px;
     color: #565454;
     transition: 0.4s;
 }

 .book-west-ticket ul li a:hover {
     color: #9b7845;
     padding-left: 2%;
 }

 /* book west ticket Section end */


 /* 8th-section section start */
 .eight-section {
     padding: 5% 0;
 }

 .eight-section .img img {
     background-color: #000;
     width: 90%;
     padding: 15%;
     border-radius: 10px;
 }

 .eight-section .top-head-content {
     margin: 0 0 5% 0;
 }


 /* 8th-section section end */


 /* 9th-section section start */
 .ninth-section {
     padding: 5% 0;
     background-color: #E7E7EC;
 }

 .ninth-section .img img {
     width: 100%;
     border-radius: 10px;
 }

 .ninth-section .top-head-content {
     margin: 0 0 5% 0;
 }

 .ninth-section .top-head-content {
     margin: 0 0 5% 0;
 }

 /*9th-section section end */

 /*Theatre London*/
 .theatre-london {
     padding: 1% 0 2%;
 }

 .theatre-london .card .lates h5 {
     color: #aaa;
     font-size: 13px;
     font-weight: 600;
     margin: 0;
     padding: 0% 0 2% 0;
 }

 .theatre-london .card .lates h6 {
     font-size: 14px;
     padding: 2% 0 4%;
     font-weight: 800;
     color: #cf446e;
     letter-spacing: 2px;
     display: none;
 }

 .theatre-london .btn-content .theme-btn {
     margin: 0 0 8% 0;
     display: none;
 }


 .theatre-london .card {
     position: relative;
     overflow: hidden;
     border-radius: 10px;
     margin: 0 0 1% 0;
 }

 /* Ribbon */
 .theatre-london .ribbon {
     width: 120px;
     background: #000;
     /* Bootstrap red */
     color: #fff;
     text-align: center;
     line-height: 30px;
     font-size: 12px;
     font-weight: bold;
     position: absolute;
     bottom: 0;
     right: 0;
     transform: rotate(0);
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
     display: none;
 }

 .theatre-london .col-md-3 {
     padding: 0.7%;
 }

 .theatre-london .ribbon::before,
 .theatre-london .ribbon::after {
     content: "";
     position: absolute;
     border: 10px solid #000;
     /* darker shade */
     z-index: -1;
 }

 .theatre-london .ribbon::before {
     transform: rotate(90deg);
     top: 0;
     left: -15px;
     border-right-color: transparent;
     border-bottom-color: transparent;
 }

 .theatre-london .ribbon::after {
     transform: rotate(-90deg);
     top: 37%;
     left: -15px;
     border-right-color: transparent;
     border-top-color: transparent;
 }

 .theatre-london .card .card-body {
     position: relative;
 }

 .theatre-london .card .card-body .text-bx {
     height: 100px;
 }


 .theatre-london .card .card-body h4 {
     font-size: 18px;
     color: #000;
     padding: 2% 0 2%;
     font-weight: 700;
 }

 .theatre-london .card .card-body p {
     font-size: 12px;
     line-height: 20px;
 }

 .theatre-london .card .card-body .view-btn-theatre {
     color: green;
     margin: 0;
     padding: 3% 0 0 0;
     font-size: 16px;
 }

 .theatre-london .card .card-body .theme-btn {
     color: #069d09;
     background-color: transparent;
     border-color: transparent;
     border: 0;
     padding: 0;
     font-size: 14px;
     margin: 5% 0 0 0;
     text-align: left;
     position: absolute;
     bottom: 4%;
     left: 4%;
     font-weight: 700;
     text-transform: capitalize;
     transition: 0.4s;
     display: none;
 }

 .theatre-london .card .card-body .theme-btn:hover {
     transition: 0.4s;
     color: #000;
     transform: scale(1.03);
 }

 .theatre-london .card .card-img-top img {
     /* height: 180px; */
     width: 100%;
 }


 .theatre-london .card .rating {
     display: flex;
     align-items: center;
     gap: 6px;
     justify-content: space-between;
     font-size: 12px;
     color: #ffc107;
     padding: 0 0 1% 0;
     /* Bootstrap warning color (gold stars) */
 }

 .theatre-london .card .rating span {
     font-size: 12px;
     color: #000;
 }

 .theatre-london .card .rating .review-count span {
     font-weight: 700;
 }












 /*things-to-know Start*/


 .things-to-know {
     background: url(../banner/BG+Illustration.avif) no-repeat;
     background-position: center;
     background-size: cover;
     padding: 5% 0;
 }

 .things-to-know .menu-container {
     position: relative;
     display: flex;
     align-items: center;
 }

 .menu-container .menu-wrapper {
     border-bottom: 1px solid #b8860b;
     ;
 }

 .things-to-know .menu-container .menu-item {
     color: #fff;
     padding: 6% 1%;
     background: transparent;
     margin: 0;
     border-radius: 5px 5px 0 0;
     text-align: center;
     cursor: pointer;
     font-weight: 600;
     transition: 0.3s;
     white-space: nowrap;
     font-size: 14px;
 }

 .things-to-know .menu-container .menu-item.active {
     background: #b8860b;
     color: #fff;
 }

 /* TAB CONTENT */
 .things-to-know .content-area .tab-content {
     display: none;
     padding: 0px;
     border: 1px solid #eee;
     margin-top: 20px;
 }

 .things-to-know .content-area .tab-content.active {
     display: block;
 }

 /* ARROWS */
 .things-to-know .menu-arrow {
     width: 32px;
     height: 32px;
     background: #fff;
     color: #000;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     cursor: pointer;
     position: absolute;
     z-index: 10;
 }

 .things-to-know .left-arrow {
     right: 20px;
 }

 .things-to-know .right-arrow {
     right: -15px;
 }

 /* Hide arrows by default (desktop) */
 .things-to-know .menu-arrow {
     display: none;
 }

 /* Show arrows on small devices */
 @media(max-width: 1300px) {
     .things-to-know .menu-arrow {
         display: flex;
     }
 }

 /* Show arrows on small devices */
 @media(max-width: 786px) {
     .things-to-know .menu-arrow {
         top: -30px;
         width: 25px;
         height: 25px;
         background: #fff;
         color: #000;
     }

     .things-to-know .right-arrow {
         right: 0px;
     }

     .things-to-know .left-arrow {
         right: 35px;
     }

 }

 .things-to-know .top-head-content .sub-head {
     color: #fff;
 }

 .things-to-know .top-head-content {
     display: block;
     padding: 2% 0 1%;
     border: 0;
 }

 /* Button style (labels act as buttons) */
 .things-to-know .btn {
     display: inline-block;
     padding: 10px 20px;
     margin: 5px;
     border-radius: 5px;
     cursor: pointer;
     background: #e0e0e0;
     /* inactive */
     color: #333;
     transition: 0.3s;
 }


 .things-to-know .row-container .content {
     padding: 4% 1% 0 10%;
     text-align: left;
 }

 .things-to-know .row-container .content h5 {
     padding: 2% 0 1%;
     font-size: 16px;
     color: #fff;
     font-weight: 600;
 }

 .things-to-know .row-container .content h6 {
     color: #aaa;
     font-size: 12px;
     padding: 1% 0 4%;
 }

 .things-to-know .row-container .content a {
     background-color: transparent;
     border: 0;
     color: green;
     font-size: 16px;
     text-align: left;
     font-weight: 600;
     padding: 0;
     margin: 0;
 }

 /* Show section based on radio checked */


 .things-to-know .buttons {
     margin-bottom: 20px;
     border-bottom: 1px solid #d7c888;
 }

 .things-to-know .row-container img {
     width: 100%;
     height: 100%;
 }

 .things-to-know .buttons .know-btn {
     padding: 10px 20px;
     margin: 0 10px;
     border: none;
     color: #eee;
     cursor: pointer;
     border-radius: 5px 5px 0 0;
     transition: all 0.3s ease;
     transition: 0.4s;
     font-size: 14px;
 }

 .things-to-know .buttons .know-btn:hover {
     background-color: #000;
 }

 .things-to-know .buttons .know-btn.active {
     background: darkgoldenrod;
     color: #fff;
 }

 .things-to-know .row-container {
     opacity: 0;
     visibility: hidden;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     transition: opacity 0.4s ease;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
 }

 .things-to-know .row-container p {
     color: #fff;
 }

 .things-to-know .row-container ul li {
     font-size: 16px;
     line-height: 25px;
     color: #fff;
 }

 .things-to-know .row-container.active {
     opacity: 1;
     visibility: visible;
     position: relative;
 }

 .things-to-know .row-container img {
     width: 100%;
     padding: 0;
     margin: 0;
     border-radius: 0px;
 }

 .things-to-know .row-container .col-md-6 {
     padding: 0;
     margin: 0;

 }

 .things-to-know .row-container .con-bx {
     border-top: 1.5px solid #fff;
     border-right: 1.5px solid #fff;
     border-bottom: 1.5px solid #fff;
     padding: 5%;
     height: 100%;
 }



 /* CSS */
 .slider-wrapper {
     position: relative;
     overflow: visible;
     /* allow arrows to overflow */
 }

 .mySwiper {
     padding: 0 40px;
     /* optional: reserves space so arrows don't overlap full-width content */
 }

 /* style & move arrows outside */
 .swiper-button-prev,
 .swiper-button-next {
     top: 50%;
     transform: translateY(-50%);
     width: 44px;
     height: 44px;
     border-radius: 50%;
     background: rgba(0, 0, 0, 0.55);
     color: #fff;
     z-index: 20;
     display: flex;
     align-items: center;
     justify-content: center;
 }


 /* Hide arrows on small screens (if desired) */
 @media (max-width: 767px) {

     .swiper-button-prev,
     .swiper-button-next {
         display: none;
     }
 }




 .things-to-know .accordion-item .accordion-header .accordion-button {
     border-radius: 0;
     color: #fff;
     background-color: #9b7845;
     box-shadow: none;
 }

 .things-to-know .map-box {
     border: 0;
     border-radius: 0;
     height: 100%;
 }

 .things-to-know .accordion .accordion-item {
     margin: 0 0 0.5% 0;
     border-radius: 0;
     background-color: transparent;
     border: 0;
 }

 .things-to-know .accordion {
     border-radius: 0;
     border: none;
 }

 .things-to-know .accordion .accordion-body {
     color: #fff;
     font-size: 16px;
 }

 .things-to-know .accordion-item .accordion-header .accordion-button::after {
     background-image: url(../icon/arrow-up.png);
 }

















 /* 10th section start */
 .tenth-section {
     padding: 5% 0;
 }

 .tenth-section .box-item {
     border-radius: 15px;
     padding: 0;
     margin: 10px;
     height: 100%;
     box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
     position: relative;
 }

 .tenth-section .box-item .content {
     padding: 6% 5% 8%;
 }

 .tenth-section .box-item .img img {
     border-radius: 15px 15px 0 0;
     width: 100%;
 }

 .tenth-section .content .common-btn {
     background-color: transparent;
     color: #9b7845;
     border: none;
     font-size: 18px;
     transition: 0.4s;
     padding: 0;
     font-weight: 600;
     margin: 8% 0 0;
     position: absolute;
     bottom: 2.5%;
     left: 5%;
 }

 .tenth-section .content .common-btn:hover {
     color: #000;
 }


 .things-to-know .row .col-md-6 {
     padding: 0;
 }

 .things-to-know .img-bx {
     height: 100%;
     padding: 1%;
 }

 .tenth-section .img-bx img {
     width: 100%;
     height: 100%;
 }

 .things-to-know .golden-color {
     color: #b8860b;
 }

 .things-to-know .con-bx {
     position: relative;
     padding: 5% 10% 3% 5%;
 }
 .things-to-know .con-bx h2{
    color: #fff;
    font-weight: 700;
    padding: 0 0 5% 0;
}
.things-to-know .con-bx h3{
    color: #fff;
    font-weight: 700;
    padding: 0 0 5% 0;
}
.things-to-know .con-bx h5{
    color: #fff;
    font-weight: 700;
    padding: 0 0 5% 0;
}
.things-to-know .con-bx .italic-p{
 color: #eee;   
 font-weight: 300;
}
 .things-to-know .con-bx p {
     color: #eee;
 }

 .things-to-know .bottom-pos {
     position: absolute;
     bottom: 2%;
     font-weight: 600;
     left: 6%;
     text-decoration: none;
 }

 .things-to-know .bottom-pos:hover>.golden-color {
     color: #fff;
 }

 .tenth-section .top-head-content {
     margin: 0 0 2% 0;
     padding: 0 0 1% 0;
 }


 .tenth-section .content .top-head-content {
     margin: 0;
     border: 0;
     padding: 0 0 2% 0;
 }


 .tenth-section .content .top-head-content .sub-head {
     font-size: 25px;
 }

 .tenth-section ul {
     padding: 3% 0 3% 3%;
 }

 .tenth-section ul li {
     font-size: 16px;
     color: #000;
     display: flex;
     gap: 10px;
     padding: 0 0 0 0;
 }


 .lyceum-content h3 {
     font-size: 25px;
     font-weight: 700;
     padding: 0 0 1% 0;
 }


































 /* FAQ Section Start */
 .faq-sec {
     padding: 0 10% 5%;
 }

 .faq-sec .accordion .accordion-body ul {
     padding: 0 0 0 2%;
     font-size: 16px;
 }

 .faq-sec .accordion .accordion-body ul li {
     padding: 0 0 0 2%;
     font-size: 16px;
 }

 .faq-sec .faq-accordion {
     border-radius: 0;
     border: none;
 }

 .faq-sec .faq-accordion .accordion-item {
     margin: 0 0 0.5% 0;
     border-radius: 0;
 }

 .faq-sec .faq-accordion .accordion-item .accordion-header .accordion-button {
     border-radius: 0;
     color: #fff;
     background-color: #9b7845;
     box-shadow: none;
     font-size: 18px;
 }

 .faq-sec .faq-accordion .accordion-item .accordion-collapse .accordion-body {
     font-size: 16px;
 }

 /* .faq-sec .faq-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
     background-image: url(/assets/icon/down-arrow.png);
 } */

 .faq-sec .faq-accordion .accordion-item .accordion-header .accordion-button::after {
     background-image: url(../icon/down-arrow.png);
 }




 /* Accordion section start */

 .accordion-sec {
     padding: 0 0 5%;
 }

 .accordion-sec .faq-header {
     text-align: center;
     margin-bottom: 50px;
 }

 .accordion-sec .faq-label {
     color: #0d9488;
     font-size: 16px;
     font-weight: 600;
     letter-spacing: 0.5px;
     margin-bottom: 15px;
 }

 .accordion-sec .faq-title {
     font-size: 42px;
     font-weight: 700;
     color: #1a1a1a;
 }

 .accordion-sec .accordion-container {
     display: flex;
     flex-direction: column;
 }

 .accordion-sec .accordion-item {
     background: #9b7845;
     border-radius: 0;
     overflow: hidden;
     transition: all 0.3s ease;
 }

 .accordion-sec .accordion-item.active {
     background: #9b7845;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
     margin: 0 0 1% 0;
 }

 .accordion-sec .accordion-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 1.5% 3% 1%;
     cursor: pointer;
     user-select: none;
     transition: all 0.3s ease;
 }

 .accordion-sec .accordion-header:hover {
     background: rgba(13, 148, 136, 0.05);
 }

 .accordion-sec .accordion-question {
     font-size: 18px;
     font-weight: 400;
     color: #fff;
     flex: 1;
 }

 .accordion-sec .accordion-icon {
     width: 32px;
     height: 32px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: transform 0.3s ease;
     flex-shrink: 0;
     margin-left: 20px;
 }

 .accordion-sec .accordion-icon svg {
     width: 24px;
     height: 24px;
     stroke: #fff;
     stroke-width: 2.5;
 }

 .accordion-sec .accordion-item.active .accordion-icon {
     transform: rotate(180deg);
 }

 .accordion-sec .accordion-content {
     max-height: 0;
     overflow: hidden;
     background-color: #fff;
     padding: 0.7% 1% 0;
     transition: max-height 0.3s ease, padding 0.3s ease;
 }

 .accordion-sec .accordion-item.active .accordion-content {
     max-height: 500px;
     background-color: #fff;
     padding: 2% 1% 0;
     border: 1px solid #9b7845;
 }

 .accordion-sec .accordion-content-inner {
     padding: 0 35px 28px 35px;
 }

 .accordion-sec .accordion-answer {
     font-size: 16px;
     line-height: 1.7;
     color: #4a5568;
 }

 @media (max-width: 768px) {
     .accordion-sec .faq-title {
         font-size: 32px;
     }

     .accordion-sec .accordion-header {
         padding: 20px 20px 15px;
     }

     .accordion-sec .accordion-question {
         font-size: 17px;
     }

     .accordion-sec .accordion-content-inner {
         padding: 0 20px 20px 20px;
     }

     .accordion-sec .accordion-answer {
         font-size: 15px;
     }

     .accordion-sec .accordion-icon {
         margin-left: 15px;
     }
 }

 @media (max-width: 480px) {
     .accordion-sec .faq-title {
         font-size: 22px;
     }

     .accordion-sec .accordion-question {
         font-size: 14px;
     }
 }

















 /*View more and less*/
 .view-sec {
     padding: 5% 0 0;
 }

 .view-sec .content {
     /*display: none;*/
     margin-top: 10px;
     color: #444;
     line-height: 1.6;
 }

 .view-sec .toggle-btn:hover {
     transform: scale(1.02);
     transition: 0.4s;
 }

 .view-sec .icon {
     font-weight: bold;
     margin: 0 0 0 15px;
     font-size: 25px;
     color: #9b7845;
 }



 .view-sec .content-item h4 {
     font-size: 25px;
     font-weight: 700;
     padding: 0 0 1% 0;
 }

 .view-sec .content-item p {
     padding: 0 0 1% 0;
 }

 .view-sec .content-item ul {
     padding: 2% 0 2% 5% !important;
 }

 .view-sec .content-item ul,
 li {
     font-size: 16px;
     line-height: 35px;
     list-style-type: disc;
 }

 /* main body css end */



 /* Show-details page CSS */
 .show-details {
     padding: 5% 0;
 }


 /*.show-video-section {*/
 /*    display: flex;*/
 /*    justify-content: center;*/
 /*  }*/

 .video-container {
     position: relative;
     width: 100%;
     height: 400px;
     background: #000;
     overflow: hidden;
     border-radius: 12px;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
     cursor: pointer;
     margin: 0 0 5% 0;
 }

 .video-thumbnail {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }

 .play-button {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background: transparent;
     border-radius: 50%;
     color: #fff;
     border: 2px solid #fff;
     width: 80px;
     height: 80px;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: transform 0.3s ease, background 0.3s ease;
 }

 .play-button::before {
     content: "";
     border-style: solid;
     border-width: 15px 0 15px 25px;
     border-color: transparent transparent transparent #fff;
     margin-left: 5px;
 }

 .play-button:hover {
     transform: translate(-50%, -50%) scale(1.1);
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
 }

 .video-frame {
     width: 100%;
     height: 100%;
     border: none;
     display: none;
     /* initially hidden */
 }


 .book-ticket {
     background-color: #069d09;
     border-color: #069d09;
     padding: 5% 5%;
     width: 100%;
     font-size: 25px;
 }


 /*.book-ticket-bx ul, li{*/
 /*    list-style-type: none !important;*/
 /*}*/


 .show-ticket-sec {
     padding: 2% 12% 0.5%;
 }
.show-ticket-sec .video-con .ticket-head-bx a{
    color: #838383;
    text-decoration: none;
    font-size: 16px;
}
.show-ticket-sec .video-con .ticket-head-bx a:hover{
    color: #9b7845;
}
 .video-con {
     padding: 0;
 }

 .show-ticket-sec ul li p {
     font-size: 14px !important;
     padding: 0 0 2.5% 0;
     display: flex;
     align-items: center;
     gap: 5px;
 }

 .show-ticket-sec .box-con {
     display: flex;
     gap: 25px;
 }
 
 .show-ticket-sec .ticket-head-bx .box-con .bx p{
     font-size: 14px !important;
 }

 .show-ticket-sec .box-con .bx .i-d {
     background-color: #000;
     font-size: 16px;
     padding: 55% 50%;
     color: #fff;
     border-radius: 50%;
     margin: 5% 0 0 0;
 }

 .show-ticket-sec .box-con .bx .i-star {
     background-color: #ffc107;
     font-size: 16px;
     padding: 55% 50%;
     color: #fff;
     border-radius: 50%;
     margin: 5% 0 0 0;
 }

 .show-ticket-sec .box-con .bx p {
     font-size: 14px;
 }

 .show-ticket-sec .video-box {
     position: relative;
     width: 100%;
     margin: auto;
     cursor: pointer;
     border-radius: 10px;
     margin: 0 0 5% 0;
 }

 .show-ticket-sec .book-ticket-bx ul {
     list-style-type: none;
 }

 .show-ticket-sec .book-ticket-bx ul li {
     list-style: none;
 }

 .show-ticket-sec .content h2 {
     font-size: 25px;
     font-weight: 700;
 }
.show-ticket-sec .video-con{
    padding: 0;
}
 .show-ticket-sec .content h5 {
     padding: 0% 0 0% 0%;
     font-size: 15px;
     font-weight: 700;
 }
.show-ticket-sec .content h1 {
    font-size: 33px;
    font-weight: 700;
}
 .show-ticket-sec .content p {
     color: #838383;
     margin: -5px 0 15px 0 !important;
 }
 
 .show-ticket-sec .video-con .content .tab .tablinks{
     color: #9b7845;
     text-decoration: none;
     transition: 0.4s;
 }
 .show-ticket-sec .video-con .content .tab .tablinks:hover{
     color: #000;
     transition: 0.4s
 }

 /* Style the tab */
 .show-ticket-sec .tab {
     overflow: hidden;
     display: flex;
     gap: 35px;
     padding: 0 0 1% 1%;
 }

 /* Style the buttons that are used to open the tab content */
 .show-ticket-sec .tab button {
     border: none;
     outline: none;
     cursor: pointer;
     padding: 16px 16px;
     color: #000;
     transition: 0.3s;
     font-size: 20px;
     font-weight: 700;
 }

 .show-ticket-sec .book-ticket-bx {
     border: 1px solid #efefef;
     margin: 30% 0 0 0;
     padding: 5%;
     border-radius: 5px;
 }

 .show-ticket-sec .book-ticket-bx .book-ticket {
     border-radius: 5px;
     padding: 6% 10% 7%;
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-size: 30px !important;
     font-weight: 700;
     line-height: 25px;
     text-transform: capitalize;
         background-color: #069d09;
         color: #fff;
    border-color: #069d09;
 }

 .show-ticket-sec .book-ticket-bx .book-ticket img {
     width: 12%;
 }

 /* Change background color of buttons on hover */
 .show-ticket-sec .tab button:hover {
     background-color: #ddd;
 }

 /* Create an active/current tablink class */
 .show-ticket-sec .tab button.active {
     border-bottom: 2px solid goldenrod;
 }

 /* Style the tab content */
 .show-ticket-sec .tabcontent {
     /*display: none;*/
     padding: 0 0 30px;
     border-top: none;
 }
  .show-ticket-sec .tabcontent p a{
      color: #de0c5b;
      text-decoration: none;
  }

 .tablinks {
     font-weight: 700;
     font-size: 20px;
     margin: 2% 2% 1% 0;
 }

 .tablinks:hover {
     color: #000;
     border-bottom: 2px solid #000;
 }

 .tabcontent {
     scroll-margin-top: 80px;
     /* adjust this to your header height */
 }

 .show-ticket-sec .tabcontent h3 {
     font-size: 25px;
     font-weight: 700;
 }

 .show-ticket-sec .book-ticket-bx ul {
     border-top: 1px solid #efefef;
     padding: 5% 0 0 0;
     margin: 5% 0 0 0;
 }
 .show-ticket-sec .book-ticket-bx ul li{
     line-height: 25px;
 }

 .show-ticket-sec .content .tabcontent h3 {
     padding: 0 0;
 }

 .show-ticket-sec .tabcontent p {
     color: #000;
     padding: 1% 0 0.5%;
     text-align: justify;
     margin: 0 !important;
 }

 .show-ticket-sec .tabcontent img {
     width: 100%;
     height: 230px;
     border-radius: 0;
 }

 .show-ticket-sec video {
     width: 100%;
     border-radius: 10px;
     display: block;
     transition: 0.4s;
 }

 .show-ticket-sec video:hover {
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
     transform: scale(1.05);
 }

 .show-ticket-sec .play-btn {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 70px;
     height: 70px;
     /*background: rgba(0, 0, 0, 0.6);*/
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 32px;
     transition: 0.4s;
     z-index: 500;
     /*pointer-events: none;*/
     border: 2px solid #ffff;
     padding: 2% 0 2% 1%;
     /* allows click to pass through */
 }

 .show-ticket-sec .play-btn:hover {
     /*transform: scale(1.05);*/
     box-shadow: 0 2px 10px rgba(0, 0, 0, .4);
 }

 /*.show-ticket-sec iframe {*/
 /*    display: none;*/
 /*    width: 100%;*/
 /*    height: 340px;*/
 /*    border: none;*/
 /*    border-radius: 10px;*/
 /*}*/

 .show-ticket-sec .content .tabcontent h3 {
     padding: 1% 0 0;
 }

 .show-ticket-sec .content .tabcontent .icon-box .i-ad {
     font-size: 10px;
     height: 20px;
     width: 20px;
     background-color: #9b7845;
     color: #fff;
     padding: 30%;
     border-radius: 50%;
 }

 .show-ticket-sec .content .tabcontent .icon-box {
     display: flex;
     gap: 25px;
     margin: 0 0 5% 0;
 }

 .show-ticket-sec .content .tabcontent .icon-box h5 {
     font-size: 18px;
     padding: 0;
 }

 .show-ticket-sec .content .tabcontent .icon-box p {
     font-size: 15px;
 }

 .show-ticket-sec .content .tabcontent .venu-box {
     background-color: #9b7845;
     padding: 5% 2% 5% 6%;
     color: #fff;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
     margin: -30px 0 0 0;
 }

 .show-ticket-sec .content .tabcontent .venu-box h5 {
     font-size: 16px;
     color: #eee;
     padding: 0 0 5% 0;
 }

 .show-ticket-sec .content .tabcontent .venu-box h3 {
     font-size: 16px;
     color: #fff;
 }

 .show-ticket-sec .content .tabcontent .venu-box p {
     font-size: 14px;
     color: #eee;
 }














 /* last min section start */
 .last-minsec {
     background: url(../banner/BG+Illustration.avif) no-repeat;
     background-position: center;
     background-size: cover;
     padding: 5% 0;
 }

 .last-minsec .top-head-content .left-menu .sub-head {
     color: #fff;
 }

 .last-minsec .top-head-content .theme-btn {
     color: #cab778;
     transition: 0.4s;
     font-size: 14px;
     border-radius: 25px;
     font-weight: 400;
     padding: 2.5% 3%;
     width: 100%;
 }

 .last-minsec .top-head-content .theme-btn:hover {
     background-color: transparent;
     transition: 0.4s;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
     color: #fff;
     transform: scale(1.05);
 }

 .last-minsec .top-head-content {
     display: grid;
     grid-template-columns: 88% 12%;
 }

 .left-menu .btn-con {
     display: flex;
     gap: 15px;
     padding: 3% 0 3% 3%;
 }

 .left-menu .btn-con .ticket-btn {
     background-color: #fff;
     border-color: #fff;
     border-radius: 5px;
     padding: 1.5% 4%;
     font-size: 16px;
     font-weight: 600;
     transition: 0.4s;
     color: darkgoldenrod;
 }

 /* Hide the real radio buttons */
 .last-minsec input[type="radio"] {
     display: none;
 }

 /* Button style (labels act as buttons) */
 .last-minsec .btn {
     display: inline-block;
     padding: 10px 20px;
     margin: 5px;
     border-radius: 5px;
     cursor: pointer;
     background: #e0e0e0;
     /* inactive */
     color: #333;
     transition: 0.3s;
 }

 /* Active button (radio checked → label styled) */
 .last-minsec input[type="radio"]:checked+label {
     background: darkgoldenrod;
     /* blue */
     color: white;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     transform: scale(1.05);
 }

 /* Sections (default hidden) */
 .last-minsec .section {
     display: none;
     margin-top: 20px;
     padding: 20px 0;
     border-radius: 6px;
 }


 .last-minsec .slider-row .content {
     padding: 4% 1% 0 10%;
     text-align: left;
 }

 .last-minsec .slider-row .content h5 {
     padding: 2% 0 1%;
     font-size: 16px;
     color: #fff;
     font-weight: 600;
 }

 .last-minsec .slider-row .content h6 {
     color: #aaa;
     font-size: 12px;
     padding: 1% 0 4%;
 }

 .last-minsec .slider-row .content a {
     background-color: transparent;
     border: 0;
     color: #fff;
     font-size: 16px;
     text-align: left;
     font-weight: 600;
     padding: 0;
     margin: 0;
 }

 .last-minsec .slider-row .content a:hover {
     color: green;
     background-color: transparent;
 }

 /* Show section based on radio checked */


 .last-minsec .buttons {
     margin-bottom: 20px;
 }

 .last-minsec .slider img {
     width: 100%;
 }

 .last-minsec .buttons button {
     padding: 10px 20px;
     margin: 0 10px;
     border: none;
     background: #ddd;
     cursor: pointer;
     border-radius: 5px;
     transition: all 0.3s ease;
 }

 .last-minsec .buttons button.active {
     background: darkgoldenrod;
     color: #fff;
 }

 .slider-wrap {
     opacity: 0;
     visibility: hidden;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     transition: opacity 0.4s ease;
 }

 .slider-wrap.active {
     opacity: 1;
     visibility: visible;
     position: relative;
 }
    /*Cookie Policy*/
    .cookie-sec{
        margin: 5% 0;
    }
    .cookie-sec .cookies-table .table tr th{
        border: 1px solid #aaa;
    }
    .cookie-sec .cookies-table .table tr td{
        border: 1px solid #aaa;
    }
    
    .cookie-sec .heading-d{
        font-size: 30px;
        padding: 3% 0 1%;
    }
    
     .cookie-sec a{
        text-transform: capitalize;
        font-size: 20px;
        text-decoration: none;
        color: #000;
     }
    
   .trust-img1 {
    width: 10%;
    height: auto;
}
.trust-img2 {
    margin: -5px 0 0 0;
    width: 30px;
    height: 30px;
}
 .last-minsec .slider-wrap .slick-prev:before {
     background-color: #fff;
     color: #000;
     opacity: 1;
     box-shadow: none;
     display: none;
     padding: 0 25%;
 }

 .last-minsec .slider-wrap .slick-next:before {
     background-color: #fff;
     color: #000;
     opacity: 1;
     box-shadow: none;
     display: none;
     padding: 0 25%;
 }

 .last-minsec .slick-slide {
     text-align: center;
 }

 .last-minsec .slick-slide img {
     max-width: 90%;
     margin: auto;
     border-radius: 10px;
 }

 /* last min section end */






 /* Event Theatre Page CSS */

 .thearte-event {
     padding: 0 0 2%;
 }

 .thearte-event .card h5 {
     color: #aaa;
     /*# 121111 */
     font-size: 13px;
     font-weight: 600;
     margin: 0;
     padding: 0% 0 3% 0;
 }

 .thearte-event .card h6 {
     font-size: 14px;
     padding: 0% 0 2%;
     font-weight: 800;
     display: block;
     color: #cf446e;
     letter-spacing: 2px;
 }

 .btn-content .theme-btn {
     margin: 0 0 8% 0;
 }


 .thearte-event .card {
     position: relative;
     overflow: hidden;
     border-radius: 10px;
     margin: 0 0 1% 0;
 }

 /* Ribbon */
 .thearte-event .ribbon {
     width: 120px;
     background: #000;
     /* Bootstrap red */
     color: #fff;
     text-align: center;
     line-height: 30px;
     font-size: 12px;
     font-weight: bold;
     position: absolute;
     bottom: 0;
     right: 0;
     transform: rotate(0);
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
 }

 .thearte-event .col-md-3 {
     padding: 0.7%;
 }

 .thearte-event .ribbon::before,
 .thearte-event .ribbon::after {
     content: "";
     position: absolute;
     border: 10px solid #000;
     /* darker shade */
     z-index: -1;
 }

 .thearte-event .ribbon::before {
     transform: rotate(90deg);
     top: 0;
     left: -15px;
     border-right-color: transparent;
     border-bottom-color: transparent;
 }

 .thearte-event .ribbon::after {
     transform: rotate(-90deg);
     top: 37%;
     left: -15px;
     border-right-color: transparent;
     border-top-color: transparent;
 }

 .thearte-event .card .card-body {
     position: relative;
     padding: 2% 4% 8%;
 }

 .thearte-event .card .card-body .text-bx {
     height: 135px;
 }


 .thearte-event .card .card-body h4 {
     font-size: 18px;
     color: #000;
     padding: 2% 0 2%;
     font-weight: 700;
 }

 .thearte-event .card .card-body p {
     font-size: 12px;
     line-height: 20px;
     height: 60px;
     display: none;
 }

 .thearte-event .card .card-body .theme-btn {
     color: #069d09;
     background-color: transparent;
     border-color: transparent;
     border: 0;
     padding: 0;
     font-size: 14px;
     margin: 5% 0 0 0;
     text-align: left;
     position: absolute;
     bottom: 4%;
     left: 4%;
     font-weight: 700;
     text-transform: capitalize;
     transition: 0.4s;
 }

 .thearte-event .card .card-body .theme-btn:hover {
     transition: 0.4s;
     color: #000;
     transform: scale(1.03);
 }

 .thearte-event .card .card-img-top img {
     /* height: 180px; */
     width: 100%;
 }


 .thearte-event .card .rating {
     display: flex;
     align-items: center;
     gap: 6px;
     justify-content: space-between;
     font-size: 12px;
     color: #ffc107;
     padding: 0 0 1% 0;
     /* Bootstrap warning color (gold stars) */
 }

 .thearte-event .card .rating span {
     font-size: 12px;
     color: #000;
 }

 .thearte-event .card .rating .review-count span {
     font-weight: 700;
 }









 /* Lyceum Theatre London Start */
 .lyceum-sec {
     padding: 2% 12%;
 }

 .lyceum-sec img {
     width: 100%;
 }

 .lyceum-sec .img {
     padding: 0;
     margin: 0;
 }

 .lyceum-sec .img img {
     padding: 0;
     margin: 0;
 }

 .lyceum-sec .img-btn {
     background-color: #fff;
     text-align: center;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4)
 }

 .lyceum-sec .img-btn h5 {
     font-weight: 700;
     font-size: 20px;
     padding: 2% 0 1%;
 }

 .lyceum-sec .img-btn p {
     text-align: center;
     color: #5d5d5d;
     font-size: 14px;
     padding: 0 0 2% 0;
 }

 .lyceum-se .banner-row .book-ticket {
     width: 100%;
     font-size: 20px;
     margin: 2%;
     padding: 5% 5%;
     border-radius: 5px;
     background-color: #069d09;
 }

 .lyceum-sec .img-btn {
     margin: 0 0 1% 0;
     padding: 0 0 3%;
 }

 .lyceum-sec .box .heading-t {
     font-size: 35px;
     font-weight: 600;
     padding: 3% 0 2%;
 }

 .lyceum-sec .box p b {
     font-weight: 700;
 }

 .lyceum-sec h3 {
     padding: 3% 0 0;
     font-weight: 500;
 }

 .lyceum-sec .theme-btn {
     background-color: #069d09;
     border-color: #069d09;
     color: #fff;
     margin: 0 0 2% 0;
     padding: 4% 14% 5%;
     border-radius: 5px;
     font-size: 25px;
     font-weight: 600;
     transition: 0.4s;
     text-transform: capitalize;
     display: flex;
     align-items: center;
     justify-content: space-evenly;
 }
 .lyceum-sec .theme-btn:hover {
     transform: scale(1.02);
 }

 .lyceum-sec .theme-btn img {
     width: 12%;
 }

 .lyceum-content {
     padding: 0 12%;
 }

 .lyceum-sec .img-btn .theme-btn {
     padding: 2.5% 4%;
     width: 30%;
     margin: 0 auto 2%;
 }
.contact-pg-section .contact-right ul li a{
    font-size: 25px;
    color: #8b7641;
    transition: 0.4s;
    padding: 0 5px 0 0;
}
.contact-pg-section .contact-right ul li a:hover{
    transform: scale(1.02);
    color: #000;
}

































 /* Footer Section Start */
 footer {
     background-color: #000;
 }

 .footer-sec ul li {
     list-style-type: none;
 }

 .footer-sec {
     background-color: #000;
 }

 .footer-sec .footer-top {
     padding: 0 4%;
 }

 .footer-sec .footer-main {
     padding: 0 4%;
 }

 .footer-sec .footer-main ul {
     list-style-type: none;
 }

 .footer-sec .footer-top .logo {
     display: grid;
     grid-template-columns: 50% 50%;
     align-items: center;
 }

 .footer-sec .footer-top .logo img {
     width: 75%;
 }

 .footer-sec .footer-top .follow-us h4 {
     color: #fff;
     font-size: 20px;
 }
 .footer-sec .footer-top .follow-us .social-bx a{
     color: #fff;
     transition: 0.4s;
 }
  .footer-sec .footer-top .follow-us .social-bx a:hover .i-c{
     color:#9c7945;
     transform: scale(1.02);
     transition: 0.4s;
 }
 .footer-sec .footer-top .follow-us .social-bx .i-c {
     padding: 3% 5% 0 0;
     color: #eee;
 }

 .footer-sec .footer-main .row .col-md-4 {
     padding: 1%;
 }

 .footer-sec .footer-main .row .col-md-6 {
     padding: 1% 0% 1% 5%;
 }

 .footer-sec .footer-main h4 {
     color: #fff;
     font-size: 18px;
     font-weight: 600;
 }

 .social-bx .col-md-2 {
     padding: 3%;
 }

 .footer-sec .footer-main .divider {
     height: 1px;
     background-color: #eee;
     margin: 5% 0 5% 0;
     width: 70%;
 }

 .footer-sec .footer-main p {
     color: #eee;
     font-size: 11px;
 }

 .footer-sec .footer-main a {
     font-size: 14px;
     color: #eee;
     font-weight: 400;
 }

 .footer-sec .footer-main a:hover {
     color: #9b7845;
 }

 .footer-sec h5 {
     border-top: 1.5px solid #fff;
     color: #eee;
     padding: 1.3% 0 0 0;
     font-size: 14px;
 }

 .footer-sec .footer-bottom {
     overflow-x: hidden;
 }

 .footer-sec .footer-bottom h5 a {
     font-size: 14px;
     color: #9b7845;
     text-decoration: none;
 }

 .footer-sec .footer-bottom h5 a:hover {
     color: #fff;
 }