body {
      margin: 0;
      padding: 0;
    }




    .amir_IT_Soft_banner {
      width: 100%;
      text-align: center;
      overflow: hidden;
      margin-bottom: -12px;
    }

    /* Full container size for banner image */
    .carousel-inner .carousel-item img {
      width: 100%;
      height: 100vh; /* Take full height of the viewport */
      object-fit: cover; /* Ensure the image covers the container area without distorting */
      transition: transform 0.5s ease;
    }

    /* Zoom Effect for Carousel Images */
    .carousel-inner .carousel-item:hover img {
      transform: scale(1.1);
    }

    /* Smooth transition for the carousel items */
    .carousel-item {
      transition: transform 0.5s ease, opacity 1s ease;
    }









    /* Navbar styles */
    .navbar {
      margin-top: 10px;
      background-color: #051939;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      position: relative;
      z-index: 1000;
    }

    /* Navbar and dropdown styles */
    .navbar-nav li {
      position: relative;
    }

    .nav-link, .dropdown-toggle-flex {
      font-size: 18px;
      color: #ecf0f1 !important;
      padding: 12px 18px;
      transition: 0.3s;
      font-family: 'Arial', sans-serif;
      display: flex;
      gap: 10px;
      align-items: center;
      cursor: pointer;
    }

    .nav-link:hover, .dropdown-toggle-flex:hover {
      background-color: #e74c3c;
      border-radius: 5px;
      color: black; !important;
    }

    .dropdown-menu {
      background-color: #ffffff;
      display: none;
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
      border-radius: 10px;
      overflow: hidden;
      position: absolute;
      top: 100%;
      left: 0;
      margin-top: 5px;
      z-index: 9999;
    }

    .dropdown-item {
      color: #333 !important;
      padding: 10px 20px;
      font-weight: 500;
    }

    .dropdown-item:hover {
      background-color: black; !important;
      color: white !important;
    }

    .toggle-icon {
      font-weight: bold;
      font-size: 20px;
      margin-left: auto;
    }

    .arrow-icon {
      font-size: 16px;
      margin-left: auto;
      transition: transform 0.3s ease;
    }

    .navbar-toggler {
      margin-left: auto;
    }

    .navbar-toggler-icon {
      background-color: #ecf0f1;
      height: 3px;
      width: 25px;
      display: block;
      margin: 6px 0;
    }

    .navbar-collapse {
      background-color: #051939;
      position: absolute;
      width: 100vw;
      left: 0;
      top: 100%;
      z-index: 999;
      border-radius: 0 0 10px 10px;
    }

    .navbar-nav {
      flex-direction: column;
      width: 100%;
    }

    /* Dropdown and Navbar Menu Styles */
    @media (min-width: 992px) {
      .navbar-collapse {
        position: static !important;
        width: auto !important;
        background-color: transparent !important;
        padding: 0 !important;
      }

      .navbar-nav {
        flex-direction: row;
        justify-content: center;
      }

      .dropdown-menu {
        position: absolute;
        top: 100%;
        bottom: auto;
        margin-top: 10px;
        display: none;
        min-width: 200px;
      }

      .toggle-icon {
        display: none !important;
      }

      .dropdown-item.has-submenu::after {
        content: "\f138";
        font-family: "Bootstrap Icons" !important;
        font-size: 16px;
        margin-left: 10px;
        transition: transform 0.3s ease;
      }

      .dropdown-menu.show .dropdown-item.has-submenu::after {
        content: "\f139";
        transform: rotate(90deg);
      }
    }

    @media (max-width: 991.98px) {
      .dropdown-menu {
        position: relative !important;
        margin: 5px 15px;
        border-radius: 10px;
        background-color: #fff;
      }

      .navbar-nav .nav-link, .navbar-nav .dropdown-toggle-flex {
        padding-left: 25px;
        padding-right: 25px;
      }

      .dropdown-item {
        padding-left: 20px;
        padding-right: 20px;
      }
    }





    .nav-link.active {
  color: #0d6efd !important;
  font-weight: bold;
  border-bottom: 2px solid #0d6efd;
}








/*Slider Auto Banner*/

        .owl-carousel .item {
      position: relative;
      overflow: hidden;
    }

    .owl-carousel .item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.7;
      transition: transform 1.5s ease, opacity 1.5s ease;
    }

    .owl-carousel .item img.auto-zoom {
      transform: scale(1.05);
      opacity: 1;
    }

    /* Caption Style */
    .carousel-caption {
      position: absolute;
      top: 80%;
      left: 10%;
      transform: translate(-39%, -50%);
      color: #fff;
      text-align: center;
      background: rgba(0, 0, 0, 0.5);
      padding: 7px 40px;
      border-radius: 12px;
      box-shadow: 0 5px 20px rgba(0,0,0,0.3);
    }

    .carousel-caption h2 {
      margin: 0;
      font-size: 2rem;
      font-weight: 600;
    }

    .owl-nav button {
      position: absolute;
      top: 50%;
      background: rgba(0, 0, 0, 0.6);
      color: white;
      border: none;
      font-size: 24px;
      padding: 12px;
      border-radius: 50%;
      cursor: pointer;
      transform: translateY(-50%);
      transition: background 0.3s;
    }

    .owl-nav .owl-prev {
      left: 10px;
    }

    .owl-nav .owl-next {
      right: 10px;
    }

    .owl-nav button:hover {
      background: rgba(255, 255, 255, 0.8);
      color: #000;
    }






    /*Notice */

    .announcement-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #f0fbff;
      overflow: hidden;
      width: 100%;
      position: relative;
    }

    .announcement-label {
      background-color: #001738;
      color: white;
      padding: 10px 20px;
      font-size: 16px;
      font-weight: bold;
      clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
      white-space: nowrap;
    }

    .announcement-text {
      flex: 1;
      padding: 10px 15px;
      font-size: 16px;
      color: #001738;
    }

    .announcement-text marquee {
      font-weight: 500;
    }

    .announcement-close {
      background-color: #001738;
      color: white;
      padding: 10px 20px;
      font-size: 20px;
      cursor: pointer;
      clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0% 100%);
      transition: background 0.3s;
    }

    .announcement-close:hover {
      background-color: #0a2b50;
    }

    /* Responsive Design */
    @media (max-width: 768px) {
      .announcement-label,
      .announcement-close {
        font-size: 14px;
        padding: 8px 12px;
      }

      .announcement-text {
        font-size: 14px;
        padding: 8px 10px;
      }

      .announcement-text marquee {
        font-size: 14px;
      }
    }

    /*Notice */





    /*School About*/


        .history-box {
      background: linear-gradient(135deg, #ffffff, #e6f0ff);
      border-radius: 10px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
      padding: 25px;
      margin-bottom: 30px;
    }

    .history-title {
      background-color:#051939;
      color: #fff;
      padding: 12px 20px;
      border-radius: 7px 7px 0 0;
      font-size: 20px;
      font-weight: bold;
      display: flex;
      align-items: center;
    }

    .history-title i {
      margin-right: 10px;
      font-size: 22px;
    }

    .history-img {
      width: 100%;
      border-radius: 5px;
      border: 3px solid #0ea5e9;
    }

    .btn-details {
      background-color: #0ea5e9;
      color: white;
      border-radius: 20px;
      font-weight: bold;
      padding: 6px 16px;
    }

    .btn-details:hover {
      background-color: #0369a1;
    }


    

   .sidebar-box {
  display: block; /* Ensure full clickable area */
  background: linear-gradient(to right, #e0f2fe, #bae6fd);
  border: 2px solid #0284c7;
  margin-bottom: 12px;
  padding: 12px 18px;
  border-radius: 6px;
  font-weight: bold;
  color: #0c4a6e;
  transition: 0.3s ease;
  text-decoration: none; /* Remove underline from links */
}

.sidebar-box:hover {
  background: #0ea5e9;
  color: white;
  transform: translateX(5px);
}



    /*School About*/



    /*Princpile and Notice*/


    .custom-card-box {
      background: #E8F1FF;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
      padding: 0;
      overflow: hidden;
      height: 70%;
    }

    .custom-card-title {
      background: #001e42;
      color: white;
      padding: 12px 16px;
      font-weight: bold;
      font-size: 18px;
    }

    .custom-teacher-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-right: 1px solid #eee;
    }

    .custom-teacher-text {
      padding: 16px;
      font-size: 16px;
      color: #1e293b;
      text-align: justify;
    }

    .custom-notice-board {
      background: #e8f0f9;
      border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
      display: flex;
      flex-direction: column;
      overflow: hidden;
      height:55%;
    }


        .notice_bord {
    
     
    }

    .custom-notice-title {
      background: #001e42;
      color: white;
      padding: 12px 16px;
      font-weight: bold;
      font-size: 18px;
      position: sticky;
      top: 0;
      z-index: 10;
    }

    .custom-notice-list {
      max-height: 400px;
      overflow-y: auto;
      padding: 10px 16px;
      animation: custom-scrollNotice 20s linear infinite;
    }

    .custom-notice-item {
      font-size: 15px;
      color: #1e293b;
      margin-bottom: 10px;
      transition: all 0.3s ease;
      cursor: pointer;
    }

    .custom-notice-item:hover {
      color: #ff6600;
      transform: translateX(10px);
    }

    @keyframes custom-scrollNotice {
      0% { transform: translateY(0); }
      100% { transform: translateY(-100%); }
    }

    .custom-carousel-item {
      display: flex;
      justify-content: space-between;
    }

    .custom-carousel-item .custom-card-box {
      width: 48%;
    }

    @media (max-width: 768px) {
      .custom-carousel-item {
        flex-direction: column;
      }

      .custom-carousel-item .custom-card-box {
        width: 100%;
        margin-bottom: 20px;
      }

      .custom-notice-list {
        max-height: 300px;
      }
    }

    .owl-carousel .item {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }

    .owl-carousel {
      overflow: hidden;
    }


    /*Princpile and Notice*/










/*Important link*/

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

  

    .mydash-main-container {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

    .mydash-content-area {
      flex: 0 0 75%;
      max-width: 75%;
    }

    .mydash-important-links {
      flex: 0 0 23%;
      max-width: 23%;
      background-color: #e7ecef;
      border: 1px solid #d0d7dd;
      border-radius: 6px;
      box-shadow: 0 2px 6px rgb(0 0 0 / 0.1);
    }

    .mydash-important-links h5 {
      background-color: #001b3a;
      color: white;
      padding: 10px 15px;
      font-size: 18px;
      margin: 0;
      display: flex;
      align-items: center;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      user-select: none;
    }

    .mydash-important-links h5::before {
      content: "\2630";
      margin-right: 10px;
      font-size: 20px;
    }

    .mydash-important-links ul {
      list-style: none;
      padding-left: 0;
      margin: 0;
    }

    .mydash-important-links ul li {
      padding: 10px 15px;
      border-bottom: 1px solid #cbd2d9;
      background-color: #e9eef2;
      transition: all 0.3s ease;
      cursor: pointer;
      transform: translateX(0);
      user-select: none;
    }

    .mydash-important-links ul li:hover {
      background-color: #d3e3f0;
      color: #002a6f;
      transform: translateX(5px);
    }

    .mydash-important-links ul li::before {
      content: "\2796";
      margin-right: 8px;
      font-weight: bold;
    }

    .mydash-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 20px;
    }

    .mydash-card {
      background: #f0f9fc;
      border-radius: 8px;
      box-shadow: 0 4px 12px rgb(0 0 0 / 0.1);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      height: 100%;
      transition: box-shadow 0.3s ease;
      cursor: default;
      user-select: none;
    }

    .mydash-card:hover {
      box-shadow: 0 8px 20px rgb(0 0 0 / 0.15);
    }

    .mydash-card-header {
      color: white;
      font-weight: 600;
      font-size: 18px;
      padding: 12px 20px;
      display: flex;
      align-items: center;
      gap: 10px;
      user-select: none;
    }

    .mydash-card-header svg {
      width: 20px;
      height: 20px;
      stroke-width: 2;
      stroke: white;
      fill: none;
    }

    /* Different card header bg colors */
    .mydash-card1 .mydash-card-header {
      background-color: #a83243;
    }

    .mydash-card2 .mydash-card-header {
      background-color: #087d3a;
    }

    .mydash-card3 .mydash-card-header {
      background-color: #955e02;
    }

    .mydash-card4 .mydash-card-header {
      background-color: #66156c;
    }

    .mydash-card-body {
      padding: 15px 20px;
      flex-grow: 1;
      display: flex;
      gap: 15px;
      align-items: center; /* vertical center alignment */
    }

    .mydash-card-body img {
      width: 80px;
      height: auto;
      object-fit: contain;
      border-radius: 4px;
      user-select: none;

      display: block;  /* center horizontally */
      margin: 0 auto;
    }

    .mydash-card-body ul {
      list-style: none;
      padding-left: 0;
      font-size: 16px;
      line-height: 1.4;
      color: #222;
      flex-grow: 1;
    }

    .mydash-card-body ul li {
      position: relative;
      padding-left: 24px;
      margin-bottom: 9px;
      transition: all 0.3s ease;
      cursor: pointer;
      user-select: none;
      border-radius: 4px;
    }

    .mydash-card-body ul li::before {
      content: '✓';
      position: absolute;
      left: 0;
      color: #444;
      font-weight: bold;
      font-size: 18px;
      user-select: none;
    }

    .mydash-card-body ul li:hover {
      background-color: #dbeeff;
      color: #002a6f;
      transform: translateX(5px);
    }

    @media (max-width: 768px) {
      .mydash-main-container {
        flex-direction: column;
      }

      .mydash-content-area,
      .mydash-important-links {
        max-width: 100%;
        flex: 0 0 100%;
      }
    }



/*Important link end*/


/*Teacher List*/


    .custom-teacher-section {
      background: #F0F9FC;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      color: #031b38;
      padding-top: 60px;
      padding-bottom: 60px;
    }

    .custom-teacher-section .section-title {
      text-align: center;
      font-weight: 900;
      font-size: 2.5rem;
      margin-bottom: 15px;
      color: #031b38;
      letter-spacing: 1.5px;
      text-transform: uppercase;
    }

    .custom-teacher-section .underline {
      width: 60px;
      height: 3px;
      background-color: #ff6f3c;
      margin: 0 auto 40px auto;
      border-radius: 2px;
      position: relative;
    }

    .custom-teacher-section .underline::after {
      content: '◆◆';
      position: absolute;
      top: -12px;
      left: 50%;
      transform: translateX(-50%);
      color: #ff6f3c;
      font-size: 18px;
      font-weight: 900;
    }

    .custom-teacher-section .swiper-slide {
      background: white;
      border-radius: 15px;
      box-shadow: 0 6px 20px rgb(0 0 0 / 0.1);
      padding: 20px;
      text-align: center;
      transition: transform 0.3s ease;
    }

    .custom-teacher-section .swiper-slide:hover {
      transform: scale(1.05);
      box-shadow: 0 10px 30px rgb(0 0 0 / 0.15);
      z-index: 10;
    }

    .custom-teacher-section .teacher-img {
      width: 140px;
      height: 140px;
      object-fit: cover;
      border-radius: 50%;
      margin: 0 auto 15px;
      border: 4px solid #ff6f3c;
      box-shadow: 0 0 15px #ff6f3caa;
      transition: all 0.4s ease;
      transform: scale(1);
    }

    .custom-teacher-section .swiper-slide:hover .teacher-img {
      transform: scale(1.1);
      box-shadow: 0 0 25px #ff6f3c;
    }

    .custom-teacher-section .teacher-name {
      font-weight: 700;
      font-size: 1.2rem;
      margin-bottom: 6px;
      text-transform: uppercase;
      color: #031b38;
    }

    .custom-teacher-section .teacher-role {
      font-size: 1rem;
      color: #555;
      font-style: italic;
      margin-bottom: 15px;
    }

    .custom-teacher-section .social-icons {
      display: flex;
      justify-content: center;
      gap: 18px;
    }

    .custom-teacher-section .social-icons a {
      width: 36px;
      height: 36px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      background-color: #f0f0f0;
      color: #555;
      font-size: 1.1rem;
      transition: all 0.3s ease;
    }

    .custom-teacher-section .social-icons a:hover {
      background-color: #ff6f3c;
      color: white;
      transform: translateY(-3px);
      box-shadow: 0 0 12px #ff6f3caa;
    }

    @media (max-width: 576px) {
      .custom-teacher-section .teacher-img {
        width: 110px;
        height: 110px;
      }
    }

/*Teacher List end*/




/*Youtube Video*/


    

/*Youtube Video*/



/*Footer Section Notice Bar*/

 /* Section */
    .notice-section {
      max-width: 1200px;
      margin: auto;
      text-align: center;
      padding: 20px;
    }

    /* Title */
    .notice-title {
      font-size: 2.5rem;
      font-weight: bold;
      color: #333;
      margin-bottom: 20px;
      position: relative;
      display: inline-block;
    }

    .notice-title::after {
      content: '📌';
      position: absolute;
      right: -40px;
      top: 5px;
      font-size: 1.5rem;
    }

    /* Line under Title */
    .notice-line {
      width: 70px;
      height: 4px;
      background: #ff6600;
      margin: 10px auto;
      border-radius: 2px;
    }

    /* Grid Layout for Notices */
    .notice-grid {
      display: flex;
      gap: 20px;
      justify-content: center;
      flex-wrap: wrap;
      min-height: 250px;
      cursor: grab;
      overflow: hidden;
      margin-top: 20px;
    }

    /* Individual Notice Card */
    .notice-card {
      background: rgba(255, 255, 255, 0.85);
      backdrop-filter: blur(8px);
      border-radius: 15px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 360px;
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.6s ease;
      box-sizing: border-box;
    }

    .notice-card.show {
      opacity: 1;
      transform: translateY(0);
    }

    /* Header Inside Notice */
    .notice-header {
      background: #ff6600;
      color: white;
      padding: 20px 15px;
      font-size: 1.2rem;
      font-weight: 600;
    }

    /* Body Inside Notice */
    .notice-body {
      padding: 20px;
      font-size: 1rem;
      color: #333;
      text-align: left;
    }

    .notice-body strong {
      color: #1a1a1a;
    }

    /* "See More" Button */
    .see-more {
      display: inline-block;
      margin: 10px 20px 20px;
      padding: 8px 16px;
      background: #0d6efd;
      color: white;
      font-weight: bold;
      text-decoration: none;
      border-radius: 8px;
      transition: 0.3s;
    }

    .see-more:hover {
      background-color: #084dcb;
    }

    /* Responsive Adjustments */
    /* Desktop: 3 notices side by side */
    @media (min-width: 992px) {
      .notice-grid {
        flex-direction: row;
        justify-content: space-between;
      }

      .notice-card {
        max-width: 30%; /* 3 notices side by side */
      }
    }

    /* Tablet / Small Screen: 1 notice per row */
    @media (max-width: 992px) and (min-width: 576px) {
      .notice-grid {
        flex-direction: row;
        justify-content: space-around;
        gap: 20px;
      }

      .notice-card {
        max-width: 45%; /* Adjusted for medium screens */
      }
    }

    /* Mobile: Stack notices vertically */
    @media (max-width: 576px) {
      .notice-grid {
        flex-direction: column; /* Stack notices vertically */
        gap: 15px;
      }

      .notice-card {
        max-width: 100%; /* Full width for mobile */
      }

      .notice-title {
        font-size: 2rem;
      }

      .notice-header {
        font-size: 1.1rem;
      }

      .notice-body {
        font-size: 0.95rem;
      }
    }

/*Footer Section Notice Bar*/



/*Footer Start*/

        /* General Reset */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 0;
        }

        /* Footer Styling */
        .footer {
            background-color: #141414;
            color: white;
            padding: 30px 20px;
            display: flex;
            justify-content: space-between;
            gap: 20px;
            flex-wrap: wrap;
            max-width: 1200px;
            margin: 0 auto;
            align-items: flex-start;
        }

        .footer-left, .footer-right, .map-section {
            flex: 1;
            max-width: 32%;
            padding: 10px;
        }

        .footer-left h3, .footer-right h3, .map-section h3 {
            font-size: 1.5rem;
            color: #FF9F00;
            margin-bottom: 15px;
            font-weight: bold;
        }

        .footer-left ul, .footer-right ul {
            list-style-type: none;
            padding: 0;
            text-align: left;
            margin: 0;
        }

        .footer-left ul li, .footer-right ul li {
            margin: 10px 0;
            font-size: 1rem;
        }

        .footer-left ul li a, .footer-right ul li a {
            color: #fff;
            text-decoration: none;
            display: flex;
            align-items: center;
        }

        /* Custom underline style for the links */
        .footer-left ul li a::before {
            content: "+";
            margin-right: 10px;
            color: #FF9F00;
        }

        .footer-left ul li a:hover, .footer-right ul li a:hover {
            text-decoration: none;
            position: relative;
        }

        /* Add the dashed underline effect on hover */
        .footer-left ul li a:hover::after, 
        .footer-right ul li a:hover::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            background: #FF9F00;
            bottom: -2px; /* The distance from the text */
            left: 0;
            border-radius: 5px; /* Optional: to make it rounded */
        }

        /* Map Section */
        .map-section iframe {
            width: 100%;
            height: 250px;
            border: 0;
            border-radius: 10px;
            margin-top: 15px;
        }

        /* Footer Bottom Section */
        .footer-bottom {
            width: 100%; /* Ensures it takes the same width as footer */
            max-width: 1200px; /* Matching the footer max-width */
            margin: 0 auto; /* Centers the footer-bottom */
            text-align: center;
            font-size: 1rem;
            padding: 15px 20px;
            background-color: #111;
            margin-top: 5px;
            display: flex;
            justify-content: space-between; /* Space between left and right text */
            align-items: center;
            gap: 20px;
        }

        .footer-bottom .left-info {
            color: #FF9F00;
        }

        .footer-bottom .right-info {
            color: #FF9F00;
            text-align: right;
        }

        /* Mobile Responsiveness */
        @media (max-width: 768px) {
            .footer {
                flex-direction: column;
                gap: 10px;
                align-items: center;
            }

            .footer-left, .footer-right, .map-section {
                max-width: 100%;
                text-align: center;
            }

            .footer-left ul, .footer-right ul {
                text-align: center;
            }

            .footer-left ul li, .footer-right ul li {
                font-size: 1rem;
                margin: 5px 0;
            }

            /* Footer Bottom for Mobile */
            .footer-bottom {
                flex-direction: column;
                text-align: center;
            }

            .footer-bottom .right-info {
                margin-top: 10px; /* Add spacing between the two lines */
            }
        }


/*Footer End*/





/*Notice start */


.notice-card {
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: transform 0.3s ease;
  text-align: center;
  padding-bottom: 20px;
}

.notice-card:hover {
  transform: translateY(-5px);
}

.notice-header {
  background: #ff6600;
  color: white;
  font-weight: bold;
  font-size: 20px;
  padding: 10px;
}

.notice-body {
  padding: 20px;
  font-size: 16px;
  color: #333;
}

.notice-body p {
  margin: 0;
}

.notice-carousel .item {
  padding: 10px;
}
/*Notice start */