@charset "utf-8";
/* CSS Document */

/* CSS Document © 2024 ProWebPrism */

::-moz-selection {
  background: #7b7d7f;
  color: #000;
  text-shadow: none;
}
::selection {
  background: #7b7d7f;
  color: #000;
  text-shadow: none;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
textarea,
input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  font-family: "Archivo", sans-serif;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  color: #464444;
  background: #ffffff;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow: hidden;
  overflow-y: scroll;
}
:root {
  --primary-color: #3A9FD6;
  --secondary-color: #263779;
  --global-color: #ffd8d8;
}
a {
  text-decoration: none;
  transition: all 0.25s ease-out 0s;
  outline: none;
  box-shadow: none;
  font-family: "Archivo", sans-serif;
}
a:hover {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  font-family: "Archivo", sans-serif;
}
p,
p span {
  font-family: "open", sans-serif;
}
img {
  border: 0px;
}
ol,
ul,
li {
  list-style: none;
  font-family: "Inter", sans-serif;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* * {
  -webkit-appearance: none;
} */
::-webkit-input-placeholder {
  color: var(--primary-color);
}
::-moz-placeholder {
  color: var(--primary-color);
}
:-ms-input-placeholder {
  color: var(--primary-color);
}
:-moz-placeholder {
  color: var(--primary-color);
}

section,
header,
footer {
  width: 100%;
  float: left;
}

img {
  max-width: 100%;
  display: block;
}

strong {
  font-weight: bold;
}
button {
  border: none;
}

.burger-btn{display: none;}
.overlay{display: none;}
/* .container{overflow: hidden;} */

/* ------------header-wrap------------------- */

.header-wrap { padding: 10px 0; z-index: 10; background-color: #000;overflow: hidden;}
.header-row { display: flex;  justify-content:space-between; align-items: center;}
.header-logo { width: 170px;}
.heade-menu ul{display: flex;align-items: center; gap: 40px;}
.heade-menu ul li a{color:#fff; font-size: 16px;}
.header-wrap.sticky{position: fixed;top: 0;z-index: 999; backdrop-filter: blur(60px); -webkit-backdrop-filter: blur(60px);background-color: transparent;padding: 8px 0;animation: 0.7s slide-down;}
@keyframes slide-down {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}
.heade-menu ul li a.active { color: var(--primary-color); font-weight: bold;}
.fixed-wrap{position: fixed;top: 50%;z-index: 998;right: 20px;transform: translateY(-50%);}
.fixed-wrap ul { list-style: none;}
.heade-menu ul li a:hover{color:var(--primary-color);}
.nav-link{padding:0}


.Default-banner-wrap{position: relative; height:55vh;width: 100%; background: transparent;overflow: hidden;}
.Default-banner-wrap::after{content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: #00000053;z-index: 1;position: absolute;}
.Default-banner-wrap .default-image{width: 100%; height: 100%;}
.Default-banner-wrap .default-image img{width: 100%; height: 100%; object-fit: cover;}
.default-row{position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);bottom: 0; width: 100%;display: flex;justify-content: center; align-items: center;text-align: center;z-index: 4;}
.default-row h1{font-size: 35px; color: #fff;text-transform: uppercase;font-weight: 600;}
.default-image{position: fixed;top: 0;left: 0;z-index: -12;}


.example-1 { display: flex;flex-direction: column; font-weight: bolder;gap: 20px;}
/* .example-1 .icon-content { margin: 0 10px; position: relative; font-weight: bolder; }
.example-1 .icon-content .tooltip {position: absolute;top: -30px; left: 50%;transform: translateX(-50%); background-color: #fff;  color: #000;  padding: 6px 10px; border-radius: 5px; opacity: 0; visibility: hidden; font-size: 14px; transition: all 0.3s ease;  font-weight: bolder; } */
/* .example-1 .icon-content:hover .tooltip { opacity: 1;  visibility: visible;  top: -50px;} */
.example-1 .icon-content .link {display: flex;justify-content: center;align-items: center;width: 30px;height: 30px; border-radius: 50%;color: #fff; transition: all 0.3s ease-in-out; font-weight: bolder;}
.example-1 .icon-content .link:hover {box-shadow: 3px 2px 45px 0px rgb(0 0 0 / 12%);}
.example-1 .icon-content .link svg { width: 30px; height: 30px;  fill: #fff; /* White icons */}
.example-1 .icon-content .link[data-social="spotify"]:hover { color: #00a2ff;}
.example-1 .icon-content .link[data-social="pinterest"]:hover {color: #ff009d;}
.example-1 .icon-content .link[data-social="dribbble"]:hover { color:#00FFFF;}
.example-1 .icon-content .link[data-social="telegram"]:hover {color:#BF00FF;}


.banner-wrap { position: relative; width: 100%; aspect-ratio: 9/5;}
.banner-wrap video { position: absolute; object-fit: cover; z-index: 0; top: 0;  left: 0; width: 100%; height: 100%;}
.banner-wrap::after { content: ""; top: 0; left: 0; background-color: #ffffff15; position: absolute; z-index: 1; height: 100%; width: 100%;}

.bg-img { height: 100vh;}
.bg-img img{width:100%;height:100%;object-fit:cover;}



.highlight-wrap { padding: 30px 0; background-color: #000;overflow: hidden;}
.news-ticker {width: 100%;overflow: hidden;position: relative; color: white; white-space: nowrap;}
.ticker-content { display: inline-block; padding-left: 100%; animation: marquee 60s linear infinite; font-weight: bold; font-size: 42px;  text-transform: uppercase;}
.ticker-content span { margin-right: 30px;}
.dot {font-size: 60px;vertical-align: middle;color: white;}

@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.about-wrap {position: relative;width: 100%; height: 100%;padding:100px 0;background-color: #000;display:flex;justify-content: center;align-items: center;overflow: hidden;}
.about-wrap .about-row{background-color: #ffffff12;border-radius:10px;padding: 30px;text-align: center;}
.about-wrap h2{font-size: 48px;font-weight: 600; color: #fff;margin: 0  0 20px;}
.about-wrap p{  font-size: 18px; color: #fff; line-height:2; margin: 0 0 20px;}
.gradient-circle { width: 600px; height: 600px; border-radius: 50%; background: linear-gradient(135deg, #FF4DA6	, #00FFFF, #BF00FF, 	#FF1C1C); position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); filter: blur(100px);  opacity: 0.5;  z-index: 0;  mix-blend-mode: screen;  animation: rotate 10s linear infinite;}
@keyframes rotate {
0% {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
  }
  25% {
    top: 100%;
    left: 50%;
    transform: translate(-50%, -100%) rotate(90deg);
  }
  50% {
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%) rotate(180deg);
  }
  75% {
    top: 50%;
    left: 100%;
    transform: translate(-100%, -50%) rotate(270deg);
  }
  100% {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(360deg);
  }
}



.counter-row{display: flex;justify-content: center;align-items: baseline;flex-wrap: wrap;}
.counter-col1{width: 23.5%; margin: 0 2% 0 0;text-align: center;display: flex;justify-content: center;align-items: center; flex-direction: column;}
.counter-col1 h2{font-size: 48px; line-height: 1.26;margin: 0 0 10px;}
.counter-col1 p{font-size: 18px;text-transform:capitalize;color: #ccc;margin: 0;}
.counter-col1:nth-child(3n){margin-right: 0;}




.service-wrap{padding: 60px 0;background-color: #000;overflow: hidden;}
.service-wrap h2{font-size: 48px;color: #fff;text-align:right;margin: 0 0 20px;font-weight: 700;text-transform: capitalize;}
.service-row{display: flex;flex-wrap: wrap;}
.service-col1{position: relative;height:300px; width: 23.5%;margin: 20px 2% 0 0;cursor: pointer;}
.service-col1:nth-child(4n){margin-right: 0;}
.service-col1 .images{position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:2;overflow: hidden;}
.service-col1 .images img{width: 100%;height: 100%;object-fit: cover; transition: all 0.8s;}
.service-col1 .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;text-align: center;width: 100%;}
.service-col1 .text h6{font-size:20px;color: #fff;line-height: 1.26;}
.service-col1 .text h6 a{color: #fff;}
.service-col1::after{content: "";position: absolute;top: 0;left: 0;background-color: #00000064;z-index:3;width: 100%;height: 100%;}
.service-col1:hover .images img{transform:scale(1.2);}


.client-wrap{background-color: #000;overflow: hidden;}
.client-row{position: relative;padding: 60px 0;}
.client-row::after{content: "";height: 2px;width:50%; background: linear-gradient(135deg, #FF4DA6	, #00FFFF, #BF00FF, 	#FF1C1C);position: absolute;top: 0px; transition: all 0.5s;}
.client-wrap:hover .client-row::after{width: 100%;}
.client-wrap h2{font-size: 48px;color: #fff;text-align:left;margin: 0 0 20px;font-weight: 700;text-transform: capitalize;}
.client-col1{display: flex;justify-content: center;align-items: center;}
.client-col1 img{width:200px;object-fit: contain;}
.client-slider .slick-slide{margin:0 10px;}


.testimonial-wrap{padding: 100px 0;position: relative;z-index: 1;overflow: hidden;}
.testimonial-wrap .bg-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.testimonial-wrap .bg-img img{width: 100%;height: 100%;object-fit: cover;}
.testimonial-row h2{font-size: 48px;color: #fff;margin: 0 0 20px;font-weight: 700;text-transform: capitalize;}
.testimonial-wrap::after{content: ""; top: 0; left: 0;background-color: #000000a7;width: 100%;height: 100%;position: absolute;background-size: cover;z-index:1;} 
.testi-col1{padding: 10px;}
.profile{width: 50px;height:50px;border-radius: 50px;overflow: hidden;}
.profile img{width: 100%;height: 100%; object-fit: cover;}
.testimonial-row{display: flex;justify-content: start;flex-direction: column;z-index:10;position: relative;width: 100%;align-items:center;}
.testimonial-col1{width: 48%;}
.testi-col1 .description p{color: #fff; line-height: 1.56;}
.testi-col1{background-color: #000;padding: 30px;border-radius: 10px;}
.testimonial-slider .slick-slide{margin: 0 10px;}
.profile-details {display: flex; gap: 20px;align-items: center; margin: 0 0 20px;}
.profile-details h6{font-size: 18px;color: #fff;}


.contact-wrap{padding: 60px 0;background-color: #000;overflow: hidden;}
.contact-wrap h2{font-size: 48px;color: #fff;margin: 0 0 20px;font-weight: 700;text-transform: capitalize;}
.contact-row{display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact-col1{width: 48%;}
.contact-col1 iframe{width: 100%; height: 100%;border-radius: 10px;}
.contact-col2{width: 48%;}
.contact-form input{margin: 0 0 20px !important;width: 100% !important; padding:12px 10px !important;border-radius:4px !important;color: #fff !important;background-color: #b2a4a45c !important;font-size: 14px !important;}
.contact-form textarea{padding:12px 10px !important;background-color: #b2a4a45c !important;border-radius:4px !important;width: 100% !important;color: #fff !important;margin: 0 0 30px !important;font-size: 14px !important;}
input::placeholder{color: #fff !important;font-size: 14px !important;}
textarea::placeholder{color: #fff !important;font-size: 14px;text-transform: capitalize;}
.primary-btn a{ background-color:#000;padding: 12px 40px;color:#FF4DA6; font-size:16px; border-radius:50px;transition: all 0.8s;  box-shadow:0 0 5px #FF4DA6, 0 0 5px #00FFFF, 0 0 5px #BF00FF, 0 0 5px #FF1C1C;display: inline-block;}
.primary-btn a:hover{ box-shadow:   0 0 10px #FF4DA6, 0 0 10px #00FFFF,0 0 10px #BF00FF, 0 0 10px #FF1C1C;}
.everest-forms-submit-button.button.evf-submit{ background-color:#000 !important;padding: 12px 40px !important;color: #FF4DA6 !important; font-size:16px !important; border-radius:50px !important;transition: all 0.8s;  box-shadow:0 0 5px #FF4DA6, 0 0 5px #00FFFF, 0 0 5px #BF00FF, 0 0 5px #FF1C1C !important;}
.everest-forms-submit-button.button.evf-submit:hover{box-shadow:   0 0 10px #FF4DA6, 0 0 10px #00FFFF,0 0 10px #BF00FF, 0 0 10px #FF1C1C !important;}
.everest-form input{margin: 0 0 20px !important;width: 100% !important; padding:12px 10px !important;border-radius:4px !important;color: #fff !important;background-color: #b2a4a45c !important;font-size: 14px !important;border:none !important;}
.everest-form textarea{padding:12px 10px !important;background-color: #b2a4a45c !important;border-radius:4px !important;width: 100% !important;color: #fff !important;margin: 0 0 30px !important;font-size: 14px !important;border:none !important;}
.evf-submit-container {padding:0 !important}
.input-text { margin: 0 !important;}
.evf-field.evf-field-text.form-row.validate-required {margin:0 !important;}
.evf-container.default{margin:0 !important;}
.evf-field.evf-field-email.form-row.validate-required.validate-email{margin:0 !important}
.evf-frontend-grid.evf-grid-1 {padding:0 !important}




.gallery-wrap{ background-color:#000;overflow: hidden;}
.gallery-row{padding:60px 0 0;position: relative; width: 100%;  overflow: hidden;}
.gallery-row::after{content: "";height: 2px;width:50%; background: linear-gradient(135deg, #FF4DA6	, #00FFFF, #BF00FF, 	#FF1C1C);position: absolute;right: 0; top:2px;transition: all 0.5s;}
.gallery-wrap:hover .gallery-row::after{width: 100%;}
.gallery-wrap h2{font-size: 48px;color: #fff;margin: 0 0 20px;font-weight: 700;text-transform: capitalize;text-align:right;}
.gallery-slider .slick-slide{margin:0 10px;}
.gallery-slider .images{height: 130px;}
.gallery-slider .images img{object-fit: cover;height: 100%; width: 100%;}
.gallery-wrap{ background-color: #000;}
.palette { display: flex; width: 100%; height: 100%;height: 300px; }
.color { height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; color: white; font-weight: 600; letter-spacing: 1px; transition: flex 0.1s linear;}
.color img{object-fit: cover;width: 100%;height: 100%;}
.color:hover {  flex: 4; }
.color:hover span {opacity: 1;}




.footer-wrap{background-color:#000;padding:60px 0 10px;position: relative;z-index: -10;overflow: hidden;}
.footer-row{display: flex;flex-wrap: wrap;padding-bottom:20px ;border-bottom: 1px solid #ccc;margin: 0 0 20px;}
.footer-col1{width: 18%;margin: 0 2% 0 0 ;}
.footer-col1 h3{font-size: 22px; color:var(--primary-color); font-weight: bold; margin: 0 0 20px;}
.footer-logo{width: 180px;}
.footer-logo img{object-fit: contain;width: 100%;height: 100%;}
.footer-col1 li{color: #fff;font-size: 14px;margin: 0 0 8px;}
.footer-col1 li a{color: #fff;}
.footer-col1 li a:hover{color:var(--primary-color);}
.image{width: 20px;}
.contact-info{margin: 0 0 8px; display: flex;align-items:center;flex-shrink: 0; gap:10px;}
.contact-info  .icon{width: 18px;flex-shrink: 0;}
.contact-info p{font-size: 14px;color: #fff;}
.contact-info a{color: #fff;}
.contact-info a:hover{color: var(--primary-color);}
.footer-row1{display: flex;justify-content: space-between;}
.footer-row1 p{font-size: 14px;color: #fff;}
.footer-row1 p a{color: var(--primary-color);}
.footer-row1 p a:hover{color:#fff;}
.contact-details p strong{margin: 0 0 10px;}




/* --category-wrap-- */

.service-col1:hover .text h6 a{color: #e9c46a;}
.service-col1:hover.service-col1::after{background-color: #00000094;}



.category-wrap{padding: 30px 0; background-color: #000;}
.category-row{display: flex; flex-wrap: wrap;}
.category-col1{width: 23.5%;border-radius:10px; overflow: hidden; margin:0 2% 20px 0;background-color: #ffffff;}
.category-col1:nth-child(4n){margin-right: 0;}
.category-col1:last-child{margin-right: 0;}
.category-img{width: 100%; height: 250px;}
.category-img img{width: 100%; height: 100%; object-fit: cover;}
.event-details{padding:20px 10px;}
.event-details h3{font-size: 18px;color:#000;font-weight: 600;text-transform: uppercase;margin: 0 0 10px;}
.event-details  p{font-size: 14px; color: #000;line-height: 1.56;margin: 0 0 10px;}
.event-details .view-btn a{font-size: 16px;color: var(--primary-color);position: relative;}
.event-details .view-btn a::after{content:"";position: absolute;left: 0; bottom: -1px; border: 1px solid var(--primary-color);transition: all 0.5s;width: 0;opacity: 0;}
.event-details:hover .view-btn a::after{width: 100%;opacity: 1;}
.event-details .view-btn a:hover{color: #000;}
.event-details .view-btn a:hover::after{border-color: #000;}
.loc-date{display: flex;justify-content: space-between;}
.location{ padding-left:22px ; background-image: url(../images/location.svg); background-size: 18px; background-position: left; background-repeat: no-repeat;background-position-y:center;}
.date{padding-left:22px ; background-image: url(../images/date-svgrepo-com.svg); background-size: 18px; background-position: left; background-repeat: no-repeat;background-position-y:center;}
.loc-date p{margin: 0 0 20px;}


.button-col{width: 100%; display: flex;  justify-content: center; align-items: center;background-color:transparent;z-index: 99;position: sticky;top: 88px;}
.button-col .nav-links{display: flex;align-items: center;width: 70%;justify-content: center;}
.button-col .nav-links .filter-btn{border: none;padding: 10px;backdrop-filter: blur(10px);text-transform: uppercase;font-weight:600;transition: all 0.5s;color: #3A9FD6;padding: 10px 20px;border-radius:4px;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; background: transparent; margin: 0 3% 0 0;font-size: 18px;}
.button-col .nav-links .filter-btn:last-child{margin-right: 0;}
.button-col .nav-links .filter-btn:hover{color: #fff;background: linear-gradient(  90deg,  #866ee7,  #ea60da, #ed8f57, #fbd41d, #2cca91); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display: block;}
.button-col .filter-btn.active {background: linear-gradient(  90deg,  #866ee7,  #ea60da, #ed8f57, #fbd41d, #2cca91); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display: block;}
.filter-col { transform: translateY(20px);  transition: opacity 0.5s ease, transform 0.5s ease;  display: none; flex-wrap: wrap;width: 100%;padding:30px 0 0;}
.filter-col.show { display: flex;  opacity: 1; transform: translateY(0);}
/* .button-col .filter-col{width: 100%;display:none;flex-wrap: wrap;padding: 30px 0 0;} */
.category-row1{background-color: #000;}






/* ---category-inner-wrap------------ */

.event-inner-wrap{padding: 60px 0;background-color: #000;overflow: hidden;}
.event-inner-row{display: flex; flex-wrap: wrap;justify-content: space-between;}

.event-col1{width: 68%;}
.event-inner-row h2{font-size: 30px;color:#ff009d;margin: 0 0 20px;font-weight:600;text-transform: capitalize;}
.event-inner-row h3{font-size: 26px; color:var(--primary-color);font-weight: 500;margin: 0 0 20px;position: relative;text-transform: capitalize;}
.event-inner-row h3::after{content: "";bottom: -4px;width:50px;height:2px; background-color: #fff; position: absolute;left: 0;border-radius: 50px;}
.event-inner-row .description p{color:#fff; line-height: 1.56; font-size: 16px;text-align: justify;}
.event-inner-row .description{margin: 0 0 20px;}

.event-col2{width: 28%;}
.youtube-thumb{position: relative;}
.thumbnail{width: 100%; height: 300px;border-radius: 10px;overflow: hidden;}
.thumbnail img{width: 100%; height: 100%;object-fit: cover;}
.event-inner-row h2.sp {  background: linear-gradient(  90deg,  #866ee7,  #ea60da, #ed8f57, #fbd41d, #2cca91); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display: block;}
.playbtn{position: absolute;top: 50%;left: 50%; right: 50%;transform: translate(-50%, -50%);width: 50px;height: 50px;background-color: #000;border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;z-index: 10;}
.playbtn img{width: 100%; height: 100%;object-fit: contain;}
.playbtn:after { width: 72px;height: 72px; background:#000; border-radius: 50%; display: block; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-animation: pulse-border 1500ms ease-out infinite;  animation: pulse-border 1500ms ease-out infinite;}
.playbtn:before {  width: 50px;  height: 50px;  background:#000;  border-radius: 50%;  display: block; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite;}
.playbtn:after,.playbtn:before {content: ""; position: absolute; z-index: 0; left: 50%; top: 50%;  z-index: -8;}
@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
      scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
      scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}


.inner-contact-form{border: 1px solid var(--primary-color); padding: 30px 20px ;border-radius: 5px;margin: 0 0 20px;}
.inner-contact-form .primary-btn a{padding: 8px 20px; font-size: 14px;}
.inner-contact-form input{margin: 0 0 20px !important;width: 100% !important; padding:10px 10px !important;border-radius:4px !important;color: #fff !important;background-color: #b2a4a45c !important;font-size: 14px !important;}
.inner-contact-form textarea{padding:10px 10px !important;background-color: #b2a4a45c !important;border-radius:4px !important;width: 100% !important;color: #fff !important;margin: 0 0 30px !important;font-size: 14px !important;height: 100px;}
.inner-contact-form select {padding:10px 10px !important;background-color: #b2a4a45c !important;border-radius:4px !important;width: 100% !important;color: #fff !important;margin: 0 0 30px !important;font-size: 14px !important;border: transparent;}
.inner-contact-form select:hover {border-color: #007bff;}
.inner-contact-form select:focus { border-color: #007bff;}



.details-row{display: flex;gap: 30px; margin: 0 0 20px;align-items: center;flex-wrap: wrap;}
.details-col1{padding-right: 30px;border-right: 1px solid #fff;}
.details-col1:last-child{border-right:none;padding-right: 0;}
.details-col1 p{color:#00FFFF;font-size: 14px;}
.details-col1 .location{background-image: url(../images/location-pin-alt-1-svgrepo-com.svg);}
.details-col1 .date{background-image: url(../images/date-white.svg); background-size: 15px;}
.details-col1 .time{padding-left:22px ; background-image: url(../images/time-svgrepo-com.svg); background-size: 18px; background-position: left; background-repeat: no-repeat;background-position-y:center;}
.details-col1 .type{padding-left:22px ; background-image: url(../images/calendar-event-svgrepo-com.svg); background-size: 15px; background-position: left; background-repeat: no-repeat;background-position-y:center;}
.details-col1 p span{color:#fff;}


.gallery-wrap-2{margin: 0 0 20px;}
.galler-row2{display: flex;flex-wrap: wrap;}
.galler-row2 .galler-col{width: 23.5%; height: 150px;border-radius: 4px; overflow: hidden;margin: 0 2% 20px 0;}
.galler-row2 .galler-col img{width: 100%; height: 100%; object-fit: cover;}
.galler-row2 .galler-col:nth-child(4n){margin-right: 0;}


.recet-details-row{display: flex;flex-wrap: wrap;}
.recent-col1{width: 32%;border-radius: 4px; overflow: hidden; margin: 0 2% 20px 0;position: relative;}
.recent-col1 img{width: 100%; height: 100%; object-fit: cover;}
.recent-col1:nth-child(3n){margin-right: 0;}
.recent-col1:last-child{margin-right: 0;}
.recent-col1 .content{content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color:#3a9fd6ab;z-index: 1;position: absolute;padding:15px;opacity: 0; transition: all 0.5s;}
.inner-content{border: 1px solid #fff;width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;text-align: center;padding: 10px;}
.inner-content h4{font-size: 20px;color: #fff;text-transform: uppercase;font-weight: 600;}
.recent-col1:hover .content{opacity: 1;}
.anchor-link{position: absolute;top: 0;left: 0; width: 100%;height: 100%;z-index: 10;}




/* ---------cursor------------ */


.cursor-outer,
    .cursor-inner {
      position: fixed;
      pointer-events:none;
      z-index: 1000;
      transition: transform 0.2s ease;

    }

    .cursor-outer {
      width: 40px;
      height: 40px;
      border: 2px double var(--primary-color);
      border-radius: 50%;
      transform: translate(-50%, -50%);

    }

    .cursor-inner {
      width: 8px;
      height: 8px;
      background: var(--secondary-color);
      border-radius: 50%;
      transform: translate(-50%, -50%);
    }




/* -------------------------Whatsapp------------------ */

.whatsapp-icon {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #25d366;
  overflow: hidden;
}
.whatsapp-image {
  width: 30px;
  height: 30px;
  transition: all 0.3s ease;
}
.whatsapp-icon .whatsapp-float img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.whatsapp-icon:hover .whatsapp-image {
  transform: scale(1.1);
}

/* -------------Error-page-------------------- */

.error-page-section {
  padding: 60px 0;
  text-align: center;
  background-color: #000;
}
.error-page-section h1 {
  font-size: 60px;
  color: #fff;
  margin: 0 0 20px;
  font-weight: 500;
}
.error-page-section h2 {
  font-size: 28px;
  margin: 0 0 20px;
  color: var(--primary-color);
}
.error-page-section p {
  font-size: 16px;
  line-height: 1.56;
  margin: 0 0 20px;
  color: #fff;
}
.error-page-section .search-form {
  width: auto;
  max-width: 420px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
.error-page-section .search-form input {
  width: 100%;
  height: 50px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--primary-color);
  border-image: initial;
  border-radius: 8px;
  padding: 0px 20px;
  background: no-repeat;
  margin: 0 10px 0 0;
  flex: 1 0 0;
}
.error-page-section .search-form .search-submit {
  display: inline-block;
  font-size: 14px;
  color: var(--primary-color);
  margin: 0 0 0 auto;
  position: relative;
  padding: 14px 28px 14px 28px;
  font-weight: 500;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 50px;
  font-family: "Poppins", serif;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}
.error-page-section .search-form .search-submit .screen-reader-text {
  font-size: 16px;
  clip: inherit;
  clip-path: inherit;
  position: relative !important;
  transition: all 0.5s ease-in-out;
  color: #fff;
}

.error-page-section .search-form .search-submit:hover {
  background-color:transparent;
  transform: scale(1.05);
}


/* ---------------Privacy-wrap-------------- */

.defualt-page-section {
  padding: 60px 0 ;
  background-color: #000;
}
.defualt-page-section h2 {
  font-size: 28px;
  margin: 0 0 20px;
  color: var(--primary-color);
  font-weight: 600;
}
.defualt-page-section p {
  font-size: 16px;
  line-height: 1.56;
  margin: 0 0 20px;
  word-break: break-all;
  color: #fff;
}

/*----------------search-page-wrap-------------- */

.search-page-section {
  padding: 60px 0 ;
  background-color:#000;
}
.search-page-section h1 {
  font-size: 32px;
  margin: 0 0 20px;
  color:#fff;
  font-weight: 600;
}
.search-page-section .search-page-card {
  width: 100%;
  margin: 0 0 30px;
}
.search-page-section .search-page-card:last-child{margin: 0 0 0;}
.search-page-section h3 {
  font-size: 28px;
  margin: 0 0 20px;
  color: var(--primary-color);
  font-weight: 600;
}
.search-page-section p {
  font-size: 16px;
  line-height: 1.56;
  margin: 0 0 20px;
  color:#fff;
}
.search-page-section .search-btn1 {background-color:#000;padding: 12px 40px;color:#FF4DA6; font-size:16px; border-radius:50px;transition: all 0.8s;  box-shadow:0 0 5px #FF4DA6, 0 0 5px #00FFFF, 0 0 5px #BF00FF, 0 0 5px #FF1C1C;display: inline-block;}
.search-page-section .search-btn1:hover {box-shadow:   0 0 10px #FF4DA6, 0 0 10px #00FFFF,0 0 10px #BF00FF, 0 0 10px #FF1C1C;}


/* ---------------gallery-wrap---------------------- */

.html5-elem-box .html5-elem-wrap .html5-image { padding: 0 0 0 !important;}
#html5lightbox-watermark { display: none !important;}
.html5-elem-data-box { display: none !important;}
.html5-timer { height: 0 !important;}
.html5-elem-box .html5-elem-wrap .html5-image .html5-image-container img { width: 100%; height: 100%; object-fit: cover;}
.html5-prev, .html5-next{display: block !important;}
.mh-icon-right {background: #000000 url(../images/chevron-right-svgrepo-com.svg) no-repeat center / 12px;}
.mh-icon-left {background: #000000 url(../images/chevron-left-svgrepo-com.svg) no-repeat center / 12px;}


/* -------------responsive---------------------- */






@media screen and (max-width: 1400px) {
.container{max-width: 96%;}

.about-wrap h2{font-size: 45px;}
.service-wrap h2{font-size: 45px;}
.testimonial-row h2{font-size: 45px;}
.client-wrap h2{font-size: 45px;}
.contact-wrap h2{font-size: 45px;}
.gallery-wrap h2{font-size: 45px;}

}  

@media screen and (max-width: 1200px){

.default-banner h1{font-size:45px}

.about-wrap h2{font-size: 42px;}
.service-wrap h2{font-size: 42px;}
.testimonial-row h2{font-size: 42px;}
.client-wrap h2{font-size: 42px;}
.contact-wrap h2{font-size: 42px;}
.gallery-wrap h2{font-size: 42px;}


.event-details h3{font-size: 16px;}
}


@media screen and (max-width: 1024px){

.default-banner h1{font-size:38px}

.about-wrap h2{font-size: 38px;}
.service-wrap h2{font-size: 38px;}
.testimonial-row h2{font-size: 38px;}
.client-wrap h2{font-size: 38px;}
.contact-wrap h2{font-size: 38px;}
.gallery-wrap h2{font-size: 38px;}
.ticker-content{font-size: 38px;}


.category-col1{width: 32%;}
.category-col1:nth-child(3n){margin-right: 0;}
.category-col1:nth-child(4n){margin-right:2%;}



.event-col1{width: 100%;}
.event-col2{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact-col{width: 48%;}
.youtube-thumb{width: 48%;display: flex;justify-content:center ;align-items: center;}

}

@media screen and (max-width: 991px){

.heade-menu{display: none;}

.about-wrap{padding: 60px 0;}

.about-wrap h2{font-size: 36px;}
.service-wrap h2{font-size: 36px;}
.testimonial-row h2{font-size: 36px;}
.client-wrap h2{font-size: 36px;}
.contact-wrap h2{font-size: 36px;}
.gallery-wrap h2{font-size: 36px;}
.ticker-content{font-size: 36px;}

.burger-btn {display: block;position: fixed; width: 50px; height: 30px; right: 5%;top: 36px; z-index:1000;overflow: hidden;cursor: pointer;}
.burger-btn span { display: block; width: 100%; height: 3px; background: var(--primary-color); background-size: 300% 100%;border-radius: 5px; transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
.burger-btn .burger-toggle { display: flex; flex-wrap: wrap; justify-content: right;}
.header-menu {  display: none;}
.burger-btn span:nth-child(2n) {margin: 9px 0;transition: all 0.5s cubic-bezier(0.22, 0.68, 0, 1.71);}
.burger-btn span:first-child {width: 70%;}
.burger-btn span:last-child { width: 70%;}
.overlay {display: block;position: fixed;right: 0;top: 0;width: 350px;height: 100%;background-color: #000;background-size: 300% 100%;z-index: 999;padding: 110px 5% 50px;transform: translateX(100%);opacity: 0;visibility: hidden;transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
.overlay ul li a {color: #fff;display: block;padding: 20px 0;}
.overlay ul li a:hover{color: var(--primary-color);font-weight: 600;}
.overlay ul li {font-size: 18px;border-bottom: 1px solid #ccc;font-weight: 500;}
.overlay.show { transform: translateX(0); opacity: 1; visibility: visible;}
.burger-btn .active span:first-child {  transform: translateY(13px) rotate(-45deg);}
.burger-btn .active span:last-child { transform: translateY(-11px) rotate(45deg);}
.burger-btn .active span:nth-child(2n) {transform: translateX(-100%);}



.service-col1{height: 250px;}
.service-col1 .text h6{font-size: 16px;}


.testimonial-wrap{padding: 70px 0;}
.testimonial-col1{width: 58%;}



.event-inner-row h2{font-size: 28px;}


.footer-col1{width: 32%;margin: 0 2% 30px 0;}
.footer-col1:nth-child(3n){margin-right: 0;}
.footer-col1:last-child{margin-right: 0;}

.default-banner h1{font-size:36px}
.default-row h1{font-size: 32px;}
}


@media screen and (max-width: 767px){

.default-row h1{font-size: 30px;}

.cursor-outer{display: none;}
.cursor-inner{display: none;}

.about-wrap h2{font-size: 32px;}
.service-wrap h2{font-size: 32px;}
.testimonial-row h2{font-size: 32px;}
.client-wrap h2{font-size: 32px;}
.contact-wrap h2{font-size: 32px;}
.gallery-wrap h2{font-size: 32px;}
.ticker-content{font-size: 32px;}
.event-inner-wrap{padding: 30px 0;}
.footer-wrap{padding: 30px 0 10px;}

.service-wrap{padding: 30px 0;}
.client-row{padding: 30px 0;}
.testimonial-wrap{padding: 60px 0;}
.contact-wrap{padding: 30px 0 ;}
.gallery-row{padding: 30px 0 0;}

.about-wrap p{font-size: 16px;line-height: 1.56;}
.about-wrap .about-row{padding: 20px;}

.everest-forms-submit-button.button.evf-submit{padding: 10px 30px !important;}
.primary-btn a{padding: 10px 30px;}

.about-wrap{padding: 30px 0;}
.counter-col1{width: 28%;}
.gradient-circle{width: 500px; height: 500px;}

.service-col1{height: 200px;}
.service-col1 .text h6{font-size: 14px;}


.button-col .nav-links .filter-btn{font-size: 16px;}

.category-col1{width: 49%;}
.category-col1:nth-child(2n){margin-right:0} 
.category-col1:nth-child(3n){margin-right:2%}


.palette{height:300px}

.contact-row{flex-direction: column-reverse;}
.contact-col2{width: 100%; margin: 0 0 30px;}
.contact-col1{width: 100%;}

.event-inner-row h2{font-size: 26px;}

.details-col1{padding-right: 25px;}
.details-row{gap: 25px;}

.inner-content h4{font-size: 18px;}

.footer-wrap{position: relative;}
.footer-row1{flex-direction: column;justify-content: center;align-items: center;}
.footer-row1 p{margin: 0 0 10px;text-align: center;}


.default-banner h1{font-size:34px}
.primary-btn a{padding: 10px 20px;}
.everest-forms-submit-button.button.evf-submit{padding: 10px 20px !important;}
.search-page-section{padding: 30px 0;}
.defualt-page-section{padding: 30px 0;}
.error-page-section{padding: 30px 0;}
.search-page-section .search-btn1{padding: 10px 30px;}
}



@media screen and (max-width: 600px){


.default-row h1{font-size: 28px;}
.about-wrap h2{font-size: 28px;}
.service-wrap h2{font-size: 28px;}
.testimonial-row h2{font-size: 28px;}
.client-wrap h2{font-size: 28px;}
.contact-wrap h2{font-size: 28px;}
.gallery-wrap h2{font-size: 28px;}
.ticker-content{font-size: 28px;}


.testimonial-col1{width: 68%;}


.button-col .nav-links .filter-btn{padding: 10px;font-size: 14px;}

.inner-content h4{font-size: 16px;}

.contact-col{width:100%;}
.youtube-thumb{width:100%;}

.footer-col1{width:49%;}
.footer-col1:nth-child(3n){margin-right:2%;}
.footer-col1:nth-child(2n){margin-right:0;}
.footer-col1:last-child{margin-right: 0;}


.default-banner h1{font-size:32px}
.defualt-page-section h2{font-size: 26px;}
.search-page-section h3{font-size:26px ;}
}



@media screen and (max-width: 480px){

.description p{font-size: 14px;}

.Default-banner-wrap{height: 45vh;}
.default-row h1{font-size: 26px;}

.header-logo{width: 150px;}
.burger-btn{top: 30px;}
.overlay { width: 100%; }
.overlay ul li{font-size: 16px;}
.burger-btn {  width: 40px; top:32px;}
.burger-btn span{height:2px}
.burger-btn .active span:first-child { transform: translateY(12px) rotate(-45deg); }

.about-wrap h2{font-size: 26px;}
.service-wrap h2{font-size: 26px;}
.testimonial-row h2{font-size: 26px;}
.client-wrap h2{font-size: 26px;}
.contact-wrap h2{font-size: 26px;}
.gallery-wrap h2{font-size: 26px;}
.event-inner-row h3{font-size: 24px;}


.ticker-content{font-size: 26px;}

.highlight-wrap{padding: 20px 0;}

.fixed-wrap{right: 10px !important;}


.counter-col1{width: 30%;}
.gradient-circle{width: 450px; height: 450px;}
.about-wrap p{font-size: 14px;}
.counter-col1 h2{margin: 0 0 10px;}
.about-wrap .about-row{padding: 20px 10px;}



.testimonial-col1{width: 100%;}
.testi-col1{padding: 20px;}

.everest-form textarea{margin: 0 0 20px !important;}
.everest-forms-submit-button.button.evf-submit{padding: 8px 20px !important; font-size: 14px;}
.primary-btn a{padding: 8px 20px;font-size: 14px;}


.service-col1{width: 48%;}
.service-col1:nth-child(2n){margin-right: 0;}
.service-col1 .text h6{font-size: 16px;}

.palette{height: 200px;}


.button-col .nav-links .filter-btn { font-size: 12px;padding: 8px 10px;}
.button-col .nav-links{width: 100%;}




.category-col1{width: 100%;}
.category-col1:nth-child(n){margin-right: 0;margin: 0 0 20px;}
.category-col1:last-child{margin: 0;}


.button-col .nav-links{flex-wrap: wrap;}
.button-col .nav-links .filter-btn{margin: 0 2% 10px 0;}
.filter-col{padding: 0;}


.category-img{height: 200px;}
.event-inner-row h2{font-size: 24px;}
.details-row{gap: 18px;justify-content: center;}
.details-col1{padding-right:18px;}
.details-col1:nth-child(2n){border-right: none;padding-right:0;}
.event-inner-row .description p{font-size: 14px;}


.galler-row2 .galler-col{height: 100px;}
.color:hover {  flex: 6; }
.inner-contact-form{padding: 20px 10px;}
.thumbnail{height: 200px;}


.recent-col1 .content{padding: 10px;}
.recent-col1{width: 49%;}
.recent-col1:nth-child(2n){margin-right: 0;}
.recent-col1:nth-child(3n){margin-right: 2%;}
.inner-content h4{font-size: 14px;}

.footer-col1{width:100%;}
.footer-col1:nth-child(n){margin-right:0;}
.footer-col1:last-child{margin: 0;}
.footer-logo{width: 130px;}
.footer-col1 h3{font-size: 20px;}



.default-banner{height: 60vh;}
.default-banner h1{font-size:30px}
.defualt-page-section p{font-size: 14px;}
.defualt-page-section h2{font-size: 24px;}
.search-page-section h1{font-size: 30px;}
.search-page-section h3{font-size: 24px;}
.search-page-section .search-btn1 {padding: 8px 20px;font-size: 12px;}
}

@media screen and (max-width: 380px){

.overlay ul li {font-size: 14px;}

.default-row h1{font-size: 24px;}

.about-wrap h2{font-size: 24px;}
.service-wrap h2{font-size: 24px;}
.testimonial-row h2{font-size: 24px;}
.client-wrap h2{font-size: 24px;}
.contact-wrap h2{font-size: 24px;}
.gallery-wrap h2{font-size: 24px;}
.ticker-content{font-size: 24px;}

.palette{height: 150px;}

.testimonial-wrap{padding: 30px 0;}




.details-row{gap: 15px;}
.details-col1{padding-right: 15px;}

.details-col1{padding-right:0;width: 100%;border-right: none;}
.details-col1 .location{padding-left: 30px;background-size: 13px;}
.details-col1 .date{padding-left: 30px;background-size: 13px;}
.details-col1 .time{padding-left: 30px;background-size: 13px;}
.details-col1 .type{padding-left: 30px;background-size: 13px;}


.event-inner-row h2{font-size: 22px;}
.event-inner-row h3{font-size: 20px;}
.event-inner-row h3::after{height: 1px;}
.galler-row2 .galler-col{width: 32%;}
.galler-row2 .galler-col:nth-child(3n){margin-right: 0;}
.galler-row2 .galler-col:nth-child(4n){margin-right: 2%;}




.footer-col1 h3{font-size: 18px;}
.footer-wrap{padding: 30px 0 10px;}



.default-banner h1{font-size:28px}
.defualt-page-section h2{font-size: 22px;}
.search-page-section h1{font-size: 26px;}
.search-page-section h3{font-size: 22px;}

}


@media screen and (max-width: 320px){

.default-row h1{font-size: 22px;}


.about-wrap h2{font-size: 22px;}
.service-wrap h2{font-size: 22px;}
.testimonial-row h2{font-size: 22px;}
.client-wrap h2{font-size: 22px;}
.contact-wrap h2{font-size: 22px;}
.gallery-wrap h2{font-size: 22px;}
.ticker-content{font-size: 22px;}

.event-inner-row h2{font-size: 20px;}

 
.search-page-section h1{font-size: 24px;}
.search-page-section h3{font-size: 20px;}
}