/*
Theme Name: Shopping Mall Pro
Theme URI: https://www.vwthemes.com/products/shopping-mall-wordpress-theme
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description:
Version: 0.0.1
Requires at least: 5.8.0
Tested up to: 6.0.3
Requires PHP: 7.2
License: GNU General Public License
License URI:license.txt
Text Domain: shopping-mall-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
shopping mall pro WordPress Theme has been created by VW Themes(vwthemes.com), 2023.
shopping mall pro WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root {
  --color1: #E1B230;
  --black: #000;
  --white: #fff;
  --font-one:"Raleway", sans-serif; 
  --font-two:"Roboto", sans-serif;
}

/* Basic Style */

 html body {
     margin: 0;
     padding: 0;
     -ms-word-wrap: break-word;
     word-wrap: break-word;
     background-color: white;
     position: relative;
     font-size: 16px;
     color:var(--green);
     font-family: var(--font-one);
}
 label {
     margin-bottom: 0 !important;
}
 img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  height: auto;
  width: auto;
  object-fit: cover;
}
 section img {
     max-width: 100%;
}
 h1, h2, h3, h4, h5, h6 {
      margin: 0;
      /* color: #000; */
      font-family:var(--font-one);
      font-weight: bold;
}
 p {
  margin: 0 0 15px;
  padding: 0;
  font-family:var(--font-two);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
 p, ul li a {
  letter-spacing: 0px; 
  font-family:var(--font-two);
}
 body a {
     text-decoration: none;
     color: #277BF8;
}
 a:hover {
     text-decoration: none;
     color: var(--black);
}
 a:focus, a:hover {
     text-decoration: none !important;
}
 ul, ol {
     margin: 0 0 0 0;
     padding: 0;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="phno"], input[type="password"], textarea, .form-group input, .form-group select, input[type="date"], select, textarea {
  border: none;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 0px 0;
  height: auto;
  width: 100%;
  border-radius: 10px;
  font-weight: 500;
  border: 1px solid #f34f1f33;
  background:#fff;
}
input::-webkit-input-placeholder{
  color: var(--green);
}
#contact-us .main-head {
  color:var(--green);
}
#contact-us{
  padding: 7% 0 11% 0;
}
.contact-wrap svg{
  position: absolute;
  right: 0;
  z-index: -1;
  top: -50px;
}
.contact-img{
  height: 100%;
  width: 100%;
  max-width: 500px;
  object-fit: cover;
}
 section{
  background-size: 100% 100%;
  background-repeat: no-repeat !important;
  padding: 70px 0;
  background-attachment: scroll;
}

.btn-wrap{
  padding: 10px 15px;
  border-radius: 5px;
  width: max-content;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  position: relative;
  z-index: 1;
  cursor: pointer;
  display: flex ;
  align-items: center;
  background: var(--yellow);
  gap: 10px;
}
.theme-btn{
  display: inline-block;
  font-family: Quicksand;
  font-size: 15px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  color: var(--green);
}
.btn-wrap svg{
  background: #fff;
  height: 25px;
  width: 25px;
  padding: 3px;
  border-radius: 3px;
}
.btn-wrap:before{
  content: "";
  background: var(--green);
  width: 0;
  height: 0;
  border-radius: 5px;
  position: absolute;
  /* top: 0; */
  left: 0;
  right: 0;
  z-index: -1;
  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.btn-wrap:hover .theme-btn{
  color:  var(--yellow);
}
.btn-wrap:hover p input{
  color:  var(--white) !important;
}
.btn-wrap:hover:before {
  width: 100%;
  height: 100%;
}
.theme-para{
  font-family: var(--font-one);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.4px;
  color: #000;
}
.main-sub-head {
  font-family:var(--font-two);
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  margin-bottom: 0;
  color:var(--green)
}
.main-head {
  font-family: var(--font-one);
  font-size: 30px;
  font-weight: 600;
  color: #000;
  line-height: 35px;
  font-weight: 700;
}
.head-box{
  background: var(--yellow);
  height: 14px;
  width: 12px;

}
 .screen-reader-text {
   position: absolute;
   top: -9999em;
   left: -9999em;
}

.btn-wrap p{
  margin-bottom: 0;
}
/*------------------------- Headings --------------------------*/
h1{
  font-family: var(--font-one);
  font-size: 56px;
  font-weight: 700;
  line-height: 84.28px;
}
 section h2 {
   font-size: 38px;
   line-height: 55px;
   /* color: #fff; */
   font-weight: 700;
   font-family: var(--font-one);
}
 section h3 {
   font-weight: 400;
   /* color: #000; */
   font-size: 39px;
   line-height: 39px;
   font-family: var(--font-one);
}
section h4,section h4 a{
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  font-family: var(--font-one);
}
 section h5,h5 a {
  font: 700 18px / 24px var(--font-one);
  color: var(--green);
  padding: 0;
}
h6{
  font-family: var(--font-one);
  font-size: 14px;
  font-weight: 700;
  line-height: 20.16px;
}
/*----------------- Section Title--------------*/

/* ----------- Post Content ---------------*/

 .vw-fixed{
     background-attachment: fixed !important;;
     background-size: cover ;
     background-repeat: no-repeat ;

}
 .vw-scroll{
     background-attachment: scroll ;
     background-size: cover ;
     background-repeat: no-repeat;
}
 .slider-bg-image.vw-fixed{
   position: fixed !important;
 }
/* ---------- Return to Top ------------ */
 #return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px !important;
  background: var(--black);
  width: 60px;
  height: 60px;
  border-radius: 50px;
  line-height: 69px;
  display: block;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
  
}
 #return-to-top i {
     position: relative;
     font-size: 25px;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     color: #fff !important;
     font-weight: 800;
}
 #return-to-top:hover {
     background: rgba(0, 0, 0, 0.9);
}


.sticky.stickynavbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  /* background:var(--white); */
  background:#000;
  
  padding: 10px 0;
  box-shadow: 0px 0px 20px #0000002B;
}
.sticky.stickynavbar .header-inner{
  background: unset;
  box-shadow: unset;
}
/* ----------- Spinner ------------- */
 .eco-box{
   position: fixed;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   cursor: pointer;
   z-index: 99999999;
   background-color:var(--color1);
   width: 100%;
}
.loader-main{
  display: flex;
  justify-content: center;
  width: max-content;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: max-content;
}
.loader {
  width: 50px;
  --b: 8px; 
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(#0000 10%,#fff) content-box;
  -webkit-mask:
    repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg),
    radial-gradient(farthest-side,#0000 calc(100% - var(--b) - 1px),#000 calc(100% - var(--b)));
  -webkit-mask-composite: destination-in;
          mask-composite: intersect;
  animation:l4 1s infinite steps(10);
}
@keyframes l4 {to{transform: rotate(1turn)}}
 .woocommerce div.product form.cart .variations tr{
     display: block !important;
}
 .woocommerce div.product form.cart table td{
     padding-left: 18px !important;
}


/* ======================================= */

@-webkit-keyframes bouncess {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-40px);
}
}
.blog-title a{
  color: var(--green);
}
.left-blog-content .blog-img{
  height: 368px;
}
.vertical-blog-img-main .blog-img img{
  max-width: 145px;
  height: 135px;
  object-fit: cover;
  border-radius: 10px;
}
.home-blog-meta h6, .home-blog-meta h6 a {
  color: var(--color1);
}
.blog-content, .blog-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 23.4px;
  color: var(--green);
}
.left-blog-contet  .blog-img{
  height: 355px;
}


/* -----------about us--------------- */

@keyframes float {
  0% {
      transform: translatey(0px);
  }
  50% {
      transform: translatey(-20px);
  }
  100% {
  transform: translatey(0px);
  }
}


/* loader */
.ai_loader{
  display: flex;
    justify-content: center;
    width: max-content;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: max-content;
}
.loader {
  width: 48px;
  height: 48px;
  display: inline-block;
  position: relative;
  background: #FFF;
  box-sizing: border-box;
  animation: flipX 1s linear infinite;
}

@keyframes flipX {
  0% {
    transform: perspective(200px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(200px) rotateX(-180deg) rotateY(0deg);
  }
  100% {
    transform: perspective(200px) rotateX(-180deg) rotateY(-180deg);
  }
}
    



/* my style */


/* Loader */
:root {
  /* 🌈 Rainbow colors for animation – customize here */
  --color-red: red;
  --color-orange: orange;
  --color-yellow: yellow;
  --color-green: green;
  --color-blue: blue;
  --color-indigo: indigo;
  --color-violet: violet;
}

#loader img{
  /* height: 50px;
  width: 50px; */
  margin: 0 0px;
}

#loader {
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  /* background: radial-gradient(circle at center, #1a1a1a 0%, #000 100%); */
  background: var(--color1);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.loading-text {
  font-size: 3rem;
  font-weight: 700;
  display: flex;
  gap: 0.15em;
}

.loading-text span {
  animation: rainbowColor 2.5s linear infinite, bounce 1.5s ease-in-out infinite;
  animation-delay: calc(var(--i) * 0.15s);
  display: inline-block;
}

/* Assign delay index */
.loading-text span:nth-child(1) { --i: 1; }
.loading-text span:nth-child(2) { --i: 2; }
.loading-text span:nth-child(3) { --i: 3; }
.loading-text span:nth-child(4) { --i: 4; }
.loading-text span:nth-child(5) { --i: 5; }
.loading-text span:nth-child(6) { --i: 6; }
.loading-text span:nth-child(7) { --i: 7; }

@keyframes rainbowColor {
  0%   { color: var(--color-red); }
  14%  { color: var(--color-orange); }
  28%  { color: var(--color-yellow); }
  42%  { color: var(--color-green); }
  57%  { color: var(--color-blue); }
  71%  { color: var(--color-indigo); }
  85%  { color: var(--color-violet); }
  100% { color: var(--color-red); }
}

@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-10px); }
}


/* 
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 5px solid transparent;
  border-top-color: #FFF;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 5px solid transparent;
  border-top-color: #F00;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 5px solid transparent;
  border-top-color: #FFF;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
  0%   {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
@keyframes spin {
  0%   {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
  }
} */
/* common styling */
.c_common_subheading{
  font-family: var(--font-one);
  font-weight: 700;
  font-size: 35px;
  line-height: 40px;
  background: linear-gradient(to right, #F9DE51 0%, #FFC14C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.c_common_subheading:before {
  content: '';
  height: 1px;
  width: 250px;
  border-radius: 0px;
  background: #777;
  position: absolute;
  bottom: -15px;
}

.c_common_heading{
  font-family: var(--font-one);
  font-weight: 800;
  font-size: 36px;
  line-height: 60px;
}
.c_common_para{
  font-family:var(--font-two);
  font-weight: 400;
  font-size: 16px;
  line-height:30px;
  color: #777;
}


/* image shine */


.img_figure figure {
	/* width: 300px;
	height: 200px; */
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}

/* Shine */
.img_figure figure {
	position: relative;
}
.img_figure figure::before {
	position: absolute;
	top: 0;
	left: -78%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,193,255,0) 0%, rgba(255,255,255,.7) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.img_figure figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}



header{
  position: absolute;
  z-index: 9;
  width: 100%;
}

/* common section head */
.common_head {
  margin: 0 0 75px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.common_head h4{
  margin: 0 0 0;
}
.common_head p{
  width: 400px;
  font-size: 16px;
  font-weight: 400;
  color: #777;
  margin: 0;
  font-family:var(--font-two);
  line-height: 23px;
}

.c_contact_btn {
  margin: 40px 0 0;
}
.c_contact_btn a{
  background: #000;
  border: 1px solid #000;
  padding: 15px 45px;
  border-radius: 7px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  transition: linear all 0.3s;
}

.c_contact_btn a:hover{
  color: #000;
  background-color: transparent;
}
/* =======================  Header close==================== */
/* ==================images hover==================== */
img:hover{
  /* animation: 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; */
  /* animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  animation-name: pulse; */
} 
/* banner  */
#banner{
  /* height: 100vh; */
  padding: 0;
  /* background: #282827; */
  position: relative;
} 

 #banner:before{
  content: '';
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  position: absolute;
  width: 100%;
  margin: 0% 0 0 0;
  /* height: 100vh; */
} 

#banner .content_outer{
  position: relative;
  color: var(--white);
}

#banner .content_outer .banner_content{
  padding: 28% 0;
}

#banner .content_outer .banner_content h1{
  font-size: 60px;
  font-weight: 700;
}

#banner .content_outer .banner_content p{
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  font-family:var(--font-two);
}

#banner .content_outer .banner_content .video .icon{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 45px 0 0;
}

#banner .content_outer .banner_content .video .icon button {
  height: 90px;
  width: 90px;
  border: 8px solid var(--white);
  border-radius: 50px;
  background: transparent;
  /* line-height: 44px; */
}

#banner .content_outer .banner_content .video .icon button:hover {
  border: 8px solid var(--color1);
}

#banner .content_outer .banner_content .video .icon button:hover i {
  color: var(--color1);
}

#banner .content_outer .banner_content .video .icon button i {
  font-size: 30px;
  margin: 5px 0 0;
}
#banner .content_outer .banner_content .video .icon span {
  font-size: 18px;
  font-weight: 800;
}
#banner .content_outer .social_media_outer {
  padding: 15px 0;
}
#banner .content_outer .social_media_outer ul {
  list-style-type: none;
  display: flex;
  gap: 15px;
  justify-content: end;
}
#banner .content_outer .social_media_outer ul li a i {
  color: var(--white);
  font-size: 20px;
}
#banner .content_outer .social_media_outer ul li a i:hover {
  color: var(--color1);
}
/* popup */
.banner_modal .modal {
  background: rgba(0,0,0,0.7);
  padding: 20px;
  z-index: 55;
}

.banner_modal .modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}

.banner_modal .modal-body {
  position:relative;
  padding:0px;
}

.banner_modal .btn-close {
  position:absolute;
  right:-30px;
  top:0;
}

/* popup */
.banner_modal .modal-body {
  padding: 2px;
}

.banner_modal .modal-body .btn-close {
  background: transparent;
  opacity: 1;
}

.banner_modal .modal-body button{
  position: absolute;
  z-index: 99;
  top: -45px;
  right: 10px;
}
.banner_modal .modal-body button i {
  color: #000;
  font-size: 22px;
  background: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
} 

/* ===================================== */
/* explore section start */
#explore {
  background: var(--white);
  padding: 50px 0;
  background-size: cover;
}

#explore .explore_content{
  display: flex;
  align-items: center;
}

#explore .explore_content {
  display: flex;
  align-items: end;
  gap: 45px;
  position: relative;
  z-index: 1;
}
#explore .explore_content:before {
  content: '';
  background: rgba(255, 255, 255, 1);
  height: 100%;
  position: absolute;
  width: 85%;
  margin: 0% 0 0 0;
  border: 2px dashed #FFC14C;
  z-index: -1;
  top: 60px;
  left: -60px;
}

#explore .explore_content .headaing{
  width: 20%;
}
#explore .explore_content .headaing h3 {
  font-size: 45px;
  font-weight: 700;
  line-height: 55px;
}

#explore .explore_content .time_video{
  width: 80%;
}

#explore .explore_content .time_video {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: 15px;
  background: #282828;
  border-radius: 20px;
  color: #fff;
}

#explore .explore_content .time_video .time h4{
  color: var(--color1);
  font-size: 20px;
  font-weight: 600;
}
#explore .explore_content .time_video .time h3{
  font-size: 16px;
  font-weight: 400;
  font-family:var(--font-two);
}

#explore .explore_content .time_video .videoss {
  position: relative;
}

#explore .explore_content .time_video .videoss .video {
  position: absolute;
  top: 40%;
  left: 40%;
  z-index: 1;
}
#explore .explore_content .time_video .videoss .video button{
  height: 90px;
  width: 90px;
  border: 8px solid var(--white);
  border-radius: 50px;
  background: transparent;
}

#explore .explore_content .time_video .videoss .video button:hover {
  border: 8px solid var(--color1);
}

#explore .explore_content .time_video .videoss .video button:hover i {
  color: var(--color1);
}

#explore .explore_content .time_video .videoss .video button i{
  font-size: 30px;
  margin: 5px 0 0;
}
#explore .explore_content .time_video .videoss .image{
  border-radius: 20px;
  /* width: 475px; */
  height: 100%;
  overflow: hidden;
}

#explore .explore_content .time_video .videoss .image img{
  border-radius: 20px;
  height: 100%;
}

#explore .content_outer .textured_text {
  margin: -120px 0 -150px 175px;
  max-width: 620px;
  background: #282828;
  padding: 30px 25px;
  border-radius: 20px;
  border: 4px solid #fff;
  color: #fff;
  position: relative;
  z-index: 2;
  text-align: center;
}

#explore .content_outer .textured_text p {
  font-size: 16px;
  margin: 0;
  line-height: 25px;
}

/* ================================================= */
/* ===============services section start===================*/
#services {
  padding: 45px 0 20px;
  margin: 45px 0 0;
}

/* card */
#services .services_row {
  display: flex;
  flex-direction: row;
  flex-basis: 20%;
  flex-wrap: nowrap;
  gap: 30px;
}

#services-page .services_row .c-col .contents,
#services .services_row .c-col .contents {
  border-radius: 20px;
  margin: 0 0 30px;
  padding: 40px 15px;
  border: 1px solid #282828;
  background: #fff;
  text-align: center;
  min-height: 280px;
}

#services .services_row .c-col:nth-child(2),
#services .services_row .c-col:nth-child(4) {
  margin: 60px 0 0;
}
#services-page .services_row .contents .icon,
#services .content_left .contents .icon{
  margin: 0 0 15px;
}
#services-page .services_row .contents .icon img,
#services .content_left .contents .icon img{
  /* -webkit-filter: grayscale(1);
  filter: grayscale(1); */
  filter: brightness(75%) saturate(0%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(90%);
}

#services-page .services_row .contents:hover .icon img{
  transform: rotateY(360deg);
}





#services-page .contents .cont h3, 
#services-page .contents .cont a, 
#services .content_left .contents .cont h3 a {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: #777;
}

#services-page .contents .cont p,
 #services .content_left .contents .cont p {
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  margin: 0 0 10px;
  color: #777;
  font-family:var(--font-two);
}
/* hover */

#services-page .services_row .contents:hover,
#services .content_left .contents:hover {
  /* background: linear-gradient(90deg, rgba(243, 79, 31, 1) 50%, rgba(181, 23, 23, 1) 99%); */
  color: #fff !important;
  transition: linear all 0.3s;
  box-shadow: 0 0 16px rgba(0,0,0,0.7);
  background: #282828;
}

#services-page .contents:hover .cont h3,
#services-page .contents:hover .cont a,
#services-page .contents:hover .cont p,

#services .content_left .contents:hover .cont a,
#services .content_left .contents:hover .cont p {
  color: #fff !important;
}


#services-page .services_row .contents .icon img{
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
#services-page .services_row .contents .icon img:hover{
  filter: none;
} 


#services-page .services_row .contents:hover .icon img,
#services .content_left .contents:hover .icon img{
  filter: brightness(0%) saturate(0%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(90%);
}





/* services page close */

/* ================================================= */
/* about us section  */

#about-us{
  padding: 55px 0 60px;
}
/* left */
#about-us .about_left_content {
  padding: 0 0px 0 0;
}

#about-us .about_left_content .thumb img{
  width: 100%;
  -webkit-mask-image: url(assets/images/about/shape.png);
    mask-image: url(assets/images/about/shape.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    position: relative;
}

/* right content*/
#about-us .about_right_content {
  margin: 0px 0 0;
}

#about-us .about_right_content .abt_cont {
  width: 800px;
  margin: -10px 0 0 -50%;
  max-width: 850px;
}


#about-us .about_right_content .abt_cont h2{
  position: relative;
  padding: 0 0 0 15px;
  margin: 20px 0;
}

#about-us .about_right_content .abt_cont p{
  margin: 50px 0 75px;
  line-height: 26px;
  font-size: 15px;
  z-index: 6;
  position: relative;
}

#about-us .about_right_content .mission_vision{
  display: flex;
  gap: 30px;
  margin: -30px 0 0 0;
}

#about-us .about_right_content .mission_vision .mission .img {
  position: relative;
  height: 315px;
  border-radius: 20px;
  overflow: hidden;
}
#about-us .about_right_content .mission_vision .mission .img .img_figure  {
  height: 100%;
  width: 100%;
}
#about-us .about_right_content .mission_vision .mission .img .img_figure figure  {
  height: 100%;
  width: 100%;
}

#about-us .about_right_content .mission_vision .mission .img a {
  position: absolute;
  z-index: 6;
  width: 100%;
  top: 45%;
  left: 0;
} 
#about-us .about_right_content .mission_vision .mission .img img {
  height: 100%;
}

#about-us .about_right_content .mission_vision .mission h4{
  background: rgba(255,255,255,0.7);
  width: fit-content;
  padding: 15px;
  border-radius: 10px;
  color: #000;
  position: absolute;
  margin: 0 auto;
  display: block;
  text-align: center;
  left: 0;
  right: 0;
  top: 40%;
  font-size: 18px;
}
#about-us .about_right_content .mission_vision .mission h4:hover{
  background: rgba(0,0,0,0.8);
  color: #fff;
}

#about-us .about_right_content .mission_vision .mission a i{
  font-size: 18px;
  margin: 0 0 0 10px;
  transform: rotate(-45deg);
}
/* about us close */
/* ============================================= */
/* counter start */
#counter {
  padding: 30px 0 3%;
  margin: 0px 0 0;
  /* background: #1e1e1e; */
}

#counter .counter {
  display: flex;
  /* flex-wrap: wrap; */
  gap: 30px;
  align-items: center;
  justify-content: center;
}

#counter .counter_content {
  padding: 0 0 0px 0px !important;
  text-align: center;
  margin: 0 0 15px;
  width: 99%;
  display: block;
}
#counter .c-col {
  padding: 0px 0px !important;
}
#counter .counter_content .num {
  display: flex;
  align-items: baseline;
  margin: 0 0 15px;
  justify-content: center;
}

#counter .counter_content h2,
#counter .counter_content span {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: #777;
  font-family:var(--font-two);
}

#counter .counter_content h5 {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  color: #282828;
  padding: 0 70px;
}

/* ==================================================== */
/* events section */
#events .content_outer .content_inner {
  padding: 30px 7px;
  position: relative;
  z-index: 4;
  color: #fff;
}


#events .content_outer{
  border-radius: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center center;
}

#events .content_outer:before {
  content: '';
  background: rgba(0, 0, 0, 0.53);
  height: 100%;
  position: absolute;
  width: 100%;
  margin: 0% 0 0 0;
  left: 0;
  right: 0;
  border-radius: 20px;
}

#events .content_outer .event_content .img_figure figure {
  border-radius: 10px;
}

#events .content_outer .event_content img {
  border-radius: 10px;
  width: 100%;
  min-height: 470px;
  object-fit: cover;
  object-position: center;
}

/* all events */
#events .content_outer .all_events {
  margin: 0 0 0px -45px;
  min-height: 475px;
  height: 470px;
  overflow: overlay;
  padding: 0 15px 0 0;
}
  
#events .content_outer .all_events .content {
  border: 1px solid #777;
  border-radius: 20px;
  background: #fff;
  color: #000;
  text-align: left;
  padding: 15px;
  display: flex;
  gap: 15px;
  margin: 0 0 15px;
  align-items: center;
  transition: linear all 0.3s;
}

#events .content_outer .all_events .content:hover {
  border: 1px solid #777;
  background: #282828;
  transition: linear all 0.3s;
  color: #fff;
}
#events .content_outer .all_events .content:hover .text p {
  color: #fff;
}
#events .content_outer .all_events .content:hover .btns a {
  background: #fff;
  color: #000;
}

#events .content_outer .all_events .content:hover svg{
  fill: #fff;
}


#events .content_outer .all_events .content .thumb {
  position: relative;
  min-height: 115px;
  border-radius: 10px;
  overflow: hidden;
}

#events .content_outer .all_events .content .thumb img {
  height: 115px;
  min-height: 115px;
  width: 200px;
}

#events .content_outer .all_events .content .thumb .date {
  position: absolute;
  z-index: 99;
  bottom: 10px;
  display: flex;
  left: 10px;
  background: linear-gradient(to right, #F9DE51 0%, #FFC14C 100%);
  padding: 5px 10px 5px;
  border-radius: 7px;
  font-size: 10px;
  align-items: center;
  gap: 5px;
}

#events .content_outer .all_events .content .thumb .date i{
  font-size: 13px;
}
#events .content_outer .all_events .content .thumb .date h5 {
  font-size: 13px;
  font-weight: 400;
}

#events .content_outer .all_events .content .text h4 {
  font-size: 18px;
  font-weight: 700;
}
#events .content_outer .all_events .content .text p {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 10px;
  line-height: 22px;
  color: #777;
  font-family:var(--font-two);
}
#events .content_outer .all_events .content .text span i{
  margin: 0 5px 0 0;
  font-size: 14px;
}
#events .content_outer .all_events .content .text span {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-two);
  display: flex;
  gap: 10px;
  align-items: center;
}

#events .content_outer .all_events .content .text span .cat_icon {
  background: #fff;
  padding: 5px;
  border-radius: 5px;
}



#events .content_outer .all_events .content .btns {
  width: 155px;
  text-align: center;
}
#events .content_outer .all_events .content .btns  h6 {
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 30px;
  font-family:var(--font-two);
}
#events .content_outer .all_events .content .btns a {
  font-size: 14px;
  font-weight: 600;
  background:#282828;
  padding: 10px 30px;
  border-radius: 8px;
  color: #fff;
  font-family:var(--font-two);
}

#events ::-webkit-scrollbar {
  width: 4px;
  scroll-margin: 100px;
}

#events  ::-webkit-scrollbar-track {
  background-color: #D9D9D9;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 0 0 0 8px;
  scroll-margin: 100px;
}

#events  ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #000; 
  scroll-margin: 100px;
}

/* single Event start */
#events {
  margin: 0 15px;
  padding: 0px 0px;
  border-radius: 20px;
}


.my_event_outer {
  font-family: var(--font-one) !important;
}

div.superSlider .iconIndicator {
  z-index: 1 !important;
}

.mep-default-sidrbar-meta p a,
.mep_list_date span bdi,
.default_theme .mep-default-sidrbar-price-seat .df-seat {
  color: #000 !important;
}


.mep-default-sidrbar-address ul li i, 
.mep-default-sidrbar-meta i, .df-ico i,
.mep-default-sidrbar-events-schedule ul li i,
.mep-social-share a,
.mep_single_date_btn,
.mep-add-calender,
.mpwemasp_ticket_area .mep_everyday_date_secs,
.ex-sec-title,
.mep_re_datelist_label,
.h3.ex-sec-title,
.button.button-default.woocommerce.button.alt.button.alt.btn-mep-event-cart,
.mep-event-faq-part .ex-sec-title.faq-title-section,
.mep-related-events .related-events-header .related-events-navigation button {
    background: #000 !important;
}

.mep-default-theme .mep-day-content:before{
  border-left: 1px solid #000 !important;
}
.mep-default-theme .mep-day-details-item .mep-day-icon,
.button.button-default.woocommerce.button.alt.button.alt.btn-mep-event-cart,
.default_theme .mep-default-sidrbar-price-seat .df-seat{
  border: 1px solid #000 !important;
}

/* bottom slider */
.mep-related-events .mep-related-events-items .item .item-info {
  display: block !important;
}
.mep-related-events .mep-related-events-items .item .item-info .title {
  min-height: 60px;
}
.mep-related-events .mep-related-events-items .item .item-info .price {
  text-align: left !important;
  margin: 15px 0 0;
}

.mep_list_date span bdi{
  font-size: 20px !important;
}




/* ======================================================= */
/* slider */
#slider{
  padding: 5% 0 2% 0px;
}
#slider .common_head{
  margin: 0 0 0px;
}

#slider  .main_sweeper_slider{
  margin: 0px 0 0;
  padding: 175px 0 0 0;
  height: auto;
}

#slider .swiper-slide .main_sweeper_slider {
  position: relative;
}

#slider .main_sweeper_slider .bg_img img{
  border: 0px solid transparent;
  border-radius: 20px;
  width: 100%;
  margin: 0px 0 0;
}

/* 
#slider .main_sweeper_slider .bg_img{
  position: relative;
}

#slider .main_sweeper_slider .bg_img:before{
  content: '';
  background: rgba(0, 0, 0, 0.53);
  height: 100%;
  position: absolute;
  width: 100%;
  margin: 0% 0 0 0;
  left: 0;
  right: 0;
} */



#slider .swiper-slide .swiper-slide-shadow-left,
#slider .swiper-slide .swiper-slide-shadow-right{
  background-image: none;
}


/* active next prev */
#slider .swiper-slide .main_sweeper_slider {
  position: relative;
  /* width: 800px;
  margin: 0 0 0 -272px; */
}
#slider  .main_sweeper_slider .swiper-slide-active {
  z-index: 2;
  width: 650px !important;
  margin: -120px 0 0 0% !important;
}

#slider .main_sweeper_slider .swiper-slide-active img{
  border: 4px solid #fff; 
}

#slider  .main_sweeper_slider .swiper-slide-next {
  width: 900px !important;
  margin: -60px -29% 0 -30% !important;
  min-height: 400px;
  height: 400px;
  border-radius: 20px;
  overflow: hidden;
}

#slider  .main_sweeper_slider .swiper-slide {
  /* margin-right: 15px !important; */
}

/* arrows */
#slider .swiper-button-prev:after,
#slider .swiper-button-next:after {
  display: none;
}

#slider .swiper-button-prev i, 
#slider .swiper-button-next i {
  color: #282828;
  font-size: 20px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #777;
  height: 45px;
  text-align: center;
  line-height: 45px;
  padding: 0 15px;
  transition: linear all 0.3s;
}

#slider .swiper-button-prev i:hover,
#slider .swiper-button-next i:hover {
  background: linear-gradient(to right, #F9DE51 0%, #FFC14C 100%);
  border: 1px solid #F9DE51;
}

#slider .swiper-button-next,
#slider .swiper-button-prev   {
  top: 35px;
  opacity: 1 !important;
}

#slider .swiper-button-prev {
  left: 92.5%;
}

/* #slider .swiper-slide .swiper_slide_outer .bg_img img:after{
  content: '';
  background: rgba(0, 0, 0, 0.53);
  height: 100%;
  position: absolute;
  width: 100%;
  margin: 0% 0 0 0;
  left: 0;
  right: 0;
  border-radius: 20px;
} */


#slider .swiper-slide .bg_img:after{
  content: '';
  background:linear-gradient(90deg,rgba(114, 115, 115, 0.1) 72%, rgba(0, 0, 0, 0.9) 100%);
  height: 100%;
  position: absolute;
  width: 100%;
  margin: 0% 0 0 0;
  left: 0;
  right: 0;
  border-radius: 20px;
}

#slider .swiper-slide-next .bg_img:after{
  content: '';
  background: rgba(0, 0, 0, 0.53);
  height: 100%;
  position: absolute;
  width: 100%;
  margin: 0% 0 0 0;
  left: 0;
  right: 0;
  border-radius: 20px;
}

#slider .swiper-slide-active .bg_img:after{
  content: '';
  background: rgba(0, 0, 0, 0) !important;
}



/* slide number */
#slider .swiper-slide .swiper_slide_outer .slide_num {
  position: absolute;
  width: 100%;
  text-align: right;
  color: #fff;
  margin: 10px 0 0 -20px;
  font-size: 40px;
  font-weight: 700;
  z-index: 1;
  font-family:var(--font-two);
}

/* thumbnail list */
#slider  .thumbnail_outer  {
  margin: 30px 0 0;
}

#slider  .thumbnail_outer .swiper-wrapper {
  justify-content: center;
  padding: 0 5px;
  height: auto
}


#slider  .thumbnail_outer  .images{
  height: 100px;
  overflow: hidden;
  border-radius: 15px;
}

#slider  .thumbnail_outer .images  img{
  height: 100%;
  width: 100%;
}














/* store locatior section */
#store_locator{
  padding: 40px 0;
}

#store_locator .map_location_outer .maps .box-wrap {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0px 0px 6px #ccc;
  margin: 0 0 30px;
}


/* locations styling */
#store_locator .map_location_outer .locations {
  min-height: 490px;
  height: 490px;
  overflow: scroll;
}

#store_locator .map_location_outer .locations {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


#store_locator .map_location_outer .locations input[type=text] {
  border-radius: 15px !important;
  border: 1px solid #ccc !important;
  box-shadow: 0px 0px 2px #ccc;
  font-size: 14px !important;
  color: #777;
}


#store_locator .map_location_outer .locations .map_outer {
  display: flex;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 15px;
  justify-content: space-between;
}

#store_locator .km_direc {
  display: flex;
  gap: 15px;
  align-items: center;
  text-align: center;
  color: #777;
}

#store_locator  .km_direc .aaaa i{
  display: block;
  font-size: 20px;
  margin: 0 0 10px;
}

#store_locator  .km_direc .aaaa {
  border: 0;
  background: transparent;
  color: #777;
  font-size: 14px;
}

#store_locator .map_location_outer .locations .map_outer .store_name_outer .store_name_head{
  font-weight: 600;
  font-size: 18px;
  line-height: 35px;
  color: #282828;
  font-family:var(--font-two);
}
#store_locator .map_location_outer .locations .map_outer .store_name_outer .store_subname{
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  color: #777;
  font-family:var(--font-two);
}

#store_locator .map_location_outer .locations .map_outer .store_name_outer .store_subname i{
  font-size: 18px;
}










/* brands shop */
#brand-shop{
  margin: 0 15px;
  padding: 60px 0 45px;
}

#brand-shop .content_outer {
  border-radius: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  background-position: center center;
}

#brand-shop .content_outer:before {
  content: '';
  background: rgba(0, 0, 0, 0.87);
  height: 100%;
  position: absolute;
  width: 100%;
  margin: 0% 0 0 0;
  left: 0;
  right: 0;
}

#brand-shop .content_outer .content_inner {
  padding: 30px 30px;
  position: relative;
  z-index: 4;
  color: #fff;
}

#events .content_outer .content_inner .common_head,
#brand-shop .content_outer .content_inner .common_head {
  margin: 0 0 40px;
}

#events .content_outer .content_inner .common_head p,
#brand-shop .content_outer .content_inner .common_head p{
  color: #fff;
}

#brand-shop .content_outer .content_inner  .cards{
  margin: 0 0 30px;
}
#brand-shop .content_outer .content_inner  .cards h5{
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 15px;
  font-family:var(--font-two);
}
#brand-shop .content_outer .content_inner  .cards .content .list {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 15px;
  justify-content: space-between;
}
#brand-shop .content_outer .content_inner  .cards .content .list li {
  font-size: 14px;
  font-weight: 400;
  color: #777;
  background: #fff;
  padding: 30px 35px 25px;
  border-radius: 10px;
  transition: linear all 0.3s;
  font-family:var(--font-two);
}
#brand-shop .content_outer .content_inner  .cards .content .list li:hover {
  color: #282828;
  background: linear-gradient(to right, #F9DE51 0%, #FFC14C 100%)
}


/* store locator */
#store_locator .common_head{
  margin: 0 0 30px;
}

#root .App{
  flex-direction: row-reverse !important;
}
#root .App #sidebar{
  width: 50% !important;
}
#root .App .map{
  border-radius: 15px;
  padding: 0 0 0 0;
  margin: 0 20px 0 0px;
}


/* coming soon */
#coming_soon {
  padding: 0px 15px;
  margin: 40px 8% 60px;
  text-align: center;
  color: #fff;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

#coming_soon:before {
  content: '';
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  position: absolute;
  width: 100%;
  margin: 0% 0 0 0;
  left: 0;
  right: 0;
}

#coming_soon .content_outer {
  padding: 60px 0;
  color: #fff;
  z-index: 6;
  position: relative;
}

#coming_soon .content_outer h3 {
  width: 1000px;
  font-weight: 700;
  font-size: 55px;
  line-height: 65px;
  text-align: center;
  margin: 0 auto 40px;
}

#coming_soon .content_outer .countdown2 {
  max-width: 500px;
  border: 5px solid #fff;
  padding: 15px;
  margin: 0 auto 40px;
  font-family:var(--font-two);
}
#coming_soon .content_outer .numbers{
  width: 25%;
}

#coming_soon .content_outer .numbers .timer_days{
  font-size: 40px;
  font-weight: 800;
  font-family:var(--font-two);
}

#coming_soon .content_outer .numbers .nofont{
  font-size: 20px;
  font-weight: 700;
}

#coming_soon .content_outer .book_now a {
  background: #fff;
  padding: 15px 45px;
  border-radius: 7px;
  color: #000;
  font-weight: 600;
  font-size: 16px;
  transition: linear all 0.3s;
  font-family:var(--font-two);
}

#coming_soon .content_outer .book_now a:hover {
  background: #282828;
  color: #fff;

}

/* ======================================================= */
/* floor map */
#floor_map{
  padding: 60px 0;
}
#floor_map .content_outer {
  padding: 30px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 0 #ccc;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

#floor_map .content_outer .common_head{
  margin: 0 0 30px;
}
#floor_map .content_outer .common_head h4:before{
  width: 320px;
}

#floor_map .content_outer .floor_map_content .select_options{
  display: flex;
  gap: 10px;
}

#floor_map .content_outer .floor_map_content .select_options select{
  border: 1px solid #777;
  border-radius:10px;
  color: #282828;
  font-weight: 600;
  font-size: 14px;
  height: 40px;
  width: 150px;
  font-family:var(--font-two);
  appearance: none; /* Remove default styling on some browsers */
  -webkit-appearance: none; /* For Safari */
  -moz-appearance: none; /* For Firefox */
}

#floor_map .content_outer .floor_map_content .select_options select option {
  background-color: black; /* Works on Firefox and some Android browsers */
  color: white;
}








/* #floor_map .content_outer .floor_map_content .select_options select option { 
  background: #282828; 
}
#floor_map .content_outer .floor_map_content .select_options select option:is(:checked) { 
  background: #282828; 
} */

#floor_map .content_outer .floor_map_content .select_options select:hover{
  background: #282828;
  color: #fff;
}

#floor_map .content_outer .floor_map_content img{
  margin: 60px 0 0;
}

/* ============================================== */
/* logos */
#logos{
  padding: 60px 0;
}

#logos .contents{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0px;
  justify-content: space-between;
  align-items: center;
  padding: 0 50px;
}
#logos .contents .icon{
  width: 10%;
}
#logos .contents .icon img{
  transition: transform .7s ease-in-out;
}

#logos .contents .icon:hover img{
  transform: rotateY(360deg);
}

/* ===================================== */
/* featured Insight start */
#featured_insight {
  padding: 60px 0 30px;
}
#featured_insight .content_outer{
  background: #F3F5F7;
  padding: 30px 45px 30px 30px;
  border-radius: 20px;
  margin: 0 0 0;
}

#featured_insight .content_outer .common_head{
  margin: 0 0 30px;
}

#featured_insight .content_outer .common_head .c_common_subheading:before {
  width: 315px;
}
#featured_insight .content_outer .feature_insight_content{
  padding: 0 60px 0 0;
}
#featured_insight .content_outer .feature_insight_content h5 {
  font-size: 20px;
  font-weight: 700;
  color: #282828;
  line-height: 28px;
  margin: 20px 0 15px;
}
#featured_insight .content_outer .feature_insight_content p{
  font-size: 16px;
  font-weight: 400;
  color: #777777;
  line-height: 28px;
  margin: 0 0 30px;
}

#featured_insight .content_outer .feature_insight_content .bottom_row {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  align-items: center;
  color: #777;
  font-size: 14px;
  font-weight: 600;
}

#featured_insight .content_outer .feature_insight_content .bottom_row .client{
  display: flex;
  gap: 10px;
}
#featured_insight .content_outer .feature_insight_content .bottom_row .client img{
  height: 40px;
  width: 40px;
  border-radius: 10px;
}
#featured_insight .content_outer .feature_insight_content .bottom_row .client h3,
#featured_insight .content_outer .feature_insight_content .bottom_row h6{
  font-size: 14px;
  font-weight: 700;
  font-family:var(--font-two);
}

#featured_insight .content_outer .feature_insight_content .bottom_row  h6 i{
  margin: 0 7px 0 0;
}

/* right image */
#featured_insight .content_outer .feature_insight_image{
  position: relative;
}
#featured_insight .content_outer .feature_insight_image:after {
  content: '';
  height: 380px;
  width: 550px;
  background: #777;
  position: absolute;
  border-radius: 10px;
  top: -30px;
  z-index: 1;
  right: -20px;
  box-shadow: 0px 0 15px rgba(0,0,0,0.25);
}
#featured_insight .content_outer .feature_insight_image img{
  border-radius: 10px;
  z-index: 2;
  position: relative;
}

#featured_insight .content_outer .feature_insight_image .img_figure figure{
  position: sticky;
  z-index: 3;
  border-radius: 15px;
}
#featured_insight .content_outer .feature_insight_image .img_figure figure::before{
  z-index: 3;
}
/* =================================================== */
/* blog post start */
.blog_news {
  padding: 60px 0 60px;
  margin: 0 0 0px;
}

.blog_news .common_head{
  margin: 0 0 45px;
}

.blog_news .blog_head h4{
  margin: 0 auto 30px;
  color: #fff;
}

.blog_news .content_col {
  padding: 15px 15px 20px;
  min-height: 390px;
  background: #F3F5F7;
  margin: 0 10px;
  border-radius: 20px;
  flex-direction: column;
}
.blog_news .c-col {
  padding: 0;
  margin: 0;
}

.blog_news .content_col:hover{
  background: #282828;
  color: #fff !important;
}

.blog_news .content_col .thumb {
  border-radius: 10px 10px;
  overflow: hidden;
  height: 240px;
  position: relative;
  margin: 0 0 15px;
}

.blog_news .content_col .thumb .img_figure,
.blog_news .content_col .thumb .img_figure figure {
  height: 100%;
  border-radius: 15px;
}

.blog_news .content_col .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

.blog_news .content_col .blog-title  {
  margin: 20px 0 20px;
  min-height: 60px;
}
.blog_news .content_col .blog-title h5 {
  min-height: 55px;
}
.blog_news .content_col .blog-title h5 a {
  font-size: 17px;
  font-weight: 700;
  line-height: 28px;
}
.blog_news .content_col .blog-title p {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #777;
  margin: 8px 0 0;
}


.blog_news .content_col .content {
  width: 100%;
}

.blog_news .content_col .content .meta_box h6, 
.blog_news .content_col .content .meta_box span,
.blog_news .content_col .content .meta_box a {
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
  color: #777;
}
.blog_news .content_col  .content .meta_box h6 i,
.blog_news .content_col  .content .meta_box span i{
  margin: 0 5px 0 0;
  font-size: 15px;
}
.blog_news .content_col  .content h5{
  
}
.blog_news .content_col  .content h5 a{
  font-size: 17px;
  line-height: 28px;
  color: #000;
}
.blog_news .content_col  .content p{
  font-size: 15px;
  font-weight: 400;
}

/* hover */

.blog_news .content_col:hover .content .meta_box .date h6,

.blog_news .content_col:hover .content h6, .blog_news .content_col:hover .content span,
.blog_news .content_col:hover .content a ,.blog_news .content_col:hover .blog-title p  {
  color: #fff !important;
}


.blog_news .content_col:hover .content .blog-content{
  color: #fff;
}

.blog_news .blogs_row .slick-arrow{
  display: none !important;
}

/* blog close */
/* newslettter start */
#newsletter {
  padding: 60px 0 30px;
  margin: 0px 0 0;
}

#newsletter .newsletter_outer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 10px;
  color: #fff;
}

#newsletter .newsletter_outer .newsletter-form-box{
  display: flex;
  justify-content: end;
}

#newsletter .newsletter_outer .headings h4{
  font-size: 28px;
  line-height: 30px;
  margin: 0;  
} 

#newsletter .newsletter_outer .form input[type=email] {
  height: 42px;
  border-radius: 0;
  background: transparent;
  color: #fff;
  font-size: 16px;
  padding: 0 0;
  font-family: var(--font-one);
  font-weight: 400;
  border: 0;
  width: 450px;
  margin: 0px 0 0 61px;
  border-bottom: 1px solid #fff;
}

#newsletter .newsletter_outer .form .wpcf7-not-valid-tip {
  color: #fff;
  font-size: 1em;
  font-weight: normal;
  display: block;
  margin: 8px 0 0 60px;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s !important;
}

#newsletter .newsletter_outer .form input[type=submit] {
  height: 42px;
  border-radius: 6px;
  background: transparent;
  color: #fff;
  font-size: 18px;
  padding: 0 0;
  font-family: FontAwesome !important;
  font-weight: 400;
  border: 0px;
  position: absolute;
  margin: 0 0 0 -20px;
}

#newsletter .wpcf7 form .wpcf7-response-output {
  color: #fff !important;
}
/* ================================================= */
/* footer */
#footer_box .footer-cols h1,
#footer_box .footer-cols h2,
#footer_box .footer-cols h3,
#footer_box .footer-cols h4,
#footer_box .footer-cols h5,
#footer_box .footer-cols h6{
  font-size: 22px;
  font-weight: 700;
  font-family: var(--font-one);
  margin: 0 0 30px;
}
#footer_box .footer-cols {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 60px 0 0;
  justify-content: center;
}

#footer_box .footer-cols .c-col {
  margin: 0 0 30px;
  width: 19%;
}
/* 
#footer_box .footer-cols .main_col {
  width: 24%;
}
#footer_box .footer-cols .menu_col {
  width: 17%;
} */



#footer_box .footer-cols .footer-col-one ul li {
  padding: 0 0 10px;
}

#footer_box .footer-cols .footer-col-one ul li a svg {
  font-size: 30px;
}

#footer_box .footer-cols .footer-col-two img {
  padding: 0 0 20px;
  margin: 0 auto;
  display: block;
}

#footer_box .footer-cols .footer-col-two p {
  font-size: 18px;
  line-height: 30px;
  margin: 0 0 30px;
}

#footer_box .footer-cols .footer-col-three{
  width: auto;
  margin: 0 0 0 auto;
}

#footer_box .footer-cols .footer-col-three .about_me,
#footer_box .footer-cols .footer-col-three .about_me .row {
  display: block;
}
#footer_box .footer-cols .footer-col-three .about_me .row h6{
  display: none;
}
#footer_box .footer-cols .footer-col-three .about_me .outer {
  display: flex;
  gap: 10px;
  margin: 0 0 25px;
}
#footer_box .footer-cols .footer-col-three .about_me .outer p{
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}
#footer_box .footer-cols .footer-col-three .about_me .outer_call{
  align-items: center;
}

#footer_box .footer-cols .footer-col-three .about_me .outer_call i{
  height: 35px;
  width: 35px;
  background: var(--color1);
  line-height: 35px;
  text-align: center;
  border-radius: 6px;
}

/* copyright */
#footer_box .copyright .copyright_content{
  display: flex;
  justify-content: center;
}
#footer_box .copyright .copyright_content .footer-col-four ul{
    display: flex;
}
#footer_box .copyright .copyright_content .footer-col-four ul li a{
  color: #fff;
  font-weight: 600;
}
.copyright a{
  color: #fff
}

/* =========================homepage close=================== */
/* ---------------Inner pages start------------------------- */
/* about us page */
#about-page-maine {
  margin: 0px 0 0%;
}
#about-page-maine #about-us {
  padding: 80px 0 60px;
}
#about-page-maine #counter {
  padding: 0px 0 3%;
}

#about-page-maine #why-us {
  padding: 0% 0 90px;
}

#about-page-maine #about-us .about_right_content .button2{
  display: none;
}

#about-page-maine #logos .common_head{
  display: none;
}

/* our mission and vision */
#about-page-maine {
  margin: 0 0 15px;
}
#about-page-maine .about_mission  {
  padding: 75px 0 75px;
}
#about-page-maine .about_mission .content h3 {
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 15px;
}

#about-page-maine .about_mission .content p{
  margin: 0 0 15px;
}
#about-page-maine .about_mission .content .thumb {
  height: 250px;
  max-height: 300px;
  width: 100%;
  overflow: hidden;
  border-radius: 15px;
}
#about-page-maine .about_mission .content .thumb img{
  height: 100%;
  width: 100%;
}



/* ==================================================================== */
/* store & brands page */

#store-brands-page #logos .common_head{
  display: none;
}

/* =========================================================== */
/* leasing & Rental Page start */
#leasing-rental-page{
  padding: 60px 0;
}

#leasing-rental-page .content h3 {
  font-size: 30px;
  margin: 0 0 20px;
  font-weight: 700;
}
#leasing-rental-page .content p {
  font-size: 16px;
  margin: 0 0 20px;
  font-weight: 400;
  line-height: 30px;
}

#leasing-rental-page .content .images_outer {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: space-between;
}
#leasing-rental-page .content .images_outer .image {
  height: 250px;
  width: 24%;
  border-radius: 20px;
  overflow: hidden;
  margin: 30px 0;
}


#leasing-rental-page .content .images_outer .image  img {
  width: 100%;
  height: 100%;
} 








#leasing-rental-page .content .list_box{
  align-items: center;
}

#leasing-rental-page .content .list {
  margin: 0px 0;
}

#leasing-rental-page .content .list ul {
  list-style-type: none;
}
#leasing-rental-page .content .list ul li h5 {
  font-size: 16px;
  margin: 0 0 10px;
  display: flex;
  font-weight: 500;
  align-items: flex-start;
}

#leasing-rental-page .content .list ul li i{
  margin: 5px 10px 0 0;
  font-size: 16px;
}

#leasing-rental-page .content .list .image {
  height: 250px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  margin: 30px 0;
}

#leasing-rental-page .content .list .image   img {
  width: 100%;
  height: 100%;
} 













/* ================================== */
/* dining page + Gallery Page*/
#about-us .dining_outer,

#gallery-page .dining_outer,
#dining-page .c-col .dining_outer {
  margin: 0 0 30px;
  position: relative;
}


#about-us .dining_outer .thumb, 
#gallery-page .dining_outer .thumb ,
#dining-page .c-col .dining_outer .thumb {
  min-height: 300px;
  height: 300px;
  border-radius: 15px;
  overflow: hidden;
}


#about-us .dining_outer .thumb img,
#gallery-page .dining_outer .thumb img,
#dining-page .c-col .dining_outer .thumb img{
  height: 100%;
  width: 100%;
}

#about-us .dining_outer .hover_cont,
#gallery-page .dining_outer .hover_cont,
#dining-page .c-col .dining_outer .hover_cont {
  background: rgba(0,0,0,0.8);
  min-height: 250px;
  border-radius: 15px;
  padding: 15px;
  color: #fff;
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 0;
  width: 90%;
  height: 90%;
  margin: 0%;
  display: block;
  left: 5%;
  top: 5%;
  opacity: 1;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: linear all 0.3s;
  animation-duration:1s;
  animation-fill-mode:both;
  animation-name:'fadeInLeft';
}



#about-us .dining_outer .hover_cont h2,
#gallery-page .dining_outer .hover_cont h2, 
#dining-page .c-col .dining_outer .hover_cont h2 {
    font-size: 22px;
    font-weight: 800;
    margin: 0 0 15px;
    line-height: 30px;
}

#about-us .dining_outer .hover_cont h3,
#dining-page .c-col .dining_outer .hover_cont h3, 
#gallery-page .dining_outer .hover_cont h3{
  font-size: 25px;
  font-weight: 900;
}

#about-us .dining_outer .hover_cont p,
#gallery-page .dining_outer .hover_cont p,
#dining-page .c-col .dining_outer .hover_cont p{
  font-size: 15px;
  font-weight: 500;
}


#about-us .dining_outer:hover .hover_cont,
#gallery-page .dining_outer:hover .hover_cont,
#dining-page .c-col .dining_outer:hover .hover_cont{
  opacity: 1;
}


/* about Us gallery Section */
.about_gallery{
  padding-bottom: 0;
}

.about_mission{
  padding-top: 75px;
}

/* ======================================================================= */
/* counter section */
#dining-page #counter{
  padding: 40px 0 0;
}


/* ========================================================================== */
/* services page */
#services-page {
  margin: 0 0 60px;
}
#services-page .services_row{
  padding: 0;
}





/* ========================================== */












/* ============================================ */
/* Entertainment Page */
#entertainment-page h4{
  margin: 0 0 60px;
}

#entertainment-page .dining_outer{
  margin: 0 0 30px;
  position: relative;
}

#entertainment-page .gallery_outer{
  /* margin: 0 0 75px; */
}

#entertainment-page .dining_outer .thumb  {
  min-height: 300px;
  height: 300px;
  border-radius: 15px;
  overflow: hidden;
}


#entertainment-page .dining_outer .thumb img{
  height: 100%;
  width: 100%;
}


#entertainment-page .dining_outer .hover_cont {
  background: rgba(0,0,0,0.8);
  min-height: 250px;
  border-radius: 15px;
  padding: 15px;
  color: #fff;
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 0;
  width: 90%;
  height: 90%;
  margin: 0%;
  display: block;
  left: 5%;
  top: 5%;
  opacity: 1;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: linear all 0.3s;
  animation-duration:1s;
  animation-fill-mode:both;
  animation-name:'fadeInLeft';
}

#entertainment-page .dining_outer .hover_cont h2 {
  font-size: 22px;
  font-weight: 800;
  margin: 0 0 15px;
  line-height: 30px;
}

#entertainment-page .dining_outer .hover_cont h3{
  font-size: 25px;
  font-weight: 900;
}

#entertainment-page  .dining_outer .hover_cont p{
  font-size: 15px;
  font-weight: 500;
}


#entertainment-page .dining_outer:hover .hover_cont{
  opacity: 1;
}

/* ================================== */
/* contact page */
#contact-us {
  padding: 3% 0 3% 0;
}

#contact-us .outer{
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  padding: 45px;
  margin: 0 0 60px; 
}


#contact-us .contac_form {
  max-width: 100%;
  margin: 0 0 0px;
}
#contact-us .contac_form form input[type="text"],
#contact-us .contac_form form input[type="tel"], 
#contact-us .contac_form form input[type="email"],
#contact-us .contac_form form textarea {
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 0px 0;
  height: auto;
  width: 100%;
  border-radius: 10px;
  font-weight: 500;
  border: 1px solid #f34f1f33;
  background: #fff;
  height: 55px;
}
#contact-us .contact-info {
  margin: 0px 0 0px;
  max-width: 100%;
}
#contact-us .contact-info h4 {
  margin: 0 0 60px;
}
#contact-us .contact-info .details {
  color: #000;
  border-radius: 10px;
  margin: 45px 0 0;
  display: flex;
  gap: 15px;
  align-items: center;
}
#contact-us .contact-info .details i {
  font-size: 20px;
  height: 50px;
  width: 50px;
  background: var(--color1);
  text-align: center;
  line-height: 50px;
  border-radius: 10px;
  color: #fff;
}

/* follow us */
#contact-us .contact-info .follow_us{
  margin: 30px 0 0;
  display: flex;
  gap: 20px;
  align-items: center;
}
#contact-us .contact-info .follow_us ul{
  display: flex;
  list-style-type: none;
  gap: 15px;
  align-items: center;
}
#contact-us .contact-info .follow_us ul li a i{
  color: #000;
  font-size: 18px;
}
#contact-us .contact-info .follow_us ul li a i:hover{
  color: var(--color1);
}

#contact-us .contact-info .details a {
  color: #000;
  font-size: 15px;
}

#contact-us .contac_form form .btn-wrap{
  background-color: #000;
}


#contact-us .contac_form form  .wpcf7-response-output{
  margin: 10px 0 0;
}


/* =========================== */
/* blog page start */
#full-width-blog #blog-news,
#blog-right-sidebar #blog-news,
#blog-left-sidebar #blog-news{
  padding: 0;
}
#blog-news {
  margin: 0 0 0px;
}

#single-post #blog-news{
  padding: 0;
}

#blog-news .content_col {
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  padding: 15px;
  margin: 0 10px 20px;
}
/* single blog page  */
#single-post .single-post-img{
  border-radius: 15px;
  overflow: hidden;
}

#single-post .single-post-img img {
  width: 100%;
  min-height: 350px;
  object-fit: cover;
  height: 400px;
}
#blog-news .content_col .thumb {
  border-radius: 10px 10px;
  overflow: hidden;
  height: 240px;
  position: relative;
  margin: 0 0 15px;
}
#blog-news .content_col .thumb img{
  border-radius: 15px;
  height: 100%;
  width: 100%;
}

#blog-news .content_col .content h5{
  margin: 0 0 10px;
}


#blog-news .content_col .content .meta_box h6,
#blog-news .content_col .content .meta_box span,
#blog-news .content_col .content .meta_box a{
  color: #777;
    font-weight: 700;
    text-transform: capitalize;
}








/* parking information start */
#parking-page {
  padding: 60px 0;
}

#parking-page h3{
  
}
#parking-page h3:before{
  /* content: none; */
}
#parking-page p{
  margin: 0 0 30px;
}
#parking-page .images_outer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: nowrap;
  flex-direction: row;
}
#parking-page .images_outer .img {
  height: 230px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  margin: 0 0 15px;
}

#parking-page .images_outer .img img {
  height: 100%;
  width: 100%;
}


/* gift card page start */
#gift-card-page{

}

#gift-card-page .content h3::before{
  /* content: none; */
}

#gift-card-page .content .giftcard_row {
  display: flex;
  justify-content: center;
  align-items: center;
}
#gift-card-page .content .thumb .image{
  border-radius: 20px;
  overflow: hidden;
}
#gift-card-page .content .thumb .image img{
  width: 100%;
}
#gift-card-page .content .thumb {
  margin: 30px 0;
}

#advertisement-page .content .list,
#buy-shop-page .content .list,
#rent-shop-page .content .list,
#parking-page  .content .list,
#gift-card-page .content .list{
  margin: 0 0 20px;
}

#advertisement-page .content .list h4,
#buy-shop-page .content .list h4, 
#rent-shop-page .content .list h4,
#parking-page  .content .list h4,
#gift-card-page .content .list h4{
  font-size: 22px;
  margin: 25px 0 15px;
}

#vendor-guideline-page .content .list ul,
#advertisement-page .content .list ul,
#buy-shop-page .content .list ul,
#rent-shop-page .content .list ul,
#parking-page  .content .list ul,
#gift-card-page .content .list ul{
  padding: 0 0 0 15px;
}

#vendor-guideline-page .content .list ul li,
#advertisement-page .content .list ul li,
#buy-shop-page .content .list ul li,
#rent-shop-page .content .list ul li,
#parking-page  .content .list ul li,
#gift-card-page .content .list ul li {
  margin: 0 0 10px;
  font-size: 16px;
}

/* feedback & suggestions start */
#feedback-suggest-page{
  overflow: hidden;
  padding: 60px 0;
}

#feedback-suggest-page .contac_form h4{
  margin: 0 0 60px;
}
#feedback-suggest-page .contac_form form .button2 .theme-btn{
  background: var(--color1);
  text-align: center;
  padding: 15px;
  border-radius: 12px;
}

#feedback-suggest-page .feedback_image img{
  border-radius: 15px;
  width: 100%;
  margin: 20px 0;
}


/* ========================================================== */
/* rent shop page start */
#advertisement-page .content .contact-info,
#buy-shop-page .content .contact-info,
#rent-shop-page .content .contact-info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}


#advertisement-page .content .contact-info .details,
#buy-shop-page .content .contact-info .details,
#rent-shop-page .content .contact-info .details{
  margin: 0 0 30px;
  width: 30%;
}

#advertisement-page .content .contact-info .details i,
#buy-shop-page .content .contact-info .details i,
#rent-shop-page .content .contact-info .details i{
  font-size: 25px;
}

#advertisement-page .content .contact-info .details h5, 
#buy-shop-page .content .contact-info .details h5,
#rent-shop-page .content .contact-info .details h5 {
  margin: 20px 0 5px;
  font-size: 22px;
}

#advertisement-page .content .contact-info .details a,
#buy-shop-page .content .contact-info .details a,
#rent-shop-page .content .contact-info .details a{
  color: #000;
  font-size: 18px;
}
















/* error 404 page */
.error-page {
  margin: 30px 0 0px;
}

/* privacy policy /TC/Support pages */
#support-page ,
#pri-po-page ,
#tc-page {
  margin: 0 0 30px;
}

#support-page .content_box,
#pri-po-page .content_box,
#tc-page .content_box{
  margin: 0 0 20px;
}


#vendor-guideline-page  .content_box h2,
#support-page .content_box h2,
#pri-po-page .content_box h2,
#tc-page .content_box h2{
  margin: 0 0 7px;
  font: 700 22px / 35px var(--font-one);
}

#vendor-guideline-page  .content_box p,
#support-page .content_box p,
#pri-po-page .content_box p,
#tc-page .content_box p{
  font: 400 16px / 30px var(--font-one);
}

/* get a Quote page */
#get-quote-page .outer {
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  padding: 45px;
  margin: 0 0 0%;
  background: #fff;
}

#get-quote-page {
  padding: 60px 0;
  margin: 60px 0 180px;
}

#get-quote-page form input,
#get-quote-page form select {
  height: 55px;
  vertical-align: middle;
}
#get-quote-page form textarea {
  height: 200px;
  resize: none;
}
#get-quote-page .wpcf7-not-valid-tip {
  font-size: 14px;
}

#get-quote-page form [type=submit] {
  font-family: var(--font-one);
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  background: var(--color1);
  padding: 8px 50px;
  margin: 20px 0 0 0px;
  border-radius: 6px;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  border: 0;
  height: 45px;
}

#get-quote-page form [type=submit]:hover{
  color: #fff;
  background: #000;
}

#get-quote-page form label {
  display: block;
}

#get-quote-page form .wpcf7-radio .wpcf7-list-item {
  display: block;
  line-height: 30px;
  height: 45px;
  margin: 0 0 0;
  font-size: 16px;
  width: 50%;
  float: left;
}

/* contact info */
#get-quote-page .details {
  color: #000;
  border-radius: 10px;
  margin: 45px 0 0;
  display: flex;
  gap: 15px;
  align-items: center;
}
#get-quote-page .details i {
  font-size: 20px;
  height: 50px;
  width: 50px;
  background: var(--color1);
  text-align: center;
  line-height: 50px;
  border-radius: 10px;
  color: #fff;
}
#get-quote-page .details a {
  color: #000;
}


/* ========================================== */
/* =================================================== */
/* single services page start */
#single-ourservices {
  margin: 0 0 0;
  padding: 60px 0 45px;
}

#single-ourservices .content_page .banner{
  margin: 0 0 45px;
}

#single-ourservices .content_page .banner .serv_head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 30px;
}
#single-ourservices .content_page .banner .serv_head .button1 a{
  background: #000;
  color: #fff;
}

#single-ourservices .content_page .banner .serv_head .button1 a:hover{
  background: var(--color1);
}
#single-projects .content_page p,
#single-ourservices .content_page p{
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #000;
}

#single-projects .content_page h3,
#single-ourservices .content_page h3{
  font-size: 28px;
  font-weight: 800;
}

#single-projects .content_page .banner .single_thumb{
  height: 400px;
  border-radius: 10px;
  overflow: hidden;
}

#single-projects .content_page .banner .single_thumb img{
  height: 100%;
  width: 100%;
}

#single-ourservices .content_page .banner img{
  width: 100%;
  border-radius: 10px;
  margin: 0 0 30px;
  height: 290px;
  object-fit: cover;
  object-position: bottom;
}
#single-projects .content_page .para2 {
  margin: 0 0 30px;
}

#single-projects .content_page .para2 h3{
  margin: 0 0 15px;
}
#single-projects .content_page .list ul{
  list-style-type: none;
  margin: 0 0 40px;
}
#single-projects .content_page .list ul li{
  margin: 0 0 10px;
}
#single-projects .content_page .list ul{
  list-style-type: none;
}

#single-projects .content_page .list ul li i{
  vertical-align: middle;
  margin: 0 10px;
}


#single-projects .content_page .btm-cont img{
  margin: 0 0 30px;
}

#single-projects .content_page .btm-cont  .img_list{
  min-height: 250px;
  height: 250px;
  overflow: hidden;
  border-radius: 10px;
  margin: 0 0 15px;
}

#single-projects .content_page .btm-cont img{
  height: 100%;
  width: 100%;
  margin: 0 0 10px;
}

#single-ourservices .content_page .quote p span{
  font-weight: 800;
}
#single-ourservices .content_page .lists{
  margin: 0 0 30px;
}

#single-ourservices .content_page .lists img{
  width: 100%;
  border-radius: 15px;
}

#single-ourservices .content_page .lists ul{
  list-style-type: none;
}
#single-ourservices .content_page .lists ul li{
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 13px;
}

#single-ourservices .content_page .lists ul li i{
  vertical-align: middle;
  margin: 0 10px;
}

#single-ourservices .content_page .lists .list_thumb{
  height: 250px;
  border-radius: 12px;
  overflow: hidden;
}

#single-ourservices .content_page .lists .list_thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

#single-ourservices .content_page .para2{
  margin: 0 0 30px;
}
#single-ourservices .content_page .para2 h3,
#single-ourservices .content_page .para3 h3{
  margin: 0 0 15px;
}
#single-ourservices .content_page .services_video  {
  position: relative;
}
#single-ourservices .content_page .services_video img {
  width: 100%;
  height: 300px;
  border-radius: 15px;
}

#single-ourservices .content_page .services_video .icon {
  text-align: center;
  position: absolute;
  top: 35%;
  left: 46%;
}
#single-ourservices .content_page .services_video .icon button {
  background: var(--white);
  border-radius: 50%;
  height: 80px;
  width: 80px;
  border: 1px solid var(--white);
}
#single-ourservices .content_page .services_video .icon button i {
  font-size: 30px;
  color: var(--black);
  line-height: 70px;
}
#single-ourservices .content_page .services_video .icon button:focus {
  box-shadow: none;
}
/* ====================================================== */
/* search page start */
#search-page h1{
  font-family: var(--font-two);
  font-size: 45px;
  font-weight: 800;
  line-height: 60px;
}

#search-page .search-content .c-col .content_col {
  padding: 15px;
  background: #fff;
  margin: 0 0 30px;
  border-radius: 15px;
  box-shadow: 0 3px 6px #00000029;
}
#search-page .search-content .c-col .content_col .thumb img{
  border-radius: 15px;
  margin: 0 0 15px;
}
#search-page .search-content .c-col .content_col .content .meta_box{
  margin: 10px 0;
}
#search-page .search-content .c-col .content_col .content .meta_box span{
  font-size: 14px;
  font-weight: 700;
}
#search-page .search-content .c-col .content_col .content p{
  margin: 10px 0 0;
  min-height: 55px;
}

/* ================single blog page===================== */
#single-post .theme-para {
  line-height: 20px;
  font-size: 16px;
  margin: 10px 0 0;
}


#single-post #blog-news .related_content_col .blog-title h5 a{
  font-size: 17px;
  font-weight: 700;
  line-height: 26px;
}

#single-post #blog-news .related_content_col .content {
  margin: 15px 0 0; 
}
#single-post #blog-news .related_content_col .content h6,
#single-post #blog-news .related_content_col .content span,
#single-post #blog-news .related_content_col .content a {
  text-transform: capitalize;
  color: #000;
  font-size: 15px;
  font-weight: 700;
}
#single-post #blog-news .related_content_col {
  position: relative;
}
#single-post #blog-news .related_content_col .thumb{
  overflow: visible;
}

#single-post #blog-news .related_content_col .blog-title {
  overflow: visible;
}

#single-post #blog-news .related_content_col .date{
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#single-post #blog-news .related_content_col .date h6{
  border-radius: 7px;
  font-size: 15px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 26px;
  width: max-content;
}
#single-post #blog-news .related_content_col .date h6 span{
  display: block;
  font-size: 16px;
}
#single-post #blog-news .related_content_col .date h6 i{
  margin: 0 8px 0 0;
}








/* search page */
#search-page .search-content .content_col .thumb {
  min-height: 260px;
  height: 260px;
  overflow: hidden;
  margin: 0 0 15px;
  border-radius: 15px;
}

#search-page .search-content .content_col .thumb img {
  height: 100%;
  width: 100%;
}

#search-page .search-content .content_col .date{
  display: none;
}

#search-page .search-content .content_col .meta_box a,
#search-page .search-content .content_col .meta_box h6,
#search-page .search-content .content_col .meta_box span{
  color: #000;
  text-transform: capitalize;
  font-weight: 700;
}


/* admin page */
.author_outer{
  margin: 120px 0 60px;
}

.auth_header{
  width: auto;
  margin: 18px 0 0;
  z-index: -1;
}

.auth_header .page-title{
  font-size: 36px;
  text-transform: capitalize;
}

.author_outer .content_col{
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  padding: 15px;
  margin: 0 0 20px;
}

.author_outer .content_col .thumb {
  border-radius: 10px 10px;
  overflow: hidden;
  height: 240px;
  position: relative;
  margin: 0 0 15px;
}
.author_outer .content_col .thumb img {
  border-radius: 15px;
  height: 100%;
  width: 100%;
}
.author_outer .content_col p {
  font-weight: 400;
  margin: 10px 0;
  font-size: 15px;
}


.author_outer .content_col .content .meta_box h6,
.author_outer .content_col .content .meta_box span, 
.author_outer .content_col .content .meta_box a {
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
  color: #000;
}













































/* =============================================================== */
/* faq page */
/* Faq section */
#faq-sec .accordion-button:hover{
  z-index: 1;
}
#faq-sec .accordion-button:not(.collapsed), #faq-page .accordion-button:not(.collapsed){
  background-color:unset;
  box-shadow:unset;
}
#faq-sec .accordion-button, #faq-page  .accordion-button{
  font: 600 16px / 25px var(--font-one);
  border-radius: 0px;
  padding: 0px;
  background: transparent;
  /* color: var(--white); */
}
#faq-sec .accordion-button:not(.collapsed), #faq-page .accordion-button:not(.collapsed){
  color: var(--black);
}
#faq-page .accordion-header:before, #faq-page .accordion-header:after{
  display: none ;
}

.faq-sec-inner{
  padding: 40px 50px;
  margin-top: 4%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#faq-sec .accordion-item .accordion-body{
  /* color: #fff; */
  font-size: 14px;
  padding: 0;
}

#faq-sec .accordion-item,
#faq-page .accordion-item {
  margin-bottom: 12px;
  border-radius: 10px;
  border: unset;
  background-color: var(--color1);
  padding: 15px;
}

#faq-page .accordion-item  .accordion-body{
  padding:10px 0 !important;
}








#faq-sec  .accordion-header{
  border-radius: 6px;
}
#faq-sec .accordion-button:not(.collapsed)::after , #faq-page  .accordion-button:not(.collapsed)::after{
  content: '\f068';
  font-family: "font awesome 6 free";
  font-weight: 900;
  font-size: 14px;
  background-image: unset !important;
  height: unset !important;
  width: unset !important;
  transition: unset;
  /* color: #fff; */
}
#faq-sec .accordion-button::after, #faq-page .accordion-button::after{
  content: '\f067';
  font-family: "font awesome 6 free";
  font-weight: 900;
  font-size: 14px;
  background-image: unset !important;
  height: unset !important;
  width: unset !important;
  transition: unset;
}

#faq-sec label{
  width: 100%;
}
#faq-sec form{
  margin-top: 20px;
}
#faq-sec textarea{
  height: 110px;
}
#faq-sec form .theme-btn p,.news-form-main .theme-btn p , .contac_form .theme-btn p {
  margin-bottom: 0;
}
#faq-sec form .theme-btn p input,.news-form-main .theme-btn p input, #appoinment .theme-btn p input,  .contac_form .theme-btn p input{
  background: transparent;
  border: none;
  font: 700 16px / 20px var(--font-one);
  color:var(--white);
}
#faq-sec form .theme-btn .wpcf7-spinner, .news-form-main .wpcf7-spinner , #appoinment .wpcf7-spinner, .contac_form  .wpcf7-spinner{
  position: absolute;
  right: -40px;
  margin: 0 5px;
}
#faq-sec form .theme-btn{
  margin-left: 10px;
  padding: 8px 18px;
}







/* ============================================================= */
/* =======================Json================================= */
/* banner popup */
.ive-vw-shopping-mall-banner-popup{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.ive-vw-shopping-mall-banner-popup-icons .ive-popup-icon-parent{
  border: 5px solid #fff;
  padding: 30px 10px; 
  border-radius: 50px;
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 80px;  
}

.ive-popup-main-parent_e5698b-9e .ive-pop-title-text i{
  /* font-size: 30px !important;
  background-color: transparent;
  height: auto !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 0 0 30px !important; */

  border: 5px solid #fff;
  /* padding: 30px 30px; */
  border-radius: 50px;
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 80px;
}

/* social Media */
.ive-vw-shopping-mall-banner-social-media{
  margin: 15% 0 -20% 55% !important;
}

.ive-vw-shopping-mall-banner-si{

}

/* explore */
.ive-vw-shopping-mall-explore-outer {
  position: relative;
}

.ive-vw-shopping-mall-explore-outer:before {
  content: '';
  background: rgba(255, 255, 255, 1);
  height: 69%;
  position: absolute;
  width: 98%;
  margin: 0% 0 0 0;
  border: 2px dashed #FFC14C;
  z-index: -1;
  bottom: -60px;
  left: -75px;
  /* top: 0; */
}

.ive-vw-shopping-mall-explore-txt {
  border-radius: 20px;
  border: 4px solid #fff;
  margin: -75px 0 -300px 175px;
  width: 620px;
  padding: 30px;
  z-index: 1;
}

.ive-vw-shopping-mall-explore-time-outer{
  border-radius: 20px;
}

/* explore video image */
.ive-vw-shopping-mall-explore-video-img{
  margin: 0 0 0 20px;
  border-radius: 20px;
}

.ive-vw-shopping-mall-explore-video-icons {
  border: 5px solid #fff;
  /* padding: 30px 30px; */
  border-radius: 50px;
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 80px;
  margin: 0 auto;
}

.ive-vw-shopping-mall-explore-video-icons i{
  margin: 35px 0 0;
}

/* services */
.ive-vw-shopping-mall-services{
  margin: 160px 0 0;
}

.ive-vw-shopping-mall-services-inner {
  border: 1px solid #777;
  border-radius: 15px;
  padding: 30px 15px;
  text-align: center;
}

.ive-vw-shopping-mall-service2, .ive-vw-shopping-mall-service4 {
  margin: 30px 0 -30px !important;
}

/* about us */
.ive-vw-shopping-mall-about{
  margin: 150px 0 0 0;
}

.ive-vw-shopping-mall-about-cont {
  width: 800px;
  margin: 0 0 -20% 33% !important;
  max-width: 800px;
}

.ive-vw-shopping-mall-about-head{

}

.ive-vw-shopping-mall-about-mission {
  /* height: 250px !important; */
  border-radius: 20px;
  min-height: 250px;
}

.ive-vw-shopping-mall-about-mission-head {
  border-radius: 10px;
  overflow: hidden;
}

/* counter */

.ive-vw-shopping-mall-counter{
  margin: 90px 0 0;
}

/* event */
.ive-vw-shopping-mall-event {
  border-radius: 15px;
  padding: 30px;
  margin: 90px 0;
}

.ive-vw-shopping-mall-event-inners {
  border-radius: 10px;
  padding: 10px;
  border: 1px solid #777;
  justify-content: center;
  align-items: center !important;
  margin: 0 0 10px 0 !important;
}

.ive-vw-shopping-mall-event-img-col{
  position: relative;
}
.ive-vw-shopping-mall-event-img-col img{
  border-radius: 5px;
}
.ive-vw-shopping-mall-event-img-col .wp-block-post-date {
  position: absolute;
  z-index: 1;
  bottom: 10px;
  left: 5px;
  background: linear-gradient(to right, #F9DE51 0%, #FFC14C 100%);
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 5px;
  color: #000;
}


/* brand shop */
.ive-vw-shopping-mall-bs-floor-outer{
  margin: 0 0 45px !important;
}

.ive-vw-shopping-mall-bs-floor{
  border-radius: 10px;
  overflow: hidden;
}

/* store locator */
.ive-vw-shopping-mall-sl{
  margin: 60px 0;
}

.ive-vw-shopping-mall-sl-map .ive-google-map__wrap iframe{
  border-radius: 15px;
}

.ive-vw-shopping-mall-sl-map-location-out{
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 15px;
  justify-content: space-between;
  margin: 0 0 10px !important;
}
.ive-vw-shopping-mall-sl-map-locationas{
  gap: 10px;
}

.ive-vw-shopping-mall-sl-map-location-icons{
  text-align: center;
}

/* countdown */
.ive-vw-shopping-mall-couter{
  border-radius: 15px;
  padding: 45px 15px;
}

.ive-vw-shopping-mall-coutdown-outer .suzuki-dashboard{
  border: 6px solid;
}

/* floor map */
.ive-vw-shopping-mall-floor-map{
  margin: 90px 0 0;
  border-radius: 15px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

/* logos */
.ive-vw-shopping-mall-logos{
  margin: 60px 0 0 0;
}

/* featured insight */
.ive-vw-shopping-mall-featured-insight{
  border-radius: 15px;
  margin: 120px 0 0;
  padding: 30px;
}

.ive-vw-shopping-mall-featured-insight-cb-outer{
  gap: 10px;
  align-items: center !important;
}

.ive-vw-shopping-mall-featured-insight-cb .wp-block-columns{
  gap: 10px;
  align-items: center !important;
}
.ive-vw-shopping-mall-featured-insight-cb-img img{
  z-index: 2;
  position: relative;
  border-radius: 10px;
}
.ive-vw-shopping-mall-featured-insight-cb-img:after {
  content: '';
  height: 380px;
  width: 550px;
  background: #777;
  position: absolute;
  border-radius: 10px;
  bottom: 75px;
  z-index: 1;
  right: -20px;
  box-shadow: 0px 0 15px rgba(0, 0, 0, 0.25);
}

/* blogs */
.ive-vw-shopping-mall-blog{
  margin: 90px 0 0;
}

.ive-vw-shopping-mall-blog-inner .owl-item .post-item{
  border-radius: 15px;
}

.ive-vw-shopping-mall-blog-inner .owl-item .post-image{
  padding: 15px;
}

.ive-vw-shopping-mall-blog-inner .owl-item .post-image img{
  border-radius: 15px;
}

.ive-vw-shopping-mall-blog-inner .owl-item  .post-meta{
  display: flex;
  justify-content: space-between;
  padding: 0 1px;
  gap: 0;
  text-transform: capitalize;
  margin: 0 0 10px;
}

.ive-vw-shopping-mall-blog-inner .owl-item .post-meta .ive_latest_post_date{
  width: 150px;
}