/*!
Theme Name: PsychicNewZealand-2025
Version: 1.0
Author: absolutesoulsecrets
Author URI: https://www.absolutesoulsecrets.com/
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&family=Figtree:ital,wght@0,300..900;1,300..900&family=Gotu&family=Hind+Madurai:wght@300;400;500;600;700&family=Lora:ital,wght@0,400..700;1,400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --priFont: "Poppins", serif;
    --secFont: "Gotu", sans-serif;

    /* Color */
    --priColor: #800080;
    --secColor: #2626AABA;
    --thirdColor: #218B8D;
    --textColor: #40304B;
    --whiteColor: #fff;
    --headingColor: #413d3d;
    --btnColor: linear-gradient(to top left, #2626AABA 100%, #800080 76%);

    /* Others */
    --lHeight: ;
    --fSize: ;
    --radious: 1rem;
}


/* CSS RESET */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
.subtitle { font-size: clamp(1.2rem, 1.1368rem + 0.2807vw, 1.4rem); margin: 0 0 3rem;}
.subtitle span { font-size: clamp(2.3rem, 2.1421rem + 0.7018vw, 2.8rem);color: var(--priColor);}
strong { font-weight: 600; }

body { line-height: 1.5;  -webkit-font-smoothing: antialiased; font-family: var(--priFont); color: var(--thirdColor);width: 1920px;margin: 0 auto;position: relative;padding: 0;overflow-x: hidden; max-width: 100%;}
.wrapper {width: 1400px; max-width: 100%; position: relative; margin: 0 auto;}
ol, ul { list-style: none; }
li { color: var(--textColor); font-size: clamp(0.95rem, 0.9219rem + 0.125vw, 1rem); }
.bullet { margin: 0 0 1.2rem; }
.bullet li { list-style: disc; margin: 0 0 0 3rem; line-height: 1.8rem; font-family: var(--secFont); }
a {text-decoration: none; cursor: pointer;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { text-wrap: balance; color: var(--headingColor); font-weight: 600;}
h1 {font-size: clamp(2.4rem, 2.2737rem + 0.5614vw, 2.8rem); margin: 0 0 3rem;}
h2 {font-size: clamp(2rem, 2.1421rem + 0.7018vw, 2.5rem); color: var(--priColor); margin: 0 0 2rem;}
h3 { font-size: clamp(1.3rem, 1.1875rem + 0.5vw, 1.5rem); margin: 0 0 1.5rem;color: var(--priColor);}
h4 { font-size: clamp(1.15rem, 1.1026rem + 0.2105vw, 1.3rem); margin: 0 0 1.5rem;}
h5 { font-size: 1.05rem; margin: 0 0 1.5rem;}
span { display: block; font-family: var(--secFont);}
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; font-family: var(--secFont);}
p {  color: var(--textColor); font-size: clamp(0.95rem, 0.9219rem + 0.125vw, 1rem);font-weight: 300;line-height: 1.5rem;padding: 0 0 1.2rem;}
.button { background: linear-gradient(to top left, #2626AABA 100%, #800080 76%); padding: 1rem 3.5rem; border-radius: 6rem;color: var(--whiteColor); cursor: pointer; border: unset;}
.button:hover { background: var(--priColor); color: #fff; }


/* Header */
header {padding: .8rem;background: var(--thirdColor);}
.main-logo { width: 17%;display: block;position: absolute;z-index: 999; top: 30%;}
.location { display: flex; align-items: center; gap: .9rem;padding: 0 0 0 15rem;}
.location a { color: var(--whiteColor); font-size: .8rem;position: relative; padding: 0 0 0 2.2rem;}
.location a::after { content: url('images/icon/location.webp'); position: absolute; left: 0; top: 0;}
.main-logo figure img{ outline: 6px solid var(--whiteColor);border-radius: 50%;}
.header-info { display: flex;  align-items: center;gap: 4rem;justify-content: space-between;width: 100%;}
.header-info .social-media{display: flex;gap: 1rem;}


header .contact-info { display: inline-flex;gap: 1.5rem; margin: 0 5rem 0 0;}
header .contact-info li { position: relative; padding: 0 0 0 2rem; color: var(--whiteColor); font-size: 1rem; font-weight: 600; }
.header-info ul li a { color: var(--whiteColor); }
header .contact-info li::after{ content: url('images/icon/phone-call.webp');position: absolute;left: 0; top: 0;}
header .contact-info li:nth-child(3)::after{ content: url('images/icon/contact-mail.webp');position: absolute;left: 0;}


/* Navigation  */
nav {line-height: 5rem;}
.nav-con { display: flex; justify-content: space-between; align-items: center;width: 100%;margin: 0 0 0 auto;}
#hamburger{ width: 50px; height: 45px; position: relative; margin: 50px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; caret-color: transparent; position: relative; top: 1em;  z-index: 1001;display: none;}
#hamburger span { display: block; position: absolute; height: 4px; width: 67%; background: var(--whiteColor); border-radius: 9px; opacity: 1; right: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#hamburger span:nth-child(1) { top: 0px; }
#hamburger span:nth-child(2),#hamburger span:nth-child(3) { top: 11px; width: 40%; right: 0; text-align: right; margin: 0 0 0 auto;}
#hamburger span:nth-child(4) { top: 23px; }
#hamburger.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
#hamburger.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 67%; }
#hamburger.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 67%; }
#hamburger.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }
#nav-menu { display: flex; justify-content: center; gap: 2.5rem; margin: 0 0 0 auto;}
#nav-menu li{ position: relative;}
#nav-menu li a{ font-weight: 600;color: var(--headingColor); }
#nav-menu .active a { color: var(--thirdColor); }
/* ----------- Desktop dropdown ----------- */
#nav-menu { position: relative; }
.sub-menu li { line-height: 3; padding: 0 1rem; }

#nav-menu li { position: relative; }

#nav-menu .sub-menu { display: none; position: absolute; top: 100%; left: 0; min-width: 250px; background: var(--whiteColor, #fff); padding: 0.5rem 0; z-index: 999; box-shadow: 0 4px 6px rgba(0,0,0,0.1); list-style: none; }

/* Desktop hover behavior */
@media (min-width: 769px) {
  #nav-menu .menu-item-has-children:hover > .sub-menu {
    display: block;
  }
  
  .submenu-toggle {
    display: none !important;
  }
}

/* Mobile styles */
@media (max-width: 768px) {


  #nav-menu > li {
    margin-right: 0;
    width: 100%;
    border-bottom: 1px solid #ddd;
  }

  /* Menu items with submenus */
  #nav-menu .menu-item-has-children {
    position: relative;
  }

  /* Parent menu link - make room for toggle button */
  #nav-menu .menu-item-has-children > a {
  
  }

  /* Toggle button styles - positioned absolutely */
  .submenu-toggle {
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.2rem;
    padding: 0.5rem;
    color: var(--whiteColor);
    width: 50px;
    transition: transform 0.3s ease;
    z-index: 10;
  }

  .sub-menu li { margin: 0 !important; }
  .submenu-toggle:hover {
    background: rgba(0,0,0,0.1);
  }


  /* Rotate arrow when open */
  #nav-menu .menu-item-has-children.mobile-menu-open .submenu-toggle {
    transform: rotate(180deg);
  }

  /* Mobile submenu styles */
  #nav-menu .sub-menu {
    display: none;
    position: static;
    width: 100%;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: none;
    background: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom-left-radius: var(--radious);
    overflow: hidden;
    border-bottom-right-radius: var(--radious);
  }

  #nav-menu .menu-item-has-children.mobile-menu-open > .sub-menu {
    display: block;
  }

  .sub-menu .menu-item a {
    color: var(--headingColor) !important;
    padding-left: 2rem;
    padding-right: 1rem;
    background: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
  }

  .sub-menu .menu-item a:hover {
    background: #e8e8e8;
  }
}



.search-container { position: relative; display: flex; align-items: center; background: white; border-radius: 50px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); overflow: hidden; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.search-container.collapsed {  height: 60px; width: 6%; background: transparent; box-shadow: none;position: absolute; right: 0; }
.search-container.expanded { width: 80%; height: 45px; position: absolute; right: 0; }
.search-btn { /*! width: 60px; */ /*! height: 60px; */ border: none; /*! background: transparent; */ border-radius: 50px; cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; transition: all 0.3s ease; flex-shrink: 0; background: transparent;}
.search-btn:hover { transform: scale(1.1); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); }
.search-btn:active { transform: scale(0.95); }
.search-icon { width: 35px; height: 35px; fill: var(--whiteColor);; transition: transform 0.3s ease; }
.expanded .search-icon { fill: var(--thirdColor); }
.search-container.expanded .search-icon { transform: rotate(90deg); }
.search-input { width: 100%; height: 46px; border: none; outline: none; font-size: 16px; padding: 0 20px; background: transparent; color: #333; opacity: 0; transform: translateX(-20px); transition: all 0.3s ease 0.1s; }
.search-container.expanded .search-input { opacity: 1; transform: translateX(0); }
.search-input::placeholder { color: #999; }
.search-form { display: flex; align-items: center; width: 100%; height: 100%; padding: 0;height: auto;}
.close-btn { position: absolute; right: 48px; top: 50%; transform: translateY(-50%); background: none; border: none; font-size: 24px; color: #999; cursor: pointer; opacity: 0; transition: all 0.3s ease; z-index: 3; }
.search-container.expanded .close-btn { opacity: 1; }
.close-btn:hover { color: #333; transform: translateY(-50%) scale(1.2); }
.demo-info { position: absolute; top: 50px; left: 50%; transform: translateX(-50%); text-align: center; color: white; font-size: 18px; opacity: 0.9; }
.demo-info h2 { margin-bottom: 10px; font-size: 24px; }
.demo-info p { font-size: 16px; opacity: 0.8; }

        

/* Banner */
#banner {height: 86.4vh;overflow: hidden; position: relative;}
#banner::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.bnr-info { position: relative; width: 50%;z-index: 1;text-align: center;margin: 0 auto;}
.bnr-info p { margin: 0 0 4rem; font-size: 1.6rem; font-weight: 800; color: var(--priColor); background: linear-gradient(to top left, #00F 0%, #800080 100%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bnr-info h2 { font-size: clamp(1.3rem, 1.0789rem + 0.9825vw, 2rem); margin: 0 0 3rem;font-weight: 300;color: var(--priColor);background: linear-gradient(to top left, #0000FF 0%, #800080 76%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.bnr-info h2 span { font-size: clamp(2.3rem, 1.8895rem + 1.8246vw, 3.6rem); font-weight: 600; margin: 2rem 0 0;}
.bnr-btn .button { background: var(--whiteColor); color: var(--priColor); }
.slider { width: 1920px; position: absolute; left: 50%; transform: translateX(-50%); }
.rslides { }
.rslides li { }
.rslides li img { object-position: 0 4rem; }
.bnr-btn { display: flex; justify-content: center; gap: 2rem; }


.bnr-con { height: 81.2vh;display: flex;align-items: center;}

/* middle */
#middle {}
.middle-con { padding: 3rem 0;position: absolute;top: -7rem;background: var(--whiteColor);width: 100%;border-radius: var(--radious);z-index: 99;}
.middle-con .contact-info {display: flex;justify-content: space-around;}
.middle-con .contact-info h4 {margin: 0;color: var(--textColor);}
.middle-con .contact-info li span { text-align: center; font-size: 1.1rem;}
.middle-con .contact-info li { width: 33%; margin: 0 auto; text-align: center; }
.middle-con li a { color: var(--thirdColor); }
.middle-section { display: flex;justify-content: space-between;flex-wrap: wrap;}
.middle-section section{ width: 30%;}
.middle-section section h3{ }
.middle-section section p{ }


/* Main Area */
main {background: url('images/main-bg.webp') no-repeat;background-size: cover;background-position: center;}
.main-con { padding: 10rem 0 5rem;}
.main-info {display: flex;align-items: center;gap: 5rem;flex-wrap: wrap;justify-content: center;}
.main-con .sidebar { width: 40%; position: relative;}
.main-con .sidebar::after { content: ''; position: absolute; width: 10rem; height: 10rem; background: url('images/icon/favicon.webp') no-repeat; background-size: 10rem 10rem; background-position: center; transform: translate(-50%, -50%); left: 30%; outline: 2px solid var(--whiteColor); border-radius: 50%; }
.main-btm {width: 100%; display: flex; justify-content: space-between;margin: 5rem 0 3rem;}
.main-btm li {position: relative;}
.main-btm li::after { content: ''; position: absolute; top: 0; right: -7rem; width: 1px; height: 100%; background: #413d3d5e; }
.main-btm li:last-child::after {all: unset;}

.main-btm h2 { text-align: center;color: var(--priColor);background: linear-gradient(to top left, #0000FFC7 3%, #800080bf 71%);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.main-btm span { color: var(--priColor); background: linear-gradient(to top left, #0000FFC7 3%, #800080bf 71%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center;}
.main-con .sidebar figure{ }
.main-con .sidebar img{ border-top-right-radius: 20rem;border-top-left-radius: 20rem;border-bottom-left-radius: 1.5rem;border-bottom-right-radius: 1.5rem;margin: 0 auto;}
.main-content { width: 49%;}
.main-content h1{ font-size: clamp(2.5rem, 2.6053rem + 0.4211vw, 3rem);text-wrap: auto;color: var(--priColor);}
.main-content h1 span{ font-size: clamp(2.7rem, 2.25rem + 2vw, 3.5rem);line-height: 1.2;}
.main-content p{ margin: 0 0;}
.main-content p:last-of-type { margin: 0 0 2rem; }


/* Buttom */
#bottom {background: linear-gradient(178deg,rgba(239, 246, 246, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.btm-1-con { padding: 5rem 0; overflow-x: hidden;}
  .center-slider .slick-slide { background-color: #b32532; color: #FFF; height: 30rem; margin: 0 15px; position: relative; overflow: hidden; transform: scale(0.8); transition: all 0.4s ease-in-out; border-radius: 10px; }
  .center-slider .slick-slide figure { margin: 0; height: 100%; width: 100%; }
  .center-slider .slick-slide figure img { width: 100%; height: 100%; object-fit: contain; }
  .center-slider .slick-slide,
  .center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] { transform: scale(0.8); transition: all 0.4s ease-in-out; }
  .center-slider .slick-center,
  .center-slider .slick-current.slick-active { transform: scale(1.1); z-index: 10; position: relative; }
  .center-slider .slick-center, .center-slider .slick-current.slick-active img { position: relative; }
  .slick-initialized .slick-slide { position: relative;}
  .slick-initialized .center-slider-con::before{  content: ''; position: absolute; top: 0; left: 0; background: rgba(28, 28, 28, 0.82); width: 100%; height: 100%;  backdrop-filter: blur(5px)}
  /* .center-slider-con {width: 282px !important;} */
  .slick-dots li button::before { color: var(--priColor) !important; }



  /* Navigation arrows */
  .slick-next, .slick-prev { z-index: 15; }
  .slick-next { right: 25px; }
  .slick-prev { left: 25px; }
  .slick-next:before, .slick-prev:before { color: #000; font-size: 26px; }
  /* Case info styling */
  .case-info { position: absolute; bottom: 3rem; left: 0; width: 100%; padding: 20px; visibility: hidden; /*! flex-direction: ; */ }
  /* Hide case-info elements by default */
  .case-info h3, .case-info p { transform: translateY(30px); opacity: 0; visibility: hidden; margin: 0; }
  .case-info h3 { color: var(--whiteColor); position: relative; z-index: 1; font-weight: 300; padding: .5rem 1.5rem; width: fit-content; background: linear-gradient(to top left, #2626AA 100%, #800080 76%); border-radius: 2rem; }
  .case-info h3 a {color: var(--priColor);}
  .case-info a { color: var(--secColor); }
  .case-info p { color: var(--whiteColor);  background: var(--secColor); position: relative; z-index: 1; margin: 1rem 0 0; width: fit-content; padding: .5rem 1rem; border-radius: .5rem; font-weight: 600;text-transform: uppercase;font-size: clamp(0.8rem, 0.7684rem + 0.1404vw, 0.9rem);}
  .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; }
  .slick-list { padding: 3rem 0 !important; }
  #btm-5 h2 span { color: var(--secColor); }

.btm-section { display: flex;justify-content: space-between;gap: 2rem;}
.btm-section section { border: 1px solid var(--headingColor);padding: 2rem;box-sizing: border-box;border-radius: var(--radious);}
.btm-section section h3{ }
.btm-section section p{ margin: 0 0 4rem;}
.btm-section.section .button{ }


/* Bottom 2 */
#btm-2 { background: url('images/bottom/bottom-2/btm-bg.webp'); }
#nh-banner { background-position-y: bottom; }
.page-intro { display: none; margin: 0; }

.toggle-btn { width: 47%;}
.toggle-btn h2 { margin: 0 0 2rem; }
.toggle-btn .subtitle { margin: 1rem 0 1rem; }
.accordion { display: flex; flex-direction: column; gap: 12px; }
.accordion-item { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px; overflow: hidden; background: rgba(255, 255, 255, 0.6); transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); transform: translateY(-2px); }
.accordion-item:hover { box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); transform: translateY(-2px); }
.accordion-item.open { background: rgba(255, 255, 255, 0.95); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); }
.accordion-item-header { display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; cursor: pointer; user-select: none; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
.accordion-item.open .accordion-item-header { background: rgba(102, 126, 234, 0.1); }
.accordion-item-header-title { font-size: 18px; font-weight: 600; color: #2d3748; transition: color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
.accordion-item.open .accordion-item-header-title { color: #667eea; }
.accordion-item-header-icon { transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); color: #667eea; flex-shrink: 0; }
.accordion-item.open .accordion-item-header-icon { transform: rotate(180deg) scale(1.1); }
.accordion-item-description-wrapper { height: 0; overflow: hidden; transition: height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: height; }
.accordion-item-description { padding: 24px; color: #4a5568; line-height: 1.6; opacity: 0; transform: translateY(-15px); transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s; will-change: opacity, transform; }
.accordion-item-description p { margin: 0; padding: 0; }
.accordion-item.open .accordion-item-description { opacity: 1; transform: translateY(0); }
.accordion-item-description p { font-size: 16px; }
.accordion-item-description dl { margin-top: 16px; }
.accordion-item-description dt { font-weight: 600; color: #2d3748; margin-top: 12px; margin-bottom: 4px; }
.accordion-item-description dd { margin-left: 16px; margin-bottom: 8px; color: #4a5568; }
.btm-2-con { position: relative;padding: 5rem 0;}
.btm-2-sidebar { width: 50%; position: absolute; right: 0; top: 50%;transform: translateY(-50%); display: grid;
grid-template-columns: repeat(8, 1fr);
grid-gap: 15px;}
.btm-2-sidebar img {  margin: 0 auto; height: 30rem;width: 75%; width: 100%; height: 100%; object-fit: cover; border-radius: 1rem;}
.btm-2-sidebar figure:nth-child(1) { grid-column-start: 2; grid-column-end: 4; grid-row-start: 2; grid-row-end: 4; }
.btm-2-sidebar figure:nth-child(2) { grid-column-start: 4; grid-column-end: 8; grid-row-start: 2; grid-row-end: 5; }
.btm-2-sidebar figure:nth-child(3) { grid-column-start: 1; grid-column-end: 4; grid-row-start: 4; grid-row-end: 6; }
.btm-2-sidebar figure:nth-child(4) { grid-column-start: 4; grid-column-end: 7; grid-row-start: 5; grid-row-end: 8; }


/* Bottom 3  */
.btm-team-con { padding: 5rem 0; }
.team-con { display: flex; justify-content: space-between; }
.team-con section { width: 32%; }
.team-con section { width: 32%; border-radius: var(--radious); overflow: hidden; background: #413d3d0d; }
.team-content { padding: 2rem; }
.team-content h4 { margin: 0 0 .3rem; text-transform: capitalize; }
.team-content p { color: #800080c2; margin: 0 0 1rem;}
.team-content .profile { color: var(--textColor); position: relative;}
.team-content .profile::after { content: '→'; position: absolute; top: 33%; right: -4rem; font-size: 2rem; transform: translateY(-50%); }
#btm-team .flex-btn { text-align: center; margin: 2rem 0 0; }
.team-con .slick-slide img { width: 100%; }
.btm-2-sidebar figure {position: relative;}
/* .btm-2-sidebar figure::after { content: ''; position: absolute; width: 8rem; height: 8rem; background: url('images/icon/favicon.png') no-repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-size: 10rem 10rem; background-position: center; transform: translate(-50%, -50%); right: 12%; outline: 2px solid var(--whiteColor); border-radius: 50%; top: 0; } */
/* Bottom Team */
.btm-team-con .slick-initialized .slick-slide::before { all: unset; }
.team-con .slick-slide { margin: 0 10px; }


/* Bottom 4 */
.btm-4 { background: var(--thirdColor); position: relative; z-index: 99; }
.btm-4-con { display: flex; align-items: center; }
.btm-4-con .sidebar, .btm-4-content { width: 50%; }
.btm-4-content  { padding: 0rem 26rem 0 4rem; position: relative;}
.btm-4-content::after { content: ''; position: absolute; top: -50%; right: 14%; background: url('images/bottom/bottom-5/sidebar.webp'); width: 10rem;height: 10rem;background-size: cover;background-repeat: no-repeat;border-radius: 50%;background-position-x: center;outline: 11px solid var(--whiteColor);}
.btm-4-content p { font-size: clamp(1.2rem, 1.0737rem + 0.5614vw, 1.6rem); line-height: 1.5; margin: 0 0 3rem;color: var(--whiteColor);}
.btm-4-content .button { background: var(--whiteColor); color: var(--priColor); text-transform: uppercase; letter-spacing: .05rem;}


/* Bottom 5 */
#btm-5 { position: relative; z-index: 99;  background: var(--whiteColor);}
#btm-5::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 66%; z-index: -106; /* background: linear-gradient(160deg,rgba(255, 255, 255, 1) 0%, rgba(212, 212, 212, 1) 100%); */}
.btm-5-con {padding: 5rem 0;}
.btm-5-con .heading-info { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; text-align: center;}
.btm-5-con .heading-info p { width: 100%; text-align: center; }
.btm-5-con p { margin: 3rem 0 0; }
.embed { text-align: center; margin: 3rem 0; display: none;}
.embed iframe { border-radius: 1rem; }

/* FAQ */
#faq { position: relative; z-index: 1; }
.faq-con {padding: 5rem 0;}
#faq::after { content: ''; position: absolute; top: -73%; left: 0; width: 100%; height: 173%; background: url('images/bottom/bottom-6/botttom-6.png'); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; background-size: cover; background-repeat: no-repeat; background-position: 6px; z-index: -1; opacity: 0.7;}
.faq-con .toggle-btn {display: flex; width: 100%;gap: 5rem;}
.faq-con .accordion {width: 50%;}

/* Blog */
.blog-con {padding: 5rem 0;}
.blog-con .heading-info {display: flex; justify-content: space-between; align-items: center;margin: 0 0 3rem;}
.blog-section { display: flex; gap: 2rem;}
.blog-post img { float: left; width: 29%; border-radius: .5rem; margin: 0 2rem 0 0px; height: auto;}
.blog-post a { margin: 0 0 .5rem; font-weight: 300;color: var(--textColor);}
.other-post { width: 47%; display: flex;flex-wrap: wrap;gap: .5rem;}
.new-post { width: 50%; }
.blog-post { background: #C8C8C866; padding: 1rem 2rem; box-sizing: border-box; border-radius: var(--radious);overflow: hidden;}
.date { color: #413d3db0; font-size: .9rem; }
.new-post img { border-radius: var(--radious); }
.blog-heading-info .cat { background: var(--secColor); color: var(--whiteColor); padding: .5rem 1rem; text-transform: uppercase; border-radius: 2rem; font-size: .9rem;}
.blog-heading-info { margin: 1rem 0; display: flex; align-items: center; gap: 2rem; }
.new-post .readmore { position: relative; }
.new-post .readmore::after { content: '→'; position: absolute; top: 33%; right: -4rem; font-size: 2rem; transform: translateY(-50%); }
.new-post h3 { color: var(--textColor); }
.new-post .readmore { position: relative; text-transform: uppercase; color: var(--secColor); }
.new-post img { width: 100%; height: 100%; }


/* footer */
#footer-top {  position: relative; overflow-x: hidden;}
#footer-top::after { content: ''; position: absolute; top: 0; background: url('images/footer/footer-bg.webp'); background-position-y: 0%; background-repeat: repeat; background-size: auto; background-position-y: 0%; background-repeat: repeat; background-size: auto; background-repeat: repeat; background-size: auto; background-repeat: no-repeat; background-size: cover; z-index: -1; opacity: 0.7; width: 100%;height: 100%;filter: blur(3px);-webkit-filter: blur(3px);}
/* #footer-top::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 0; } */
.ftr-top-con {padding: 5rem 0;text-align: center;position: relative;z-index: 1;}
.ftr-list {display: flex;justify-content: center;gap: 2rem;}ftr-top-con h2 { margin: 0rem 0 2rem; position: relative; padding: 6rem 0 0; color: var(--priColor); background: linear-gradient(to top left, #0000FF 0%, #800080 76%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.ftr-top-con h2 { margin: 0rem 0 2rem; position: relative; padding: 6rem 0 0; color: var(--priColor); background: linear-gradient(to top left, #0000FF 0%, #800080 76%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.ftr-top-con p { position: relative; margin: 0 0 3rem; font-weight: 600; font-size: 1.2rem; }
.ftr-top-con h2::after { content: ''; position: absolute; width: 8rem; height: 8rem; background: url('images/icon/favicon.webp') no-repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-size: 10rem 10rem; background-position: center; transform: translate(-50%, -50%); left: 50%; outline: 2px solid var(--whiteColor); border-radius: 50%; top: -24%; transform: translateX(-50%); mix-blend-mode: saturation; }


/* Footer Bottom */
#footer-btm {background: radial-gradient(circle,rgba(33, 139, 141, 1) 0%, rgba(33, 139, 141, 0.82) 25%, rgba(33, 139, 141, 1) 50%, rgba(33, 139, 141, 0.87) 76%, rgba(33, 139, 141, 1) 100%);background: radial-gradient(circle,rgba(33, 139, 141, 1) 0%, rgba(33, 139, 141, 0.93) 25%, rgba(33, 139, 141, 1) 50%, rgba(33, 139, 141, 0.94) 75%, rgba(33, 139, 141, 0.9) 100%); background: var(--thirdColor);}
/* #footer-btm::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 0; } */
.ftr-btm-con { padding: 5rem 0 2rem; }
.footer-menu { display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer-menu section { width: 11%; }
.footer-logo { width: 20% !important; }
.footer-menu ul li { line-height: 2rem; text-align: center; }
.footer-menu section:nth-of-type(2) h4 { text-align: center; }
.footer-menu h4 { color: var(--whiteColor);  text-align: center;}
.footer-menu ul li a { color: var(--whiteColor); }
.ftr-contact-info p {color: var(--whiteColor);}
#footer-btm nav { line-height: inherit; }
.footer-menu section:last-child { width: 14%; }

.ftr-contact-info a { display: block; margin: .5rem 0 0; color: var(--secColor); }
.ftr-contact-info li:first-child { font-size: 1.35rem; font-weight: 600; font-family: var(--secFont); }
.footer-logo img {  border-radius: 50%; width: 74%; margin: 0 auto; }
.social-media img { width: auto ; outline: unset ; }
.footer-logo p { margin: 2rem 0 1rem; }
.social-media { display: flex; gap: 1rem; }
.social-media h4 {text-align: left;}
.social-media li { background: var(--secColor); padding: .5rem; border-radius: 50px; }
.footer-logo p { color: var(--whiteColor); }
.copyright { position: relative; }
.copyright::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #A8A7A7BA; }
.copyright p { text-align: center; padding: 2rem 0 0; margin: 2rem 0 0; color: var(--whiteColor);}

/* Modal  */

      .demo-container {
            text-align: center;
        }

.open-modal-btn { color: var(--textColor); border: none; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; letter-spacing: 1px; font-weight: 600; background: unset;display: block; margin: 1rem 0 0; }

  

        .open-modal-btn:active {
            transform: translateY(-1px);
        }

        /* Modal Styles */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            backdrop-filter: blur(5px);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }

.modal { background: white; border-radius: 20px; padding:0  ; max-width: 1400px; width: 90%; max-height: 80vh; overflow-y: auto; position: relative; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3); transform: scale(0.7) translateY(50px); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

        .modal-overlay.active .modal {
            transform: scale(1) translateY(0);
        }
        .modal-info {padding: 0 2rem; width: 50%;}
        .modal-content-wrapper figure { width: 50%; float: right; }

        .modal-close { position: absolute; top: 20px; right: 20px; background: #f1f3f4; border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; font-size: 20px; color: #666; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; z-index: 99; }

        .modal-close:hover { background: #e8eaed; color: #333; transform: rotate(90deg); }

        .modal-header { margin-bottom: 25px; }

        .modal-title { font-size: 28px; font-weight: 700; color: #333; margin-bottom: 10px; background: linear-gradient(45deg, #667eea, #764ba2); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

        .modal-subtitle {
            color: #666;
            font-size: 16px;
            line-height: 1.5;
        }

        .modal-content {
            color: #555;
            line-height: 1.7;
            margin-bottom: 30px;
        }

        .modal-content p {
            margin-bottom: 15px;
        }



        /* Animation for content */
        .modal-content-wrapper { opacity: 0; transform: translateY(20px); transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s; display: flex; align-items: center; }

        .modal-overlay.active .modal-content-wrapper {
            opacity: 1;
            transform: translateY(0);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .modal {
                padding: 30px 20px;
                margin: 20px;
            }

            .modal-title {
                font-size: 24px;
            }
        }

        /* Scroll lock when modal is open */
        body.modal-open {
            overflow: hidden;
        }


/* Admin */
.display-name { display: contents; }
#wpadminbar { position: fixed !important; }


/* Nonhome  */
#nonhome { padding: 5rem 0; background: unset;}
#breadcrumbs { border-bottom: 1px dotted var(--headingColor); }
#breadcrumbs span { display: flex; }

/* Nonhome Banner */
.nh-main-con { padding: 3rem 0; }
.nh-bnr-con { position: relative; background-color: var(--priColor);}
#nh-bnr { background-repeat: no-repeat; background-size: cover; padding: 25rem 0 0; position: relative; height: 1rem; }
#nh-bnr h1 { text-align: center; color: var(--whiteColor); margin: 0; padding: .5rem 0;}

/* Nonhome Main  */
.nh-main-con .main-content {width: 100%;}
#nonhome h2 { font-size: clamp(2rem, 1.9053rem + 0.4211vw, 2.3rem); }
#nonhome h3 { margin: .5rem 0 .8rem; }
.nh-main-con .main-content { margin: 3rem 0; }
.empty-content {padding: 2rem 0;}
#nonhome .main-content img { width: 100%; border-radius: .5rem;}
/* #nonhome .main-content li{margin: 0 0 2rem;} */
#nonhome .main-content h4 { margin: 1rem 0 1.5rem; }
#nonhome ul { list-style: initial; margin: 0 0 1.2rem; padding: 0 0 0 3rem; }

#nonhome ul li ul { margin: 0 0 0 1rem; }
#nonhome ul li ul li { list-style: circle; }