*{
    margin: 0px;
    padding: 0px;
}
body{
    font-family: "Montserrat", sans-serif;
}
html {
    scroll-behavior: smooth;
}
img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}
a {
    text-decoration: none;
}

ul, ol {
    list-style: none;
    padding-left: 0px;
}
:root {
  /* ===== Colors ===== */
  --color-primary: #1c1b17;   
  --color-secondary: #002346;
  --color-light: #ffffff;
  --color-gray-light: #e5e5e5;
  --color-bg: #f7f7f7;
  --color-border: #dddddd;
  --transition: 0.35s cubic-bezier(.4,0,.2,1);
}
h1 {font-size: 48px;}
h2 {font-size: 36px;}
h3 { font-size: 28px;}
h4 {font-size: 22px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
p{font-size: 16px;}
.main_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000999;
    /* box-shadow: 0 2px 6px rgba(0,0,0,0.05); */
    transition: height var(--transition), box-shadow var(--transition), background var(--transition);
    padding: 10px 0px;
    /* background: var(--color-light); */
}
  .main_header.is_scrolled{
    height:var(--header-height-scrolled);
    box-shadow:0 4px 16px rgba(0,0,0,0.12);
    background: var(--color-light);
  }
  .container{max-width:1300px; margin:0 auto; padding:0 20px;}
  .main_header_box{
    display:flex; align-items:center; justify-content:space-between;
    height:100%;
  }
  /* .logo_box a {
    width: 160px;
    height: 160px;
    display: flex;
    background: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
} */
  .logo_box img{
    height:155px; display:block;
    transition:height var(--transition);
	  
  }
  .main_header.is_scrolled .logo_box img{ height:70px;}
/* .main_header.is_scrolled .logo_box a{
  width: auto;
    height: auto;
    display: inherit;
    background: transparent;
    border-radius: 0%;
    
} */
 .search a{
  color: var(--color-light);
 }
  /* body padding so content isn't hidden under fixed header */
  .page_spacer{ height:var(--header-height); }

  /* ================= DESKTOP MAIN MENU ================= */
  .menu_section{ display:flex; align-items:center; gap:36px; }
  .main_menu > ul{ display:flex; gap:30px;margin-bottom: 0px; }
  .main_menu > ul > li{ position:relative; padding:12px 0; }
 .main_menu > ul > li > a {
    font-weight: 500;
    font-size: 15px;
    color: var(--color-light);
    display: flex;
    align-items: center;
    gap: 6px;
    text-transform: uppercase;
}
 .main_menu > ul > li > a:hover{color: var(--color-light);}
  .main_menu > ul > li.dropdown > a::after{
    content:'';
    width:6px; height:6px;
    border-right:2px solid var(--color-light);
    border-bottom:2px solid var(--color-light);
    transform:rotate(45deg);
    transition:transform .25s ease;
  }
 .main_menu .sub_dropdown::after {
    content: '';
    width: 6px;
    height: 6px;
    border-right: 2px solid var(--color-primary);
    border-bottom: 2px solid var(--color-primary);
    transform: rotate(320deg);
    transition: transform .25s ease;
    position: absolute;
    right: 10px;
    top: 50%;
}
 .main_header.is_scrolled .main_menu > ul > li > a{
  color: var(--color-secondary);
 }
 .main_header.is_scrolled  .main_menu > ul > li.dropdown > a::after {
    border-right: 2px solid var(--color-secondary);
    border-bottom: 2px solid var(--color-secondary);
}
 .main_header.is_scrolled .hamburger span {
    background: var(--color-secondary);
}
 .main_header.is_scrolled .search a {
    color: var(--color-light);
}
 .main_menu .sub_dropdown:hover::after{border-color: var(--color-light);}
  .main_menu > ul > li:hover > a::after{ transform:rotate(-135deg); }

  /* first-level submenu (dropdown) */
  .main_menu > ul > li > ul{
    position:absolute; top:100%; left:0;
    min-width:230px;
    background:var(--color-light);
    box-shadow:0 10px 30px rgba(0,0,0,0.12);
    border-radius:6px;
    padding:10px 0;
    opacity:0; visibility:hidden; transform:translateY(10px);
    transition:all .25s ease;
  }
  .main_menu > ul > li:hover > ul{
    opacity:1; visibility:visible; transform:translateY(0);
  }
  .main_menu > ul > li > ul li{ position:relative; }
  .main_menu > ul > li > ul li > a{
    display:block; padding:10px 20px; font-size:14px; color:var(--text-dark);
    white-space:nowrap;
  }
  .main_menu > ul > li > ul li:hover > a{ background:var(--color-secondary); color:var(--color-light); }

  /* second-level submenu (nested) */
  .main_menu > ul > li > ul li > ul{
    position:absolute; top:0; left:100%;
    min-width:230px;
    background:var(--color-light);
    box-shadow:0 10px 30px rgba(0,0,0,0.12);
    border-radius:6px;
    padding:10px 0;
    opacity:0; visibility:hidden; transform:translateX(10px);
    transition:all .25s ease;
  }
  .main_menu > ul > li > ul li:hover > ul{
    opacity:1; visibility:visible; transform:translateX(0);
  }
  .main_menu > ul > li > ul li > ul li > a{ padding:10px 20px; font-size:14px; }

  /* ================= HAMBURGER ================= */
  .hamburger{
    width:32px; height:24px;
    position:relative;
    cursor:pointer;
    display:flex; flex-direction:column; justify-content:space-between;
    z-index:1300;
    flex-shrink:0;
  }
  .hamburger span{
    display:block; height:3px; width:100%;
    background:var(--color-light);
    border-radius:2px;
    transition:transform .3s ease, opacity .3s ease, background .3s ease;
  }


  /* ================= SIDEBAR (menu_sidebar) ================= */
  .menu_sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: var(--sidebar-width);
    max-width: 85vw;
    height: 100%;
    background: var(--color-secondary);
    z-index: 9999999;
    padding: 100px 0 40px;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform var(--transition);
}
  .menu_sidebar.open{ transform:translateX(0); }

  .sidebar_overlay{
    position:fixed; inset:0;
    background:rgba(0,0,0,0.5);
    z-index:1100;
    opacity:0; visibility:hidden;
    transition:opacity var(--transition);
  }
  .sidebar_overlay.show{ opacity:1; visibility:visible; }

.sidebar_close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    color: var(--color-secondary);
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: var(--color-light);
}

  .menu_sidebar > ul > li{ border-bottom:1px solid rgba(255,255,255,0.08); }
  .menu_sidebar > ul > li > a{
    display:flex; align-items:center; justify-content:space-between;
    padding:16px 10px; color:var(--color-light); font-size:15px; font-weight:600;
  }
  .menu_sidebar li.has_children > a::after{
    content:'\276F'; /* chevron */
    font-size:12px;
    transition:transform .3s ease;
  }
  .menu_sidebar li.has_children.open_sub > a::after{ transform:rotate(90deg); }


.menu_sidebar > ul > li > ul {
    max-height: 0;
    overflow: hidden;
    background: rgba(0,0,0,0.15);
    transition: max-height .5s ease;
    padding-left: 0px;
}
  .menu_sidebar > ul > li.open_sub > ul{ max-height:2000px; }


  .menu_sidebar > ul > li > ul > li > ul{
    max-height:none;
    overflow:visible;
  }

.menu_sidebar ul ul li > a {
    padding: 10px 15px 10px 10px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255,255,255,0.85);
    /* margin-bottom: 10px; */
    display: block;
    border-bottom: 1px #ffffff24 solid;
}
.menu_sidebar ul ul li h5 {
    color: var(--color-light);
    font-weight: 600;
}
  /* .menu_sidebar ul ul ul li > a{  font-size:13px; color:rgba(255,255,255,0.7); } */
  .menu_sidebar h5{
    color:var(--accent); font-size:13px; letter-spacing:.5px;
    text-transform:uppercase; padding:16px 28px 6px;
  }
.menu_sidebar > ul > li > ul > li.sub_dropdown > ul{
    max-height:0 !important;
    overflow:hidden;
    transition:max-height .4s ease;
    padding-left: 0px;
  }
  .menu_sidebar > ul > li > ul > li.sub_dropdown.open_sub > ul {
    max-height: 2000px !important;
    
}
  .menu_sidebar li.sub_dropdown > a{
    display:flex; align-items:center; justify-content:space-between;
  }

.menu_sidebar li.has_children > a::after, .menu_sidebar li.sub_dropdown > a::after {
    content: '\276F';
    font-size: 12px;
    transition: transform .3s ease;
    flex-shrink: 0;
}
.menu_sidebar li.has_children.open_sub > a::after, .menu_sidebar li.sub_dropdown.open_sub > a::after {
    transform: rotate(90deg);
}
  .menu_sidebar h5{
    color:var(--accent); font-size:13px; letter-spacing:.5px;
    text-transform:uppercase; padding:16px 28px 6px;
  } 
  /* ================= RESPONSIVE ================= */
  @media (min-width:993px){
    
  }

  @media (max-width:992px){
    :root{ --header-height:70px; --header-height-scrolled:60px; }
    .main_menu{ display:none; } 
    .menu_section{ gap:16px; }
  }
@media (max-width:767px){
  .main_header.is_scrolled .logo_box img {
    height: 42px;
}
.text-collage-stats-counter-video-button__col--second {
    padding-left: 0px;
}
}
  @media (max-width:576px){
    .logo_box img{ height:100px; }
    :root{ --sidebar-width:280px; }
  }