/*
Theme Name: Escape Room Game Pro
Theme URI:
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: escape-room-game-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
mining industry pro WordPress Theme has been created by VW Themes(vwthemes.com), 2023.
mining industry pro WordPress Theme is released under the terms of GNU GPL
*/

@import url('href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
  --blue: #4BC9EC;
  --c-color: #051B2C;
  --font-one:"Montserrat", sans-serif;;
}

/* Basic Style */

html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background-color: #03091b;
  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: #fff;
}
#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(--c-color);
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: 0px 0 0;
box-shadow: 0px 0px 20px #0000002B;
}
.sticky.stickynavbar .header-inner{
background: unset;
box-shadow: unset;
}



.sticky.stickynavbar .header-inner .main-navigation li a{
  color: #fff !important;
}

.sticky.stickynavbar #menu-primary-menu>.menu-item-has-children::before {
  color: #fff;
}




/* ----------- Spinner ------------- */
.eco-box{
position: fixed;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: pointer;
z-index: 99999999;
background:var(--c-color);
width: 100%;
}

/* ====================================================== */
/* loader */
#box-container {
  width: 150px;
  /* margin: 140px auto 20px auto; */
  height: 100%;
  width: 100%;
  top: 50%;
  position: absolute;
  transform: translateX(45%);
}
.text{
  width: 100%;
  text-align: center;
  color: white;
  font-size: 20px;
  font-family: 'Ubuntu', sans-serif;
  letter-spacing: 1px;
}
.boxes{
  width: 50px;
  height: 50px;
  background: var(--blue);
  position: relative;
}
.box11{
  position: relative;
  animation: moveBox1 1s ease-in-out infinite;
  left: 0;
}
@keyframes moveBox1{
  0%{
    left: 0;
  }
  25%{
    top: 0;
    left: 100px;
  }
  50%{
    left: 100px;
    top: 100px;
  }
  75%{
    top: 100px;
    left: 0;
  }
  100%{
    top: 0;
    left: 0;
  }
}

.box2{
  background: white;
  left: 50px;
}
.box3{
  animation: moveBox3 1s ease-in-out infinite;
/*   left: 50px; */
}

@keyframes moveBox3{
  0%{
    top: 0;
    left: 0;
  }
  25%{
    top: -100px;
    left: 0;
  }
  50%{
    top: -100px;
    left: 100px;
  }
  75%{
    top: 0;
    left: 100px;
  }
  100%{
    top: 0;
    left: 0;
  }
}
































/* my style */
/* ====================================================== */
section{
  overflow-x: hidden;
}

/* common styling */
.c_head{
  max-width: 550px;
  margin: 0 auto;
}

.c_heading{
  font-family: var(--font-one);
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.c_subheading{
  font-family: var(--font-one);
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}
.c_para{
  font-family:var(--font-two);
  font-weight: 400;
  font-size: 14px;
  line-height:24px;
  color: #fff;
}

.c_btn {
  border: 1px solid #fff;
  color: #fff;
  background: #03091B;
  font-size: 14px;
  font-weight: 400;
  font-family: var(--font-one);
  padding: 13px 20px 10px;
  transition: linear all 0.3s;
  text-transform: capitalize;
  letter-spacing: 1px;
  box-shadow: 0 0 20px var(--blue);
}

.c_btn:hover{
  border: 1px solid #fff;
  color: #fff;
  background: var(--blue);
}

.c_head{
  width: 400px;
  max-width: 400px;
  margin: 0 0 30px;
  color: #fff;
}

.head h3 span{
  color: var(--blue);
}

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




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

#header{
  color: #fff;
}

#header .header-inner .col-4{
  padding: 0;
}

#header .left_menu, #header .right_menu {
  position: relative;
  margin: 25px 0 0;
}

/* shape left */
.shape_image_r {
  background: url(./assets/images/header/shape-r.png);
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 5em;
  background-position: 100% 0;
  background-size: cover;
  background-size: 70% 100% !important;
  background-repeat: no-repeat;
}

.shape_image_l {
  background: url(./assets/images/header/shape-l.png);
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 5em;
  background-position: 0% 50%;
  background-size: cover;
  background-size: 70% 100% !important;
  background-repeat: no-repeat;
}

#header .right_menu .shape_image img {
  margin: 0 0 0 auto;
  display: block;
}
#header .right_menu .icons_inner{
  position: absolute;
  top: 0px;
  right: 50%;
}

#header .left_menu .icons_inner{
  position: absolute;
  top: 0px;
  left: 50%;
}

#header .left_menu .icons, #header .right_menu .icons {
  display: flex;
  gap: 10px;
  justify-content: center;
  position: relative;
}

#header .right_menu .icons {
  margin: -15px -45px 0 0px;
}

#header .left_menu .icons {
  margin: -15px 0 0 -45px;
}

#header .left_menu .icons i, #header .right_menu .icons i {
  color: #fff;
  font-size: 20px;
}

#header .left_menu .icons i:hover, #header .right_menu .icons i:hover {
  color: var(--blue);
}

#header .left_menu .icons button{
  background: transparent;
  padding: 0;
  box-shadow: none;
  border: 0;
}

#header .left_menu .icons .home svg path{
  fill: var(--blue);
}
#header .left_menu .icons .home svg path:hover{
  fill: var(--blue);
}


#header .icons svg path:hover{
  fill: var(--blue);
}









.login_box button{
  background: transparent;
  border: 0;
}

#header .right_menu .icons .seach_box{
  margin: -6px 0 0;
}







/* main Menu */
/* drawer */
#header  .offcanvas{
  background: #051B2C;
  padding: 50px 30px 20px;
  width: 300px;
} 

#header  .offcanvas .btn-close {
  background: none;
  opacity: 1;
  position: absolute;
  right: 45px;
  top: 45px;
}

#header  .offcanvas .btn-close:focus {
  box-shadow: none;
}

#header .offcanvas .btn-close i{
  background: #fff;
  height: 40px;
  width: 40px;
  line-height: 40px;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0px calc(100% - 0px), 0 10px);

} 

/* drawerlogo */
#header .offcanvas  .drawer_logo{
  margin: 0 0 30px;
}


/* logo */
#header  .svg_box{
  position: relative;
  display: flex;
  flex-direction: inherit;
  justify-content: center;
  align-items: center;
}



#header .center_shape{
  opacity: 0;
}

#header .vw-logo {
  position: absolute;
  margin: 15px auto;
  display: block;
  left: 0;
  right: 0;
  top: 20px;
}
#header .vw-logo img{
  margin: -10px auto 0;
  display: block;
}
#header .logo_box{
  position: relative;
  flex-basis: 40%;
}
       
.logo_box .shape_image  {
  align-self: auto;
  background-color: #4bc9ec;
  clip-path: polygon(0 0, 100% 0, 95% 50%, 75% 50%, 70% 100%, 30% 100%, 25% 50%, 5% 50%);
  filter: blur(4px);
  min-height: 90px;
  position: relative;
  /* filter: drop-shadow(0px -7px 16.2px #4bc9ec); */
  width: 50%;
  margin: 0 auto;
  &::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 98%;
    height: 92%;
    transform: translateX(-50%);
    background: #03091b;
    filter: blur(4px);
    clip-path: polygon(0 0, 100% 0, 95% 50%, 75% 50%, 70% 100%, 30% 100%, 25% 50%, 5% 50%);
  }
}

#header .logo_box .shape_image img{
  margin: 0 auto;
  display: block;
}



#header .left_menu .shape_image img, #header .right_menu .shape_image img{
  margin: 0px 0 0;
}
/* search box header */
.search-box {
  position: relative;
  display: inline-block;
}

.search-box i {
  position: absolute;
  top: 30%;
  left: 8px;
  transform: translateY(-50%);
  color: #666;
  font-size: 18px;
  pointer-events: none;
  z-index: 2;
  margin: 6px 0 0px;
}

.search-field {
  background-color: transparent;
  border: none;
  height: 40px;
  margin: 0px 0px 0;
  padding: 0 0 0 34px; 
  position: relative;
  transition: width 400ms ease, background 400ms ease;
  width: 0px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 14px;
}

.search-field:focus {
  background-color: #000;
  border: 1px solid #fff;
  cursor: text;
  outline: 0;
  width: 200px;
  color: #fff;
  padding-left: 34px; 
  margin: 5px 0 15px;
}

.search-form .search-submit { 
  display: none;
}  





















/* =======================  Header close==================== */
/* .home #about-us,
.home #escape_room_category,
.home #gallery,
.home #book-us-section,
.home #faq ,
.home #blog_news,
.home #contact-us-section{
  margin: 0 0 0 -150px;
} */






 
body > svg {
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    filter: drop-shadow(0 0px 13.5px #4BC9EC);
}


body > svg > circle {
  filter: drop-shadow(0 0px 13.5px #4BC9EC);
  height: 10px;
  width: 10px;
}

section .container{
  position: relative;
  z-index: 3;
}
/* body > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  filter: drop-shadow(0 0px 13.5px #4BC9EC);
} */

/* Banner  */
#banner {
  padding: 5% 0 0px;
  color: #fff;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* #banner:after {
  content: '';
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.5);
  position: absolute; 
  background: linear-gradient(180deg, #0a0f1a 0%, #03091B 100%);
  top: 0;
}  */
#banner .banner_outer .content .content_outer {
  padding: 90px 0 0 0;
}

#banner .banner_outer .content {
  margin: 15% 0 8%;
  z-index: 1;
  position: relative;
}
#banner .banner_outer .content h1 {
  font-size: 60px;
  font-weight: 600;
  font-family: var(--font-one);
  line-height: 80px;
  margin: 0px 0 10px;
  text-transform: uppercase;
  letter-spacing: 5px;
}

#banner .banner_outer .content p {
  margin: 20px auto 40px;
  max-width: 800px;
}

#banner .banner_outer .content .banner_btns {
  filter: drop-shadow(0px 0px 1px #fff);
}

#banner .banner_outer .content .banner_btns a {
  clip-path: polygon(14px 0, calc(100% - 8px) 0, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0px 100%, 0 calc(100% - 0px), 0 14px); 
  position: relative;
  background: url(./assets/images/banner/bgs.png);
  border: 0;
  /* background-color: transparent !important; */
  padding: 16px 45px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: none;
}

/* #banner .banner_outer .content .banner_btns a:after{
  background: transparent;
  content: '';
  position: absolute;
  width: 100%;
  height: 101%;
  top: -4px;
  z-index: 0;
  left: 0;
  margin: 2px 0px;
  right: 0;
  border: 2px solid #f00;
  clip-path: polygon(14px 0, calc(100% - 8px) 0, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0px 100%, 0 calc(100% - 0px), 0 14px);
}   */






#banner .banner_outer .banner_cat a {
  padding: 13px 24px 10px;
  font-size: 13px;
  
}

#banner .banner_outer .banner_cat {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin: 75px 0 0;
}

#banner .banner_outer .banner_cat a:hover {
  background: #fff;
  color: #000;
}

#banner .door_image {
  position: absolute;
  z-index: -1;
  margin-top: -10%;
  left: 50%;
  transform: translateX(-50%);
}

#banner .banner_outer .content .content_outer:before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 14%;
  left: 0;
  z-index: -1;
  filter: blur(40px);
  background: linear-gradient(180deg, rgba(3, 9, 27, 1) 0, rgba(3, 9, 27, 0.8) 0);
}
/* Banner close */
/* ======================================================== */
/* about us section  */
#about-us{
  padding: 45px 0 50px;
}

#about-us .inner_content {
  color: #fff;
  position: relative;
  z-index: 1;
}

#about-us .inner_content::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(
    circle at center,
    rgba(75, 201, 236, 0.58) 0%,
    rgba(0, 0, 0, 0) 70%
  );
  filter: blur(25px);
}

#about-us .inner_content .content .head {
  width: 370px;
  max-width: 370px;
  margin: 0 0 30px;
}
#about-us .inner_content .content .head h3{
  margin: 0 0 10px;
}
#about-us .inner_content .content .head h3 span.split{
  color: #4BC9EC;
}

#about-us .inner_content .content .head p {
  margin: 0 0 20px 0;
  color: #fff; 
  line-height: 22px;
}
#about-us  .counter {
  margin: 60px 0 0;
}
#about-us  .counter .counter_content {
  margin: 30px 0 0;
  text-align: center;
  padding: 0 8px;
}

#about-us  .counter .counter_content .num {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
}

#about-us  .counter .counter_content .num {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0 0 12px;
  justify-content: center;
}

#about-us  .counter .counter_content .num img {
  animation: pulse 3s infinite;
}



#about-us  .counter .counter_content .num h2 {
  font-size: 30px;
}

#about-us  .counter .counter_content .num span{ 
  font-size: 20px;
  font-weight: 600;
}

#about-us  .counter .counter_content h5 {
  font-size: 15px;
  font-weight: 600;
  line-height: 23px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* right image */
#about-us .about_right_img{
  position: relative;
}

#about-us .about_right_img .main_image img {
  height: 100%;
}

#about-us .about_right_img .key{
  position: absolute;
  top: 30%;
  right: 0;
}

#about-us .about_right_img .key img{
  animation: pulse 2s infinite;
}




















.box-outer {
  width: fit-content;
  border-top: 1px solid var(--blue);
  border-right: 1px solid var(--blue);
  margin: 0 0 0;
  transform: skew(45deg);
}

.box-inner {
  background-color: var(--blue);
  height: 20px;
  width: 60px;
  margin: 6px 10px 0 0;
  /* transform: skew(10deg); */
}


/* ======================================================== */
/* ===============Escape room section start================*/

#escape_room  {
  padding: 105px 0 20px;
}

#escape_room .escape_room_outer {
  padding: 0px 0 45px;
  margin: 0% 0 0;
}

#escape_room_category .container {
  color: #fff;
  position: relative;
  z-index: 1;
}

#escape_room_category .container::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(
    circle at center,
    rgba(75, 201, 236, 0.58) 0%,
    rgba(0, 0, 0, 0) 70%
  );
  filter: blur(60px);
}

#escape_room .escape_room_outer .head {
  margin: 0 0 45px;
}

#escape_room .head h3 {
  margin: 0 0 10px;
}

#escape_room .escape_room_outer .escape_room_box{
  position: relative;
  max-height: 600px;
  margin: 10px;
  position: relative;
  transition: linear all 0.3s;
  /* filter: drop-shadow(0px 0px 5px rgba(75, 201, 236, 0.8));  */
}
#escape_room .escape_room_outer .escape_room_box .escape_room_thumb{
  min-height: 500px;
  height: 500px;
  overflow: hidden;
  clip-path: polygon(40px 0, calc(100% - 40px) 0, 100% 0px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 40px);
}

#escape_room .escape_room_outer .escape_room_box .escape_room_thumb img{
  height: 100%;
  width: 100%;
}
#escape_room .escape_room_outer .escape_room_box .escape_room_cont {
  color: #fff;
  background: rgba(255, 255, 255, 0.38);
  backdrop-filter: blur(6.5px);
  position: absolute;
  bottom: 0;
  padding: 15px 45px 15px;
  min-height: 170px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  clip-path: polygon(40px 0, calc(100% - 40px) 0, 100% 0px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 40px);
}

#escape_room .escape_room_outer .escape_room_box .escape_room_cont h4 {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 22px;
}

#escape_room .escape_room_outer .escape_room_box .escape_room_cont p {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  overflow: hidden;
  margin: 0;
}

#escape_room .escape_room_outer .escape_room_box .icons {
  z-index: 10;
  opacity: 0;
  color: #000;
  background: #fff;
  font-size: 18px;
  width: max-content;
  position: absolute;
  right: 8px;
  bottom: 150px;
  height: 48px;
  width: 48px;
  line-height: 48px;
  clip-path: polygon(12.6364px 1px, 1px 12.6364px, 1px 49px, 37.3636px 49px, 49px 37.3636px, 49px 1px, 12.6364px 1px);
  transition: linear all 0.3s;
}
#escape_room .escape_room_outer .escape_room_box .icons a {
  color: #000;
}

#escape_room .escape_room_outer .escape_room_box .icons i {
  transform: rotate(45deg);
}

#escape_room .escape_room_outer .escape_room_box .escape_room_cont a h4{
  color: #fff;
}

/* ----------hover---------------- */
#escape_room .escape_room_outer .escape_room_box:hover{
  filter: drop-shadow(0px 0px 5px rgba(75, 201, 236, 0.8)); 
  transition: linear all 0.3s;

}
#escape_room .escape_room_outer .escape_room_box:hover .icons{
  opacity: 1;
}

/* services page close */
/* ============================================================= */
/* Escape Room Categories start */
#escape_room_category{
  position: relative;
  padding: 100px 0;
}
#escape_room_category .left_section {
  position: relative;
  width: 90%;
  filter: drop-shadow(0px 0px 5px rgba(75, 201, 236, 0.8)); 
}

#escape_room_category .left_section .image{
  clip-path: polygon(40px 0, calc(100% - 40px) 0, 100% 0px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 40px);
  overflow: hidden;
}

#escape_room_category .left_section .image img {
  width: 100%;
  position: relative;
  min-height: 650px;
}

#escape_room_category .left_section  .content_outer{
  position: absolute;
  z-index: 1;
  top: 0;
  filter: drop-shadow(0px 5px 5px rgba(75, 201, 236, 0.6));
}

#escape_room_category .left_section .content {
  position: relative;
  background: rgba(0,0,0,0.4);
  min-height: 140px;
  padding: 30px;
  color: #fff;
  text-align: center;
  clip-path: polygon(40px 0, calc(100% - 40px) 0, 100% 0px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 40px);
}

#escape_room_category .left_section .content::after {
  position: absolute;
  content: '';
  top: 0px;
  background: rgba(0,0,0,0.8);
  width: 100%;
  height: 100%;
  left: 0;
  z-index: -1;
}

#escape_room_category .left_section .key_image {
  position: absolute;
  top: 50%;
  right: -90px;
}

#escape_room_category .left_section .key_image img {
  animation: pulse 2s infinite;
}

/* right section */
#escape_room_category .right_sec .c_head{
  text-align: right;
  margin: 0 0 30px auto;
}

#escape_room_category .right_sec  .tab_outer .category_lists ul {
  display: flex;
  justify-content: space-between;
}

#escape_room_category .right_sec  .tab_outer .category_lists ul li button {
  background: transparent;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  transition: linear all 0.3s;
  padding: 11px 40px;
  border-radius: 0;
  clip-path: polygon(15px 0, calc(100% - 15px) 0, 100% 0px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0px calc(100% - 0px), 0 20px)
}

#escape_room_category .right_sec  .tab_outer .category_lists ul li button:hover,
#escape_room_category .right_sec  .tab_outer .category_lists ul li button.active {
  background: #000;
}

#escape_room_category .right_sec  .tab_outer .category_lists ul li:hover,
#escape_room_category .right_sec  .tab_outer .category_lists ul li button.active    {
  filter: drop-shadow(0px 0px 5px rgba(75, 201, 236, 0.8));
}

/* content */
#escape_room_category .right_sec  .category_cont .card{
  background: transparent;
  padding: 0;
  border: 0;
  color: #fff;
} 

#escape_room_category .right_sec  .category_cont .card p{
  font-size: 14px;
  font-weight: 400;
  text-align: right;
  line-height: 20px;
} 

#escape_room_category .right_sec  .category_cont .card .thumb img {
  width: 100%;
  clip-path: polygon(40px 0, calc(100% - 40px) 0, 100% 0px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 40px);
  position: relative;
  min-height: 310px;
  height: 310px;
}

#escape_room_category .right_sec  .category_cont .card .icons {
  height: 50px;
  width: 50px;
  background: #ccc;
  line-height: 50px;
  text-align: center;
  font-size: 22px;
  background: rgba(255, 255, 255, 0.38);
  backdrop-filter: blur(6.5px);
  clip-path: polygon(12.6364px 1px, 1px 12.6364px, 1px 49px, 37.3636px 49px, 49px 37.3636px, 49px 1px, 12.6364px 1px);
  position: absolute;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  top: 40%;
  z-index: 1;
}
#escape_room_category .right_sec  .category_cont .card .icons button{
  background: transparent;
  border: 0;
  box-shadow: none;
}

#escape_room_category .right_sec  .category_cont .card .icons i{
  color: #fff;
}

/* meta fields */
#escape_room_category .right_sec .category_cont .card .meta_fields{
  position: relative;
}

#escape_room_category .right_sec .category_cont .card .meta_fields ul {
  display: flex;
  text-align: center;
  justify-content: space-between;
  list-style-type: none;
}

#escape_room_category .right_sec .category_cont .card .meta_fields ul li h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 1px;
}

#escape_room_category .right_sec .category_cont .card .meta_fields ul li h3 span{
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}

#escape_room_category .right_sec .modal .btn-close button{
  display: none;
}

#escape_room_category .right_sec .modal .modal-body{
  padding: 0 !important;
}

/* popup */
#escape_room_category  .modal-content{
  border-radius: 0;
}

#escape_room_category .modal-body {
  padding: 5px;
  
}
#escape_room_category .modal  {
  background: rgba(0,0,0,0.7);
}
#escape_room_category .modal-body .btn-close {
  opacity: 1;
  position: absolute;
  z-index: 12;
  background-color: #fff;
  padding: 10px;
  border-radius: 0;
  top: -50px;
  right: 0;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0px calc(100% - 0px), 0 10px);
}

.modal-backdrop {
  display: none;
}
/* ======================================== */
/* ==================work =================*/
#work{
  position: relative;
}
#work .c_head{
  margin: 0 0 40px;
}

#work .work_content .work_outer {
  position: relative;
  color: #fff;
  /* width: 33%; */
  /* padding-right: 0; */
  width: 94%;
  /* background: #03091b; */
}

#work .work_content .work_outer .row{
  display: flex;
}

#work .work_content .row1{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 30px 0 0;
}

#work .work_content .work_outer .cont h5 {
  font-size: 60px;
  letter-spacing: 4px;
  font-weight: 600;
  line-height: 50px;
}
#work .work_content .work_outer .cont h5 span {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  max-width: 155px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 21px;
  margin: 12px 0 15px;
}
#work .work_content .work_outer .cont p{
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

#work .work_content .work_outer .image {
  margin: 20px 0;
  filter: drop-shadow(0px 0px 5px rgba(75, 201, 236, 0.8));
}

#work .work_content .work_outer .image img {
  min-height: 170px;
  height: 170px;
  width: 100%;
  clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 0px, 100% calc(100% - 22px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 0px), 0 20px);
  object-fit: cover;
  object-position: bottom;
}

/* row 2 */
#work .work_content .row2{
  display: flex;
}

#work .work_content .row2{
  flex-direction: row-reverse;
  margin: 0 0 0 auto;
}

#work .work_content .row2 .work_outer{
  flex: 1;
}


#work .work_content .row2 .work_outer4{
  display: flex;
  align-items: center;
}

#work .work_content .row2 .work_outer4 .image {
  height: 300px;
}

#work .work_content .row2 .work_outer4 .image img {
  height: 100%;
}

#work .work_content .row2 .work_outer4 .cont,
#work .work_content .row2 .work_outer4 .image{
  flex: 1;
}

#work .work_content .row2 .work_outer4 .cont,
#work .work_content .row2 .work_outer5 .cont{
  text-align: right;
}
#work .work_content .row2 .work_outer4 .cont span, 
#work .work_content .row2 .work_outer5 .cont span {
  width: auto;
  margin: 12px 0 15px auto;
}
#work .work_content .row2 .work_outer4 .image, 
#work .work_content .row2 .work_outer5 .image {
  padding: 0 0 0 30px;
}

#work .work_content .row2 .work_outer5 .image {
  width: 70%;
  margin: 50px 20px 30px auto;
}
#work .work_content .row2 .work_outer5 .cont {
  width: 65%;
  margin: 0 20px 0 auto;
}


/* lines */
#work .work_content .work_outer1,
#work .work_content .work_outer2,
#work .work_content .work_outer3,
#work .work_content .work_outer4,
#work .work_content .work_outer5,
#work .work_content .work_outer6{
  position: relative;
}
#work .work_content .work_outer1:before,#work .work_content .work_outer1:after,
#work .work_content .work_outer2:before,#work .work_content .work_outer2:after,
#work .work_content .work_outer3:before,#work .work_content .work_outer3:after,
#work .work_content .work_outer4:before,#work .work_content .work_outer4:after,
#work .work_content .work_outer5:before,#work .work_content .work_outer5:after{
  content: '';
  background: transparent;
  position: absolute;
  z-index: -1;
}

#work .work_content .work_outer1:before {
  
  height: 250px;
  width: 30px;
  top: 30px;
  left: -10px;
  border-top: 1px solid var(--blue);
  border-left: 1px solid var(--blue);
  border-bottom: 1px solid var(--blue);
}
#work .work_content .work_outer1:after {
  height: 200px;
  width: 30px;
  top: 60px;
  right: -10px;
  box-shadow: 0 0 0px #4BC9EC;
  border-top: 0;
  border-right: 1px solid var(--blue);
  border-bottom: 1px solid var(--blue);
}

/* second box */
#work .work_content .work_outer2:before {
  height: 1px;
  width: 108%;
  top: 67px;
  left: -17px;
  border-bottom: 1px solid var(--blue);
}

/* 3rd box */
#work .work_content .work_outer3:before {
  height: 200px;
  width: 30px;
  top: 40px;
  left: -10px;
  border-bottom: 1px solid var(--blue);
  border-left: 1px solid var(--blue);
}

#work .work_content .work_outer3:after {
  height: 100px;
  width: 30px;
  bottom: 60px;
  right: -10px;
  border-bottom: 1px solid var(--blue);
  border-right: 1px solid var(--blue);
}

/* 4th box */
#work .work_content .work_outer4:after {
  height: 400px;
  width: 60px;
  top: -42%;
  right: -44px;
  border-top: 1px solid var(--blue);
  border-bottom: 1px solid var(--blue);
  border-right: 1px solid var(--blue);
}

#work .work_content .work_outer4:before {
  height: 1px;
  width: 30px;
  bottom: 45%;
  left: 0;
  border-bottom: 1px solid var(--blue);
}

/* 5th box */
#work .work_content .work_outer5:after {
  height: 150px;
  width: 30px;
  bottom: 202px;
  right: 0;
  border-top: 1px solid var(--blue);
  border-right: 1px solid var(--blue);
}

/* ------------------------------------------------------------ */
/* Gallery */

#gallery .container {
  color: #fff;
  position: relative;
  z-index: 1;
}

#gallery .container::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(
    circle at center,
    rgba(75, 201, 236, 0.58) 0%,
    rgba(0, 0, 0, 0) 70%
  );
  filter: blur(30px);
}

#gallery .c_head{
  margin: 0 0 45px auto;
  text-align: right;
}

#gallery .image_gallery_outer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 130px;
  gap: 15px;
  grid-auto-flow: dense; /* auto-fill gaps */
}

/* Image 1 */
#gallery .image_gallery_outer .c-col:nth-child(1) {
  grid-column: span 1;
  grid-row: span 2;
}

/* Image 2 */
#gallery .image_gallery_outer .c-col:nth-child(2) {
  grid-column: span 1;
  grid-row: span 4;
}

/* Image 3 (tall center) */
#gallery .image_gallery_outer .c-col:nth-child(3) {
  grid-column: span 1;
  grid-row: span 2;
}

#gallery .image_gallery_outer .c-col:nth-child(4) {
  grid-column: span 1;
  grid-row: span 2;
}

#gallery .image_gallery_outer .c-col:nth-child(5) {
  grid-column: span 2;
  grid-row: span 2;
}

/* Image 6 (wide bottom right) */
#gallery .image_gallery_outer .c-col:nth-child(6) {
  grid-column: span 1;
  grid-row: span 2;
}


#gallery .image_gallery_outer .c-col img {
  clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 0px, 100% calc(100% - 22px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 0px), 0 20px);
  height: 100%;
  width: 100%;
}

/* ========================================================== */
/* Mystery Tips */
#tips {
  padding: 40px 0 90px;
  transform: translateY(45px);
}

#tips .tips_content {
  /* background: url('./assets/images/mystery/bg.png') no-repeat center center; */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 0px 45px 0px;
  position: relative;
  z-index: 1;
  min-height: 625px;
}

#tips .tips_content:before {
  content: '';
  position: absolute;
  top: -15px;
  right: 0;
  width: 100%;
  height: 100%;
  background: url('./assets/images/mystery/line.png') no-repeat center center;
  background-size: auto;
  z-index: -1;
}

#tips .tips_content .row1 .tips_outer,
#tips .tips_content .row2 .tips_outer{
  width: 20%;
  display: flex;
  align-items: center;
}

#tips .tips_content .row2 {
  flex-direction: row-reverse;
}

#tips .tips_content .row1 .tips_outer .image img, #tips .tips_content .row2 .tips_outer .image img{
  animation: pulse 1s infinite;
  max-height: 60px;
  height: 60px;
} 

#tips .tips_content .row .tips_outer .cont h5{
  display: block;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
}
#tips .tips_content .row .tips_outer .cont h5 span{
  display: block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 25px;
}

/* row 1 */
#tips .tips_content .row1 .tips_outer:nth-child(2),
#tips .tips_content .row1 .tips_outer:nth-child(4){
    margin: 10% 0 0;
}
/* row 2 */
#tips .tips_content .row2 {
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin: 0% 0 0;
}


/* row 1 */
#tips .tips_content .row2 .tips_outer:nth-child(1) {
  margin: 16% 0 0 -5%;
}

#tips .tips_content .row2 .tips_outer:nth-child(2){
    margin: 0% 0 0;
}
#tips .tips_content .row2 .tips_outer:nth-child(3) {
  margin: -10% 0 0 -5%;
}
#tips .tips_content .row2 .tips_outer:nth-child(4){
    margin: 10% 0 0;
}
#tips .tips_content .row2 .tips_outer:nth-child(5){
    margin: 0% 0 0;
}

/* row 2 */
#tips .tips_content .row2 .tips_outer{
  flex-direction: row-reverse;
  text-align: right;
}







/* ======================================================= */
/* Book Us now */
#book-us-section{

}

#book-us-section .container {
  color: #fff;
  position: relative;
  z-index: 1;
}

#book-us-section .container::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(
    circle at center,
    rgba(75, 201, 236, 0.58) 0%,
    rgba(0, 0, 0, 0) 70%
  );
  filter: blur(30px);
}

#book-us-section .head {
  margin: 0 0 45px auto;
  text-align: right;
}

#book-us-section .form input[type="text"], #book-us-section .form input[type="email"], #book-us-section .form input[type="tel"], #book-us-section .form select,#book-us-section .form input[type="date"],#book-us-section .form input[type="number"] {
  height: 44px;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 0px), 0 14px);
  background: #03091B;
  border-radius: 0;
  font-size: 14px;
  color: #838383;
  margin: 0 0 0px !important;
  /* border: 1px solid #B5995A; */
  border-right: 1px solid #B5995A;
  border-left: 1px solid #B5995A;
  border-top: 1px solid #B5995A;
  border-bottom: 2px solid #B5995A;
  width: 100%;
}

/* select icon */
#book-us-section .form select{
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(https://preview.vwthemesdemo.com/escape-room-game-pro/wp-content/uploads/sites/451/2025/09/select-icon.png);
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 15px;
  margin-right: 2rem;
}

/* date icon */
#book-us-section .form input[type="date"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(https://preview.vwthemesdemo.com/escape-room-game-pro/wp-content/uploads/sites/451/2025/09/date-icon.png);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 15px;
  margin-right: 2rem;
}

/* date icon */
#book-us-section .form input[type="text"].walcf7-timepicker{
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(https://preview.vwthemesdemo.com/escape-room-game-pro/wp-content/uploads/sites/451/2025/09/time-icon.png);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 15px;
  margin-right: 2rem;
}

/* number icon */
#book-us-section .form input[type=number]{
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(https://preview.vwthemesdemo.com/escape-room-game-pro/wp-content/uploads/sites/451/2025/09/number-icon.png);
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 5px;
  margin-right: 2rem;
  padding: 0 20px;  
}


#book-us-section .form input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 1;
  -webkit-appearance: none; 
}


















/* book us up down arrow */
#book-us-section .form input[type=number]::-webkit-inner-spin-button,
#book-us-section .form input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}










#book-us-section .form input[type="text"]::placeholder, #book-us-section .form input[type="email"]::placeholder, #book-us-section .form input[type="tel"]::placeholder, #book-us-section .form select::placeholder,#book-us-section .form input[type="date"]::placeholder {
  color: #838383;
}

#book-us-section .form .theme-btn input[type="submit"] {
  text-align: center;
  /* background: #03091B; */
  border: 1px solid #fff; 
  border-radius: 0;
  font-size: 14px;
  color: #838383;
  margin: -20px 0 0 !important;
  padding: 6px 40px;
  text-align: center;
  color: #fff;
  letter-spacing: 1px;
  /* border-right: 1px solid #B5995A;
  border-left: 1px solid #B5995A;
  border-top: 1px solid #B5995A;
  border-bottom: 1px solid #B5995A; */
  /* border: 0; */
  transition: linear all 0.3s;
  clip-path: polygon(14px 0, calc(100% - 8px) 0, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0px 100%, 0 calc(100% - 0px), 0 14px);




  /* background: url(./assets/images/banner/bgs.png); */
  border: 0;
  /* background-color: transparent !important; */
  padding: 30px 100px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: none;









}
#book-us-section .form .theme-btn input[type="submit"]:hover {
 
  /* background: var(--blue); */
  color: #fff;
}
#book-us-section .form .form-checkbox {
  color: #fff;
  font-size: 14px;
}

#book-us-section .form .form-checkbox span {
  margin: 0;
}

#book-us-section  .form input[type="date"]::-webkit-calendar-picker-indicator ,
#book-us-section  .form select::-webkit-calendar-picker-indicator {
  filter: invert(1);
}



#book-us-section .form .inner p {
  filter: drop-shadow(0px 0px 1px #B5995A);
}

#book-us-section .form .theme-btn p {
  filter: drop-shadow(0px 0px 8px var(--blue));
}


















/* right image */
#book-us-section .form_image{
  min-height: 500px;
} 
 #book-us-section .form_image img{
  clip-path: polygon(40px 0, calc(100% - 40px) 0, 100% 0px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 40px);
  min-height: 500px;
} 

#book-us-section .form .theme-btn{
  margin: 30px auto 0;
}

#book-us-section .form .wpcf7-response-output{
  color: #fff;
}
/* ================================================ */
/* ================================================ */
#leader_board_section {
  position: relative;
  /* padding: 120px 0 120px; */
  transform: translateY(40px);
}

#leader_board_section .head {
  margin: 0 0 100px 0;
  /* text-align: right; */
}

#leader_board_section .leaderboard_content1 .thumb, #leader_board_section .leaderboard_content2 .thumb, #leader_board_section .leaderboard_content3 .thumb {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
} 

#leader_board_section .leaderboard_content .thumb img {
  margin: 5px auto 20px;
  background: #03091B;
  padding: 20px 30px 0;
  border-radius: 20px;
  width: auto;
  box-shadow: 0 0px 10px #4BC9EC; 
  max-height: 100px;
  height: 100px;
  
  
}

#leader_board_section .leaderboard_content .thumb i {
  background: #CFCED0;
  height: 40px;
  width: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 20px;
}

#leader_board_section .leaderboard_content .cont {
  background: linear-gradient(180deg, #232A3E 0%, #03091B 80%);
  margin: 0 10px 0;
  padding: 60px 30px 35px;
  margin: -20px 10px 0;
  color: #fff;
  min-height: 350px;
}

#leader_board_section .leaderboard_content .cont h4 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 3px;
  border-bottom: 1px solid #fff;
  padding: 0 0 8px;
  margin: 0 0 8px;
}

#leader_board_section .leaderboard_content .cont span {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
}

#leader_board_section .leaderboard_content .cont p {
  font-size: 14px;
  font-weight: 400;
  CONTAIN-INTRINSIC-BLOCK-SIZE: 0;
  margin: 20px 0 45px;
  line-height: 21px;
}

#leader_board_section .leaderboard_content .cont .tm{
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 13px;
  align-items: center;
}

#leader_board_section .leaderboard_content .cont .tm h5{
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 3px;
}
#leader_board_section .leaderboard_content .cont .tm img{
  width: auto;
}

/*  */
#leader_board_section .leaderboard_content1{
  
}

#leader_board_section .leaderboard_content2{
  margin: -60px 0 0 ;
}

#leader_board_section .leaderboard_content2 h4{
  color: var(--blue);
}

#leader_board_section .leaderboard_content1 .thumb i{
  color: #585858;
  background: #CFCED0
}

#leader_board_section .leaderboard_content2 .thumb i{
  color:#5B5633 ;
  background: #FFD368
}

#leader_board_section .leaderboard_content3 .thumb i{
  color: #CBCACC;
  background: #B28B48;
}

















/* ================================================== */
/* ================================================== */
/* FAQ */
#faq {
  padding: 90px 0 90px;
  transform: translateY(30px);
}


#faq .container {
  color: #fff;
  position: relative;
  z-index: 1;
}

#faq .container::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(
    circle at center,
    rgba(75, 201, 236, 0.58) 0%,
    rgba(0, 0, 0, 0) 70%
  );
  filter: blur(60px);
}

#faq .sec_inner .head {
  margin: 0 0 30px auto;
  text-align: right;
}

#faq .sec_inner .image img {
  width: 240px;
  animation: pulse 1s infinite;
}
/* ==================accordion==================== */
#faq .content .accordion-item-outer{
  filter: drop-shadow(0 0 1px #B5995A);
}

#faq .content .accordion-item {
  background-color: #03091B;
  border: 1px solid rgba(0, 0, 0, .125);
  color: #fff;
  border-radius: 0;
  margin: 0 0 15px;
  clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 0px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 0px), 0 20px);
  position: relative;

  border-right: 1px solid #B5995A;
  border-left: 1px solid #B5995A;
  border-top: 1px solid #B5995A;
  border-bottom: 2px solid #B5995A;
}

#faq .content .accordion-item h2{
  line-height: 25px;
}

#faq .content .accordion-item h2 button {
  background: #000;
  border-radius: 10px;
  box-shadow: none;
  padding: 10px 15px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

#faq .content .accordion-button {
  background: #03091B;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 12px 25px 12px 45px;
}

#faq .content .accordion-button::after {
  font-family: FontAwesome;
  content: "\f00D";
  background-image: none;
}
#faq .content .accordion-header{
  position: relative;
}
#faq .content .accordion-header::before {
  font-family: FontAwesome;
  content: "\f111";
  position: absolute;
  top: 10px;
  left: 20px;
  z-index: 3;
  display: block;
  color: var(--blue);
}


#faq .content .accordion-button.collapsed::after{
  display: none;
}

#faq .content  .accordion-body{
  font-size: 14px;
  line-height: 20px;
}
/*
#faq .content .accordion-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  clip-path: polygon(
      20px 0, calc(100% - 20px) 0, 100% 20px, 
      100% calc(100% - 20px), calc(100% - 20px) 100%, 
      20px 100%, 0 calc(100% - 20px), 0 20px
  );
  border: 1px solid #B5995A;
  pointer-events: none;
} */

/* ================================================== */
/* testimonials start */
#testimonials {
  margin: 0 15px 0 0;
  padding: 30px 0 45px;
  transform: translateY(2px);
}


#testimonials .testi-main-box {
  display: flex;
  /* background: #000; */
  margin: 30px auto;
  padding: 0;
  /* width: 991px; */
  list-style: none;
  /* border-radius: 2px; */
  /* overflow: hidden; */
  gap: 10px;
}

#testimonials .testi-box{
  height:550px;
  padding:15px;
  /* background: #03091B; */
  
  transition:.8s;
  position:relative;
  overflow:hidden;
  box-shadow: 0 0 10px var(--blue);
}

/* vertical tab label */
#testimonials .testi-box span{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:20px;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:4px;
  width:40px;
  cursor:pointer;
  position:absolute;
  left:0; right:0; margin:0 auto;
  font-size: 14px;
  font-weight: 600;
}

#testimonials .testi-box.active span{
  left:25px; right:auto; margin:0; font-weight:600;
  font-size: 14px;
}

/* content panel that slides up when active */
#testimonials .testi-box .detail {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #03091B;
  color: #fff;
  opacity: 0;
  padding: 0px;
  transition: opacity .6s, transform .6s;
  transform: translateY(100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#testimonials .testi-box.active{ width:70% !important; }
#testimonials .testi-box.active .detail{
  opacity:1;
  transform:none;
  transition-delay:.3s;
}


#testimonials .testi-box .head .thumbs{
  display: none;
}

#testimonials .testi-box .detail .thumbs img {
  max-height: 370px;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

#testimonials .testi-box .detail .thumbs h4 {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 1px solid #fff;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 0px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 0px), 0 12px);
  width: max-content;
  padding: 6px 60px 4px;
  position: absolute;
  margin: 30px auto 0;
  left: 50%;
  transform: translateX(-50%);
  background: #03091B;
}

#testimonials .testi-box .detail .stars_cont{
  padding: 15px;
  background: #03091B;
}
#testimonials .testi-box .detail .stars_cont .star_list {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 0px 0 0;
  color: #FFC83D;
}
#testimonials .testi-box .detail .stars_cont p{
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;

  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;

}

/* testimonials close */
/* =================================================== */
/* blog post start */
.blog_news {
  padding: 100px 0 60px;
  margin: 0 0 10px;
}

#blog_news .container {
  color: #fff;
  position: relative;
  z-index: 1;
}

#blog_news .container::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(
    circle at center,
    rgba(75, 201, 236, 0.58) 0%,
    rgba(0, 0, 0, 0) 70%
  );
  filter: blur(60px);
}

.blog_news .head {
  margin: 0 0 30px auto;
  text-align: right;
}
.blog_news .blogs_row{
  overflow: hidden;
}

.blog_news .c-col, 
#search-page .c-col,
#full-width-blog .c-col,
#blog-left-sidebar .c-col,
#blog-right-sidebar .c-col,
#search-page .c-col,
#admin-page .c-col

#single-post .c-col,

#related-blogs-slider .c-col{
  min-height: 440px;
  position: relative;
  transition: linear all 0.3s;
}
#related-blogs-slider .c-col{
  margin: 10px;
}
.blog_news .blogs_row .blog_head,
#full-width-blog .c-col .blog_head,
#blog-left-sidebar .c-col .blog_head,
#blog-right-sidebar .c-col .blog_head,
#search-page .c-col .blog_head,
#admin-page .c-col .blog_head,

#single-post .c-col .blog_head,

#related-blogs-slider .c-col .blog_head{
  position: relative;
  margin: 0 0 20px;
  overflow: hidden;
  clip-path: polygon(0% 10%,100% -55%,100% 90%,0% 155%);
  max-height: 400px;
}

/* thumbnail */
.blog_news .content_outer .blog_head .thumb,
#full-width-blog .c-col .blog_head .thumb,
#blog-left-sidebar .c-col .blog_head .thumb ,
#blog-right-sidebar .c-col .blog_head .thumb,
#search-page .c-col .blog_head .thumb,
#admin-page .c-col .blog_head .thumb,

#single-post .c-col .blog_head .thumb,

#related-blogs-slider .c-col .blog_head .thumb{
  overflow: hidden;
  height: 100%;
  position: relative;
  margin: 0 0 0px;
  min-height: 400px;
}

.blog_news .content_outer .blog_head .thumb img,
#full-width-blog .c-col .blog_head .thumb img ,
#blog-left-sidebar .c-col .blog_head .thumb img,
#blog-right-sidebar .c-col .blog_head .thumb img,
#search-page .c-col .blog_head .thumb img,
#admin-page .c-col .blog_head .thumb img,
#single-post .c-col .blog_head .thumb img,

#related-blogs-slider .c-col .blog_head .thumb img{
  width: 100%;
  height: 100%;
  min-height: 400px;
}

/* contents */
.blog_news .blogs_row .c-col {
  margin: 7px;
}

.blog_news .blogs_row .category_outer,
#full-width-blog .c-col .category_outer,
#blog-left-sidebar .c-col .category_outer,
#blog-right-sidebar .c-col .category_outer, 
#search-page .c-col .category_outer,
#admin-page .c-col .category_outer ,
#single-post .c-col .category_outer,

#related-blogs-slider .c-col .category_outer{
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  justify-content: space-between;
  padding: 15px;
  background: rgba(0, 0, 0, 0.5);
}

.blog_news .blogs_row .blog_content {
  padding: 0 15px;
}

/* date */
.blog_news .blogs_row .blog_head .category_outer h6,
#full-width-blog .c-col .category_outer h6,
#blog-left-sidebar .c-col .category_outer h6,
#blog-right-sidebar .c-col .category_outer  h6 ,
#search-page .c-col .category_outer h6,
#admin-page .c-col .category_outer h6,

#single-post .c-col .category_outer h6,
#related-blogs-slider .c-col .category_outer h6{
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.blog_news .blogs_row .blog_content h5,
#full-width-blog .c-col .blog_content h5 ,
#blog-left-sidebar .c-col .blog_content h5,
#blog-right-sidebar .c-col .blog_content h5 ,
#search-page .c-col .blog_content h5 ,
#admin-page .c-col .blog_content h5,

#single-post .c-col .blog_content h5,

#related-blogs-slider .c-col .blog_content h5{
  min-height: 50px; 
}
.blog_news .blogs_row .blog_content h5 a,
#full-width-blog .c-col .blog_content h5,
#blog-left-sidebar .c-col .blog_content h5 a,
#blog-right-sidebar .c-col .blog_content h5 a ,
#search-page .c-col .blog_content h5 a,
#admin-page .c-col .blog_content h5 a,

#single-post .c-col .blog_content h5 a,

#related-blogs-slider .c-col .blog_content h5 a{
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  margin: 0 0 0px;
  letter-spacing: 1px;
  text-transform: uppercase;
  /* min-height: 40px; */
}

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

.blog_news .c-col .read_more,
#full-width-blog .c-col .read_more ,
#blog-left-sidebar .c-col .read_more,
#blog-right-sidebar .c-col .read_more,
#search-page .c-col .read_more,
#admin-page .c-col .read_more,

#single-post .c-col .read_more{
  text-align: center !important;
  width: 100%;
  margin: 0 auto;
  display: block;
  opacity: 0;
}

.blog_news .c-col .read_more a,
#full-width-blog .c-col .read_more a,
#blog-left-sidebar .c-col .read_more a,
#blog-right-sidebar .c-col .read_more a,
#search-page .c-col .read_more a,
#admin-page .c-col .read_more a,
#single-post .c-col .read_more a{
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  margin: 0 0 0px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* hover */
.blog_news .blogs_row .c-col:hover .read_more,
#full-width-blog .c-col:hover .read_more,
#blog-left-sidebar .c-col:hover .read_more,
#blog-right-sidebar .c-col:hover .read_more,
#search-page .c-col:hover .read_more,
#admin-page .c-col:hover .read_more,

#single-post .c-col:hover .read_more{
 opacity: 1;
 transition: linear all 0.3s;
}
.blog_news .blogs_row .c-col:hover,
#full-width-blog .c-col:hover,
#blog-left-sidebar .c-col:hover,
#blog-right-sidebar .c-col:hover,
#search-page .c-col:hover,
#admin-page .c-col:hover,

#single-post .c-col:hover,

#related-blogs-slider .c-col:hover {
  filter: drop-shadow(0px 0px 5px rgba(75, 201, 236, 0.8))
}

/* blog close */
/* ==================================================== */
#achievement-section {
  position: relative;
  transform: translateY(-1px);
}
#achievement-section .awards{
  justify-content: center;
  text-align: center;
  color: #fff;
}

#achievement-section .awards .achievement_content {
  min-height: 360px;
  padding: 0 60px;
}

#achievement-section .awards .achievement_content .thumb {
  min-height: 275px;
  display: flex;
  justify-content: center;
  align-items: end;
}

#achievement-section .awards .achievement_content .thumb img {
  margin: 0 0 20px;
}

#achievement-section .awards .achievement_content .cont{
  
}
#achievement-section .awards .achievement_content .cont h4{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0 0 5px;
}
#achievement-section .awards .achievement_content .cont p{
  font-size: 14px;
  font-weight:400;
}
/* ======================================================== */
/* Contact us section */
#contact-us-section {
  min-height: 800px;
  height: 800px;
  padding: 0px 0 45px
}


#contact-us-section  .container {
  color: #fff;
  position: relative;
  z-index: 1;
}

#contact-us-section .container::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(
    circle at center,
    rgba(75, 201, 236, 0.58) 0%,
    rgba(0, 0, 0, 0) 70%
  );
  filter: blur(20px);
}

#contact-us-section .head{
  margin: 0 auto 30px;
  text-align: right;
  margin: 0 0 30px auto;
}

#contact-us-section .head h3 span{
  color: var(--blue);
}

#contact-us-section .contact_img {
  margin: 30px 0;
  /* box-shadow: 0px 0px 10px var(--blue); */
  filter: drop-shadow(0px 0px 5px rgba(75, 201, 236, 0.8));
}

#contact-us-section .contact_img img {
  display: flex;
  align-items: center;
  height: 170px;
  width: 100%;
  clip-path: polygon(40px 0, calc(100% - 40px) 0, 100% 0px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 40px);
}
#contact-us-section .form .outers{
  position: relative;
}


#contact-us-section .form input[type="text"],
#contact-us-section .form input[type="email"],
#contact-us-section .form input[type="tel"],
#contact-us-section .form select,
#contact-us-section .form textarea{
  background: #03091B;
  border-radius: 0;
  font-size: 14px;
  color: #838383;
  margin: 0 0 0px !important;
  border-right: 1px solid #B5995A;
  border-left: 1px solid #B5995A;
  border-top: 1px solid #B5995A;
  border-bottom: 2px solid #B5995A;  
}

#contact-us-section .form input[type="text"],
#contact-us-section .form input[type="email"],
#contact-us-section .form input[type="tel"],
#contact-us-section .form select{
  height: 44px;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 0px), 0 14px)
}


#contact-us-section .form select{
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(https://preview.vwthemesdemo.com/escape-room-game-pro/wp-content/uploads/sites/451/2025/09/select-icon.png);
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 15px;
  margin-right: 2rem;
}


#contact-us-section .form textarea{
  height: 150px;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 0px), 0 14px)
}
#contact-us-section .form input[type="text"]::placeholder,
#contact-us-section .form input[type="email"]::placeholder,
#contact-us-section .form input[type="tel"]::placeholder,
#contact-us-section .form select::placeholder,
#contact-us-section .form textarea::placeholder{
  color: #838383;
}


#contact-us-section .form input[type="submit"]{
  text-align: center;
}

#contact-us-section .form .theme-btns{
  text-align: center;
}
#contact-us-section .form .theme-btns input[type="submit"] {
  text-align: center;
  background: #03091B;
  /* border: 1px solid #B5995A;  */
  border-radius: 0;
  font-size: 14px;
  color: #838383;
  margin: -20px 0 0 !important;
  padding: 6px 40px;
  text-align: center;
  color: #fff;
  letter-spacing: 1px;
  /* border-right: 1px solid #B5995A;
  border-left: 1px solid #B5995A;
  border-top: 1px solid #B5995A;
  border-bottom: 1px solid #B5995A; */
  transition: linear all 0.3s;
  clip-path: polygon(14px 0, calc(100% - 8px) 0, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0px 100%, 0 calc(100% - 0px), 0 14px);










  /* background: url(./assets/images/banner/bgs.png); */
  border: 0;
  /* background-color: transparent !important; */
  padding: 30px 100px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: none;


}

#contact-us-section .form .theme-btns input[type="submit"]:hover {
  /* background: var(--blue); */
  color: #fff;
}





#contact-us-section .form .theme-btns p {
  filter: drop-shadow(0 0 1px #B5995A);
}

#contact-us-section .form .outers p {
  filter: drop-shadow(0 0 1px #B5995A);
}


#contact-us-section .form .wpcf7-response-output{
  color: #fff;
}

/* ================================================= */
/* 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: 20px;
  font-weight: 600;
  font-family: var(--font-one);
  margin: 0 0 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #4BC9EC;
}
#footer .darkbox{
  width: 86% !important;
  margin: 0 auto;
}

#footer .footer_col1{
  max-width: 620px;
  margin: 0 auto 75px;
}

#footer .footer_col1 p{
  max-width: 500px;
  font-size: 14px;
  line-height: 22px;
  margin: 30px auto 0;
  
}

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

#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(--blue);
  line-height: 35px;
  text-align: center;
  border-radius: 6px;
}

#footer_box .footer-cols input {
  font-size: 14px;
  font-weight: 600;
  background: #03091B;
  border: 1px solid #B5995A;
  color: #838383;
  border-radius: 0;
  clip-path: polygon(14px 0, calc(100% - 8px) 0, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0px 100%, 0 calc(100% - 0px), 0 14px);
}

#footer_box .footer-cols input::placeholder{
  color: #838383;
  font-weight: 600;
}
/* copyright */
#footer_box .copyright .copyright_content {
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 30px 0 20px;
}
#footer_box .copyright .copyright_content .footer-col-four ul{
    display: flex;
}
#footer_box .copyright .copyright_content .footer-col-four ul li a{
  color: #000;
  font-weight: 600;
}


/* =========================homepage close=================== */
/* ========================================================= */
/* inner pages  */
/* all blogs lesf right search admin pages */
.blog_news .container .c-cols::after ,
#full-width-blog .container .c-col::after,
#blog-left-sidebar .container .c-col::after, 
#blog-right-sidebar .container .c-col::after,
#search-page .container .c-col::after,
.admin-page .container .c-cols::after  {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(
  circle at center,
  rgba(75, 201, 236, 0.58) 0%,
  rgba(0, 0, 0, 0) 70%
);
  filter: blur(60px);
}

/* rooms page */
#rooms-page {
  padding: 60px 0 30px;
}

#rooms-page #escape_room {
  padding: 0;
}
#rooms-page #escape_room .head{
  display: none;
}

#rooms-page #faq{
  padding: 30px 0 0;
}

/* book now page */
#book_now_page{

}
#book_now_page #book-us-section{
  padding: 0 0;
}
#book_now_page #book-us-section .head{
  display: none;
}

/* faq-page page */
#faq-page{

}
#faq-page #faq{
  padding: 0 0;
}
#faq-page #faq .head{
  display: none;
}

/* contact us page */
#contact_page #contact-us-section {

}
#contact_page #contact-us-section .head{
  display: none;
} 


/* gallery */
#gallery-page #gallery {
  padding: 0 0;
}

#gallery-page #gallery .head{
  display: none;
}


/* Legal & Policies pages */
#accessibilities-page,
#cookies-page,
#refund-page,
#tc-page,
#pri-po-page{
  color: #fff;
}

#accessibilities-page .content_box h2,
#cookies-page .content_box h2,
#refund-page .content_box h2,
#tc-page .content_box h2,
#pri-po-page .content_box h2{
  margin: 0 0 7px;
  font: 600 20px / 35px var(--font-one);
}

#accessibilities-page .content_box p,
#cookies-page .content_box p,
#refund-page .content_box p,
#tc-page .content_box p,
#pri-po-page .content_box p{
  font: 400 14px / 25px var(--font-one);
}

/* Request Quote Page */
#request-quote-page .forms input,
#request-quote-page .forms select,
#request-quote-page .forms textarea{
  border: 1px solid #000;
  color: #000;
}

#request-quote-page .forms textarea{
  height: 150px;
}

#request-quote-page .forms input::placeholder{
  color: #000;
}
#request-quote-page .forms{
  margin: 0 0 30px;
}

.btn-wrap{
  padding: 0;
}


/* page with left right sidebar */
#page-with-right-sidebar,
#page-with-left-sidebar,
.outer_dpage{
  color: #fff;
}

/* 
===========================================================
contact us page
===========================================================
*/
.contact_page{
  padding: 60px 0 15px;
}
.contact_page .c_head{
  margin: 0 auto 30px;
}
.contact_page .forms input{
  border: 1px solid #000;
  color: #000;
}

.contact_page .forms input::placeholder{
  color: #000;
}
.contact_page .forms{
  margin: 0 0 30px;
}

.btn-wrap{
  padding: 0;
}

/* ---------------Inner pages start------------------------- */
/* about us page */
#about-page-maine {
  margin: 0px 0 2%;
}
#about-page-maine #about-us {
  padding: 80px 0 60px;
}
#about-page-maine #counter {
  padding: 90px 0 8%;
}

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

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

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

/* 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 45px;
}
#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: 30px 0 30px;
  max-width: 100%;
}
#contact-us .contact-info h3 {
  font-size: 30px;
}
#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(--blue);
  text-align: center;
  line-height: 50px;
  border-radius: 10px;
  color: #fff;
}

#contact-us .contact-info .details a{
  color: #000;
}

#contact-us .contac_form form .btn-wrap{
  background-color: #000;
}
/* =========================== */
/* 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: 0px;
  margin: 0 0 20px;
}

#blog-news .content_col .content {
  padding: 15px;
}

/* single blog page  */
#single-post{
  color: #fff;
}

#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;
  clip-path: polygon(0% 8%,100% -200%,100% 92%,0% 300%);
}
#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 .thumb .date,
#search-page .content_col .thumb .date {
  position: absolute;
  z-index: 1;
  bottom: 10px;
  /* background: #ccc; */
  left: 15px;
  color: #fff;
}

#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: #000;
  font-weight: 600;
  text-transform: capitalize;
}

/* related post */
#single-post .main-head,
#single-post .theme-para{
  color: #fff !important;
}


#single-post .related_post_slider .slick-slide {
  margin: 10px;
}



/* error 404 page */
.error-page {
  margin: 60px 0 0;
  padding: 30px 0 60px;
  color: #fff;
}
/* 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(--blue);
  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(--blue);
  text-align: center;
  line-height: 50px;
  border-radius: 10px;
  color: #fff;
}
#get-quote-page .details a {
  color: #000;
}
/* ====================================================== */
/* search page start */
#search-page h1, #admin-page h1{
  font-family: var(--font-one);
  font-size: 22px;
  font-weight: 600;
  line-height: 60px;
  color: #fff;
}

.taxonomy-description{
  display: none;
}

#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;
}
#search-page .search-content .c-col .content_col .content{
  padding: 15px;
}
/* ================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: 20px;
  font-weight: 700;
  line-height: 30px;
}

#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 .blog-title {
  padding: 15px;
}

#single-post #blog-news .related_content_col .thumb{
  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{
  background: var(--black);
  padding: 15px 20px 7px;
  border-radius: 7px;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 26px;
  width: max-content;
}
#single-post #blog-news .related_content_col .date h6 span{
  display: block;
  font-size: 16px;
}

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

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


#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: 100px 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;
}

/* ---------------------------------------------------------- */
/* Single Escape Room  */
#single-escape-room{
  color: #fff;
}

/* #single-escape-room .page_content::before{
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(circle at center, rgba(75, 201, 236, 0.58) 0%, rgba(0, 0, 0, 0) 70%);
  filter: blur(60px);
} */

#single-escape-room .page_content .thumb{
  max-height: 600px;
  height: 600px;
  width: 100%;
  filter: drop-shadow(0px 0px 5px rgba(75, 201, 236, 0.8));
  padding: 30px;
}
#single-escape-room .page_content .thumb img{
  width: 100%;
  height: 100%;
  clip-path: polygon(40px 0, calc(100% - 40px) 0, 100% 0px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 40px);
}

#single-escape-room .page_content .room_cat_head h3 {
  font-size: 30px;
  font-weight: 600;
}

#single-escape-room .page_content .room_cat_head p {
  font-size: 14px;
  margin: 10px 0 30px;
}

#single-escape-room .page_content .list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}

#single-escape-room .page_content .list .box1 {
  background: #fff;
  color: #000;
  text-align: center;
  padding: 15px;
  margin: 0 0 30px;
  clip-path: polygon(15px 0, calc(100% - 15px) 0, 100% 0px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 0px), 0 15px);
}

#single-escape-room .page_content .list .box1 p {
  margin: 0;
  font-weight: 600;
}

#single-escape-room .page_content .list .box1 p span {
  display: block;
}

#single-escape-room .page_content .ebtn p {
  font-weight: 600;
  font-size: 15px;
  margin: 0 0 25px;
}

#single-escape-room .page_content .ebtn a {
  color: #000;
  font-size: 15px;
  font-weight: 600;
  background: #fff;
  padding: 15px 30px;
  clip-path: polygon(10px 0, calc(100% - 15px) 0, 100% 0px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 0px), 0 15px);


  filter:drop-shadow(0px 0px 5px rgba(75, 201, 236, 0.8));
}

#single-escape-room .page_content .ebtn a:hover {
  color: #fff;
  background: var(--blue); 
  filter:drop-shadow(0px 0px 5px rgba(75, 201, 236, 0.8));
}

/* related post */

#single-escape-room .blog-head {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  margin: 45px 0 0;
}

#single-escape-room .blog-para {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 60px;
}
/* comment section */
#single-escape-room .comments-section #comments #respond {
  background: #FFFFFF;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 20px;
  width: 100%;
  max-width: 40%;
  height: 100%;
  order: 1;
  clip-path: polygon(0% 8%, 100% -245%, 100% 92%, 0% 300%);
  margin: 0px 0 0;
  color: #fff;
}

#single-escape-room .comments-section .comment-list {
  color: #fff;
}

#single-escape-room #comments {
  gap: 30px;
}

#single-escape-room #comments a,
#single-escape-room #comments p{
  /* color: #000; */
  padding: 0;
  margin: 0;
}

#single-escape-room #comments .reply{
  padding: 0;
  margin: 0;
}























/* addityional css */
/* footer */
#footer .footer_col1 {
  max-width: 620px;
  margin: 0 auto 75px;
  transform: translateY(-74px);
  margin-top: 5rem;
}

#banner .banner_outer .content .content_outer:before {
  height: 90%;
}


#banner .banner_outer .banner_cat a {
  padding: 13px 15px 10px;
  font-size: 13px;
}
.header_buy_now{
    clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0px calc(100% - 0px), 0 10px);
  background: #4BC9EC;
}
.header_buy_now:hover{
    background: #fff !important;

}
#header .header_buy_now:hover a{
  color: #000 !important;
}
/* banner btn */
#banner .banner_outer .content .banner_btns a {
  clip-path: polygon(16px 0, calc(100% - 0px) 0, 100% 0px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0px 100%, 0 calc(100% - 0px), 0 16px);
  position: relative;
}

#banner .banner_outer .content .banner_btns {
  filter: drop-shadow(0px 0px 7px var(--blue));
}
#banner .banner_outer .content .banner_btns a {
  background: url(https://preview.vwthemesdemo.com/escape-room-game-pro/wp-content/uploads/sites/451/2025/09/border-lines1.png) #03091B;
  border: 0;
  padding: 16px 45px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  box-shadow: none;
}

#banner .banner_outer .content .banner_btns a:hover {
  background: url('https://preview.vwthemesdemo.com/escape-room-game-pro/wp-content/uploads/sites/451/2025/09/border-lines1.png') var(--blue);
background-repeat: no-repeat;
background-size: cover;
  background-position: center;
}

/* book now section*/
#book-us-section .form .theme-btn input[type="submit"] {
  background: url(https://preview.vwthemesdemo.com/escape-room-game-pro/wp-content/uploads/sites/451/2025/09/border-lines1.png) #03091B;
  border: 0;
  padding: 0 72px 0;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  box-shadow: none;
  clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 0px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0px 100%, 0 calc(100% - 0px), 0 16px);
height:46px
}

#book-us-section .form .theme-btn input[type="submit"]:hover {
   background: url(https://preview.vwthemesdemo.com/escape-room-game-pro/wp-content/uploads/sites/451/2025/09/border-lines1.png) var(--blue);
  background-size: auto;
  background-position: center;
  box-shadow: none;
  background-repeat: no-repeat;
} 

/* contact section */
#contact-us-section .form .theme-btns input[type="submit"] {
  background: url(https://preview.vwthemesdemo.com/escape-room-game-pro/wp-content/uploads/sites/451/2025/09/border-lines1.png) #03091B;
  border: 0;
  padding: 0 69px 0;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  box-shadow: none;
  clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 0px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0px 100%, 0 calc(100% - 0px), 0 16px);
  height:46px
}

#contact-us-section .form .theme-btns input[type="submit"]:hover {
  background: url(https://preview.vwthemesdemo.com/escape-room-game-pro/wp-content/uploads/sites/451/2025/09/border-lines1.png) var(--blue);
  background-size: auto;
  background-position: center;
  box-shadow: none;
  background-repeat: no-repeat;
} 

#contact-us-section .form .theme-btns p {
  filter: drop-shadow(0px 0px 8px var(--blue));
}
/* 	header buy now */
.header_buy_now{
  background:#4bc9ec;
  clip-path:polygon(10px 0, calc(100% - 10px) 0, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0px calc(100% - 0px), 0 10px)
}

.footer_buy_now a {
  background: #ffffff;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0px calc(100% - 0px), 0 10px);
  padding: 8px 15px;
  color: #000 !important;
}

.footer_buy_now a:hover{
  color:#fff !important;
  background:var(--blue)
}

li#menu-item-243 {
  background: #4bc9ec;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0px calc(100% - 0px), 0 10px);
  padding: 8px 25px;
  color: #000 !important;
}

#book-us-section .form input[type="number"]::placeholder{
  color: #838383;
  font-size:14px
}

/* 
#tips {
  transform: translateY(50px);
}

#faq {
  transform: translateY(45px);
}

#achievement-section {
  transform: translateY(30px);
} 

#contact-us-section {
  transform: translateY(10px);
} */


/* single escape room */
@media only screen and (max-width:767px) and (min-width: 320px)  {
#leader_board_section .leaderboard_content2 {
  margin: 0 0 0;
}


#single-escape-room {
text-align: center;
}
#single-escape-room .page_content .list {
flex-wrap: wrap;
justify-content: center;
}
#single-escape-room .page_content .thumb {
  max-height: 400px;
}

#single-escape-room .page_content .list .box1 {
  margin: 0 0 0;
}

#single-escape-room .page_content .ebtn p {
  margin: 30px 0 25px;
}




}










































li#menu-item-243 {
  background: #4bc9ec;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0px calc(100% - 0px), 0 10px);
   padding: 8px 25px;
  color: #000 !important;
}

/* ============================================================= */
/* =======================Json================================= */
.page-titlesss{
  background: #ccc;
}

.ive-vw-escape-room-sub-para{
  max-width: 500px;
}
.ive-vw-escape-room-sub-para2 {
  margin: 0 0 0 auto;
}

/* banner */

.ive-vw-escape-room-banner {
  margin: 0 auto !important;
}

.ive-vw-escape-room-banner-btn a{
  clip-path: polygon(14px 0, calc(100% - 8px) 0, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0px 100%, 0 calc(100% - 0px), 0 14px);
}

.ive-vw-escape-room-banner-btn-list a {
  padding: 10px 15px !important;
}

/* about us */
.ive-vw-escape-room--about{
  background: #03091b;
}

.ive-vw-escape-room-about-key img {
  margin: 200px auto 0 160px;
  position: absolute;
}

/* escape room */
.ive-vw-escape-room-er-outer {
  background: #ccc;
  padding: 15px 30px;
  background: rgba(255, 255, 255, 0.38);
  backdrop-filter: blur(6.5px);
  position: absolute;
  z-index: 999;
  bottom: 0;
  clip-path: polygon(25px 0, calc(100% - 25px) 0, 100% 0px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0 calc(100% - 0px), 0 25px);
  min-height: 170px;
}

/* escape room category */
.ive-vw-escape-room-er-cat-img{
  filter: drop-shadow(0px 0px 5px rgba(75, 201, 236, 0.8));

}
.ive-vw-escape-room-er-cat-img img{
  height: 600px;
  width: 100%;
  clip-path: polygon(25px 0, calc(100% - 25px) 0, 100% 0px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0 calc(100% - 0px), 0 25px);
}

/* right sectio */
.ive-vw-escape-room-er-cat-right{
  position: relative;
}

.ive-vw-escape-room-er-cat-r-head {
  clip-path: polygon(25px 0, calc(100% - 25px) 0, 100% 0px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0 calc(100% - 0px), 0 25px);
  background: rgba(0,0,0,0.5);
  width: fit-content;
  position: absolute;
  z-index: 2;
  top: 0;
  
}
.ive-vw-escape-room-er-cat-key-img {
  position: absolute;
  top: 50%;
  right: -80px;
}

/* tab */
.ive-vw-escape-room-er-cat-popup-image img {
  height: 400px;
  width: 100%;
  clip-path: polygon(25px 0, calc(100% - 25px) 0, 100% 0px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0 calc(100% - 0px), 0 25px);
}

.ive-vw-escape-room-er-cat-tab .ive-tabs-title-list{
  background: transparent !important;
}
.ive-vw-escape-room-er-cat-tab .ive-tabs-title-list li {
  filter: drop-shadow(0px 0px 5px rgba(75, 201, 236, 0.8));
}
.ive-vw-escape-room-er-cat-tab .ive-tabs-title-list li a {
  padding: 10px 40px 10px !important;
  border-radius: 0 !important;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 0px), 0 14px);
}

/* popup */
.ive-vw-escape-room-er-cat-popup-outer{
  position: relative;
}
.ive-vw-escape-room-er-cat-popup {
  position: absolute;
  top: 50%;
  right: 50%;
  z-index: 2;
}
.ive-vw-escape-room-er-cat-popup i {
  font-size: 22px !important;
  clip-path: polygon(12.6364px 1px, 1px 12.6364px, 1px 49px, 37.3636px 49px, 49px 37.3636px, 49px 1px, 12.6364px 1px);
  height: 54px !important;
}

/* our work */
.ive-vw-escape-room-work-image1,.ive-vw-escape-room-work-image2,.ive-vw-escape-room-work-image3{
  padding: 10px 20px;
}

.ive-vw-escape-room-work-image1 img,.ive-vw-escape-room-work-image2 img,.ive-vw-escape-room-work-image3 img{
  min-height: 170px;
  height: 170px;
  width: 100%;
}

.ive-vw-escape-room-work-image{
  filter: drop-shadow(0px 0px 5px rgba(75, 201, 236, 0.8));
}

.ive-vw-escape-room-work-image img{
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 0px), 0 14px);
}


.ive-vw-escape-room-work-image6 img{
  min-height: 250px;
  height: 250px;
  width: 100%;
}

/* lines */
.ive-vw-escape-room-work-image1,
.ive-vw-escape-room-work-image2,
.ive-vw-escape-room-work-image3,
.ive-vw-escape-room-work-image4,
.ive-vw-escape-room-work-image5 {
  position: relative;
}
/* Line 1 */
.ive-vw-escape-room-work-image1::before {
  content: '';
  position: absolute;
  height: 250px;
  width: 30px;
  top: 30px;
  left: -10px;
  border-top: 1px solid var(--blue);
  border-left: 1px solid var(--blue);
  border-bottom: 1px solid var(--blue);
}

.ive-vw-escape-room-work-image1::after {
  content: '';
  position: absolute;
  height: 200px;
  width: 30px;
  top: 60px;
  right: -10px;
  box-shadow: 0 0 0px #4BC9EC;
  border-top: 0;
  border-right: 1px solid var(--blue);
  border-bottom: 1px solid var(--blue);
}

/* line 2 */
.ive-vw-escape-room-work-image2:before {
  content: '';
  position: absolute;
  height: 1px;
  width: 108%;
  top: 74px;
  left: -22px;
  border-bottom: 1px solid var(--blue);
}

/* line 3 */
.ive-vw-escape-room-work-image3:before {
  content: '';
  position: absolute;
  height: 200px;
  width: 40px;
  top: 60px;
  left: -20px;
  border-bottom: 1px solid var(--blue);
  border-left: 1px solid var(--blue);
}

.ive-vw-escape-room-work-image3:after {
  content: '';
  position: absolute;
  height: 100px;
  width: 30px;
  bottom: 60px;
  right: -10px;
  border-bottom: 1px solid var(--blue);
  border-right: 1px solid var(--blue);
}

/* line 4 */
.ive-vw-escape-room-work-image4:after {
  content: '';
  position: absolute;
  height: 400px;
  width: 50px;
  top: -38%;
  right: -60px;
  border-top: 1px solid var(--blue);
  border-bottom: 1px solid var(--blue);
  border-right: 1px solid var(--blue);
  z-index: 0;
}

.ive-vw-escape-room-work-image4:before {
  content: '';
  position: absolute;
  height: 1px;
  width: 30px;
  top: 40%;
  left: -30px;
  border-bottom: 1px solid var(--blue);
}

.ive-vw-escape-room-work-image5 {
  margin: 0 60px 0 0 !important;
}

/* line 5 */
.ive-vw-escape-room-work-image5:after {
  content: '';
  position: absolute;
  height: 150px;
  width: 60px;
  top: 49px;
  right: -62px;
  border-top: 1px solid var(--blue);
  border-right: 1px solid var(--blue);
}


/* gallery */
.ive-vw-escape-room-gallery-outer{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 130px;
  gap: 15px;
  grid-auto-flow: dense;
}

.ive-vw-escape-room-gallery-outer .ive-vw-escape-room-gallery-outer-img img {
  clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 0px, 100% calc(100% - 22px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 0px), 0 20px);
  height: 100%;
  width: 100%;
}

.ive-vw-escape-room-gallery-outer .ive-vw-escape-room-gallery-outer-img:nth-child(1) {
  grid-column: span 1;
  grid-row: span 2;
}

.ive-vw-escape-room-gallery-outer .ive-vw-escape-room-gallery-outer-img:nth-child(2) {
  grid-column: span 1;
  grid-row: span 4;
}

.ive-vw-escape-room-gallery-outer .ive-vw-escape-room-gallery-outer-img:nth-child(3) {
  grid-column: span 1;
  grid-row: span 2;
}

.ive-vw-escape-room-gallery-outer .ive-vw-escape-room-gallery-outer-img:nth-child(4) {
  grid-column: span 1;
  grid-row: span 2;
}

.ive-vw-escape-room-gallery-outer .ive-vw-escape-room-gallery-outer-img:nth-child(5) {
  grid-column: span 2;
  grid-row: span 2;
}

.ive-vw-escape-room-gallery-outer .ive-vw-escape-room-gallery-outer-img:nth-child(6) {
  grid-column: span 1;
  grid-row: span 2;
}


/* tips */




/* book now */
.ive-vw-escape-room-book-now-img img{
  clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 0px, 100% calc(100% - 22px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 0px), 0 20px);
}



.ive-vw-escape-room-book-now-form .inner p {
  filter: drop-shadow(0px 0px 1px #B5995A);
}

.ive-vw-escape-room-book-now-form input[type="text"], .ive-vw-escape-room-book-now-form input[type="email"], .ive-vw-escape-room-book-now-form input[type="tel"], .ive-vw-escape-room-book-now-form select, .ive-vw-escape-room-book-now-form input[type="date"] {
  height: 44px;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 0px), 0 14px);
  background: #03091B;
  border-radius: 0;
  font-size: 14px;
  color: #838383;
  margin: 0 0 0px !important;
  /* border: 1px solid #B5995A; */
  border-right: 1px solid #B5995A;
  border-left: 1px solid #B5995A;
  border-top: 1px solid #B5995A;
  border-bottom: 1px solid #B5995A;
}

.ive-vw-escape-room-book-now-form .theme-btn p{
  filter: drop-shadow(0px 0px 1px #B5995A);
}

.ive-vw-escape-room-book-now-form input[type="submit"] {
  height: 44px;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 0px), 0 14px);
  background: #03091B;
  border-radius: 0;
  font-size: 16px;
  color: #838383;
  padding: 0 30px;
  margin: 0 0 0px !important;
  border-right: 1px solid #B5995A;
  border-left: 1px solid #B5995A;
  border-top: 1px solid #B5995A;
  border-bottom: 1px solid #B5995A;
  color: #fff;
}

.ive-vw-escape-room-tips1-outer {
  margin: 25px 0 0 !important;
}

.ive-vw-escape-room-tips2-outer {
  margin: 90px 0 0 !important;
}

.ive-vw-escape-room-tips3-outer {
  margin: 60px 0 0 !important;
}

.ive-vw-escape-room-tips4-outer {
  margin: 0px 0 0 !important;
}

.ive-vw-escape-room-tips5-outer {
  margin: 150px 0 0 !important;
}

.ive-vw-escape-room-tips6-outer {
  margin: 60px 0 0 !important;
}
.ive-vw-escape-room-tips7-outer {
  margin: 150px 0 0 !important;
}

.ive-vw-escape-room-tips8-outer {
  margin: 30px 0 0 -110px !important;
}
.ive-vw-escape-room-tips9-outer {
  margin: 105px 0 0 !important;
}
.ive-vw-escape-room-tips10-outer {
  margin: 15% 6% 0 0% !important;
}

/* leader board */

.ive-vw-escape-room-lb-outer {
  background: linear-gradient(180deg, #232A3E 0%, #03091B 80%);
  margin: 0 10px 0;
  padding: 0 30px 35px;
  margin: 20px 10px 0;
  color: #fff;
  min-height: 350px;
}

.ive-vw-escape-room-lb-outer .wp-font-awesome-icon {
  background: #ccc;
  height: 45px;
  width: 45px;
  line-height: 40px;
  margin: -15px auto 20px;
}
.ive-vw-escape-room-lb-outer .wp-font-awesome-icon svg {
  color: #fff;
  margin: 10px 0 0;
  font-size: 20px;
}

/* faq */
.ive-vw-escape-room-faq-outer .ive-accordion-pane{
  clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 0px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 0px), 0 20px);
  margin: 0 0 10px;
}

.ive-vw-escape-room-faq-outer .ive-blocks-accordion-header{
  text-transform: uppercase;
  padding: 10px 20px !important;
}

.ive-vw-escape-room-faq-outer .ive-accordion-panel-inner p{
  color: #fff;
  font-size: 14px;
}

/* icon */
.ive-vw-escape-room-faq-outer .ive-blocks-accordion-icon-trigger:after, 
.ive-vw-escape-room-faq-outer .ive-blocks-accordion-icon-trigger:before,
.ive-vw-escape-room-faq-outer .ive-accodion-icon-style-xclosecircle .ive-blocks-accordion-icon-trigger:after, 
.ive-vw-escape-room-faq-outer .ive-accodion-icon-style-xclosecircle .ive-blocks-accordion-icon-trigger:before {
  height: 2px;
  width: 14px;
}

/* testimonials */
.ive-vw-escape-room-testimonials-outer .c_head h3, .ive-vw-escape-room-testimonials-outer .c_head h3 span {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}

.ive-vw-escape-room-testimonials-outer #testimonials .testi-main-box {
  padding: 7px;
}

/* blogs */

.ive-vw-escape-room-blog-outer .owl-stage-outer {

}

.ive-vw-escape-room-blog-outer .owl-stage-outer .owl-item{
  clip-path: polygon(0% 10%,100% -55%,100% 90%,0% 155%);
}

.ive-vw-escape-room-blog-outer .owl-stage-outer .owl-item .post-item{
  margin: 0 !important;
}

.ive-vw-escape-room-blog-outer .owl-stage-outer .owl-item .ive-inner-post-content {
  position: absolute;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

/* contact us  */
.ive-vw-escape-room-conta-img{
  filter: drop-shadow(0px 0px 5px rgba(75, 201, 236, 0.8));
  margin: 0 0 45px;
}
.ive-vw-escape-room-conta-img img{
  height: 170px;
  width: 100%;
  clip-path: polygon(40px 0, calc(100% - 40px) 0, 100% 0px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 40px);
}


/* contact us section */




.ive-vw-escape-room-cnt-us-form .outers p {
  filter: drop-shadow(0px 0px 1px #B5995A);
}

.ive-vw-escape-room-cnt-us-form input[type="text"], .ive-vw-escape-room-cnt-us-form input[type="email"], .ive-vw-escape-room-cnt-us-form input[type="tel"], .ive-vw-escape-room-cnt-us-form select, .ive-vw-escape-room-cnt-us-form input[type="date"] {
  height: 44px;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 0px), 0 14px);
  background: #03091B;
  border-radius: 0;
  font-size: 14px;
  color: #838383;
  margin: 0 0 0px !important;
  /* border: 1px solid #B5995A; */
  border-right: 1px solid #B5995A;
  border-left: 1px solid #B5995A;
  border-top: 1px solid #B5995A;
  border-bottom: 1px solid #B5995A;
}

.ive-vw-escape-room-cnt-us-form textarea {
  height: 150px;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 0px), 0 14px);
  background: #03091B;
  border-radius: 0;
  font-size: 14px;
  color: #838383;
  margin: 0 0 0px !important;
  /* border: 1px solid #B5995A; */
  border-right: 1px solid #B5995A;
  border-left: 1px solid #B5995A;
  border-top: 1px solid #B5995A;
  border-bottom: 1px solid #B5995A;
}

.ive-vw-escape-room-cnt-us-form .theme-btns p{
  filter: drop-shadow(0px 0px 1px #B5995A);
}

.ive-vw-escape-room-cnt-us-form input[type="submit"] {
  height: 44px;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 0px), 0 14px);
  background: #03091B;
  border-radius: 0;
  font-size: 16px;
  color: #838383;
  padding: 0 30px;
  margin: 0 0 0px !important;
  border-right: 1px solid #B5995A;
  border-left: 1px solid #B5995A;
  border-top: 1px solid #B5995A;
  border-bottom: 1px solid #B5995A;
  color: #fff;
  margin: 0 auto !important;
  display: block;
}