/*
Theme Name: Bixol Child
Theme URI: http://demo.casethemes.net/bixol/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio/
Description: Cleaning Services WordPress theme is a modern, clean and professional WordPress theme which is specially created to spread and represent your cleaning services business to your potential customers. <b>Bixol</b> theme is fully responsive, and it looks attractive on all types.nb-item a of screens and devices. It comes with a lot of user-friendly and customizable features those will help you to create a robust website to achieve the main goal of online business.   
Version: 1.6.5
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: bixol
Text Domain: bixol-child
Tags: cleaner, cleaning, cleaning agency, cleaning business, cleaning company, cleaning service, building, floor cleaning, house cleaning, window cleaning, housekeeping, washing, maintenance, janitor
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

div#ct-header-wrap .ct-topbar-layout1 .ct-topbar-meta {
  display: flex;
  padding-left: 0px;
}
div#ct-header-wrap .ct-topbar-layout1 .ct-topbar-social{margin-right: 0;}
.ct-topbar-link ul {display: flex; gap: 15px; margin: 0;}
.ct-topbar-link ul li {list-style-type: none;}
.ct-topbar-link ul li a {font-weight: 600;}
div#ct-header-wrap.ct-header-layout5 #ct-header-middle {border-bottom: 1px solid #ececec; padding: 15px 0;}
div#ct-header.menu-bar {background: #064672;}
#ct-main-menu.ct-main-menu > li > a{color: #ffffff;}
div#ct-header-wrap.ct-header-layout5 #ct-header .ct-main-menu > li > a:before {background-color: #f0a808;}
div#ct-header-wrap.ct-header-layout5 #ct-header .ct-main-menu > li {margin: 0 15px;}
div#ct-header-wrap.ct-header-layout5 #ct-header .ct-main-menu > li > a {font-weight: 400; font-family: 'Roboto', sans-serif; line-height: 67px; text-transform: uppercase; font-size: 15px;}
div#ct-header-wrap #ct-header.h-fixed{background: #064672;}
div#ct-header-wrap.ct-header-layout5 #ct-header.h-fixed .ct-main-menu > li {margin: 0 15px;}

/* #mic_section{background: none; width: 100%; padding: 15px 0;}
.mic_block {display: flex; gap: 20px; align-items: center; justify-content: center; width: 100%; margin: 0 auto;}
.mic_block h2 {margin: 0; position: relative; font-size: 34px; text-transform: uppercase; font-family: poppins; color: #064672; padding-left: 100px; min-height: 100px; line-height: 100px; width: 60%;}
.mic_block h2::before{ content: ''; position: absolute; background: url(http://localhost/ssrjdm/wp-content/uploads/2025/09/mic-img.png) no-repeat top center; width: 77px; height: 77px; left:0; top: 12px;}
.imp_notice{ font-size: 21px; font-family: poppins; font-weight: 700; position: relative;}
.imp_notice::before {content: '{'; position: absolute; width: 34px; height: 77px; left: -40px; font-size: 50px; font-weight: 500; top: -5px;}
.imp_notice p {margin: 0;} */

#about_heading h3.item--title span.ct-text-inner {font-size: 36px; color: #064672; line-height: 30px !important;}



div.ct-portfolio-carousel2 .item-readmore {
    position: relative !important;
    opacity: 1 !important;
    bottom: 0 !important;
    visibility: visible !important;
}
div.ct-portfolio-carousel2 .grid-item-inner:hover .item--category {
    opacity: 1 !important;
    transform: unset !important;
    visibility: unset !important;
}


.noticebar {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    width: 1200px;
    margin: 0 auto;
}

  /* Layout: controls | viewport | controls  */
  .nb-inner {
    display: flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    margin: 0 auto;
    width: 58%;
}
  .nb-viewport {
    height: 50px;
    overflow: hidden;
    position: relative;
  }

  .nb-track {
    list-style: none;
    padding: 0;
    margin: 0;
    /* Stack items vertically */
    display: flex;
    flex-direction: column;
    /* We animate translateY on this element */
    transform: translateY(0);
    transition: transform 400ms ease;
    will-change: transform;
    gap: 0;
  }

  .nb-item {
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
    font-family: poppins;
    font-weight: 600;
}

  .nb-item a {
    color: #ef4a51;
    text-decoration: none;
  }
  .nb-item a:hover {
    text-decoration: none;
    color: #ffab02;
}

  .nb-ctrls {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
  }

  .nb-btn {
    appearance: none;
    border: 1px solid #334155;
    background: #111827;
    color: #FFF;
    padding: 6px 8px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 12px;
    line-height: 1;
    width: 30px;
    height: 30px;
  }
  .nb-btn:hover { background: #0b1220; border-color: #3b495e; }
  .nb-btn[aria-pressed="true"] { outline: 2px solid #38bdf8;; }

  /* Pause animation for users who prefer reduced motion */
  @media (prefers-reduced-motion: reduce) {
    .nb-track { transition: none !important; }
  }
  #mic_section{background: none; width: 100%;}

.noticebar h2 {
    margin: 0;
    position: relative;
    font-size: 28px;
    text-transform: uppercase;
    font-family: poppins;
    color: #064672;
    padding-left: 100px;
    min-height: 100px;
    line-height: 100px;
    width: 34%;
}
.noticebar h2::before{ content: ''; position: absolute; background: url(https://jenamart.com/ssrjdm/wp-content/uploads/2025/09/mic-img.png) no-repeat top center; width: 77px; height: 77px; left:0; top: 12px;}
.nb-inner{ font-size: 21px; font-family: poppins; font-weight: 700; position: relative;}
.nb-inner::before {
    content: '{';
    position: absolute;
    width: 34px;
    height: 77px;
    left: -26px;
    font-size: 50px;
    font-weight: 500;
    top: -10px;
}

.notice-container {width: 400px; height: 296px; overflow: hidden; border: 0px solid #333; position: relative;}
.notice-list {position: absolute; top: 0; left: 0; width: 100%; transition: top 0.5s ease-in-out;}
.notice {height: auto; line-height: 30px; padding: 0 10px 0 0; background: #f9f9f9;}
.notice-box {display: flex; align-items: center; justify-content: flex-start; gap: 20px; margin-bottom:10px;}
.notice-box .datebox {background: #ccc; padding: 0px 15px; width: 60px; text-align: center;}
.notice-box .notice-info {width: 292px;}
.notice-box .datebox h3 {margin: 0;}
.notice-box .notice-info h2 {margin: 10px 0 0; font-family: poppins; font-weight: 600; font-size: 16px; line-height: 19px;}
.notice-box .notice-info p {margin: 0; font-family: poppins; font-size: 14px;}
a.notice-link {font-size: 16px; text-decoration: none; font-family: poppins; font-weight: 500; color: #000; margin-top: 15px; display: inline-block;}
.notice-box .datebox h3 {margin: 10px 0 0; font-family: poppins; font-size: 28px;}
.notice-box .datebox span{font-family: poppins; font-size: 18px;}
.notice-block h2.ntitle{font-family: poppins; font-size: 35px; position: relative; padding-left: 60px;}
.notice-block h2.ntitle:before{ content: ""; background: url(http://localhost/ssrjdm/wp-content/uploads/2025/09/notice-icon.jpg) no-repeat top center; width:44px; height: 44px; position: absolute; left:0;}
.principalBlock, .pbBottom-block {width: 1200px; margin: 0 auto; display: flex; gap: 20px; padding-bottom: 25px;}
.pbBottom-block img{ width: 100%;}
.msgPrincipal {display: flex; align-items: center; justify-content: space-between; gap:20px;}
.msgPrincipal .msgBlock {width: 75%;}
.imgPrincipal {width:25%;}
.imgPrincipal h3{margin: 16px 0px 5px; font-size: 17px;}
.imgPrincipal img {width: 100%;}
.imgPrincipal {width: 32%; margin-top: 60px;}
.imgPrincipal p {margin: 0; font-size: 14px;}
.msgBlock h3 {text-transform: uppercase; position: relative; font-size: 16px; padding-bottom: 15px;}
.msgBlock h3:after {content: ""; position: absolute; background: #eea80a; width: 100px; height: 3px; left: 0; bottom: 0;}
.msgBlock h2 {font-size: 35px; margin: 0;}
.msgBlock a.exploreBtn {background: #f0ae19; color: #FFF; text-decoration: none; padding: 10px 25px; display: inline-block; border-radius: 7px; margin-top: 15px;}
.msgBlock a.exploreBtn:hover {background: #000000;}


div.ct-fancy-box-layout6 .ct-fancy-main .item--icon {background: none; align-items: center; display: flex; justify-content: center; width: auto;}
div.ct-fancy-box-layout6 .ct-fancy-main {text-align: center;}
div.ct-fancy-box-layout6 .ct-fancy-main .item--description,
div.ct-fancy-box-layout6 .ct-fancy-main .item--description {margin-bottom: 18px; color: #666666;}
div.ct-fancy-box-layout6 .ct-fancy-main .item--link a,
div.ct-fancy-box-layout6 .ct-fancy-hover .item--link a {color: #f0a808; font-size: 17px; font-weight: 400;}
div.ct-fancy-box-layout6 .ct-fancy-main .item--link a i,
div.ct-fancy-box-layout6 .ct-fancy-hover .item--link a i {margin-left: 10px; font-size: 13px; color: #f0a808;}
div.ct-fancy-box-layout6 .ct-fancy-main .item--title{font-weight: 500;}
div.ct-fancy-box-layout6 .ct-fancy-hover:before {background-color: #ffffff;}
div.ct-fancy-box-layout6 .ct-fancy-hover {text-align: center;}
div.ct-fancy-box-layout6 .ct-fancy-hover .item--title{color:#000; font-weight: 500;}
div.ct-fancy-box-layout6 .ct-fancy-hover{border-top: 7px solid #f0a808;}
div.ct-fancy-hover .item--icon img {margin-bottom: 18px;}
div.ct-fancy-box-layout6 .ct-fancy-hover .item--description {margin-bottom: 18px; color: #666666;}


.teacher-card img {
    border-radius: 50%;
    height: 150px;
    width: 150px;
    object-fit: cover;
    object-position: top;
}

div#ct-header-wrap .ct-header-branding {
    margin: 0 !important;
    position: relative;
    opacity: 1;
}
div#ct-header-wrap.ct-header-layout5 #ct-header-middle .ct-header-branding img {
    max-height: 80px;
}
@media screen and (min-width: 1200px) {
#ct-header-wrap.ct-header-layout5 #ct-header .ct-header-branding{ display:none !important;}
}
@media screen and (max-width: 1199px) {
#ct-header-wrap #ct-header {
    background: #FFF;
}
#ct-main-menu.ct-main-menu > li > a {
    color: #000;
    line-height: 50px !important;
}
.fac-angle-down:before {
    content: "\f107";
}
.ct-menu-toggle.fac-angle-down:before {
    content: "\f107";
}
.header-mobile-search{ display:none;}
div#ct-header-wrap #ct-header.h-fixed {
    background: #ffffff;
}
.principalBlock, .pbBottom-block {width: 100%;}
}

@media only screen and (min-width: 320px) and (max-width: 480px)  {
.noticebar{ width:100%; flex-direction: column;}
.noticebar h2{width: 100%; font-size: 21px;}
div.nb-inner {
    display: flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    margin: 0 auto 15px;
    width: 100%;
}
div .elementor-1491 .elementor-element.elementor-element-ea318ec,
div .elementor-1491 .elementor-element.elementor-element-66f38e5
{padding: 10px 0px 10px 0px;}
.principalBlock, .pbBottom-block{flex-direction: column;}
div .elementor-1491 .elementor-element.elementor-element-4db524a .ct-heading .item--title {font-size: 24px;}
div#ct-header-wrap .ct-header-branding img {
        max-height: 45px;
    }
.ct-heading--inner {
    text-align: center;
}
div .elementor-1491 .elementor-element.elementor-element-5c0a664 .ct-text-editor {
    text-align: center;
    color: #000000;
}
.teachers-container {
    max-width: 100% !important;
    padding: 0 !important;
}
.teachers-grid {
        grid-template-columns: 1fr 1fr !important;
    }
 .teacher-card h3 {
    font-size: 14px !important;
    font-weight: 500;
}
.gallery-tabs {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.gallery-tabs .gallery-btn{padding: 0px 20px; font-size: 14px; margin: 0;}
#grid-gallery .grid-gallery {
    grid-template-columns: 1fr !important;
}
.video-grid {
    grid-template-columns: 1fr !important;
}
div.elementor-4548 .elementor-element.elementor-element-635e3b0{ text-align:center;}
}