body {
  background-color: var(--colorwhite);
  font-size: 16px;
  font-weight: 500;
  color: var(--textcolor);
  background-color: var(--whitecolor);
  font-family: 'Roboto Condensed', sans-serif;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

html {
    scroll-behavior: smooth;
}
:root {
    --lightgraycolor: #f2f2f2;
    --blackcolor: #000;
    --whitecolor: #fff;
    --textcolor: #363636;
    --themecolor: #142865;
    --themecolor1: #EB0029;
    --themecolor2: #ffc107;
    --themecolor3: #198754;
}

@font-face {
  font-family: 'Exo';
  src: url('../Fonts/Exo-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Acme';
    src: url('../Fonts/Acme-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../Fonts/RobotoCondensed-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Catamaran';
    src: url('../Fonts/Catamaran-VariableFont_wght.ttf') format('truetype');
}


.common_container {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: 60px;
  padding-left: 60px;
}

.header {
  position: relative;
}

.header_top {
  position: relative;
  padding: 10px 0;
  background-color: var(--themecolor);
  overflow: hidden;
  padding-left: 420px;
  height: 45px;
}

    .header_top .cont_details {
        color: var(--whitecolor);
        float: left;
        font-size: 14px;
        line-height: 25px;
    }

.header_top .fa-phone {
  font-size: 21px;
  margin-top: 5px;
  color: var(--themecolor1);
  margin-right: 5px;
  float: left;
}

.scl_info {
  float: right;
  color: var(--whitecolor);
  padding-right: 40px;
  font-size: 14px;
  padding-top: 4px;
}

.header_top .fa-map-marker {
  color: var(--themecolor1);
  float: right;
  font-size: 21px;
  margin-right: 6px;
  margin-top: 4px;
}

.sticky_head {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  background: var(--whitecolor);
  height: 59px;
}

.sticky_head .fix_head {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: var(--whitecolor);
  -webkit-transition: all ease 0.8s;
  transition: all ease 0.8s;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
}

.main_logo {
  position: absolute;
  top: 0;
  left: 0;
  padding: 21px 30px;
}

.main_logo:before {
  background-color: var(--lightgraycolor);
  z-index: 1;
  border-radius: 0 150px 0px 0;
  content: '';
  height: 105px;
  width: 430px;
  position: absolute;
  top: 0;
  left: 0;
}

.main_logo:after {

  background-color: var(--themecolor);
  margin: 0px;
  border-radius: 0 150px 0px 0;
  content: '';
  height: 105px;
  width: 440px;
  position: absolute;
  top: 0;
  left: 0;
}

a.logo_img {
  position: relative;
  z-index: 99;
  width: 365px;
  display: block;
}

a.logo_img img {
  width: 100%;
}

.about_btn {
  float: right;
  margin-right: 20px;
}

.suter_btn {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  border: none;
  text-align: center;
  background-color: var(--themecolor);
  color: var(--whitecolor);
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  width: 160px;
  padding: 7px 0px;
  border-radius: 5px;
  z-index: 0;
}


.suter_btn:before {
  left: 0;
  border-radius: 5px;
}

.suter_btn:hover,
.suter_btn.active {
  color: var(--whitecolor);
}

.suter_btn:hover::before,
.suter_btn:hover:after,
.suter_btn.active::before,
.suter_btn.active:after {
  width: 55%;
  border-radius: 5px;
}

.suter_btn:before,
.suter_btn:after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: 0%;
  background-color: var(--blackcolor);
  z-index: -1;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.suter_btn:after {
  right: 0;
  border-radius: 5px;
}

.dropdown_top {
  color: var(--whitecolor);
  cursor: pointer;
  position: relative;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  z-index: 99;
  transform: perspective(1000px);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%), 0 3px 1px -2px rgb(0 0 0 / 0%), 0 1px 5px 0 rgb(0 0 0 / 4%);
}

.dropdown_menu {
  background-color: var(--whitecolor);
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  opacity: 0;
  text-align: center;
  top: 0;
  visibility: hidden;
  z-index: -2
}

.dropdown-menu li:first-child {
  cursor: default;
}

.dropdown_menu a {
  color: var(--textcolor);
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  -webkit-transition: all 1s;
  transition: all 1s;
  padding: 5px 8px;
  border-bottom: 1px solid #ededed;
}

.dropdown_menu li:last-child a {
  border: none;
}

.dropdown_menu a:hover {
  background: var(--themecolor);
  color: var(--whitecolor);
}

.dropdown_top:hover .dropdown_menu {
  background: var(--whitecolor);
  opacity: 1;
  border-radius: 0 0 5px 5px;
  padding-top: 10px;
  margin-top: -9px;
  /* border: 1px solid #f5f3f3; */
  visibility: visible;
  top: 100%;
  width: 100%;
  -webkit-transition: all .5s, background, 2s .5s linear;
  transition: all .5s, background 2s .5s linear;
  box-shadow: -1px 0px 3px #0000002e;
  overflow: hidden;
}

.wave_btn {
  border: 2px solid #00aeff;
  color: #00aeff;
  display: block;
  font-size: 18px;
  letter-spacing: 4px;
  overflow: hidden;
  padding: 10px 30px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}

.wave_btn span {
  position: relative;
  transition: color 1s ease;
  z-index: 1;
}

.wave_btn:hover span,
.wave_btn:focus span,
.wave_btn:active span {
  color: var(--whitecolor);
}

.wave:before {
  animation: wave 0.5s linear infinite;
  background-image: url(../MediaGallery/UI_Images/btn_wave.png);
  background-size: contain;
  content: '';
  height: 22px;
  left: 0;
  position: absolute;
  top: -22px;
  width: 100%;
}

.wave {
  background-color: #00aeff;
  height: 100%;
  left: 0;
  position: absolute;
  top: calc(100% + 22px);
  transition: top 1s ease;
  width: 100%;
}

.wave_btn:hover .wave,
.wave_btn:focus .wave,
.wave_btn:active .wave {
  top: 0;
}

.slider_banner {
  position: relative;
}

.banner_item {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #022c46;
}

.banner_item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../MediaGallery/UI_Images/patter_1.jpg);
  opacity: 0.08;
}

.banner_item .container {
  position: relative;
  padding-top: 200px;
  padding-bottom: 200px;
}

.banner_one_bubble_1 {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: #1888c9;
  top: 20%;
  left: -3%;
  -webkit-animation-name: bubbleMoveOne;
  animation-name: bubbleMoveOne;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

.banner_one_bubble_2 {
  position: absolute;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #7c4bc0;
  right: 35%;
  top: 20%;
  -webkit-animation-name: bubbleMoveTwo;
  animation-name: bubbleMoveTwo;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.banner_one_bubble_3 {
  position: absolute;
  width: 106px;
  height: 106px;
  border-radius: 50%;
  border: 24px solid #33a9bb;
  right: 35%;
  bottom: 10%;
  -webkit-animation-name: globeRotate;
  animation-name: globeRotate;
  -webkit-animation-duration: 10s !important;
  animation-duration: 10s !important;
}

.banner_item [class*=banner_one_bubble_] {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}

.baner_back_1 {
  position: absolute;
  right: -5%;
  top: 20%;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

#slider1 .owl-item img {
  width: 100%;
}

.banner_item_title {
  font-size: 70px;
  line-height: 19px;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: -.04em;
  margin: 0;
  font-family: 'Acme', sans-serif;
  margin-bottom: 12px;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.banner_item_tagline {
  margin: 0;
  font-size: 50px;
  font-family: "Satisfy";
  color: white;
  text-decoration: underline;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  margin-bottom: 55px;
}

.banner_item_btn {
  font-size: 18px;

  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.banner_item_person {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(255, 255, 255, 0.05);
  box-shadow: 0px 0px 40px 0px rgba(255, 255, 255, 0.05);
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.banner_item_person.r__80 {
  right: -80px
}

.baner_back_1 {
  position: absolute;
  right: -5%;
  top: 20%;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.banner_item [class*=banner_item__bubble-] {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}

#slider1 .active .banner_item_title,
#slider1 .active .paper_plne {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

#slider1 .active .banner_item_tagline {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

#slider1 .active .banner_item_btn,
#slider1 .active .pln_2 {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

#slider1 .active .banner_item_person {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

#slider1 .active .baner_back_1 {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.paper_plne {
  right: -10%;
  top: 63px;
  -webkit-animation: float-bob-y infinite 4s linear;
  animation: float-bob-y infinite 4s linear;
  position: absolute;
  z-index: 1;
}

img.pln_2 {
  transform: scalex(-1);
  position: absolute;
}

#slider1 .owl-dots {
  position: absolute;
  top: 45%;
  display: grid;
  left: 4%;
  transform: translateY(-55%);
}

#slider1 .owl-dots .owl-dot span {
  width: 14px;
  height: 14px;
  transition: all ease-in-out 0.3s;
  background-color: var(--whitecolor);
  display: block;
  --webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 0px;
  border: none;
}

#slider1 .owl-dots .owl-dot.active span,
#slider1 .owl-dots .owl-dot:hover span {
  background: var(--themecolor1);
  opacity: 1;
  border-radius: 0px;
  transition: all ease-in-out 0.3s;
  border: 0;

}

#slider1 .owl-dot {
  margin: 5px;
  border: 1px solid transparent;
}

#slider1 .owl-dot.active,
#slider1 .owl-dot:hover {
  border: 1px solid var(--themecolor1);
  transition: all ease-in-out 0.3s;
}

#slider1 .owl-nav {
  display: none;
}

.home_heading {
  font-family: 'Exo', sans-serif;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;

}

.home_heading::before {
  content: url(../MediaGallery/UI_Images/head_bg.png);
  position: absolute;
  z-index: -1;

}

.home_heading span {
  color: var(--themecolor);
  display: block;
}

section.about_us {
  padding: 60px 40px 80px 40px;
  background-image: url(../MediaGallery/UI_Images/about_bg.jpg);
  position: relative;
  z-index: 0;
  background-size: 100%;
}

.slider_banner::after {
  content: '';
  width: 100%;
  height: 20px;
  position: absolute;
  border: 0px;
  left: 0;
  background: url(../MediaGallery/UI_Images/notch_bottom.png);
  background-repeat: repeat-x;
  bottom: -2px;
}
.single_img img{
  width: 100% ;
  height: 600px;
}
.news_box {
  margin-left: 40px;
  background-color: rgb(255 255 255 / 82%);
  padding: 30px 40px 30px 40px;
  -webkit-box-shadow: 0px 0px 191px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 20px 17px 20px 20px rgb(0 0 0 / 2%);
  position: relative;
}

section.about_us p {
  text-align: justify;
  padding-right: 20px;
}

.news_box::before {
  background: var(--themecolor);
  content: url(../MediaGallery/UI_Images/news_cut.png);
  position: absolute;
  left: 0;
  height: 139px;
  top: 0;
  z-index: -1;
}

.news_card {
  padding: 15px 0 35px 0;
  border-bottom: 1px solid #cecece;
  position: relative;
}

.news_card span.date {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: var(--themecolor1);
  text-align: center;
  font-size: 22px;
  color: var(--whitecolor);
  vertical-align: text-top;
  padding: 8px;
  font-weight: 700;
}

.news_card span {
  font-size: 14px;
  font-weight: 600;
}

ul.news_list {
  list-style: none;
  padding-left: 0;
}

.news_card a, .news_card p {
    position: absolute;
    top: 20px;
    left: 57px;
    font-size: 18px;
    color: var(--textcolor);
    transition: all 0.3s linear;
    font-weight: 500;
    text-align: justify;
    line-height: 19px;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 38px;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
    .news_card a:hover {

  color: var(--themecolor);
}

span.mnth {
  position: absolute;
  bottom: 15px;
  background: #161921;
  padding: 3px 16px;
  color: #fff;
  left: 0;
  box-shadow: 0 0 40px #00000038;
}

img.news_stu {
  height: 400px;
  position: absolute;
  bottom: -4px;
  left: -25px;
  z-index: 9;
  filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 15%));
}

.rot_scale {
  position: absolute;
  top: -7%;
  right: -48px;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
  z-index: -1;
}

h4.news_head {
  font-family: 'Exo', sans-serif;
  font-size: 28px;
  font-weight: 700;
}

img.about_sape {
  left: -7px;
  width: 216px;
  position: absolute;
  bottom: -63px;
  filter: grayscale(1);
}

.our_events {
  background-color: #f9f9ff;
  padding: 60px;
  padding-top:20px;
  position: relative;
  z-index: 0;
}

.our_events::before {
  content: '';
  width: 100%;
  height: 20px;
  position: absolute;
  border: 0px;
  left: 0;
  background: url(../MediaGallery/UI_Images/event_bottom.png);
  background-repeat: repeat-x;
  top: -19px;
}

.event_cards {
  position: relative;
  padding: 0;
  border-radius: 6px;
  box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
  overflow: hidden;
  height: 100%;
  background: var(--whitecolor);
  transition: 256ms ease-in-out;
  z-index: 9;
}

.event_cards.event_list {
  display: flex;
  max-height: 150px;
  border-radius: 2px;
  align-items: center;
  height: 100%;
  margin-top: 20px;
}

.event_img img {
  height: 360px;
  border-radius: 6px 6px 0 0;
  width: 100%;
  transition: 0.5s;
  object-fit: cover;
}

.event_body {
  padding: 17px 30px;
}

.event_title {
  font-size: 26px;
  font-weight: 600;
  transition: 0.5s;
  margin-bottom: 10px;
}

.event_body p {
  font-weight: 500;
  margin-bottom: 5px;
}

.event_cards:hover {
  transform: scale(1.02);
}

.event_list .event_img img {
  border-radius: 2px 0 0 2px;
  max-height: initial;
  max-width: 290px;
  min-width: 290px;
  object-fit: cover;
  height: 100%;
  transition: 0.5s;
}

.event_btn .fa {
  margin-left: 3px;
  transition: 0.5s;
}

a.event_btn {
  color: var(--textcolor);
  transition: 0.5s;
}

a.event_btn:hover {
  color: var(--themecolor);
  transition: 0.5s;
}

.event_cards:hover .event_title {
  color: var(--themecolor);
}

.about_msg {
  padding-right: 130px;
  position: relative;
}

.choose_us {
  background-image: url(../MediaGallery/UI_Images/deskshape.png);
  background-repeat: no-repeat;
  padding: 100px 60px;
  padding-bottom:50px;
  background-size: 100%;
  background-color: var(--whitecolor);
  background-repeat: repeat;
  background-attachment: fixed;
  position: relative;
  z-index: 2;
  margin-bottom: -128px;
}

.svg_curv {
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  direction: ltr;
  top: -1px;
  z-index: -1;
}

.svg_curv svg {
  display: block;
  width: calc(100% + 1.3px);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  height: 70px;
}

.choose_fill {
  fill: #f9f9ff;
  transform-origin: center;
  transform: rotateY(180deg);
}

.choose_fill1 {
  fill: #fff;
  transform-origin: center;
  transform: rotateY(180deg);
}

svg:not(:root) {
  overflow: hidden;
}

.choose_box {
  height: 100%;
  display: flex;
  gap: 0.5em;
  justify-content: space-between;
}

.choose_item {
  height: 400px;
  flex: 1;
  border-radius: 0.5em;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 600ms ease-out;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 40px 0 rgb(0 0 0 / 8%);
}

.choose_item::before {
  content: '';
  position: absolute;
  width: 100%;
  transition: all 600ms ease-out;
  background-image: linear-gradient(180deg, transparent, rgba(37, 37, 37, 0.61), #111);
  opacity: 0.6;
  height: 55px;
  bottom: 0;
}

.choose_item:hover::before {
  height: 150px;
  transition: all 600ms ease-out;
}

.choose_item:hover {
  flex: 3;
  transition: all 600ms ease-out;
}


.choose_item:nth-child(1) {
  background-image: url(../MediaGallery/UI_Images/Infra.jpg);
  width:100%
}

.choose_item:nth-child(2) {
  background-image: url(../MediaGallery/UI_Images/almuni.jpg);
}

.choose_item:nth-child(3) {
  background-image: url(../MediaGallery/UI_Images/Kids_zone.jpg);
}

.choose_item:nth-child(4) {
  background-image: url(../MediaGallery/UI_Images/sports.jpg);
}

.choose_item h3 {
  color: #fff;
  position: absolute;
  bottom: 0;
  right: 15px;
  transition: all 600ms ease-out;
}

.choose_item p {
  position: absolute;
  bottom: -220px;
  color: #fff;
  transition: all 1000ms ease-out;
}

.choose_item:hover h3 {
  left: 15px;
  font-family: 'Exo', sans-serif;
  font-weight: 600;
  bottom: 80px;
  transition: all 600ms ease-out;
}

.choose_item:hover p {
  bottom: 0;
  width: 70%;
  left: 15px;
  transition: all 1000ms ease-out;
}

.svg_curv1 {
  overflow: hidden;
  position: relative;
  left: 0;
  width: 100%;
  line-height: 0;
  direction: ltr;
  bottom: -70px;
  z-index: 1;
}

.svg_curv1 svg {
  display: block;
  transform: rotateX(180deg);
  width: 100%;
  height: 100%;

}

section.msg_desk {
    padding: 75px 60px;
    padding-bottom: 40px;
    background-color: #F3F3F3;
    background-attachment: fixed;
    background-image: url(../MediaGallery/UI_Images/desk__bg.jpg);
    background-repeat: no-repeat;
    z-index: 0;
    position: relative;
    background-position: 50% 0px;
    background-size: cover;
}

section.msg_desk:before {
  background: rgb(255 255 255 / 68%);
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.msg_desk .common_container {
  position: relative;
  z-index: 1;
}

.msg_box {
  margin: 25px;
  border-radius: 15px;
  box-shadow: 0 0 25px rgba(0, 0, 0, .08);
  transition: all 350ms cubic-bezier(.37, 0, .63, 1);
  overflow: hidden;
  position: relative;
  background: var(--whitecolor);
  border-bottom: 4px solid #dfdedc;
}

.msg_box:hover {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.box_top {
  position: relative;
  padding: 15px 20px;
  align-items: center;
  display: flex;
  font-size: 22px;
  font-weight: 700;
  color: var(--themecolor);
  font-family: 'Exo';
}

.box_top:after {
  content: "";
  position: absolute;
  left: 25px;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  clear: both;
  z-index: 1;
}

.img_box {
  position: relative;
  overflow: hidden;

}

.img_box img {
  transition: all 1s cubic-bezier(.5, 1, .89, 1);
  width: 100%;
}

.msg_box:hover .img_box img {
  transform: scale(1.1);
}

.msg_body {
  background: #fff;
  height: 300px;
  padding: 25px;
  text-align: justify;
  font-weight: 500;
  line-height: 20px;
  background-image: url(../MediaGallery/UI_Images/msg_body_bg.png);
  background-position: 100%;
  background-size: 100%;
  background-repeat: no-repeat;

}

.msg_body a {
  float: right;
  margin-top: -5px;
  color: var(--themecolor1);
  transition: all 600ms ease-out;
}

.msg_body a:hover {
  color: var(--themecolor);
  transition: all 600ms ease-out;
}

p.msg_name {
  margin-top: 35px;
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 600;
}

.msg_box:hover .msg_img_1 {
  opacity: .8;
  visibility: visible;
  right: -140px;
}

.msg_img_1 {
  position: absolute;
  right: -140px;
  bottom: -110px;
  right: -250px;
  width: 240px;
  height: 240px;
  background: var(--themecolor);
  border-radius: 50%;
  content: "";
  z-index: 2;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
  opacity: 0;
  visibility: hidden;
}

.msg_box:hover .msg_img_2 {
  opacity: .8;
  visibility: visible;
  bottom: -155px;
}

.msg_img_2 {
  position: absolute;
  right: -70px;
  bottom: -155px;
  bottom: -250px;
  width: 240px;
  height: 240px;
  background: var(--whitecolor);
  border-radius: 50%;
  content: "";
  z-index: 1;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
  opacity: 0;
  visibility: hidden;
}

.msg_box:hover .body_shape_1 {
  opacity: 1;
  visibility: visible;
  bottom: -35px;
}

.body_shape_1 {
  position: absolute;
  right: 5px;
  bottom: -35px;
  bottom: -80px;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  width: 70px;
  height: 70px;
  background-color: var(--themecolor);
  z-index: 0;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
  opacity: 0;
  visibility: hidden;
}

.msg_box:hover .body_shape_2 {
  opacity: 1;
  visibility: visible;
  right: -25px;
}

.body_shape_2 {
  position: absolute;
  right: -25px;
  bottom: -40px;
  right: -50px;
  width: 50px;
  height: 100px;
  background: var(--blackcolor);
  transform: rotate(45deg);
  z-index: 0;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
  opacity: 0;
  visibility: hidden;
}

p.msgtext_sm {
  margin-bottom: 0;
  font-size: 14px;
}

p.msgtext_sm_1 {
  margin-bottom: 0;
  font-size: 13px;
}

.inquery_frm {
  background: #fff;
  padding: 0px 60px;
  text-align: justify;
  font-weight: 500;
  line-height: 20px;
  background-image: url(../MediaGallery/UI_Images/inquery_bg.jpg);
  background-position: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  height: 540px;
  position: relative;
  overflow: hidden;
  background-position: center;

}

.inquery_frm::before {
  content: '';
  position: absolute;
  bottom: -138px;
  background-image: url(../MediaGallery/UI_Images/enquery_bottom.png);
  height: 160px;
  background-repeat: repeat-x;
  width: 100%;
  left: 0;
  z-index: 1;
}

.contact-form {
  padding: 0 40px;
}

.enquery_form {
  border-radius: 15px;
  padding: 0;
  padding-bottom: 20px;
  max-width: 450px;
  width: 100%;
  box-shadow: 0 0 5px 5px #00000020;
  backdrop-filter: blur(5px);
  background-color: #505050c7;
  overflow: hidden;
  position: relative;
  height: fit-content;
}

.enquery_form:before {
  position: absolute;
  content: '';
  background-image: url(../MediaGallery/UI_Images/enquery_rght.png);
  right: -200px;
  bottom: 0;
  width: 169px;
  height: 235px;
  background-repeat: no-repeat;
  transition: all 0.9s linear 0s;
}

.enquery_form:hover:before {
  right: 0;
  transition: all 0.9s linear 0s;
}

.form-group .from-control {
  width: 100%;
  margin-bottom: 17px;
  border-radius: 3px;
  height: 45px;
  line-height: 50px;
}

.register-form {
  overflow: hidden;
}


.register-form .form-group {
  padding: 0 25px 5px;
}

.register-form .form-group .from-control {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 3px;
  height: 40px;
  line-height: 50px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
  padding: 10px 14px;
  border: 1px solid rgba(54, 54, 54, 0.1);
  position: relative;
  z-index: 9;
  outline: 0;
}

.register-form .form-group input[type=submit] {
  width: 80%;
  margin-bottom: 25px;
  margin-top: 10px;
  border-radius: 25px;
  height: 45px;
  line-height: 45px;
  -webkit-appearance: button;
  cursor: pointer;
  background: var(--blackcolor);
  border: 0;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  outline: 0;
}


.register-form .form-title {
  position: relative;
  padding: 12px 65px 30px;
  margin-bottom: 30px;
}

.register-form .form-title .title {
  font-weight: 700;
  color: #fff;
  position: relative;
  z-index: 10;
  line-height: 29px;
  font-size: 33px;
  margin-top: 15px;
  margin-bottom: 0px;
}

/* .register-form .form-title:after {
  position: absolute;
  height: 100%;
  width: 100%;
  clip-path: polygon(-24.5% 0, 125% 0, 51% 100%);
  left: 0;
  background-color: var(--themecolor2);
  top: 0;
  content: "";
  border-radius: 15px;
} */
.register-form .form-title:after {
  position: absolute;
  height: 154%;
  width: 108%;
  left: -17px;
  background-color: #e90029c7;
  top: -45px;
  content: "";
  border-radius: 53%;
}

.register-form .form-group .select-option {
  position: relative;
}

.register-form .form-group .select-option select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  color: #b1b1b1;
  opacity: 1;
  z-index: 11;
  position: relative;
}

.register-form .form-group .select-option:after {
  content: '\f107';
  font-family: FontAwesome;
  color: #b1b1b1;
  right: 15px;
  position: absolute;
  top: 11px;
  z-index: 12;
  font-size: 22px;
  pointer-events: none;
}

.jump {
  -webkit-animation: jumpAni 7s linear infinite;
  animation: jumpAni 7s linear infinite;
  position: absolute;
  margin-left: -29px;
}

.jump img {
  width: 250px;
  opacity: 0;
  position: relative;

  z-index: -1;
  transition: all 600ms ease-out;
}

.enquery_form:hover .jump img {
  opacity: 0.2;
  transition: all 600ms ease-out;
}

.ns-counter-item {
  position: relative;
  z-index: 1;
}

.ns-counter-item-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.mb-65 {
  margin-bottom: 65px;
}

.ns-counter-item-img img {
  height: 100%;
  object-fit: cover;
}

.ns-testimonial-counter-inner-4 .ns-counter-item-content {
  width: 240px;
}

.ns-counter-title {
  font-size: 40px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.ns-counter-subtitle {
  font-size: 25px;
  margin-top: 10px;
  font-weight: 800;
  display: inline-block;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.ns-counter-icon {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -35px;
  width: 70px;
  height: 70px;
  background: var(--blackcolor);
  border-radius: 50%;
  text-align: center;
  display: grid;
  place-items: center;
  font-size: 38px;
  color: #fff;
  margin: 0 auto;
  border: 5px solid #fff;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.ns-testimonial-counter-inner-4.inner-41 {
  margin-top: 50px;
}

.ns-counter-item {
  position: relative;
  z-index: 1;
}

.ns-counter-item:hover .ns-counter-item-content {
  background-color: rgb(20 40 101 / 67%);
}

.ns-counter-item:hover .ns-counter-title,
.ns-counter-item:hover .ns-counter-subtitle {
  color: #fff;
}

.ns-counter-item:hover .ns-counter-icon {
  background-color: var(--themecolor);
}

.ns-counter-item-content {
  background: #f4f5f9;
  padding:15px 40px 40px;
  text-align: center;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  border-bottom: 5px solid var(--themecolor);
}

.ns-counter-icon img {
  width: 40px;
}

.w_img img {
  width: 100%;
}

.ns-testimonial-counter-4 {
  display: flex;
  justify-content: center;
  gap: 30px;
  padding-top: 40px;
  padding-bottom: 35px;
  position: relative;
  z-index: 1;
}

.styleswitcher {
  right: -335px;
  padding: 15px;
  position: fixed;
  top: 50px;
  width: 335px;
  transition: .4s;
  z-index: 999;
  height: calc(100% - 100px);
}

.styleswitcher .form-group input[type=submit] {
  width: 70%;
  background: #e00100;
  height: 40px;
  line-height: 40px;
}

.styleswitcher .form-group input[type=submit]:hover {
  animation: pulse3 1s;
  box-shadow: 0 0 0 1em transparent;
  color: var(--colorwhite);
  -webkit-animation: pulse3 1s;
}

.styleswitcher .form-title:after {
  background-color: var(--themecolor3)
}

.styleswitcher.open {
  right: 20px;
}

.styleswitcher-inner .register-form {
  position: relative;
  margin: 0;
  padding: 0;
  border: none
}

.styleswitcher .overlay-switch {
  border-radius: 10px;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  left: 0;
  top: 0;
  opacity: 0.04;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.styleswitcher.open .overlay-switch {
  position: fixed;
}

.styleswitcher .styleswitcher-inner {
  background-color: #ffffff;
  height: 400px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 90px;
  width: 100%;
  padding: 0;
  border-radius: 15px;
  border-bottom: 5px solid var(--themecolor3)
}

.styleswitcher .styleswitcher-inner::-webkit-scrollbar {
  width: 0;
}

.styleswitcher .styleswitcher-inner::-webkit-scrollbar-thumb {
  background: #a0a0a0;
}

.styleswitcher.open .styleswitcher-inner {
  box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.20);
}

.popup_form .form-title {
  margin-bottom: 10px;
}

.popup_form .form-title:after {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  background-color: var(--colorwhite);
  top: 0;
  content: "";
  border-radius: 0;
  clip-path: inherit;
}

.popup_form .form-title .title {
  font-weight: 700;
  color: var(--themecolor);
  position: relative;
  z-index: 10;
  margin-top: 45px;
  margin-bottom: 15px;
  line-height: 13px;
  font-size: 36px;
}

.popup_form .form-group input[type=submit] {
  margin-top: 25px;
}

.modal.fade {
  background: rgba(0, 0, 0, 0.7);
  animation: blowUpModal 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.modal-dialog {
  max-width: 62%;
  margin-right: auto;
  margin-left: auto;
}

.modal-content {
  border-radius: 15px;
  overflow: hidden;
}

.modal.show {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.fs_32 {
  font-size: 32px;
}

.fs_30 {
  font-size: 30px;
}

.fs_28 {
  font-size: 28px;
}

.d_contents img {
  max-height: 540px;
  margin-left: -1px;
}

.popup_form .form-group .from-control {
  width: 100%;
  margin-bottom: 20px;
  border-radius: 3px;
  height: 45px;
  line-height: 50px;
}

.register-form.popup_form {

  margin: 0;
  margin-left: -24px;
  border: none;
  position: relative;
  border-radius: 0 15px 15px 0;
  border-radius: 0 15px 15px 0;
  box-shadow: none;
  background: var(--colorwhite);
}

.styleswitcher .switcher-btn-bx a {
  position: absolute;
  left: -87px;
  background: var(--themecolor3);
  width: 125px;
  top: 170px;
  z-index: 1;
  color: #ffffff;
  height: 50px;
  box-shadow: 2px 1px 60px rgba(0, 0, 0, 0.10);
  cursor: pointer;
  display: block;
  line-height: 50px;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  border-radius: 4px 4px 0 0;
  transform: rotate(-90deg);
}

.styleswitcher .switcher-btn-bx img {
  animation: beat .25s infinite alternate;
  width: 35px;
}

.styleswitcher .sw-main-title {
  font-size: 20px;
  font-weight: 500;
  padding: 20px 20px;
  color: #000;
  display: flex;
  border-bottom: 1px solid #eee;
  margin-left: -30px;
  margin-right: -30px;
  margin-top: -30px;
  margin-bottom: 30px;
  background: #f9f9fd;
  align-items: center;
  justify-content: space-between;
}

.styleswitcher .switcher-title {
  font-weight: 600;
  margin: 0 0 10px 0;
  font-size: 12px;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 1px;
}

.styleswitcher .site-button {
  margin-top: 20px;
  margin-right: 20px;
  margin-left: 20px;
}

.styleswitcher h6.switcher-title {
  color: #717171;
}

.styleswitcher .btn.btn-sm {
  font-size: 12px;
  padding: 8px 15px;
}


#rocketmeluncur {
  position: fixed;
  bottom: 50px;
  z-index: 99;
  display: none;
  visibility: hidden;
  width: 26px;
  height: 48px;
  right: 14px;
  background: url(../MediaGallery/Icons/Ask.png) no-repeat 50% 0;
  opacity: 0;
  -webkit-transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -webkit-transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  -moz-transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -moz-transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

#rocketmeluncur i {
  display: block;
  margin-top: 48px;
  height: 14px;
  background: url(../MediaGallery/Icons/rocket.png) no-repeat 50% -48px;
  opacity: .5;
  -webkit-transition: -webkit-transform .2s;
  -moz-transition: -moz-transform .2s;
  transition: transform .2s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0
}

#rocketmeluncur:hover {
  background-position: 50% -62px
}

#rocketmeluncur:hover i {
  background-position: 50% 100%;
  -webkit-animation: flaming .7s infinite;
  -moz-animation: flaming .7s infinite;
  animation: flaming .7s infinite
}

#rocketmeluncur.showrocket {
  visibility: visible;
  opacity: 1
}

#rocketmeluncur.launchrocket {
  background-position: 50% -62px;
  opacity: 0;
  -webkit-transform: translateY(-800px);
  -moz-transform: translateY(-800px);
  -ms-transform: translateY(-800px);
  transform: translateY(-800px);
  pointer-events: none
}

#rocketmeluncur.launchrocket i {
  background-position: 50% 100%;
  -webkit-transform: scale(1.4, 3.2);
  -moz-transform: scale(1.4, 3.2);
  transform: scale(1.4, 3.2)
}

#history {
  max-height: 650px;
  display: block;
  position: relative;
  margin-top: -15px;
  text-align: center;
}

#timeline_track {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 6px;
  height: 800px;
  background-color: #e9edf0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25) inset, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25) inset, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25) inset, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
}

#historic_event_1,
#historic_event_2,
#historic_event_3,
#historic_event_4 {
  display: table;
  position: absolute;
  width: 270px;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 1;
  filter: "alpha(opacity=50)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-transition: opacity 600ms ease;
  -moz-transition: opacity 600ms ease;
  -ms-transition: opacity 600ms ease;
  -o-transition: opacity 600ms ease;
}

#historic_event_1:hover,
#historic_event_1.current,
#historic_event_2:hover,
#historic_event_2.current,
#historic_event_3:hover,
#historic_event_3.current,
#historic_event_4:hover,
#historic_event_4.current {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#historic_event_1 {
  top: 75px;
  left: 50%;
  margin-left: -12px;
}

#historic_event_2 {
  top: 170px;
  left: 50%;
  margin-left: -295px;
}

#historic_event_3 {
  top: 275px;
  left: 50%;
  margin-left: -12px;
}

#historic_event_4 {
  top: 400px;
  left: 50%;
  margin-left: -295px;
}

.historic_year {
  display: table-cell;
  vertical-align: middle;
  width: 33%;
  text-align: center;
}

#historic_text_1,
#historic_text_2,
#historic_text_3,
#historic_text_4 {
  display: table-cell;
  vertical-align: middle;
  width: 53%;
  text-align: left;
}

.historic_dot_wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 13%;
  text-align: center;
}

.historic_dot {
  display: block;
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0 auto;
  background-color: #e9edf0;
  cursor: pointer;
  z-index: 100;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 0 1px #d1d8de inset, 0 2px 0 #ffffff inset, 0 2px 0 #d1d8de, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
  -moz-box-shadow: 0 0 0 1px #d1d8de inset, 0 2px 0 #ffffff inset, 0 2px 0 #d1d8de, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
  box-shadow: 0 0 0 1px #d1d8de inset, 0 2px 0 #ffffff inset, 0 2px 0 #d1d8de, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
}

#historic_event_1:hover #historic_dot_1,
#historic_event_2:hover #historic_dot_2,
#historic_event_3:hover #historic_dot_3,
#historic_event_4:hover #historic_dot_4 {
  -webkit-transform: scale(1.15) translate3d(0, 0, 0);
  -moz-transform: scale(1.15) translate3d(0, 0, 0);
  -ms-transform: scale(1.15) translate3d(0, 0, 0);
  -o-transform: scale(1.15) translate3d(0, 0, 0);
}

#historic_dot_1,
#historic_dot_2,
#historic_dot_3,
#historic_dot_4 {
  display: block;
  position: relative;
  margin: 0 auto;
  left: -7px;
}

#history_clock {
  display: block;
  position: absolute;
  top: 81px;
  left: 50%;
  margin-left: -16px;
  width: 34px;
  height: 34px;
  background-color: #f7f9fa;
  z-index: 200;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 0 1px #d1d8de inset, 0 2px 0 #ffffff inset, 0 2px 0 #d1d8de, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
  -moz-box-shadow: 0 0 0 1px #d1d8de inset, 0 2px 0 #ffffff inset, 0 2px 0 #d1d8de, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
  box-shadow: 0 0 0 1px #d1d8de inset, 0 2px 0 #ffffff inset, 0 2px 0 #d1d8de, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
  -webkit-transition: top 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: top 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: top 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: top 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#history_clock.animate1 {
  top: 176px;
}

#history_clock.animate2 {
  top: 281px;
}

#history_clock.animate3 {
  top: 406px;
}

#clockface {
  display: block;
  position: relative;
  top: 4px;
  left: 4px;
  width: 26px;
  height: 27px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background-color: #596c7c;
  /* Old browsers */
  background-image: -moz-linear-gradient(90deg, #596c7c 25%, #3d4a55 75%);
  /*FF3.6+ */
  background-image: -webkit-gradient(90deg, left top, right bottom, color-stop(25%, #596c7c), color-stop(75%, #3d4a55));
  /*Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(90deg, #596c7c 25%, #3d4a55 75%);
  /*Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(90deg, #596c7c 25%, #3d4a55 75%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(90deg, #596c7c 25%, #3d4a55 75%);
  /*IE10+ */
  background-image: linear-gradient(90deg, #596c7c 25%, #3d4a55 75%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d4a55', endColorstr='#596c7c', GradientType='0');
  /* IE6-9 */
  -webkit-box-shadow: 0 0 0 1px #d1d8de, 0 0 20px rgba(0, 0, 0, 0.25) inset, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
  -moz-box-shadow: 0 0 0 1px #d1d8de, 0 0 20px rgba(0, 0, 0, 0.25) inset, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
  box-shadow: 0 0 0 1px #d1d8de, 0 0 20px rgba(0, 0, 0, 0.25) inset, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
}

#clockglare {
  display: block;
  position: absolute;
  top: 2px;
  left: 5px;
  width: 16px;
  height: 8px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0);
  /* Old browsers */
  background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
  /*FF3.6+ */
  background-image: -webkit-gradient(90deg, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0.4)));
  /*Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
  /*Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
  /*IE10+ */
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0.4)', endColorstr='rgba(255, 255, 255, 0)', GradientType='0');
  /* IE6-9 */
}

#clockarm_1,
#clockarm_2 {
  -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#clockarm_1 {
  display: block;
  position: absolute;
  top: 4px;
  left: 12px;
  width: 2px;
  height: 10px;
  background-color: #ffffff;
  z-index: 10;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.75), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.75), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.75), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
  -webkit-transform-origin: 50% 10px;
  -moz-transform-origin: 50% 10px;
  -ms-transform-origin: 50% 10px;
  -o-transform-origin: 50% 10px;
}

#clockarm_2 {
  display: block;
  position: absolute;
  top: 6px;
  left: 12px;
  width: 2px;
  height: 9px;
  background-color: #ffffff;
  z-index: 20;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.75), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.75), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.75), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
  -webkit-transform: rotate(0.25turn) translate3d(0, 0, 0);
  -moz-transform: rotate(0.25turn) translate3d(0, 0, 0);
  -ms-transform: rotate(0.25turn) translate3d(0, 0, 0);
  -o-transform: rotate(0.25turn) translate3d(0, 0, 0);
  -webkit-transform-origin: 50% 8px;
  -moz-transform-origin: 50% 8px;
  -ms-transform-origin: 50% 8px;
  -o-transform-origin: 50% 8px;
}

#history_clock.animate1 #clockarm_1 {
  -webkit-transform: rotate(10.85turn) translate3d(0, 0, 0);
  -moz-transform: rotate(10.85turn) translate3d(0, 0, 0);
  -ms-transform: rotate(10.85turn) translate3d(0, 0, 0);
  -o-transform: rotate(10.85turn) translate3d(0, 0, 0);
  -webkit-transform-origin: 50% 10px;
  -moz-transform-origin: 50% 10px;
  -ms-transform-origin: 50% 10px;
  -o-transform-origin: 50% 10px;
}

#history_clock.animate1 #clockarm_2 {
  -webkit-transform: rotate(10.25turn) translate3d(0, 0, 0);
  -moz-transform: rotate(10.25turn) translate3d(0, 0, 0);
  -ms-transform: rotate(10.25turn) translate3d(0, 0, 0);
  -o-transform: rotate(10.25turn) translate3d(0, 0, 0);
  -webkit-transform-origin: 50% 8px;
  -moz-transform-origin: 50% 8px;
  -ms-transform-origin: 50% 8px;
  -o-transform-origin: 50% 8px;
}

#history_clock.animate2 #clockarm_1 {
  -webkit-transform: rotate(13.11turn) translate3d(0, 0, 0);
  -moz-transform: rotate(13.11turn) translate3d(0, 0, 0);
  -ms-transform: rotate(13.11turn) translate3d(0, 0, 0);
  -o-transform: rotate(13.11turn) translate3d(0, 0, 0);
  -webkit-transform-origin: 50% 10px;
  -moz-transform-origin: 50% 10px;
  -ms-transform-origin: 50% 10px;
  -o-transform-origin: 50% 10px;
}

#history_clock.animate2 #clockarm_2 {
  -webkit-transform: rotate(13.34turn) translate3d(0, 0, 0);
  -moz-transform: rotate(13.34turn) translate3d(0, 0, 0);
  -ms-transform: rotate(13.34turn) translate3d(0, 0, 0);
  -o-transform: rotate(13.34turn) translate3d(0, 0, 0);
  -webkit-transform-origin: 50% 8px;
  -moz-transform-origin: 50% 8px;
  -ms-transform-origin: 50% 8px;
  -o-transform-origin: 50% 8px;
}

#history_clock.animate3 #clockarm_1 {
  -webkit-transform: rotate(16.46turn) translate3d(0, 0, 0);
  -moz-transform: rotate(16.46turn) translate3d(0, 0, 0);
  -ms-transform: rotate(16.46turn) translate3d(0, 0, 0);
  -o-transform: rotate(16.46turn) translate3d(0, 0, 0);
  -webkit-transform-origin: 50% 10px;
  -moz-transform-origin: 50% 10px;
  -ms-transform-origin: 50% 10px;
  -o-transform-origin: 50% 10px;
}

#history_clock.animate3 #clockarm_2 {
  -webkit-transform: rotate(16.84turn) translate3d(0, 0, 0);
  -moz-transform: rotate(16.84turn) translate3d(0, 0, 0);
  -ms-transform: rotate(16.84turn) translate3d(0, 0, 0);
  -o-transform: rotate(16.84turn) translate3d(0, 0, 0);
  -webkit-transform-origin: 50% 8px;
  -moz-transform-origin: 50% 8px;
  -ms-transform-origin: 50% 8px;
  -o-transform-origin: 50% 8px;
}

#historic_event_1 .date,
#historic_event_3 .date {
  height: 3rem;
  text-align: center;
  margin-left: 40px;
  margin-right: -20px;
  background-color: var(--themecolor);
  color: white;
  font-size: 1.25rem;
  font-weight: 700;
  display: grid;
  place-content: center;
  position: relative;
  border-radius: 50px 0 0 50px;
}

#historic_event_1 .date::before,
#historic_event_3 .date::before {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  background: var(--themecolor);
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
  position: absolute;
  top: 100%;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  right: 0;
}

#historic_event_1 .date::after,
#historic_event_3 .date::after {
  content: "";
  position: absolute;
  width: 40px;
  aspect-ratio: 1;
  background: #f5f5f5;
  border: 0.3rem solid var(--themecolor);
  border-radius: 50%;
  top: 50%;
  transform: translate(50%, -50%);
  left: -67px;
}

#historic_event_3 .date {
  background-color: var(--themecolor1);
}

#historic_event_3 .date::before {
  background: var(--themecolor1);
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
}

#historic_event_3 .date::after {
  border-color: var(--themecolor1);
}


#historic_event_2 .date,
#historic_event_4 .date {
  height: 3rem;
  text-align: center;
  background-color: var(--themecolor2);
  color: white;
  font-size: 1.25rem;
  font-weight: 700;
  display: grid;
  place-content: center;
  position: relative;
  border-radius: 0 50px 50px 0;
}

#historic_event_2 .date::before,
#historic_event_4 .date::before {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  background: var(--themecolor2);
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
  position: absolute;
  top: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  left: 0;
  right: 0;
}

#historic_event_2 .date::after,
#historic_event_4 .date::after {
  content: "";
  position: absolute;
  width: 40px;
  aspect-ratio: 1;
  background: #f5f5f5;
  border: 0.3rem solid var(--themecolor2);
  border-radius: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  right: -66px;
}

#historic_event_4 .date {
  background-color: var(--themecolor3);
}

#historic_event_4 .date::before {
  background: var(--themecolor3);
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
}

#historic_event_4 .date::after {
  border-color: var(--themecolor3);
}

#historic_event_2 .descr,
#historic_event_4 .descr {
  margin-left: 19px;
  margin-right: 25px;
}

.calner_box {
  position: relative;
  overflow: hidden;
}

h4.home_heading.hist_head {
  position: absolute;
  color: #fff;
  margin-top: 48px;
  z-index: 0;
}

.descr {
  background: #fff;
  margin-left: 62px;
  padding: 5px;
  font-size: 16px;
  margin-top: -300px;
  transition: all 0.9s ease;
}

.descr span {
  font-size: 18px;
  font-weight: 600;
  display: block;
  margin-bottom: 7px;
}

.current .descr {
  margin-top: 0px;
  transition: all 0.9s ease;
}

section.our_topers {
    padding: 50px 50px;
    padding-bottom: 0;
    background-image: url(../MediaGallery/UI_Images/topper_bg.png);
    background-size: 100%;
    background-color: #fff;
    background-repeat: repeat;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
}

section.our_topers::before {
  content: '';
  width: 100%;
  height: 50px;
  position: absolute;
  border: 0px;
  left: 0;
  z-index: 0;
  background: url(../MediaGallery/UI_Images/topper_btm.png);
  bottom: -50px;
}

.topper_crd:before {
  background-color: transparent;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  z-index: -1;
}

.topper_img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin:  20px;
}
.topper_crd:hover .topper_img img{
  transform: scale(1.1);
  transition: all 0.6s ease-in-out;
}
.topper_img img {
  background-color: #fff;
  padding-top: 15px;
  height: 170px;
  transform: scale(1);
  width: 100%;
  transition: all 0.6s ease-in-out;
}

.topper_crd {
  padding-top: 5px;
  margin: 25px;
  position: relative;
  margin-bottom: 40px;
}

#Toppers .owl-dots {
  display: none;
}

#Toppers .owl-nav {
  position: absolute;
  top: -60px;
  right: 23px;
  display: block;
  z-index: 99;
}

#Toppers .owl-next,
#Toppers .owl-prev {
  background-color: var(--themecolor);
  height: 30px;
  width: 30px;
  margin: 1px;
  transition: 0.5s;
}

#Toppers .owl-nav button.owl-prev span,
#Toppers .owl-nav button.owl-next span {
  color: #fff;
  font-size: 30px;
  line-height: 27px;
  transition: 0.5s;
  margin-left: 9px;
  margin-right: 9px;
}

#Toppers .owl-next:hover,
#Toppers .owl-prev:hover {
  background-color: var(--themecolor1);

}

.toper_dtls {
  background-color: transparent;
  padding: 15px;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding-top: 0;
  padding-bottom: 1px;
}

.toper_dtls h6 {
  font-size: 21px;
  font-weight: 600;
}

.topper_img img {
  background-color: #ff000063;
}

.tpr_class {
  border-bottom: 2px solid #cbd0dd;
  margin-bottom: 6px;
  padding-bottom: 6px;
}


#Toppers .owl-item:nth-child(5n+1) .topper_img img {
  background-color: #ff000063;
}

#Toppers .owl-item:nth-child(5n+2) .topper_img img {
  background-color: #ad94fd54;
}

#Toppers .owl-item:nth-child(5n+3) .topper_img img {
  background-color: #ff5b0054;
}

#Toppers .owl-item:nth-child(5n+4) .topper_img img {
  background-color: #003fff42;
}

#Toppers .owl-item:nth-child(5n+5) .topper_img img {
  background-color: #0a8f075c;
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--themecolor) #ffffff;
}

    /* Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 10px;
    }

    *::-webkit-scrollbar-track {
        background: #f3f7fd;
    }

    *::-webkit-scrollbar-thumb {
        background-color: var(--themecolor);
        border-radius: 5px;
        border: 2px solid #ffffff;
    }


.Gallery_section {
    background-color: aliceblue;
    padding: 30px 50px;
    background-image: url(../MediaGallery/UI_Images/gallery_bg.png);
    background-size: 100%;
    background-repeat: repeat;
    background-attachment: fixed;
    position: relative;
    padding-bottom: 150px;
    z-index: 0;
}

.gallery_home {
  display: grid;
  grid-gap: 10px;
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
   grid-auto-rows: 250px 150px;
    grid-auto-flow: dense; 
}
.gallery_item {
  overflow: hidden;
}
.gallery_item img {
  width: 100%;
  height: 100%;
  transition: all 0.9s;
  object-fit: cover;
  transform: scale(1);
}
.gallery_item img:hover {
  transition: all 0.9s;
  object-fit: cover;
  transform: scale(1.2);
  background-color: #000;
}
@media (min-width: 480px) {
 
  .gallery_item:first-child {
    grid-area: 1/1/span 2/span 2;
  }
  .gallery_item:nth-child(3n) {
    grid-column: span 2;
  }
}

.portfolio-section {
  margin-top: -30px;
}

  .portfolio-section h2 {
      font-size: 28px;
      font-weight: 600;
      color: #fff;
      text-transform: uppercase;
  }

.portfolio-menu {
  text-align: center;
}

.control {
  color: var(--colorblack);
  padding: 10px 20px;
  border: none;
  margin: 4px;
  cursor: pointer;
  -webkit-transition: all 05s ease;
  -moz-transition: all 05s ease;
  -ms-transition: all 05s ease;
  -o-transition: all 05s ease;
  transition: all 0.5s ease;
  -moz-transform: skewX(-20deg);
  /* -webkit-transform: skewX(-20deg); */
  -o-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

  .control::before {
      content: '';
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      height: 100%;
      background: var(--themecolor2);
      opacity: .3;
  }

  .control span {
      display: inline-block;
      -moz-transform: skewX(20deg);
      -webkit-transform: skewX(20deg);
      -o-transform: skewX(20deg);
      -ms-transform: skewX(20deg);
      transform: skewX(20deg);
      font-weight: 500;
  }

  .control:hover {
      background: var(--themecolor2);
      color: var(--colorwhite);
  }

.mixitup-control-active {
  background: var(--themecolor2);
  color: var(--colorwhite);
}

.fancybox-container button:focus {
  outline: 0;
  box-shadow: none;
}

.portfolio-item {
    transition: all 0.5s;
    height: 420px;
    overflow: hidden;
}

section.footer_overflow {
  padding-top: 80px;
  overflow: hidden;
  margin-top: -80px;
}


.footer_top{
  display: flex;
   justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  }

.footer {
  position: relative;
  width: 100%;
  background: var(--themecolor);
  min-height: 100px;
  padding: 20px 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 0;
  z-index: 9;

}

.footer:before{
  content: url(../MediaGallery/UI_Images/footer_map.png);
  position: absolute;
  top: -60px;
  left: -10px;
  overflow: hidden;
 z-index: 1;
  animation: witr_rotate_180 50s linear 1s infinite alternate running;
}
.footer:after{
  content: url(../MediaGallery/UI_Images/footer_bg.png);
  position: absolute;
  bottom: -5px;
  right: 0px;
  overflow: hidden;
  z-index: -1;

}
.footer .common_container{
  z-index: 9;
}


.Footer_wave {
  position: absolute;
  top: -70px;
  left: 0;
  width: 100%;
  height: 70px;
  background: url("../MediaGallery/UI_Images/wave.png");
  background-size: 1000px 70px;
}

.Footer_wave#wave1 {
   opacity: 1;
  bottom: 0;
  animation: animateWaves 7s linear infinite;
}

.Footer_wave#wave2 {
   opacity: 0.5;
  bottom: 10px;
  animation: animate 6s linear infinite !important;
}

.Footer_wave#wave3 {
   opacity: 0.2;
  bottom: 15px;
  animation: animateWaves 5s linear infinite;
}

.Footer_wave#wave4 {
   opacity: 0.7;
  bottom: 20px;
  animation: animate 4s linear infinite;
}
a.footer_logo img {
  width: 400px;
}

.footer_cont {
  color: #fff;
  margin-top: 30px;
  font-size: 16px;
}

.social-menu {
  margin-top: 10px;
}
.modal {
    z-index: 999999;
}
    .social-menu ul {
      padding: 0;
      margin: 0;
      display: flex;
  }

      .social-menu ul li {
          list-style: none;
          margin: 0px 5px;
      }

          .social-menu ul li:nth-child(3) a:hover .fa {
              line-height: 40px;
          }

          .social-menu ul li .fa {
              font-size: 25px;
              line-height: 41px;
              transition: .2s;
          }

          .social-menu ul li:nth-child(1) a i {
              font-weight: 500;
              font-size: 25px;
              color: transparent;
              background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
              background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
              background-clip: text;
              -webkit-background-clip: text;
          }

          .social-menu ul li a {
              position: relative;
              display: block;
              width: 40px;
              height: 40px;
              border-radius: 10px;
              background-color: #fff;
              text-align: center;
              transition: .4s;
              box-shadow: 0 5px 4px rgba(0, 0, 0, .5);
          }

              .social-menu ul li a:hover {
                  transform: translate(0, -10%);
              }

          .social-menu ul li:nth-child(1) {
              color: #f09433 !important;
          }

              .social-menu ul li:nth-child(1) a:hover {
                  color: #fff !important;
                  background: #f09433;
                  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
                  background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
                  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
                  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
              }

          .social-menu ul li:nth-child(2) a {
              color: #4868a8;
          }

              .social-menu ul li:nth-child(2) a:hover {
                  background-color: #4868a8;
                  color: #fff;
              }

          .social-menu ul li:nth-child(3) a {
              color: #fc0000;
          }

              .social-menu ul li:nth-child(3) a:hover {
                  background-color: #fc0000;
                  color: #fff;
              }
        .social-menu ul li:nth-child(5) a {
            color: #0a66c2;
        }

            .social-menu ul li:nth-child(5) a:hover {
                background-color: #0a66c2;
                color: #fff;
            }

          .social-menu ul li:nth-child(4) a {
              color: #2fa6d8;
          }

              .social-menu ul li:nth-child(4) a:hover {
                  background-color: #000;
                  fill: #fff !important;
              }

                  .social-menu ul li:nth-child(4) a:hover > .twitter_img {
                      max-width: 17px;
                      content: url('../MediaGallery/Icons/X_twitter_white.svg');
                  }

          .social-menu ul li:nth-child(1) a:hover > .fa-instagram {
              color: #fff !important;
          }

          .social-menu ul li a img {
              margin-top: 11px;
              margin-left: 2px;
          }

.twitter_img {
  max-width: 17px;
  content: url('../MediaGallery/Icons/X_twitter.svg');
}

.footer_nav {
  padding-left: 40px;
}

  .footer_nav h6,
  .get_in_touch h6 {
      color: #fff;
      font-size: 22px;
      font-weight: 600;
      margin-top: 15px;
      margin-bottom: 15px;
  }

  .footer_nav a {
      color: #fff;
      position: relative;
      transition: all .5s linear;
      line-height: 27px;
      font-size: 17px;
  }

  .footer_nav li {
      list-style: none;
  }

  .footer_nav ul {
      padding-left: 0;
  }

  .footer_nav a:hover:before {
      opacity: 1;
      left: 0;
      transition: all .5s linear;
  }

  .footer_nav a:hover {
      color: var(--themecolor1);
      font-weight: 500;
      padding-left: 22px;
      transition: all .5s linear;
  }

  .footer_nav a:before {
      content: url(../MediaGallery/Icons/book.png);
      font-family: 'FontAwesome';
      font-size: 15px;
      position: absolute;
      top: 56%;
      left: -20px;
      transform: translate(0, -50%);
      transition: all .5s linear;
      opacity: 0;
  }

.get_in_touch b {
  color: #ffff;
  font-size: 16px;
  font-weight: 600;
  margin-left: 12px;
}

.ml_5px {
  margin-left: 5px !important;
}

.get_in_touch img {
  margin-left: -40px;
}

.get_in_touch p {
  color: #fff;
  margin-left: 40px;
}

.school_map {
  margin-top: 17px;
  border: 2px solid #2c2c2c;
  border-radius: 5px;
  height: 250px;
  overflow: hidden;
}

.footer_bottom {
  border-top: 2px dashed #484848b0;
  position: relative;
  padding: 12px 60px;
  color: #fff;
  font-size: 14px;
  width: 100%;
}

  .footer_bottom a {
      color: #fff;
  }

      .footer_bottom a:hover {
          color: var(--themecolor1);
      }

.text_justify {
  text-align: justify !important;
}

img.inner_bner {
  width: 100%;  
  animation: zoom-in-zoom-out 30s ease infinite;
}
.breadcrumb_bg {
  overflow: hidden;
  position: relative;
  height: 300px;
  width: 100%;
}

  .breadcrumb_bg::before{
    content: '';
    width: 100%;
    height: 300px;
    position: absolute;
    display: block;
    opacity: 0.5;
    background-color: #000;
    z-index: 1;
}

li.breadcrumb_items a {
  color: #fff;
}

.breadcrumb_cont h4 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 1px;
  display: flex;
  justify-content: center;
  font-family: 'Acme', sans-serif;
}

li.breadcrumb_items {
  font-weight: 500;
  font-size: 20px;
}

.breadcrumb_items + .breadcrumb_items::before {
  font-family: FontAwesome;
  content: "\f101";
  font-size: 20px;
  color: var(--lightgray);
  padding: 0 10px;
  line-height: 55px;
}
.breadcrumb_cont {
  z-index: 9;
  position: absolute;
  color: #fff;
  text-align: center;
  padding: 95px;
}

ul.breadcrumb_nav {
  display: flex;
  font-size: 17px;
  align-items: center;
  font-weight: 300;
  list-style: none;
  justify-content: center;
  padding-left: 0;
  font-family: 'Acme', sans-serif;
}
.main_content {
    min-height: 300px;
    width: 100%;
    display: block;
    padding: 50px 20px;
    position: relative;
    margin-bottom:150px;
}
    .main_content p {
    text-align:justify
    }
    .Pg_img{
border-radius: 5px;
transform: scale(1);
transition: all .25s;
transition: all 0.5s ease-in-out;
z-index:9;
box-shadow: 0px 0px 3px 2px #0000001f;
}
.UC_head {
    font-weight: 700;
    font-size: 32px;
    color: var(--themecolor1);
    line-height: 45px;
    font-family: Exo, sans-serif;
    position:relative
}
    .UC_head:before {
        content: '';
        position: absolute;
        left: -15px;
        top: 0px;
        bottom: auto;
        background: var(--themecolor2);
        opacity: 1;
        height: 85px;
        width: 2px;
    }
.Page_heading {
    font-weight: 700;
    font-size:21px;
    color: var(--themecolor1);
    line-height: 45px;
    font-family: Exo, sans-serif;
}
    .UC_head span {
        display: block;
        color: var(--themecolor)
    }
.uc_img {
    animation: jumpAni 15s infinite linear;
    width: 400px
}
.vision_cont {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.vision_cont_in {
    box-shadow: 0px 0px 3px 2px #0000001f;
    padding: 26px;
    margin-left: -150px;
    padding-left: 170px;
    position: relative;
    overflow: hidden;
}
    .vision_cont_in:before {
        content: '';
        background-image: url(../MediaGallery/UI_Images/Vision.png);
        position: absolute;
        background-repeat: no-repeat;
        top: 4px;
        width: 100%;
        height: 100%;
        margin-left: 75px;
        opacity: .3;
        z-index: -1;
    }
.vision_cont p{
    font-size:18px;
    font-weight:600;
    margin-bottom:0;
}
.mission_cont p{
    text-align:justify
}
.principal_box, .manager_box {
    margin-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 70px;
    position: relative;
    display: flex;
}
img.principal_img, .manager_img {
    width: 400px;
    height: 300px;
    margin-right: 20px;
    margin-bottom: 5px;
    float: left;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    box-shadow: 0 0 25px rgba(0, 0, 0, .08);
}
.principalbox p.fw-bold{
    font-size:18px;

}
.principalbox p{
    margin-bottom:5px
}
p.fw-bold.quoti span {
    margin-top: 16px;
    position: absolute;
}

p.fw-bold.quoti{
    margin-bottom:25px;
}

.founder_box {
    display: flex;
    margin-top: 50px;
    padding-left: 40px;
    margin-bottom: 70px;
    position: relative;
    align-items: center
}

    .founder_box p {
        margin-left: 65px;
        text-align: justify
    }

img.founder_img {
    border-radius: 5px;
    border: 1px solid #254976;
    box-shadow: 0 0 25px rgba(0, 0, 0, .08);
}

img.founder_circle {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: -40px;
    width: 150px;
    animation: jumpAni 7s linear infinite;
}

.founder_dot {
    position: absolute;
    z-index: -1;
    left: 343px;
    opacity: .5;
    top: -51px;
    animation: jumpAni1 7s linear infinite;
}

img.founder_bg {
    position: absolute;
    top: -70px;
    right: -70px;
    transform: rotate(268deg);
    z-index: -1;
    opacity: .5;
}
section.our_branch {
    padding: 40px 20px;
    padding-bottom:120px;
    background-color: #fff;
    position: relative;
}


.our_branch .common_container {
    position: relative;
}

.branch_box::before {
    content: '';
    position: absolute;
    width: 100%;
    transition: all 600ms ease-out;
    background-image: linear-gradient( 180deg, transparent, rgba(37, 37, 37, 0.61), #111 );
    opacity: 0.6;
    height: 55px;
    bottom: 0;
    z-index:1;
}

.branch_box:hover::before {
    height: 170px;
    transition: all 600ms ease-out;
}

.branch_box {
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 600ms ease-out;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 10%);
    display: block;
    width: 100%;
    transform-style: preserve-3d;
    will-change: transform;
    transition: transform .5s;
}
img.branch_img{
    width:100%;
}
.branch_box h5 {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 15px;
    font-family: 'Exo', sans-serif;
    transition: all 600ms ease-out;
    font-size: 25px;
    font-weight: 600;
    z-index:9;
}

.branch_box p {
    position: absolute;
    bottom: -220px;
    color: #fff;
    transition: all 1000ms ease-out;
    z-index: 9;
}

    .branch_box:hover h5 {
        left: 15px;
        font-family: 'Exo', sans-serif;
        font-weight: 600;
        bottom: 80px;
        transition: all 600ms ease-out;
     transform: translateZ(50px);

    }

    .branch_box:hover p {
        bottom: 0;
        width: 70%;
        left: 15px;
        transition: all 1000ms ease-out;
        transform: translateZ(50px);
    }
        .branch_box:hover {
        transform: translateZ(10px) rotateX(10deg) rotateY(10deg);
    }
.tper_tab a {
    --border-color: linear-gradient(-45deg, #ffae00, #7e03aa, #00fffb);
    --border-width: .125em;
    --curve-size: .5em;
    --blur: 30px;
    --bg: #142865;
    --color: #afffff;
    color: var(--color);
    position: relative;
    isolation: isolate;
    display: inline-grid;
    place-content: center;
    padding: .5em 1.5em;
    font-size: 17px;
    border: 0;
    text-transform: uppercase;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, .6);
    clip-path: polygon( 0% var(--curve-size), var(--curve-size) 0, 100% 0, 100% calc(100% - var(--curve-size)), calc(100% - var(--curve-size)) 100%, 0 100%);
    transition: color 250ms;
}

    .tper_tab a::after,
    .tper_tab a::before {
        content: '';
        position: absolute;
        inset: 0;
    }

    .tper_tab a::before {
        background: var(--border-color);
        background-size: 300% 300%;
        animation: move-bg7234 5s ease infinite;
        z-index: -2;
    }

@keyframes move-bg7234 {
    0% {
        background-position: 31% 0%
    }

    50% {
        background-position: 70% 100%
    }

    100% {
        background-position: 31% 0%
    }
}

.tper_tab a::after {
    background: var(--bg);
    z-index: -1;
    clip-path: polygon(
     var(--border-width) calc(var(--curve-size) + var(--border-width) * .5), calc(var(--curve-size) + var(--border-width) * .5) var(--border-width),
       calc(100% - var(--border-width)) var(--border-width), calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),

    calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)),
    
    var(--border-width) calc(100% - var(--border-width)));
    transition: clip-path 500ms;
}

.tper_tab a:where(:hover, :focus)::after, nav.tper_tab a.active::after {
    clip-path: polygon( calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)), calc(100% - var(--border-width)) var(--border-width), calc(100% - var(--border-width)) var(--border-width), calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)), calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)), calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)) calc(100% - var(--border-width)));
    transition: 200ms;
}

.tper_tab a:where(:hover, :focus) {
    color: #fff;
}

nav.tper_tab {
    background: #d7d7d7;
    padding: 9px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    clip-path: polygon(0% .5em, .5em 0, 100% 0, 100% calc(100% - .5em), calc(100% - .5em) 100%, 0 100%);
}

.tabContainer {
    width: 100%;
    position: relative;
    margin-bottom: 60px;
}

.toper_card {
    margin-top: 50px;
    width: 220px;
    position: relative;
    z-index: 9;
}

.Tabcondent {
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 37px auto;
    transition: all ease-in-out 0.3s;
    display: none;
}

    .Tabcondent.active {
        width: 100%;
        opacity: 1;
        border-radius: 0px;
        transition: all ease-in-out 0.6s;
        margin: 0 auto;
        display: block
    }

nav.tper_tab a {
    padding: 8px 25px;
    transition: all ease-in-out 0.6s;
    border-radius: 15px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    margin: 0 5px;
}

    nav.tper_tab a:hover, nav.tper_tab a.active {
        background: var(--themecolor2);
        color: #fff;
        transition: all ease-in-out 0.6s;
        border-radius: 5px
    }
.page_head {
    font-weight: 700;
    font-size: 20px;
    color: var(--themecolor);
    line-height: 22px;
    font-family: Exo,sans-serif;
    position:relative;
}

    .page_head span {
        display: block;
        color: var(--themecolor1)
    }
.carrer_img {
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    box-shadow: 0 0 25px rgba(0, 0, 0, .08);
    width: 100%;
}
span.adm_note {
    font-size: 14px;
}

.page_head_line {
    width: 100px;
    background: 0 0;
    border: 1px solid var(--themecolor1);
    margin-top: -3px;
    display: block;
}
  /*  .page_head:before {
        content: '';
        position: absolute;
        left: -1px;
        top: 0px;
        bottom: auto;
        background: var(--themecolor2);
        opacity: 1;
        height: 45px;
        width: 2px;
    }*/
@keyframes jumpAni3 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.tabContainer .topper_crd {
    transition: all ease-in-out 0.6s;
    margin: 0;
    position: relative;
    margin-bottom: 25px;
}
.tabContainer .topper_crd:before {
    content:'';
    position:absolute;
    background-image: url(../MediaGallery/UI_Images/toperbg.jpg);
 
}
.tabContainer .toper_dtls h6 {
    font-size: 19px;
    font-weight: 600;
}
.tabContainer .topper_crd:hover {
    box-shadow: -5px 8px 10px 0px rgb(0 0 0 / 9%);
}


.tabContainer .col-lg-2:nth-child(12n+1) .topper_img img {
    background-color: #ff000063;
}
.tabContainer .col-lg-2:nth-child(12n+2) .topper_img img {
    background-color: #ad94fd54;
}
.tabContainer .col-lg-2:nth-child(12n+3) .topper_img img {
    background-color: #ff5b0054;
}
.tabContainer .col-lg-2:nth-child(12n+4) .topper_img img {
    background-color: #f0f15770;
}
.tabContainer .col-lg-2:nth-child(12n+5) .topper_img img {
    background-color: #0a8f075c;
}
.tabContainer .col-lg-2:nth-child(12n+6) .topper_img img {
    background-color: #0031c742;
}.tabContainer .col-lg-2:nth-child(12n+7) .topper_img img {
    background-color: #0031c742;
}
.tabContainer .col-lg-2:nth-child(12n+8) .topper_img img {
    background-color: #0a8f075c;
}
.tabContainer .col-lg-2:nth-child(12n+9) .topper_img img {
    background-color: #f0f15770;
}
.tabContainer .col-lg-2:nth-child(12n+10) .topper_img img {
    background-color: #ff5b0054;
}
.tabContainer .col-lg-2:nth-child(12n+11) .topper_img img {
    background-color: #ad94fd54;
}
.tabContainer .col-lg-2:nth-child(12n+12) .topper_img img {
    background-color: #ff000063;
}
.tabContainer .toper_dtls {
       padding: 0;
       padding-bottom:15px
}

.toper_dtls p{
    text-align:center;
}


.fc-col-header {
    background: var(--themecolor2);
    color: var(--themecolor1)
}

    .fc-col-header a {
        background: var(--themecolor2);
        color: var(--themecolor1)
    }

#calender a {
    color: var(--textcolor);
}


.teacher_card {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 30px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.tech_img {
    position: relative;
    overflow: hidden;
    overflow: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}



    .tech_img.pink {
        background: #ffbcc5;
    }

    .tech_img.blue {
        background: #c2f7ff;
    }

    .tech_img.green {
        background: #dcffd3;
    }

    .tech_img.yellow {
        background: #ffe7a6;
    }

    .tech_img.orange {
        background: #ffbd84;
    }

    .tech_img.violet {
        background: #e0bcff;
    }

    .tech_img.grey {
        background: #6c757d;
    }

    .tech_img.rlb_house {
        background: #198754;
    }

    .tech_img.Kali_house {
        background: #ffc107;
    }

    .tech_img.Chan_house {
        background: #dc3545;
    }

    .tech_img.Arya_house {
        background: #002d50;
    }
    /*.tech_img.blue {
        background: #38DDF7;
    }
    .tech_img.green {
        background: #b3d369;
    }
    .tech_img.yellow {
        background: #ffbc09;
    }
    .tech_img.orange {
        background: #f89035;
    }
    .tech_img.red {
        background: #f6475f;
    }*/

    .tech_img::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,0.5);
        top: 0;
        bottom: 0;
        opacity: 0;
        z-index: 1;
        transition: all 0.5s ease-in-out;
    }

    .tech_img img {
        overflow: hidden;
        width: 100%;
        transition: all 0.7s ease 0s;
        border-radius: 10px 10px 0 0;
    }

.team_title {
    background-color: #fff;
    padding: 15px;
}

.tech_data {
    padding: 5px 5px;
    text-align: center;
    border-radius: 0 0 10px 10px;
    text-align: center;
}

    .tech_data h6 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .tech_data p {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 0;
        color: #888888;
        text-align: center;
    }

.teacher_card:hover .tech_img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.teacher_card:hover .tech_img::before {
    opacity: 1
}


.teacher_card:hover .tech_qualifi {
    top: 80%;
    opacity: 1;
}

.tech_qualifi {
    position: absolute;
    top: 100%;
    text-align: center;
    left: 0;
    right: 0;
    opacity: 0;
    color: #fff;
    z-index: 9;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.5s ease-in-out;
}

    .tech_qualifi p {
        text-align: center;
    }

.Mp_card {
    position: relative;
    display: block;
    height: 100%;
    /*  border: 1px solid #e5e5e5;*/
    border: 1px solid #d9d9d9;
    border-radius: calc(30 * 1px);
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.25);
}

.card__image {
    width: 100%;
    height: auto;
    padding: 3px;
    margin-bottom: 30px;
    background: #FFF;
    border-radius: 30px 30px 30px 0;
}

.card__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    border-radius: calc(30 * 1px);
    background: #FFF;
    transform: translateY(100%);
    transition: .4s ease-in-out;
}

    .card__overlay span {
        float: right;
        margin-right: 22px;
        margin-bottom: 5px;
        margin-top: -15px;
        position: relative;
        z-index: 999999;
        font-size: 12px;
        color: var(--themecolor1);
        transition: .5s ease-in-out;
        font-weight: 500;
    }

.Mp_card:hover .card__overlay {
    transform: translateY(0);
}

.card__header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1em;
    padding: 1em;
    border-radius: calc(30 * 1px) 0 0 0;
    background: #FFF;
    transform: translateY(-100%);
    transition: .4s ease-in-out;
      height: 45px;
}
.card__arc {
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 98%;
    right: 0;
    z-index: 1;
}

    .card__arc path {
        fill: #ffF;
        d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z");
    }

.Mp_card:hover .card__header {
    transform: translateY(0);
}

.card__thumb {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.card__title {
    font-size: 20px;
    margin: 0 0 .3em;
    color: var(--themecolor);
}
nav.syll_tab a {
    color: var(--colorblack);
    padding: 10px 20px;
    border: none;
    display: inline-block;
    margin: 4px;
    cursor: pointer;
    -webkit-transition: all 05s ease;
    -moz-transition: all 05s ease;
    -ms-transition: all 05s ease;
    -o-transition: all 05s ease;
    transition: all 0.5s ease;
    -moz-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    -o-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    background: #8ed2b2;
}

    nav.syll_tab a span {
        display: inline-block;
        -moz-transform: skewX(20deg);
        -webkit-transform: skewX(20deg);
        -o-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg);
        font-weight: 500;
    }

    nav.syll_tab a.active, nav.syll_tab a:hover {
        background: var(--themecolor3);
        color: #fff;
        transition: all 0.5s ease;
    }

.syllb_card {
    border-radius: 10px;
    position: relative;
    z-index: 9;
    background: var(--whitecolor);
    box-shadow: 2px 2px 4px 1px rgb(0 0 0 / 8%);
    padding: 10px 15px;
    display: flex;
    gap: 10px;
    padding-right: 0;
    align-items: center;
    transition: all 0.5s ease;
    border-left: 5px solid var(--themecolor2);
    margin-bottom: 15px;
    overflow: hidden;
}

    .syllb_card:before {
        content: '';
        position: absolute;
        left: -350px;
        transition: all 1s ease;
        background: var(--themecolor3);
        width: 100%;
        height: 100%;
        z-index: -1
    }

    .syllb_card:hover:before {
        left: 0;
        transition: all 1s ease;
    }

.syllab_list {
    margin-bottom: 20px;
}

    .syllab_list:nth-child(6n+1) .syllb_card {
        border-color: #07294d;
        color: #07294d;
    }

        .syllab_list:nth-child(6n+1) .syllb_card:before {
            background-color: #07294d;
        }

    .syllab_list:nth-child(6n+2) .syllb_card {
        border-color: #0c8b51;
        color: #0c8b51;
    }

        .syllab_list:nth-child(6n+2) .syllb_card:before {
            background-color: #0c8b51;
        }

    .syllab_list:nth-child(6n+3) .syllb_card {
        border-color: #d94da6;
        color: #d94da6;
    }

        .syllab_list:nth-child(6n+3) .syllb_card:before {
            background-color: #d94da6;
        }

    .syllab_list:nth-child(6n+4) .syllb_card {
        border-color: #eab830;
        color: #eab830;
    }

        .syllab_list:nth-child(6n+4) .syllb_card:before {
            background-color: #eab830;
        }

    .syllab_list:nth-child(6n+5) .syllb_card {
        border-color: #753b76;
        color: #753b76;
    }

        .syllab_list:nth-child(6n+5) .syllb_card:before {
            background-color: #753b76;
        }

    .syllab_list:nth-child(6n+6) .syllb_card {
        border-color: #ff5722;
        color: #ff5722;
    }

        .syllab_list:nth-child(6n+6) .syllb_card:before {
            background-color: #ff5722;
        }

a.syllb_card span {
    font-size: 20px;
}

a.syllb_card p {
    font-size: 17px;
    font-weight: 500;
    margin-top: 14px;
}


.syllb_card:hover {
    box-shadow: 3px 4px 8px 2px rgb(0 0 0 / 6%);
    transition: all 0.5s ease;
    color: white !important;
}
.anime_ul li {
    background: url(../MediaGallery/Icons/cap_alumni.png) no-repeat left 4px;
    padding: 5px 0 10px 30px;
    text-align: justify;
    list-style: none;
    display: table;
    line-height: 20px;
}

.displin_img {
    animation: jumpAni3 7s linear infinite;
    filter: drop-shadow(2px 4px 6px #00000011);
}
.uniform_box_lft {
    position: relative;
    z-index: 9;
    background: #e4f1fd;
    padding: 25px;
    margin-top: 25px;
    border-radius: 5px;
    border: 1px solid #dceefd;
    box-shadow: -4px 6px 20px 2px #00000012;
    height: 100%;
    overflow: hidden
}

.uniform_box_rgt {
    position: relative;
    z-index: 9;
    background: #f5e3fb;
    padding: 25px;
    margin-top: 25px;
    border-radius: 5px;
    border: 1px solid #f2def9;
    box-shadow: -4px 6px 20px 2px #00000012;
    height: 100%;
    overflow: hidden
}

.uniform_box_cntr {
    position: relative;
    z-index: 9;
    background: #fbe3e3;
    padding: 25px;
    margin-top: 25px;
    border-radius: 5px;
    border: 1px solid #ffe0e0;
    box-shadow: -4px 6px 20px 2px #00000012;
    height: 100%;
    overflow: hidden
}

.uniform_box_lft li, .uniform_box_rgt li {
    width: 70%;
}

.uniform_box_lft h6, .uniform_box_rgt h6, .uniform_box_cntr h6 {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
}

.rotate_dots {
    animation: witr_rotate_180_2 25s linear 1s infinite alternate running;
    position: absolute;
    top: -54px;
    opacity: .2;
    filter: sepia(1);
    left: 50%
}

    .rotate_dots.rght {
        right: 50%;
        left: -50%;
        animation: witr_rotate_180_1 25s linear 1s infinite alternate running;
    }

img.unifrm_child {
    position: absolute;
    bottom: -5px;
    right: 30px;
    height: 250px;
}

h5.card__title {
    font-size: 16px;
}

h5.card__title {
    font-size: 16px;
}

.fs_14 {
    font-size: 13px !important;
}

.gallery_imgbox .col-lg-3, .gallery_imgbox .col-lg-4 {
    padding: 10px;
    display: flex;
}

.gallery_imgbox a {
    position: relative;
    border: 1px solid #d9d9d9;
    cursor: none;
    border-radius: 5px;
    display: flex;
    overflow: hidden;
    -webkit-transition: 800ms ease;
    -o-transition: 800ms ease;
    transition: 800ms ease;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.25);
}

.gallery_imgbox img {
    position: relative;
}

.gallery_imgbox img {
    height: 100%;
    width: 100%;
    border-radius: 4px;
    -webkit-transition: 800ms ease;
    -o-transition: 800ms ease;
    transition: 800ms ease;
    -webkit-transition-property: color, background, mix-blend-mode, opacity, visibility, height;
    -o-transition-property: color, background, mix-blend-mode, opacity, visibility, height;
    transition-property: color, background, mix-blend-mode, opacity, visibility, height;
    opacity: 1;
}

.gallery_imgbox a:hover img {
    filter: brightness(0.4);
}

.hover-plus {
    display: none;
    position: absolute;
    pointer-events: none;
    background: transparent;
    width: 40px;
    height: 40px;
    mix-blend-mode: difference;
    z-index: 2;
    -webkit-transition: 300ms ease;
    -o-transition: 300ms ease;
    transition: 300ms ease;
    -webkit-transition-property: color, background, mix-blend-mode, opacity, visibility, height;
    -o-transition-property: color, background, mix-blend-mode, opacity, visibility, height;
    transition-property: color, background, mix-blend-mode, opacity, visibility, height;
}

    .hover-plus:before, .hover-plus:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 3px;
        background: #fff;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
        opacity: 0;
        -webkit-transition: all 600ms ease;
        -o-transition: all 600ms ease;
        transition: all 600ms ease;
    }

    .hover-plus svg {
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: 0;
        -webkit-transition: all 600ms ease;
        -o-transition: all 600ms ease;
        transition: all 600ms ease;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
        fill: #fff;
        width: 35px;
    }

    .hover-plus.video:before, .hover-plus.video:after {
        display: none;
    }

a:hover .hover-plus:before, a:hover .hover-plus:after,
a:hover .hover-plus svg {
    opacity: 1;
    z-index: 999;
    cursor: none;
}

a:hover > .hover-plus:before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(1);
    -ms-transform: translate(-50%, -50%) rotate(180deg) scale(1);
    transform: translate(-50%, -50%) rotate(180deg) scale(1);
}

a:hover > .hover-plus:after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(1);
    -ms-transform: translate(-50%, -50%) rotate(90deg) scale(1);
    transform: translate(-50%, -50%) rotate(90deg) scale(1);
}

.portfolio-item-style3 .img a {
    cursor: none;
}

.gallery_imgbox a:hover .imgcontent {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.gallery_imgbox a .imgcontent {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 25px;
    color: #fff;
    -webkit-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    transition: all 600ms ease-out;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    pointer-events: none;
}

.imgcontent p {
    font-size: 12px;
    opacity: .8;
    margin-bottom: 5px;
}

.imgcontent h6 {
    margin: 0;
    font-size: 16px;
}

a.Mp_card.photoCat {
    border-radius: 10px;
}

.photoCat .card__image {
    width: 100%;
    height: 100%;
    padding: 3px;
    margin-bottom: 20px;
    background: #FFF;
    border-radius: 10px 10px 10px 0;
}

.photoCat .card__overlay {
    border-radius: 10px 10px 10px 0;
}

.form_map {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-radius: 10px;
    overflow: hidden overflow: hidden;
    margin-top: 35px;
}

.contect_box {
    padding: 30px;
    background: #e35364;
    text-align: center;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    z-index: 9;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.academy_map iframe {
    height: 100%;
    width: 100%;
    display: block;
}

.academy_map {
    height: 400px !important;
    border: 0;
}

.contect_box {
    background-image: url(../MediaGallery/UI_Images/contact_1.jpg);
    background-position: center center;
    background-size: cover;
    animation-delay: 0.02s;
    opacity: 1;
    padding: 50px 20px;
    z-index: 9;
    margin-top: 0px;
    transition: all 0.5s ease-in-out;
    position: relative;
    border-radius: 10px;
    text-align: center !important;
    overflow: hidden;
}

    .contect_box:before {
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        background-color: rgba(245, 87, 108, 0.90);
        background-color: rgb(245 122 87 / 78%);
        z-index: -1
    }

input[type="file"]::file-selector-button {
    position: absolute;
    top: 7px;
    border-right-color: #fff;
    right: 0px;
    z-index: 0;
    margin-left: 25px;
    margin-top: -6px;
    margin-right: 1px;
    border-radius: 0 5px 5px 0;
}

.contect_box p {
    text-align: center;
    font-size: 19px;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 500;
}

.contect_box.one {
    background-image: url(../MediaGallery/UI_Images/contact_1.jpg);
    border: 1px solid #ffa289;
}

.contect_box.two {
    background-image: url(../MediaGallery/UI_Images/contact_2.jpg);
    border: 1px solid #34498d;
}

.contect_box.three {
    background-image: url(../MediaGallery/UI_Images/contact_3.jpg);
    border: 1px solid #ffc938;
}

.contect_box.two::before {
    background-color: rgb(20 40 101 / 82%);
}

.contect_box.three::before {
    background-color: rgba(255, 188, 9, 0.90);
}

.contect_box.two img {
    width: 64px;
    padding: 10px
}

.contect_box.three img {
    width: 64px;
    padding: 5px
}

.h_39.form-control {
    height: 36px
}

.career_box {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.career_box {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-radius: 10px;
}

.overview_box {
    position: relative;
}

    .overview_box img {
        width:100%;
        margin-bottom:15px;
        border-radius: 10px;
        transform: scale(1);
        transition: all .25s;
        transition: all 0.5s ease-in-out;
        box-shadow: 0px 0px 3px 2px #0000001f;
    }

.overview_box_1 {
    width: 350px;
}

.overview_box_2 img {
    height: 200px;
    width: 100%;
}

.overview_box_2 {
    position: absolute;
    bottom: -128px;
    right: 40px;
    z-index: 1;
    border: 10px solid #fff;
    border-radius: 10px;
}

.overview_box_3 {
    width: 230px;
    height: 150px;
    position: absolute;
    bottom: -160px;
    left: 0;
    border-radius: 10px 0 10px 10px !important;
}

p.academy_cont {
    text-align: justify;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}

.brnch_yr {
    margin-top: 15px;
    color: var(--themecolor1);
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 10px;
    font-family: 'Exo', sans-serif;
}
.our_branch .col-md-4.col-12 {
    padding: 20px;
}
.move_img {
    animation: jumpAni 15s infinite linear;
    width:100%;
}

h4.fee_head {
    text-align: center;
    color: var(--themecolor1);
    font-weight: 700;
    font-size: 26px;
}
p.fee_pra {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.click_btn {
        position: relative;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-align: center;
    background-color: var(--themecolor);
    color: var(--whitecolor);
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    min-width: 160px;
    padding: 7px 21px;
    border-radius: 5px;
    z-index: 0;

}
.click_btn:before, .click_btn:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    width: 0%;
    background-color: #eb0029;
    z-index: -1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
    .click_btn:hover, .click_btn.active {
        color: var(--whitecolor);
    }
    .click_btn:before {
        left: 0;
        border-radius: 5px;
    }
    .click_btn:after {
        right: 0;
        border-radius: 5px;
    }

    .click_btn:hover::before,
    .click_btn:hover:after,
    .click_btn.active::before,
    .click_btn.active:after {
        width: 55%;
        border-radius: 5px;
    }


a.app_store_img {
    width: 150px;
    margin:15px;
}
    a.app_store_img img {
        width:100%;
             transform: scale(1);
        transition: all .25s;
        transition: all 0.5s ease;
    }

    a.app_store_img:hover img {
        transform: scale(1.1);
        transition: all .25s;
        transition: all 0.5s ease;
    }
.img_right {
    float: right;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    box-shadow: 0 0 25px rgba(0, 0, 0, .08);
}







































    @keyframes zoom-in-zoom-out {
        0% {
            transform: scale(1, 1);
        }

        50% {
            transform: scale(1.2, 1.2);
        }

        100% {
            transform: scale(1, 1);
        }
    }

    @keyframes witr_rotate_ {
        0% {
            -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
        }

        100% {
            -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg);
        }
    }

    @keyframes witr_rotate_180 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }



    @keyframes animateWaves {
        0% {
            background-position-x: 1000px;
        }

        100% {
            background-positon-x: 0px;
        }
    }

    @keyframes animate {
        0% {
            background-position-x: -1000px;
        }

        100% {
            background-positon-x: 0px;
        }
    }

    @keyframes jumpAni {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        40% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }

    @keyframes wave {
        to {
            background-position-x: 118px;
        }
    }

    @-webkit-keyframes bubbleMoveOne {
        0% {
            -webkit-transform: translateX(0px) translateY(0px);
            transform: translateX(0px) translateY(0px);
        }

        20% {
            -webkit-transform: translateX(20px) translateY(-20px);
            transform: translateX(20px) translateY(-20px);
        }

        40% {
            -webkit-transform: translateX(40px) translateY(-40px);
            transform: translateX(40px) translateY(-40px);
        }

        80% {
            -webkit-transform: translateX(20px) translateY(-20px);
            transform: translateX(20px) translateY(-20px);
        }

        100% {
            -webkit-transform: translateX(0px) translateY(0px);
            transform: translateX(0px) translateY(0px);
        }
    }

    @keyframes bubbleMoveOne {
        0% {
            -webkit-transform: translateX(0px) translateY(0px);
            transform: translateX(0px) translateY(0px);
        }

        20% {
            -webkit-transform: translateX(20px) translateY(-20px);
            transform: translateX(20px) translateY(-20px);
        }

        40% {
            -webkit-transform: translateX(40px) translateY(-40px);
            transform: translateX(40px) translateY(-40px);
        }

        80% {
            -webkit-transform: translateX(20px) translateY(-20px);
            transform: translateX(20px) translateY(-20px);
        }

        100% {
            -webkit-transform: translateX(0px) translateY(0px);
            transform: translateX(0px) translateY(0px);
        }
    }

    @-webkit-keyframes bubbleMoveTwo {
        0% {
            -webkit-transform: scale(1) translateX(0px) translateY(0px);
            transform: scale(1) translateX(0px) translateY(0px);
        }

        20% {
            -webkit-transform: scale(1.1) translateX(20px) translateY(20px);
            transform: scale(1.1) translateX(20px) translateY(20px);
        }

        40% {
            -webkit-transform: scale(1.2) translateX(40px) translateY(40px);
            transform: scale(1.2) translateX(40px) translateY(40px);
        }

        80% {
            -webkit-transform: scale(1.1) translateX(20px) translateY(20px);
            transform: scale(1.1) translateX(20px) translateY(20px);
        }

        100% {
            -webkit-transform: scale(1) translateX(0px) translateY(0px);
            transform: scale(1) translateX(0px) translateY(0px);
        }
    }

    @keyframes bubbleMoveTwo {
        0% {
            -webkit-transform: scale(1) translateX(0px) translateY(0px);
            transform: scale(1) translateX(0px) translateY(0px);
        }

        20% {
            -webkit-transform: scale(1.1) translateX(20px) translateY(20px);
            transform: scale(1.1) translateX(20px) translateY(20px);
        }

        40% {
            -webkit-transform: scale(1.2) translateX(40px) translateY(40px);
            transform: scale(1.2) translateX(40px) translateY(40px);
        }

        80% {
            -webkit-transform: scale(1.1) translateX(20px) translateY(20px);
            transform: scale(1.1) translateX(20px) translateY(20px);
        }

        100% {
            -webkit-transform: scale(1) translateX(0px) translateY(0px);
            transform: scale(1) translateX(0px) translateY(0px);
        }
    }

    @keyframes globeRotate {
        8% {
            -webkit-transform: perspective(200px) rotateX(0deg) rotateY(0);
            transform: perspective(200px) rotateX(0deg) rotateY(0);
        }

        50% {
            -webkit-transform: perspective(200px) rotateX(360deg);
            transform: perspective(200px) rotateX(360deg);
        }

        51% {
            -webkit-transform: perspective(200px) rotateX(0deg) rotateY(0);
            transform: perspective(200px) rotateX(0deg) rotateY(0);
        }

        100% {
            -webkit-transform: perspective(200px) rotateY(360deg);
            transform: perspective(200px) rotateY(360deg);
        }
    }

    @keyframes float-bob-y {
        0% {
            -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
        }

        50% {
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
        }

        100% {
            -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
        }
    }

    @keyframes itrotate {
        0% {
            transform: rotateY(0deg)
        }

        100% {
            transform: rotateY(360deg)
        }
    }

    @keyframes witr_rotate_180_2 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
    }

    @keyframes witr_rotate_180_1 {
        0% {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        100% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

a.cate_back {
    float: right;
    font-size: 17px;
    font-weight: 700;
    color: var(--themecolor);
}
.page_head_1 {
    font-weight: 700;
    font-size: 20px;
    color: var(--themecolor);
    line-height: 22px;
    font-family: Exo, sans-serif;
}
/*Text-box*/
.dropdwn_title3 {
    font-size: 15px;
    position: absolute;
    font-weight: 400;
    z-index: 9;
    color: #012970;
    margin-top: -12px;
    margin-bottom: 0;
    margin-left: 8px;
    background: #fff;
    padding: 0px 5px 0px 5px;
}

option, select {
    font-weight: 400;
    font-size: 15px;
}

.dropdwn_title5 {
    font-size: 15px;
    right: 20px;
    position: absolute;
    z-index: 9;
    color: #012970;
    margin-top: -13px;
    background: #fff;
    padding: 0px 5px 0px 5px;
}

.bg_body {
    background: #fff !important;
    border: 1px solid #afbdcf;
    border-radius: 3px;
    outline: 0;
}

span.spnchose {
    font-size: 9px;
    font-weight: 400;
    color: #000;
}

.drpdown {
    outline: none;
    border-radius: 3px;
    height: 40px;
    width: 100%;
    padding-top: 9px;
    font-weight: 400;
    color: #000000;
    font-size: 15px;
    padding-left: 12px;
    box-shadow: none;
    outline: none;
    background: #fff;
    border: 1px solid #afbdcf;
}

.height_100 {
    min-height: 102px !important;
}

.captcha {
    display: flex;
    justify-content: center
}

    .captcha span {
        padding: 10px 4px;
    }

.input_box input {
    border: 1px solid #afbdcf;
    border-radius: 4px;
    height: 40px;
    width: 100%;
    color: #000000;
    background: #fff;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 10px;
    box-shadow: none;
}

    .input_box input:focus-visible {
        outline: 0
    }

#txtComment {
    background: #fff !important;
}

.input_box input:focus + label,
.input_box input:valid + label {
    font-size: 15px;
    color: #012970;
    top: -12px;
    left: 10px;
    background: #fff;
    padding: 0px 5px 0px 5px;
}

.input_box textarea {
    border: 1px solid #afbdcf;
    border-radius: 4px;
    height: 40px;
    width: 100%;
    color: #000000;
    font-size: 14px;
    padding-left: 20px;
    box-shadow: none;
}

    .input_box textarea:focus + label,
    .input_box textarea:valid + label {
        font-size: 15px;
        color: #012970;
        top: -12px;
        left: 10px;
        background: #fff;
        padding: 0px 5px 0px 5px;
        outline: 0
    }

.input_box .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #012970;
    outline: none;
    box-shadow: none;
}

i#btnAudio {
    cursor: pointer;
}

.input_box {
    width: auto;
    height: auto;
    position: relative;
}

    .input_box label {
        font-size: 15px;
        color: #afbdcf;
        padding: 9px 12px;
        font-weight: 400;
        position: absolute;
        top: 0;
        left: 0;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
        pointer-events: none;
    }

.alert_textbox {
    float: right;
    font-size: 12px !important;
    margin-right: 11px;
    margin-top: -12px;
    position: relative;
    line-height: 20px;
    z-index: 999;
    background: bisque;
    border-radius: 5px;
    padding: 0px 8px;
}

    .alert_textbox:before {
        font-family: 'FontAwesome';
        content: "\f071";
        /* content: "\f06a";   For Circle */
        color: red;
        margin-right: 2px;
    }

input[type="file"]::file-selector-button {
    position: absolute;
    top: 7px;
    border-right-color: #fff;
    right: 0px;
    z-index: 0;
    margin-left: 25px;
    margin-top: -6px;
    margin-right: 13px;
    border-radius: 0 5px 5px 0;
}
.thre_evnt .event_cards:first-child {
    margin-top: 0;
}



.all_events .event_img img {
    height: 200px;
}
.all_events .event_title {
    font-size: 20px;
}
.all_events .event_body {
    padding: 10px 15px;
    height: 100%;
}
.all_events .col-md-3.col-sm-12.col-12 {
    margin-bottom: 20px;
}
.dropdown_display3 {
    display: flex;
    justify-content: end;
    color: #000;
    line-height: 28px;
    padding-right: 10px;
    font-size: 15px;
    margin-bottom: 15px;
}



img.infra_img {
    width: 100%;
    border: 1px solid #efefef;
}

img.infra_img_1 {
    margin-top: 10px;
    width: 100%;
    border: 1px solid #efefef;
}

.infra_font p {
    margin-bottom: 10px;
}



.infra_gallery > a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    transition: all .25s;
    transition: all 0.5s ease-in-out;
}

    .infra_gallery > a > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        box-shadow: 0 2px 16px rgba(0,0,0,.2);
    }

.infra_gallery {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-rows: 250px;
    grid-auto-flow: dense;
}

    .infra_gallery .horizontal {
        grid-column: span 2;
    }

    .infra_gallery .vertical {
        grid-row: span 2;
    }

    .infra_gallery .big {
        grid-column: span 2;
        grid-row: span 2;
    }
.Clr_table tr:nth-child(odd) {
    --bs-table-bg: #fff !important;
}

.Clr_table tr:nth-child(even) {
    --bs-table-bg: #deeaf77d !important;
    background-color: #deeaf77d !important;
}

.table-hover.Clr_table > tbody > tr:hover > * {
    --bs-table-bg: #d0e7ff !important;
}

.Clr_table {
    border-color: #0d215c;
    border-color: #142c726b;
}

    .Clr_table tr th {
        background-color: var(--themecolor) !important;
        color: #fff !important;
        text-align: center;
        border-color: #0d215c !important;
        border-top: 1px solid;
    }

        .Clr_table tr th:hover, .datatable-table th:hover {
            background-color: var(--themecolor) !important;
        }

.center-td-1 > tr > td:first-child {
    text-align: center;
}

.wth_5 {
    max-width: 5%;
    width: 5%;
}

.wth_10 {
    max-width: 10%;
    width: 10%;
}

.wth_15 {
    max-width: 15%;
    width: 15%;
}

.wth_25 {
    max-width: 25%;
    width: 25%;
}
.alert_textbox {
    float: right;
    font-size: 12px !important;
    margin-right: 11px;
    margin-top: -12px;
    position: relative;
    z-index: 999;
    color: red;
    background: #FFFF;
    border-radius: 11px;
    padding: 1px 8px;
}

    .alert_textbox:before {
        font-family: 'FontAwesome';
        content: "\f071";
        color: red;
        margin-right: 5px;
    }

span#ctl00_ContentPlaceHolder1_lblmsg {
    float: right;
    margin-top: -60px;
    margin-bottom: 40px;
}
#RKA .owl-dots, #RKA .owl-nav, #RKIC .owl-dots, #RKIC .owl-nav, #TWS .owl-dots, #TWS .owl-nav {
    display: none
}
a.fix_youtube {
    position: fixed;
    right: -1px;
    font-size: 25px;
    top: 138px;
    padding: 1px 13px;
    color: #fff;
    background: #fc0000;
    border-radius: 5px 0 0 5px;
    z-index: 99;
}
.social_btn {
    float: left;
    margin-right: 10px;
}
    .social_btn a {
        color: #fff;
        font-size: 18px;
        margin-right: 4px
    }
        .social_btn a:hover {
            color: var(--themecolor1);
        }
.tc {
    text-align: center;
}

.our_story_img1 {
    margin-left: 30px;
    width: 76%;
    border-radius: 2px;
}

.v {
    vertical-align: middle !important;
}

.suter_btn1 {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-align: center;
    background-color: var(--themecolor);
    color: var(--whitecolor);
    font-weight: 500;
    font-size: 14px;
    padding: 7px 16px;
    border-radius: 5px;
    z-index: 0;
    white-space: nowrap;
}
.event_date {
    position: absolute;
    bottom: -1px;
    right: 0;
    background-color: #ff5e00;
    color: #fff;
    padding: 6px;
    border-radius: 10px 0 0 0;
    z-index: 9;
    font-size: 13px
}
.event_img {
    position: relative;
}


#popup {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    margin-top: -300px;
}

    #popup:target {
        visibility: visible;
        opacity: 1;
        background-color: rgb(0 0 0 / 63%);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        z-index: 99999999999;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }

@media (min-width:768px) {
    .popup-container {
        width: 580px;
        height: 350px;
    }
}

@media (max-width:767px) {
    .popup-container {
        width: 100%;
    }
}

.popup-container {
    position: relative;
    margin: 9% auto;
        background-color: #333;
    color: #fff;
    border-radius: 3px;
}
a.popup-close {
    position: absolute;
    top: 3px;
    right: 3px;
    background-color: #000;
    padding: 2px 6px;
    font-size: 20px;
    text-decoration: none;
    line-height: 1;
    color: #fff;
}