blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0;border:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}progress{vertical-align:baseline}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}body,button,input,select,textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;text-transform:none;font-size:17px;line-height:1.5}p{margin-bottom:1.5em}h1,h2,h3,h4,h5,h6{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}pre{background:rgba(0,0,0,.05);font-family:inherit;font-size:inherit;line-height:normal;margin-bottom:1.5em;padding:20px;overflow:auto;max-width:100%}blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;position:relative}blockquote p:last-child{margin:0}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}td,th{padding:8px}th{border-width:0 1px 1px 0}td{border-width:0 1px 1px 0}hr{background-color:rgba(0,0,0,.1);border:0;height:1px;margin-bottom:40px;margin-top:40px}fieldset{padding:0;border:0;min-width:inherit}fieldset legend{padding:0;margin-bottom:1.5em}h1{font-size:42px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h2{font-size:35px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h3{font-size:29px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h4{font-size:24px}h5{font-size:20px}h4,h5,h6{margin-bottom:20px}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}address{margin:0 0 1.5em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{text-decoration:none}sub,sup{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}table{margin:0 0 1.5em;width:100%}th{font-weight:700}img{height:auto;max-width:100%}button,input[type=button],input[type=reset],input[type=submit]{background:#55555e;color:#fff;border:1px solid transparent;cursor:pointer;-webkit-appearance:button;padding:10px 20px}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid;border-radius:0;padding:10px 15px;max-width:100%}textarea{width:100%}a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out}a{text-decoration:none}.button,.wp-block-button .wp-block-button__link{padding:10px 20px;display:inline-block}.wp-block-button .wp-block-button__link{font-size:inherit;line-height:inherit}.using-mouse :focus{outline:0}.using-mouse ::-moz-focus-inner{border:0}.alignleft{float:left;margin-right:1.5em}.alignright{float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin:0 auto}.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}.no-sidebar .entry-content .alignfull{margin-left:calc(-100vw / 2 + 100% / 2);margin-right:calc(-100vw / 2 + 100% / 2);max-width:100vw;width:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.main-navigation{z-index:100;padding:0;clear:both;display:block}.main-navigation a{display:block;text-decoration:none;font-weight:400;text-transform:none;font-size:15px}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px;line-height:60px}.inside-navigation{position:relative}.main-navigation .inside-navigation{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.main-navigation .main-nav>ul{display:flex;flex-wrap:wrap;align-items:center}.main-navigation li{position:relative}.main-navigation .menu-bar-items{display:flex;align-items:center;font-size:15px}.main-navigation .menu-bar-items a{color:inherit}.main-navigation .menu-bar-item{position:relative}.main-navigation .menu-bar-item.search-item{z-index:20}.main-navigation .menu-bar-item>a{padding-left:20px;padding-right:20px;line-height:60px}.sidebar .main-navigation .main-nav{flex-basis:100%}.sidebar .main-navigation .main-nav>ul{flex-direction:column}.sidebar .main-navigation .menu-bar-items{margin:0 auto}.sidebar .main-navigation .menu-bar-items .search-item{order:10}.nav-align-center .inside-navigation{justify-content:center}.nav-align-center .main-nav>ul{justify-content:center}.nav-align-right .inside-navigation{justify-content:flex-end}.main-navigation ul ul{display:block;box-shadow:1px 1px 0 rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}.main-navigation ul ul a{display:block}.main-navigation ul ul li{width:100%}.main-navigation .main-nav ul ul li a{line-height:normal;padding:10px 20px;font-size:14px}.main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}.main-navigation.sub-menu-left ul ul{box-shadow:-1px 1px 0 rgba(0,0,0,.1)}.main-navigation.sub-menu-left .sub-menu{right:0}.main-navigation:not(.toggled) ul li.sfHover>ul,.main-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}.main-navigation:not(.toggled) ul ul li.sfHover>ul,.main-navigation:not(.toggled) ul ul li:hover>ul{left:100%;top:0}.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover>ul,.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover>ul{right:100%;left:auto}.nav-float-right .main-navigation ul ul ul{top:0}.menu-item-has-children .dropdown-menu-toggle{display:inline-block;height:100%;clear:both;padding-right:20px;padding-left:10px}.menu-item-has-children ul .dropdown-menu-toggle{padding-top:10px;padding-bottom:10px;margin-top:-10px}.sidebar .menu-item-has-children .dropdown-menu-toggle,nav ul ul .menu-item-has-children .dropdown-menu-toggle{float:right}.widget-area .main-navigation li{float:none;display:block;width:100%;padding:0;margin:0}.sidebar .main-navigation.sub-menu-right ul li.sfHover ul,.sidebar .main-navigation.sub-menu-right ul li:hover ul{top:0;left:100%}.sidebar .main-navigation.sub-menu-left ul li.sfHover ul,.sidebar .main-navigation.sub-menu-left ul li:hover ul{top:0;right:100%}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 2em;overflow:hidden}.site-main .post-navigation{margin-bottom:0}.paging-navigation .nav-next,.paging-navigation .nav-previous{display:none}.paging-navigation .nav-links>*{padding:0 5px}.paging-navigation .nav-links .current{font-weight:700}.nav-links>:first-child{padding-left:0}.site-header{position:relative}.inside-header{padding:20px 40px}.main-title{margin:0;font-size:25px;line-height:1.2em;word-wrap:break-word;font-weight:700;text-transform:none}.site-description{margin:0;line-height:1.5;font-weight:400;text-transform:none;font-size:15px}.site-logo{display:inline-block;max-width:100%}.site-header .header-image{vertical-align:middle}.inside-header{display:flex;align-items:center}.header-widget{margin-left:auto}.header-widget p:last-child{margin-bottom:0}.nav-float-right .header-widget{margin-left:20px}.nav-float-right #site-navigation{margin-left:auto}.nav-float-left #site-navigation{margin-right:auto;order:-10}.nav-float-left .header-widget{margin-left:0;margin-right:20px;order:-15}.header-aligned-center:not([class*=nav-float-]) .inside-header{justify-content:center;flex-direction:column;text-align:center}.header-aligned-center:not([class*=nav-float-]) .header-widget{margin-left:auto;margin-right:auto}.header-aligned-center:not([class*=nav-float-]) .inside-header>:not(:first-child){margin-top:1em}.header-aligned-right:not([class*=nav-float-]) .inside-header{justify-content:flex-end}.header-aligned-right:not([class*=nav-float-]) .header-widget{margin-right:auto;margin-left:0;order:-10}.site-branding-container{display:inline-flex;align-items:center;text-align:left;flex-shrink:0}.site-branding-container .site-logo{margin-right:1em}.sticky{display:block}.entry-header .gp-icon,.posted-on .updated{display:none}.byline,.entry-header .cat-links,.entry-header .comments-link,.entry-header .tags-links,.group-blog .byline,.single .byline{display:inline}footer.entry-meta .byline,footer.entry-meta .posted-on{display:block}.entry-content:not(:first-child),.entry-summary:not(:first-child),.page-content:not(:first-child){margin-top:2em}.page-links{clear:both;margin:0 0 1.5em}.archive .format-aside .entry-header,.archive .format-status .entry-header,.archive .format-status .entry-meta,.archive .format-status .entry-title,.blog .format-aside .entry-header,.blog .format-status .entry-header,.blog .format-status .entry-meta,.blog .format-status .entry-title{display:none}.archive .format-aside .entry-content,.archive .format-status .entry-content,.blog .format-aside .entry-content,.blog .format-status .entry-content{margin-top:0}.archive .format-status .entry-content p:last-child,.blog .format-status .entry-content p:last-child{margin-bottom:0}.entry-header,.site-content{word-wrap:break-word}.entry-title{margin-bottom:0}.author .page-header .page-title{display:flex;align-items:center}.author .page-header .avatar{margin-right:20px}.page-header .author-info>:last-child,.page-header>:last-child{margin-bottom:0}.entry-meta{font-size:85%;margin-top:.5em;line-height:1.5}footer.entry-meta{margin-top:2em}.cat-links,.comments-link,.tags-links{display:block}.entry-content>p:last-child,.entry-summary>p:last-child,.page-content>p:last-child,.read-more-container,.taxonomy-description p:last-child{margin-bottom:0}.wp-caption{margin-bottom:1.5em;max-width:100%;position:relative}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto 0;max-width:100%}.wp-caption .wp-caption-text{font-size:75%;padding-top:5px;opacity:.8}.wp-caption img{position:relative;vertical-align:bottom}.wp-block-image figcaption{font-size:13px;text-align:center}.wp-block-gallery,ul.blocks-gallery-grid{margin-left:0}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{background:rgba(255,255,255,.7);color:#000;padding:10px;box-sizing:border-box}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.site-main .gallery{margin-bottom:1.5em}.gallery-item img{vertical-align:bottom}.gallery-icon{padding:5px}embed,iframe,object{max-width:100%}.wp-block-post-template{margin-left:0}.widget-area .widget{padding:40px}.widget select{max-width:100%}.footer-widgets .widget :last-child,.sidebar .widget :last-child{margin-bottom:0}.widget-title{margin-bottom:30px;font-size:20px;line-height:1.5;font-weight:400;text-transform:none}.widget ol,.widget ul{margin:0}.widget .search-field{width:100%}.widget .search-form{display:flex}.widget .search-form button.search-submit{font-size:15px}.footer-widgets .widget{margin-bottom:30px}.footer-widgets .widget:last-child,.sidebar .widget:last-child{margin-bottom:0}.widget ul li{list-style-type:none;position:relative;margin-bottom:.5em}.widget ul li ul{margin-left:1em;margin-top:.5em}.wp-calendar-table{table-layout:fixed}.site-content{display:flex}.grid-container{margin-left:auto;margin-right:auto;max-width:1200px}.page-header,.sidebar .widget,.site-main>*{margin-bottom:20px}.both-left .inside-left-sidebar,.both-right .inside-left-sidebar{margin-right:10px}.both-left .inside-right-sidebar,.both-right .inside-right-sidebar{margin-left:10px}.one-container.both-right .site-main,.one-container.right-sidebar .site-main{margin-right:40px}.one-container.both-left .site-main,.one-container.left-sidebar .site-main{margin-left:40px}.one-container.both-sidebars .site-main{margin:0 40px 0 40px}.one-container.archive .post:not(:last-child):not(.is-loop-template-item),.one-container.blog .post:not(:last-child):not(.is-loop-template-item){padding-bottom:40px}.one-container .site-content{padding:40px}.separate-containers .comments-area,.separate-containers .inside-article,.separate-containers .page-header,.separate-containers .paging-navigation{padding:40px}.separate-containers .site-main{margin:20px}.separate-containers.no-sidebar .site-main{margin-left:0;margin-right:0}.separate-containers.both-right .site-main,.separate-containers.right-sidebar .site-main{margin-left:0}.separate-containers.both-left .site-main,.separate-containers.left-sidebar .site-main{margin-right:0}.separate-containers .inside-left-sidebar,.separate-containers .inside-right-sidebar{margin-top:20px;margin-bottom:20px}.inside-page-header{padding:40px}.widget-area .main-navigation{margin-bottom:20px}.one-container .site-main>:last-child,.separate-containers .site-main>:last-child{margin-bottom:0}.full-width-content .container.grid-container{max-width:100%}.full-width-content.no-sidebar.separate-containers .site-main{margin:0}.full-width-content.one-container .site-content,.full-width-content.separate-containers .inside-article{padding:0}.full-width-content .entry-content .alignwide{margin-left:0;width:auto;max-width:unset}.contained-content.one-container .site-content,.contained-content.separate-containers .inside-article{padding:0}.sidebar .grid-container{max-width:100%;width:100%}.both-left .is-left-sidebar,.both-sidebars .is-left-sidebar,.left-sidebar .sidebar{order:-10}.both-left .is-right-sidebar{order:-5}.both-right .is-left-sidebar{order:5}.both-right .is-right-sidebar,.both-sidebars .is-right-sidebar{order:10}.inside-site-info{display:flex;align-items:center;justify-content:center;padding:20px 40px}.site-info{text-align:center;font-size:15px}.post-image:not(:first-child){margin-top:2em}.featured-image{line-height:0}.separate-containers .featured-image{margin-top:20px}.separate-containers .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.one-container .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.gp-icon{display:inline-flex;align-self:center}.gp-icon svg{height:1em;width:1em;top:.125em;position:relative;fill:currentColor}.close-search .icon-search svg:first-child,.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:first-child{display:none}.close-search .icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(2){display:block}.entry-meta .gp-icon{margin-right:.6em;opacity:.7}nav.toggled .icon-arrow-left svg{transform:rotate(-90deg)}nav.toggled .icon-arrow-right svg{transform:rotate(90deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon svg{transform:rotate(180deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-left svg{transform:rotate(-270deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-right svg{transform:rotate(270deg)}.container.grid-container{width:auto}.menu-toggle,.mobile-bar-items,.sidebar-nav-mobile{display:none}.menu-toggle{padding:0 20px;line-height:60px;margin:0;font-weight:400;text-transform:none;font-size:15px;cursor:pointer}.menu-toggle .mobile-menu{padding-left:3px}.menu-toggle .gp-icon+.mobile-menu{padding-left:9px}.menu-toggle .mobile-menu:empty{display:none}button.menu-toggle{background-color:transparent;flex-grow:1;border:0;text-align:center}button.menu-toggle:active,button.menu-toggle:focus,button.menu-toggle:hover{background-color:transparent}.has-menu-bar-items button.menu-toggle{flex-grow:0}nav.toggled ul ul.sub-menu{width:100%}.toggled .menu-item-has-children .dropdown-menu-toggle{padding-left:20px}.main-navigation.toggled .main-nav{flex-basis:100%;order:3}.main-navigation.toggled .main-nav>ul{display:block}.main-navigation.toggled .main-nav li{width:100%;text-align:left}.main-navigation.toggled .main-nav ul ul{transition:0s;visibility:hidden;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.05)}.main-navigation.toggled .main-nav ul ul li:last-child>ul{border-bottom:0}.main-navigation.toggled .main-nav ul ul.toggled-on{position:relative;top:0;left:auto!important;right:auto!important;width:100%;pointer-events:auto;height:auto;opacity:1;display:block;visibility:visible;float:none}.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle{float:right}.mobile-menu-control-wrapper{display:none;margin-left:auto;align-items:center}.has-inline-mobile-toggle #site-navigation.toggled{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search .nav-search-active{position:relative}.has-inline-mobile-toggle #site-navigation.has-active-search .navigation-search input{outline:auto}.nav-float-left .mobile-menu-control-wrapper{order:-10;margin-left:0;margin-right:auto;flex-direction:row-reverse}@media (max-width:768px){.hide-on-mobile{display:none!important}a,body,button,input,select,textarea{transition:all 0s ease-in-out}.inside-header{flex-direction:column;text-align:center}.site-header .header-widget{margin-top:1.5em;margin-left:auto;margin-right:auto;text-align:center}.site-content{flex-direction:column}.container .site-content .content-area{width:auto}.is-left-sidebar.sidebar,.is-right-sidebar.sidebar{width:auto;order:initial}.is-left-sidebar+.is-right-sidebar .inside-right-sidebar{margin-top:0}.both-left .inside-left-sidebar,.both-left .inside-right-sidebar,.both-right .inside-left-sidebar,.both-right .inside-right-sidebar{margin-right:0;margin-left:0}#main{margin-left:0;margin-right:0}body:not(.no-sidebar) #main{margin-bottom:0}.alignleft,.alignright{float:none;display:block;margin-left:auto;margin-right:auto}.comment .children{padding-left:10px;margin-left:0}.entry-meta{font-size:inherit}.entry-meta a{line-height:1.8em}}@media (min-width:769px) and (max-width:1024px){.hide-on-tablet{display:none!important}}@media (min-width:1025px){.hide-on-desktop{display:none!important}}

/* umair css */

body{
  overflow-x: hidden;
}

.wpcf7 form.sent .wpcf7-response-output
 {
    border-color: #46b450;
    color: #fff !important;
    text-align: center;
}

 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

    @property --angle {
      syntax: '<angle>';
      initial-value: 0deg;
      inherits: true;
    }

    @keyframes rotate {
      to {
        --angle: 360deg;
      }
    }

blockquote,
.image-content small{
  display: none !important;
}

html{
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

.section {
  opacity: 0;
  transform: translateY(50px);
  transition: all 1s ease;
}

.section.visible {
  opacity: 1;
  transform: translateY(0);
}


body::-webkit-scrollbar-thumb {
    background: #c49b59;
}

body::-webkit-scrollbar {
    width: 8px;
}


.gp-icon {
  
  color: #c49b59;
  font-size: 25px;
}

.menu-toggle{
  background: #0c0c0c !important;
}



.featured-image {
    display: none !important;
}

body, input, textarea, select,p {
    font-family: 'Belleza', Helvetica, Arial, Lucida, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  /* font-family: "Playfair Display", serif; */
  font-family: 'Syncopate', Helvetica, Arial, Lucida, sans-serif;
  letter-spacing: 0.5px;
  line-height: 1.3;
  /* color: #d4af37;  gold*/
  color:#bf9757;
}

p, a, li {
 
  line-height: 1.7;
  /* color: #ddd; */
  color: #E4E4E4;
}

h2 {
    font-size: 50px;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 1em;
    text-transform: none;
  
}

label {
    display: inline-block;
    color: #bf9757 !important;
}

blockquote {
    padding: 5px !important;
}
small {
    font-size: 75%;
    float: right;
    width: 100%;
    text-align: end;
}
/* reservation page contact us page hide */
body.page-id-289 #menu-item-75 {
    display: none !important;
}

body.page-id-289 .wpcf7-response-output{
      color: #fff;
    text-align: center;
    padding: 15px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #c49b59 !important;
    transform: translateX(-50%);
    position: relative;
    left: 50%;
}
}

.wp-container-core-columns-is-layout-9d6595d7{
  margin-bottom:0px !important
  }

.main-nav ul li a{
    color: #bf9757 !important;
   
    font-size: 18px;
    padding: 0px 12px !important ;
}

.entry-content{
  margin-top: 0px !important;
  /* background: #a49253; */
  /* background-color: #1a1a1a; */
  background: linear-gradient(rgb(0 0 0 / 86%), rgb(0 0 0 / 76%)), url(https://gandhi-indian.co.uk/wp-content/uploads/2025/10/close-up-black-marble-background-min-1-scaled.jpg);
    background-size: contain;
}

.entry-title{
  display: none !important;
}
#page{
  padding:0px !important;
}
.site-header,
.main-navigation .main-nav>ul  {
    /* background-color: var(--base-3); */
    background: #0C0C0C!important;
}

.custom-margin{
  padding: 50px 0px;
}

.menu-title h2,
.resv-title h2{
  color:#fff !important;
}

.menu-pg-sec {
  height: 350px !important;
}

 section.hero-section,
 .menu-pg-sec {
      position: relative;
      width: 100%;
      height: 700px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      overflow: hidden;
      color: #fff;
     -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    }

    /* Background image */

    .menu-pg-sec::before {
      content: "" !important;
      position: absolute !important; 
      inset: 0 !important;
      background: url("https://gandhi-indian.co.uk/wp-content/uploads/2025/10/P1527938-scaled.jpg")
        center/cover no-repeat !important;
      z-index: 1 !important;
    }
 
    section.hero-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background: url("https://gandhi-indian.co.uk/wp-content/uploads/2025/10/P1527931-scaled.jpg")
        center/cover no-repeat;
      z-index: 1;
    }

    /* Dark overlay */
    section.hero-section::after,
    .menu-pg-sec::after {
      content: "";
      position: absolute;
      inset: 0;
      /* background: rgba(0, 0, 0, 0.65); */
      background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
      z-index: 2;
    }
   a{
    text-decoration: none !important;
   }

    /* Big faint "G" letter */
    .hero-bg-letter {
      position: absolute;
      font-size: 35rem;
      font-weight: 800;
      color: rgba(220 202 135 / 9%);
      z-index: 3;
      line-height: 1;
      pointer-events: none;
      user-select: none;
         font-family: 'Playfair';
    }

    /* Hero content */
    .hero-content {
      position: relative;
      z-index: 4;
      width: 75%;
       max-width: 100%;
      padding: 0 20px;
      animation: fadeIn 1.5s ease forwards;
    }

    .hero-content h5 {
    
      font-size: 1rem;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      margin-bottom: 15px;
      color: #fff;
    }

    .hero-content h1 {
    font-size: 40px;
    font-weight: 800;
    line-height: 55px;
    
    color: #fff;
    }

    .hero-content p {
      color: #ccc;
      font-size: 1rem;
      margin-bottom: 30px;
    }

    .btn-custom,
    .cta-section .btn-custom {
  background-color: #bf9757;
  color: #111;
  border: none;
  padding: 12px 28px;
  font-weight: 600;
  transition: all 0.3s ease;
  margin: 0px 10px;
}

.btn-custom:hover {
  background-color: transparent;
  color: #bf9757;
  border: 2px solid #bf9757;
  box-shadow: 0 0 15px rgba(212, 175, 55, 0.6);
}

    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(20px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

.social-icons i{
  color: #bf9757 !important;
}

.aboutimg img {
  transition: transform 1.2s cubic-bezier(.63, .25, .25, 1), 
              visibility 0.3s ease;
  transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  visibility: visible; /* or 'hidden' if you want it to appear only on hover */
}

.aboutimg:hover img {
  transform: perspective(800px) rotateX(0deg) rotateY(7deg);
  visibility: visible;
}

.aboutus-col{
  height: 680px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

/* counter css  */

  section.counter-section {
      background: url('https://gandhi-indian.co.uk/wp-content/uploads/2025/10/1.png') no-repeat center center/cover;
      position: relative;
      padding: 120px 0;
      text-align: center;
      color: #fff;
      mask-image: linear-gradient(to top, black 92%, transparent 100%);
    }

    section.counter-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.4);
      z-index: 1;
    }

    .counter-box {
      position: relative;
      z-index: 2;
    }

    .counter-icon {
      font-size: 2rem;
      color: #bf9757;
      margin-bottom: 10px;
    }

    .counter {
      font-size: 3rem;
      font-weight: 700;
      color: #bf9757;
       
    }

    .counter-title {
      margin-top: 10px;
      font-size: 1rem;
      color: #fff;
      position: relative;
    }

    .counter-title::after {
      content: "";
      display: block;
      width: 50px;
      height: 2px;
      background: #fff;
      margin: 10px auto;
    }


/* blury image */

    .image-hover-section {
      display: flex;
      width: 100%;
      height: 90vh;
      overflow: hidden;
      transition: all 0.8s ease-in-out;
    }

    .image-panel {
      position: relative;
      flex: 1;
      overflow: hidden;
      transition: all 0.8s ease-in-out;
      cursor: pointer;
    }

    .image-panel img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 1s ease, filter 1s ease;
    }

    .image-panel::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.5);
      transition: opacity 0.8s ease;
      z-index: 1;
    }

    .image-content {
      position: absolute;
      bottom: 40px;
      left: 50px;
      z-index: 2;
      color: #fff;
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.8s ease;
      padding: 15px;
      background-color: rgb(12 12 12 / 82%);
      backdrop-filter: blur(2px);
      /* border-radius: 50px 0px 50px; */
    }

    .image-content h2 {
      font-size: 2rem;
      margin-bottom: 10px;
    }

    .image-content p {
      font-size: 0.95rem;
      color: #ddd;
      margin-bottom: 10px;
      max-width: 300px;
    }

    .image-content a {
      color: #dcca87;
      text-decoration: none;
      font-size: 0.9rem;
      letter-spacing: 1px;
      text-transform: uppercase;
    }

    /* Hover Effect */
    .image-panel.active {
      flex: 3.5;
    }

    .image-panel.active img {
      transform: scale(1.1);
      filter: brightness(1);
    }

    .image-panel.active::before {
      opacity: 0;
    }

    .image-panel.active .image-content {
      opacity: 1;
      transform: translateY(0);
    }

    .image-panel:not(.active) {
      flex: 0.6;
    }

    .image-panel:not(.active) img {
      filter: brightness(0.4) blur(2px);
      transform: scale(1.05);
    }

.footer-logo img{
	width: 200px;
  }

 footer {
     padding: 60px 20px 20px;
    background: #0c0c0c;
    border-top: 1px solid rgba(212, 175, 55, 0.3);
    color: #ccc;
    }

    footer .footer-title {
      color: #bf9757;
      font-weight: 500;
      font-size: 1.5rem;
      margin-bottom: 15px;
    }

    footer h2.brand {
      font-family: "Cormorant Garamond", serif;
      font-weight: 600;
      color: #bf9757;
      font-size: 2rem;
      letter-spacing: 2px;
      margin-bottom: 15px;
    }

    footer h4 {
      
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      margin-bottom: 10px;
    }

    footer p, footer a {
      color: #cfcfcf;
      font-size: 0.95rem;
      text-decoration: none;
      margin-bottom: 0px !important;
    }

    footer a:hover {
      color: #bf9757;
    }

    footer .gold {
      color: #bf9757;
    }

    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,0.1);
      margin-top: 40px;
      padding-top: 15px;
      font-size: 0.9rem;
      color: #cfcfcf;
    }

.site-info{
  display: none;
}


 
  /* ===== Parent Section ===== */
    .section-carousel {
      overflow: hidden;
      position: relative;
    }

    /* ===== Carousel Item ===== */
    .section-carousel .item {
      position: relative;
      overflow: hidden;
      border-radius: 10px;
    }

    .section-carousel .item img {
      width: 100%;
      /* height: 80vh;
      object-fit: cover; */
      /* filter: brightness(20%); */
      transition: all 0.6s ease;
    }

    /* Hover zoom effect */
    .section-carousel .item:hover img {
      transform: scale(1.05);
      filter: brightness(30%);
      
    }

    /* ===== Overlay Text ===== */
    .section-carousel .overlay-text {
      position: absolute;
      bottom: 0px;
      left: 10px;
      z-index: 10;
      color: #fff;
      transition: all 0.4s ease;
    }

    .section-carousel .overlay-text h4 {
      
      font-size: 15px;
      color: #bf9757;
      margin-bottom: 5px;
      /* display:none; */
    }

    .section-carousel .overlay-text p {
      font-size: 13px !important;
      color: #eee;
      padding-right: 10px;
      overflow: hidden;
      line-height: 18px;
      text-overflow: ellipsis;
      display: -webkit-box !important;
      -webkit-line-clamp:2 !important;
      -webkit-box-orient: vertical !important;
    }

    /* ===== Overlay gradient effect ===== */
    .section-carousel .item::before {
      content: "";
      position: absolute;
      inset: 0;
      /* background: rgba(0, 0, 0, 0.4); */
       background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 100%)) !important;
      transition: background 0.4s ease;
    }

  

    /* ===== Owl Dots ===== */
    .section-carousel .owl-dots {
      text-align: center;
      margin-top: 30px;
    }

    .section-carousel .owl-dot span {
      width: 12px;
      height: 12px;
      background: #dcca87;
      border-radius: 50%;
      display: inline-block;
      margin: 0 5px;
      transition: all 0.3s;
    }

    .section-carousel .owl-dot.active span {
      transform: scale(1.3);
      background: #fff;
    }

    .stunning-section {
      font-family: 'Segoe UI', sans-serif;
      /* background-color: #1a1a1a; */
      padding: 50px 15px;
      color: #333;
    }

    .stunning-section .section-title {
      text-align: center;
      margin-bottom: 60px;
    }

    .stunning-section .section-title small {
      color: #999;
      font-style: italic;
      font-size: 16px;
    }

    .stunning-section .section-title h2 {
      font-weight: 700;
      /* font-size: 32px;
      margin-top: 10px;
      color: #111; */
    }

    .stunning-section .card-feature {
      position: relative;
      background: #1a1a1a;
      /* border-radius: 15px; */
      padding: 25px;
      height:200px;
      text-align: center;
      border: 2px solid #bf9757;
      transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
      overflow: hidden;
    }

    .stunning-section .card-feature::before {
      content: "";
      position: absolute;
      top: -100%;
      left: -100%;
      width: 300%;
      height: 300%;
      background: linear-gradient(135deg, rgb(245 211 108 / 12%), rgba(255, 255, 255, 0.02));
      transform: rotate(25deg);
      transition: all 0.6s ease;
      z-index: 0;
    }

    .stunning-section .card-feature:hover::before {
      top: 0;
      left: 0;
    }

    .stunning-section .card-feature:hover {
      transform: translateY(-10px) scale(1.02);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
      border-color: #bf9757;
    }

    .stunning-section .card-feature i {
      font-size: 40px;
      color: #bf9757;
      margin-bottom: 20px;
      transition: transform 0.5s ease, color 0.3s ease;
      z-index: 1;
      position: relative;
    }

    .stunning-section .card-feature:hover i {
      transform: scale(1.2) rotate(5deg);
      color: #bf9757;
    }

    .stunning-section .card-feature h5 {
      font-weight: 600;
      color:#fff;
      font-size: 18px;
      margin-bottom: 12px;
      z-index: 1;
      position: relative;
    }

    .stunning-section .card-feature p {
      color: #eaeaea;
      font-size: 13px;
      z-index: 1;
      position: relative;
      overflow: hidden;
      margin: 10px 0px !important;
      text-overflow: ellipsis;
      display: -webkit-box !important;
      -webkit-line-clamp: 3 !important;
      -webkit-box-orient: vertical !important;
    }

/* animated image borders */
.shiny-image-wrapper {
      position: relative;
      display: inline-block;
      padding: 5px;
      border-radius: 1rem;
      animation: rotate 10s linear infinite;
      --angle: 0deg;
    }

    .shiny-image-wrapper::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background: conic-gradient(
        from calc(-1 * var(--angle)) at 50% 50%,
        transparent 0%,
        rgba(255, 203, 164, 1) 15%, 
        transparent 30%
      );
      z-index: 1;
    }

    .shiny-image-wrapper::after {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background: conic-gradient(
        from calc(-1 * var(--angle)) at 50% 50%,
        transparent 0%,
        rgba(255, 203, 164, 0.8) 15%,
        transparent 40%
      );
      filter: blur(25px);
      z-index: 0;
    }

    .shiny-image {
      display: block;
      width: 100%;
      height: auto;
      border-radius: calc(1rem - 5px);
      position: relative;
      z-index: 2;
    }

    /* .shiny-img-2 img{
      width:555px;
      height: 500px;
      object-fit: cover;
      object-position: center;
    } */

    

/* gallery */


 section.menu-gallery {
      padding: 50px;
      /* background: linear-gradient(180deg, #0b0b0b 0%, #1a1a1a 100%); */
      text-align: center;
    }

    .menu-gallery .section-header h5 {
      color: #e0b973;
      letter-spacing: 2px;
      text-transform: uppercase;
      font-weight: 600;
      margin-bottom: 10px;
    }

    .menu-gallery .section-header h2 {
      font-size: 2.5rem;
      margin-bottom: 15px;
      font-weight: 700;
    }

    .menu-gallery .section-header p {
      color: #ccc;
      font-size: 1rem;
      max-width: 600px;
      margin: 0 auto 50px;
      line-height: 1.6;
    }

    .swiper {
      width: 100%;
      padding-bottom: 40px;
    }

    .swiper-slide {
      background: #1a1a1a;
      border-radius: 15px;
      overflow: hidden;
      position: relative;
      cursor: pointer;
      aspect-ratio: 1 / 1;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.6s ease, filter 0.6s ease;
    }

    .swiper-slide:hover img {
      transform: scale(1.05);
      filter: brightness(70%);
    }

    .overlay {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 20px;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
      opacity: 0;
      transition: opacity 0.4s ease;
    }

    .swiper-slide:hover .overlay {
      opacity: 1;
    }

    .overlay h3 {
      color: #fff;
      margin-bottom: 5px;
      font-size: 1.2rem;
      font-weight: 600;
      display: none;
    }

    .overlay p {
      color: #ddd;
      font-size: 0.9rem;
      display: none;
    }

    .swiper-button-next,
    .swiper-button-prev {
      color: #e0b973;
    }

    .swiper-pagination-bullet {
      background: #e0b973;
      opacity: 0.7;
    }

    .swiper-pagination-bullet-active {
      background: #fff;
    }


.contactus-sec {
    /* background: 
    linear-gradient(rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.78)), 
    url('http://azharuli4.sg-host.com/wp-content/uploads/2025/10/2148723447-min.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; */
   background: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0 / 100%)), url(https://gandhi-indian.co.uk/wp-content/uploads/2025/10/contactus.jpeg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
}

.wpcf7-form-control-wrap input
 {
    width: 100% !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #7b7a88 !important;
    background: transparent !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
    padding-left: 0px !important;
    color: #fff !important;
}

textarea {
    height: 48px;
    width: 100%;
    resize: vertical;
    background: transparent !important;
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
    border-bottom: 1px solid #7b7a88 !important;
    padding-left: 0px !important;
    color: #fff !important;
}

.wpcf7-submit {
    width: 100%;
    border-radius: 10px;
    padding: 5px;
    color: #fff !important;
    font-weight: 600;
    margin-top: 15px;
    background: #f5d36c54 !important;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: transform 0.3s 
ease;
}

.wpcf7-submit:hover{
	transform: translateY(-10px);
}


.contactus-sec {
  position: relative;
  z-index: 1;
  mask-image: linear-gradient(to top, black 92%, transparent 100%);
}


/* ====== Reservation Form Styling ====== */
.reservation-form {
  
  background-color: #000;
  color: #fff;
  padding: 50px 30px;
  border-radius: 8px;
  max-width: 900px;
  margin: 40px auto 0px auto;
      mask-image: linear-gradient(to top, black 90%, transparent 100%);
}

.reservation-form h2 {
  text-align: center;
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
}

.reservation-form p {
  text-align: center;
  color: #bf9757 !important;
  font-size: 0.95rem;
  margin-bottom: 25px;
}
.message-box p{
  margin-bottom: 0px !important;
}

.reservation-form option{
  color:#000 !important;
}

.reservation-form .form-control,
.reservation-form .form-select {
  background-color: transparent;
  border: 1px solid #666 !important;
  color: #fff !important;
  border-radius: 0;
  padding: 10px 12px !important;
}

.reservation-form .form-control::placeholder {
  color: #888;
}

.reservation-form .form-control:focus,
.reservation-form .form-select:focus {
  border-color: #bf9757 ;
  box-shadow: none;
  background-color: transparent;
  color: #fff;
}

.reservation-form textarea {
  resize: none;
}

.reservation-form .btn-book {
  background-color: #d4af37;
  border: none;
  color: #000;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px;
  padding: 10px 40px;
  transition: all 0.3s ease;
}

.reservation-form .btn-book:hover {
  background-color: #e6c256;
  color: #000;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.reservation-form  input[type="tel"]{
  background-color: transparent !important;
  border: 1px solid #666 !important;
  padding: 10px 12px !important;
}


    /* ===== Responsive Adjustments ===== */
    @media (max-width: 992px) {
      /* .section-carousel .item img {
        height: 60vh;
      } */
      .section-carousel .overlay-text h3 {
        font-size: 1.6rem;
      }
    }

    @media (max-width: 576px) {
      /* .section-carousel .item img {
        height: 50vh;
      } */
      .section-carousel .overlay-text h3 {
        font-size: 1.3rem;
      }
    }
  
    /* Responsive layout */
    @media (max-width: 992px) {
      footer .col-lg-4 {
        margin-bottom: 40px;
      }
    }

    @media (max-width: 576px) {
      footer {
        padding: 40px 10px;
        
      }
      footer h2.brand {
        font-size: 1.7rem;
      }
      h2 {
     font-size: 35px !important;
    }

    .hero-content h1 {
        font-size: 22px !important;
        line-height: 38px !important;
    }

    }

    /* Responsive adjustments */
    @media (max-width: 992px) {
      .hero-content h1 {
        font-size: 25px;
        line-height: 35px;
      }
      .hero-bg-letter {
        font-size: 30rem;
      }
    }

    @media (max-width: 768px) {
      section.hero-section {
        height: 100vh !important;
      }

      footer {
       text-align: center;
      }

      .aboutus-col{
        height:auto !important
      }
      .menu-pg-sec {
      height: 100% !important;
    }

    .reservation-form {
    padding: 30px 20px;
    margin-bottom: 0px !important;
  }
    .resv-title h2{
      font-size: 33px !important;
    }
      .menu-title h2 {
          color: #fff !important;
          font-size: 42px !important;
          line-height: 45px !important;
      }
      .mbl-para-center p,
      .para-center,
      .gb-text{
        text-align:center;
      }

    .section-carousel .overlay-text p {
       font-size: 18px !important;
      }

    .section-carousel .overlay-text h4 {
    font-size: 30px !important;
    }
      /* .hero-content h1 {
        font-size: 2rem;
      } */
      .hero-content p {
        font-size: 12px !important;
      }
      .hero-bg-letter {
        font-size: 30rem;
        color: rgba(220 202 135 / 9%) !important;
      }
      
      /* .hero-content h1 {
        font-size: 16px !important;
        line-height: unset !important;
        margin-bottom: 7px !important;
      } */

      .btn-custom {
        font-size: 14px !important;
        padding: 12px 25px !important;
      }

      .contactus-sec {
    /* background:  
    /* linear-gradient(rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.78)), 
    url('http://azharuli4.sg-host.com/wp-content/uploads/2025/10/2148723447-min.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; */
  background: none !important;
  text-align: center;
}
      .custom-margin {
      padding: 20px 10px !important; 
    }

    .contactus-sec {
      background-size: cover !important;
      background-position: right !important;
    }

.image-hover-section {
  height: 70vh !important;
}
/* .image-content {
  display:none;
  } */
  
.image-content h2 {
    font-size: 16px !important;
}

small {
    font-size: 60% !important;
}

blockquote {
    font-size:15px !important;
}
.image-content p {
    font-size: 10px !important;
     margin-bottom: 5px !important;
         overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
}
.image-content {
    bottom: 10px !important;
    border-radius: 20px 0px !important;
    /* height: 45vh; */
}

.image-content a {
  font-size: 11px !important;
}
  .row-rev-class > div {
  display: flex;
  flex-direction: column-reverse;
}

.hero-content
 {
    width: 100% !important;
 }
 /* .hero-content h1{
   font-size: 35px !important;
   line-height: 30px !important;
 } */

 .menu-gallery .section-header h2 {
        font-size: 2rem;
      }

      .menu-gallery {
        padding: 70px 4%;
      }

    .stunning-section .card-feature {
      height:100% !important;

    }
    }

    @media (max-width: 480px) {
      section.hero-section {
        height: 500px !important;
        padding: 10px;
      }
      /* .hero-content h1 {
        font-size: 1.7rem;
        line-height: unset !important;
      } */
      .hero-content h5 {
        font-size: 0.9rem;
      }
      /* .hero-bg-letter {
        font-size: 15rem;
      } */
    }
    @media (prefers-color-scheme: dark) {
  input[type="date"] {
    color: #fff !important;
    background-color: #000 !important;
  }

  input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
  }
}

@media screen and (min-width: 2000px){
      
.max-limit-2 {
    width: 1440px !important;
    margin: 0 auto !important;
    }
      
.max-limit {
    left: 50% !important;
    transform: translate(-50%) !important;
    width: 1440px !important;
    margin: 0 auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    }
 }   

 @media (min-width: 768px) and (max-width: 992px) {

 #aboutus > div:first-of-type,
 .col-rev-class > div:first-of-type{
  flex-direction: column;
}

 .row-rev-class {
  flex-direction: column-reverse;
}

 .mb-padding{
  padding-top: 0px !important;
 }

.shiny-image-wrapper {
  width:100%;
}

 }