/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 31 2026 | 07:49:10 */
/* body, a, button {
  cursor: none !important;
} */

.has-parallax-footer:not(.separate-layout) #main {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

/* Custom Cursor */
.mws-cursor-ring,
.mws-cursor-dot {
  position: fixed;
  top: 0;
  left: 0;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  mix-blend-mode: difference;
  backface-visibility: hidden;
  will-change: transform, width, height;
  transition: opacity 0.25s ease;
}

.mws-cursor-ring {
  width: 34px;
  height: 34px;
  border: 1.5px solid #ffffff;
  box-sizing: border-box;
}

.mws-cursor-dot {
  width: 6px;
  height: 6px;
  background: #ffffff;
}

.mws-cursor-hidden {
  opacity: 0 !important;
}

/* Manosry Gallery */
.qodef-qi-grid.qodef-layout--qi-masonry .qodef-image-wrapper {
    border-radius: 8px;
    overflow: hidden;
}


.qodef-qi-image-gallery-masonry.qodef-qi-grid.qodef-layout--qi-masonry.qodef-items--fixed .qodef-image-wrapper .qodef-popup-item {
    position: relative;
    overflow: hidden;
}

.qodef-qi-image-gallery-masonry.qodef-qi-grid.qodef-layout--qi-masonry.qodef-items--fixed .qodef-image-wrapper .qodef-popup-item h4 {
    position: absolute;
    z-index: 999999;
    width: 100%;
    min-height: auto;
    bottom: -10px;
    margin: 0;
    padding: 35px 25px 25px 25px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.5px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    background: linear-gradient(to top, rgba(0 0 0 / 10%), rgba(0 0 0 / 0.3%));
    backdrop-filter: blur(7px);
    box-shadow: 0 0px 50px 40px rgba(0 0 0 / 10%);
}

.qodef-qi-image-gallery-masonry.qodef-qi-grid.qodef-layout--qi-masonry.qodef-items--fixed .qodef-image-wrapper:hover .qodef-popup-item h4 {
    opacity: 1;
    visibility: visible;
    bottom: 0;
}


/* Team */
.qodef-qi-team-member.qodef-image--hover-zoom .qodef-m-media-image {
    max-height: 515px;
    border-radius: 6px;
}


/* Footer Boxshadow */
@media(min-width:780px) {
	.has-parallax-footer:not(.separate-layout) #main {
		box-shadow: 0 40px 80px 80px rgba(29 29 29 / 35%);
	}
}

/* List Items */ 
.bw-nav.style0 ul {
    list-style: none;
}

.bw-nav.style0 a:after {
    z-index: 2 !important;
}

/* no-margin class */
.no-margin,
.no-margin p {
	margin: 0 !important;
}


/* Extra Padding and Margin */ 
#wrap .qodef-m-title {
    padding: 0px;
    margin: 0px;
}


/* Transparent Header */
.home #site-header {
    background: transparent;
    border: 0;
}

.home .effect-one #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:after,
.home .effect-three #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:after,
.home .effect-five #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:before,
.home .effect-five #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:after,
.home .effect-nine #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:before,
.home .effect-nine #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:after {
    background-color: #fff;
}


/* Slider */ 
.slide-right-title p,
.slide-left-title p {
    margin: 0;
}

/* Blur Slider */
.blur-bg .slide-img-item {
    background: #1d1d1d12 !important;
    backdrop-filter: blur(2px);
    padding: 15px !important;
}

.blur-bg .slide-img-item .e-con-inner {
    padding: 0 !important;
}

.blur-bg .slide-img-item .slide-left-title p {
    margin-left: -25px !important;
}


/* SVG */
.qodef-qi-team-member .qodef-e-social-icon svg {
    height: auto !important;
}



/* Sub Text */
#wrap .nit-sub-text {
    position: relative;
    padding: 9px 24px 6px 32px;
    max-width: fit-content;
    border: 1px solid #f0f0f047;
    border-radius: 24px;
    background: rgb(255 255 255 / 20%);
    backdrop-filter: blur(4px);
	box-shadow: inset 0 0 2px 1px rgba(255 255 255 / 4%);
}

#wrap .nit-sub-text.dark {
    border: 1px solid #1d1d1d1c;
    border-radius: 24px;
    background: #1d1d1d12;
    backdrop-filter: blur(4px);
    box-shadow: inset 0 0 2px 1px rgba(0 0 0 / 4%);
}


#wrap .nit-sub-text:before,
#wrap .nit-sub-text:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
	background: #8bc2ff;
    left: 13px;
    top: calc(50% - 4px);
    border-radius: 24px;
}

#wrap .nit-sub-text:before {
    width: 14px;
    height: 14px;
    background: #8bc2ff61;
    top: calc(50% - 7px);
    left: 10px;
}


#wrap .nit-sub-text p {
    margin: 0;
}

#wrap .nit-sub-text.dark:after{
    background: #0F70DB;
}






/* Timeline */
.qodef-timeline--vertical .qodef-e-title a,
.qodef-timeline--vertical .qodef-e-title a:hover {
    font-family: var(--e-global-typography-3a7757b-font-family), Sans-serif;
    font-size: var(--e-global-typography-3a7757b-font-size);
    font-weight: var(--e-global-typography-3a7757b-font-weight);
    line-height: var(--e-global-typography-3a7757b-line-height);
    letter-spacing: var(--e-global-typography-3a7757b-letter-spacing);
}








/* Preloader * /
#ocean-preloader{position:fixed;inset:0;background:#050505;z-index:9999999;overflow:hidden;font-family:Inter,sans-serif;}
.mw-loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,70vw);}
.mw-percent{color:#fff;text-align:center;font-size:14px;letter-spacing:.35em;margin-bottom:22px;}
.mw-bar{position:relative;height:2px;background:#2d2d2d;}
.mw-fill{position:absolute;top:0;width:0%;height:100%;background:#fff;}
.mw-fill.left{right:50%;}
.mw-fill.right{left:50%;}
.mw-top,.mw-bottom{position:absolute;left:0;width:100%;height:50%;background:#050505;pointer-events:none;}
.mw-top{top:0;}
.mw-bottom{bottom:0;}

*/




/* Calendar */
.nb-calendar-col .vc-header button {
    background: #fff !important;
    color: #171717 !important;
}

@media (hover: hover) and (pointer: fine) {
    [data-vc-theme=light] .vc-date__btn:hover {
        color: #171717;
    }
}

[data-vc-date] button {
    min-height: 58px;
}


.nb-slot-btn {
    background: #f0f0f0 !important;
}

.nb-calendar-legend {
    display: none !important;
}




/* Our Team */
/* Team Member Card - styled like the reference image */
.qodef-qi-team-member {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 3 / 4;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.qodef-qi-team-member .qodef-m-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Image */
.qodef-qi-team-member .qodef-m-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.qodef-qi-team-member .qodef-m-media-image {
  width: 100%;
  height: 100%;
}

.qodef-qi-team-member .qodef-m-media-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform 0.5s ease;
  display: block;
}

/* Hover zoom effect */
.qodef-image--hover-zoom:hover .qodef-m-media-image img {
  transform: scale(1.06);
}

/* Content overlay (glass/blur card at bottom) */
.qodef-qi-team-member .qodef-m-content {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  padding: 20px 22px;
  border-radius: 18px;
  background: rgb(255 255 255 / 32%);
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #fff;
}

/* Also add a soft dark gradient behind the card so image contrast stays good */
.qodef-qi-team-member .qodef-m-image::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 55%;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.55) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  pointer-events: none;
}

/* Name */
.qodef-qi-team-member .qodef-m-title {
  margin: 0 0 4px  !important;
  font-size: 26px  !important;
  font-weight: 700  !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
}

/* Role */
.qodef-qi-team-member .qodef-m-role {
  margin: 0 0 14px;
  font-size: 17px !important;
  font-size: 14px;
  font-weight: 400;
  color: #fff !important;
}

/* Social icons row */
.qodef-qi-team-member .qodef-m-social-icons {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.qodef-qi-team-member .qodef-e-social-icon-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #fff;
  transition: background 0.25s ease, transform 0.25s ease;
}

.qodef-qi-team-member .qodef-e-social-icon-link:hover {
  background: #fff; /* purple accent like the button in the image */
  transform: translateY(-2px);
}

.qodef-qi-team-member .qodef-e-social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.qodef-qi-team-member .qodef-e-social-icon svg {
  width: 15px;
  height: 15px;
  fill: #000  !important;
}

/* Optional: arrow badge in top-right corner (like image) — add
   <span class="qodef-m-arrow">↗</span> inside .qodef-m-content in HTML if you want it */
.qodef-qi-team-member .qodef-m-arrow {
  position: absolute;
  top: 20px;
  right: 22px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
}

/* Grid wrapper for multiple cards side by side (optional, for the section) */
.qodef-team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}


@media(max-width:780px) {
  .qodef-qi-team-member {
    aspect-ratio: 4 / 6;
  max-width: 65%;
    margin: 0 auto 40px;
  }
  .qodef-qi-team-member.qodef-image--hover-zoom .qodef-m-media-image {
    max-height: unset !important;
  }
}

@media(max-width:480px) {
  .qodef-qi-team-member {
    aspect-ratio: 4 / 6;
  max-width: 85%;
    margin: 0 auto 40px;
  }
  .qodef-qi-team-member.qodef-image--hover-zoom .qodef-m-media-image {
    max-height: unset !important;
  }
}