/* fonts */
    /* Chapaza */
    @font-face {
      font-family: 'Chapaza';
      src: url("../fonts/Chapaza.ttf");
    }
    /* Chapaza end */
    @font-face {
      font-family: 'Barlow';
      src: url("../fonts/Barlow-Regular.ttf");
    }
    @font-face {
      font-family: 'Barlow';
      src: url("../fonts/Barlow-Black.ttf");
      font-weight: 900;
    }
    @font-face {
      font-family: 'Barlow';
      src: url("../fonts/Barlow-ExtraBold.ttf");
      font-weight: 800;
    }
    @font-face {
      font-family: 'Barlow';
      src: url("../fonts/Barlow-Bold.ttf");
      font-weight: 700;
    }
    @font-face {
      font-family: 'Barlow';
      src: url("../fonts/Barlow-SemiBold.ttf");
      font-weight: 600;
    }
    @font-face {
      font-family: 'Barlow';
      src: url("../fonts/Barlow-Medium.ttf");
      font-weight: 500;
    }
    @font-face {
      font-family: 'Barlow';
      src: url("../fonts/Barlow-Regular.ttf");
      font-weight: 400;
    }
    @font-face {
      font-family: 'Barlow';
      src: url("../fonts/Barlow-Light.ttf");
      font-weight: 300;
    }
    @font-face {
      font-family: 'Barlow';
      src: url("../fonts/Barlow-ExtraLight.ttf");
      font-weight: 200;
    }
    @font-face {
      font-family: 'Barlow';
      src: url("../fonts/Barlow-Thin.ttf");
      font-weight: 100;
    }
    @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');
    /* fonts end */
    
    /* global */
    :root{
    --theme-font: 'Barlow';
    --secondary-font : 'Chapaza';
    --sidebar-width: 26.563rem;
    /* --sidebar-hover-width: 16.563rem; */
    
    /* colors */
    --white: hsl(0, 0%, 100%);
    --white10: hsla(0, 0%, 100%, 0.01);
    --white20: hsla(0, 0%, 100%, 0.02);
    --white30: hsla(0, 0%, 100%, 0.03);
    --white40: hsla(0, 0%, 100%, 0.04);
    --white50: hsla(0, 0%, 100%, 0.05);
    --white100: hsla(0, 0%, 100%, 0.10);
    --white200: hsla(0, 0%, 100%, 0.20);
    --white300: hsla(0, 0%, 100%, 0.30);
    --white400: hsla(0, 0%, 100%, 0.40);
    --white500: hsla(0, 0%, 100%, 0.50);
    --white600: hsla(0, 0%, 100%, 0.60);
    --white700: hsla(0, 0%, 100%, 0.70);
    --white800: hsla(0, 0%, 100%, 0.80);
    --white900: hsla(0, 0%, 100%, 0.90);
    
    --black: hsl(0, 0%, 0%);
    --black10: hsla(0, 0%, 0%, 0.01);
    --black20: hsla(0, 0%, 0%, 0.02);
    --black30: hsla(0, 0%, 0%, 0.03);
    --black40: hsla(0, 0%, 0%, 0.04);
    --black50: hsla(0, 0%, 0%, 0.05);
    --black100: hsla(0, 0%, 0%, 0.10);
    --black200: hsla(0, 0%, 0%, 0.20);
    --black300: hsla(0, 0%, 0%, 0.30);
    --black400: hsla(0, 0%, 0%, 0.40);
    --black500: hsla(0, 0%, 0%, 0.50);
    --black600: hsla(0, 0%, 0%, 0.60);
    --black700: hsla(0, 0%, 0%, 0.70);
    --black800: hsla(0, 0%, 0%, 0.80);
    --black900: hsla(0, 0%, 0%, 0.90);
    
    /* --theme-color: hsl(160, 48%, 49%); */
    --theme-color: hsl(40, 74%, 42%);
    --theme-color10: hsla(40, 74%, 42%, 0.01);
    --theme-color20: hsla(40, 74%, 42%, 0.02);
    --theme-color30: hsla(40, 74%, 42%, 0.03);
    --theme-color40: hsla(40, 74%, 42%, 0.04);
    --theme-color50: hsla(40, 74%, 42%, 0.05);
    --theme-color100: hsla(40, 74%, 42%, 0.10);
    --theme-color200: hsla(40, 74%, 42%, 0.20);
    --theme-color300: hsla(40, 74%, 42%, 0.30);
    --theme-color400: hsla(40, 74%, 42%, 0.40);
    --theme-color500: hsla(40, 74%, 42%, 0.50);
    --theme-color600: hsla(40, 74%, 42%, 0.60);
    --theme-color700: hsla(40, 74%, 42%, 0.70);
    --theme-color800: hsla(40, 74%, 42%, 0.80);
    --theme-color900: hsla(40, 74%, 42%, 0.90);
    
    --theme-color-dark: hsl(40, 79%, 24%);
    --theme-color-dark10: hsla(40, 79%, 24%, 0.01);
    --theme-color-dark20: hsla(40, 79%, 24%, 0.02);
    --theme-color-dark30: hsla(40, 79%, 24%, 0.03);
    --theme-color-dark40: hsla(40, 79%, 24%, 0.04);
    --theme-color-dark50: hsla(40, 79%, 24%, 0.05);
    --theme-color-dark100: hsla(40, 79%, 24%, 0.10);
    --theme-color-dark200: hsla(40, 79%, 24%, 0.20);
    --theme-color-dark300: hsla(40, 79%, 24%, 0.30);
    --theme-color-dark400: hsla(40, 79%, 24%, 0.40);
    --theme-color-dark500: hsla(40, 79%, 24%, 0.50);
    --theme-color-dark600: hsla(40, 79%, 24%, 0.60);
    --theme-color-dark700: hsla(40, 79%, 24%, 0.70);
    --theme-color-dark800: hsla(40, 79%, 24%, 0.80);
    --theme-color-dark900: hsla(40, 79%, 24%, 0.90);
    
    --text-color: #343438;
    --danger: #FF0000;
    /* colors end */
    }
    
    /* html{font-size: 90%;} */
    *{margin: 0; padding: 0; box-sizing: border-box;font-family: 'Barlow', sans-serif;}
    body {font-family: 'Barlow', sans-serif; color: var(--text-color); }
    a {display: inline-block; text-decoration: none; transition: all ease 0.5s;}
    a:hover{color: var(--theme-color);}
    span{display: inline-block;}
    
    .font10{font-size: 0.625rem;}/*10px*/
    .font11{font-size: 0.688rem;}/*11px*/
    .font12{font-size: 0.750rem;}/*12px*/
    .font13{font-size: 0.813rem;}/*13px*/
    .font14{font-size: 0.875rem;}/*14px*/
    .font15{font-size: 0.938rem;}/*15px*/
    .font16{font-size: 1.000rem;}/*16px*/
    .font17{font-size: 1.063rem;}/*17px*/
    .font18{font-size: 1.125rem;}/*18px*/
    .font19{font-size: 1.188rem;}/*19px*/
    .font20{font-size: 1.250rem;}/*20px*/
    .font21{font-size: 1.313rem;}/*21px*/
    .font22{font-size: 1.375rem;}/*22px*/
    .font23{font-size: 1.438rem;}/*23px*/
    .font24{font-size: 1.500rem;}/*24px*/
    .font25{font-size: 1.563rem;}/*25px*/
    .font26{font-size: 1.625rem;}/*26px*/
    .font27{font-size: 1.688rem;}/*27px*/
    .font28{font-size: 1.750rem;}/*28px*/
    .font29{font-size: 1.813rem;}/*29px*/
    .font30{font-size: 1.875rem;}/*30px*/
    .font31{font-size: 1.938rem;}/*31px*/
    .font32{font-size: 2.000rem;}/*32px*/
    .font33{font-size: 2.063rem;}/*33px*/
    .font34{font-size: 2.125rem;}/*34px*/
    .font35{font-size: 2.188rem;}/*35px*/
    .font36{font-size: 2.250rem;}/*36px*/
    .font37{font-size: 2.313rem;}/*37px*/
    .font38{font-size: 2.375rem;}/*38px*/
    .font39{font-size: 2.438rem;}/*39px*/
    .font40{font-size: 2.5rem;}/*40px*/
    .font46{font-size: 2.875rem;}/*46px*/
    .font48{font-size: 3rem;}/*48px*/
    .font49{font-size: 3.063rem;}/*49px*/
    .font54{font-size: 3.375rem;}/*54px*/
    .font55{font-size: 3.438rem;}/*55px*/
    .font58{font-size: 3.625rem;}/*58px*/
    .font63{font-size: 3.938rem;}/*63px*/
    .font64{font-size: 4rem;}/*64px*/
    .font65{font-size: 4.063rem;}/*65px*/
    .font74{font-size: 4.625rem;}/*74px*/
    .font88{font-size: 5.5rem;}/*88px*/
    .font108{font-size: 6.75rem;}/*108px*/
    
    
    .fw100{font-weight: 100!important;}
    .fw200{font-weight: 200!important;}
    .fw300{font-weight: 300!important;}
    .fw400{font-weight: 400!important;}
    .fw500{font-weight: 500!important;}
    .fw600{font-weight: 600!important;}
    .fw700{font-weight: 700!important;}
    .fw800{font-weight: 800!important;}
    .fw900{font-weight: 900!important;}
    
    .color_dark{color: var(--black)!important;}
    .color_dark10{color: var(--black10)!important;}
    .color_dark20{color: var(--black20)!important;}
    .color_dark30{color: var(--black30)!important;}
    .color_dark40{color: var(--black40)!important;}
    .color_dark50{color: var(--black50)!important;}
    .color_dark100{color: var(--black100)!important;}
    .color_dark200{color: var(--black200)!important;}
    .color_dark300{color: var(--black300)!important;}
    .color_dark400{color: var(--black400)!important;}
    .color_dark500{color: var(--black500)!important;}
    .color_dark600{color: var(--black600)!important;}
    .color_dark700{color: var(--black700)!important;}
    .color_dark800{color: var(--black800)!important;}
    .color_dark900{color: var(--black900)!important;}
    
    .color_light{color: var(--white)!important;}
    .color_light10{color: var(--white10)!important;}
    .color_light20{color: var(--white20)!important;}
    .color_light30{color: var(--white30)!important;}
    .color_light40{color: var(--white40)!important;}
    .color_light50{color: var(--white50)!important;}
    .color_light100{color: var(--white100)!important;}
    .color_light200{color: var(--white200)!important;}
    .color_light300{color: var(--white300)!important;}
    .color_light400{color: var(--white400)!important;}
    .color_light500{color: var(--white500)!important;}
    .color_light600{color: var(--white600)!important;}
    .color_light700{color: var(--white700)!important;}
    .color_light800{color: var(--white800)!important;}
    .color_light900{color: var(--white900)!important;}
    
    .color_theme{color: var(--theme-color)!important;}
    .color_theme10{color: var(--theme-color10)!important;}
    .color_theme20{color: var(--theme-color20)!important;}
    .color_theme30{color: var(--theme-color30)!important;}
    .color_theme40{color: var(--theme-color40)!important;}
    .color_theme50{color: var(--theme-color50)!important;}
    .color_theme100{color: var(--theme-color100)!important;}
    .color_theme200{color: var(--theme-color200)!important;}
    .color_theme300{color: var(--theme-color300)!important;}
    .color_theme400{color: var(--theme-color400)!important;}
    .color_theme500{color: var(--theme-color500)!important;}
    .color_theme600{color: var(--theme-color600)!important;}
    .color_theme700{color: var(--theme-color700)!important;}
    .color_theme800{color: var(--theme-color800)!important;}
    .color_theme900{color: var(--theme-color900)!important;}
    
    .color_theme_dark{color: var(--theme-color-dark)!important;}
    .color_theme_dark10{color: var(--theme-color-dark10)!important;}
    .color_theme_dark20{color: var(--theme-color-dark20)!important;}
    .color_theme_dark30{color: var(--theme-color-dark30)!important;}
    .color_theme_dark40{color: var(--theme-color-dark40)!important;}
    .color_theme_dark50{color: var(--theme-color-dark50)!important;}
    .color_theme_dark100{color: var(--theme-color-dark100)!important;}
    .color_theme_dark200{color: var(--theme-color-dark200)!important;}
    .color_theme_dark300{color: var(--theme-color-dark300)!important;}
    .color_theme_dark400{color: var(--theme-color-dark400)!important;}
    .color_theme_dark500{color: var(--theme-color-dark500)!important;}
    .color_theme_dark600{color: var(--theme-color-dark600)!important;}
    .color_theme_dark700{color: var(--theme-color-dark700)!important;}
    .color_theme_dark800{color: var(--theme-color-dark800)!important;}
    .color_theme_dark900{color: var(--theme-color-dark900)!important;}
    
    
    .bg_dark{background-color: var(--black)!important;}
    .bg_dark10{background-color: var(--black10)!important;}
    .bg_dark20{background-color: var(--black20)!important;}
    .bg_dark30{background-color: var(--black30)!important;}
    .bg_dark40{background-color: var(--black40)!important;}
    .bg_dark50{background-color: var(--black50)!important;}
    .bg_dark100{background-color: var(--black100)!important;}
    .bg_dark200{background-color: var(--black200)!important;}
    .bg_dark300{background-color: var(--black300)!important;}
    .bg_dark400{background-color: var(--black400)!important;}
    .bg_dark500{background-color: var(--black500)!important;}
    .bg_dark600{background-color: var(--black600)!important;}
    .bg_dark700{background-color: var(--black700)!important;}
    .bg_dark800{background-color: var(--black800)!important;}
    .bg_dark900{background-color: var(--black900)!important;}
    
    .bg_light{background-color: var(--white)!important;}
    .bg_light10{background-color: var(--white10)!important;}
    .bg_light20{background-color: var(--white20)!important;}
    .bg_light30{background-color: var(--white30)!important;}
    .bg_light40{background-color: var(--white40)!important;}
    .bg_light50{background-color: var(--white50)!important;}
    .bg_light100{background-color: var(--white100)!important;}
    .bg_light200{background-color: var(--white200)!important;}
    .bg_light300{background-color: var(--white300)!important;}
    .bg_light400{background-color: var(--white400)!important;}
    .bg_light500{background-color: var(--white500)!important;}
    .bg_light600{background-color: var(--white600)!important;}
    .bg_light700{background-color: var(--white700)!important;}
    .bg_light800{background-color: var(--white800)!important;}
    .bg_light900{background-color: var(--white900)!important;}
    
    .bg_theme{background-color: var(--theme-color)!important;}
    .bg_theme10{background-color: var(--theme-color10)!important;}
    .bg_theme20{background-color: var(--theme-color20)!important;}
    .bg_theme30{background-color: var(--theme-color30)!important;}
    .bg_theme40{background-color: var(--theme-color40)!important;}
    .bg_theme50{background-color: var(--theme-color50)!important;}
    .bg_theme100{background-color: var(--theme-color100)!important;}
    .bg_theme200{background-color: var(--theme-color200)!important;}
    .bg_theme300{background-color: var(--theme-color300)!important;}
    .bg_theme400{background-color: var(--theme-color400)!important;}
    .bg_theme500{background-color: var(--theme-color500)!important;}
    .bg_theme600{background-color: var(--theme-color600)!important;}
    .bg_theme700{background-color: var(--theme-color700)!important;}
    .bg_theme800{background-color: var(--theme-color800)!important;}
    .bg_theme900{background-color: var(--theme-color900)!important;}
    
    .bg_theme_dark{background-color: var(--theme-color-dark)!important;}
    .bg_theme_dark10{background-color: var(--theme-color-dark10)!important;}
    .bg_theme_dark20{background-color: var(--theme-color-dark20)!important;}
    .bg_theme_dark30{background-color: var(--theme-color-dark30)!important;}
    .bg_theme_dark40{background-color: var(--theme-color-dark40)!important;}
    .bg_theme_dark50{background-color: var(--theme-color-dark50)!important;}
    .bg_theme_dark100{background-color: var(--theme-color-dark100)!important;}
    .bg_theme_dark200{background-color: var(--theme-color-dark200)!important;}
    .bg_theme_dark300{background-color: var(--theme-color-dark300)!important;}
    .bg_theme_dark400{background-color: var(--theme-color-dark400)!important;}
    .bg_theme_dark500{background-color: var(--theme-color-dark500)!important;}
    .bg_theme_dark600{background-color: var(--theme-color-dark600)!important;}
    .bg_theme_dark700{background-color: var(--theme-color-dark700)!important;}
    .bg_theme_dark800{background-color: var(--theme-color-dark800)!important;}
    .bg_theme_dark900{background-color: var(--theme-color-dark900)!important;}
    
    
    ul{margin: 0;}
    p:nth-last-child(1){margin-bottom: 0;}
    section{padding: 3.75rem 0;}
    .clear-both{clear: both;}
    .bold{font-weight: 700;}
    .regular{font-weight: 400;}
    a{color: inherit;}
    a:hover{color: inherit;}
    a:focus, button:focus, input:focus, .btn:focus, select:focus, select:focus-within, input:focus-within, textarea:focus {outline: none; box-shadow: none!important;}
    .form-check-input:focus{box-shadow: none;}
    ::selection {color: var(--white);background: var(--theme-color-dark);}
    .bg-theme{background-color: var(--theme-color);}
    
    .container{max-width: 1400px;}
    .container-xl{max-width: 1800px;}
    
    .link-cover{position: absolute; top: 0;left: 0; width: 100%; height: 100%; z-index: 1;}
    .h-auto{height: auto!important;}
    input{box-shadow: none!important;}
    .secondary-font{font-family: var(--secondary-font);}
    .text-white{color:var(--white)}
    .text-theme{color: var(--theme-color)!important;}
    .text-secondary{color:var(--secondary-color-text)!important;}
    .uppercase{text-transform: uppercase;}
    .bg-theme{background-color: var(--theme-color); color: var(--white);}
    .bg1{background-color: var(--theme-color-dark); color: var(--white);}
    a:-webkit-any-link { color: inherit; }
    /* global end */
    
    /* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
    
    /* Firefox */
    input[type=number] {-moz-appearance: textfield;}
    
    .btn { background-color: var(--theme-color); color: var(--white); border-radius: 0; padding: 0.3rem 1.5rem; font-weight: 500; }
    .btn:hover { color: var(--white); background-color: var(--theme-color-dark); }
    .btn_outline { background-color: transparent; border-color: currentColor; color: currentColor; }
    .btn_outline:hover { background-color: var(--theme-color100); border-color: currentColor; color: currentColor;}
    .btn_lg { font-size: 1.2rem; padding: 0.4rem 1.9rem; }
    .section_heading { text-align: center; margin-bottom: 0; }
    [data-dropdown_btn]>*{pointer-events: none;}
    
    /* header */
    header { position: fixed; top: 0; left: 0; width: 100%; z-index: 3; color: var(--white);padding: 2rem 0; transition: all ease 0.5s;}
    .header_right { display: flex; align-items: center; margin-left: auto; }
    .header_right ul { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; }
    .header_right>nav>ul>li {margin-left: 2.8rem;font-size: 1.375rem;}
    /* header end */
  
    .banner_image { position: relative; }
    .banner_bg_overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    .banner_image img:not(.banner_bg_overlay) { width: 100%; height: 100vh; object-fit: cover; object-position: center; min-height: 42rem; }
    .header_btns{margin-left:3rem;display:flex;align-items:center}
    .nav_menu span{width: 30px;height:2px;background-color:var(--white)}
    .nav_menu{display:inline-flex;flex-direction:column;margin: 0 1.7rem;}
    .nav_menu span:nth-child(2) { margin: 4px 0; }
    .header_btns .fa-magnifying-glass { font-size: 1.06rem; }
    .btn-lg { font-size: 1.15rem; padding: 0.6rem 1.7rem; }
    .banner_item {position: relative;height: 100%; overflow: hidden;}
    .banner_content {color: var(--white);height: 100%;display: flex;align-items: center;}
    .banner { position: relative; }
    .banner_bottom { position: absolute; bottom: 0; z-index: 1; width: 100%; color: var(--white);}
    .banner_bottom_wrap{padding-bottom:2rem;display:flex;position:relative}
    .banner_slider_arrows{display: flex; justify-content: space-between; width: 100%; position: absolute; padding: 0 2rem; top: 50%; z-index: 1; margin: 0 auto; /* left: 50%; */ transform: translateY(-50%);}
    .banner_slider_text  { pointer-events: none; }
    .banner_content_wrap {padding-left: 5rem;}
    .circular_play{position:absolute;right:5%;bottom:calc(100% + 4rem)}

    .banner-pagination .swiper-pagination-bullet { pointer-events: all; width: 0.938rem; height: 0.938rem; margin: 0 0.5rem!important; 
      opacity: 1; background-color: var(--white500); outline: transparent solid 1px; transition: .5s;  display: inline-block !important;}

    .banner-pagination .swiper-pagination-bullet-active {
      background-color: var(--white);
      outline-offset: 0.25rem;
      outline-color: var(--white);
  }
  .banner-pagination  { position: absolute; bottom: 2rem!important; width: 100%!important; z-index: 1; text-align: center; pointer-events: all;  top: auto !important;}

    
    .bb_option{display:flex;margin-right:4rem}
  /*  .bb-detail .bb_des {max-width: 14.563rem;}*/
    .bb_option>i{padding-top:.2rem;margin-right:1rem;color:var(--theme-color)}
    .bb-detail h3{margin-bottom:.5rem}
    .bb-detail p{line-height:1.4}
    .circular_play>svg textPath { font-size: 10px; letter-spacing: 2.6px; }
    .circular_play i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 3.6rem; }
    .circular_play>svg {width: 12rem;height: 12rem;-webkit-animation-name: rotate;-moz-animation-name: rotate;-ms-animation-name: rotate;-o-animation-name: rotate;animation-name: rotate;-webkit-animation-duration: 10s;-moz-animation-duration: 10s;-ms-animation-duration: 10s;-o-animation-duration: 10s;animation-duration: 10s;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;-ms-animation-timing-function: linear;-o-animation-timing-function: linear;animation-timing-function: linear;}
    .banner_title{font-family:Chapaza;font-size:5.125rem;max-width:62rem; width: 100%;text-shadow: 2px 2px 20px #000000;}
    .banner_desc{max-width:38rem;padding-left:1.3rem;position:relative}
    .banner_desc:before{content:"";width:3px;height:calc(100% - 1rem);background-color:var(--theme-color);position:absolute;left:0;top:50%;transform:translateY(-50%)}
    .banner_slider_arrows button { width: 3.75rem; height: 3.75rem; border: none; color: var(--white); background-color: var(--theme-color); border-radius: 50%; transition: all ease 0.5s; cursor: pointer; margin-left: 0.7rem; font-size: 1.42rem; }
    .banner_slider_arrows button:hover { background-color: var(--white); color: var(--black); }
    .banner_slider{height: 100vh; min-height: 42rem;}
    .banner_slider_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-mask-image: linear-gradient(to left, #00000000, #000000 50%); mask-image: linear-gradient(to left, #00000000, #000000 50%);}
    .sml-header { background-color: var(--white); padding: 1rem 0;     box-shadow: 0 0 50px #0000001a;}
    .inner_page header { background-color: var(--white); }
    .side_img { width: calc(50% + var(--center-offset) - 7rem); height: calc(100% - 15rem); right: 0; top: var(--top-gap); position: absolute; object-fit: cover;}
    .about_the_museum .col-md-6 { padding-right: var(--center-offset);padding-top: 3.5rem; padding-bottom: 3.5rem; }
    .about_the_museum { position: relative; --top-gap: 8rem; --center-offset: 8rem; padding-top: var(--top-gap); background-color: var(--theme-color40);     padding-bottom: 7rem;}
    .about_the_museum  .side_img  { height: 100%; }
    .whatson { padding-top: 10rem;}
    .scrolling-down { transform: translateY(calc(-100% - 2.2rem)); }
    .line_prefix:before { content: ""; width: 2rem; height: 2px; background-color: currentColor; display: inline-block; vertical-align: middle; margin-right: 1rem; }
    .footer_row {
      display: flex;
      justify-content: space-between;
  }
  .sml-header .header_right nav, .inner_page .header_right nav { font-weight: 500; }
  .sml-header .header_right, .inner_page .header_right{ color: var(--black900); }
  .sml-header .nav_menu span, .inner_page .nav_menu span{ background-color: var(--black); }
  .play-icon:hover { transform: translate(-50%,-50%) scale(1.1); }
  footer {
      padding: 5.5rem 0;
  }
  .overflow-x-hidden{overflow-x: hidden;}
  .discover_collection, .testiminial_sec{overflow: hidden;}

.museum_building_img  { position: relative;}
.museum_building_img img:first-child { position: relative;     z-index: 1;}
.museum_building_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.museum_building_img img:nth-child(4) { z-index: 2;}
  
  .ft_sec {
      width: 27%;
  }
  .ftl_wrap { padding-left: 6.5rem; }

.ft-sec_wrap { display: flex; flex: 1; justify-content: space-around; padding: 0rem 6rem; white-space: nowrap;}
.menu_rel {position: relative;    padding-bottom: 5rem;} 

@media(max-width:1547px){
  .menu_rel {    padding-bottom: 5rem; }

}
@media(max-width:1330px){
  .menu_rel {        padding-bottom: 15rem; }

}


/* @media(min-width:1388px) and (max-width:1547px) {
  .menu_rel {       padding-bottom: 14rem;  }

} */

.top-recruiters-Swiper .swiper-wrapper, .top-rtl-recruiters-Swiper .swiper-wrapper{-webkit-transition-timing-function:linear!important;transition-timing-function:linear!important;}
.gallerymarquee_box {display: inline-block;}
.gallerymarquee_box img {display: inline-block;    height: calc(80vh - 144px);  object-fit: cover;}
.top_recruiters_wrap .swiper-slide, .top-rtl-recruiters-Swiper  .swiper-slide {width: auto !important;}
.gallerymarquee { margin-top: 0rem;}
.gal_banner_wrapper {z-index: 2;}

.ftl_wrap_log img { width: 90%;}
.ftl_wrap p {line-height: 1.6 !important;}
.footer_logo img  {height: 13rem;}
.ft-sec_wrap .ft-sec {
  width: initial;
  width: initial;
  align-self: flex-start;
}

.suscribe_area_wrap {position: absolute;bottom: 0;left: 0;display: flex;opacity: 1!important;align-items: center;}


  .ft-sec> h4 {
      margin-bottom: 1rem;
  }
  
  .footer_logo {
      margin-bottom: 1.3rem;
      margin-top: -2rem;
  }
  .ft-sec ul { padding: 0; list-style: none; }
  .ft-sec:last-child { width: 20%; }
  .ft-sec>*:not(h4), .ftl_wrap>p { opacity: 0.7; }
  .subscribe_box>p{opacity:.8;margin:.2rem}
  .sbs_wrap{position:relative;width:fit-content}
  .sbs_wrap input{width:21.688rem;height:3.313rem;padding:0 1rem;    border-radius: 0; border:1px solid var(--white)}
  .sbs_wrap button{position:absolute;right:0;width:4.063rem;height:3.313rem; top: 0; border:none;
    background-color:var(--theme-color);color:var(--white) !important;font-size:1.5rem}
    .sbs_wrap .mb-4, .sbs_wrap .mb-3 {
    margin-bottom: 0!important;
}
.sbs_wrap .btn:first-child:active { background: var(--theme-color) !important; }
 .sbs_wrap .input1_error:empty { display: none; }
  .social_links{display:flex;list-style:none;padding:0;margin:1.4rem 0 0}
  .social_links a{font-size:1.4rem;margin:0 1rem}
  .social_links li:first-child a{margin-left:0}
  .ftl_wrap>p{line-height:1.3}
  .ft-sec>ul>li{line-height:1.6}
  .header_logo img { height: 8rem;}
  .header_logo img:nth-child(2){display: none;}
  .sml-header .header_logo img:nth-child(2){display: block;    height: 8rem;}
  .sml-header .header_logo img:nth-child(1){display: none;}

  .inner_page .header_logo img:nth-child(2){display: block;}
  .inner_page .header_logo img:nth-child(1){display: none;}

  .inner_banner{padding:0;position:relative}
  .inner_banner>img{width:100%}
  .inner_banner_wrapper{position:absolute;bottom:0;width:100%;padding-bottom:6.75rem}
  .inner_banner_wrapper .banner_desc{max-width:67rem;margin-top:2rem}
  .dropdown_box{display:none;position: absolute;left: 0;top: calc(100% + 1.6rem);background-color: #e9e3d9;width: 100%;padding: 1rem 0;border-radius: 1.3rem;}
  .search_collection_wrap{display:flex}
  .search_wrapper{flex-grow:1;position:relative;margin-right:2rem}
  .search_wrapper input{width:100%;height:100%;padding:0 2.6rem;border-radius:5rem;border:1px solid;background-color: transparent;}
  .search_wrapper button{position:absolute;right:0;top:0;height:100%}
  .search_sec button{background-color:transparent;border:1px solid;height:4.313rem;padding:0 2rem;border-radius:5rem;min-width:14.875rem;display:flex;align-items:center;justify-content:space-between;color:var(--black600);border-color:var(--black)}
  .search_wrapper button{border:0;color:var(--theme-color);font-size:1.4rem;width:5rem;min-width:auto}
  .filter_options{display:flex;justify-content:space-between;margin:2.6rem -.8rem 0;}
  .filter_options.active{display: flex;}
  .filter_options button{min-width:auto;width:100%}
  .filter_dropdown_item{flex-grow:1;padding:0 .4rem;position: relative;}
  .collection_results,.collection_txt,.search_sec{background-color:#f9f6ef}
  section.collection_results{padding-top:0;  background-color: var(--white);}
  section.collection_results>.container>p.font22{text-align: right; margin: 0; padding: 2rem 0; border-bottom: 1px dashed #0000001a;}
  section.collection_results .row{--bs-gutter-y:3rem;--bs-gutter-x:var(--bs-gutter-y);}
  .collection_item { cursor: pointer; display: flex; flex-direction: column; height: 100%; padding: 2rem; transition: all ease 0.5s; }
  .collection_item:hover { background-color: #ebe5d8; }
  .collection_item img{height:36.75rem;object-fit:contain;margin-bottom:2rem}
  .search_sec button.active { background-color: var(--theme-color100); color: var(--theme-color); border-color: var(--theme-color); }
  .search_sec button.active i { transform: rotate(180deg); }
  .dropdown_box.active{display:block}
  .dropdown_box ul{list-style:none;padding:0;font-size:1.14rem;line-height:1.9rem}
  .dropdown_box li{cursor:pointer;padding:0 1.6rem;     line-height: 2.2;}
  .dropdown_box li:hover{background-color:#d8cfc4}
  .dropdown_box:before{content:"";--size:1.6rem;width:var(--size);height:var(--size);background-color:#e9e3d9;position:absolute;bottom:calc(100% - .8rem);right:2rem;transform:rotate(45deg) skew(10deg,10deg)}
  .inner_page { padding-top: var(--header-height); }
  .inner_page header { color: var(--black); }
  .header_right>nav>ul>li.active a { color: var(--theme-color); }
  .page_pagination { text-align: center; padding-bottom: 3rem; }
  .pagination { text-align: center; padding-bottom: 3rem;    display: flex;
    justify-content: center; }
    .active>.page-link, .page-link.active { background: var(--theme-color) !important; border: none !important;  }

   .pagination li span,   .pagination li a  { margin: 0 0.5rem!important; line-height: 1; width: 2.813rem; height: 2.813rem; display: inline-grid; place-items: center; font-size: 1.563rem; font-weight: 600 !important;  border: none !important;}
    .pagination li:first-child .page-link{width: auto !important;
    font-size: 0px !important;
    border: none !important;
    margin: 0 !important;
    /* padding: 0 !important; */
    display: block;
    display: flex;}

    .pagination li:last-child .page-link{width: auto !important;
    font-size: 0px !important;
    border: none !important;
    margin: 0 !important;
    /* padding: 0 !important; */
    display: block;
    display: flex;}

   .pagination li:first-child .page-link:after{ display: inline-block; content: 'Previous'; font-size: 1.563rem; }
   .pagination li:last-child .page-link:after{ display: inline-block; content: 'Next'; font-size: 1.563rem; }
 

  .next_page, .prev_page {transform: translateY(-0.3rem) translateX(0.7rem);cursor: pointer;}

  .gallery_banner>img{width:100%;height:calc(100vh - var(--header-height));object-fit:cover}
  .gallery_banner,.gallery_item{position:relative}
  .gal_banner_wrapper{position:absolute;bottom:0;width:100%;color:var(--white);padding-bottom:7rem}
  .scroll_down{position:absolute;bottom:4.375rem;right:50%;transform:translateX(50%)}
  .gal_banner_content h3{line-height:1;margin-bottom:0}
  .gallery_item>img{width:100%}
  .gallery_item {height: 100vh;position: relative;text-align: right;display: flex;flex-direction: column;justify-content: flex-end;color: var(--white);padding-bottom: 6rem;    background-attachment: fixed; background-size: cover; background-position: center;}
  .gallery_item:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(0deg, #000000a6, transparent); }
  .gallery_item>div { position: relative; }
  .gallery_item p { max-width: 36rem; margin-left: auto; margin-bottom: 2.5rem; font-weight: 300;}
  .explore_collection { background-image: url(../images/explore-the-collection.jpg); background-size: cover; color: var(--white); background-position: center; }
  .explore_collection .container-xl { display: flex; align-items: center; justify-content: space-between; }
  .gallery_item .btn { background-color: var(--bg); color: var(--txt); }
  .gallery_item .btn:hover { background-color: transparent; color: var(--white); border-color: var(--white); }
  .btn_group .btn { padding-block: 0.7rem; }
  .museum_content { padding-left: 5rem; margin-right: -1rem; height: 100%; display: flex; flex-direction: column; justify-content: center; }
  .museum_building img { max-width: 100%; }
  .btn_link img { margin-left: 1rem; transform: translateY(-3px); width: 2.75rem; transition: all ease 0.5s;}
  .btn_link:hover>img { transform: translateY(-3px) translateX(10px); }
  .museum_content>a:not(.btn_link) { text-decoration: underline; }
  .scroll_down img { width: 4rem; }

  .dst_right img{width:6.813rem;margin-bottom:1rem}
  .discover_top{display:flex;align-items:center}
  .dst_right{margin-left:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}
  .btn_round{border-radius:4rem}
  .btn.secondary-font.btn_lg{line-height:33px;padding:.6rem 1.9rem .2rem}
  .discover_collection{position:relative;--offset:6.688rem}
  .banner_bg{position:absolute;top:0;left:0;width:calc(50% - var(--offset));height:100%;object-fit:cover;object-position:center}
  .discover_wrap{margin-left:calc(0px - var(--offset));padding-left:7rem}
  .sticky_social ul,.terms_use{padding:0;list-style:none}
  .ftr_btm_wrap{display:flex;justify-content:space-between;align-items:center}
  .terms_use{display:flex}
  .terms_use li{margin-left:1.3rem}
  .sticky_social { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 5;}
  footer{position:relative;padding-bottom:0; overflow: hidden;}
  .sticky_social a{padding:1rem 2rem 1rem 1rem;background-color:var(--theme-color);margin-bottom:.2rem;width:100%;font-size:1.5rem;transform:translateX(1rem);line-height:1}
  .sticky_social a:hover{transform:translateX(0)}
  /* .footer_bottom>a{position:absolute;right:2rem;bottom:calc(100% - 1.2rem)} */
  .footer_bottom>a { position: fixed; right: 2rem; /* bottom: calc(100% - 1.2rem); */ bottom: 6.1rem; box-shadow: 0 0 25px #00000045!important; border-radius: 50%; z-index: 5; display: flex; opacity: 0; pointer-events: none; }
  .scrollTopActive>a{opacity: 1; pointer-events: all;}
  .footer_bottom{position:relative;padding-block:2.6rem;margin-top:2rem;border-top:1px solid var(--white100)}
  .explore_btns { display: flex; }
  .exp_box{padding:0 3rem}
  .explore_slider_wraper{margin:0 -3rem}
  .hover-txt{position:absolute;top:0;left:0;width:100%;padding: 0 1rem;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--white);background-color:var(--black500);outline:5px solid var(--white);outline-offset:-1.3rem;opacity:0;transition:.5s}
  .explore_img_box{position:relative;margin-bottom:1rem}
  .explore_the_collection .row>div:first-child{display:flex;flex-direction:column;justify-content:center}
  .explore_item:hover .hover-txt{opacity:1}
  .explore_btns .btn_left { margin-right: 0.6rem; }
  .explore_btns>*{cursor: pointer;}

  .txt_publication{height:100%;display:flex;flex-direction:column;justify-content:center;padding-left:6rem}
  .txt_publication p.font19{max-width:39rem}
  .pub_row{position:relative;padding-block:5rem}
  /* .pub_row:before{content:"";position:absolute;left:50%;top:0;height:100%;width:100vw;background:#f9f6f0;transform:translateX(-50%);z-index:-1} */
  .publication { padding-bottom: 0; }
  .click_to_download h3 { margin-bottom: 3rem; }
  .publication{overflow: hidden;}
  [tab-id]:not(.active){display:none;}

  .gallery-tab-btns-wrap{display:flex;justify-content:center}
  .gal_tab_btn{--horizontal-gap:2.813rem;background-color:transparent;border:0;font-size:1.9rem;margin:0 var(--horizontal-gap);position:relative}
  .gal_tab_btn:after{content:"";position:absolute;left:calc(100% + var(--horizontal-gap));width:2px;height:50%;background-color:var(--black200);top:50%;transform:translateY(-28%)}
  .gal_tab_btn:last-child:after{opacity:0}
  .gallery-tab-btns{position:sticky;top:0;background-color:var(--white);border-top:1px solid var(--black100);border-bottom:1px solid var(--black100);padding:1rem 0;transition:.5s;z-index: 2;}
  .scrolling-up~.scrollable_sec .gallery-tab-btns{top:var(--header-height)}
  .gallery-tab-contents{background-color:var(--black900);color:var(--white);padding: 7rem 0;position: relative;overflow: hidden;}
  .gal_head_sec {margin-bottom: 7rem;}
  .gal_tab_btn:before{content:"";position:absolute;bottom:-17px;left:0;width:100%;height:4px;background-color:var(--theme-color);opacity:0}
  .gal_tab_btn.active:before{opacity:1}
  .gal_tab_btn.active{color:var(--theme-color)}
  .gallery-tab-item .row{--bs-gutter-y:5rem;--bs-gutter-x:9rem}
  .gallery_thumb_box>p{text-align:center;margin-top:3rem;position:relative;display:flex;align-items:center;justify-content:center}
  .gallery_thumb_box>p:after{content:"";display:inline-block;height:1px;background-color:var(--theme-color);margin-top:.7rem;margin-left:1rem;transition:.5s;width:0}
  .gallery_thumb_box:hover>p:after{width:4.6rem}
  .gallery_thumb_box{cursor:pointer}
  .autoheight_banner_content{position:absolute;bottom:0;left:0;width:100%;padding-bottom:3rem}
  .banner_autoheight{position:relative}
  .autoheight_banner_content h4{line-height:1}
  .middle_txt{padding:6.75rem 0}
  .gallery_explore_btn{width:100%;height:35rem;position:absolute;left:0;bottom:0;display:flex;align-items:flex-end;justify-content:center;padding:5rem;pointer-events:none;background-image:linear-gradient(0deg,#000,transparent)}
  .gallery_explore_btn .btn{font-size:1.6rem;padding:.6rem 2.3rem;background-color:var(--white);color:var(--black);pointer-events:all}
  .gallery_explore_btn .btn:hover{background-color:transparent;border-color:var(--white);color:var(--white)}
  .gallery-tab-item{margin-bottom:-22rem}
  .banner_autoheight>img,.gal_video_sec img{width:100%}
  .gallery_highlights .container-xl{margin-bottom:4rem}
  .gal_video_sec .container-xl { margin-bottom: 3.3rem; }
  .gal_video{position:relative}
  .play-icon{--size:12.313rem;position:absolute;z-index:1;top:50%;width:var(--size);height:var(--size);left:50%;transform:translate(-50%,-50%); transition: all ease 0.5s;}
  .marker_span {position: absolute;transform: translateY(-10.5rem); height: 100%; pointer-events: none;}
.gallery-tab, .gallery_highlights, .gal_video_sec{position: relative;}
.marker_span.passed { transform: translateY(-15.5rem); height: calc(100% + 4.3rem); }
.header_btns>.btn { color: var(--white); }
.exp_card,.exp_card img{background-color:var(--black800)}
.exp_head{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;padding-bottom:4rem}
.exp_card{display:block;margin:0 1.688rem;padding:1.2rem}
.exp_card img{width:100%}
.exp_slider_box{margin-inline:-1.688rem}
.exp_slider_box .explore_btns{text-align:center;justify-content:center;margin-top:5rem;margin-bottom:3rem}
.exp_box_content{padding:2.5rem 2rem}
.exp_h_left h3{margin:0}
.gallery-tab-item{transition: all ease 0.5s;}
.gallery-tab-item .gallery_explore_btn{transition: all ease 0.5s;}
.fullyExpanded .gallery_explore_btn { opacity: 0; }
.fullyExpanded { margin-bottom: 0; }
.gallery_thumb_box img { max-width: 100%; }
#clusters-sections {
  transform: translateY(-5.5rem);
}
#clusters-sections.passed{
  transform: translateY(-10.5rem);
  height: 98%;
}
.thumb-slider .detail_main-img{width:8.438rem;height:8.438rem;margin:auto}
.thumb-slider .detail_main-img img{width:100%;height:100%; object-fit: cover;}
.detail_main-img{text-align:center}
.thumb-slider .swiper-slide .detail_main-img{transition:.5s;transform: scale(0.8);}
.thumb-slider .swiper-slide{opacity:0;}
.thumb-slider{pointer-events: none;}
.thumb-slider .swiper-slide-prev,
.thumb-slider .swiper-slide-prev+.swiper-slide,
.thumb-slider .swiper-slide-prev+.swiper-slide+.swiper-slide{opacity:1; pointer-events: all; cursor: pointer;}

.thumb-slider .swiper-slide-prev+.swiper-slide .detail_main-img{box-shadow: 3px 3px 17px #00000066;transform: scale(1);}
.thumb-slider{overflow:visible;flex-grow: 1;max-width: 75%;}
.col_detail{overflow:hidden}
/* .swiper-slide{pointer-events: none;}
.swiper-slide .detail_main-img{pointer-events: all; cursor: pointer;} */
.thumb-slider .swiper-slide{width: fit-content;}
.thumb-slider .detail_main-img { display: inline-block; }
.detail_main-img{position: relative;}
.detail_main-img>span{position: absolute; top: 50%; left: 50%; color: var(--white); font-size: 3rem;}
.detail-slider .detail_main-img { background-color: #efefef; padding: 2rem 8rem; }
.detail_tags span:nth-child(2) { max-width: 24rem; vertical-align: top; }
.detail_tags span:nth-child(2) a { text-decoration: none; margin-right: 0.4rem; transition: 0.5s; }
.detail_tags span:nth-child(2) a:hover {text-decoration: underline; }
.col_detail_txt { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: 100%; }
.detail-slider_controls{display:flex;align-items:center;position:relative;padding-top:2rem}
.image_opt_btns,.share_box{max-width:25%;position:absolute;top:1.4rem}
.image_opt_btns{right:0}
.image_opt_btns .btn_image {height: 4.063rem; width: 4.063rem;}
.share_box{display:flex;align-items:center}
.share_box a{font-size:1.3rem;margin: 0 0.6rem;color: var(--black700);}
.btn_image { background-color: var(--black800); border: none; width: 2.938rem; height: 2.938rem; color: var(--white); border-radius: 50%; margin-left: 0.56rem; }
.btn_image>img{width: 100%;}
.detail-slider .detail_main-img img {max-height: 40.125rem;height: 40.125rem;object-fit: scale-down;max-width: 100%;}
/* #openseadragon1{position: absolute; opacity: 0; pointer-events: none;}
#openseadragon1.active{position: absolute; opacity: 1; pointer-events: all;} */
.mapviewer_model {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: #191919ed;
  padding: 0 10rem;
  padding-bottom: 6rem;
  opacity: 0;
  pointer-events: none;
  transition: all ease 0.5s;
  }
  .mapviewer_model.active{opacity: 1; pointer-events: all;}
.map_viewer_close_button { position: absolute; right: 5rem; top: 5rem; }
.mapviewer_model *:focus-visible{outline: none;}
.openViewrControls { text-align: right; }
.openseadragon-canvas,
.openseadragon-container{pointer-events: none!important;}
.mapviewer_model.active .openseadragon-canvas,
.mapviewer_model.active .openseadragon-container{pointer-events: auto!important;}
.detail-slider_main{position:relative}
.detail-slider_main #expandImage { position: absolute;z-index: 9; right: 15px; top: 15px;}
.detail_slider_control{position:absolute;top:50%;z-index:1;left:0;width:100%;display:flex;justify-content:space-between;padding:2.5rem;transform: translateY(-50%);pointer-events: none;}
.detail_slider_control>span{width:3.75rem;height:3.75rem;background-color:var(--white);display:grid;place-items:center;border-radius:50%;font-size:1.5rem;transition:.5s;pointer-events: all;}
.detail_slider_control>span:hover{background-color:var(--theme-color);color:var(--white)}
[tab]:not(.active){display: none;}
.artwork_tabs { margin-top: 3.5rem; }
.artwork_tabs .tab_btns  {    margin-inline: -2rem; }
.artwork_tabs .tab_btn { margin: 0 2rem;}

.artwork_tabs .tab_btn { background: transparent; border: none;  text-align: left; color: var(--black600); border-bottom: 2px solid transparent; }
.tab_btns { margin-bottom: 1rem;}
.artwork_tabs .tab_btn.active { color: var(--theme-color); border-color: var(--theme-color); }
.artwork_tabs .tab_container{background-color:#fbf9f3;padding-block:6.5rem;position:relative}
.artwork_tabs .tab_container:before{content:"";position:absolute;left:50%;top:0;height:100%;width:100vw;background-color:#fbf9f3;transform:translateX(-50%);z-index:-1}
.artworkdetail{overflow:hidden}
.artwork_tabs .table-responsive *{vertical-align:baseline;line-height:1.3}
.artwork_tabs .table-responsive th:first-child{width:19%;line-height:4rem}
.artwork_tabs .table-responsive td:nth-child(2),.artwork_tabs .table-responsive td:nth-child(4){width:30%}
.artwork_tabs .tab_item { height: 21.125rem; overflow: auto; }
.desc_details { padding-right: 3rem; }
.related_artwork  .swiper-button-disabled { opacity: 0.5; }
.artwork_tabs .tab_item::-webkit-scrollbar{width:10px}
.artwork_tabs .tab_item::-webkit-scrollbar-track{background:#DDDDDD;}
.artwork_tabs .tab_item::-webkit-scrollbar-thumb{background:#B8842C}
.artwork_tabs .tab_item::-webkit-scrollbar-thumb:hover{background:#845c17}
.explore_btns img { width: 6rem; }
.circular_play a,.circular_play a svg polygon{fill:var(--white)}
.circular_play a svg{width:2.3rem;fill:var(--white)}
.circular_play a{position:absolute;left:50%;top:50%;transform:translate(-.8rem,-50%)}
.next_page svg,.prev_page svg{height:2.6rem;font-weight:600;transform:translateX(-1rem)}
.page_item{margin:0 .5rem!important;line-height:1;width:2.813rem;height:2.813rem;display:inline-grid;place-items:center}
.page_item.active{background-color:var(--theme-color);color:var(--white)}
.next_page:hover svg,.prev_page:hover svg{background-color:var(--black100)}
.explore_the_collection { overflow: hidden; }
.whats-slider-wrap {padding-right: var(--white-space);overflow: hidden;position: relative;}
.whats-content{position:absolute;bottom:0;left:var(--white-space);width:calc(100% - var(--white-space));padding-bottom: 5rem;}
.whats-slide-item{transition: all ease 0.5s;filter: saturate(0) brightness(1.5);position:relative}
.whats-slide-item:before{content:"";position:absolute;bottom:0;width:100%;height:100%;background-image:linear-gradient(0deg,#1a1a1aa3,transparent)}
.whats-slider{overflow:visible}
.whats-slider .swiper-slide-active .whats-slide-item { filter: saturate(1) brightness(1); }
.whats-slide-pagination{position:absolute;bottom:0!important;width:100%!important;z-index:1;text-align:center;padding: 4rem 0;pointer-events:none}
.whats-slide-pagination .swiper-pagination-bullet{pointer-events:all;width:.938rem;height:.938rem;margin:0 .5rem!important;opacity:1;background-color: var(--white500);outline:transparent solid 1px;transition:.5s}
.whats-slide-pagination .swiper-pagination-bullet-active{background-color:var(--white);outline-offset: 0.25rem;outline-color:var(--white)}
.whats-slide_next { position: absolute; background: transparent; width: var(--white-space); z-index: 5; top: 0; right: 0; height: 100%; }
.whats-head-wrap { margin-bottom: 2rem; margin-top: 2rem; align-items: center; }
.whats-head-right{ min-width: 20rem;     align-self: flex-start;
    padding-top: 3.6rem;}
.plan_visit_head{max-width:44.688rem;margin: 1rem auto 5rem;}
.plan_grid{display:flex;position: relative;}
.plan-item{width:25%}
.plan-item>img:not(.plan_icon){width:100%;height: 34.375rem;object-fit: cover;transition: all ease 0.5s;}
.plan_icon { width: 2.813rem; margin: auto; display: block; margin-bottom: 1.6rem; }
.plan-item .btn_link,.plan_txt p:nth-child(4){height:0;overflow:hidden}
.plan_txt{padding:2.8rem 1.6rem 1.6rem;text-align:center}
.plan_txt p:nth-child(4){line-height:1.3;margin:0;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;transition:.5s}
.plan-item:hover .plan_txt p:nth-child(4){height:5.938rem;margin-bottom:1rem}
.plan-item:hover .btn_link{height:1.813rem}
.plan-item:hover>img:not(.plan_icon){height:26.624rem}
.text_des1:after,.text_des1:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}
.text_des1{text-transform:uppercase;position:relative;width:fit-content;max-width:100%;margin-inline:auto; z-index: 1;}
.text_des1:before{top:50%;width:calc(100% + 8rem);height:1px;background-color:currentColor}
.text_des1:after{top:0;width:calc(100% + 3rem);height:100%;background-color:var(--bg,var(--white))}
.text_des1:after,.text_des1:before{z-index:-1}
.plan_your_visit{--bg: #f8f6ef;background-color: var(--bg);position: relative;}
.plan_your_visit:before { content: ""; position: absolute; bottom: 0; width: 100%; height: 50rem; background-color: var(--white); z-index: 0; }

.qt_right,.test_quote_wrapper{padding-right:2rem}
.qt_number.font34,.qt_txt{font-family:inherit;line-height:1}
.tst_quote_top>h3{position:relative;line-height:1.4}
.quote_icon{width:6rem;position:absolute}
.comma1{top:-2rem;left:-1rem}
.comma2{transform:translate(-2rem,.1rem);right: 6px; bottom: -22px;}
 .tst_quote_top p {margin-bottom: 0;  }   
.qt_right{max-height:28.125rem;overflow:auto;padding-left:5rem}
.qt_right::-webkit-scrollbar{width:10px}
.qt_right::-webkit-scrollbar-track{background:#ddd}
.qt_right::-webkit-scrollbar-thumb{background:#b8842c}
.qt_right::-webkit-scrollbar-thumb:hover{background:#845c17}
.qt_right p:first-child{margin-bottom:3.5rem}
.qt_images{margin-bottom:2rem;display:flex;justify-content:space-between}
.tst_quote_bottom>a{background-color:var(--black);display:flex;align-items:center;justify-content:flex-start;max-width:30.875rem;margin-bottom:.6rem;padding:.815rem 1rem}
.tst_quote_bottom>a:last-child{margin-bottom:0}
.qt_icon{width:4rem;text-align:right;margin-left:auto;margin-right:1.2rem;position:relative;transition:.5s}
.qt_number.font34{margin-right:1rem}
.qt_txt{padding-top:.2rem}
.tst_quote_bottom>a:hover{background-color:var(--theme-color-dark)}
.tst_quote_bottom>a.active{background-color:var(--theme-color)}
.qt_icon:before{content:"";position:absolute;top:50%;width:0;height:2px;background-color:var(--white);right:.1rem;transform:translateY(-50%);border-radius:5rem;transition:.5s}
.tst_quote_bottom>a.active .qt_icon:before{width:3.5rem}
.tst_quote_bottom>a.active .qt_icon,.tst_quote_bottom>a:hover .qt_icon{margin-right:.85rem}
.tst_quote_bottom{margin-top:5.625rem}
.quote_txt{margin-top:2.938rem;font-weight:500;position:relative}
.quote_txt:before{content:"";display:inline-block;width:2rem;height:2px;background-color:var(--black800);vertical-align:middle;margin-right:1.2rem;transform:translateY(-.1rem)}
.testiminial_sec { padding-top: 7.188rem; padding-bottom: 9.75rem; position: relative; }
.quote_bg,.quote_bg:after,.quote_bg:before{position:absolute;top:0;height:100%}
.quote_bg{right:0;width:50%;z-index:-1;background-size:3rem;background-color:#f9f6f0}
.quote_bg:before{content:"";left:0;width:100%;background-color:#f9f6f0}
.quote_bg:after{content:"";left:0;width:100%;background-color:transparent;background-image:url(../images/pattern.svg);background-size:10rem;filter:brightness(100);background-position:-.2rem}
[for_tab]{cursor: pointer;}
.menu, .search_box {position: fixed;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;pointer-events: none;transition: all ease 0.5s;z-index: 5;background-color: var(--white);}
.menu.active, .search_box.active { opacity: 1; pointer-events: all; z-index: 9;}
.close_box { position: absolute; right: 5rem; top: 5rem; border: 0; background: transparent; border-radius: 50%;z-index: 15; }
.close_box img { width: 3.625rem; height: 3.625rem; }
.search-center { height: 100%; overflow: auto; display: flex; align-items: center; justify-content: center; }
.search-center form { display: flex; flex-direction: column; align-items: center; }
.search-center form{display:flex;flex-direction:column;align-items:center}
.search-center form input{width:57.375rem;border:none;font-size:1.375rem;border-bottom:2px solid var(--black600);margin:3rem 0 2.5rem;padding:1rem}
.search-center .btn { padding: 0.7rem 3rem; }
.sub_menu { display: none; }
.menu_right .share_box { position: static; }
.menu_flex,.menu_wrapper{height:100%;display:flex}
.menu_flex{justify-content:center}
.menu_wrapper{align-items:center}
.menu_left{width:40%;position:relative;list-style:none;padding-left:3.25rem}
.menu_right{width:60%;padding-left:24%;display:flex;flex-direction:column;justify-content:center}
.menu_left:after{content:"";position:absolute;width:3px;right:0;top:50%;transform:translateY(-50%);background-image:linear-gradient(45deg,transparent,#0000006b,transparent);height:72vh}
.menu_left>li>a{font-size:2.875rem;font-weight:600;margin-bottom:.7rem}
.bb_option img { height: 1.8rem; margin-right: 1rem; }
.bb_option:nth-child(1) img { height: 1.6rem; }
.bb_box{margin-bottom:3rem}
.menu_right .share_box img{height:1.4rem}
.menu_right .share_box>p{margin-right:.5rem;transform:translateY(.1rem)}
.menu_right .share_box a{margin-inline:0.45rem}
.collapse_btn:after,.collapse_btn:before{width:1rem;height:3px;background-color:var(--black);left:50%;transition:.5s}
.collapse_btn:after,.collapse_btn:before,.sub_menu a:before{content:"";position:absolute;top:50%}
.collapse_btn{position:absolute;left:-3rem;width:2rem;height:2rem;top:1.4rem; cursor: pointer;}
.has_submenu,.sub_menu a,arrow_black_right.png a{position:relative}
.collapse_btn:before{transform:translate(-50%,-50%)}
.collapse_btn:after{transform:translate(-50%,-50%) rotate(90deg)}
.has_submenu.active .collapse_btn:after{transform:translate(-50%,-50%) rotate(0)}
.sub_menu{list-style:none;font-size:1.5rem;padding-bottom:2rem}
.sub_menu a:before{left:-2.5rem;background-image:url(../images/small_arrow.png);height:1rem;width:1.4rem;background-size:contain;background-repeat:no-repeat;background-position:center;transform:translateY(-50%);opacity:0;pointer-events:none}
.sub_menu a.active:before{opacity:1}
.img_wrap img { width: 14.625rem; }
.qt_images a:nth-child(2) { margin-inline: 1rem; }
.qt_images img { max-width: 100%; }
/* animations */
.textanim *, .banner_textanim *  { font-family: inherit; }
.textanim>div, .banner_textanim>div  { overflow: hidden;}
.textanim .line, .textanim>*:not(div),
.banner_textanim .line, .banner_textanim>*:not(div) { opacity: 0;}
.banner_slider:not(.swiper-initialized){opacity: 0;}
.banner_slider_text .swiper-slide.swiper-slide-duplicate .line,
.banner_slider_text .swiper-slide-duplicate-next .line,
.banner_slider_text .swiper-slide-duplicate-prev .line{opacity: 1!important; transform: translate(0px, 0px)!important;}
.header_logo, .header_right>nav>ul>li, .header_btns{opacity: 0;}
.banner_desc:before{opacity: 0; transition: all ease 0.5s;}
.banner_desc.border_visible:before{opacity: 1;}
.banner_bottom_wrap .bb_option,
.banner_bottom_wrap .circular_play,
.banner_slider_arrows>button{opacity: 0;}
.museum_building{overflow: hidden;}


.explore_btns [role=button]{transition: all ease 0.5s;}
.explore_btns [role=button]:hover{background-color: var(--theme-color100);}
.search_wrapper, .filter_btn{/*opacity: 0;*/}
/* animations end */

/* font fixings */
.about_the_museum .font28 { font-size: 1.6rem; }
.about_the_museum .font55 { font-size: 2.6rem; margin-bottom: 2rem!important; }
.about_the_museum .font30 { font-size: 1.6rem; }
.about_the_museum .font22 { font-size: 1.14rem; }

/* .desc_details p>*:not(div){font-size: 0;} */
.box {opacity: 0;}
/*.banner_textanim>div{white-space: nowrap;}*/
.desc_details p>div{overflow: hidden;}
.desc_details p>div>span{animation: slideTxt 1.3s forwards;}
.play-icon:before{content: ""; opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0;/* box-shadow: 0 0 100px 20px #ffd173, inset 0 0 100px 20px #ffd173;*/ border-radius: 50%; /*border: 23px solid #ccbca1;*/     animation: playAnm 5s alternate infinite; }
/* font fixings end */

    @-webkit-keyframes rotate {
      from {
        -webkit-transform: rotate(360deg);
      }
      to {
        -webkit-transform: rotate(0);
      }
    }
    @-moz-keyframes rotate {
      from {
        -moz-transform: rotate(360deg);
      }
      to {
        -moz-transform: rotate(0);
      }
    }
    @-ms-keyframes rotate {
      from {
        -ms-transform: rotate(360deg);
      }
      to {
        -ms-transform: rotate(0);
      }
    }
    @-o-keyframes rotate {
      from {
        -o-transform: rotate(360deg);
      }
      to {
        -o-transform: rotate(0);
      }
    }
    @keyframes rotate {
      from {
        transform: rotate(360deg);
      }
      to {
        transform: rotate(0);
      }
    }


    @keyframes slideTxt {
      from {
        transform: translateY(100%);
      }
      to {
        transform: translateY(0);
      }
    }
    @keyframes playAnm {
      from {
        box-shadow: 0 0 100px 20px #ffd173, inset 0 0 100px 20px #ffd173;
      }
      to {
        box-shadow: 0 0 100px 5px #ffd173, inset 0 0 100px 5px #ffd173;
      }
    }






 /* New Map Code By RSG 3-3-2023 */


    
.mapPoint { --size: 1.5rem; position: absolute; left: var(--x); top: var(--y); transform: translate(-50%, -50%); width: var(--size); height: var(--size); border-radius: 50%; background-color: transparent; cursor: pointer; pointer-events: none; opacity: 0; display: grid; place-items: center;}
.map_wrapper { flex-grow: 1; max-height: calc(100vh - 10.8rem); display: grid; place-items: center; overflow: hidden; position: relative;}
.map_wrapper svg { height: 100%; width: 100%; max-width: 100%;}
.mapPoint svg  {opacity: 0; transition: all ease 0.5s;}
.map_main { display: flex; }
.map-options li { list-style: none; min-width: 15rem;}
.map_nav_btn { background-color: transparent; border: none; font-size: 1.5rem; margin-bottom: 1.6rem; cursor: pointer; font-weight: 600; color: #000; position: relative;}
.map_nav_btn:before{content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; border-radius: 15px; background-color: currentColor; transition: all ease 0.5s;}
.map_nav_btn:hover:before, .map_nav_btn.active:before{width: 100%;}
/* .map_wrapper svg { height: calc(100% + 22rem); } */
.map-options { width: 25%; display: grid; place-items: center; padding: 3rem; background-color: #f7f7f7; z-index: 1;}
#gallery_a{color: #c56899;}
#gallery_b{color: #8d852b;}
#gallery_c{color: #4898ba;}
#gallery_d{color: #64ac5f;}
#gallery_e{color: #579c9f;}
#gallery_f{color: #cd8579;}

.gallery_a{--area-color: #c56899;}
.gallery_b{--area-color: #8d852b;}
.gallery_c{--area-color: #4898ba;}
.gallery_d{--area-color: #64ac5f;}
.gallery_e{--area-color: #579c9f;}
.gallery_f{--area-color: #cd8579;}


/* map points */
.mapPoint:before { content: ""; position: absolute; left: -1px; top: -1px; width: var(--size); height: var(--size); background: transparent; border-radius: 50%; border: 1px solid var(--area-color); background-color: #fff; opacity: 0; transition: all ease 0.5s; animation: pulse 1s infinite;}

.mapPoint.hovered, .mapPoint.hovered:before, .mapPoint.active:before,
.mapPoint.hovered svg, .mapPoint.active svg{opacity: 1;}
.mapPoint.active{pointer-events: all; opacity: 1;}
#tooltip { transition: all ease 0.5s; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); opacity: 0; pointer-events: none; width: 18.75rem; background-color: var(--white); box-shadow: 0 0 30px #00000054; border-radius: 15px; overflow: hidden; z-index: 5;}
#tooltip.show{opacity: 1; }
.tootip_image { display: flex; position: relative;}
.prev_image{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.current_image{position: relative; z-index: 2;}
.tootip_image img { width: 100%; object-fit: contain;}
.tootip_detail h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 0; font-size: 1rem;}
.tootip_detail p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.tootip_detail { padding: 1rem 1.5rem; }
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 var(--area-color);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 var(--area-color);
    box-shadow: 0 0 0 0 var(--area-color);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

.sidebar { position: fixed; width: 100%; height: 100%; top: 0; left: 0; }
.sidebar_box { width: 49rem; margin-left: auto; max-width: 100%; background-color: var(--white); padding: 2rem; height: 100%; position: relative; z-index: 1; }
.back_drop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #0000006e; backdrop-filter: blur(2px);     opacity: 0; transition: all ease-in-out 0.5s; z-index: 6;
  pointer-events: none;}


.image_map_box nav {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #ffffff;  
  transform: translate3d(100%, 0, 0);
  z-index: 1;
  overflow: hidden;
}

.image_map_box nav section {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: fixed;
} 

.skew{
  -webkit-clip-path: polygon(0 0, -100% 0, 90% 100%, 0 100%);
  -moz-clip-path: polygon(0 0, -100% 0, 90% 100%, 0 100%);
  -ms-clip-path: polygon(0 0, -100% 0, 90% 100%, 0 100%);
  -o-clip-path: polygon(0 0, -100% 0, 90% 100%, 0 100%);
  clip-path: polygon(0 0, -100% 0, 90% 100%, 0 100%);
}

.vertical {
  -webkit-clip-path: polygon(0 0, -100% 0, 100% 100%, 0 100%);
  -moz-clip-path: polygon(0 0, -100% 0, 100% 100%, 0 100%);
  -ms-clip-path: polygon(0 0, -100% 0, 100% 100%, 0 100%);
  -o-clip-path: polygon(0 0, -100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, -100% 0, 100% 100%, 0 100%);
}

.skewback {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 -100%);
  -moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 -100%);
  -ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 -100%);
  -o-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 -100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 -100%);

}

.menu_opened .back_drop{opacity: 1; pointer-events: all;} 

.sidebar_box {overflow: auto;display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.sideImage { margin-bottom: 4rem; text-align: center; width: 100%;}
.sidebar_box h3{margin-bottom: 2rem; }
.sideImage img { max-width: 100%; max-height: 17rem; }
.close_btn img { width: 100%; }
.close_btn { position: absolute; z-index: 3; width: 2.5rem; top: 1rem; right: 1rem; opacity: 0.8; cursor: pointer;}
.sidebar_box{min-width: 36rem;}
.line { 
  /* white-space: nowrap;  */
  height: 2.3ch;
  overflow: hidden;
  line-height: 1.4;}
.sideImage,
.sidebar_box h3,
.sidebar_box p>div{overflow: hidden;}
.center_wrapper { margin-block: auto; }
.cta-btn { padding: 0.5rem 1rem; background-color: #000; color: #fff!important; border-radius: 5px; margin-top: 1.6rem; transition: all ease 0.5s;}
.cta-btn:hover { color: #fff; background-color: rgb(83, 83, 83);box-shadow: 0px 2px 5px #0006;}

.map_nav_btn { display: flex; align-items: center; width: fit-content; }
.map_nav_btn svg { --size: 1.5rem; width: var(--size); height: var(--size); margin-right: 0.7rem; fill: currentColor; }
.mapPoint svg { width: 100%; height: 100%; position: relative; padding-top: 0rem; padding: 0.35rem; padding-top: 0.1rem; padding-right: 0.4rem; padding-left: 0.3rem; fill: var(--area-color); }
#nav-main{z-index: 7;}
.center_wrapper>p{width: 30.8rem;}
#rampGallery_clip, #avGallery_clip, #nizamuddin_clip, #longGallery{
  color: transparent;
}
.menu_opened {
  overflow: hidden;
  padding-right: 16px;
}

/* map points end */


.top_galleries ul {
  display: flex;
  list-style: none;
  padding: 0;
}
.top_galleries ul {
  display: flex;
  list-style: none;
  padding: 0;
}

.top_galleries li {
  font-size: 1.15rem;
  font-weight: 600;
  flex: 1;
  text-align: center;
  padding: 0.5rem;
  cursor: pointer;
}

.top_galleries li:first-child {
  background-color: #f8b2d7;
  --background: #f8b2d7;
  color: #872659;
}

.top_galleries li:nth-child(2) {
  background-color: #a3d5a0;
  --background: #a3d5a0;
  color: #22591f;
}

.top_galleries li:nth-child(3) {
  background-color: #8ac0c2;
  --background: #8ac0c2;
  color: #1d4c4e;
}

.top_galleries li:nth-child(4) {
  background-color: #f3ada1;
  --background: #f3ada1;
  color: #7c4a42;
}
.top_galleries li:last-child {
  background-color: #87d2f2;
  --background: #87d2f2;
  color: #305b6d;
}

.top_galleries li.active:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border: 0.5rem solid transparent;
  border-top-color: var(--background);
  z-index: 9;
}
.top_galleries li.active {
  position: relative;
}
[pointid=point48], [pointid=point49], [pointid=point50] {
  fill: transparent;
}
.mapPoint>img { --offset: 10px; width: calc(100% - var(--offset)); height: calc(100% - var(--offset)); position: relative; transform: translate(-1px, -1px); }
.map-options>ul { padding-left: 0; }
.map_nav_btn { font-size: 1.1rem; margin-bottom: 1rem; }
.map_nav_btn img { width: 1rem; align-self: flex-start; margin-top: 0.45rem; margin-right: 0.6rem; }
.map_nav_btn { display: flex; align-items: center; width: fit-content; }

.publicationsSwiper-pagination .swiper-pagination-bullet { pointer-events: all; width: 0.938rem; height: 0.938rem; margin: 0 0.5rem!important; opacity: 1; background-color: var(--theme-color); outline: transparent solid 1px; transition: .5s; }
.publicationsSwiper-pagination .swiper-pagination-bullet-active { background-color: var(--theme-color); outline-offset: 0.25rem; outline-color: var(--theme-color); }
.publicationsSwiper-pagination { text-align: center;     margin-top: 0rem;
  padding-bottom: 2rem;}
.publication_inner {background: #f9f6f0;}


#humayun_clip, #entrance_clip, #audioVisual_clip {
  opacity: 0;
}
#copyright_btn{display: none;}
.hourly_trail_grid_wrap .hourly_trail_grid:nth-child(even) {   flex-direction: row-reverse; }

.hourly_trail_grid {display: flex; margin-top: 3.75rem; padding-bottom: 5rem;}
.hourly_trail_grid .hourly_trail_img, .hourly_trail_grid .hourly_trail_content {flex: 1;}
.hourly_trail_grid .hourly_trail_img {padding-right: 4rem;}
.hourly_trail_img img {height: 100%; object-fit: cover;}

.hourly_trail_grid_wrap .hourly_trail_grid:nth-child(even) .hourly_trail_content {padding-right: 4rem;}
.hourly_trail_grid_wrap .hourly_trail_grid:nth-child(even) .hourly_trail_img {padding-right: 0rem;}

.banner_des_border{padding-left: 1.3rem; position: relative;}
.banner_des_border:after { content: ""; width: 3px; height: calc(100% - 1rem); background-color: var(--theme-color); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.full_height {min-height: calc(100vh - calc(var(--header-height) + var(--footer-height)));}
.not_found { text-align: center;} 
.not_found lottie-player {margin: 0 auto;   width: 50%;}
.not_found .sec_head{margin-top: -3rem;margin-bottom: 4rem;}


.fulll_img { margin-top: 10rem; position: relative;} 
.fulll_img .content {     position: absolute;
bottom: 3rem;
left: 2rem; }
.centerslide_content { text-transform:uppercase; letter-spacing:5px; margin-top:2rem; color: #fff;  position: relative; z-index: 1;} 
.fulll_img .content p {color: #fff; position: relative; z-index: 1;}
.fulll_img img { max-width: 100%; }
.fulll_img .content:after { content: ''; position: absolute; bottom: 0; left: 0; background: #000; width: 100%;height: 180px; filter: blur(100px); opacity: 0.7; }
  
.related_img { position: relative;     height: 100vh;}
.related_img img { height:100%;     width: 100%;
object-fit: cover;}
.related_img .centerslide_content {    position: absolute; top:50%; left:50%;     transform: translate(-50%, -50%);color: #000; }
/* .related_img .centerslide_content:after { content: ''; position: absolute; bottom: 0; left: 0; color: #000; width: 100%; height: 180px; filter: blur(100px); opacity: 0.7;    z-index: -1; } */

.related_nav { position: absolute;    bottom: 5%;
width: 100%;}
.related_nav_list {     display: flex;
justify-content: space-between;
list-style: none;}
.related_nav_list a { font-size:18px; color: #222;
  font-weight: 500; }
.related_nav_list a i {margin-right:1rem; }
footer .social_links { margin-top: 2rem;  }
.collection_explore {background-color: #f1f1f1;    box-shadow: 17px 1px 20px rgb(0 0 0 / 4%);
border-radius: 10px;}
.related_slider_wrapper .swiper-slide {height: auto !important;}
.collection_explore_img {     text-align: center; overflow: hidden;  height: 36.75rem; margin-bottom: 2rem;}
.collection_explore_img img {height: 100%; object-fit: contain; margin-bottom: 0;     transition: 0.5s;}
.collection_explore:hover  .collection_explore_img img  {     transform: scale(1.1) rotate(1deg);     filter: grayscale(1);}
.related_slider_wrapper {position: relative;}
.related_slider_wrapper .detail_slider_control>span {background-color: var(--theme-color); color: var(--white);}
.related_slider_wrapper .detail_slider_control {    left: -4rem;
width: 108%;}
.related_artwork .swiper-button-disabled {opacity: 0 !important;}

.emperor_rest_gallery{position: relative;}
.emperor_rest_textbox {position: absolute; right: 2rem;bottom: 2rem;     max-width: 32rem;}
.emperor_rest_textbox_in{background-color: var(--white); padding: 2rem;}
.emperor_rest_textbox_in .exp_h_right  {margin-top: 1rem;}
.emperor-swiper-pagination .swiper-pagination-bullet {pointer-events: all; width: 1.2rem; height: 1.2rem; margin: 0 0.5rem !important; opacity: 1;  outline: var(--white) solid 1px; transition: .5s;}
.emperor-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: var(--theme-color); outline-color: var(--theme-color);}
.emperor_rest_gallery img {height: 50rem; object-fit: cover; width: 100%;}
.stepwells_sec_main {}
.stepwells_sec_main .project_objectives_box img{width: 100%; height: auto; }
.stepwells_sec_main .swiper-slide {overflow: hidden;}
.stepwells_sec_main .project_objectives_data {transition: 0.8s;}
.stepwells_sec_main .swiper-slide:not(.swiper-slide-active) .project_objectives_box .project_objectives_data {opacity: 0; }
.emperor_rest_textbox_in .btn_outline {background-color: #e9e9e9; border: none;}

.slider_child_inner .btn_wrap_child { position: absolute; z-index: 2; bottom: 0; right: 0; display: flex; }
.slider_child_inner .btn_wrap_child  .swiper_btn { height: 4rem; width: 5rem; border-radius: 0;     display: flex;
  align-items: center;
  justify-content: center;    }
.slider_child_inner .btn_wrap_child  .sliderChild-button-next { background-color: var(--theme-color); color: var(--white);}
.slider_child_inner .btn_wrap_child  .sliderChild-button-next svg path { fill: var(--black); }
.stepwells_sec .images_box {height: 50rem;  display: flex;
    align-items: center;display: flex;
    align-items: center;   background-color: #efefef;
  padding: 2rem 8rem;}
.stepwells_sec .images_box img {max-width: 100%; height: 100%; object-fit: contain;}

.btn_wrap.btn_wrap_child  {display: flex;}
/* .sliderChild  img {width: 100%; height: 35rem;} */
.stepwells_sec_main .project_objectives_box:after { height: 25rem; z-index: 1;}
.stepwells_sec_main .project_objectives_box  * { z-index: 2;}

.sliderChild .swiper-slide  {height: 100%;}
.btn_wrap_child .swiper_btn  { background-color: var(--white);  color: var(--black600); }
.btn_wrap_child .swiper_btn  i {    font-size: 2.5rem;}
.project_objectives_box {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 2rem;
  color: var(--white);
}
.project_objectives_box:after { content: ''; position: absolute; bottom: 0; left: 0; background: linear-gradient(11deg, black, #00000080, #00000024, transparent, transparent); width: 100%; height: 65%; }
.project_objectives_box > * {position: relative; z-index: 1;}

.stepwells_sec_main .btn_wrap .swiper_btn { border: solid 1px var(--black800); border-radius: 0; display: flex; align-items: center; 
  justify-content: center;  transition: 0.5s;      height: 4rem;
  width: 4rem;}
  .stepwells_sec_main .btn_wrap .swiper_btn:hover { width: 6rem;}
.stepwells_sec_main .btn_wrap:not(.btn_wrap_child) .swiper_btn i {    font-size: 2.5rem;}


.overview_list {-webkit-column-width: 250px; -moz-column-width: 250px; column-width: 250px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20; -moz-column-gap: 20; column-gap: 20; list-style: none; margin: 0; padding: 0;}
.overview_list li {     page-break-inside: avoid;}
.overview_list li {display: flex; justify-content: space-between;}
.overview_list li > div:first-child {
  width: 25%;
}
.overview_list li > div:last-child {
  width: 75%;
}

.overview_list li:not(:last-child) {margin-bottom: 2rem;}

.mid_sec_bg {position: relative; height: 50rem;    display: flex;
  align-items: end;}
.mid_sec_bg .img_bg {position: absolute; top: 0; left: 0; height: 100%; z-index: -1;width: 100%;}
.mid_sec_data {color: var(--white); max-width: 90rem; position: relative;}
.mid_sec_bg:before {content: ''; position: absolute; bottom: 0; left: 0; background: linear-gradient(11deg, black, #00000080, #00000024, transparent, transparent); width: 100%; height: 65%; }
.emperorSwiper .emperor-swiper-pagination { margin-top: 3rem; text-align: center;}

.video_home_box {    transition: .5s;}
.video_home_box_inner {
  height: 100%;
  display: flex;
  align-items: center;
}
.video_home_box_inner .video_img {
  width: 100%;
  position: relative;
}
.video_home_box_inner .video_img .play_icon {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.video_img .text_video { position: absolute; z-index: 1; transition: 0.5s; bottom: 10%; left: 10%; color: var(--white); }
.video_highlights {position: relative;height: 100%;display: flex;align-items: center;}
  .video_highlights .play_icon { opacity: 0; transition: 0.5s; z-index: 4; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; }
/* .videoSwiper .swiper-slide { transition: 0.5s; width: var(--item-width); height: var(--height);    transform: translateX(calc(var(--item-width) + 8rem));
 padding: 0 1rem;} */
/* .videoSwiper .swiper-slide-active {width: calc(var(--item-width) * 4);}
.videoSwiper .swiper-slide img {aspect-ratio: 1/1;}
.videoSwiper .swiper-slide-active img {aspect-ratio: 590/360;} */
.video_sec .swiper-wrapper {display: flex; align-items: center;}
/* .swiper.videoSwiper {height: var(--height) !important;} */
.video_highlights .text_video  {opacity: 0;}
.video_img {position: relative; width: 100%;}
.video_img:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%;    background: linear-gradient(180deg, rgba(0, 0, 0, 0.07046568627450978) 0%, rgb(0 0 0 / 49%) 100%); opacity: 0; transition: 0.5s;  }

.videoSwiper .swiper-slide-active .video_highlights:after {opacity: 1;}
.mid_galley_bg {background-image: url(../images/bg-gallery-ht.jpg);}

/* 
.videoSwiper .swiper-wrapper  {-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;} */
@media(min-width:768px){
  .video_sec .swiper-slide-active { width: calc(var(--item-width) * 2) !important;}
  .video_sec .swiper-slide { transform: translateX(var(--half-width)) !important;transition: 0.5s;height: var(--height);}
  .videoSwiper .swiper-slide img {    aspect-ratio: 250 / 240; object-fit: cover;}
.videoSwiper .swiper-slide-active img.youtube-thumbnail {aspect-ratio: 590/360;object-fit: cover; width: 100%; }
}




.videoSwiper .swiper-slide-active .video_highlights .text_video  {opacity: 1;}
.videoSwiper .swiper-slide-active   .video_highlights .play_icon  {opacity: 1;}
.video_sec .btn_wrap > div  {height: 5rem; width: 5rem; border-radius: 0; display: flex; align-items: center; justify-content: center}
.video_sec .btn_wrap > div i {font-size: 2.5rem;}
.video_sec  .video-button-next {background-color: var(--theme-color); color: var(--white);}
.video_sec  .video-button-prev {background-color: #d6cece;color: var(--black400);}
.video_slider_main .btn_wrap  {justify-content: center; margin-top: 3rem;}


.common_padding_lg {padding: 6rem 0;}
.video_slider_main {position: relative;}
.video_slider_main .videoSwiper  {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
.video_slider_main .full_load.videoSwiper  {opacity: 1; position: static;}
.btn_wrap .six_stepwells-button-next  {transform: rotate(180deg);}
.stepwells_sec_main .btn_wrap .swiper_btn svg {height: 2rem;    width: 2rem;}


.stepwells_sec_main .btn_wrap .swiper_btn {    border-radius: 50px;}


/* UNDER-CONSTRUCTION CSS START */
.under_construction_page { overflow: hidden; background:url(https://qshp.tekzini.com/themes/images/under-construction-bg.jpg); color: var(--black);
  height: calc(100vh - var(--header-height)); background-size: cover; background-repeat: no-repeat; position: relative;}
  .under_construction .top_nav>li>a>span { z-index: 2; } 

/* .under_construction_page:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: brightness(0.5);} */
.under_construction_text {position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center; text-transform: uppercase;}
/* .under_construction_text .theme_btn {color: var(--white) !important; border-color: var(--white) ;    width: max-content;
 margin: 0 auto; }
.under_construction_text .theme_btn:after { background-color: var(--white);}
.under_construction_text .theme_btn:hover { color: var(--black) !important;} */
/* .under_construction .header_logo {filter: invert(1);} */
/* .under_construction .top_nav>li>a {color: var(--white) !important;} */
.under_construction .bottom_header {background-color: var(--white);}
.under_construction_page  {   } 
.under_construction_page .pattern_left, .under_construction_page .pattern_right  { position: absolute; top: 5rem; height: 100%; }
.under_construction_page .pattern_left {left: 4rem; } 
.under_construction_page .pattern_left img { transform: scaleX(-1);}
.under_construction_page .pattern_right{right: 4rem;}
.under_construction_page .font32  {font-size: 2.000rem;     font-family: var(--secondary-font);
}
.under_construction_page .font60   {font-size: 3.75rem;     font-family: var(--secondary-font);
}
.under_construction_page .container {height: 100%;}

.sl_wrapper {
  display: flex;
  margin-left: 15%;
}

.creative-slider .building_box {
  min-width: 45%;
  margin-right: 80px;
}

.creative-slider .building_box img {
  width: 100%;
}

.creative-slider .building_box .centerslide_content {
color: #000;
}
/* UNDER-CONSTRUCTION CSS END */

.filter_icon, .filter_form  .cross{display: none;}

.under_construction_text .font55   {    font-family: var(--secondary-font);     letter-spacing: 2px;
  font-size: 2.8rem;}
@keyframes pulse-animation {
  0% {
 transform: scale(1);
  }
  100% {
 transform: scale(1.3);
 }
}

/* TOOLTIP CSS */
.tooltip_btn img,table tbody td.user_icon_top .tooltip_btn img{position:static}
.tooltip_wrap{display:inline-block;position:relative;cursor:pointer;--side-offset: 0px;}
.tooltip_content {position: absolute;background-color: #fff;border-radius: 4px;box-shadow: 2px 2px 10px #00000029;left: 100%;top: 50%;transform: translateY(-50%);z-index: 1;     min-width: 7rem;
  font-size: 12px;
  padding: 0.5rem;
  text-align: center;}
.tooltip_wrap[arrow]{--arrow-offset: 10px; --side-offset: 20px;}
.tooltip_wrap[arrow] .tooltip_content:before { content: ""; position: absolute; border: 10px solid transparent; border-right-color: #ffffff; filter: drop-shadow(-7px 0px 6px #00000029); top: 50%; right: 100%; transform: translateY(-50%); }
.tooltip_wrap[arrow] .tooltip_content { left: calc(100% + var(--arrow-offset)); }

.tooltip_wrap[position*=top] .tooltip_content, 
.tooltip_wrap[position*=top][arrow] .tooltip_content { left: 50%; right: auto; bottom:100%; top: auto; transform: translatex(-50%); }
.tooltip_wrap[position*=top][arrow] .tooltip_content { bottom: calc(100% + var(--arrow-offset)); }
.tooltip_wrap[position*=top][arrow] .tooltip_content:before { top: 100%; left: 50%; transform: translateX(-50%) rotate(-90deg); }

.tooltip_wrap[position*=bottom] .tooltip_content, 
.tooltip_wrap[position*=bottom][arrow] .tooltip_content {top: 100%;bottom: auto;left: 50%;transform: translateX(-50%);}
.tooltip_wrap[position*=bottom][arrow] .tooltip_content { top: calc(100% + var(--arrow-offset)); }
.tooltip_wrap[position*=bottom][arrow] .tooltip_content:before {bottom: 100%;top: auto;left: 50%;transform: translateX(-50%) rotate(90deg);}

.tooltip_wrap[position*=left] .tooltip_content, 
.tooltip_wrap[position*=left][arrow] .tooltip_content{right:100%; left: auto;}
.tooltip_wrap[position*=left][arrow] .tooltip_content { right: calc(100% + var(--arrow-offset)); }
.tooltip_wrap[position*=left][arrow] .tooltip_content:before { bottom: 100%; left: 100%; transform: translatey(-50%) rotate(180deg); }

.tooltip_wrap[position="left middle"] .tooltip_content,
.tooltip_wrap[position="right middle"] .tooltip_content,
.tooltip_wrap[position="left middle"][arrow] .tooltip_content,
.tooltip_wrap[position="right middle"][arrow] .tooltip_content{top:50%; bottom: auto; transform:translateY(-50%)}

.tooltip_wrap[position="bottom middle"] .tooltip_content,
.tooltip_wrap[position="top middle"] .tooltip_content,
.tooltip_wrap[position="bottom middle"][arrow] .tooltip_content,
.tooltip_wrap[position="top middle"][arrow] .tooltip_content{left:50%; right: auto; transform:translatex(-50%)}

.tooltip_wrap[position*=right] .tooltip_content,
.tooltip_wrap[position*=right][arrow] .tooltip_content{left:100%; right: auto;}
.tooltip_wrap[position*=right][arrow] .tooltip_content {left: calc(100% + var(--arrow-offset)); }

.tooltip_wrap[position="right top"] .tooltip_content,
.tooltip_wrap[position="right top"][arrow] .tooltip_content{transform: none;left: calc(0px - var(--side-offset));}
.tooltip_wrap[position="right top"][arrow] .tooltip_content:before {transform: rotate(-90deg);left: var(--side-offset);top: 100%;}

.tooltip_wrap[position="right bottom"] .tooltip_content,
.tooltip_wrap[position="right bottom"][arrow] .tooltip_content {transform: none;left: calc(0px - var(--side-offset));top: calc(100% + var(--arrow-offset));}
.tooltip_wrap[position="right bottom"][arrow] .tooltip_content:before {transform: rotate(90deg);left: var(--side-offset);bottom: 100%;}

.tooltip_wrap[position="left top"] .tooltip_content,
.tooltip_wrap[position="left top"][arrow] .tooltip_content { transform: none; right: calc(0px - var(--side-offset)); }
.tooltip_wrap[position="left top"][arrow] .tooltip_content:before {transform: rotate(-90deg);left: auto;right: var(--side-offset);top: 100%;}

.tooltip_wrap[position="left bottom"] .tooltip_content,
.tooltip_wrap[position="left bottom"][arrow] .tooltip_content {transform: none;right: calc(0px - var(--side-offset));top: calc(100% + var(--arrow-offset));}
.tooltip_wrap[position="left bottom"][arrow] .tooltip_content:before {transform: rotate(90deg);left: auto;right: var(--side-offset);top: auto;bottom: 100%;}

.tooltip_wrap[position="top left"] .tooltip_content,
.tooltip_wrap[position="top left"][arrow] .tooltip_content { transform: none; right: calc(0px - var(--side-offset)); }
.tooltip_wrap[position="top left"][arrow] .tooltip_content:before { transform: rotate(-90deg); left: auto; right: var(--side-offset); top: 100%; bottom: auto; }

.tooltip_wrap[position="top right"] .tooltip_content,
.tooltip_wrap[position="top right"][arrow] .tooltip_content { transform: none; left: calc(0px - var(--side-offset)); }
.tooltip_wrap[position="top right"][arrow] .tooltip_content:before { transform: rotate(-90deg); right: auto; left: var(--side-offset); top: 100%; bottom: auto; }

.tooltip_wrap[position="bottom left"] .tooltip_content,
.tooltip_wrap[position="bottom left"][arrow] .tooltip_content {transform: none;right: calc(0px - var(--side-offset));top: calc(100% + var(--arrow-offset));}
.tooltip_wrap[position="bottom left"][arrow] .tooltip_content:before {transform: rotate(90deg);left: auto;right: var(--side-offset);top: auto;bottom: 100%;}

.tooltip_wrap[position="bottom right"] .tooltip_content,
.tooltip_wrap[position="bottom right"][arrow] .tooltip_content {transform: none;left: calc(0px - var(--side-offset));top: calc(100% + var(--arrow-offset));}
.tooltip_wrap[position="bottom right"][arrow] .tooltip_content:before {transform: rotate(90deg);right: auto;left: var(--side-offset);top: auto;bottom: 100%;}
.tooltip_wrap:hover .tooltip_content { opacity: 1; pointer-events: all; }
.tooltip_content {transition: 0.5s;opacity: 0;pointer-events: none;}
/* TOOLTIP CSS END */



/* HOME COLLECTION CSS START*/
.hover-txt{position: static; background-color: transparent !important; height: auto; outline: none !important; color: inherit !important; opacity: 1;     justify-content: flex-start; padding: 0;  text-align: left;   align-items: flex-start;}
.exp_box .des {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.exp_box {padding: 1.5rem; border: solid 1px var(--theme-color);  height: 100%;   }
.exp_box_text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: end;}
.explore_slider  .swiper-slide {height: auto !important;}
a.explore_item {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.pagination_btn_wrap .pagination_btn { margin: 0 0.2rem; height: 3.125rem; width: 3.125rem; border: solid 2px var(--theme-color); font-size: 1.2rem; display: flex; transition: 0.5s; align-items: center; justify-content: center; border-radius: 50px; color: var(--theme-color); }
/* HOME COLLECTION CSS END*/


.explore_slider {padding-left: .5rem;}


.plan_grid.active .plan-item:nth-child(4)>img:not(.plan_icon) {
  height: 26.624rem;
}
h2.banner_title.banner_textanim>div {
  display: flex;
}

.donor_home_inner {display: flex; gap: 1rem; position: relative;     z-index: 1;}
.donor_home_inner img {flex: 1;}
.donor_wrap_home {position: relative;  padding-top: 2rem;  }

/* .donor_wrap_home:after {    content: "";
  left: 0;
  width: 100%;
  background-color: transparent;
  background-image: url(../images/pattern.svg);
  background-size: 10rem;
  opacity: 0.1;
  filter: brightness(100); 
  height: 100%;
  background-position: -.2rem; position: absolute; top: 0;} */

  .donors_data_slider { position: absolute; top: 0; left: 0; width: 100%;     height: 100%;    display: flex;
    align-items: center; }
  .SwiperImgDonors img {width: 100%;}
  .donors_data_inner {display: flex;  justify-content: space-between;    width: 85%;
    margin-inline: auto;}
  .donors_data_inner .logo{width: 30%;    align-self: center; }
  .donors_data_inner .data{ width: 60%;}
  .donors_data_inner .head { font-size: 2rem; font-weight: 600; color: var(--white); padding-bottom: 2rem; }
  .donors_data_inner ul {display: flex; justify-content: space-between; flex-wrap: wrap; list-style: none; margin: 0; padding: 0;} 
  .donors_data_inner ul li { width: 100%;     font-size: 1.5rem; margin-bottom: 0.5rem;  color: var(--white); position: relative; padding-left: 3rem;}
  .donors_data_inner ul li:before {background-image: url(../images/arrow-donors.png); content: ''; height: 18px; width: 18px; position: absolute;     top: 6px; left: 0; }
  .supported_logo_wrap {display: flex; text-align: center;}
  .supported_logo_wrap .supported_logo:first-child svg  path{fill: var(--white) !important;}
  .supported_logo_wrap .supported_logo:first-child svg {width: 80%;    height: auto;}
  .supported_logo_wrap .supported_logo:nth-child(2) svg {width: 100%;}
  .supported_logo_wrap .supported_logo:nth-child(3) svg {width: 80%;}
  .supported_logo_wrap .supported_logo span {font-size: 2rem; color: var(--white);}
  .SwiperDataDonors .swiper-slide  { height: initial !important;}
  .SwiperDataDonors .container {height: 100%; display: flex; align-items: center;}

  /* .supported_logo_wrap .supported_logo svg {width: 100%;} */

  .donors_btn_wrap >div {width: 3.75rem; height: 3.75rem; border: none; color: var(--white); background-color: var(--theme-color); border-radius: 50%; transition: all ease 0.5s; cursor: pointer; margin-left: 0.7rem; font-size: 1.42rem; justify-content: center; align-items: center; display: flex;}
  .donors_btn_wrap { display: flex; justify-content: space-between; padding: 0 6rem; position: absolute; top: 50%; left: 0; width: 100%;     z-index: 2;}

  .donors-slide-pagination{position:absolute;bottom:0!important;width:100%!important;z-index:1;text-align:center;padding: 4rem 0;pointer-events:none}
.donors-slide-pagination .swiper-pagination-bullet{pointer-events:all;width:.938rem;height:.938rem;margin:0 .5rem!important;opacity:1;background-color: var(--white500);outline:transparent solid 1px;transition:.5s}
.donors-slide-pagination .swiper-pagination-bullet-active{background-color:var(--white);outline-offset: 0.25rem;outline-color:var(--white)}