body{
    background: url(../images/innerpagebg.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.containers {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.box {
    flex: 1;
    background-color: #171e36;
    color: white;
    padding: 1.25rem; 
    
    box-sizing: border-box;
    transition: height 0.3s; 
}

.box1 {
    height: 8.125rem;
}

.box2 {
    height: 8.75rem; 
}

.box3 {
    height: 10.875rem; 
}
.box1main {
    height: 6.125rem !important; 
    
}
.box2main {
    height: 6.75rem !important; 
}
.box3main {
    height: 8.875em !important; 
   /* margin-bottom: 2px;*/
}

@media (max-width: 48rem) { 
    .container {
        flex-direction: column; 
    }
}

.mt--150 {
    margin-top: -7.5rem; 
    z-index: 1;
}

.mt--100 {
    margin-top: -2.5rem; 
    z-index: 1;
}

.main-slider {
    z-index: -1;
}

.custom-hr {
    border: 0.0625rem solid #ccc; 
    margin: 0.5rem 0; 
}
.no-left-right-margin  {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-top-right-bottom {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.c

.card{ border: none !important; border-radius: 0px !important;}
.main-nav {
    
    padding: 10px 0;
}

.main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-nav li {
    display: inline;
    margin-right: 20px;
    position: relative;
}

.main-nav a {
    text-decoration: none;
    color: #fff;
}


.mega-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 20px;
    z-index: 1;
}

.nav-item:hover .mega-menu {
    display: block;
}


.mega-column {
    float: left;
    padding: 0 10px;
}


.mega-column .responsive-div {
    background-color: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px;
    display: inline-block;
}
.marquee-container {
    width: 100%;
    height: 1.5625em;
    overflow: hidden;
    position: relative;
  }

  .marquee {
    position: absolute;
    white-space: nowrap;
    animation: marquee 10s linear infinite;
  }

  @keyframes marquee {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  .parent-container {
    display: table;
    width: 100%;
    height: 100%; 
  }
  
  .centered-table {
    display: table-cell;
    vertical-align: middle;
    text-align: center; 
  }
  
  .centered-div {
    display: inline-block;
   
  }
  .card-title span{ float: right;}
  .thumb-abhi-slider{ /*height: 17.5em;*/ overflow:  hidden !important;}
  .thumb-abhi-slider img{ width: 100%; min-height: 180px; max-height: 180px;}

  .text-orange{ color: orangered !important;}
.element-bg {
    background-color: rgba(169, 169, 169, 0.7); 
}  

@keyframes blink {
    0% { opacity: 1; } 
    50% { opacity: 0; } 
    100% { opacity: 1; } 
}

.blinking-text {
    animation: blink 1s infinite; 
}
.live-news-widget-stair{ background-color: blue; height: 8px; float: right;}
.live-news-widget-stair-l{ background-color: red; height: 8px; float: left;}

.mt-34{ margin-top: -2.125em;}
.mt-10{margin-top: 0.625em;}
.w-100-h-o-h{ width: 100px; height: 120px; overflow: hidden;}
.p-5-18{padding: 5px 18px !important;}
.m-0{ margin: 0px !important;}
.bg-gold{ background-color: #cd9c36; }
.bg-silver{ background-color: #9f9f9f; }
.bg-bronze{ background-color: #a67555; }
.glow-effect{box-shadow:
    0 0 20px rgba(255, 223, 128, 0.5),
    0 0 40px rgba(255, 223, 128, 0.5),
    0 0 60px rgba(255, 223, 128, 0.5),
    0 0 80px rgba(255, 223, 128, 0.5);}
.float-right{ float: right !important;}


.login-container {
    position: fixed;
    top: 0;
    right: -420px; 
    width: 420px; 
    height: 100%;
    background: linear-gradient(150deg, #1B394D 33%, #2D9DA7 34%, #2D9DA7 66%, #EC5F20 67%);
    box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
    transition: right 0.3s ease;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.login-form {
    width: 80%; 
    max-width: 300px; 
    text-align: center; 
    padding: 20px; 
}


.form-group {
    margin-bottom: 20px;
    text-align: left; 
}

label {
    display: block;
    font-weight: normal;
    margin-bottom: 5px;
}

input[type="text"],
input[type="password"],
select {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

button[type="submit"] {
    background-color: #3498db;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
}


.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
    z-index: 999;
}



.form-icon {
    color: #fff;
    background-color: #1B394D;
    font-size: 75px;
    line-height: 92px;
    height: 90px;
    width: 90px;
    margin: -65px auto 10px;
    border-radius: 50%;
}

.b-btm{ border-top: none !important; 
    border-bottom: 1px solid #ccc;
    border-right: none !important;
    border-left: none !important;
}
.point-table-widget img{ width:20px;}
@media (max-width: 767px) { 
    .stack-on-top {
      order: -1; 
    }
    .mt-10{ margin-top: 0px !important;}
    .mt--150{margin-top: 33px !important;}
    .mt--100{ margin-top:1.5rem !important;}
    .top-hear-slider{ margin-top: 30px !important;}
      .vertical-align-container {
    display: flex;
    align-items: center; /* Vertically center items */
    justify-content: center; /* Horizontally center items */
    height: 100%; /* Set the height of the container to 100% */
    
}



    .box1 {
        height: 6.123rem !important; 
        
    }
    .box2 {
        height: 6.125rem !important; 
        margin-bottom: 2px;
    }
    .box3 {
        height: 7.125rem !important; 
        margin-bottom: 2px;
    }

    .box1main {
        height: 4.125rem !important; 
        
    }
    .box2main {
        height: 4.75rem !important; 
    }
    .box3main {
        height: 4.875em !important; 
      /*  margin-bottom: 2px;*/
    }
    .custom-hr {
        border: none !important; 
        margin: 0.5rem 0; 
    }
  }

  #captcha {
    font-size: 24px;
    font-weight: bold;

    padding: 10px;
   
    display: inline-block;
  }

.cursor-pointer{ cursor: pointer;}
@media (max-width: 576px) {
    .responsive-modal .modal-dialog {
        max-width: 100%;
    } 
}

@media (min-width: 577px) {
    .responsive-modal .modal-dialog {
        max-width: 90%;
       
    }
}

.modal-body{ overflow: scroll;}
.modal-body td{ vertical-align: middle!important;
}
.modal{margin-top: 60px;}
.carousel-caption h3{ background: rgba(0, 0, 0, 0.3); /* Add a semi-transparent background */ padding: 7px 0;}
.carousel-caption {
    
    color: white;
    text-align: center;
    padding: 10px; /* Adjust padding as needed */
    position: absolute;
    top: 50%; /* Move the caption 50% from the top */
    left: 0;
    right: 0;
    transform: translateY(-50%); /* Vertically center using translateY */
}
/* .carousel-caption  h3{ font-size: 2rem !important;} */
.carousel-item img{ width:100%; }
.carousel-item{ width: 100%; max-height: 370px !important; overflow: hidden;}
.tree li {
    list-style-type: none;
    margin: 0;
    padding: 10px 5px 0 5px;
    position: relative;
  }

  .tree li::before {
    content: '';
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    right: auto;
    left: -20px;
    border-left: 1px solid #ccc;
    bottom: 50px;
  }

  .tree li::after {
    content: '';
    position: absolute;
    top: 30px;
    width: 25px;
    height: 20px;
    right: auto;
    left: -20px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }

  .tree li a {
    display: inline-block;
    background: #f1f1f1;
    padding: 8px 10px;
    text-decoration: none;
    color: #333;
    border-radius: 5px;
  }

  /* Additional styles for tree items */
  .tree li.parent_li>span {
    cursor: pointer;
  }

  .tree li.parent_li>span::before {
    content: '\f0d7';
    font-family: FontAwesome;
    margin-right: 5px;
  }

  .tree li.parent_li>span::after {
    content: ' ';
    position: absolute;
    border: 1px solid #ccc;
    left: -10px;
    top: 12px;
    width: 12px;
    height: 2px;
  }

/* Media query for mobile view (adjust the breakpoint as needed) */
@media (max-width: 767px) {
    .no-left-right-margin {
        margin-left: 0;
        margin-right: 0;
    }
}
.alert p{ 
    font-size: 11px !important;
    padding: 1px !important;
    margin: 2px !;
}