@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins'), url('../fonts/Poppins-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: local('Poppins'), url('../fonts/Poppins-Light.woff') format('woff');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: local('Poppins'), url('../fonts/Poppins-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: local('Poppins'), url('../fonts/Poppins-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: local('Poppins'), url('../fonts/Poppins-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: local('Poppins'), url('../fonts/Poppins-ExtraBold.woff') format('woff');
}

.whatsapp-float {
    position: fixed;
    bottom: 25px;
    left: 15px;
    z-index: 1000;
    animation: jump 2s infinite;
    transition: transform 0.1s;
}


a{text-decoration: none;}
table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed; /* Ensures equal-width cells */
    margin-top: 0px;
}

td {
    vertical-align: top;
    border: 1px solid #ddd;
    position: relative;
    padding: 4px 4px 4px 4px;
}

/* Header Days */
thead th {
    background: #75c044;
    color: #fff;
    padding: 10px 0;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

/* Highlighted today */
.today, .today .course-session {
    background-color: #f9f9f9;
    color: #999;
}
.today .course-session{ border:none !important;}
 
.today .name, .today .course-session .time, .today .date {
    color: #999; 
}

/* Day Cell Design */
.day-cell {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 80px; /* Ensures cell height remains consistent */
}

/* Date Styling */
.date {
    font-size: 20px;
    color: #999;
    text-align: center;
    padding: 5px 0;
    font-weight: 400;
}

/* Course Session Styling */
.course-session {
    margin-top: 1px;
    padding:8px;
    background: #fff;
    border: 0px solid #77c;
    border-radius: 0px;
    font-size: 10px;
    line-height: 16px;
    overflow: hidden;
    justify-content: space-between;
}



/* Course Name Styling */
.course-session .name {
    margin: 6px auto 0 auto; display: block;
    font-size: 18px;
    line-height: 22px; color: #BBB !important;
}

/* Time Styling */
.course-session .time {
    font-size: 9px;
    color: #333;
}

/* Mobile Responsiveness */
@media (max-width: 900px) {
    td, th {
        padding:3px 0 !important;
        height: auto !important; /* Ensure cell height is consistent */
    }
.course-session .name {
        font-size: 12px !important;
        padding:0px !important;
    }
    .course-session .time{
        font-size: 9px !important;
        padding:0px !important;
        line-height: 10px !important;
    }
    td h5{ font-size: 12px !important;}
    .date {
        font-size: 14px; font-weight: normal;
    }
}

@media (max-width: 480px) {
    td {
        height: auto !important; /* Adjust cell height for smaller screens */
    }

    .date {
        font-size: 9px;
        padding: 5px 0;
    }

   

}


.modal {
  z-index: 1060 !important;
}
.modal-backdrop {
  z-index: 1050 !important;
}
.modal-xl {
  max-width: 1140px !important;
}
/* Modal Background */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background-color: rgb(0, 0, 0); /* Black w/ opacity */
    background-color: rgba(0, 0, 0, 0.4); /* Fallback color */
    padding-top: 60px;
}

/* Modal Content */
.modal-content{
    background-color: #fefefe;
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
    max-width: 800px;
}

/* Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


.whatsapp-float img {
    width: 42px;
    height: 42px;
}
 .showhide{ display: inline-block; cursor: pointer; width: 20px !important; position: absolute; z-index: 1000; right:10px; top: 13px;}
.printonly{display: none;}    
.ar{direction: rtl !important; font-family: 'Tajawal', sans-serif !important;}
.arabic{ font-family: 'Tajawal', sans-serif !important; direction: rtl;}    
.ar h3, .ar h4, .ar h5{font-weight: 400;}  
    
.invlogo{width: 320px;}    
@media (max-width: 660px) {    
    .invlogo{width: 180px;}
    .invoice h3, .invoice h4{font-size: 12px !important;}
    .invoice td, .invoice th, .invoice p{font-size: 10px !important; white-space: nowrap; }    
    .invoice .small{font-size: 8px !important;} 
    
    .popup{
        width:100%; height:100vh; 
    }
    }
    
    
.popup{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #66c; 
    padding: 5px;
    border: 1px solid #66c;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    width:100%; height:auto; max-width:600px; z-index: 9999;
    display: none; /* Initially hide the popup */
}    
.popup .close{position: absolute; top: 2%; right: 2%; border:2px solid #000; color: #000; font-weight: 600;} 
    
    

.ad {    
    width:100%; text-align: center;
    background-color: #66c;
    top: 10px; z-index: 888;
    transition: top 0.3s ease;
}    
    .ad img{width: 100%;}   
    

.d-sm{display: none;}

.wu img{width: 34px; height: 34px; background: #FFF; padding: 1px; border-radius: 100%;}    
.wup{position:fixed; background: #FFF; width:auto; padding:1px; text-align: center; font-size: 11px; height: auto; z-index: 9; right:0.45%; bottom:5%; border-radius:100%;}
.wup img{width: 34px; height: 34px; margin: 0 auto; display: block;}  
#alert{ height: 100vh; background: rgba(117,192,68, 0.8); text-align: center; vertical-align: middle;  position: fixed; display: block; z-index: 9999; width:100%;}
#alert h3{color: #FFF; position: absolute; top: 45%; width: 100%; display: block;}
#alert button{z-index: 9999 !importnat;}
@media screen and (max-width: 768px) {
    #alert h3{ line-height: 20px !important; font-size: 16px !important; width: 90%; display: block; left:5%;}
} 



.printonly{display: none;} 
.wup{background: #333;}
.fa-x-twitter:before{content:"𝕏"; font-weight: 900;}
@media (max-width: 440px) { 
    select{height: 24px !important;}
    .btn-sm{padding: 1px 5px !important; font-size: 10px !important;}
    .btn{padding: 3px 10px !important; font-size: 10px !important;}
}

html, body, .course a{color: #000 !important;}
.text-danger{color: #259a2d !important;}
/*If the screen size is 600px wide or less, font 30px*/
@media screen and (max-width: 600px) {
    body, .form-control, select, p{font-size: 11px !important;}
    .course-title{font-size:11px !important; font-weight: 600 !important; height: 60px !important; }  
    .nav-item .nav-link{font-size: 12px !important; font-weight: 600 !important;} 
    .tab-pane,.tab-pane li {font-size:11px !important; color: #333; line-height: 16px; text-align: justify;} 
}




/* Courses */


.course-title{
            font-size: 14px;
            font-weight:600;
            text-align: center;
            /*flex-grow: 1; 
            display: flex;*/
            justify-content: center;
            padding:0px;
            height: 70px;
        }

      






.btn-outline-lsa{color: #999; border-color: #999;}
.btn-outline-lsa:hover{color: #fff; border-color: #75c044; background-color: #75c044;}
/*If the screen size is 601px wide or less, font 80px*/
@media screen and (min-width: 601px) {
  
}

.watermark{position: absolute; text-transform: uppercase; color:rgba(255,255,255, 0.9); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #333; right: 2%; top:8%;  font-size: 22px; font-weight: 700;}
a,a:hover,a:focus{cursor: pointer !important;}
.smallcaps{text-transform: lowercase !important;}
.xs{font-size: 10px;}
.xl{font-size: 18px;}
.caps{text-transform: capitalize !important;}
.upper{text-transform: uppercase !important;}
.text-shadow{text-shadow: 0 0 5px #333;}


.loader {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 0.8s linear infinite;
  margin: 10px auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#spinner{  
  background: rgba( 255, 255, 255, 0.8 );  
  display: none;
  height: 100%;  
  position: fixed;  
  width: 100%;  
  z-index: 9999;  
}     
.loading{ 
border: 2px solid #000;
width: 60px;
height: 60px;
border-radius: 50%;
border-top-color: #75c044;
  border-left-color: #75c044;
  animation: spin 1s infinite ease-in;
  left: 50%;  
  margin-left: -32px;  
  margin-top: -32px;  
  position: absolute;  
  top: 50%;  
} 

@keyframes spin {
   100% {
      transform: rotate(1turn);
   }
} 

label{font-weight: 500; display: block;}
.lsa-bg{background: #e7382d; background-size: 100% !important;}
.nav a{text-transform:capitalize;}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
    font-size: 12px; padding: 4px 10px;
    font-weight: 500; border-radius: 25px;
    color: white; 
    background-color:#66c; 
    display: inline-block;
}
.input-group span{width:110px; padding-right: 0; font-size: 12px;}
.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #f00; color: #fff;
}
.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}
::-webkit-input-placeholder { /* Edge */
  color:#dadada !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#dadada !important;
}

::placeholder {
  color:#dadada !important;
}
.space-1{letter-spacing: 1px !important;}
.space-2{letter-spacing: 2px !important;}
.pull-left{float: left !important;}
.pull-right{float: right !important;}
.rounded-5{border-radius: 5px;}
.rounded-10{border-radius: 10px;}
.rounded-15{border-radius: 15px;}
.rounded-20{border-radius: 20px;}
.rounded-25{border-radius: 25px;}
.rounded-img{border-radius: 100%; border: 1px solid #999; background: #f1f1f1; transition: all .5s;}
.rounded-img:hover{ background: #fff !important;}


.avatar{
  width: 28px !important;
  height: 28px !important;
  border-radius: 50%;
  background: #333;
  font-size: 16px !important;
  color: #fff; font-weight: 400 !important;
  text-align: center !important;
  line-height:28px !important;
  margin: 14px 0 10px 0;
}

.avatarxl{
  width: 72px !important;
  height: 72px !important;
  border-radius: 50%;
  background: #75c044;
  font-size: 42px !important;
  color: #fff; font-weight: 400 !important;
  text-align: center !important;
  line-height:68px !important;
  margin:0;
}



.dp{width: 42px; height: 42px; border-radius: 50%; border: 1px solid #999;}
.profiledp{width:100%; max-width: 140px; max-height: 140px; border-radius: 50%; border: 1px solid #999; margin: 0 auto;}

.slider .title{background-color:rgba(136,189,86, 0.9) !important; color: #fff !important; padding: 15px 30px; font-size: 56px; font-weight:600;}
.slider .heading{background-color:rgba(0,130,201, 0.9) !important; color: #fff !important; padding: 5px 30px; font-size: 22px; font-weight:500;}
.slider .btn{letter-spacing: 1px;}

iframe{width:100% !important; border: 1px solid #ddd !important;}

.form-control .dropdown-menu{background:#fff !important; text-align: left !important; font-size: 12px !important; border: 0 !important; width: 100% !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important;}


span.dselect-placeholder{padding: 30px 0 !important; text-transform: capitalize !important; text-align: left !important; font-size: 12px !important;}

.dropdown,.put-rounded {border: 0px solid #66c !important; padding: 0 !important; margin: 0 !important; text-align: left !important;}

.dropdown button{border: 1px solid #999 !important; padding: 11px; text-transform: capitalize !important; border-radius: 0; text-align: left !important;}
.form-control .dropdown{width: 100% !important; padding: 0 !important; text-align: left !important;}
.dropdown .dropdown-item{border: 0 !important;  text-align: left !important;}
.text-justify{text-align: justify !important;}

.btn-outline{padding:3px 5px !important; margin-top: 4px;}

.course .card{border: 1px solid #dadada; padding: 3px; border-radius:6px; transition: all .5s;}
.course:hover .card{box-shadow: 0 0 10px #999; background: #F9F9F9;}

.text-white{color: #FFF !important;}
.text-dark{color: #333 !important;}

.ashade-socials a {margin-rigth:10px !important;}
.cdt{font-size: 14px !important; font-weight: 500; text-shadow: none;}

.course{border-bottom:1px solid #dadada;}

   
@media (max-width: 600px){
     .tp-caption.small{display: none !important;}
    .icon-box h4{font-size: 14px !important;}    
.box-icon img{width:50px !important;}    
.cdt{font-size: 10px !important; font-weight: 500; text-shadow: none; line-height: 12px;} 
    .cdt i{display: none;}
.book{margin-top: -5px !important;}    
.watermark{position: absolute; text-transform: uppercase;  right: 2%; top:4%; color:rgba(255,255,255, 0.9); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #dadada !important; font-size: 22px; font-weight: 700;} 
     
.text-1 {
	font-size: 11px !important;
}
    .btn-outline{border-width: 1px !important; padding:5px 10px !important; margin-top: 4px;}
}


.mycart{position: absolute; font-size: 12px; background: #75c044; width:18px; color: #fff; line-height: 18px; text-align: center; height: 18px; border-radius: 50%; left:18px;}

@media (max-width: 991px) {
.card-body h4,.card-body h5{font-size: 14px;}
.slider .title{background-color:rgba(136,189,86, 0.9) !important; color: #fff !important; padding: 15px 30px; font-size: 56px; font-weight:600;}
.slider .heading{background-color:rgba(0,130,201, 0.9) !important; color: #fff !important; padding: 5px 30px; width: auto !important; font-size: 12px !important; font-weight:500;}
    .top-sub-title, .col{font-size: 10px;}
    .col i{display: none;}
    .card h4{font-size: 14px !important;}
    h1{font-size:22px !important;}
    h2{font-size:20px !important;}
    h3{font-size:18px !important;}
    h4{font-size:16px !important;}
    p,.flex{font-size: 12px;}
    .nav-link{font-size: 12px !important; padding:10px 25px !important; text-align: center;}
    .nav-link i{font-size:28px !important;}
    .hidden-xs{display: none !important;}
}

.border-dark{border:1px solid #bbb !important;}
@media (max-width: 1440px) {
/*
.card-body i{font-size:2vw !important;}
.card-body .col{font-size:2vw !important;}
.card-body h4{font-size:2vw !important;}
.card-body p{font-size:1vw !important;}    
*/
.nav-item .nav-link{margin:0; padding:10px 10px !important;}    
}



.dropdown-menu li a{display:block !important;} 
.dropdown-menu li a span{float: right !important; padding-right: 20px; color:#999; font-size: 12px;}
.bg-lsa-red{background: #e7382d !important;}
.bg-lsa{background: #75c044 !important;}

.bg-lsa-dark{background: #212121 !important;}
.bg-lsa-gray{background: #999 !important;}
.bg-light-gray{background: #f1f1f1 !important;}
.bg-lsa-blue{background: #0082c9 !important;}
.fixed{position: fixed !important;}
.text-lsa-blue{color: #0082c9 !important;}
.text-lsa{color: #75c044 !important;}
.text-light-gray{color: #dadada !important;}
.text-gray{color: #999 !important;}
.form-control{border: 1px solid #999;}
.form-control:hover,.form-control:focus{border: 1px solid #66c;}
.btn-lsa{background: #75c044 !important; color: #fff;}
.btn-lsa:hover{background: #0082c9 !important; color: #fff;}
.btn-blue{background: #0082c9 !important; color:#fff;}
.btn-blue:hover{background: #66f !important; color:#fff;}
.btn-white{background: #fff !important;}
.btn-white:hover{background: #f1f1f1 !important;}
.input-rounded{border-radius: 25px;}
.normal{font-weight: 500 !important;}
.btn-xl{font-size: 16px; padding:12px 25px;}
.nav a{color: #333 !important;}
.nav a:hover, .nav .active{color: #75c044 !important;}
.text-darker{color: #333 !important;}
.btn-default{background: none; border-radius: 0px !important;}
.btn-default:hover{background: #f1f1f1; border-radius: 0px !important;}

.box-icon img{width:80px;}
.card-body p{line-height: 16px; margin-bottom: 10px;}
.resp{width: 100%;}

.testimonial img{width: 200px !important; border:1px solid #999;}
a.link{display:inline !important; background: none !important; color: #66c !important; font-size: 14px !important;}
a.link:hover{text-decoration: none !important;}
.l-height-1{line-height: 20px !important;}
.book{margin-top: -8px;}
.book i{font-size:18px; padding-right: 5px; font-weight: 700;}
.bold{font-weight: 700;}