/*---------------------------------------------*/
input {
	outline: none;
	border: none;
}

textarea {
  outline: none;
  border: none;
}

textarea:focus, input:focus {
  border-color: transparent !important;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

input::-webkit-input-placeholder { color: #adadad;}
input:-moz-placeholder { color: #adadad;}
input::-moz-placeholder { color: #adadad;}
input:-ms-input-placeholder { color: #adadad;}

textarea::-webkit-input-placeholder { color: #adadad;}
textarea:-moz-placeholder { color: #adadad;}
textarea::-moz-placeholder { color: #adadad;}
textarea:-ms-input-placeholder { color: #adadad;}

/*---------------------------------------------*/
button {
	outline: none !important;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}

iframe {
	border: none !important;
}


/*---------------------------------------------*/
.container {
	max-width: 1200px;
}





/*//////////////////////////////////////////////////////////////////
[ Contact ]*/

.container-cts-media-app {
	
  width: 100%; min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 9px;

}

.wrap-cts-media-app {
  width: 100%;
  background: linear-gradient(to right,  #004e92,#000428);
  border-radius: 10px;
  overflow: hidden;
  padding: 42px 55px 45px 55px;
}


/*------------------------------------------------------------------
[ Form ]*/

.cts-media-app-form {
  width: 100%;
}

.cts-media-app-form-title {
  display: block;
  font-family: Poppins-Bold;
  font-size: 39px;
  color: #333333;
  line-height: 1.2;
  text-align: center;
  padding-bottom: 6px;
}



/*------------------------------------------------------------------
[ Input ]*/

.wrap-input100 {
    width: 100%;
    position: relative;
    border-bottom: 2px solid #ffd350;
    padding-bottom: 6px;
    margin-bottom: 13px;
}

.label-input100 {
    font-size: 13px;
    color: #c6edff;
    line-height: 1.5;
    padding-left: 5px;
    font-weight: bold;
}

.input100 {
  display: block;
  width: 100%;
  background: transparent;
  font-family: Roboto;
  font-size: 14px;
  color: #fff;
  line-height: 1.2;
  padding: 0 5px;
}
.input200 {
    display: block;
    width: 100%;
	height: 30px;
    background: transparent linear-gradient(#72c1ff,#54caff,#3f5cff) 0 0 no-repeat padding-box;
    font-family: Roboto;
    font-size: 14px;
    color: #000;
    line-height: 1.2;
    font-weight: bold;
    letter-spacing: 3px;
    padding: 0 5px;
}
.focus-input100 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.focus-input100::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  background: #7f7f7f;
}


/*---------------------------------------------*/
input.input100 {
  height: 24px;
}


textarea.input100 {
  min-height: 110px;
  padding-top: 9px;
  padding-bottom: 13px;
}


.input100:focus + .focus-input100::before {
  width: 100%;
}

.has-val.input100 + .focus-input100::before {
  width: 100%;
}


/*------------------------------------------------------------------
[ Button ]*/
.container-cts-media-app-form-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 13px;
}

.wrap-cts-media-app-form-btn {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
  border-radius: 25px;
  overflow: hidden;
  margin: 0 auto;
}

.cts-media-app-form-bgbtn {
  position: absolute;
  z-index: -1;
  width: 300%;
  height: 100%;
  top: 0;
  left: -100%;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.cts-media-app-form-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  width: 100%;
  height: 50px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #00113a;
  line-height: 1.2;
}

.wrap-cts-media-app-form-btn:hover .cts-media-app-form-bgbtn {
  left: 0;
}

.cts-media-app-form-btn i {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.cts-media-app-form-btn:hover i {
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}


/*------------------------------------------------------------------
[ Responsive ]*/

@media (max-width: 576px) {
  .wrap-cts-media-app {
    padding: 30px 15px 30px 15px;
  }
}



/*------------------------------------------------------------------
[ Alert validate ]*/

.validate-input {
  position: relative;
}

.alert-validate::before {
  content: attr(data-validate);
  position: absolute;
  max-width: 70%;
  background-color: #fff;
  border: 1px solid #c80000;
  border-radius: 2px;
  padding: 4px 25px 4px 10px;
  top: 58%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2px;
  pointer-events: none;

  font-family: Poppins-Regular;
  color: #c80000;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;

  visibility: hidden;
  opacity: 0;

  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.alert-validate::after {
  content: "\f06a";
  font-family: FontAwesome;
  display: block;
  position: absolute;
  color: #c80000;
  font-size: 16px;
  top: 58%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 8px;
}

.alert-validate:hover:before {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 992px) {
  .alert-validate::before {
    visibility: visible;
    opacity: 1;
  }
}



/*//////////////////////////////////////////////////////////////////
[ Restyle Select2 ]*/

.select2-container {
  display: block;
  max-width: 100% !important;
  width: auto !important;
}

.select2-container .select2-selection--single {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  height: 24px;
  outline: none;
  position: relative;
}

/*------------------------------------------------------------------
[ in select ]*/
.select2-container .select2-selection--single .select2-selection__rendered {
  font-family: Roboto;
  font-size: 14px;
  color: #fff;
  line-height: 1.2;
  padding-left: 5px ;
  background-color: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.select2-selection__arrow b {
  display: none;
}

.select2-selection__arrow::before {
  content: '';
  display: block;
 border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid #999999;
  margin-bottom: 2px;
}

.select2-selection__arrow::after {
  content: '';
  display: block;
 border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #999999;
}

/*------------------------------------------------------------------
[ Dropdown option ]*/
.select2-container--open .select2-dropdown {
  z-index: 1251;
  border: 0px solid #e5e5e5;
  border-radius: 0px;
  background-color: white;

  box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
}

.select2-dropdown--above {top: -30px;}
.select2-dropdown--below {top: 8px;}

.select2-container .select2-results__option[aria-selected] {
  padding-top: 10px;
  padding-bottom: 10px;
}

.select2-container .select2-results__option[aria-selected="true"] {

  color: white;
}

.select2-container .select2-results__option--highlighted[aria-selected] {
  color: white;
}

.select2-results__options {
  font-family: Roboto;
  font-size: 15px;
  color: #333333;
  line-height: 1.2;
}

.select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: none;
  font-family: Poppins-Regular;
  font-size: 15px;
  color: #333333;
  line-height: 1.2;
}




.application-form-title {
	
    display: block;
    font-family: Poppins-Bold;
    font-size: 30px;
	-webkit-background-clip: text;
 /*  -webkit-text-fill-color: transparent; */
    line-height: 1.2;
    text-align: center;
    padding-bottom: 0px;
	
}
.dashborad_item_tittle {
    display: block;
    font-family: Poppins-Bold;
    font-size: 15px;
    color: #333333;
    line-height: 1.2;
    text-align: center;
    padding-bottom: 2px;
}

.container-cts-media-app {	

background: -webkit- linear-gradient(90deg, #041627 0%, #053c6d 100%)
background:  linear-gradient(90deg, #041627 0%, #053c6d 100%);
}
.cts-media-app-form-bgbtn {
background: #ff9300 ; 
background: -webkit- transparent linear-gradient(#ffeb00,#ffc300,#ff9300) 0 0 no-repeat padding-box;
background:  transparent linear-gradient(#ffeb00,#ffc300,#ff9300) 0 0 no-repeat padding-box;
}
.select2-container .select2-results__option[aria-selected="true"] {
background: #041627 ; 
background: -webkit- linear-gradient(90deg, #041627 0%, #053c6d 100%);
background:  linear-gradient(90deg, #041627 0%, #053c6d 100%);
}
.select2-container .select2-results__option--highlighted[aria-selected] {
background: #041627 ;background: -webkit- linear-gradient(90deg, #041627 0%, #053c6d 100%); 
background:  linear-gradient(90deg, #041627 0%, #053c6d 100%);
}
 /* model */
	
.overlay_cts_seek_admission {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
 visibility: hidden;
  opacity: 0;
  z-index:99999;
}
.overlay_cts_seek_admission:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_seek_admission {
  margin: 40px auto;
  padding: 10px;
  background: #252525;
  border-radius: 5px;
  width: 50%;
  height: 90%;
  position: relative;
}

.popup_cts_seek_admission h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup_cts_seek_admission .close {
    position: absolute;
    top: 2px;
    right: 3px;
    transition: all 200ms;
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
    color: #ffe713;
    z-index: 88;
}
.popup_cts_seek_admission .close:hover {
  color: #06D85F;
}
.popup_cts_seek_admission .content {
  max-height: 95%;
  overflow: hidden;
}

  @media all and (max-width: 500px) and (min-width: 200px) {
.popup_cts_seek_admission{	width: 88%;
  margin: 20px auto;
  height:90%;
}
}
/* model */







 /* Modern Notification Modal UI */
.overlay_cts_notifications {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999999 !important;
  background: rgba(8, 15, 30, 0.78);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.overlay_cts_notifications:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_notifications {
  position: relative;
  width: 100%;
  max-width: 640px;
  max-height: 88vh;
  margin: auto;
  padding: 0;
  background: linear-gradient(165deg, #0f1c3f 0%, #081026 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 20px;
  box-shadow: 0 25px 60px -10px rgba(0, 0, 0, 0.8), 0 0 35px rgba(0, 168, 255, 0.15);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transform: scale(0.92);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.overlay_cts_notifications:target .popup_cts_notifications {
  transform: scale(1);
}

/* Header styling */
.modal-header-cts,
.popup_cts_notifications .modal-header-cts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 22px;
  background: rgba(255, 255, 255, 0.04);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.modal-title-cts,
.popup_cts_notifications h5 {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 10px;
  letter-spacing: 0.3px;
  text-align: left;
}

.popup_cts_notifications h5 .fa-bell {
  color: #fbbf24;
  font-size: 1.2rem;
  filter: drop-shadow(0 0 8px rgba(251, 191, 36, 0.5));
}

/* Close button */
.popup_cts_notifications .close,
.popup_cts_notifications .close-btn-cts {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
  text-decoration: none;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  transition: all 0.25s ease;
  z-index: 10;
  cursor: pointer;
}

.popup_cts_notifications .close:hover,
.popup_cts_notifications .close-btn-cts:hover {
  background: #ef4444;
  color: #ffffff;
  transform: rotate(90deg) scale(1.08);
  box-shadow: 0 0 15px rgba(239, 68, 68, 0.5);
}

/* Content Body */
.popup_cts_notifications .content-div {
  padding: 20px 22px;
  max-height: calc(88vh - 70px);
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
}

/* Custom Scrollbar */
.popup_cts_notifications .content-div::-webkit-scrollbar {
  width: 6px;
}
.popup_cts_notifications .content-div::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 4px;
}
.popup_cts_notifications .content-div::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}
.popup_cts_notifications .content-div::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.4);
}

/* Notification Items & Cards */
.popup_cts_notifications .list-group-item,
.popup_cts_notifications .notification-item {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  color: #f1f5f9;
  margin-bottom: 16px;
  padding: 18px;
  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
}

.popup_cts_notifications .list-group-item:last-child,
.popup_cts_notifications .notification-item:last-child {
  margin-bottom: 0;
}

.popup_cts_notifications .list-group-item:hover,
.popup_cts_notifications .notification-item:hover {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(99, 213, 255, 0.35);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35);
}

.popup_cts_notifications .list-group-item.active,
.popup_cts_notifications .notification-item.is-today {
  background: linear-gradient(135deg, rgba(13, 110, 253, 0.15), rgba(99, 213, 255, 0.06));
  border-color: rgba(99, 213, 255, 0.4);
}

/* Inner elements styling inside notifications */
.popup_cts_notifications .list-group-item h4,
.popup_cts_notifications .notification-item h4,
.popup_cts_notifications .notification-body h4 {
  background: linear-gradient(135deg, #1e3b8a 0%, #0f172a 100%) !important;
  border: 1px solid rgba(59, 130, 246, 0.3) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-align: center !important;
  margin-bottom: 14px !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  white-space: normal !important;
}

.popup_cts_notifications .list-group-item img,
.popup_cts_notifications .notification-item img,
.popup_cts_notifications .notification-body img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
  display: block !important;
  margin: 12px auto !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.popup_cts_notifications .list-group-item a.btn,
.popup_cts_notifications .notification-item a.btn,
.popup_cts_notifications .notification-body a.btn,
.popup_cts_notifications .notification-body .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 12px 20px !important;
  font-weight: 700 !important;
  border-radius: 50px !important;
  font-size: 0.88rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-top: 10px !important;
  transition: all 0.25s ease !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3) !important;
}

.popup_cts_notifications .list-group-item a.btn-warning,
.popup_cts_notifications .notification-body a.btn-warning {
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  color: #000000 !important;
}

.popup_cts_notifications .list-group-item a.btn:hover,
.popup_cts_notifications .notification-item a.btn:hover,
.popup_cts_notifications .notification-body a.btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(245, 158, 11, 0.5) !important;
  opacity: 0.95 !important;
}

/* Timeago & Meta Footer */
.popup_cts_notifications .notification-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px dashed rgba(255, 255, 255, 0.08);
}

.popup_cts_notifications .timeago,
.popup_cts_notifications .timeago-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  float: none !important;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.popup_cts_notifications .badge-new-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 20px;
  background: linear-gradient(135deg, #10b981, #059669);
  color: #ffffff;
  margin-bottom: 10px;
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.4);
}

/* Empty notifications styling */
.popup_cts_notifications .empty-notifications {
  text-align: center;
  padding: 40px 20px;
  color: #94a3b8;
}

.popup_cts_notifications .empty-notifications i {
  font-size: 3rem;
  margin-bottom: 12px;
  opacity: 0.5;
}

.popup_cts_notifications .empty-notifications p {
  font-size: 1rem;
  margin: 0;
}

@media (max-width: 600px) {
  .popup_cts_notifications {
    width: 95%;
    max-height: 92vh;
    border-radius: 16px;
  }
  .modal-header-cts,
  .popup_cts_notifications .modal-header-cts {
    padding: 14px 18px;
  }
  .popup_cts_notifications .content-div {
    padding: 16px 14px;
  }
}

/* Modern District Selector Modal */
.district-modal-popup {
    max-width: 650px !important;
    border: 1px solid rgba(99, 213, 255, 0.35) !important;
    box-shadow: 0 25px 60px -10px rgba(0, 0, 0, 0.85), 0 0 35px rgba(99, 213, 255, 0.2) !important;
    border-radius: 24px !important;
}

.district-search-box {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    padding: 10px 18px !important;
    font-size: 0.95rem !important;
    box-shadow: none !important;
}

.district-search-box:focus {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: #63d5ff !important;
    box-shadow: 0 0 15px rgba(99, 213, 255, 0.3) !important;
}

.btn-district-item {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #e2e8f0;
    border-radius: 14px;
    padding: 10px 14px;
    font-size: 0.92rem;
    font-weight: 600;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    text-align: left;
}

.btn-district-item i {
    color: #63d5ff;
    font-size: 0.95rem;
    transition: transform 0.25s ease;
}

.btn-district-item:hover {
    background: linear-gradient(135deg, rgba(0, 102, 255, 0.4) 0%, rgba(99, 213, 255, 0.25) 100%);
    border-color: #63d5ff;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(99, 213, 255, 0.25);
}

.btn-district-item:hover i {
    transform: scale(1.25);
    color: #ffd166;
}

.text-cyan {
    color: #63d5ff !important;
}
/* model */


/* model contentmodel*/
	
.overlay_cts_contentmodel {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  background: rgba(0, 0, 0, 0.7);
 visibility: hidden;
  opacity: 0;
}
.overlay_cts_contentmodel:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_contentmodel {
  margin: 3% auto;
    padding-top: 20px;
  padding-right: 8px;
  padding-left: 8px;
  background: #ffffffd9;
 border-radius: 5px;
  width: 45%;
  height:79%;
  position: relative;
}

.popup_cts_contentmodel h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup_cts_contentmodel .close {
    position: absolute;
    top: 2px;
    right: 3px;
    transition: all 200ms;
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
    color: #ffe713;
    z-index: 88;
}
.popup_cts_contentmodel .close:hover {
  color: #06D85F;
}
.popup_cts_contentmodel .content-div {
  max-height: 91%;
  overflow-x: hidden;
  overflow-y:auto;
}

  @media all and (max-width: 500px) and (min-width: 200px) {
.popup_cts_contentmodel{	width: 95%;
  height:92%;
  margin: 5% auto;
}
}
/* free contentmodel */







/* model camera*/	
.overlay_cts_camera_model_pro {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
 visibility: hidden;
  opacity: 0;
  z-index:99999;
}
.overlay_cts_camera_model_pro:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_camera_model_pro {
  margin: 40px auto;
  padding: 20px;
  background: #252525;
  border-radius: 5px;
  width: 70%;
  height:70%;
  position: relative;
}
.popup_cts_camera_model_pro h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup_cts_camera_model_pro .close {
    position: absolute;
    top: 2px;
    right: 3px;
    transition: all 200ms;
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
    color: #ffe713;
    z-index: 88;
}
.popup_cts_camera_model_pro .close:hover {
  color: #06D85F;
}
.popup_cts_camera_model_pro .content {
  max-height: 95%;
  overflow: hidden;
}

  @media all and (max-width: 300px) and (min-width: 200px) {
.popup_cts_camera_model_pro{	width: 90%;
  margin: 20px auto;
  height:auto;
}
}
/* model camera */




















/* model camera*/	
.overlay_cts_camera_model {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
 visibility: hidden;
  opacity: 0;
  z-index:99999;
}
.overlay_cts_camera_model:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_camera_model {
  margin: 40px auto;
  padding: 20px;
  background: #252525;
  border-radius: 5px;
  width: 400px;
  position: relative;
}
.popup_cts_camera_model h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup_cts_camera_model .close {
    position: absolute;
    top: 2px;
    right: 3px;
    transition: all 200ms;
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
    color: #ffe713;
    z-index: 88;
}
.popup_cts_camera_model .close:hover {
  color: #06D85F;
}
.popup_cts_camera_model .content {
  max-height: 95%;
  overflow: hidden;
}

  @media all and (max-width: 500px) and (min-width: 200px) {
.popup_cts_camera_model{	width: 90%;
  margin: 20px auto;
  height:auto;
}
}
/* model camera */



#imageprev{
width: 240px;
height: 240px;		
}

.choose_file{
    position:relative;
    display:inline-block;  
}
.choose_file .upload{
    -webkit-appearance:none; 
    position:absolute;
    top:0; left:0;
    opacity:0; 
}




/* slice */
 .slice_image{
  border: double 5px transparent;
  border-radius: 50%;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #FFEB3B,#FF9800);
  background-origin: border-box;
  background-clip: content-box, border-box;
  }
  	 .slice_text{
text-align: center;
  }
.slice_text_title{
font-size:14px;
font-weight:bold;
color:#acd7ff;
  }
.slice_text_design{
font-size:12px;
font-weight:bold;
margin-top: -27px;
  background: -webkit-linear-gradient(#ffffff, #9ed1ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }
/* slice */


.ch_msg_img{
border-radius:12px;
float:left;
 height:100%;
 width:50%;
margin:10px;
}

  @media all and (max-width: 500px) and (min-width: 200px) {
	.ch_msg_img{
 width:100%;
 margin:0px;
} }
  @media all and (max-width: 500px) and (min-width: 200px) {
	.desktoponly{
 display:none;

} } 
.bntaddmission {
  width: 100%;
  background: var(--gradient-primary);
  color: #0B132B !important;
  letter-spacing: 1px;
  border-radius: 12px;
  padding: 12px 24px;
  white-space: nowrap;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border: none;
  box-shadow: 0 4px 20px rgba(0, 102, 255, 0.3);
}

.bntaddmission:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(99, 213, 255, 0.4);
  color: #0B132B !important;
}

.bntaddmission2 {
  width: 100%;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  color: #ffffff !important;
  letter-spacing: 1px;
  border-radius: 12px;
  padding: 12px 24px;
  white-space: nowrap;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  border: 1px solid rgba(99, 213, 255, 0.3);
}

.bntaddmission2:hover {
  background: rgba(0, 102, 255, 0.2);
  border-color: rgba(99, 213, 255, 0.6);
  transform: translateY(-2px);
  color: var(--cyan-accent) !important;
}

.bnt_addmission {
  background: var(--gradient-primary);
  margin-left: 25px;
  color: #0B132B !important;
  letter-spacing: 1px;
  border-radius: 50px;
  padding: 10px 25px;
  white-space: nowrap;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border: none;
  box-shadow: 0 4px 20px rgba(0, 102, 255, 0.3);
}

.bnt_addmission:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(99, 213, 255, 0.4);
  color: #0B132B !important;
}

.list-group-item {
  font-size: 14px;
  background: rgba(10, 25, 47, 0.9);
  color: white;
  border-color: rgba(255, 255, 255, 0.08);
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% { opacity: 0.6; }
}

/* Modal Popups */
.overlay_cts_popoptions {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(11, 19, 43, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  visibility: hidden;
  opacity: 0;
  z-index: 9999999;
  transition: all 0.3s ease;
}

.overlay_cts_popoptions:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_popoptions {
  margin: 6% auto;
  padding: 35px 30px;
  background: rgba(10, 25, 47, 0.96);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(99, 213, 255, 0.3);
  border-radius: 24px;
  width: 70%;
  max-width: 800px;
  position: relative;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.7);
}

.popup_cts_popoptions h5 {
  color: var(--cyan-accent);
  font-weight: 800;
  letter-spacing: 2px;
  font-size: 20px;
  margin-bottom: 25px;
}

.popup_cts_popoptions .close {
  position: absolute;
  top: 15px;
  right: 20px;
  transition: all 200ms;
  font-size: 28px;
  color: rgba(255, 255, 255, 0.7);
  z-index: 88;
}

.popup_cts_popoptions .close:hover {
  color: var(--cyan-accent);
  transform: rotate(90deg);
}

.popup_cts_popoptions .bntaddmission,
.popup_cts_popoptions .bntaddmission2 {
  width: 100%;
  border-radius: 50px;
  padding: 14px 20px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 8px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.popup_cts_popoptions .bntaddmission {
  background: linear-gradient(135deg, #0066FF 0%, #63d5ff 100%) !important;
  color: #0B132B !important;
  border: none !important;
}

.popup_cts_popoptions .bntaddmission font {
  color: rgba(11, 19, 43, 0.9) !important;
  font-weight: 600;
  display: block;
  margin-top: 2px;
}

.popup_cts_popoptions .bntaddmission2 {
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #FFFFFF !important;
  border: 1px solid rgba(99, 213, 255, 0.3) !important;
}

.popup_cts_popoptions .bntaddmission2 font {
  color: var(--cyan-accent) !important;
  font-weight: 500;
  display: block;
  margin-top: 2px;
}

.popup_cts_popoptions .bntaddmission2:hover {
  background: rgba(0, 102, 255, 0.25) !important;
  border-color: rgba(99, 213, 255, 0.7) !important;
  color: #FFFFFF !important;
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(99, 213, 255, 0.3);
}

.popup_cts_popoptions .bntaddmission:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(99, 213, 255, 0.4);
}
.popup_cts_popoptions .content {
  max-height: 30%;
  overflow: hidden;
}

  @media all and (max-width: 500px) and (min-width: 200px) {
.popup_cts_popoptions{	width: 92%;
  margin: 10% auto;
}
.popup_cts_popoptions {
  margin: 22% auto;
}
}
/* model */



.overlay_cts_popoptions_view {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(11, 24, 52, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 999999 !important;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.overlay_cts_popoptions_view:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_popoptions_view {
  margin: 1vh auto;
  padding: 0;
  background: #ffffff;
  border-radius: 18px;
  width: 98% !important;
  max-width: 98vw !important;
  height: 94vh !important;
  max-height: 94vh !important;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.35);
  border: 1px solid #cbd5e1;
  display: flex;
  flex-direction: column;
}

.popup_cts_popoptions_view h5 {
  margin: 0;
  background: linear-gradient(135deg, #0b2545 0%, #134074 60%, #1d4ed8 100%);
  color: #ffffff !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  padding: 14px 20px;
  border-bottom: 2px solid #3b82f6;
  text-align: left !important;
}

.popup_cts_popoptions_view .close {
  position: absolute;
  top: 12px;
  right: 14px;
  transition: all 0.2s ease;
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.25);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}
.popup_cts_popoptions_view .close:hover {
  color: #ffffff !important;
  background: #ef4444;
  border-color: #ef4444;
}
.popup_cts_popoptions_view > div[id^="load-"] {
  padding: 20px;
  background: #f8fafc;
  overflow-y: auto;
  max-height: 80vh;
}

  @media all and (max-width: 500px) and (min-width: 200px) {
.popup_cts_popoptions_view{	width: 92%;
  margin: 10% auto;
}
.popup_cts_popoptions_view {
  margin: 22% auto;
}
}
/* model */



@media all and (max-width: 600px) and (min-width: 100px) {
.popup_cts_popoptions_view	{
 height: 96vh;
 width: 96%;
 overflow-y:auto;
}
	
}

























/* Form submit button */
.form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
   width: 20%;
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #f6a515;;
    border-radius: 0 3px 3px 0;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
} 
.form-wrapper button:hover{
    background: #ce8709;
}  
.form-wrapper button:active,
.form-wrapper button:focus{
    background: #c42f2f;
}

.form-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #f6a515; transparent;
    top: 12px;
    left: -6px;
}

.form-wrapper button:hover:before{
    border-right-color: #ce8709;
}

.form-wrapper button:focus:before{
    border-right-color: #c42f2f;
}  
.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}
    /* EOS */
.form-wrapper-search input {
    width: 80%;
      height: 40px;
    padding: 10px 5px;
    float: left;
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    border-radius: 3px 0 0 3px;
}

.form-wrapper-search input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}

.form-wrapper-search input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}

.form-wrapper-search input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}

.form-wrapper-search input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}  
/* Form submit button */
.form-wrapper-search button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
   width: 20%;
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #053c6d;;
    border-radius: 0 3px 3px 0;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
} 
.form-wrapper-search button:hover{
    background: #ce8709;
}  
.form-wrapper-search button:active,
.form-wrapper-search button:focus{
    background: #c42f2f;
}

.form-wrapper-search button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #053c6d; transparent;
    top: 12px;
    left: -6px;
}

.form-wrapper-search button:hover:before{
    border-right-color: #ce8709;
}

.form-wrapper-search button:focus:before{
    border-right-color: #c42f2f;
}  
.form-wrapper-search button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}	
	
/* model */
	.popup_header_searchresults{
font-size: 20px;
  font-weight: bold;
  text-align:center;
}
.app_popup_overlay_searchresults {
  position: fixed;
  z-index: 9999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
 visibility: hidden;
  opacity: 0;

  padding-right:6px;
  padding-left:6px;
}
.app_popup_overlay_searchresults:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_app_searchresults {
  margin: 100px auto;
  padding: 20px;
  background: transparent;
  background:  transparent;  /* fallback for old browsers */
background:  transparent;  /* Chrome 10-25, Safari 5.1-6 */
    background:  transparent;
  border-radius: 5px;
  width: 40%;
  height:auto;
  position: relative;
 	background:linear-gradient(to right, #2c49646e, #000000)
}


.popup_cts_app_searchresults .close {
    position: absolute;
    top: 2px;
    right: 3px;
    transition: all 200ms;
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
    color: #ffe713;
    z-index: 88;

}
.popup_cts_app_searchresults .close:hover {
  color: #06D85F;
}
.popup_cts_app_searchresults .qoute_content {
  max-height: 95%;
  overflow: auto;
  text-align:center;
  margin-top:10px;
}

  @media all and (max-width: 700px) and (min-width: 300px) {

  .popup_cts_app_searchresults{
    width: 95%;
	height:auto;
	margin-top:10%;
	padding: 5px;
  }

}

/* model */








/* model */
	
.overlay_cts_addmissionform {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  background: rgba(0, 0, 0, 0.7);
 visibility: hidden;
  opacity: 0;
}
.overlay_cts_addmissionform:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_addmissionform {
  margin: 20px auto;
    padding-top: 20px;
  padding-right: 8px;
  padding-left: 8px;
  background: #ffffffd9;
 border-radius: 5px;
  width: 58%;
  height:90%;
  position: relative;
}

.popup_cts_addmissionform h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup_cts_addmissionform .close {
    position: absolute;
    top: 2px;
    right: 3px;
    transition: all 200ms;
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
    color: #ffe713;
    z-index: 88;
}
.popup_cts_addmissionform .close:hover {
  color: #06D85F;
}
.popup_cts_addmissionform .content-div {
  max-height: 95%;
  overflow-x: hidden;
  overflow-y:auto;
}

  @media all and (max-width: 500px) and (min-width: 200px) {
.popup_cts_addmissionform{	width: 95%;
  height:95%;
  margin: 20px auto;
}
}
/* model */


/* mobile responsive */
 
 .newsupdates {
cursor: pointer;
width:100%;
font-weight:bold;
padding:6px;
border-radius:18px;
background:#00000059;
height:auto;
position: relative;
margin-top: 0;
Z-index:88;
color:white;
text-shadow: 2px 2px #212529;	 
 
 }
.admission{
box-shadow: -1px -1px 3px 2px #b4daff;
border-radius: 16px;
margin-top:1%;
margin-right:13%;
margin-left:13%;
margin-bottom:1%;
padding:20px;
background: linear-gradient(to right, #041627, #053c6d);
}

.panel{
box-shadow: -1px -1px 3px 2px #b4daff;
border-radius: 16px;
background: linear-gradient(to right, #041627, #053c6d);
padding: 20px 40px;
margin-top:10px;
margin-bottom:6%;
margin-left:6%;
margin-right:6%;

}

.table-scroll tbody {
    display: block;
    position: relative;
    width: 100%;
    overflow-y: scroll;
}

.body-half-screen {
    max-height: 36vh;
    overflow-x: hidden;
    min-height: 36vh;
}
.table-scroll tr {
    width: 100%;
    display: flex;
}
.table-scroll td, .table-scroll th {
    flex-grow: 2;
    display: block;
    text-align: center;
}
@media all and (max-width: 500px) and (min-width: 200px) {
#hero {
    width: 100%;
    height: 95vh;
}
#hero .hero-img img	 {
    height: 30vh;
    width: 90%;
    margin-top: -10vh;
}
.mobres{
margin-top: 0px;
}
#hero h1 {
    font-size: 24px;
	letter-spacing:3px;
    line-height: 36px;
} 
.newsupdates {
margin-top: 0;
}
.admission{
margin:6px;	
}
}
.formsection{
transition: all ease-in-out 0.3s;
    box-shadow:-1px -1px 3px 2px linear-gradient(to right, #041627, #053c6d);
border-radius:16px;
	margin-bottom:18px;
	margin-top:7px;
	margin-left:3px;
	margin-right:3px;
	background:  linear-gradient(to right, #041627, #053c6d);;
}


.form_section_header2{
border-top-right-radius:16px;
 border-top-left-radius: 16px;
 background:transparent linear-gradient(#7dff83,#77ba28,#bdff71) 0 0 no-repeat padding-box;
 color:white;
 text-shadow: -1px -1px 3px #000000;
 font-weight:bold;
 font-size:16px;
 padding:6px;
 width:100%;
 letter-spacing:2px;	
}
.form_section_header{
border-top-right-radius:16px;
 border-top-left-radius: 16px;
 background:transparent linear-gradient(#72c1ff,#54caff,#3f5cff) 0 0 no-repeat padding-box;
 color:white;
 text-shadow: -1px -1px 3px #000000;
 font-weight:bold;
 font-size:16px;
 padding:6px;
 width:100%;
 letter-spacing:2px;	
}
@media all and (max-width: 3000px) and (min-width: 420px) {
	.textarea_select {
margin-top: 32px;}
}

@media all and (max-width: 420px) and (min-width: 120px) {
.sweet-alert button {
    background-color: #8cd4f5;
    color: white;
    border: 0;
    box-shadow: none;
    font-size: 15px;
    font-weight: bold;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 12px;
    margin: 26px 5px 0 5px;
    cursor: pointer;
}

}
/* camra */
 #stage{background:#eee;width:300;height:300px;overflow:hidden;
         position:relative;}
  #output{width:300px;height:300px;position:absolute;top:0;;}
  #controls{position:absolute;width:40px;right:15%;bottom:3%;}
  #change{position:absolute;right:-100px;top:-300px;width:100px;}
  button{font-size:22px;text-align:center;display:block;}
  #change button{width:60px;border:none;background:#fff;}
  #stage {
  width: 300px;
  height:300px;
  position:absolute;
  object-fit: contain; 
}

/* camra */



/* model */
	
.overlay_cts_banner {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
 visibility: hidden;
  opacity: 0;
}
.overlay_cts_banner:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_banner {
  margin: 70px auto;
    padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  background: #ffffffd9;
  z-index:99999999999;
  border-radius: 5px;
  width: 58%;
  height:80%;
  position: relative;
}

.popup_cts_banner h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup_cts_banner .close {
  position: absolute;
  top: 1px;
  right: 10px;
  transition: all 200ms;
  font-size: 40px;
  font-weight: bold;
  text-decoration: none;
  color: white;
  z-index:99999999999;
}
.popup_cts_banner .close:hover {
  color: #06D85F;
}
.popup_cts_banner .content-div {
  max-height: 95%;
  overflow-x: hidden;
  overflow-y:auto;
}
.banner_pop_img{
width: 100%;
height:100%;
border-radius:12px;	
}
  @media all and (max-width: 600px) and (min-width: 200px) {
.popup_cts_banner{	width: 95%;
  height:auto;
  margin: 25% auto;
}
.banner_pop_img{
width: 100%;
height:300px;
border-radius:8px;	
}

}
/* model */



  @media all and (max-width: 2000px) and (min-width: 500px) {
#hero { 
  height: 82vh;
  } 
 .newsupdates{
margin-top: 0;
 }	 
}

.callinfo{
letter-spacing:1px;
font-weight:700;
font-size:16px;
color:#63d5ff !important;
text-shadow: none !important;
}

.blinking{
animation: blinking 1s linear infinite;
	}
@keyframes blinking{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.99rem 0rem;
    background: #000000;
    border: 1px solid rgba(0,0,0,.125);
}

.list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    color: #f4f5f6;
    text-decoration: none;
    background-color: #02366a;
}

@keyframes glow{
  0%{
  box-shadow: 5px 5px 20px rgb(255 240 109),0px -1px 10px 0px rgb(255 240 109);}
 50%{
  box-shadow: 5px 5px 20px rgb(81, 224, 210),0px -1px 10px 0px rgb(81, 224, 210)
  }
  100%{
  box-shadow: 5px 5px 20px #a4e3ff,0px -1px 10px 0px #a4e3ff
  }
}


.ng-pristine{
color:white;	
}



.btn-shine {
  -webkit-appearance: none;
  border: 0;
  outline: 0;
  background: linear-gradient(-45deg, #0066FF, #63d5ff, #3B82F6, #63d5ff);
  background-size: 300% 300%;
  animation: gradientBG 4.5s ease infinite;
  text-transform: uppercase;
  border-radius: 50px;
  font-size: 0.95rem;
  transition: all 0.3s ease;
}
@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.badge-profile {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fffff;
}
.profile-logout{
top:-15px;
right:0px;
position:absolute;	
	
}
.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color);
}
.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.list-group-item {
    color: white;
    background-color: #323e4d;
}
.list-group-item {
    font-size: 13px;
}
.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

*, ::after, ::before {
    box-sizing: border-box;
}
user agent stylesheet
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.list-group {
    --bs-list-group-color: #212529;
    --bs-list-group-bg: #fff;
    --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: 0.375rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: #495057;
    --bs-list-group-action-hover-color: #495057;
    --bs-list-group-action-hover-bg: #f8f9fa;
    --bs-list-group-action-active-color: #212529;
    --bs-list-group-action-active-bg: #e9ecef;
    --bs-list-group-disabled-color: #6c757d;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius);
}

ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.list-group-item + .list-group-item {
    border-top-width: 0;
}
.list-group-item {
    color: white;
    background-color: #323e4d;
}
.table-header-top {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    width: 100%;
    font-size: 20px;
    background: linear-gradient(to right, #0575e6, #021b79);
    color: white;
    padding: 15px;
    text-align: center;
}

/* About / Chairmen sections */
.about .content h3 {
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 16px;
}

.about .content p {
    font-style: normal !important;
    font-size: 15px;
    line-height: 1.75;
    color: rgba(255, 255, 255, .82) !important;
    text-align: justify;
}

.about .content .chairmen-sign {
    margin-top: 14px;
    padding-left: 14px;
    border-left: 3px solid var(--cyan-accent, #63d5ff);
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
}

.about .content .chairmen-sign strong {
    color: #ffffff;
    font-size: 16px;
}

.about .content .chairmen-sign span {
    color: var(--cyan-accent, #63d5ff);
    font-size: 12px;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.about .content ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: #ffffff;
}

#about .content,
#chairmen .content {
    padding: 26px 28px;
}

#chairmen .row {
    align-items: stretch;
}

/* Let the photo column fill the row height so no gap is left under the image */
#chairmen .row > [class*="col-lg-6"] {
    display: flex;
    flex-direction: column;
}

#chairmen .row > [class*="col-lg-6"] > img {
    flex: 1 1 auto;
    height: 100%;
    max-height: none !important;
    object-fit: cover;
}

@media (max-width: 991px) {
    #about .content,
    #chairmen .content {
        padding: 20px 16px;
    }
    #chairmen .row > [class*="col-lg-6"] > img {
        flex: 0 0 auto;
        max-height: 340px !important;
    }
}

@media (max-width: 991px) {
    .about .content p {
        text-align: left;
    }
}

/* Header Register button: amber gradient with dark text for contrast */
.get-started-btn,
.get-started-btn:focus {
    background: transparent linear-gradient(#ffeb00, #ffc300, #ff9300) 0 0 no-repeat padding-box;
    color: #1a1200 !important;
    font-weight: 800;
    text-shadow: none;
    border: none;
    box-shadow: 0 4px 18px rgba(255, 147, 0, .35);
}

.get-started-btn:hover {
    background: transparent linear-gradient(#ffef4d, #ffcf33, #ffa726) 0 0 no-repeat padding-box;
    color: #1a1200 !important;
    box-shadow: 0 8px 26px rgba(255, 147, 0, .5);
}

.get-started-btn i {
    color: #1a1200 !important;
}

/*--------------------------------------------------------------
# Unified popup / modal + button interface
--------------------------------------------------------------*/
.overlay_cts_popoptions,
.app_popup_overlay_searchresults,
.overlay_cts_addmissionform {
    background: rgba(6, 14, 30, .82);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: opacity .25s ease, visibility .25s ease;
    overflow-y: auto;
    padding: 24px 14px;
}

.popup_cts_popoptions,
.popup_cts_app_searchresults {
    width: 100%;
    max-width: 760px;
    margin: 5vh auto;
    padding: 26px 24px 24px;
    background: linear-gradient(160deg, #0a1930 0%, #0d2b4d 100%);
    border: 1px solid rgba(99, 213, 255, .22);
    border-radius: 20px;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .6);
}

.popup_cts_app_searchresults {
    max-width: 540px;
}

.popup_cts_popoptions .popup_header_searchresults,
.popup_cts_app_searchresults .popup_header_searchresults,
.popup_cts_popoptions h5 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 14px;
    margin-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

/* One close button style everywhere */
.popup_cts_popoptions .close,
.popup_cts_app_searchresults .close,
.popup_cts_popoptions_view .close {
    top: 14px;
    right: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    font-size: 20px;
    line-height: 1;
    color: #ffffff;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    opacity: 1;
    text-shadow: none;
}

.popup_cts_popoptions .close:hover,
.popup_cts_app_searchresults .close:hover,
.popup_cts_popoptions_view .close:hover {
    color: #0b132b;
    background: var(--cyan-accent, #63d5ff);
    border-color: transparent;
    transform: none;
}

/* Menu buttons inside popups */
.popup_cts_popoptions .bntaddmission,
.popup_cts_popoptions .bntaddmission2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 62px;
    padding: 12px 16px;
    margin-bottom: 0;
    border-radius: 14px;
    font-size: 13px;
    letter-spacing: .6px;
    white-space: normal;
    text-align: center;
}

.popup_cts_popoptions .bntaddmission font,
.popup_cts_popoptions .bntaddmission2 font {
    font-size: 10px !important;
    letter-spacing: .3px;
    text-transform: uppercase;
    opacity: .85;
}

/* Animated shine must not override the popup button palette */
.popup_cts_popoptions .btn-shine {
    animation: none;
    background-size: 200% 200%;
    text-transform: uppercase;
}

.popup_cts_popoptions .content,
.popup_cts_popoptions .content-div {
    max-height: 72vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
}

/* Search form: pill input + attached button */
.popup_cts_app_searchresults .form-wrapper-search {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-top: 6px !important;
    padding-bottom: 10px !important;
}

.popup_cts_app_searchresults .form-wrapper-search input,
.popup_cts_app_searchresults .form-wrapper-search input[type="text"] {
    flex: 1 1 auto;
    float: none;
    width: auto;
    height: 48px;
    padding: 10px 18px;
    font: 500 15px "Inter", "Poppins", sans-serif;
    color: #ffffff !important;
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .18);
    border-right: 0;
    border-radius: 50px 0 0 50px;
}

.popup_cts_app_searchresults .form-wrapper-search input::placeholder {
    color: rgba(255, 255, 255, .55);
    font-style: normal;
    font-weight: 400;
}

.popup_cts_app_searchresults .form-wrapper-search input:focus {
    outline: none;
    background: rgba(255, 255, 255, .14) !important;
    border-color: var(--cyan-accent, #63d5ff);
    box-shadow: none;
}

.popup_cts_app_searchresults .form-wrapper-search button {
    flex: 0 0 auto;
    float: none;
    width: 64px;
    height: 48px;
    font-size: 17px;
    line-height: 48px;
    color: #0b132b;
    background: linear-gradient(135deg, #0066ff 0%, #63d5ff 100%);
    border-radius: 0 50px 50px 0;
    text-shadow: none;
    transition: filter .2s ease;
}

.popup_cts_app_searchresults .form-wrapper-search button:hover,
.popup_cts_app_searchresults .form-wrapper-search button:active,
.popup_cts_app_searchresults .form-wrapper-search button:focus {
    background: linear-gradient(135deg, #0066ff 0%, #63d5ff 100%);
    filter: brightness(1.08);
}

.popup_cts_app_searchresults .form-wrapper-search button:before,
.popup_cts_app_searchresults .form-wrapper-search button:hover:before,
.popup_cts_app_searchresults .form-wrapper-search button:focus:before {
    display: none;
}

@media (max-width: 767px) {
    .popup_cts_popoptions,
    .popup_cts_app_searchresults {
        margin: 4vh auto;
        padding: 22px 14px 18px;
        border-radius: 16px;
    }
    .popup_cts_popoptions .bntaddmission,
    .popup_cts_popoptions .bntaddmission2 {
        min-height: 58px;
        font-size: 12px;
    }
    .popup_cts_popoptions .content,
    .popup_cts_popoptions .content-div {
        max-height: 76vh;
    }
}