@font-face {
    font-family: 'BPG Square';
    src: url('../fonts/bpg-square-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/bpg-square-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/bpg-square-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/bpg-square-webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/bpg-square-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/bpg-square-webfont.svg#bpg_squareregular') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'BPG LE Studio 02';
    src: url('../fonts/bpg-le-studio-02-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/bpg-le-studio-02-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/bpg-le-studio-02-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/bpg-le-studio-02-webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/bpg-le-studio-02-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/bpg-le-studio-02-webfont.svg#bpg_le_studio_02regular') format('svg'); /* Legacy iOS */
}
@font-face{font-family:'BPG LE Studio 02';src:url(../fonts/bpg-le-studio-02-webfont.eot);src:url(../fonts/bpg-le-studio-02-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/bpg-le-studio-02-webfont.woff2) format('woff2'),url(../fonts/bpg-le-studio-02-webfont.woff) format('woff'),url(../fonts/bpg-le-studio-02-webfont.ttf) format('truetype'),url(../fonts/bpg-le-studio-02-webfont.svg#bpg_le_studio_02regular) format('svg')}

}
h1:lang(ka), h2:lang(ka), h3:lang(ka), h4:lang(ka), h5:lang(ka), h6:lang(ka), h6 {
  font-family: "BPG Square", sans-serif !important;
}
h1:lang(ka) *, h2:lang(ka) *, h3:lang(ka) *, h4:lang(ka) *, h5:lang(ka) *, h6:lang(ka) * {
  font-family: "BPG Square", sans-serif !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
   font-family: "BPG LE Studio 02", sans-serif !important;
  font-size: 12px !important;
  padding: 4px 0 !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
   font-family: "BPG LE Studio 02", sans-serif !important;
  font-size: 12px !important;
  padding: 4px 0 !important;
}
.sp-megamenu-parent :lang(ka) {
   font-family: "BPG LE Studio 02", sans-serif !important;
font-size: 14px;
font-weight: 700;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    font-weight: 700;
}
.sp-module .sp-module-title {
    font-size: 20px !important;
font-weight: 500 !important;
}
/* --- MOBILE & TABLET SCREENS --- */
@media (max-width: 991px) {
    /* Target the image directly through the main body wrap to force an override */
    body #sp-page-builder #sp-header #sp-logo img,
    body #sp-header #sp-logo img, 
    body #sp-header .logo-image img {
        height: 40px !important;       /* Forces the height */
        width: auto !important;        /* Prevents stretching */
        top: 0px !important;           /* Cancels out the -20px shift */
        margin-bottom: 0px !important;  /* Cancels out the -40px shift */
        position: relative !important;
    }
}
/* ==========================================
   MOBILE & TABLET VIEW FIXES
   ========================================== */
@media (max-width: 991px) {
    
    /* 1. FIX THE MOBILE LOGO SIZE */
    /* Targets the logo image on phones and tablets */
    #sp-header #sp-logo img, 
    #sp-header .logo-image img {
        height: 38px !important;       /* Makes the logo smaller so it fits mobile screens */
        width: auto !important;        /* Keeps the mobile logo from stretching */
        top: 0px !important;           /* Clears out template shifts that break alignment */
        margin-bottom: 0px !important;  /* Clears out template margins that cause overlaps */
        position: relative !important; /* Forces the logo to stay inside its proper box */
        display: block !important;     /* Ensures the image displays correctly */
    }

    /* 2. FORCE THE LOGO AND MENU ONTO THE SAME ROW */
    /* Targets the structural layout row inside the header */
    #sp-header .container .row,
    #sp-header .row {
        display: flex !important;                 /* Turns on flexbox layout alignment */
        flex-direction: row !important;           /* Forces items to sit horizontally side-by-side */
        align-items: center !important;           /* Centers the logo and menu vertically */
        justify-content: space-between !important;/* Pushes the logo to the left, menu to the right */
        flex-wrap: nowrap !important;              /* STRICTLY forbids the menu from dropping down */
    }

    /* 3. ASSIGN PROPER WIDTH TO THE LOGO BLOCK */
    /* Targets the left side box holding your Medicus logo */
    #sp-logo {
        flex: 0 0 70% !important;      /* Sets the logo column width to 70% of the screen */
        max-width: 70% !important;     /* Prevents the logo column from getting too wide */
    }

    /* 4. ASSIGN PROPER WIDTH TO THE MENU BLOCK */
    /* Targets the right side box holding your hamburger icon */
    #sp-menu,
    .sp-modules.d-flex.flex-row.align-items-center {
        flex: 0 0 30% !important;      /* Sets the menu column width to 30% of the screen */
        max-width: 30% !important;     /* Prevents the menu column from getting pushed away */
        display: flex !important;       /* Turns on flex for the menu container */
        justify-content: flex-end !important; /* Pushes the menu icon all the way to the right edge */
    }

    /* 5. CLEAN UP THE HAMBURGER BUTTON SPACING */
    /* Targets the physical mobile menu icon button */
    #offcanvas-toggler {
        margin: 0 !important;          /* Removes extra spacing around the mobile button */
        padding: 0 !important;         /* Removes extra inner padding around the button */
        height: auto !important;       /* Lets the button height adapt to the white bar naturally */
    }
}

/* image and text in one line */
img {
    display: inline-block; !important; }
/* Force the slide wrapper to become a column flex container */
.jt-inner {
    display: flex !important;
    flex-direction: column !important;
}
#sp-top-bar .sp-module {
    
    margin: 0px !important;
}
#sp-top1,
#sp-top1 .mod-custom {
    display: block !important;
   
    text-align: center !important;
}

/* ==========================================================================
   RIGHT POSITION MODULE WRAPPER ONLY (Leaves Content Alone)
   ========================================================================== */
#sp-right .sp-module {
    background: #ffffff !important;
    border: 3px solid #eef2f5 !important;
    border-radius: 8px !important;
    padding: 8px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
}

/* Optional: Subtle lift effect when hovering over the module card */
#sp-right .sp-module:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}
/* Remove H2 header and form legend */
/* .com-contact.contact h2, */
.com-contact.contact legend, 
.com-contact__form legend { 
    display: none !important; 
}


#sp-right div.sp-module,
#sp-right div.sp-module * ,{
    font-family: "BPG Square", sans-serif !important;
}
#sp-right div.sp-module,
#sp-right div.sp-module h3,h4,h5,
#sp-right div.sp-module p,
#sp-right div.sp-module li,
#sp-right div.sp-module a {
    font-family: "BPG Square", sans-serif !important;
}
#sp-right div.sp-module i,
#sp-right div.sp-module span[class^="fa-"],
#sp-right div.sp-module span[class*=" fa-"],
#sp-right div.sp-module [data-icon],
#sp-right div.sp-module *::before,
#sp-right div.sp-module *::after {
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "Font Awesome 6 Brands", "FontAwesome" !important;
    font-weight: 900 !important; /* Vital for solid icons to render properly */
}
/* Sidebar Container Hidden on Left */
.helix-fb-left-panel {
    position: fixed !important;
    left: -340px !important; 
    top: calc(25% - 50px) !important;
    width: 340px !important;
    height: 500px !important;
    z-index: 999999 !important;
    display: flex !important;
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    border-radius: 0 6px 6px 0 !important;
    box-shadow: 4px 4px 20px rgba(0,0,0,0.25) !important;
    transition: left 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.helix-fb-left-panel:hover {
    left: 0px !important;
}

/* Thinner Tab Layout adjusted for Circle alignment */
.helix-fb-left-tab {
    position: absolute !important;
    right: -34px !important; 
    top: 0 !important;
    width: 34px !important;  
    height: 125px !important; /* Slightly elongated for spacing */
    background-color: #1877f2 !important;
    color: #ffffff !important;
    border-radius: 0 6px 6px 0 !important;
    cursor: pointer !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 3px 2px 8px rgba(0,0,0,0.2) !important;
    padding: 10px 0 !important;
    box-sizing: border-box !important;
}

/* THE CIRCLE CONTAINER STYLING */
.fb-icon-circle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;       /* Dimensions of the circle */
    height: 22px !important;
    background-color: #ffffff !important; /* Solid white background color */
    border-radius: 50% !important;        /* Forces perfect circle shape */
    margin-bottom: 12px !important;       /* Space beneath the circle */
}

/* Resized 'f' logo fitting neatly inside the circle */
.fb-icon-circle svg {
    width: 14px !important;  
    height: 14px !important;
    display: block !important;
        margin-left: 1px !important;  /* Perfectly centers the asymmetrical "f" */

}

/* Lowercase Vertical label text placement style */
.helix-fb-left-label {
    writing-mode: vertical-rl !important;
    transform: rotate(180deg) !important;
    text-transform: lowercase !important;
    font-size: 12px !important; 
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    
}

.helix-fb-left-content {
    width: 340px !important;
    height: 500px !important;
    background: #ffffff !important;
    overflow: hidden !important;
}
#sp-bottom {
    margin-bottom: -20px;
}
/* ==========================================================================
   1. SIDE MENU STRUCTURAL WRAPPER
   ========================================================================== */
ul.geo-side-menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 10px 0 !important; /* Reduced from 20px to make container snugger */
    border-left: none !important;
}

/* ==========================================================================
   2. LEVEL 1: MAIN CATEGORIES 
   ========================================================================== */
ul.geo-side-menu > li {
    font-weight: bold !important;
    font-size: 0.8rem !important;    /* Reduced from 1.15rem */
    color: #175ee3 !important;         /* Lighter, vibrant blue (replaces lighter green #437c17) */
    margin-top: 2px !important;     /* Tightened top space between categories */
    margin-bottom: 0px !important;    /* Tightened bottom space to minimize the line gap */
    list-style-type: none !important;
    position: relative !important;   
    padding-left: 18px !important;   /* Slightly tighter horizontal indentation */
    display: block !important;
}

/* THE GAP FIX: Adjusted bounds to stay aligned with more compact margins */
ul.geo-side-menu > li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 4px !important;             
    bottom: -4px !important;         /* Tuned to keep the broken line gap small with the new margins */
    width: 2px !important;           
    background-color: #0345BF !important; /* Main Dark Blue (replaces dark green line #005a2b) */
}

ul.geo-side-menu > li > a {
    color: #175ee3 !important;         /* Lighter, vibrant blue (replaces lighter green #437c17) */
    text-decoration: none !important;
    display: block !important;
    margin-bottom: 4px !important;   /* Shrunk space directly beneath the main category link text */
    transition: color 0.2s ease !important;
}

ul.geo-side-menu > li > a:hover {
    color: #d9822b !important;
}

/* ==========================================================================
   3. LEVEL 2: SUB-MENU ITEMS 
   ========================================================================== */
ul.geo-side-menu > li > ul {
    list-style-type: circle !important; 
    padding-left: 20px !important;     /* Pulled text slightly closer horizontally */
    margin-top: 2px !important;        /* Tightened gap right under parent category */
    margin-bottom: 0 !important;
}

ul.geo-side-menu > li > ul > li {
    display: list-item !important;      
    font-weight: normal !important;
    font-size: 0.8rem !important;     /* Reduced from 1rem */
    margin-bottom: 4px !important;    /* Shrunk distance between sub-items from 8px to 4px */
    line-height: 1.05 !important;    /* Tighter text wrapping rows */
}

ul.geo-side-menu > li > ul > li > a {
    color: #0345BF !important;         /* Main Dark Blue (replaces deep green #005a2b) */
    text-decoration: none !important;
    display: inline !important;        
    transition: color 0.2s ease !important;
}

ul.geo-side-menu > li > ul > li > a:hover {
    color: #d9822b !important;         
}

/* ==========================================================================
   4. LEVEL 3: DEEP NESTED SUB-ITEMS 
   ========================================================================== */
ul.geo-side-menu > li > ul > li > ul {
    list-style-type: square !important; 
    padding-left: 18px !important;     
    margin-top: 2px !important;
}

ul.geo-side-menu > li > ul > li > ul > li {
    display: list-item !important;      
    font-size: 0.85rem !important;    /* Reduced from 0.95rem */
    margin-bottom: 3px !important;    /* Ultra-compact spacing for deepest items */
    line-height: 1.2 !important;
}

ul.geo-side-menu > li > ul > li > ul > li > a {
    color: #0345BF !important;         /* Main Dark Blue (replaces deep green #005a2b) */
    text-decoration: none !important;
    display: inline !important;
}

/* Color the category name link, set font size, and align */
.category-name a {
    color: #0a58f5 !important;         /* Bright Mid-Blue (replaces pure green #008000) */
    font-size: 13px !important;        /* Reduced from 14px */
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}
/* Target the right module ONLY if it contains your geo-side-menu */
#sp-right .sp-module:has(.geo-side-menu) {
    border: none !important;
    box-shadow: none !important; /* Optional: removes shadows if your border rule used them */
}
#offcanvas-toggler .burger-icon {
    margin-left: 20px;
}
/* 1. Target and completely hide the jform_spacer label notice */
#jform_spacer-lbl,
label[id*="jform_spacer"],
div:has(> #jform_spacer-lbl) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* ==========================================================================
   SLIDESHOW CK COMPREHENSIVE OVERRIDE
   ========================================================================== */

/* --- 1. LARGE SCREENS ONLY (Desktops & Laptops) --- */
@media (min-width: 992px) {
  
  /* Permanent Blue Angled Overlay Layer (Attached directly to the image container) */
  .camera_wrap .camera_target::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 55% !important; /* Controls how wide the block is on screen */
    height: 100% !important;
    z-index: 2 !important; /* Sits permanently over the image, but under text */
    pointer-events: none !important; /* Allows clicks to pass through if needed */
    display: block !important;
    
    /* 70% Semi-Transparent Deep Blue to Light Blue Gradient */
    background: linear-gradient(135deg, rgba(30, 69, 126, 0.4) 0%, rgba(43, 112, 201, 0.4) 70%, rgba(70, 150, 236, 0.4) 100%) !important;
    
    /* Frosted Glass Blur: Blurs the background image directly behind this shape */
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    
    /* Sharp diagonal angle cut on the right-hand edge */
    clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%) !important;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%) !important;
  }

  /* Main Text Caption Layer (Now perfectly clean and dedicated to text placement) */
  .camera_wrap .camera_caption {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 55% !important; /* Matches the overlay width precisely */
    height: 100% !important;
    color: #ffffff !important;
    background: none !important; /* Removed background so it doesn't flicker */
    z-index: 10 !important; /* Kept high so text is always on top */
    
    /* Smooth CSS transition for the TEXT ONLY */
    opacity: 0 !important;
    transform: translateX(-15px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out !important;
  }

  /* Inner Formatting Box (Strips default CK black transparent boxes) */
  .camera_wrap .camera_caption > div {
    background: none !important; 
    width: 100% !important;
    height: 100% !important;
    padding: 4rem 4rem 6rem 4rem !important; /* Inner spacing around your text content */
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  /* Floating Independent Heart Graphic Placement */
  .camera_wrap .camera_caption .overlay-img {
    position: absolute !important;
    bottom: 35px !important;
    left: 4rem !important; /* Matches text padding precisely */
    max-height: 110px !important; /* Scaled perfectly for square-proportioned graphics */
    width: auto !important;
    object-fit: contain !important;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.25)) !important;
  }

  .camera_wrap .camera_caption p {
    max-width: 80% !important; /* Keeps your text safe from crossing over the diagonal cut edge */
  }
} /* <--- THIS BRACKET WAS MISSING! This closes the desktop section safely */


/* --- 2. GENERAL RESPONSIVE CLEANUP (Tablets & Mobile Phones) --- */
@media (max-width: 991px) {
  
  /* COMPLETELY REMOVE THE BLUE ANGLED OVERLAY SO IT DOES NOT DESTROY IMAGES */
  .camera_wrap .camera_target::after {
    content: none !important;
    display: none !important;
    background: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
  }
  
  /* Reset general parameters for non-desktop text boxes */
  .camera_wrap .camera_caption {
    width: 100% !important;
    transform: none !important;
    opacity: 1 !important;
    display: block !important;
    background: rgba(30, 69, 126, 0.85) !important; /* Soft protective backdrop for text readability */
  }

  /* Force paragraphs to utilize full horizontal container limits safely */
  .camera_wrap .camera_caption p {
    max-width: 100% !important; 
  }
  
  /* Drop the floating graphic naturally into the mobile/tablet container flows */
  .camera_wrap .camera_caption .overlay-img {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    margin-top: 1.5rem !important;
    max-height: 80px !important;
    display: block !important;
  }
}

/* --- 2B. SPECIFIC TABLET SETTINGS (Between 768px and 991px) --- */
@media (min-width: 768px) and (max-width: 991px) {
  
  /* FORCES TEXT CAPTION TO THE ABSOLUTE BOTTOM OF THE SLIDE CONTAINER */
  .camera_wrap .camera_caption {
    position: absolute !important;
    top: auto !important;       /* Detaches text container from the top edge */
    bottom: 0 !important;       /* Locks container securely to the bottom edge */
    height: auto !important;    /* Forces height to shrink wrap text content instead of 100% */
  }

  /* Compact formatting padding for tablet views */
  .camera_wrap .camera_caption > div {
    padding: 2.5rem 3rem !important; /* Balanced inner whitespace around text fields */
    width: 100% !important;
    height: auto !important;
    background: none !important;
  }
}

/* --- 2C. SPECIFIC PHONE SETTINGS (Under 768px) --- */
@media (max-width: 767px) {
  

  /* ULTRA COMPACT PADDING: Shrinks the actual height of the text block */
  body .camera_wrap .camera_caption > div {
    padding: 1rem 1.25rem 1.25rem 1.25rem !important; /* Drastically cuts top/bottom padding to fix height */
    width: 100% !important;
    height: auto !important; /* Stops the inner box from stretching full-screen */
    background: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important; 
  }

  /* Shrink spacing between typography layers to keep things thin */
  body .camera_wrap .camera_caption h2 {
    font-size: 1.0rem !important;  /* Sharp, small mobile title */
    margin-top: 0 !important;
    margin-bottom: 0.4rem !important; /* Tightens space below the title */
  }

  body .camera_wrap .camera_caption p {
    font-size: 0.6rem !important;   /* Slightly smaller text for compact readability */
    margin-bottom: 0.8rem !important; /* Tightens space above the button */
    line-height: 1.4 !important;
  }

  /* Target the button wrapper to center it tightly */
  .camera_wrap .camera_caption_desc {
    display: flex !important;
    justify-content: center !important; 
    width: 100% !important;             
    margin-top: 5px !important; /* Brings the button closer to the text */
  }

  /* Clean mobile pill button spacing adjustments */
  body .camera_wrap .camera_caption_desc a.overlay-btn {
    display: inline-block !important;
    width: auto !important;                
    min-width: 130px !important;           
    padding: 6px 18px !important;  /* Thinner button padding for touch interaction */
    font-size: 13px !important;            
    font-weight: 600 !important;
    border-radius: 50px !important;        
    background: #ffffff !important;        
    color: #1e457e !important;            
    text-decoration: none !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15) !important; 
    margin: 0 auto !important;             
    text-align: center !important;
  }
}

/* --- 3. GENERAL STYLES (Applies to all screen types safely) --- */

/* Smooth fade-in and slide-in for the text content when slide changes */
.camera_wrap .camera_target_content .camera_caption,
.camera_wrap .cameracurrent .camera_caption {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

/* Typography Styles */
.camera_wrap .camera_caption h2 {
  color: #ffffff !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  margin-top: 0 !important;
  margin-bottom: 1.2rem !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.camera_wrap .camera_caption p {
  color: #f1f5f9 !important; /* Crisp, readable off-white */
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
  margin-bottom: 2rem !important;
}

/* Rounded Pill Button Custom Styling */
.camera_wrap .camera_caption .overlay-btn {
  display: inline-block !important;
  align-self: flex-start !important;
  background-color: #ffffff !important;
  color: #1e457e !important;
  padding: 0.5rem 1.75rem !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
  transition: transform 0.2s ease, background-color 0.2s ease !important;
}

.camera_wrap .camera_caption .overlay-btn:hover {
  transform: translateY(-2px) !important;
  background-color: #f8fafc !important;
}

/* Smooth Caption Entrance Animation */
@keyframes smoothCaptionEntrance {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.camera_wrap .camera_caption > div {
  animation: smoothCaptionEntrance 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;
}

/* Insert the blue Font Awesome Regular folder icon */
.category-name a::before {
    content: "\f07c"; /* Font Awesome open folder unicode */
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free"; 
    font-weight: 400; /* Forces the 'Regular-400' file style */
    font-size: 14px; /* Matches icon size to text size */
    color: #0345BF; /* Matches green color */
    margin-right: 8px; /* Space between icon and text */
}
/* --- Joomla Form Spacer Visibility Rule --- */

/* 1. Target and completely hide the jform_spacer label notice */
#jform_spacer-lbl,
label[id*="jform_spacer"],
div:has(> #jform_spacer-lbl) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* HIDE ONLY THE TOP-1 COLUMN POSITION ON MOBILE PHONES */
@media (max-width: 767px) {
    #sp-top1,
    .sp-top1,
    div[class*="top1"] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}
/* საკონტაქტო ფორმის სათაურის (H2) სრული დამალვა */
body .com-contact.contact h2,
div[itemtype="https://schema.org/Person"] h2 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}