/* 
Theme Name: Hello Child for DMR
Description: Hello Child by Digityo is a child theme of Hello Elementor, created by Digityo
Author: Digityo
Author URI: https://digityo.com/
Text Domain: dmr
Template: hello-elementor  
Version: 1.0.0
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready, development ready
*/


/* Gotham Custom Fonts */

/* Regular */
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Regular.woff2') format('woff2'),
         url('fonts/Gotham-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.woff2') format('woff2'),
         url('fonts/Gotham-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Italic */
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Italic.woff2') format('woff2'),
         url('fonts/Gotham-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Black */
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Black.woff2') format('woff2'),
         url('fonts/Gotham-Black.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* -----------------------------------
   Apply Gotham as default
----------------------------------- */

/* Apply Gotham through Elementor variables */
body {
    font-family: var(--e-global-typography-text-font-family, 'Gotham', sans-serif);
    color: var(--e-global-color-text);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--e-global-typography-heading-font-family, 'Gotham', sans-serif);
    color: var(--e-global-color-text);
}

button,
input[type="submit"],
select,
option,
textarea {
    font-family: var(--e-global-typography-text-font-family, 'Gotham', sans-serif);;
}

 select {
  font-size: 16px !important;
}
option {
  font-size: 16px !important;
font-weight: 400;
}


.site-main {
 margin-top: 180px;    
}


/* Slider Enchancer */

@media (min-width: 768px) {

/* Zoom and overlap the central slide */
.sliderOverlap3 .elementor-widget-n-carousel .swiper-slide-next {
  transform: scale(1.3)
  z-index: 5;            /* on top of neighbors */
  transition: transform 0.6s ease, z-index 0.7s ease;
  /* Optional: adjust origin if needed */
  transform-origin: center center;
}

/* Wrapper padding to allow zoomed slide to fit */
.sliderOverlap3
.elementor-widget-n-carousel .swiper-wrapper {
  padding-top: 4%;
  padding-bottom: 2%;
}

/* Smooth transitions for all slides */
.sliderOverlap3
.elementor-widget-n-carousel .swiper-slide-next,
.sliderOverlap3
.elementor-widget-n-carousel .swiper-slide-prev,
.sliderOverlap3
.elementor-widget-n-carousel .swiper-slide {
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), z-index 0.7s ease;
  will-change: transform;
}

/* Slightly smaller neighbors for smoother effect */
.sliderOverlap3
.elementor-widget-n-carousel .swiper-slide-next ~ .swiper-slide,
.sliderOverlap3
.elementor-widget-n-carousel .swiper-slide-next ~ .swiper-slide-prev {
  transform: scale(0.95);
  z-index: 2;
}


  /* Central slide zoom & overlap */
 .sliderOverlap3 .swiper-slide-next {
    transform: scale(1.2);      /* make it bigger */
    z-index: 5;                  /* on top of neighbors */
    transition: transform 0.3s ease, z-index 0.3s ease;
    /* Optional: transform-origin for better visual */
    transform-origin: center center;
  }

  /* Slightly smaller neighbors for smoother effect */
 .sliderOverlap3 .swiper-slide-next ~ .swiper-slide,
 .sliderOverlap3 .swiper-slide-next ~ .swiper-slide-prev {
    transform: scale(0.95);
    z-index: 2;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
.sliderOverlap3  .elementor-widget-n-carousel .swiper-slide-next {
    transform: scale(1.3); /* slightly smaller zoom on tablet */
        margin-left:-30%;
        width:60% !important;
  }

.sliderOverlap3 .swiper-slide.swiper-slide-active {
margin-left: -16px;
  margin-right: 16px;
    }
    .sliderOverlap3
.elementor-widget-n-carousel .swiper-wrapper {
  padding-top: 5%;
  padding-bottom: 3%;
}
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, p span {
color: #D4FF39 !important
    
}





/* Widgets */

/* Progress Circle */

/* Container for indicators */
.dmr-indicator {
    width: 300px;
    height: 300px;
    display: inline-block;
    margin: 20px;
    transform: rotate(145deg);
}

.dmr-circle {
    --size: 300px;
    --thickness: 20px;

    width: var(--size);
    height: var(--size);
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.dmr-circle::before {
    content: '';
    position: absolute;

    width: calc(var(--size) - var(--thickness) * 2);
    height: calc(var(--size) - var(--thickness) * 2);

    background: white;
    border-radius: 50%;
}

.dmr-inner-text {
    position: relative;
    transform: rotate(-145deg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.dmr-percentage {
    font-size: 48px;
    font-weight: 900;
    color: var(--e-global-color-text);
    line-height: 48px;
    
}

.dmr-title {
    font-size: 20px;
    color: var(--e-global-color-text);
    margin-top: 8px;
    font-weight: bold;
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.dmr-subtitle {
    font-size: 16px;
     color: var(--e-global-color-text);
    margin-top: 4px;
    max-width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* Small screens (below 768px) adjustments */
@media (max-width: 767px) {
    .dmr-indicator {
        width: 250px;
        height: 250px;
    }

    .dmr-percentage {
        font-size: 32px;
        line-height: 32px;
    }

    .dmr-title {
        font-size: 16px;
    }

    .dmr-subtitle {
        font-size: 14px;
    }
    
    .dmr-circle {
    --size: 250px;
    --thickness: 18px;
}

}

/* mobile menu widget styles */

/* mobile menu widget styles */

.dmr-mobile-menu__list {
    padding: 0
}

.dmr-mobile-menu-item {
    list-style: none;
}
.dmr-mobile-menu {
    background-color: #01293A;
    padding-top: 0px;
    margin: 0;
    border-radius: 16px;
    border: 1px solid #01293A;
}

.dmr-mobile-menu-item a {
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    padding: 10px 15px;
    text-decoration: none;
    color: #fff;
}

.dmr-caret {
    cursor: pointer;
}

.dmr-mobile-submenu {
    list-style: none;
    padding: 0px 0px;
    background-color: #fff;
}
.dmr-mobile-submenu a {
    color: var( --e-global-color-primary );
    border-radius: 7px;
    background-color: #E6EAEB;
    margin: 10px;
}

.dmr-mobile-submenu a:hover {
    background-color: var( --e-global-color-secondary );
}
/* Caret rotation */
.dmr-mobile-menu .has-children .dmr-caret {
    display: inline-block;
    transition: transform 0.3s ease; /* smooth rotation */
    margin-left: 5px; /* optional spacing */
}

/* Rotate 90° when parent is open */
.dmr-mobile-menu .has-children.open .dmr-caret {
    transform: rotate(90deg);
}

/* ---------- POPUP CONTAINER ---------- */
.dmr-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 0; /* initially closed */
    height: 100%; /* full height */
    overflow: hidden; /* hide overflow outside the popup */
    background-color: rgba(0, 0, 0, 0.8); /* dark overlay for open state */
    z-index: 9999;
    transition: width 0.3s ease;
}

/* OPEN STATE */
.dmr-popup.is-open {
    width: 100%; /* full screen */
}

/* INNER SCROLLABLE AREA */
.menu-area {
    background-color: #01293A;
    padding: 60px 0 10px 0;
    width: 80%;
    min-width: 300px;
    height: 100%; /* fill the popup */
    overflow-y: auto; /* allow scrolling if content is too tall */
    -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
    box-sizing: border-box;
}

/* ---------- CLOSE BUTTON ---------- */
.dmr-popup-close {
    position: absolute;
    top: 15px;
    left: 28px;
    font-size: 36px;
    color: #fff;
    cursor: pointer;
}

/* ---------- OPEN BUTTON ---------- */
.dmr-popup-open {
    display: inline-block;
    cursor: pointer;
    font-size: 30px;
    color: #01293A; /* adjust */
}

/* ---------- MENU LIST ---------- */
.dmr-popup-menu__list {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* MENU ITEM */
.dmr-popup-menu-item {
    list-style: none;
}

/* MENU LINKS */
.dmr-popup-menu-item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
}

/* CARET ICON */
.dmr-popup-caret {
    display: inline-block;
    transition: transform 0.3s ease;
    margin-left: 5px;
    cursor: pointer;
}

/* ROTATE WHEN OPEN */
.dmr-popup-menu-item.has-children.open .dmr-popup-caret {
    transform: rotate(90deg);
}

/* SUBMENU */
.dmr-popup-submenu {
    list-style: none;
    padding-left: 5px;
    padding-right: 5px;

    background-color: #fff;
    overflow: hidden;
    max-height: 0; /* JS will animate */
    transition: max-height 0.3s ease;
}

/* SUBMENU LINKS */
.dmr-popup-submenu a {
    display: block;
    padding: 12px 15px;
    color: #01293A;
    background-color: #E6EAEB;
    margin: 12px 10px;
    border-radius: 6px;
    text-decoration: none;
}

.dmr-popup-submenu a:hover {
   background-color: var( --e-global-color-secondary );
}

.content-popup   {
    padding: 20px;
}
.content-popup * {
    color: #fff;
    fill: #fff
}


/* Filter Operator */

/* Container */
.dmr-filter-container {

  height:auto;
  transition:all 1.5s ease-in-out;
  padding:20px;

}

/* Titles */
.dmr-filter-label {
  color:#00444D;
  font-size:22px;
  margin-bottom:0;
}

/* Wrapper */
.dmr-filter-column {
  position:relative;
  padding-top:20px;
}

/* Dropdown */
.dmr-filter-column .dmr-filter-list {
  background-color:#fff;
  display:block;
  z-index:9;
  margin-top:4px;
  border-style:none;
  border-radius:5px;
  box-shadow:0 0 10px 0 rgb(0 0 0 / .08);
  font-size:16px;
  list-style:none;
  padding:6px;
  position:absolute;
  width:100%;
  top: 100px;
}

/* Items */
.dmr-filter-list li a {
  padding:15px 16px;
  color:#00444d!important;
  font-weight:400;
  line-height:16px;
  display:inline-block;
  width:100%;
  border-radius:5px;
}

.dmr-filter-list li a:hover {
  background-color:#D4FF39 !important;
  color:#00444d!important;
}

/* Clickable label (acts like filter-by-*) */
/* Clickable label (acts like filter-by-*) */
.dmr-filter-label {
  border:1px solid #000;
  border-radius:15px;
  padding:26px 15px 20px 40px ; 
  color:#000;
  height:85px;
  cursor:pointer;
}

.dmr-filter-label:after {
   content:' ';
   width:30px;
   margin-left: 50px;
   height:30px;
    border:2px solid #01293A;
    border-radius: 20px;
  float:right;
  margin-top:2px;
  z-index:-4;
  background-size:13px 13px;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" fill="%201293A"/%3E%3C/svg%3E');
}

.dmr-filter-label:hover {
  background-color:#D4FF39 !important;
}
.dmr-filter-container {
  display:flex;
  flex-wrap:wrap;
  margin:0 auto
}
.dmr-filter-column {
  flex:1 1 33%;
  box-sizing:border-box;
  text-align: center;
  height:100%   ;
  padding: 10px
}

.dmr-filter-select {
    padding: 20px;
    border-radius: 11px;
    border: 2px solid #01293A;
    background-color: #fff;
    color: #01293A;
    font-weight: 600;   
}
.filter-label {
    font-size: 18px !important;
    font-weight: 600 !important;
    color:#01293A;
    margin-bottom: 15px;
    margin-top: 20px;
}


@media (max-width:1090px) {
  .dmr-filter-column {
    flex:1 1 100% ;
}
  }

.dmr-apply-filter {
 border: none !important;
 width: 70%;
 min-width: 200px;
 margin-left: auto;
 margin-right: auto;
 display: block;   
}


/* Accordian Extra SVG */
.elementor-widget-n-accordion .e-n-accordion-item-title::before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 20px;
    min-width: 40px;
    background-image: url('https://clairw19.sg-host.com/wp-content/uploads/2026/02/Arrownn-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 12px;
    order: -1;
}

.elementor-widget-n-accordion .e-n-accordion-item-title-text {
    flex-grow: 1;
    text-align: left;
}

.elementor-widget-n-accordion .e-n-accordion-item-title-icon {
    margin-left: auto;
}

.myfilter.elementor-widget-n-accordion .e-n-accordion-item-title::before {
    display: none !important;
}

/* FORCE horizontal scrolling for Elementor Nested Tabs */

.scroll-tabs .e-n-tabs > .e-n-tabs-heading {
  padding: 20px;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;

 /* -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;   */
}

/* Prevent buttons from shrinking or wrapping */
.scroll-tabs .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title {
  flex: 0 0 auto !important;
  white-space: nowrap;
}

/* Kill Elementor grid behaviour */
.scroll-tabs .e-n-tabs-heading {
  grid-auto-flow: unset !important;
  grid-template-columns: unset !important;
}


.scroll-tabs .e-n-tabs > .e-n-tabs-heading {
  scrollbar-width: auto !important; /* Firefox */
}

.scroll-tabs .e-n-tabs > .e-n-tabs-heading::-webkit-scrollbar {
  display: block !important;
}

.scroll-tabs .e-n-tabs > .e-n-tabs-heading::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 10px;
}

.scroll-tabs .e-n-tabs,
.scroll-tabs .e-n-tabs * {
  overflow: visible;
}


/* WebKit browsers: Chrome, Safari, Edge */
.scroll-tabs .e-n-tabs > .e-n-tabs-heading::-webkit-scrollbar {
    height: 10px; /* horizontal scrollbar height */
}

.scroll-tabs .e-n-tabs > .e-n-tabs-heading::-webkit-scrollbar-track {
    background: #0E3444;   /* track */
    border-radius: 5px;
}

.scroll-tabs .e-n-tabs > .e-n-tabs-heading::-webkit-scrollbar-thumb {
    background: #D4FF39;   /* moving bar */
    border-radius: 5px;
    border: 2px solid #0E3444; /* optional padding effect */
}

.scroll-tabs .e-n-tabs > .e-n-tabs-heading::-webkit-scrollbar-thumb:hover {
    background: #B5DD34;   /* slightly darker on hover */
}

/* Firefox */
.scroll-tabs .e-n-tabs > .e-n-tabs-heading {
    scrollbar-width: thin;
    scrollbar-color: #D4FF39 #0E3444;
}
.scroll-tabs .e-n-tab-title[aria-selected="true"]:before {
 border: 2px solid #01293A;
 content: ' ';
 width: calc(100% - 10px);
 height: calc(100% - 10px);
  position: absolute;
  border-radius:17px;
  
}
@media (max-width: 1024px) {
.scroll-tabs .e-n-tab-title[aria-selected="true"]:before {
 border: 2px solid #01293A;
 content: ' ';
 width: calc(100% - 10px);
 height: calc(100% - 10px);
  position: absolute;
  border-radius:8px;
}
}