html, body {
  width: auto!important; 
  overflow-x: hidden!important;
}
body a{
  text-decoration: none;
 }
#ts-551539321230222 {
    background-color: rgb(78 115 9);
    height: 48px;
}

/*---------------------------------------------------Banner Title-----------------------------*/
.astroid-banner-inner .astroid-banner-title {
    color: #fff;
    visibility: hidden;
}
.astroid-banner-inner {
  margin-bottom: 20px;
}
/*------------------------------------------------------End------------------------------------*/
._divTop_contact {
  
}
._divTop_contact ul{
  padding: 0;
  list-style: none;
  display: inline-flex;
}
._divTop_contact li{
  padding: 10px 0;
  font-size: 15px;
  font-family: sans-serif;
  margin-right: 10px;
}
._bd-right {
  border-right: 2px solid;
}
._divTop_contact li a{
  text-decoration: none;
}
._divTop_menu {
  width: 100%;
}
._divTop_menu ul{
  padding: 0;
  list-style: none;
  display: inline-flex;
}
._divTop_menu ul li{
  padding: 10px 0;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  margin-right: 15px;
}
._divTop_menu ul li a{
  text-decoration: none;
}
.astroid-header-section header.astroid-header:not(.astroid-header-sticky) {
  padding: 0;
  z-index: 1;
}
.container {
  padding: 0;
}
.astroid-header-section {
  width: 100%;
  left: 0;
  z-index: 1002;
  background-color: var(--as-header-bg);
  height: auto;
}
.astroid-component-section {
  padding: 0;
}
.pull-right {
  float: right !important;
}
video {
  width: 100%;
  height: 540px;
  display: block;
  object-fit: cover;
}
.Div_news_area {
  width: 100%;
  border-bottom: 6px solid #fff;
  border-top: 6px solid #fff;
}
._divNews_1 {
  background: #fbc501;
  color: #fff;
}
._divNews_2 {
  background: #4e7309;
  color: #fff;
}
._cntDivNewsInnr {
  width: 100%;
  display: inline-flex;
}
._prtHead {
  width: 208px;
  border-right: 2px solid #fff;
}
._prtHead h2 {
  font-size: 20px;
  font-weight: 600;
  font-variant: small-caps;
  padding: 10px 0px;
}
._prtContent {
  padding: 6px 0;
  margin-left: 20px;
  font-family: sans-serif;
}
.evnt-btn {
  margin-left: 10px;
  border-radius: 25px;
  padding: 5px 15px 5px 15px;
  font-size: 14px;
  font-family: 'Montserrat';
  font-weight: 600;
}
.evnt-1 {
  border: 1px solid #4e7309;
  background: #fff;
  transition-duration: 0.5s;
}
.evnt-2 {
  border: 1px solid #fbc501;
  background: #fff;
  transition-duration: 0.5s;
}
.evnt-btn:hover {
  border: 1px solid #fff;
  background: none;
  transition-duration: 0.5s;
  color: #fff;
}
._divBtn {
  width: 138px;
}
.registration-btn {
  position: absolute;
  right: 116px;
  z-index: 97;
}
.registration-btn a {
  text-decoration: none;
}
.reg-btn {
  width: 224px;
  background: linear-gradient(90deg, #dc4110 50%, transparent 50%), linear-gradient(90deg, #dc4110 50%, transparent 50%), linear-gradient(0deg, #dc4110 50%, transparent 50%), linear-gradient(0deg, #dc4110 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 15px 4px, 15px 4px, 4px 15px, 4px 15px;
  background-position: 0px 0px, 200px 100px, 0px 100px, 200px 0px;
  padding: 10px;
  animation: border-dance 4s infinite linear;
}
@keyframes border-dance {
  0% {
    background-position: 0px 0px, 300px 116px, 0px 150px, 216px 0px;
  }

  100% {
    background-position: 300px 0px, 0px 116px, 0px 0px, 216px 150px;
  }
}
._Divlearing {
  padding: 60px 0 45px 0px;
  margin-bottom: 80px;
}
._Divlearing .main-image {
  width: 100%;
  display: block;
}
._Divlearing .circle {
  position: absolute;
  width: 178px;
  height: 178px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid white;
  transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

._Divlearing .circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: transform 0.3s ease;
  transition-duration: 0.5s;
}

._Divlearing .circle:hover {
  transform: scale(1.1);
  border-color: #00aaff;
  background-color: rgba(0, 170, 255, 0.2);
}

._Divlearing .circle:hover img {
  transform: scale(1.05);
  opacity: 20%;
  transition-duration: 0.5s;
}

/* Positioning the circles */
.circle1 {
  top: 15%;
  left: 5%;
}

.circle2 {
  top: 20%;
  left: 33%;
}

.circle3 {
  top: 35%;
  left: 60%;
}

.circle4 {
  top: 60%;
  left: 85%;
}

.learning-head {
  float: left;
  margin-top: -45px;
}

.learning-head ._lh2_1 {
  font-size: 56px;
  font-weight: 800;
  font-family: 'FontAwesome';
  color: #fff !important;
  position: absolute;
  left: 95px;
  top: 82%;
}

.learning-head ._lh2_2 {
  font-size: 56px;
  font-weight: 800;
  font-family: 'FontAwesome';
  color: #0c2952;
  position: absolute;
  left: 20%;
  top: 94%;
}
._Divlearing ._name {
  position: relative;
  z-index: 2;
  font-family: initial;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 21px;
  text-align: center;
  color: #ffff;
  padding: 10px;
}
._msgDiv {
  background: #e8f0ed;
  padding: 45px 0;
}

._msgChar {
  background: #fff;
  padding: 15px;
  height: 534px;
}

._msgChar img {
  width: 158px;
  height: 187px;
  margin-top: 15px;
  margin-right: 15px;
  border: 1px solid gray;
  float: left;
}

._msgDrt_Prin {
  background: #fff;
  padding: 15px;
  height: 260px;
}

._msgDrt_Prin img {
  width: 138px;
  height: 162px;
  margin-top: 15px;
  margin-right: 15px;
  border: 1px solid gray;
  float: left;
}

._mstHead {
  margin: 15px 0;
}

._msgChar ._mstHead h3 {
  font-size: 18px;
  font-weight: 600;
  padding-top: 160px;
  font-family: sans-serif;
  margin: 0;
}

._msgDrt_Prin ._mstHead h3 {
  font-size: 20px;
  font-weight: 600;
  padding-top: 10px;
  font-family: sans-serif;
  margin: 0;
}
._msgDiv p{
    margin-top: 0;
    margin-bottom: 5px;
    font-family: 'Montserrat';
}
.success-section {
  text-align: center;
  margin: 80px 0px;
}

.success-section h2 {
  font-size: 80px;
  text-align: center;
  font-family: Gotham-Black;
  margin: 0;
  margin-bottom: 20px;
  color: #6c6d63;
}

.columns-area {
  display: flex;
  justify-content: space-around;
  gap: 20px;
}

.column-success {
  flex: 1;
  background: #71737d;
  border-radius: 8px;
  padding: 45px;
  transition: transform 0.3s;
  opacity: 60%;
}

.column-success:hover {
  transform: translateY(-5px);
}

.count {
  font-size: 58px;
  font-weight: bold;
  color: #fff;
}

.subheading {
  margin-top: 20px;
  font-size: 24px;
  color: #e5e4ee;
  font-weight: 600;
  font-family: sans-serif;
}

._divGlobal {
  padding: 40px 0;
}

._divGlobal .head-title {
  font-size: 80px;
  text-align: center;
  font-family: Gotham-Black;
  margin: 0;
  color: #2b2a2a;
}

._bg-2 {
  background: #e8f0ed;
}

._divGlobal .box {
  padding: 30px;
  margin-top: 34px;
  min-height: 440px;
  color: #fff;
  border: 1px solid #df1b1b;
}

._divGlobal .box h3 {
  font-family: Gotham-Black;
  margin: 0 0 15px 0;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

._divGlobal .green {
  background: #2f6812 url(../images/cultural-exchange.png) right bottom no-repeat;
}

._divGlobal .red {
  background: #cf591e url(../images/global-comm.png) right bottom no-repeat;
}

._divGlobal .yellow {
  background: #beb61b url(../images/activities.png) right bottom no-repeat;
}
/*---------------------------------------------------------Apply Now-------------------*/
 /* Main container */
.container-apply {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  padding: 40px 20px;
  background-color: #f7f7f7;
  gap: 0;
}

/* Equal box layout */
.container-apply .left,
.container-apply .right {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  align-items: stretch;
}

/* Image styling */
.container-apply .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px 0 0 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Right box fully filled */
.container-apply .right {
  background-color: #fff;
  border-radius: 0 10px 10px 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: transform 0.3s ease;
}

/* Animation only on right (content) */
.container-apply .right:hover .content {
  animation: floatContent 1.5s ease-in-out infinite;
}

/* Content fills right box */
.container-apply .content {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

/* Text styling */
.container-apply .content h1 {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0px;
  text-transform: none;
  color: #fbc501;
}

.container-apply .content h3 {
  font-size: 24px;
  color: #27ae60;
  margin: 22px 0;
  font-weight: 600;
}

.container-apply .content p {
  font-size: 16px;
  color: #555;
  margin-bottom: 30px;
  line-height: 1.6;
  text-align: justify;
}

.container-apply .content button {
  padding: 10px 16px;
  font-size: 16px;
  background-color: #27ae60;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s ease;
  width: 168px;
}

.container-apply .content button:hover {
  background-color: #219150;
}

/* Up-down animation keyframes */
@keyframes floatContent {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

/* Responsive view */
/*---------------------------------------------------------Boarding-------------------*/
._divBoarding {
  font-family: Arial, sans-serif;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
  overflow: hidden;
  position: relative;
}

._divBoarding .boarding-headTitle {
  font-size: 80px;
  text-align: center;
  font-family: Gotham-Black;
  margin: 0;
  margin-bottom: 30px;
  color: #2b2a2a;
  ;
}

._divBoarding ._DivSlider-boarding {
  position: relative;
  margin-bottom: 30px;
}

._divBoarding .slider-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}

._divBoarding .slider {
  display: flex;
  transition: transform 0.5s ease;
  width: 100%;
}

._divBoarding .slide {
  min-width: calc(33.333% - 20px);
  margin: 0 10px;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
}

._divBoarding .slide img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  display: block;
  transition: all 0.5s ease;
}

._divBoarding .slide-overlay {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: bottom 0.5s ease;
  padding: 20px;
  box-sizing: border-box;
}

._divBoarding .slide:hover .slide-overlay {
  bottom: 0;
}

._divBoarding .slide-overlay h3 {
  font-size: 22px;
  margin-bottom: 10px;
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.3s ease 0.2s;
}

._divBoarding .slide:hover .slide-overlay h3 {
  transform: translateY(0);
  opacity: 1;
}

._divBoarding .nav-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.8);
  border: none;
  border-radius: 50%;
  color: #333;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 10;
  transition: all 0.3s;
}

._divBoarding .nav-button:hover {
  background: white;
  transform: translateY(-50%) scale(1.1);
}

#prevBtn {
  left: 10px;
}

#nextBtn {
  right: 10px;
}

.view-more {
  background: #0066cc;
  color: white;
  border: none;
  padding: 12px 30px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.3s;
  margin-top: 20px;
  text-decoration: none;
}

.view-more:hover {
  background: #0055aa;
}

/*--------------------------------------------------Sports----------------------*/
#prevBtn2 {
  left: 10px;
}

#nextBtn2 {
  right: 10px;
}

/*------------------------------------------------------------------Activities--------------------------------*/
.activities {
  padding: 45px 0;
}

.activities h2 {
  color: #a31f34 !important;
  line-height: 90px;
  margin-left: -190px;
  margin-bottom: 50px;
}

.activities .title {
  font-size: 80px;
  text-align: center;
  font-family: Gotham-Black;
  margin: 0;
  margin-bottom: 0px;
  margin-left: 0px;
  color: #fff;
}

.activities h2 span {
  color: #4d4d4d;
  display: block;
  margin-left: 538px;
}

.margin-btm {
  margin-bottom: 30px;
}

.mg-top-35 {
  margin-top: 35px;
}

/*------------------------------------------------------------Testimonials-----------------------*/
._testimoMod {
  padding: 20px 0 !important;
}

._testimoMod h2 {
 font-size: 80px;
  text-align: center;
  font-family: Gotham-Black;
  margin: 0;
  color: #2b2a2a;
  padding: 12px 0;
  border-bottom: 2px solid #fbc501;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
}
.owl-carousel .owl-item img {
  display: block;
  width: 172px;
  height: 172px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  margin-top: 15px;
  border: 3px solid #343940;
}

.jt-cs .jt-imagecover {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin-bottom: -84px !important;
}

.jt-cs .jt-imagecover::before {
  background: none;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s linear;
  z-index: 3;
}


.jt-cs .hover-icons {
  display: none;
}

/* Applies to all even elements */
.jt-cs .jt-introtext {
  color: #fff;
  font-family: 'Montserrat';
  padding: 88px 20px;
  background: #a3a3b8;
  height: 362px;
}

.jt-cs .jt-introtext p {
  line-height: 28px;
  margin: 0;
}

.jt-cs .slide {
  clear: both;
  height: 458px;
}

.g-map {
  width: 100%;
  height: 318px;
}

._gmap {
  width: 100%;
  height: 100%;
}

._ftr-addr {
  background: #fbc501;
  height: 320px;
  border-left: 1px solid #4e7309;
}

.address {
  color: #fff;
  padding: 10px 80px;
}

.address h4 {
  font-family: Lato;
  font-size: 38px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 15px 0;
}

.address p {
  font-family: Lato;
  font-size: 18px;
  font-weight: 500;
}

.address a {
  text-decoration: none;
}

.social {
  margin-top: 30px;
  padding: 0;
}

.social li {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
}

.social li a {
  text-decoration: none;
}

.social li .fab {
  width: 47px;
  height: 47px;
  border: 3px solid #fff;
  border-radius: 50%;
  display: block;
  color: #fff;
  font-size: 25px;
  text-align: center;
  line-height: 40px;
}

.py-2 {
  padding: 0 !important;
}

.astroid-footer {
  padding: 5px 0;
  font-family: system-ui;
  font-size: 14px;
  font-weight: 600;
  color: #070b35;
}

._divftr-2 {
  padding: 5px 0;
  font-family: system-ui;
  font-size: 14px;
  font-weight: 500;
  color: #070b35;
}

._divftr-2 p{
  margin-bottom: 0;
}
._techmlogo {
  width: 124px;
  height: auto;
}

#fs-1528971627712 {
  background: none;
  color: rgb(255, 255, 255);
}

/*----------------------------------------------------left-side-button--------------*/
._divBtnlft .side-button {
  position: fixed;
  background-color: #fbc501;
  color: #fff;
  padding: 8px;
  cursor: pointer;
  border: none;
  z-index: 1000;
  border-radius: 0 5px 5px 0;
  writing-mode: sideways-lr;
  text-orientation: inherit;
  transition: opacity 0.3s;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: sans-serif;
  font-size: 18px;
  font-weight: 700;
  width: 42px;
  height: 208px;
}

._divBtnlft .side-button.hidden {
  opacity: 0;
  pointer-events: none;
}

/* Popup Frame */
._divBtnlft .popup-frame {
  position: fixed;
  width: 398px;
  height: 400px;
  top: 50%;
  left: -600px;
  transform: translateY(-50%);
  background: #eee200;
  box-shadow: 3px 0 20px rgba(0, 0, 0, 0.3);
  padding: 34px;
  transition: left 0.4s ease, bottom 0.4s ease;
  z-index: 999;
}

._divBtnlft .popup-frame.show {
  left: 0;
}

._divBtnlft .popup-frame h4 {
  text-align: center;
  margin: -15px 0;
  font-size: 20px;
  font-weight: 700;
  font-family: inherit;
  color: #ffff;
}
._divBtnlft .grid-buttons a{
  text-decoration: none;
}
/* Close Button */
._divBtnlft .close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 32px;
  background: none;
  border: none;
  color: #333;
  cursor: pointer;
}

/* Button Grid */
._divBtnlft .grid-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  margin-top: 24px;
}

._divBtnlft .popup-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px;
  background-color: #eee200;
  border-radius: 0px;
  border: 1px solid #fff;
  cursor: pointer;
  transition: background-color 0.5s;
  position: relative;
  overflow: hidden;
  height: 92px;
}

._divBtnlft .popup-button img {
  width: 42px;
  height: 42px;
  transition: transform 0.5s ease, opacity 0.3s ease;
}

._divBtnlft .popup-button span {
  margin-top: 4px;
  font-size: 14px;
  color: #333;
  transition-duration: 0.5s;
}

._divBtnlft .popup-button:hover {
  background-color: #fff;
  transition-duration: 0.5s;
}

._divBtnlft .popup-button:hover span {
  margin-top: 48px;
  font-size: 14px;
  color: #333;
  transition-duration: 0.5s;
}

._divBtnlft .popup-button img.normal-icon {
  display: block;
}

._divBtnlft .popup-button img.hover-icon {
  display: none;
  position: absolute;
  top: 20px;
}

._divBtnlft .popup-button:hover img.normal-icon {
  display: none;
}

._divBtnlft .popup-button:hover img.hover-icon {
  display: block;
  animation: slideUp 0.4s ease;
}

@keyframes slideUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Right Side Button */
._divBtnRight {
  left: auto;
  right: 0;
  border-radius: 8px 0 0 8px;
  background-color: #28a745;
  /* Green */
}

._divBtnRight .right-button {
  position: fixed;
  background-color: #4e7309;
  color: white;
  padding: 0px 8px;
  cursor: pointer;
  border: none;
  z-index: 1000;
  border-radius: 5px 0px 0px 5px;
  writing-mode: sideways-lr;
  text-orientation: upright;
  transition: opacity 0.3s;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  font-family: sans-serif;
  text-align: center;
  width: 42px;
  height: 208px;
}
.astroid-article-full-image figure {
    margin-bottom: 0;
    float: left;
    margin-right: 20px;
}
.item-image img{
  width: 198px;
  height: 232px;
  border: 2px solid #fbc501;
}
.center {
  text-align: center !important;
}
.contact-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
  margin: 30px 0;
}
.contact-box {
  flex: 1;
  min-width: 250px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  text-align: center;
  padding: 20px;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 12px 12px 3px rgba(0, 0, 0, 0.2);
  height: 234px;
  transition-duration: 0.3s;
}
.contact-box:hover {
  background: #c7c7d4;
  transition-duration: 0.3s;
}
.contact-box a {
  color: #1f1f21;
}
.contact-box p {
  font-size: 16px;
  line-height: 1.5;
  font-family: "Raleway", sans-serif;
}
.contact-box h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.divider .outer-line{
  width: 25%;
  border-bottom: 1px solid #ddd;
}
.divider span{
  display: inline-block;
  vertical-align: middle;
}
.text-center {
  text-align: center !important;
}
.contact-box i {
  font-size: 40px;
  margin: 20px 0px;
  transition: color 0.3s ease;
}
/*-----------------------------------------------------------Form--------------------------------------------------------*/
._bnrTitle {
  margin: 0;
}
.top-text h2 {
  line-height: 36px;
  font-size: 36px;
  font-weight: 800;
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  color: #778085;
}
.top-text h4 {
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  margin: 23px 0 25px;
  font-weight: 400;
}
.contact-form-container {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
}
.contact-form {
  padding: 10px;
  max-width: 90%;
  width: 100%;
}
.contact-form .form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.contact-form .form-row .form-group {
  flex: 1;
  min-width: 48%;
}
.contact-form .form-group {
  margin-bottom: 15px;
  width: 100%;
}
.contact-form .form-group label {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #291e7b;
}
.contact-form .form-group input, .contact-form .form-group textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}
.contact-form .submit-btn {
  display: block;
  width: 234px;
  padding: 10px;
  background-color: #31abe5;
  border: none;
  border-radius: 4px;
  color: white;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}
/*---------------------------------------------------------------------Whatapp Button-----------------------------------*/
.whatsapp-button {
  position: fixed;
  bottom: 48px;
  right: 0px;
  z-index: 1000;
  width: 60px;
  height: 60px;
  background-color: #25d366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
}
/*----------------------------------------------Admission Query-----------------------------------------------------------*/
._divAdmsn_Enq_content {
  width: 100%;
  background: #f4f4f5;
  padding: 20px 10px;
  border-radius: 10px;
  border: 1px solid #fbc501;
}
._divAdmsn_Enq_content p{
  font-size: 16px;
  text-align: justify;
  font-family: sans-serif;
}
._divAdmsn_Enq_prtLogo {
  text-align: center;
}
._divAdmsn_Enq_prtLogo img{
  width: 182px;
  height: auto;
}
._divAdmsn_Enq_prtLogo h4{
  font-size: 20px;
  font-weight: 600;
  font-family: sans-serif;
  margin: 25px 0;
}

/*----------------------------------------------------Admission Query Form-----------------------------------------------*/
    .adms-enq-form .form-container {
        max-width: 800px;
        margin: 0 auto;
        background-color: white;
        padding: 30px;
        border-radius: 8px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        position: relative;
    }
    
    .adms-enq-form .form-heading {
        text-align: center;
        color: #2c3e50;
        margin-bottom: 30px;
    }
    
    .adms-enq-form .form-heading h1 {
        font-size: 28px;
        margin-bottom: 5px;
    }
    
    .adms-enq-form .section-heading {
        display: flex;
        align-items: center;
        color: #3498db;
        margin: 20px 0 15px 0;
        font-size: 18px;
    }
    
    .adms-enq-form .section-heading i {
        margin-right: 10px;
        font-size: 20px;
    }
    
    .adms-enq-form .form-row {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px 2px -10px;
    }
    
    .adms-enq-form .form-group {
        position: relative;
        flex: 0 0 50%;
        padding: 0 10px;
        margin-bottom: 10px;
    }
    
    .adms-enq-form .form-group.full-width {
        flex: 0 0 100%;
    }
    
    .adms-enq-form .input-group {
        position: relative;
        width: 100%;
    }
    
    .adms-enq-form .floating-label {
        position: absolute;
        left: 10px;
        top: 10px;
        color: #999;
        font-size: 14px;
        pointer-events: none;
        transition: 0.2s ease all;
    }
    
    .adms-enq-form input, select, textarea {
        width: 100%;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 16px;
    }
    
    .adms-enq-form input:focus, select:focus, textarea:focus {
        outline: none;
        border-color: #3498db;
        box-shadow: 0 0 5px rgba(52, 152, 219, 0.3);
    }
    
    .adms-enq-form input:focus ~ .floating-label,
    input:not(:placeholder-shown) ~ .floating-label,
    select:focus ~ .floating-label,
    select:not([value=""]) ~ .floating-label,
    textarea:focus ~ .floating-label,
    textarea:not(:placeholder-shown) ~ .floating-label {
        top: -8px;
        left: 8px;
        font-size: 12px;
        background-color: white;
        padding: 0 5px;
        color: #3498db;
    }
    
    .adms-enq-form  select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 15px;
    }
    
    .adms-enq-form .security-check {
        background-color: #f9f9f9;
        padding: 15px;
        border-radius: 4px;
        margin: 0;
        border: 1px dashed #ddd;
    }
    
    .adms-enq-form .submit-btn {
        background-color: #3498db;
        color: white;
        border: none;
        padding: 12px 20px;
        font-size: 16px;
        border-radius: 4px;
        cursor: pointer;
        width: 100%;
        font-weight: 600;
        transition: background-color 0.3s;
    }
    
    .adms-enq-form .submit-btn:hover {
        background-color: #2980b9;
    }
    
    .adms-enq-form .submit-btn:disabled {
        background-color: #95a5a6;
        cursor: not-allowed;
    }
    
    .adms-enq-form .required:after {
        content: " *";
        color: red;
    }
    
    .adms-enq-form .success-message {
        text-align: center;
        padding: 40px;
        background: #f8f9fa;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        max-width: 600px;
        margin: 20px auto;
        display: none;
    }
    
    .adms-enq-form .success-message.show {
        opacity: 1;
        pointer-events: auto;
    }
    
  .adms-enq-form .success-icon i {
    font-size: 60px;
    color: #28a745;
    margin-bottom: 20px;
}
    
    .adms-enq-form .success-icon {
        font-size: 60px;
        color: #2ecc71;
        margin-bottom: 20px;
    }
    
    .adms-enq-form .success-message h2 {
        color: #2c3e50;
        margin-bottom: 15px;
    }
    
    .adms-enq-form .success-message p {
        color: #7f8c8d;
        margin-bottom: 25px;
        line-height: 1.6;
        font-size: 20px;
    }
    
    .adms-enq-form .close-message {
        background-color: #3498db;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 4px;
        cursor: pointer;
        font-weight: 600;
    }
    
    
    /* Response message styling */
#formResponse {
    margin: 20px 0;
    padding: 15px;
    border-radius: 4px;
    display: none;
}

.adms-enq-form .response-message {
    padding: 15px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.adms-enq-form .response-message.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.adms-enq-form .response-message.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.adms-enq-form .response-message i {
    font-size: 1.2em;
}
/*--------------------------------------- Responsive for Mobile----------------------------------------------------------*/
@media (max-width: 768px) {
  video {
    height: 100%;
  }

  ._divBtnlft .side-button {
    writing-mode: inherit;
    text-orientation: mixed;
    bottom: 0;
    left: 0;
    top: auto;
    transform: none;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    width: 142px;
    height: 48px;
  }

  ._divBtnlft .popup-frame {
    width: 100%;
    height: 400px;
    left: 0;
    bottom: -100%;
    top: auto;
    transform: none;
    border-radius: 10px 10px 0 0;
  }

  ._divBtnlft .popup-frame.show {
    bottom: 0;
    left: 0;
  }

  ._divBtnlft .grid-buttons {
    margin-top: 50px;
  }

  ._divBtnRight .right-button {
    writing-mode: inherit;
    text-orientation: mixed;
    bottom: 0;
    right: 0;
    top: auto;
    transform: none;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    width: 142px;
    height: 48px;
    line-height: 14px;
    padding: 10px 0;
    z-index: 999;
  }

  ._cntDivNewsInnr {
    width: 100%;
    display: block;
    text-align: center;
  }

  ._prtHead {
    width: 100%;
    border-bottom: 1px solid #fff;
  }

  ._prtHead h2 {
    font-size: 18px;
    font-weight: 600;
    font-variant: small-caps;
    padding: 10px 0px;
    margin: 0px;
  }

  ._prtContent {
    width: 100%;
    height: auto;
    padding: 10px 8px;
    margin: 0px;
    font-family: sans-serif;
    font-size: 13px;
  }

  .registration-btn {
    position: static;
    width: 100%;
    text-align: center;
    z-index: 97;
  }
._Divlearing {
    padding: 30px 0 30px 0px;
    margin-bottom: 34px;
}
._Divlearing .main-image {
    width: 100%;
    height: 192px;
}
._Divlearing .circle {
    position: absolute;
    width: 64px;
    height: 64px;
  }
/* Positioning the circles */
.circle1 {
  top: 15%;
  left: 5%;
}

.circle2 {
  top: 20%;
  left: 33%;
}

.circle3 {
  top: 35%;
  left: 60%;
}

.circle4 {
  top: 60%;
  left: 85%;
}

.learning-head {
  float: left;
  margin-top: -45px;
}

.learning-head ._lh2_1 {
  font-size: 30px;
  font-weight: 700;
  font-family: 'FontAwesome';
  color: #fff !important;
  position: absolute;
  left: 38px;
  top: 70%;
}

.learning-head ._lh2_2 {
  font-size: 30px;
  font-weight: 700;
  font-family: 'FontAwesome';
  color: #0c2952;
  position: absolute;
  left: 33%;
  top: 90%;
}
._Divlearing ._name {
  position: relative;
  z-index: 2;
  font-family: initial;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 18px;
  text-align: center;
  color: #ffff;
  padding: 10px;
}
._msgDiv {
    background: #e8f0ed;
    padding: 20px 0;
}
._msgChar {
    background: #fff;
    padding: 15px;
    height: 400px;
}
._msgChar img {
  width: 136px;
  height: 154px;
  margin-top: 15px;
  margin-right: 15px;
  border: 1px solid gray;
  float: left;
}
._msgChar ._mstHead h3 {
    font-size: 18px;
    font-weight: 700;
    padding-top: 15px;
    font-family: 'Montserrat';
    margin: 0;
}
._msgDrt_Prin {
    background: #fff;
    padding: 15px;
    height: 338px;
}
._msgDrt_Prin img {
    width: 136px;
    height: 154px;
    margin-top: 15px;
    margin-right: 15px;
    border: 1px solid gray;
    float: left;
}
._msgDrt_Prin ._mstHead h3 {
    font-size: 18px;
    font-weight: 700;
    padding-top: 15px;
    font-family: 'Montserrat';
    margin: 0;
}

.success-section {
    text-align: center;
    margin: 30px 10px;
}
.success-section h2 {
    font-size: 34px;
    text-align: center;
    font-family: Gotham-Black;
    margin: 0;
    margin-bottom: 30px;
    color: #6c6d63;
}
.columns-area {
    display: flex;
    justify-content: space-around;
    gap: 10px;
}
.column-success {
    flex: 1;
    background: #71737d;
    border-radius: 5px;
    padding: 15px 0;
    transition: transform 0.3s;
    opacity: 25%;
}
.column-success .count {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}
.column-success .subheading {
    margin-top: 0px;
    font-size: 12px;
    color: #e5e4ee;
    font-weight: 600;
    font-family: sans-serif;
}

._divGlobal {
    padding: 25px 0;
}
._divGlobal .head-title {
    font-size: 30px;
    text-align: center;
    font-family: Gotham-Black;
    margin: 0;
    color: #2b2a2a;
}
._divGlobal .box {
    padding: 30px;
    margin-top: 20px;
    min-height: 318px;
    color: #fff;
    border: 1px solid #df1b1b;
}

._divBoarding {
    font-family: Arial, sans-serif;
    margin: 0 auto;
    padding: 25px 0;
    text-align: center;
    overflow: hidden;
    position: relative;
}
._divBoarding .boarding-headTitle {
    font-size: 30px;
    text-align: center;
    font-family: Gotham-Black;
    margin: 0;
    margin-bottom: 20px;
    color: #2b2a2a;
}
._divBoarding ._DivSlider-boarding {
    position: relative;
    margin-bottom: 5px;
}

.activities {
    padding: 25px 0;
}
.activities .title {
    font-size: 30px;
    text-align: center;
    font-family: Gotham-Black;
    margin: 0;
    margin-bottom: 0px;
    margin-left: 0px;
    color: #fff;
}
.activities h2 {
    color: #a31f34 !important;
    line-height: 25px;
    margin-left: -190px;
    margin-bottom: 50px;
}
.activities h2 span {
    color: #4d4d4d;
    display: block;
    margin-left: 0px;
}
._testimoMod h2 {
    font-size: 30px;
    text-align: center;
    font-family: Gotham-Black;
    margin: 0;
    color: #2b2a2a;
    padding: 0;
}

.address {
    color: #fff;
    padding: 15px;
}
.address h4 {
    font-family: Lato;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 10px 0;
}
.address p {
    font-family: system-ui;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
}

.social {
    margin-top: 20px;
    padding: 0;
}
.social li {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}
.social li .fab {
    width: 45px;
    height: 44px;
    border: 3px solid #fff;
    border-radius: 50%;
    display: block;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 40px;
}
.astroid-footer {
  text-align: center;
}
.pull-right {
    text-align: center !important;
}
._divftr-2 {
  text-align: center;
}
  .container-apply {
    flex-direction: column;
  }

.container-apply .left, .container-apply .right {
    flex: 1 1 50%;
    max-width: 100%;
    display: flex;
    align-items: stretch;
}

 .container-apply .left img {
    border-radius: 10px 10px 0 0;
  }

 .container-apply .right {
    border-radius: 0 0 10px 10px;
  }

.container-apply .content h1 {
    font-size: 24px;
  }

 .container-apply .content h3 {
    font-size: 18px;
  }
  ._divAdmsn_Enq_content {
  width: 100%;
  margin: 10px 0;
}
}