/*Brand Colors*/
 *,
 *:after,
 *:before {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 .delius-swash-caps-regular {
     font-family: "Delius Swash Caps", cursive;
     font-weight: 400;
     font-style: normal;
 }


 body,
 html {
     transition: none;
 }

 button,
 a,
 .card,
 .modal {
     transition: all 0.2s ease-in-out;
 }

 ::-moz-selection {
     background-color: #084D9D;
     color: #fff;
 }

 ::selection {
     background-color: #084D9D;
     color: #fff;
 }

 .sidebar-widget .sidebar .card {
     height: 100%;
 }




a.btn-primary.btn-dark-red.pin-image {
    width: 0;
    margin-left: 41%;
}


 .sidebar-widget .sidebar ul {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .sidebar-widget .sidebar ul li a {
     background-color: #f1f3f6;
     padding: 10px;
     display: block;
     border-radius: 4px;
 }

 .main-content .subpage-navigation {
    background-color: #e9e9e9;
     /* margin: 140px 0 !important; */
     text-align: center;
     padding: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 150px;
 }

 html,
 body {
     font-family: "Roboto", sans-serif !important;
     font-weight: 400;
     scroll-behavior: smooth;
 }

 .phone.icon.ng-scope {
     display: flex;
     margin-top: 16px;
 }

 .icon.email.ng-scope {
     display: flex;
     margin-top: 8px;
 }

 @media (max-width: 768px) {

     html,
     body {
         overflow-x: hidden !important;
     }
 }

 html.nprogress-busy {
     overflow: hidden;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: 700;
 }

 div,
 header,
 nav,
 footer,
 section,
 aside,
 article {
     display: block;
 }

 a {
     color: #000;
     text-decoration: none;
     transition: all 0.05s ease-in !important;
     font-size: 1rem;
 }

 a:hover {
     text-decoration: none !important;
     color: #8B0F0F;
    transform: translateY(-2px);
 }

 p {
     font-size: 1rem;
     color: #2F2F30;
     font-weight: 400;
 }

 @media (max-width: 576px) {
     p {
         font-size: 14px;
     }
 }

 ul {
     margin: 0;
     padding: 0;
 }

 ul li {
     list-style-type: none;
     font-size: 1rem;
     position: relative;
 }

 img {
     width: 100%;
 }

 hr {
     border-color: #f1f3f6;
     opacity: 1;
 }

 .section-title {
     display: flex;
     align-items: center;
     margin-bottom: 25px;
 }

 .section-title h1,
 .section-title h2,
 .section-title h3,
 .section-title h4,
 .section-title h5,
 .section-title h6 {
     font-size: 32px;
     color: #8B0F0F;
     font-weight: 700;
     margin-bottom: 0;
 }

 .title-with-icons {
     display: flex;
     align-items: center;
     gap: 5px;
 }

 .title-with-icons h3 {
     font-size: 60px;
     color: #7A0000;
     margin: 0;
     font-weight: 400;
     letter-spacing: 2px;
     font-family: "Delius Swash Caps";
 }

 .title-icon {
     width: 64px;
     height: 64px;
     object-fit: contain;
 }

 .btn-primary {
     background: #9b1010;
     color: #fff;
     border: none;
     padding: 6px 25px !important;
     border-radius: 50px;
     cursor: pointer;
     border: 1px solid transparent !important;
     min-width: 120px;
     text-align: center;
     font-weight: 400;
 }

 .btn-primary:hover {
     background: transparent;
     color: #7A0000;
     border: 1px solid rgba(139, 15, 15, 0.9) !important;
     transition: all 0.2s ease-in-out;
 }

 .btn-primaryy {
     background: #7A0000;
     color: #fff;
     border: none;
     padding: 7px 30px;
     border-radius: 5px;
     cursor: pointer;
     border: 1px solid transparent !important;
     min-width: 150px;
     text-align: center;
 }

 .btn-primaryy:hover {
     background: none;
     color: #7A0000;
     border: 1px solid #7A0000 !important;
     transition: all 0.3s ease-in-out;
 }

 .btn-primary:active {
     transform: scale(0.95);
     transition: all 0.3s ease-in-out;
 }

 .btn-primary:focus {
     outline: none;
     box-shadow: none;
 }

 header {
     background: linear-gradient(91deg, #084D9D 0%, #0F94F8 100%);
     height: 80px;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .hero-wrapepr .slider-caption .caption-text h1,
 .hero-wrapepr .slider-caption .caption-text.text-center h1 {
     color: #FFF !important;
     font-family: "Delius Swash Caps" !important;
     font-size: 60px !important;
     font-style: normal !important;
     font-weight: 400 !important;
     line-height: normal !important;
     text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
 }

 .hero-wrapepr .slider-caption {
     position: absolute;
     top: 76%;
     left: 50%;
     transform: translate(-50%, -50%);
     max-width: 800px;
     width: 100%;
     /* background-color: rgba(0, 0, 0, 0.6); */
     text-align: center;
     display: flex;
     flex-direction: column;
     padding: 40px 60px;
     min-height: 150px;
     justify-content: center;

 }

 header .top-head {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 10px;
     width: 100%;
 }

 header .logo img {
     max-width: 145px;
 }

 header .nav-item {
     display: flex;
     align-items: center;
     gap: 0px;
 }

 .social-icons {
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
 }

 header .nav-item button {
     background: none;
     border: none;
     width: 40px;
     height: 40px;
     display: flex;
     justify-content: center;
     align-items: center;
     color: #fff;
     font-size: 25px;
     border-radius: 5px;
 }

 header .nav-item button:hover {
     background: #fff;
     color: #084D9D;
     border-radius: 5px;
     transition: all 0.3s ease-in-out;
 }

 .main-footer {
     background: #e9e9e9;
     font-family: Arial;
   
 }
.slider-action {
    width: 100%;
    position: absolute;
    bottom: 2%;
    text-align: center;
z-index: 2;
}
 .footer-top {
     display: flex;
     align-items: center;
 }

 .footer-top {
     max-width: 1300px;
     margin: auto;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 40px 0px;
 }

 .logo-col {
     flex: 1;
 }

 .logo-col {
     max-width: 260px;
 }

 .center-col {
     flex: 2;
 }

 .contact-item span {
     color: #7A0000;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }

 .footer-col h3 {
     margin-bottom: 12px;
     font-size: 18px;
     font-weight: 600;
     color:#232324;
 }

 .contact-item {
     display: flex;
     align-items: centre;
     gap: 10px;
     margin-bottom: 8px;
     color: #8b0000;
 }

 .contact-col,
 .privacy-col {
     border-left: 1px solid #cfcfcf;
     padding-left: 40px;
 }

 .footer-col {
     flex: 1;
 }

 .list-bottom {
     display: flex;
     gap: 5px;
 }

 .right-col {
     flex: 1;
 }

 .contact-col,
 .privacy-col {
     border-left: 1px solid #cfcfcf;
     padding-left: 40px;
 }

 .privacy-col a {
     display: inline-block;
     margin-right: 15px;
     color: #8b0000;
     text-decoration: none;
     font-size: 14px;
 }

 footer a {
     color: #666;
     text-decoration: none;
     transition: color 0.3s;
 }

 .logo-col {
     flex: 1;
 }

 .logo-col {
     max-width: 260px;
 }

 .footer-col {
     flex: 1;
 }

 .center-col {
     flex: 2;
 }

 .footer-logo {
     width: 220px;
     margin-bottom: 15px;
 }

 section.bg-footer {
     background: #fff;
 }

 div,
 header,
 nav,
 footer,
 section,
 aside,
 article {
     display: block;
 }

 .contact-item img {
     width: 20px;
     height: 20px;
 }

 .footer-bottom {
     background: #fff;
     border-top: 1px solid #d5d5d5;
     padding: 15px 20px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     max-width: 1300px;
     margin: auto;
 }

 @media (max-width: 768px) {
     header .logo img {
         max-width: 145px;
     }
 .hero-wrapepr .slider-caption p {
     color: #fff;
     font-size: 18px !important;
     font-weight: 400;
     margin-bottom: 10px;
 }
header#navBarMain.top-head .bar {
    display: flex;
    align-items: center;
    max-height: none;
    z-index: -1 !important;
}
 .row .search{
            display: -webkit-inline-box;
    }
 }

 .hero-wrapepr .carousel-item img {
     width: 100%;
     height: 498px;
     min-height: 750px;
     -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: center;
     object-position: center;
 }

 .hero-wrapepr .slider-caption {
     position: absolute;
     top: 75%;
     left: 50%;
     transform: translate(-50%, -50%);
     max-width: 800px;
     width: 100%;
     text-align: center;
     display: flex;
     flex-direction: column;
     padding: 40px 60px;
     min-height: 150px;
     justify-content: center;
 }

 .hero-wrapepr .slider-caption p {
     color: #fff;
     font-size: 18px;
     font-weight: 400;
     margin-bottom: 10px;
 }

 .hero-wrapepr .caption-text h1 {
     font-family: "Delius Swash Caps", cursive;
     font-size: 60px;
     font-weight: 400;
     line-height: 1.15;
     margin: 0 0 10px 0;
     color: #fff;
     text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
 }

 .hero-wrapepr .caption-text p {
     font-size: 20px;
     font-weight: 600;
     line-height: 1.4;
     margin: 0 0 18px 0;
     color: rgba(255, 255, 255, 0.95);
     text-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
 }

 .hero-wrapepr .caption-text .btn,
 .hero-wrapepr .caption-text a.btn,
 .hero-wrapepr .caption-text a {
     display: inline-block;
     background: #7A0000;
     color: #fff;
     padding: 10px 28px;
     border-radius: 999px;
     text-decoration: none;
     font-size: 14px;
     font-weight: 600;
 }

 .hero-wrapepr .caption-text .btn:hover,
 .hero-wrapepr .caption-text a.btn:hover,
 .hero-wrapepr .caption-text a:hover {
     background: #8B0F0F;
     color: #fff;
 }

 @media (max-width: 768px) {
     .hero-wrapepr .slider-caption {
         left: 0;
         right: 0;
         top: 70%;
         bottom: 0;
         max-width: 100%;
         padding: 20px;
     }
.hero-wrapepr .slider-caption p{
font-size: 18px;
}
     .hero-wrapepr .carousel-item img {
         height: 365px;
         min-height: 380px;
     }

     .hero-wrapepr .caption-text h1 {
         font-size: 40px;
     }

     .hero-wrapepr .caption-text p {
         font-size: 16px;
     }
 }

 #heroSlider.slider.carousel .carousel-inner,
 #heroSlider.slider.carousel .carousel-item {
     height: 600px;
 }

 #heroSlider.slider.carousel .carousel-item>a,
 #heroSlider.slider.carousel .carousel-item>img,
 #heroSlider.slider.carousel .carousel-item img {
     width: 100%;
     height: 600px;
     max-height: 600px;
     object-fit: cover;
     object-position: center;
 }

 #heroSlider.slider.carousel .carousel-item {
     position: relative;
 }

 .hero-wrapepr .slider-caption p {
     color: #FFF;
     font-size: 32px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
 }

 #heroSlider.slider.carousel .slider-caption.container {
     position: absolute;
     top: 68% !important;
     left: 50% !important;
     transform: translate(-50%, -50%) !important;
     width: 100% !important;
     height: 100%;
     max-width: 980px;
     margin: 0 !important;
     padding: 0 16px;
     z-index: 10;
     display: flex;
     align-items: center;
     justify-content: center;
 
     color: white !important;
     font-family: "Delius Swash Caps";
     font-size: 60px;
 }

 #heroSlider.slider.carousel .slider-caption.container .caption-text {
     width: 100%;
     max-width: 980px;
 }

 @media (max-width: 768px) {
     #heroSlider.slider.carousel .slider-caption.container {
         top: auto !important;
         bottom: 0 !important;
         left: 0 !important;
         right: 0 !important;
         transform: none !important;
         width: 100% !important;
         max-width: 100% !important;
         padding: 50px 20px !important;
         text-align: left !important;
         align-items: flex-start !important;
         justify-content: flex-start !important;
         background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3), transparent) !important;
         display: block !important;
         height: auto !important;
     }

     #heroSlider.slider.carousel .slider-caption.container .caption-text {
         text-align: left !important;
         max-width: 100% !important;
         width: 100% !important;
         display: block !important;
     }

     #heroSlider.slider.carousel .slider-caption.container .caption-text.text-center {
         text-align: left !important;
         display: block !important;
     }

     #heroSlider.slider.carousel .carousel-item>a,
     #heroSlider.slider.carousel .carousel-item>img,
     #heroSlider.slider.carousel .carousel-item img {
         height: 500px;
         max-height: 500px;
         object-position: top center !important;
     }

     #heroSlider.slider.carousel .slider-caption.container h1 {
         font-size: 28px ;
         color: #FFF !important;
         margin: 0 0 15px 0 !important;
         line-height: 1.1 !important;
         font-family: "Delius Swash Caps" !important;
         font-weight: 400 !important;
         text-align: left !important;
     }

     #heroSlider.slider.carousel .slider-caption.container p {
         font-size: 18px !important;
         color: #FFF !important;
         margin: 0 0 25px 0 !important;
         line-height: 1.3 !important;
         font-weight: 400 !important;
         text-align: left !important;
     }

     #heroSlider.slider.carousel .slider-caption.container .btn-primary,
     #heroSlider.slider.carousel .slider-caption.container a.btn-primary {
         display: inline-block !important;
         padding: 15px 35px !important;
         background: #7A0000 !important;
         color: #FFF !important;
         text-decoration: none !important;
         border-radius: 30px !important;
         font-size: 16px !important;
         font-weight: 600 !important;
         border: none !important;
         text-align: left !important;
     }

     /* Force override any center alignment */
     #heroSlider.slider.carousel .slider-caption.container * {
         text-align: left !important;
     }

     #heroSlider.slider.carousel .slider-caption.container .text-center {
         text-align: left !important;
     }
 }

 .flokker-wrapper .flokker-list .flokker-item a {
     width: 150px;
     height: 150px;
     background-color: #fff;
     border: 1px solid #084D9D;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     gap: 5px;
     border-radius: 4px;
 }

 .flokker-wrapper .flokker-list .flokker-item a:hover {
     background: linear-gradient(91deg, #084D9D 0%, #0F94F8 100%);
 }

 .flokker-wrapper .flokker-list .flokker-item a:hover p {
     color: #fff;
 }

 .flokker-wrapper .flokker-list .flokker-item a:hover h1 {
     color: #084D9D;
     background: #fff;
 }

 .flokker-wrapper .flokker-list .flokker-item a h1 {
     height: 65px;
     width: 65px;
     background: linear-gradient(91deg, #084D9D 0%, #0F94F8 100%);
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 32px;
     color: #fff;
     font-weight: 400;
     border-radius: 5px;
     margin-bottom: 0;
 }

 .flokker-wrapper .flokker-list .flokker-item a p {
     font-weight: 700;
     text-transform: uppercase;
     margin: 0;
     color: #084D9D;
     font-size: 14px;
 }

 @media (max-width: 768px) {
     .flokker-wrapper {
         padding: 40px 0;
     }

     .flokker-wrapper .flokker-list {
         flex-wrap: wrap;
         justify-content: center;
         gap: 15px;
     }
 }

 @media (min-width: 768px) and (max-width: 1200px) {
     .flokker-wrapper {
         padding: 40px 0;
     }

     .flokker-wrapper .flokker-list {
         flex-wrap: wrap;
         justify-content: center;
         gap: 15px;
     }
 }

 .calander-wrapper {
     padding: 40px 0;
 }

 .calander-wrapper .calander-item {
     display: flex;
     margin-bottom: 16px;
     align-items: center;
     gap: 18px;
     cursor: pointer;
     border-radius: 16px;
     border: none;
     background: #fff;
     padding: 16px 18px;
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
     transition: transform 0.2s ease, box-shadow 0.2s ease;
 }

 .calander-wrapper .calander-item:hover {
     border: 1px solid #8B0F0F;
     box-shadow: 0 18px 40px rgba(139, 15, 15, 0.25);
     transform: translateY(-2px);
 }

 .calander-wrapper .calander-item:hover .date {
     background-color: #8B0F0F;
 }

 .calander-wrapper .calander-item:hover .date p {
     color: #fff;
 }

 .calander-wrapper .calander-item .calander-content {
     width: calc(100% - 120px);
 }

 .calander-wrapper .calander-item .calander-content p {
     margin-bottom: 0;
     font-size: 18px;
 }

 .calander-wrapper .calander-item .date {
     width: 70px;
     height: 70px;
     background-color: #8B0F0F;
     border-radius: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
 }

 .calander-wrapper .calander-item .date p {
     margin: 0;
     color: #fff;
     font-size: 12px;
     line-height: 1.1;
 }

 @media (max-width: 768px) {
     .calander-wrapper {
         padding: 40px 0;
     }
 }

 .offer-wrapper {
     padding: 80px 0;
     background: #f4f6f9;
 }

 .offer-wrapper .offer-card {
     border-radius: 16px;
     overflow: hidden;
     background: #fff;
     box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
     transition: transform 0.2s ease, box-shadow 0.2s ease;
     display: flex;
     flex-direction: column;
 }

 .offer-wrapper .offer-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 30px 70px rgba(0, 0, 0, 0.14);
 }

 .offer-wrapper .offer-card-img {
     width: 100%;
     min-height: 220px;
     background-size: cover;
     background-position: center;
 }

 .offer-wrapper .offer-card-body {
     padding: 24px;
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .offer-wrapper .offer-card-body h3 {
     margin: 0;
     font-size: 22px;
     color: #8B0F0F;
 }

 .offer-wrapper .offer-card-body p {
     margin: 0;
     color: #333;
     line-height: 1.5;
 }

 .about-school-wrapper {
     padding: 80px 0;
     background: #fff;
 }

 .about-school {
     display: flex;
     align-items: center;
     gap: 40px;
 }

 .about-school-img {
     flex: 0 0 45%;
 }

 .about-school-img img {
     width: 100%;
     border-radius: 24px;
     object-fit: cover;
 }

 .about-school-content {
     flex: 1;
 }

 .about-school-content h1 {
     margin: 0 0 16px;
     color: #8B0F0F;
 }

 .about-school-content p {
     color: #333;
     line-height: 1.6;
 }

 .cta-banner {
     padding: 60px 20px;
     background: #000;
     color: #fff;
 }

 .cta-banner .container {
     max-width: 1140px;
     margin: 0 auto;
 }

 .cta-banner .cta-inner {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 30px;
     padding: 40px 0;
 }

 .cta-banner .cta-icon {
     flex: 0 0 80px;
 }

 .cta-banner .cta-icon img {
     width: 100%;
     max-width: 80px;
     display: block;
 }

 .cta-banner .cta-text h2 {
     margin: 0 0 12px;
     font-size: 32px;
     color: #fff;
 }

 .cta-banner .cta-text p {
     margin: 0;
     color: rgba(255, 255, 255, 0.8);
     line-height: 1.6;
 }

 .cta-banner .cta-action .btn-primary {
     background: #8B0F0F;
     padding: 12px 26px;
 }

 .cta-banner .cta-action .btn-primary:hover {
     background: rgba(139, 15, 15, 0.9);
 }

 /* Footer (matches screenshot) */
 .site-footer {
     background: rgba(244, 246, 248, 1);
     color: #1e1e1e;
     padding-top: 40px;
 }

 .site-footer .footer-top {
     padding-bottom: 40px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.08);
 }

 .site-footer .footer-row {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 40px;
 }

 .site-footer .footer-col {
     flex: 1;
     min-width: 220px;
     padding: 0 20px;
 }

 .site-footer .footer-col:not(:first-child) {
     border-left: 1px solid rgba(0, 0, 0, 0.12);
 }

 .site-footer .footer-brand {
     max-width: 320px;
 }

 .site-footer .footer-logo img {
     max-height: 72px;
 }

 .site-footer .footer-social {
     margin-top: 16px;
     display: flex;
     gap: 12px;
 }

 .site-footer .footer-social-link {
     width: 36px;
     height: 36px;
     display: grid;
     place-items: center;
     border-radius: 50%;
     background: rgba(139, 15, 15, 0.1);
     color: #8B0F0F;
     text-decoration: none;
 }

 .site-footer h3 {
     font-size: 18px;
     margin-bottom: 16px;
     font-weight: 700;
 }

 .site-footer .footer-contact-items {
     display: flex;
     align-items: center;
     gap: 24px;
     flex-wrap: wrap;
 }

 .site-footer .contact-item {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: 14px;
     color: #8B0F0F;
 }

 .site-footer .contact-item i {
     font-size: 18px;
 }

 .site-footer .footer-links {
     display: flex;
     gap: 18px;
     flex-wrap: wrap;
 }

 .site-footer .footer-link {
     color: #8B0F0F;
     text-decoration: none;
     font-size: 14px;
 }

 .site-footer .footer-link:hover {
     text-decoration: underline;
 }

 .site-footer .footer-bottom {
     padding: 20px 0;
     background: #fff;
 }

 .site-footer .footer-bottom-inner {
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 12px;
 }

 .site-footer .copyright {
     font-size: 14px;
     color: rgba(0, 0, 0, 0.6);
 }

 .site-footer .footer-madeby {
     display: flex;
     align-items: center;
     gap: 10px;
     font-size: 14px;
     color: rgba(0, 0, 0, 0.6);
 }

 .site-footer .footer-madeby img {
     height: 24px;
 }

 /* Desktop (>1024px) - Default layout */
@media (min-width: 1025px) {
    .site-footer .footer-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 40px;
    }

    .site-footer .footer-col {
        flex: 1;
        min-width: 220px;
        padding: 0 20px;
    }

    .site-footer .footer-col:not(:first-child) {
        border-left: 1px solid rgba(0, 0, 0, 0.12);
    }
}

/* Tablet (768px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    .site-footer .footer-row {
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }

    .site-footer .footer-col {
        width: 45%;
        min-width: 280px;
        text-align: center;
        border-left: none !important;
        padding: 20px;
    }

    .site-footer .footer-col:not(:first-child) {
        border-left: none;
    }

    .site-footer .footer-brand {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .site-footer .footer-social {
        justify-content: center;
    }

    .site-footer .footer-contact-items {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .site-footer .contact-item {
        justify-content: center;
    }

    .site-footer .footer-links {
        justify-content: center;
    }
}

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

    .site-footer .footer-col {
        width: 100%;
        text-align: center;
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .site-footer .footer-col:not(:first-child) {
        border-left: none;
        border-top: 1px solid rgba(0, 0, 0, 0.08);
    }

    .site-footer .footer-brand {
        align-items: center;
    }

    .site-footer .footer-logo img {
        max-height: 70px;
    }

    .site-footer .footer-social {
        justify-content: center;
    }

    .site-footer .footer-contact-items {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .site-footer .contact-item {
        justify-content: center;
    }

    .site-footer .footer-links {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
}

 /* Employee list card layout */
 .profile-row {
     gap: 24px;
     margin-top: 30px;
 }

 .employee-card {
     background: #fff;
     border: 1px solid #e7e9eb;
     border-radius: 16px;
     box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
     overflow: hidden;
     display: flex;
     flex-direction: column;
     margin-top: 30px;
     padding: 15px 20px;
      height: 578px;;
 }

 .employee-card-media {
     position: relative;
     width: 100%;
     padding-top: 100%;
     overflow: hidden;
 }

 .employee-card-media img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .employee-card-body {
     padding: 22px 20px 18px;
     display: flex;
     flex-direction: column;
     gap: 12px;
     flex: 1;
     align-items: center;
 }

 .employee-card-header {
     display: flex;
     flex-direction: column;
     gap: 8px;
 }

 .employee-name {
     font-size: 18px;
     font-weight: 700;
     margin: 0;
 }

 .employee-position {
     font-size: 14px;
     color: rgba(0, 0, 0, 0.7);
     margin: 0;
 }

 .employee-card-contacts {
     display: flex;
     gap: 10px;
 }

 .contact-pill {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 8px 14px;
     border-radius: 999px;
     border: 1px solid rgba(139, 15, 15, 0.25);
     background: rgba(139, 15, 15, 0.06);
     color: #8B0F0F;
     text-decoration: none;
     font-size: 13px;
 }

 .contact-pill i {
     font-size: 16px;
 }

 .employee-card-social {
     margin-top: auto;
 }


 .black-section.news-wrapper .card.mb-3 .card-body {
     background-color: #2F2F30;
     padding: 40px 20px;
     color: #fff;
     padding-left: 35px;
 }

 .news-wrapper .card.mb-3 .card-title {
     color: #000;
     font-family: "Delius Swash Caps";
     font-size: 32px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     max-width: 700px !important;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     max-width: 700px !important;
 }

 .news-wrapper .card.mb-3 .card-text {
     color: #6B6B6B;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     max-width: 570px;
 }

 .employee-card-social a {
     color: #8B0F0F;
     font-size: 22px;
     text-decoration: none;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     border: 1px solid rgba(139, 15, 15, 0.2);
 }

 @media (max-width: 768px) {
     .profile-row {
         gap: 16px;
     }

     .employee-card {
         border-radius: 12px;
     }
 }

 .news-wrapper .news-item {
     background-color: #fff;
     box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
     border-radius: 10px;
     border: 1px solid #f1f3f6;
     overflow: hidden;
     min-height: 487px;
     background-color: black;
 }
.profile-search {
   display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}


.profile-search .input-item {
   border-radius: 24px;
    border: 1px solid #A5ADBA;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 10px;
}

.profile-search select {
        width: 100%;
    background: transparent;
    border: none;
    padding: 10px;
    min-width: 270px;
}


.profile-search select:hover {
    border-color: #7A0000;
}

.profile-search select:focus {
    outline: none;
    border-color: #7A0000;
    box-shadow: 0 0 0 3px rgba(122, 0, 0, 0.1);
}

.profile-search .input-item:has(select)::after {
    content: '\e96e';
    font-family: 'remixicon';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #7A0000;
    font-size: 18px;
    pointer-events: none;
}

.profile-search input[type="text"] {
       width: 100%;
    background: transparent;
    border: none;
    padding: 10px;
    min-width: 270px;
}


.profile-search input[type="text"]:hover {
    border-color: #7A0000;
}

.profile-search input[type="text"]:focus {
    outline: none;
    border-color: #7A0000;
    box-shadow: 0 0 0 3px rgba(122, 0, 0, 0.1);
}

.profile-search .input-item i.ri-search-line {
    color: #7A0000;
    font-size: 20px;
}

@media (max-width: 768px) {
    .profile-search {
        flex-direction: column;
        gap: 12px;
    }

    .profile-search .input {
        width: 100%;
    }
}

 .news-wrapper .news-item:hover {
     border: 1px solid #084D9D;
 }

 .news-wrapper .news-item:hover .thumb img {
     transform: scale(1.05);
     transition: all 0.3s ease-in-out;
 }

 .news-wrapper .news-item .thumb img {
     width: 100%;
     max-height: 287px !important;
     min-height: 287px;
     -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: center;
     object-position: center;
     transform-origin: bottom;
 }

 .news-wrapper .news-item .content {
     padding: 15px;
 }

 .news-wrapper .news-item .content .title {
    color: #FFF;
    font-family: "Delius Swash Caps";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;

 }

 .news-wrapper .news-item .content .date {
     color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
 }

 @media (max-width: 768px) {
     .news-wrapper {
         padding: 0px 0;
     }

     .news-wrapper .container {
         display: flex;
         flex-direction: column;
     }

     .news-wrapper .section-title {
         margin-top: 30px;
         margin-bottom: 20px;
     }

     .news-wrapper .section-title .title-with-icons h3 {
         font-size: 20px;
     }
    .about-school-wrapper  .title-with-icons h3 {
        font-size: 20px;
    }
     .news-wrapper .section-title .title-icon {
         width: 32px;
         height: 32px;
     }
 .about-school-wrapper .title-icon {
         width: 32px;
         height: 32px;
     }
     .news-wrapper .news-item {
         margin-bottom: 15px;
     }
 }

 footer .credit {
     background: linear-gradient(91deg, #084D9D 0%, #0F94F8 100%);
     text-align: center;
     padding: 15px;
 }

 footer .credit p {
     margin-bottom: 0;
     color: #fff;
     font-size: 12px;
 }

 footer .credit img {
     max-width: 90px;
 }

 footer .links {
     background-color: #E4EEFC;
 }

 footer .links .container {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 20px;
 }



 footer .links .container a {
     font-size: 20px;
     color: #084D9D;
 }

 footer .links .container a:hover {
     color: #0F94F8;
 }

 footer .time .text-center {
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 30px;
     padding: 40px 0;
 }

 footer .time .text-center i {
     color: #848484;
 }

 footer .time .text-center p {
     margin: 0;
 }

 footer .time .text-center p:nth-child(2) {
     padding: 0 30px;
     border-left: 1px solid #BEBEBE;
     border-right: 1px solid #BEBEBE;
 }

 footer .time .text-center p:nth-child(2) p {
     margin: 0;
     padding: 0;
 }

 footer .contact .container {
     display: flex;
     justify-content: space-between;
     background-color: #f1f3f6;
     padding: 20px;
     align-items: center;
 }

 footer .contact .container .emails {
     display: flex;
     align-items: center;
     gap: 30px;
     width: 50%;
     justify-content: center;
 }

 footer .contact .container .emails a {
     color: #000;
 }

 footer .contact .container .emails a:hover {
     color: #084D9D;
 }

 footer .contact .container .emails p {
     margin-bottom: 0;
 }

 footer .contact .container .emails .items {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 footer .contact .container .phone-numbers {
     display: flex;
     justify-content: space-between;
     width: 50%;
     border-right: 1px solid #BEBEBE;
 }

 footer .contact .container .phone-numbers .text {
     display: flex;
     flex-direction: column;
 }

 footer .contact .container .phone-numbers .text a {
     font-size: 18px;
     font-weight: bold;
     color: #084D9D;
 }

 footer .contact .container .phone-numbers .text a:hover {
     color: #0F94F8;
 }

 footer .contact .container .phone-numbers .text p {
     font-size: 14px;
     margin: 0;
 }

 footer .contact .container .phone-numbers .items {
     display: flex;
     align-items: center;
     gap: 10px;
     width: 50%;
 }

 footer .contact .container .phone-numbers .icon {
     width: 40px;
     height: 40px;
     background: linear-gradient(91deg, #084D9D 0%, #0F94F8 100%);
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
 }

 footer .contact .container .phone-numbers .icon i {
     font-size: 24px;
 }

 @media (max-width: 992px) {
     footer .links .container {
         flex-direction: column;
         align-items: center;
         gap: 10px;
     }

     ul.phoneUl li {
         border-bottom: 1px solid #cac0c0;
     }

     .phoneUl-list a {
         color: #a81f1fff !important;
         display: block !important;
         padding: 15px 20px !important;
         text-align: center !important;
         text-transform: uppercase !important;
         font-weight: bold !important;
     }

     footer .links .container .logo {
         margin-bottom: 10px;
     }

     footer .time .text-center {
         flex-direction: column;
         gap: 10px;
     }

     footer .time .text-center p {
         margin: 0;
         border: none !important;
     }

     footer .contact .container {
         flex-direction: column;
     }

     footer .contact .container .emails {
         width: 100%;
         margin-top: 10px;
         gap: 10px;
         flex-direction: column;
     }

     footer .contact .container .emails .items {
         width: 100%;
         flex-direction: column;
     }

     footer .phone-numbers {
         width: 100% !important;
         border: 0 !important;
         margin-bottom: 20px;
         flex-direction: column;
         gap: 15px;
     }

     footer .contact .container .phone-numbers .items {
         width: 100%;
     }
 }

 header .nav-item button:hover i {
     color: #0F94F8 !important;
 }

 /*# sourceMappingURL=style.css.map */

 More css to imrove slider .news-detail-inner {

     display: none;

 }

 .news-info ul {

     display: flex;

     align-items: center;

     justify-content: space-between;

     width: 100%;

     background: #f1f3f6;

     padding: 10px 20px;

     border-radius: 4px;

     margin-top: 20px;

 }

 @media (max-width: 768px) {

     .news-info ul {

         flex-direction: column;

     }

 }

 /* .hero-wrapepr .carousel-item img {

     max-height: 400px !important;

 } */

 .homework-widget .tabbing .nav {
     background: #f1f3f6 !important;
     border-radius: 8px !important;
     padding: 0 !important;
     margin: 0 !important;
 }

 .homework-widget .sidebar-widget .content-widget ul li {
     margin: 0;
     padding: 0;
 }

 .homework-widget .tabbing a.active {
     background: #7A0000 !important;
     background-color: #7A0000 !important;
 }

 .homework-day .sidebar-widget .content-widget .h3 {
     font-size: 18px !important;
 }

 .homework .sidebar-widget .content-widget p {
     margin-bottom: 0 !important;
     font-size: 16px !important;
 }

 .col-sm-4.sidebar .card .card-header h2 {
         color: #7d0000 !important;
 }

 .col-sm-4.sidebar .card .card-header h1,
 .col-sm-4.sidebar .card .card-header h2,
 .col-sm-4.sidebar .card .card-header h3,
 .col-sm-4.sidebar .card .card-header h4,
 .col-sm-4.sidebar .card .card-header h5,
 .col-sm-4.sidebar .card .card-header h6 {
     font-size: 22px;
     margin-bottom: 0;
     color: #fff;
 }

 .news-widget #projectSlide .news-items .details {
     max-width: unset !important;
     margin: 0 !important;
     background: none !important;
 }

 .news-widget #projectSlide .news-items .details h1,
 .news-widget #projectSlide .news-items .details h2,
 .news-widget #projectSlide .news-items .details h3,
 .news-widget #projectSlide .news-items .details h4,
 .news-widget #projectSlide .news-items .details h5,
 .news-widget #projectSlide .news-items .details h6 {
     font-size: 30px !important;
 }

 .icookiebot-wrapper #cookieSettingsButton {
     display: none !important;
 }

 ul.webUl {
     margin-bottom: 0em;
 }

 /* Navigation redesign to match provided reference image */
 header#navBarMain.top-head {
    position: fixed !important;
    top: 18px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(1320px, calc(100% - 48px)) !important;
    max-width: none !important;
    background: #ffffff !important;
    border-radius: 36px !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12) !important;
    padding: 4px 18px !important;
    float: none !important;
   
 }

 header#navBarMain.top-head .row {
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: nowrap;
     margin: 0;
     margin-top: 2px;
 }

 header#navBarMain.top-head .logo {
     display: flex;
     align-items: center;
     padding: 0 10px 0 6px !important;
     margin-right: 0 !important;
 }

 .logo img {
     width: 200px;
     max-width: 200px;
     height: auto !important;
     height: 60px;
 }

 header#navBarMain.top-head .bar {
        display: flex;
    align-items: center;
    max-height: none;
    z-index: 11;

 }

 header#navBarMain.top-head .bar .webUl {
     /* display: none !important; */
     display: flex !important;
     flex-direction: row;
     color: #000 !important;
 }

 header#navBarMain.top-head .bar .phoneUl {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 20px;
     margin: 0;
     padding: 0;
     padding-left: 20px;
     display: none;

 }

 header#navBarMain.top-head .bar .phoneUl>li,
 header#navBarMain.top-head .bar .phoneUl li {
     width: auto !important;
     background: transparent !important;
 }

 header#navBarMain.top-head .bar .phoneUl>li>a {
     border: 0;
     min-width: auto;
     padding: 10px 0;
     color: #161616 !important;
     font-size: 15px ;
     font-weight: 600;
     line-height: 1;
     font-family: "Roboto", sans-serif;
     letter-spacing: 0;
 }

 header#navBarMain.top-head .bar .phoneUl>li>a:hover,
 header#navBarMain.top-head .bar .phoneUl>li>a.active {
     color: #8b0f0f !important;
 }

 header#navBarMain.top-head .searchbar {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     gap: 12px;
     padding-right: 2px;
 }

 header#navBarMain.top-head .searchbar .speed-admin-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 8px 50px;
     border: 1px solid #7d0000;
     border-radius: 999px;
     background: #fff;
     color: #1b1b1b;
     font-size: 14px;
     font-weight: 700;
     line-height: 1;
     text-decoration: none;
     white-space: nowrap;
     margin-left: -67px;
 }

 header#navBarMain.top-head .searchbar .speed-admin-btn:hover {
     background: #7d0000;
     color: #fff;
 }

 header#navBarMain.top-head .searchbar .no-style {
  width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    background-color: #7A0000;
    border: 1px solid #7A0000;
 }

 header#navBarMain.top-head .searchbar .no-style i {
     font-size: 14px !important;
     margin: 0 !important;
 }

 header#navBarMain.top-head .searchbar .mobile-menu {
     display: none;
 }

 @media (max-width: 991.98px) {
     header#navBarMain.top-head {
         top: 10px !important;
         width: calc(100% - 18px) !important;
         border-radius: 30px !important;
         padding: 22px 14px !important;
     }

     header#navBarMain.top-head .bar .webUl {
         display: none !important;
     }

     header#navBarMain.top-head .logo {
         width: auto;
         flex: 0 0 auto;
         padding: 0 !important;
     }

     header#navBarMain.top-head .logo img {
         width: 140px;
         max-width: 140px;
     }



     header#navBarMain.top-head .searchbar {
         width: auto;
         flex: 0 0 auto;
         gap: 8px;
         padding-right: 0;
     }

     header#navBarMain.top-head .searchbar .speed-admin-btn,
     a.btn-speedadmin {
         display: none;
     }

     header#navBarMain.top-head .searchbar .mobile-menu {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         width: 32px;
         height: 32px;
         border: 1px solid #7d0000;
         border-radius: 6px;
         background: #fff;
         margin: 3px 9px 0 0;
     }

     header#navBarMain.top-head .searchbar .mobile-menu i {
         color: #7d0000;
         font-size: 18px;
     }
 }

 /* Date styling with calendar icon */
 .news-item .content .date {
     display: flex;
     align-items: center;
     gap: 10px;
     font-size: 16px;
     font-weight: 500;
     margin-top: 8px;
 }

 .news-item .content .date img {
     width: 30px;
     height: 30px;
 }

 .news-item .content .date-text {
     color: #fff;
 }

 /* About School Section - Um skúlan style */
 .about-school-wrapper {
     padding: 60px 0;
     background: #fff;
 }

 .about-school-wrapper .section-title {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 40px;
 }

 .about-school-wrapper .section-title .cursive-title {
     color: #7A0000;
     text-align: center;
     font-family: "Delius Swash Caps";
     font-size: 60px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     width: 550px;
 }

 .about-school-wrapper .section-title .cursive-title img {
     width: 40px;
     height: 40px;
 }

 .about-school-wrapper .card {
     margin: 0 auto;
     background: #fff;
     border: none;
     border-radius: 16px;
     overflow: hidden;
 }

 .about-school-wrapper .card .row {
     display: flex;
     align-items: stretch;
 }

 .about-school-wrapper .card .col-md-4 {
     flex: 0 0 40%;
     max-width: 40%;
 }

 .about-school-wrapper .card .col-md-8 {
     flex: 0 0 60%;
     max-width: 60%;
 }

 .about-school-wrapper .card img {
     width: 100%;
     height: 100%;
     border-radius: 16px 0 0 16px;
 }

 .about-school-wrapper .card-body {
     padding: 30px;
     background: #fff;
 }

 .about-school-wrapper .card-title {
     color: #000;
     font-family: "Delius Swash Caps";
     font-size: 32px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     max-width: 700px !important;
 }

 .about-school-wrapper .card-text {
     color: #6B6B6B;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     max-width: 790px;
 }

 .about-school-wrapper .btn-dark-red {
     background: #7A0000;
     color: #fff;
     padding: 6px 24px;
     border-radius: 25px;
     text-decoration: none;
     display: inline-block;
     font-weight: 500;
     border: none;
     transition: background 0.3s ease;
 }

 .about-school-wrapper .btn-dark-red:hover {
     background: #8B0F0F;
 }

 @media (max-width: 768px) {
     .about-school-wrapper .section-title .cursive-title {
         font-size: 36px;
     }

     .about-school-wrapper .card .col-md-4,
     .about-school-wrapper .card .col-md-8 {
         flex: 0 0 100%;
         max-width: 100%;
     }

     .about-school-wrapper .card img {
         border-radius: 16px 16px 0 0;
     }
 }
 @media (max-width: 768px) {
    .footer-col {
        width: 100%;
    }
.contact-col, .privacy-col {
    border-left: 1px solid #cfcfcf;
    padding-left: 0px;
}
.slider-caption.container h1{
        font-size: 28px;
}
a.btn-primary.btn-dark-red.pin-image{
    margin-left: 34%;
}

button#closeMenuBtn {
    margin-right: 21px;
    font-size: 25px;
    font-weight: 700;
}
i.v2.fa.fa-search{

    margin-left: 0px ;
}

}

.sidebar-widget .news-item .news-info .date {
    background-color: #f0c5c5;
    color: #000;
    border-radius: 4px;
    width: -moz-max-content;
    width: max-content;
    padding: 2px 10px;
}

.sidebar-widget .news-item .news-info .author {
    background-color: #f1f3f6;
    color: #740000;
    border-radius: 4px;
    width: -moz-max-content;
    width: max-content;
    padding: 2px 10px;
}
.sidebar-widget .news-item .news-info {
    display: flex;
    gap: 15px;
    margin: 15px 0;
}

.card-header h1,h2,h3,h4,h5,h6 {
    color: #740000;
}

strong {
    color: #7d0000;
}

@media (max-width: 992px) {
    header.top-head .bar .phoneUl > a {
        font-size: 20px !important;
        text-transform: uppercase;
        font-weight: bold;
    }
img.footer-logo {
    margin-right: 25px;
}
.footer-top {
    padding-left: 6px;
}

}

p.desc {
    color: #FFF;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 6px;
    font-family: "Delius Swash Caps" !important;
}
   @media (max-width: 600px) and (max-height: 1000px) {
 .row.search{
            display: -webkit-inline-box;
    }
}

a.btn-primary.btn-dark-red.Slider:hover {
       background: transparent;
    color: #fff;
   
    transform: translateY(-2px); /* little lift effect */
   box-shadow: 0px 2px 6px rgba(139, 15, 15, 0.25);
}
a.btn-primary.btn-dark-red:hover {
       background: transparent;
    color: #7A0000;
   
    transform: translateY(-2px); /* little lift effect */
   box-shadow: 0px 2px 6px rgba(139, 15, 15, 0.25);
}
.slider-action button:hover {
       background: transparent;
    color: #fff;
    /*border: 1px solid rgb(255 255 255 / 90%) !important;*/
    transform: translateY(-2px); /* little lift effect */
   box-shadow: 0px 2px 6px rgba(139, 15, 15, 0.25);
}
.btn-speedadmin:hover {

    transform: translateY(-2px); /* little lift effect */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

a.btn.btn-primary.Melda:hover {
border: 1px solid rgb(255 255 255 / 90%) !important;
    transform: translateY(-2px); /* little lift effect */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
color: #fff;
}

header#navBarMain.top-head .searchbar .no-style:hover {
 transform: translateY(-2px); /* little lift effect */
 color: #7A0000 !important;
    background-color: #fff;

}

@media (max-width: 565px) {
    a.btn-primary.btn-dark-red.pin-image {
        margin-left: 36%;
    }
}

@media (max-width: 430px) {
    a.btn-primary.btn-dark-red.pin-image {
        margin-left: 36%;
    }
}
@media (max-width: 390px) {
    a.btn-primary.btn-dark-red.pin-image {
        margin-left: 36%;
    }
}