html {
  margin-top: 0px !important;
}
body {
  background-color: #000;
}
#wpadminbar,
#wpcom-launch-banner-wrapper {
  display: none !important;
}
a {
  text-decoration: none;
}

footer a:hover,
.wp-block-navigation__container
  .wp-block-navigation-item__content[aria-current="page"],
.wp-block-navigation__container .wp-block-navigation-item__content:hover {
  color: #cdab38;
  font-weight: bold;
}

/* Responsive start */
@media screen and (max-width: 480px) {
  #discount_code > span {
    padding: 8px 25px !important;
  }
  .site_logo {
    width: 150px !important;
  }
  .lets_chat_col {
    flex-direction: column-reverse !important;
  }
  .slide_out_sect {
    width: 100% !important;
    max-width: 100% !important;
  }

  .download_add * {
    max-width: 100% !important;
  }

  .footer_container .wp-block-group,
  .footer_container .wp-block-social-links,
  .footer_container .wp-block-column {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .wp-container-19.wp-container-19
    > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100% !important;
  }

  .jp-carousel-buttons,
  .jp-carousel-overlay .swiper-container .swiper-button-next,
  .jp-carousel-overlay .swiper-container .swiper-button-prev {
    display: block !important;
    padding: 20px 5px !important;
  }

  .jp-carousel-overlay .swiper-button-next svg,
  .jp-carousel-overlay .swiper-button-prev svg {
    background: transparent !important;
  }

  .download_book p {
    text-align: center !important;
  }

  .download_book .wp-block-column .wp-block-group {
    justify-content: center !important;
  }

  .most_popular .wp-block-media-text__content {
    padding: 0px !important;
  }

  .download_app_head {
    font-size: 20px !important;
  }

  footer .wp-block-site-logo.is-default-size img {
    width: 180px !important;
  }

  .bredcrumb_hero_title {
    font-size: 26px !important;
  }

  .most_popular,
  .vfm_text {
    display: none;
  }

  .post_breadcrumb_container .wp-block-post-title {
    font-size: 28px !important;
  }

  .post_breadcrumb_container * {
    max-width: 100% !important;
  }

  .wp-block-group .lets_chat_col {
    width: 60%;
    margin: 0px !important;
  }
  .home_blog_li {
    gap: 3.25rem !important;
  }
  .download_app_desc {
    font-size: 14px !important;
  }
  .menu_block {
    padding-top: 40px !important;
  }
  .menu_book_now {
    gap: 15px !important;
  }
  /* 	.slider_menu_sec{
		padding-top:70px;
	} */
}
/* Responsive end */

/* Header start */
header {
  position: absolute;
  top: 30px;
  z-index: 1000;
  width: 100%;
}

/* header.sticky{
	background:black;
} */
header nav button.wp-block-navigation__responsive-container-open {
  color: white !important;
}
/* Header end */

/* Slider start */
.slide_out_menu {
  cursor: pointer;
}

.slide_out_close {
  display: flex;
  justify-content: end;
}

.slide_out_close {
  cursor: pointer;
}

.slideout_menu_container {
  left: calc(100vw + 30px);
  top: 0px;
  transition: 0.3s;
  z-index: 10;
  position: fixed;
  top: 0;
}

.slide_out_sect {
  height: 100vh !important;
  width: 26%;
  float: right;
}

.slideout_menu_container {
  width: 100%;
  background: #000000ae;
}
/* Slider end */

/* Home page start */
.what_we_do .wp-block-cover {
  align-items: end !important;
}
/* :where(.wp-site-blocks) > :last-child:last-child{
	display:none;
} */
/* Home page end */

/* Button color change on hover start*/
.white_button .wp-block-button,
.white_button .wp-block-button a,
.yellow_button .wp-block-button a,
#loadMore,
.book_now_popup {
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.white_button .wp-block-button a:hover:before,
.yellow_button .wp-block-button a:hover:before,
#loadMore:hover:before,
.book_now_popup:hover:before {
  width: 100%;
}

.white_button .wp-block-button a:before,
#loadMore:before {
  content: "";
  position: absolute;
  background-color: #d4af25;
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  transition: 0.5s;
  z-index: -1;
}

.yellow_button a {
  color: #000 !important;
}

.yellow_button .wp-block-button a:before {
  content: "";
  position: absolute;
  background-color: white;
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  transition: 0.5s;
  z-index: -1;
}
.book_now_popup:before {
  content: "";
  position: absolute;
  background-color: #d0a400;
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  transition: 0.5s;
  z-index: -1;
}
/* Button color change on hover end*/

/* Our work gallery homepage start */
.our_work_gallery {
  display: grid !important;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
  height: 100%;
}

.our_work_gallery figure:nth-child(1) {
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 3;
  grid-column-end: 4;
}
.our_work_gallery figure:nth-child(2) {
  grid-row-start: 1;
  grid-column-start: 4;
  grid-row-end: 2;
  grid-column-end: 7;
}
.our_work_gallery figure:nth-child(3) {
  grid-row-start: 2;
  grid-column-start: 4;
  grid-row-end: 3;
  grid-column-end: 7;
}
.our_work_gallery figure:nth-child(4) {
  grid-row-start: 3;
  grid-column-start: 1;
  grid-row-end: 4;
  grid-column-end: 3;
}
.our_work_gallery figure:nth-child(5) {
  grid-row-start: 3;
  grid-column-start: 3;
  grid-row-end: 4;
  grid-column-end: 5;
}
.our_work_gallery figure:nth-child(6) {
  grid-row-start: 3;
  grid-column-start: 5;
  grid-row-end: 4;
  grid-column-end: 7;
}

.jp-carousel-info {
  display: none;
}

.jp-carousel-close-hint svg:hover,
.jp-carousel-overlay .swiper-button-next svg:hover,
.jp-carousel-overlay .swiper-button-prev svg:hover {
  background: transparent !important;
}
.jp-carousel-close-hint svg:hover g rect,
.jp-carousel-overlay .swiper-button-next svg:hover g rect,
.jp-carousel-overlay .swiper-button-prev svg:hover g rect {
  fill: #cdab38 !important;
}
.jp-carousel-container {
  grid-template-rows: auto !important;
}

.our_work_1img,
.our_work_1img img {
  height: 100% !important;
}
/* Our work gallery homepage end */

/* Read more hover start */
.blog_container:hover .read_more p,
.blog_container:hover .read_more a,
.blog_container:hover .read_more svg {
  color: #cdab38 !important;
  fill: #cdab38 !important;
  cursor: pointer;
}
.blog_container:hover .read_more {
  padding-left: 5px;
  transition: all 0.3s ease;
}
.read_more {
  transition: all 0.3s ease;
  z-index: 1;
  position: relative;
}
/* Read more hover end */

/* Blog start */
.blog_container {
  position: relative;
}
.blog_container a:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.blog_list .wp-block-query ul {
  grid-row-gap: 28px;
}
.blog_container:hover img {
  transform: scale(1.1);
  transition: all 0.2s ease;
}
.blog_container img {
  transition: all 0.2s ease;
}
.blog_container figure {
  overflow: hidden;
}
/* Blog end */

.wp-block-ub-content-toggle-accordion {
  border: 1px solid #8a8a8a !important;
}

.wp-social-link svg:hover {
  fill: #d4af25 !important;
}

.categories_list a {
  color: white;
}
.categories_list li:hover,
.categories_list li:hover a {
  color: #cdab38 !important;
}
.categories_list ::marker {
  color: #cdab38 !important;
}
#loadMore {
  background: white;
  display: flex;
  padding: 12px;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
}
.bredcrumb_hero_title {
  text-align: center;
}
.bredcrumb_category_title {
  text-align: center;
  max-width: fit-content !important;
}
.whatsapp_chatbox svg {
  width: 35px;
  background: rgb(45, 183, 66);
  fill: white;
  padding: 8px;
  border-radius: 100%;
  height: 35px;
}
.whatsapp_chatbox {
  position: fixed;
  bottom: 26px;
  left: 20px;
  z-index: 100;
}
.whatsapp_chatbox:hover svg {
  background: #fff;
  fill: #000;
}

.scroll_to_top svg {
  width: 25px;
  height: 25px;
  background: #cdab38;
  border-radius: 100%;
  padding: 13px;
}

.scroll_to_top:hover svg {
  background-color: #fff;
}

.scroll_to_top {
  position: fixed;
  bottom: 26px;
  right: 20px;
  display: none;
  cursor: pointer;
  z-index: 1;
}
.wp-block-ub-content-toggle-accordion-title-wrap[aria-expanded="true"] p,
.wp-block-ub-content-toggle-accordion-title-wrap[aria-expanded="true"]
  .wp-block-ub-content-toggle-accordion-toggle-wrap {
  color: #d4af25 !important;
}

.wp-block-ub-content-toggle-accordion-title-wrap:hover p,
.wp-block-ub-content-toggle-accordion-title-wrap:hover
  .wp-block-ub-content-toggle-accordion-toggle-wrap {
  color: #cdab38 !important;
}

.lets_chat_col .wp-block-column .yellow_button a:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  left: 0;
}
.most_popular_li {
  position: relative;
}
.most_popular_li a:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  left: 0;
}
a.copy.sd-button.share-icon {
  display: flex !important;
  align-items: center;
}
a.copy.sd-button.share-icon svg {
  width: 16px;
}
.sd-content ul {
  display: flex;
  align-items: center;
}
.sd-content ul li {
  cursor: pointer;
}
.jp-sharing-input-touch .sd-content ul li {
  padding-left: 0px;
}
.share-customize-link {
  display: none;
}
.wp-block-ub-content-toggle-accordion-content-wrap {
  padding: 3px 2.5% 13px;
}

.most_popular_li img {
  min-height: 80px;
}

.my_account_menu {
  display: none;
}
.my_account_toggle {
  cursor: pointer;
}
.my_account_toggle svg {
  transform: rotate(180deg);
}
.my_account_toggle.menu_show h2,
.my_account_toggle:hover h2,
.my_account_toggle:hover svg {
  color: #d4af25 !important;
  fill: #d4af25 !important;
}
.my_account_toggle.menu_show svg {
  fill: #d4af25 !important;
  transform: rotate(0deg);
}
#discount_code {
  text-align: center;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  position: relative;
  padding: 35px 0px 20px;
}
#discount_code > span {
  padding: 8px 50px;
  background: #8080804a;
}
#discount_code .copy {
  padding: 8px 25px;
  background: #d4af25;
  position: relative;
}
.spu-content h1,
.spu-content p {
  margin: 5px;
}
p#discount_code .copy.copied:before {
  content: "Copied";
  text-transform: uppercase;
  position: absolute;
  color: black;
  background: #d4af25;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  opacity: 0;
  animation: fadeInOutEffect 5s;
}

@keyframes fadeInOutEffect {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.copy:hover {
  background-color: #c69e01 !important;
}

#spu-2244 .spu-close {
  font-size: 48px;
  font-weight: 300;
}

.spu-close-top_right {
  right: 20px;
  top: 20px;
}

@media (max-width: 768px) {
  .hero-mb {
    min-height: 200px !important;
  }

  .title-mb {
    margin-top: 50px !important;
  }
}