 /* ── Material Design Tokens ── */
    :root {
      --md-primary:          #267c21;
      --md-primary-dark:     #0d47a1;
      --md-on-primary:       #ffffff;
      --md-surface:          #ffffff;
      --md-background:       #f4f6fb;
      --md-on-surface:       #555555;
      --md-on-surface-var:   #475569;
      --md-outline:          #cfd8ea;
      --md-elev-1: 0 1px 3px rgba(15,23,42,.12), 0 1px 2px rgba(15,23,42,.08);
      --md-elev-2: 0 4px 12px rgba(15,23,42,.10), 0 2px 4px rgba(15,23,42,.06);
      --md-elev-3: 0 10px 30px rgba(15,23,42,.08);
      --md-r-sm:   8px;
      --md-r-md:   16px;
      --md-r-lg:   20px;
      --md-r-full: 999px;
    }

    body.page1 {
      font-family: "Roboto", sans-serif;
      background: var(--md-background);
    }
.carousel-item {transition: transform .6s ease-in-out;}
#homecarousel .carousel-inner .clbtnc a { background: #267c21 !important;}
.page1 .aboutsection_home1 .container .rightdesign1 .quick_search {
    box-shadow: 0px 0px 0px #dbdbdb;
    border: 0;padding: 0;}
.page1 .aboutsection_home1 .rightdesign1 { padding: 20px 15px;background: #f8fbe8;}
.page1 .aboutsection_home1 .container { box-shadow: 0px 0px;}
.page1 .aboutsection_home1  .quick_search select, .page1 .aboutsection_home1  .quick_search input[type="text"] {
    min-height: 33px;}
.divclp {font-size: 13px;}
.divclp a.button { font-size: 13px;}
.page1 .aboutsection_home1  input[type="submit"] {
    font-size: 13px;
    padding: 8px 15px;
}
.page1 .aboutsection_home1 > .row {
    display: table;
    width: 100%;
}
.page1 .aboutsection.aboutsection.aboutsection_home1 > .container

 {
    border-radius: 0px !important;
    box-shadow: 0 0 0;
}
.page1 .aboutsection_home1 .row .col-md-6 {
    display: table-cell;
    vertical-align: middle;    padding-left: 0;
}
.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
}.page1 .aboutsection.aboutsection.aboutsection_home1 > .container > .row{
  box-shadow: 1px 1px 10px #d2d2d2;}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}
.divclp {color:#555555}
    .page1 section { position: relative; padding: 0px 0; }

    /* ── Section spacing ── */
    .page1 .aboutsection,
    .page1 .services-section,
    .page1 .qutsection { margin: 18px 0; }

    /* ── Card surfaces ── */
    .page1 .aboutsection > .container,
    .page1 .services-section > .container,
    .page1 .qutsection > .container,
    .page1 .featsection .container {
      background: var(--md-surface);
      border-radius: var(--md-r-lg);
      box-shadow: var(--md-elev-3);
    }
.page1 .aboutsection_home1 {
    margin: 0 !important;
    background: #fff !important;
}
    .page1 .aboutsection > .container{ padding: 0px; }
    .page1 .qutsection > .container, .page1 .con_profile_home .container { padding: 26px; }

    /* ── Typography ── */
    .page1 .aboutsection h2.title-stc,
    .page1 .services-section h2.title-stc {
      color: var(--md-on-surface);
      font-weight: 800;
      letter-spacing: .2px;
    }

    .page1 .aboutsection .co-cd1 p {
      color: #555555 !important;
      line-height: 1.7;
    }

    .page1 .about-quote {
      font-size: 17px;
      font-weight: 500;
      font-style: italic;
      color: #825e11;
      border-left: 3px solid #555555;
      padding-left: 12px;
      margin-bottom: 16px;
    }

    /* ── Search panel ── */
    .page1 .search_fields.rightdesign {
      background: #f8fbff;
      border: 1px solid #dbe7ff;
      border-radius: var(--md-r-md);
      padding: 18px;
    }

    .page1 .quick_search h3 {
      color: #267C21;
      font-weight: 700;
      margin-bottom: 14px;
    }

    .page1 .quick_search label {
      color: var(--md-on-surface);
      font-weight: 500;
      margin-bottom: 0;
    }

    /* Material outlined inputs */
    .page1 .quick_search select,
    .page1 .quick_search input[type="text"] {
      width: 100%;
      border: 1px solid var(--md-outline);
      border-radius: var(--md-r-sm);
      min-height: 38px;
      padding: 6px 10px;
      background: var(--md-surface);
      transition: border-color .2s, box-shadow .2s;
      outline: none;
    }

    .page1 .quick_search select:focus,
    .page1 .quick_search input[type="text"]:focus {
      border-color: var(--md-primary);
      box-shadow: 0 0 0 2px rgba(21,101,192,.15);
    }

    /* ── Material filled buttons ── */
    .page1 .quick_search input[type="submit"],
    .page1 a.btn-cl1,
    .page1 .clbtnc a {
      background: var(--md-primary) !important;
      border: 0;
      border-radius: var(--md-r-full);
      color: var(--md-on-primary) !important;
      font-weight: 600;
      letter-spacing: .4px;
      padding: 8px 22px;
      transition: transform .2s ease, box-shadow .2s ease;
    }

    .page1 .quick_search input[type="submit"]:hover,
    .page1 a.btn-cl1:hover,
    .page1 .clbtnc a:hover {
      transform: translateY(-1px);
      box-shadow: 0 8px 20px rgba(21,101,192,.28);
    }

    .page1 .quick_search input[type="submit"] {
      background: #267C21 !important;
      color: #fff !important;
    }

    .page1 .quick_search input[type="submit"]:hover {
      background: #1a5c16 !important;
      box-shadow: 0 8px 20px rgba(38,124,33,.28);
    }

    /* ── Services section ── */
    .page1 .services-section > .container {
      padding: 26px;
      max-width: 95% !important;
    }

    .page1 .iconic_contents2 {
      background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%) !important;
      border-radius: var(--md-r-md);
      min-height: 100%;
      padding: 24px 20px !important;
      box-shadow: 0 12px 22px rgba(15,23,42,.2);
    }

    .page1 .iconic_contents2 h2,
    .page1 .iconic_contents2 p { color: #f8fafc !important; }

    .page1 .iconic_contents2 .r-msty {
      color: #93c5fd !important;
      font-weight: 600;
    }

    /* ── Featured carousel ── */
    .page1 .featsection {
      margin: 0;
    }

    .page1 .featsection .container {
      padding: 26px;
    }

    .page1 .featsection .owl-stage-outer {
      padding: 8px 0 14px !important;
      background: transparent !important;
    }

    .page1 .featsection .owl-carousel .item {
      margin: 6px 10px 12px !important;
      overflow: visible;
    }

    .page1 .featsection .item img {
      border-radius: 14px;
      box-shadow: 0 10px 25px rgba(15,23,42,.18);
    }

    .page1 .featured-card {
      display: block;
      text-decoration: none !important;
      border-radius: var(--md-r-md);
      background: #fff;
      overflow: hidden;
      box-shadow: var(--md-elev-2);
      transition: transform .2s ease, box-shadow .2s ease;
      height: 100%;
    }

    .page1 .featured-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 14px 30px rgba(15,23,42,.18);
    }

    .page1 .featured-card__media {
      background: #e2e8f0;
      aspect-ratio: 4 / 5;
      overflow: hidden;
    }

    .page1 .featured-card__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 0 !important;
      box-shadow: none !important;
      padding: 0 !important;
    }

    .page1 .featured-card__body {
      padding: 12px 12px 14px;
      text-align: left;
    }

    .page1 .featured-card__name {
      margin: 0;
      font-size: 16px;
      line-height: 1.35;
      color: #ffffff;
      font-weight: 700;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
 .page1 .owl-item .featured-card__name {background:#267c21 !important;}
.page1  .owl-item .featured-card__meta {text-align:center;}
    .page1 .featured-card__meta {
      margin: 4px 0 0;
      color: var(--md-on-surface-var);
      font-size: 13px;
      font-weight: 500;
    }

    /* ── List icon items ── */
    .page1 .licon ul { padding-left: 0; margin: 0; }

    .page1 .licon ul li { list-style: none; margin-bottom: 12px; }

    .page1 .licn-c {
      background: #f8fbff;
      border: 1px solid #dbeafe;
      border-radius: var(--md-r-sm);
      padding: 12px 14px;
    }

    .page1 .licn-c h3 { margin-bottom: 6px; color: var(--md-on-surface); }
    .page1 .licn-c p  { margin: 0; color: var(--md-on-surface-var); }

    .page1 .imglmt1 img {
      max-width: 100%;
      height: auto;
      border-radius: var(--md-r-md);
    }

    /* ── CTA banner ── */
    .page1 .qutsection1 {
      background: linear-gradient(90deg, #1565c0 0%, #1d4ed8 100%);
      border-radius: var(--md-r-md);
      color: #fff;
      padding: 26px 24px;
      width: 100%;
    }

    .page1 .qutsection1 h2,
    .page1 .qutsection1 h5 { color: #fff; }

    /* ── Layout helpers ── */
    .page1 .mui-align-center { display: flex; align-items: center; }

    .page1 .quick_search .row { align-items: center; }

    .page1 .quick_search .gen-grom {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
    }

    .page1 .quick_search .gen-grom input[type="radio"],
    .page1 .quick_search .gen-grom input[type="checkbox"] { margin-right: 4px; }

    .page1 .counter-inline { display: flex; align-items: center; gap: 2px; }

    .page1 .age-row { display: flex; align-items: center; gap: 8px; }

    .page1 .working-time-bar {
      background: #267C21;
      padding: 8px 0;
    }

    .page1 .working-time-label {
      background: #ffd54f;
      color: #555555;
      font-weight: 700;
      font-size: 13px;
      white-space: nowrap;
      padding: 6px 14px;
      border-radius: 4px;
      margin-right: 12px;
      border-right: 2px solid rgba(0,0,0,0.15);
    }

    .page1 .working-time-marquee {
      color: #fff;
      font-size: 14px;
      flex: 1;
    }
 @media (min-width: 1170px) {
 .page_contents.register_full_css .container {width: 70%;}   
   
}
   @media (max-width: 1170px) {
    
     #headertop .navbar-nav .nav-item > .nav-link, #headertop .navbar-nav .nav-item > a.nav-link
     {
       font-size:14px;
       text-transform: capitalize;
       padding: 17px 10px;
     }
#headertop .navbar-nav .nav-item a.nav-link[href="register.php"] {
    font-weight: 500 !important;
    font-size: 12px;
    padding: 10px !important;
}

#headertop .nav-item.cl-nst button.nav-link, li.cl-nst button.nav-link {
    font-size: 13px !important;
    text-transform: capitalize;
    padding: 10px !important;
}  
}
body.page4 .page_contents > .container > .row > .primary.page_content {
    border: 0;
    box-shadow: 0 0 0 gray !important;
    background: transparent;
    padding: 0;
}
    @media (max-width: 776px) {
 body .table-responsive_nw table.table.plan-table{width: 100% !important;}
}
body .fx_wd_med {width: 100%;}
    /* ── Responsive ── */
    @media (max-width: 991px) {
      .fx_wd_med {width: 100%;}
      .table-responsive_nw table.table.plan-table {
    width: 80% !important;
}
      .dmb-hide {display: none !important;}
      section.sliderwithsearch .working-time-label {width: 120px;white-space: break-spaces;}
      .page1 .aboutsection > .container,
      .page1 .services-section > .container,
      .page1 .qutsection > .container { padding: 18px; border-radius: 14px; }

      .page1 .aboutsection .row > [class*="col-"],
      .page1 .services-section .row > [class*="col-"] { margin-bottom: 14px; }

      .page1 .quick_search .col-md-4,
      .page1 .quick_search .col-md-8 {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left !important;
      }
       section.aboutsection #imsif .form-group .row > [class*="col-"] {
        margin-bottom: 4px;
    }
    }

    @media (max-width: 575px) {
     
      section.featsection .fe-profiles .row > .gallery-slider { padding-left: 20px; padding-right: 20px;}
      .image_profile-sty { margin-bottom: 30px;}
      .page1 .services-section > .container { max-width: 100% !important; }

      .page1 .aboutsection > .container,
      .page1 .services-section > .container,
      .page1 .qutsection > .container { padding: 14px; }

      .page1 .quick_search { font-size: 14px; }
      .page1 .quick_search h3 { font-size: 22px; }
      .page1 .qutsection1 { padding: 20px 16px; }
      .page1 .featsection .container { padding: 14px; }
    }
  @media (max-width: 475px) {
    body .divclp {
        font-size: 13px;
        display: block;
    }
.navbar .di_right .di_bt_right {
    font-size: 11px;
    background: #267c21;
    margin-right: 6px;
    border-radius: 0px !important;
    padding: 6px !important;
}
    #headertop .navbar-toggler{padding: 4px !important;}
    #headertop .navbar-brand {margin-right: 0px !important;}
    #headertop .navbar-brand img {height: 50px !important;}
   
}
.page1 .featsection{padding:60px 0;}
.page1 section.bottom-footer { padding: 15px 0;}
.di_right .di_bt_right {
    font-size: 12px;
    background: #267c21;
    margin-right: 10px;
    border-radius: 0px !important;
}
.whic {position: fixed;bottom: 5%;left: 2%; z-index: 99;}
.image_profile-sty h3 {
    font-size: 20px;
    padding-top: 20px;
    color: #555;
    font-weight: 700;    margin-bottom: 3px;
}
:focus { outline: -webkit-focus-ring-color auto 0px;outline: 0px;}
.faq_style div#accordion .panel h4.panel-title a, .faq_style div#accordion .panel .panel-body {
    color: #555 !important;}
.faq_style { background: #fff;}
.faq_style  div#accordion .panel {    background: #f1f1f1; margin-bottom: 4px;}
.profiles_contents_1, .page_contents{padding:65px 0;}
.profiles_contents_1 .primary.page_content {padding: 35px 35px;}
.page11 .pro_list_boxes .row label.hlts {color: #f0452d !important;}
.page11 .pro_list_boxes .row label.hlts span.text-accent-gold {color: #2a6939 !important;}
.page11 .pro_list_boxes .row label {color: #555 !important;}
.page11 .pro_list_boxes .row label strong {color: #096939;font-weight: bold;}
.image_profile-sty p {color: #555;margin-bottom:0px;}
.image_profile-sty img { border-radius: 100%;}
.image_profile-sty {text-align:center;padding:20px 55px;box-shadow: 0px 0px 0px #e4e4e4;}
section.profiles_section {padding: 55px 0;background: #fff;}
span.col-cnti span { color: #267c21;}
section.aboutsection {  padding: 50px 0;}
.whic img {width: 60px;}
.page1 section.footer { padding: 60px 0;}
.di_right .di_bt_right a {color: #fff;font-weight: 400;}
.page_contents.register_full_css .col-md-12.primary.page_content.text-error-msg {
    border: 0;
}
.register_full_css {
  padding-top: 0;
    padding-bottom: 0;
       background: url(../images/register_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
      background-position: center;
    background-attachment: fixed;
}
body {font-size: 13px;}
.abt_cs1 {
    padding: 18px;
    background: #f1f1f1;
    margin-bottom: 18px;
}
.cl-s p {margin-bottom: 8px;}
.page_content1 .grid-mnew {background: #fff;}
.cl-s p:last-child {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    font-style: italic;
    color: #555;
}
.grd_bx-c {
    background: #fff;
    padding: 25px;
}
.abt_cs1 h4 {
    font-weight: bold;
    color: #555;
    border-left: 4px solid #f0452d;
    padding-left: 9px;
}
body table.pln-clst tr.greenbg_2 th {width: 40%;}
.fx_wd_med {width: 75%;}
.login_right {background: #fff;}
.table-responsive_nw table.table.plan-table {width: 50%;}