@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
/*font-family: "Raleway", sans-serif;*/

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* font-family: "Poppins", sans-serif;*/
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
/*  font-family: "Lato", sans-serif;*/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
/*font-family: "Inter", sans-serif;*/

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');


@font-face {
  font-family: 'DSEG7';
  src: url('../font/dseg/DSEG7Classic-Bold.woff2') format('woff2'),
    url('../font/dseg/DSEG7Classic-Bold.woff') format('woff');

  font-display: swap;
}

/* html, body {
  height: 100%;
} */
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;

  font-style: normal;
  font-size: 17px;
  background: #fff;
  line-height: 26px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Inter", sans-serif;
}

* {
  text-decoration: none;
}

img {
  max-width: 100%;
}

#smooth-wrapper {
  overflow: hidden;
}

#smooth-content {
  will-change: transform;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: transform 1s ease-in-out, opacity 0.8s ease-in-out;
}

/* Slide-up state */
#preloader.preloader--hidden {
  transform: translateY(-100%);
  opacity: 0;
}

.preloader-content {
  text-align: center;
}

.preloader .logo img {
  max-width: 150px;
  margin-bottom: 20px;
  /* optional: animate logo opacity or scale */
}

/* Loading text animation */
.loading-text {
  font-family: sans-serif;
  font-size: 24px;
  letter-spacing: 4px;
  color: #000;
  /* change color as needed */
  overflow: hidden;
  display: inline-block;
  position: relative;
}

.loading-text::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  /* same as preloader background */
  animation: reveal 2s ease-out 0s forwards;
  /* adjust timing */
}

/* Keyframe for reveal animation */
@keyframes reveal {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(100%);
  }
}

.preloader--hidden {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}

.letters {
  display: inline-block;
}

.letters span {
  font-size: 20px;
  color: #000;
  opacity: 0;
  display: inline-block;
  animation: letterFade 1.5s ease-in-out infinite;
}

.letters span:nth-child(1) {
  animation-delay: 0s;
}

.letters span:nth-child(2) {
  animation-delay: 0.2s;
}

.letters span:nth-child(3) {
  animation-delay: 0.4s;
}

.letters span:nth-child(4) {
  animation-delay: 0.6s;
}

.letters span:nth-child(5) {
  animation-delay: 0.8s;
}

.letters span:nth-child(6) {
  animation-delay: 1.0s;
}

.letters span:nth-child(7) {
  animation-delay: 1.2s;
}

@keyframes letterFade {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  50% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}

header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all ease-in-out 0.5s;
  /* border-top: #178ce7 5px solid;*/
  box-shadow: 0px 4px 20px 9px #a2a2a200;
}

/* header::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  background: linear-gradient(0deg, rgb(245 245 245) 0%, rgb(240 240 240) 55%, rgb(206 230 233) 100%);
  transition: all ease-in-out 0.5s;
  box-shadow: 0 0 12px #0000004d;
} */

header.sticky {
  position: fixed;
  z-index: 100000;
  /* background: #00000096; */
  box-shadow: 0 0 12px #00000000;
}

/*header::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #000000ba, transparent);
  top: 100%;
  height: 90px;
  z-index: 1;
} */

section {
  width: 100%;
  /* float: left; */
}

/**/
header::before {
  height: 79px;
}

header .logo a h2 {
  color: #365b97;
}

header a.nav-link,
header .header-1-right-top ul li a,
header .logo a h4 {
  color: #000000;
}

header a.nav-link:hover,
header .header-1-right-top ul li a:hover,
header .logo a h4:hover {
  color: #912630;
}

.header-1-right-top {
  padding: 5px 0;
  position: relative;
  height: 36px;
  width: max-content;
  float: right;
}

.header-1-right-top ul {
  padding: 0;
  margin: 0;
  float: right;
  /* min-width: 335px; */
}

.header-1-right-top ul li {
  margin: 0px 6px;
  float: left;
  padding: 0;
  list-style: none;
  display: inline-flex;
  min-height: 25px;
  align-items: center;
  font-size: 12px;
}

/* header .font-size-changer button,
header .font-size-changer a,
header .top-socialmedia-icons a {
  color: #000000 !important;
  border: 1px solid #000000 !important;
}

header .font-size-changer button:hover,
header .font-size-changer a:hover,
header .top-socialmedia-icons a:hover,
header .top-socialmedia-icons a:hover {
  background: #912630 !important;
  color: #fff !important;
  border-color: #912630 !important;
} */

/**/
/* Maxmega menu */

/* .floating-socialmedia-icons {
  position: fixed;
  z-index: 10;
  right: 0;
  display: inline-flex;
  flex-direction: column;
  top: 276px;
}

.floating-socialmedia-icons a {
  display: inline-flex;
  background: #4861b3;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
  transition: all ease-in-out 0.5s;
}

.floating-socialmedia-icons a span {
  display: inline-flex;
  background: inherit;
  position: absolute;
  right: 48px;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 10px;
  line-height: 19px;
  text-transform: uppercase;
  display: none;
}

.floating-socialmedia-icons a span::before {
  content: "";
  position: absolute;
  clip-path: polygon(100% 49%, 0 0, 0 100%);
  background: inherit;
  width: 7px;
  height: 10px;
  left: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
} */

.menu-con {
  position: relative;
  background: #912630;
  /* box-shadow: #dddd 0px 7px 11px; */
  margin-top: -1px;
}

.menu-con:before {
  content: "";
  clip-path: polygon(100% 100%, 0% 0%, 100% 0);
  width: 30px;
  height: 100%;
  position: absolute;
  right: calc(100% - 1px);
  background: #912630;
  top: 0;
}

.menu-con:after {
  content: "";
  clip-path: polygon(0% 0%, 0% 100%, 100% 0);
  width: 30px;
  height: 100%;
  position: absolute;
  left: calc(100% - 1px);
  background: #912630;
  top: 0;
}

/* .floating-socialmedia-icons a:hover span {
  display: inline-flex;
} */

header #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
  color: #ffffff;
  border-top: 0;
  font-weight: bold !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
  position: absolute !important;
  content: "" !important;
  top: -1px !important;
  width: 0 !important;
  height: 2px !important;
  background: #fff !important;
  transition: all ease-in-out 0.5s !important;
  left: 0 !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:hover>a.mega-menu-link:before {
  width: 100% !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  background: #912630;
  left: 0;
  bottom: 0px;
  transition: all ease-in-out 0.5s;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover:before {
  width: 100%;
}

/* Maxmega menu End */
.header-top-gov p {
  margin: 0;
  font-size: 13px;
}

.header-top-gov p a {
  color: inherit;
}

section.home-section {
  /* max-height: 85vh; */
  display: flex;
  align-items: center;
}

/* .slider-indicator {
  position: absolute;
  top: 468px;
  margin: auto;
  height: max-content;
  right: 0;
  display: flex;
  flex-direction: column;
  z-index: 1;
  transition: all ease-in-out 0.5s;
  gap: 5px;
} */

/* .floating-socialmedia-icons a:first-child {
  border-radius: 10px 0 0 0;
}

.floating-socialmedia-icons a:last-child {
  border-radius: 0 0 0 10px;
} */

.slider-indicator button {
  transition: all ease-in-out 0.5s;
  background: #00000073;
  width: 39px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: max-content;
  border-radius: 0 5px 5px 0;
  opacity: 0.4;
}

.slider-indicator button:hover {
  opacity: 1;
}

button.slider-indicator-next {
  right: 0;
  border-radius: 5px 0 0 5px;
}

/* .floating-socialmedia-icons a[title="Instagram"] {
  background: #df2f6d;
}

.floating-socialmedia-icons a[title="X"] {
  background: #359bf0;
}

.floating-socialmedia-icons a[title="LinkedIn"] {
  background: #3261b1;
}

.floating-socialmedia-icons a[title="Youtube"] {
  background: #fd1312;
} */

/* clickable side nav */
/* #menu {
  width: 32px;
  height: 40px;
  position: fixed;
  left: 20px;
  top: 200px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 99;
}

#menu.open img {
  display: none;
}

#menu img {
  position: absolute;
  left: 0;
  top: 0;
  filter: invert(54%) sepia(89%) saturate(509%) hue-rotate(360deg) brightness(97%) contrast(101%);
} */

/* #popup-nav.open-popup {
  left: 0;
  width: auto;
}

#popup-nav {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  position: fixed;
  width: 100%;
  height: auto;
  background: none;
  top: 0;
  left: -450px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 62px 25px 0;
  z-index: 60;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  border: none;
  top: 0;
  bottom: 0;
  margin: auto;
  height: max-content;
  width: 55px;
}

#popup-nav nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 0;
}

#popup-nav #nav-serialscrolling {
  position: static;
}

#popup-nav nav ul li {
  display: block;
}

#close {
  width: 25px;
  height: 18px;
  position: absolute;
  right: 20px;
  top: 29px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 99;
}

#menu.open span:nth-child(2) {
  left: calc(50% - 2px);
  top: 5px;
}

#menu.open span:nth-child(2),
#menu.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#menu.open span {
  background: #ffffff;
}

#menu span:nth-child(even) {
  left: 50%;
}

#menu span:nth-child(1),
#menu span:nth-child(2) {
  top: 0px;
}

#menu.open span {
  display: inline-block;
} */

/* #menu span {
  display: block;
  position: absolute;
  height: 4px;
  width: 50%;
  background: #ffffff;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  display: none;
  filter: invert(54%) sepia(89%) saturate(509%) hue-rotate(360deg) brightness(97%) contrast(101%);
}

#menu.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#menu span:nth-child(3),
#menu span:nth-child(4) {
  top: 8px;
}

#menu.open span:nth-child(5) {
  left: 2px;
  top: 14px;
}

#menu.open span:nth-child(6) {
  left: calc(50% - 2px);
  top: 14px;
}

#menu.open span:nth-child(1),
#menu.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#menu span:nth-child(odd) {
  left: 3px;
  transform: rotate(47deg);
  top: 4px;
} */

/* .side-vertical-btn a {
  padding: 20px 10px;
  background: #912630;
  display: inline-block;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  position: fixed;
  right: 0;
  top: 150px;
  z-index: 10;
  writing-mode: sideways-lr;
} */

/* .side-vertical-btn a:before {
    position: absolute;
    content: '';
    top: 38%;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-right: 14px solid #912630;
    border-bottom: 14px solid transparent;
    left: -10px;
} */

/* .marquee-content {
  display: flex;
  flex-direction: column;
  padding: 15px;
  gap: 11px;
  max-height: 300px;
  overflow: auto;
  margin-bottom: 25px;
}

.marquee-content .content-2 {
  border-bottom: 1px dashed #dbdbdb;
  padding-bottom: 8px;
} */

/* div#MoreModal .modal-title {
  text-transform: uppercase;
  color: #051f54;
} */

/* .marquee-content .content-2 a {
  text-decoration: none;
  color: #000;
} */

/* .side-vertical-btn a.announcement-side-btn {
  top: unset;
  bottom: 100px;
} */

/* clickable side nav End*/
section.home-section.port-at-plance {
  min-height: unset;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 100px 0 124px;
  /* background: url(../images/port-at-plance-bg.png);*/
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  overflow: hidden;
}

.port-at-plance-animated-img {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 240px;
}

section.home-section.port-at-plance::before {
  content: "";
  background: #e8e8e8;
  z-index: 1;
  --_dot-size: 1px;
  /* --_dot-opacity: 0.35; */
  --_dot-color: #6b88c74a;
  --_spacer-x: 20px;
  --_spacer-y: 20px;
  opacity: var(--_dot-opacity);
  background-image: radial-gradient(var(--_dot-color) var(--_dot-size),
      transparent var(--_dot-size));
  background-size: var(--_spacer-x) var(--_spacer-y);
  /* z-index: -1; */
  position: absolute;
  inset: 0;
}

.port-at-plance-img {
  position: absolute;
  bottom: 21px;
  width: 199px;
  left: 0;
}

/* .notification-btn {
  display: inline-flex;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 10;
} */

/**/
/* .announcement-button {
  display: inline-block;
  position: relative;
}

.announcement-button.is-play {
  background-color: #fff;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 10;
}

.announcement-button.is-play svg {
  animation: ring 2s infinite ease-in-out;
  stroke: #051f54;
}

.announcement-button.is-play:hover svg {
  animation: none;
} */

/* @keyframes ring {
  0% {
    transform: rotate(0deg);
  }

  10% {
    transform: rotate(15deg);
  }

  20% {
    transform: rotate(-15deg);
  }

  30% {
    transform: rotate(10deg);
  }

  40% {
    transform: rotate(-10deg);
  }

  50% {
    transform: rotate(5deg);
  }

  60% {
    transform: rotate(-5deg);
  }

  70%,
  100% {
    transform: rotate(0deg);
  }
} */

button.carousel-control-next:focus,
button.carousel-control-prev:focus {
  border: none !important;
}

.carousel button:not([disabled]):focus {
  border: none !important;
}

/* .announcement-button.is-play .announcement-button-outer-circle {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

.announcement-button.is-play .announcement-button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 37px;
  transform: translate(-50%, -50%);
}

.announcement-button.is-play .announcement-button-icon .triangle {
  -webkit-animation: fadeIn 7s ease;
  animation: fadeIn 7s ease;
}

.announcement-button.is-play .announcement-button-icon .path {
  stroke-dasharray: 90;
  stroke-dashoffset: 0;
  -webkit-animation: triangleStroke 3s;
  animation: triangleStroke 3s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
} */

/* .has-scale-animation {
  -webkit-animation: smallScale 3s infinite;
  animation: smallScale 3s infinite;
}

.has-delay-short {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
} */

/* @-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
} */

/* @-webkit-keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }

  to {
    stroke-dashoffset: 0;
  }
} */

/* @-webkit-keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }

  to {
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }

  to {
    transform: scale(1.5);
    opacity: 0;
  }
} */

/**/
.read-more-btn {
  display: inline-block;
  background: #912630;
  border: 1px solid #fff;
  /* width: 100%; */
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 5px 25px;
  border-radius: 25px;
  position: relative;
  transition: all 0.5s;
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 20px;
}

.read-more-btn a {
  color: #fff;
}

.read-more-btn:before {
  position: absolute;
  content: '';
  width: 0;
  height: 100%;
  border-radius: 25px;
  background: #912630;
  left: 0;
  top: 0;
  transition: all 0.5s;
}

.read-more-btn span {
  position: relative;
}

.read-more-btn:hover:before {
  width: 100%;
}

.read-more-btn:hover {
  background: transparent;
  color: white;
}

/* section.ministry-link-sec {
  position: relative;
  padding-bottom: 80px;
} */

/* .ministry-top-bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #fff;
}

.ministry-top-bg img {
  height: 100%;
  width: 100%;
} */

/* ul.ministry-link-icon {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 1;
  background: white;
  height: 100%;
  border-top-left-radius: 8px;
}

ul.ministry-link-icon li {
  display: inline-block;
  padding: 0 15px;
  border-right: 1px solid #e1e1e1;
  margin: 15px 0 2px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease-in;
}

.ministry-link-sec ul.ministry-link-icon li:before {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -100%;
  left: 0;
  content: "";
  background: linear-gradient(360deg, #91263047, transparent);
  transition: all 0.5s ease-in;
  cursor: pointer;
}

.ministry-link-sec ul.ministry-link-icon li:hover:before {
  bottom: 0;
} */

/* new sagar unnati design */
ul.sagarunnati-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  text-align: center;
  width: 100%;
  max-width: 980px;
}

ul.sagarunnati-wrapper li {
  float: left;
  padding: 15px;
  border-right: 1px solid #afafaf;
  margin: 15px 0;
  position: relative;
  background: #002147c7;
  width: 16.66%;
  max-width: 196px;
  min-width: 102px;
}

.sagarunnati-box {
  position: relative;
}

ul.sagarunnati-wrapper li .sagarunnati-box img {
  height: 47px;
  width: auto;
}

ul.sagarunnati-wrapper li h6 {
  font-size: 20px;
  margin: 10px 0;
  position: relative;
  z-index: 1;
}

ul.sagarunnati-wrapper li h6 a {
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
}

/* new sagar unnati design end */
div#sbowlCarousel {
  display: flex;
  justify-content: center;
}

div#sbowlCarousel .owl-nav button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 28px;
}

div#sbowlCarousel .owl-nav button.owl-prev {
  left: 0;
  right: unset;
}

.important_links .sb-icon-wrap img {
  height: 30px;
  width: auto;
  filter: brightness(0) invert(1);
  margin: auto;
}

.sb-icon {
  position: relative;
}

.important_links .sb-icon-wrap h6 {
  font-size: 16px;
  margin: 10px 0 0 0;
  position: relative;
  color: #fff;
}

/* .important_links .sb-icon-wrap h6 a {
  text-decoration: none;
  color: #7a333c;
} */

/*.ministers-section:before {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 220px;
  height: 100%;
  background: white;
  z-index: 1;
}*/

/* ul.ministry-link-icon:before {
  content: "";
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  width: 50px;
  height: 100%;
  position: absolute;
  right: 99%;
  background: #ffffff;
  bottom: 0;
} */

.slider-bottom {
  /*background: linear-gradient(194deg, rgb(191 226 255) 0%, rgb(154 159 164) 100%);*/
  background: #fff;
  z-index: 1;
  border-bottom: 2px solid #e5e5e5;
}

/* ul.ministry-link-icon li:last-child {
  border-right: none;
} */

/**/
/* .video-button {
  display: inline-block;
  position: relative;
}

.video-button.is-play {
  background-color: #ffdade99;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  z-index: 10;
  margin: auto;
} */

/* .video-button.is-play svg {
  animation: ring 2s infinite ease-in-out;
  stroke: #051f54;
}

.video-button.is-play:hover svg {
  animation: none;
} */

/* @keyframes ring {
  0% {
    transform: rotate(0deg);
  }

  10% {
    transform: rotate(15deg);
  }

  20% {
    transform: rotate(-15deg);
  }

  30% {
    transform: rotate(10deg);
  }

  40% {
    transform: rotate(-10deg);
  }

  50% {
    transform: rotate(5deg);
  }

  60% {
    transform: rotate(-5deg);
  }

  70%,
  100% {
    transform: rotate(0deg);
  }
} */

/* .video-button.is-play .video-button-outer-circle {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

.video-button.is-play .video-button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 37px;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #912630;
}

.video-button.is-play .video-button-icon .triangle {
  -webkit-animation: fadeIn 7s ease;
  animation: fadeIn 7s ease;
}

.video-button.is-play .video-button-icon .path {
  stroke-dasharray: 90;
  stroke-dashoffset: 0;
  -webkit-animation: triangleStroke 3s;
  animation: triangleStroke 3s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
} */

/* .has-scale-animation {
  -webkit-animation: smallScale 3s infinite;
  animation: smallScale 3s infinite;
}

.has-delay-short {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
} */

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* @-webkit-keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }

  to {
    stroke-dashoffset: 0;
  }
} */

/* @-webkit-keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }

  to {
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }

  to {
    transform: scale(1.5);
    opacity: 0;
  }
} */

/**/
.scheme_section {
  /* padding: 30px 0px 0px 0px; */
  background: #062147;

  background-image: url(../images/background_app.png);
  background-repeat: repeat;
  background-position: center;

  position: relative;
  z-index: 1;
  text-align: center;
}

svg.minsvg {
  width: 100%;
  background: #1b458c;
}



.award-sec {
  background: linear-gradient(180deg, rgb(225 248 255 / 0%) 0%, rgb(255 255 255) 59%, rgb(222 222 222 / 0%) 100%);

}

/* .announcement-badge {
  position: absolute;
  top: -8px;
  right: 0;
  background: red;
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 10px;
  border-radius: 50%;
  line-height: 1;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
} */

/* section.home-section.port-at-plance::after {
    content: '';
    background: #104b5b;
    position: absolute;
    width: 27%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../images/Chairman-PPA-bg.png);
    background-repeat: no-repeat;
    background-position: right;
} */
section.pmsection {
  width: 100%;
  /* background: linear-gradient(180deg, rgb(13 76 115) 0%, rgb(37 82 144) 3%, rgb(36 79 139) 22%, rgb(24 62 121) 80%); */
  /*background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(211, 230, 242, 1) 51%, rgb(226 254 255) 100%);*/
  /*background: #dcf5fd;*/

  /*background: linear-gradient(180deg, rgb(160 222 255) 0%, rgb(183 234 247) 51%, rgb(254 240 187) 100%);*/
  background: #fff;
  position: relative;
  padding: 60px 0px 0px 0px;
  /*background-image: url(../images/section-2-bg-1-new.png);*/

  background-position: left bottom;
  background-size: 560px;
}




section.pmsection:before {
  content: '';
  position: absolute;
  width: 100%;
  /* height: 100px; */
  height: 238px;
  bottom: 0;
  left: 0;
  top: 0px;
  background: url(../images/bg_toppm.png);
  background-position: left bottom;
  background-repeat: repeat-x;

  opacity: 0.5;
}

.intro-text {
  color: #000;
  padding: 0px 40px 0px 0px;
  /* border-right: 1px solid #87878726;*/
}

.intro-text h4 {
  font-size: 35px;
  font-weight: 300;
  color: #912630;
  line-height: 1;
  letter-spacing: 2px;
}

.intro-text p {
  text-align: justify;
  line-height: 26px;
}

section.pmsection .carousel-control-next,
section.pmsection .carousel-control-prev {
  opacity: 0;
  transition: opacity all 0.5s ease-in-out;
}

section.pmsection .carousel-control-next:hover,
section.pmsection .carousel-control-prev:hover {
  opacity: 1;
}

div#awardCarousel figcaption h5 {
  color: white;
  margin: 0 0 10px 0;
  padding: 10px;
  text-align: center;
  background: #78899e;
  font-size: 16px;
}

.pm-newbox {
  float: none;
  margin: auto;
  text-align: center;
  position: relative;
}

.pm-newbox::after {
  content: "";
  background: url(../images/pm_self.png) no-repeat;
  position: absolute;
  width: 100%;
  height: 20px;
  left: 0;
  bottom: 35px;
  right: 0;
  margin: auto;
  background-size: cover;
}

.pm-newbox::before {
  display: block;
  background: #cecece;
  width: 194px;
  height: 194px;
  border-radius: 113px;
  content: "";
  position: absolute;
  z-index: 0;
  top: -15px;
  left: 0;
  right: 0;
  margin: auto;
}

.memberbox::before {
  display: block;
  background: #cecece;
  width: 123px;
  height: 123px;
  border-radius: 113px;
  content: "";
  position: absolute;
  z-index: -1;
  top: -11px;
  left: 0;
  right: 0;
  margin: auto;
}



.ministry-row::before {
  content: "";
  /*background: url(../images/separators.png) no-repeat;*/
  position: absolute;
  width: 253px;
  height: 28px;
  left: 0;
  top: -10px;
  right: 0;
  margin: auto;
  z-index: 11111;
}



.pm-newbox h5 {
  color: #113672;
  padding: 0px;
  margin: 0px;
}

.pm-newbox h5 a {
  color: #113672;
}

.pm-newbox p {
  color: #373737 !important;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}

.pm-newbox img {
  vertical-align: center;
  padding: 5px;
}

.awardsbox {
  padding: 0px 50px 0px 50px;
  position: relative;
  text-align: center;
}

.awardsbox::after {
  content: "";
  background: url(../images/left-mandala.png) no-repeat;
  position: absolute;
  width: 94px;
  height: 280px;
  left: 0;
  top: 0px;
  bottom: 0;
  margin: auto;



}

.awardsbox::before {
  content: "";
  background: url(../images/right-mandala.png) no-repeat;
  position: absolute;
  width: 94px;
  height: 280px;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
}

.awardsbox .heading-3 h2 {
  color: #801919;
  font-size: 26px;
}

.st-double h2 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 16px 0;
  grid-gap: 10px;
}

.st-double h2:before,
.st-double h2:after {
  content: " ";
  display: block;
  border-bottom: 2px solid #42424282;
  background-color: #48484800;
}

.st-underline h2 {
  position: relative;
  display: inline-block;
  padding-bottom: 8px;
  margin-bottom: 20px;
}

.st-underline h2:after {
  position: absolute;
  content: '';
  width: 30%;
  height: 5px;
  left: 0;
  bottom: -2px;
  background: #902630;
}

.st-underline h2:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  left: 0;
  background: black;
  bottom: 0;
}

.st-underline.wy h2:after {
  background: #ffa500;
}

.st-underline.wy h2:before {
  background: #858585;
}

section.home-section.port-at-glance .col-lg-6 .heading-3.st-underline h2 {
  padding-left: 60px;
}

section.home-section.port-at-glance .col-lg-6 .heading-3.st-underline h2:before,
section.home-section.port-at-glance .col-lg-6 .heading-3.st-underline h2:after {
  left: 60px;
}

.awardsbox figure {
  margin: 0;
  height: 260px;
}

.awardsbox figure img {
  height: 100%;
  object-fit: cover;
}

.pmbox {
  /* width: 200px; */
  height: 370px;
  background: #0D254D;
  background: linear-gradient(180deg, rgb(37 80 141) 0%, rgba(13, 56, 101, 1) 50%, rgb(24 62 121) 100%);
  float: left;
  /* padding: 80px 0px 0px 0px; */
}

.pmbox img {
  vertical-align: center;
}

.pmbox p {
  color: #fff;
  text-align: center;
  padding: 0px;
  margin: 0px;
}

.pmbox h5 {
  color: #fff;
  text-align: center;
  padding: 10px 0px 0px 0px;
  margin: 0px;
}

.pmbox h5 a {
  color: white;
}

.pmbox h5 a:hover {
  color: #ffa500;
}

.members {
  /* width: 220px; */
  float: left;
  padding: 5px;
  text-align: center;
}

.memberbox {
  width: 100%;
  /* height: 150px; */
  float: left;
  padding: 0px;
  margin: 5px 0px 20px 0px;
  position: relative;
  text-align: center;
  padding-top: 10px;
}

.memberbox:after {
  position: absolute;
  background: url(../images/minister_self.png) no-repeat;
  right: 0;
  height: 20px;
  width: 100%;
  content: '';
  bottom: 22px;
  z-index: 11;
  opacity: 0.7;
  background-size: cover;
}

.ministry-row {
  position: relative;
}

.ministry-row::after {
  content: "";
  background: url(../images/slice-min.png) no-repeat;
  position: absolute;
  width: 2px;
  height: 100%;
  left: 0;
  top: 0;
  /* bottom: 0; */
  z-index: 1;
  right: 0;
  margin: auto;
}

/*.row.ministry-row > .col-md-6:last-child .memberbox:after {
    display: none;
}*/

.memberbox p {
  color: #494949;
  text-align: center;
  padding: 0px;
  margin: 0px;
  font-size: 13px;
  line-height: 16px;
}

.memberbox h5 {
  color: #113672;
  text-align: center;
  padding: 10px 0px 0px 0px;
  margin: 0px;
  font-size: 15px;
}

.memberbox h5 a {
  color: #113672;
}

.memberbox h5 a:hover,
.pm-newbox h5 a:hover {
  color: #007aff;
}

.important_links {
  color: #fff;
  width: 100%;

}

/* .important_links h1 {
  color: #fff;
  font-size: 36px;
  font-weight: 300;
}

.important_links ul {
  padding: 0px;
  margin: 0px;
} */
/* .important_links .row .col {
  max-width: 130px;
} */
.important_links .col-lg-2 {
  padding: 0;
}

.important_links .sb-icon-wrap {
  width: 100%;
  list-style-type: none;
  height: 100%;
  /* background: #ffffff; */
  padding: 20px 2px 20px 2px;
  text-align: center;
  transition: all 0.5s ease;
  position: relative;
  overflow: hidden;
  border-right: 1px solid #6464648c;
}

.important_links>.row>.col-xxl-1:last-child .sb-icon-wrap {
  border: none;
}

.important_links .sb-icon-wrap:hover {
  transform: scale(0.9);
  background: #fff;
  border-radius: 10px;
}

.important_links .sb-icon-wrap:hover .sb-icon img {
  filter: unset;
}

.important_links .sb-icon-wrap:hover h6 {
  color: #912630;
}

.important_links .sb-icon-wrap::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, transparent, #051c4924, transparent);
  top: -100%;
  left: -100%;
  transition: all 0.5s ease;
  opacity: 0;
  z-index: 11;
}

.important_links .sb-icon-wrap:hover:before {
  top: 100%;
  left: 100%;
  opacity: 1;
}


.header-top {
  width: 100%;
  background: #f2f2f2;
  border-bottom: 1px solid #dedede;
}

section.home-section.port-at-plance .container {
  position: relative;
  z-index: 1;
}

/* .port-at-glanceheading {
  position: relative;
}

.port-at-glanceheading {
  position: relative;
  padding-right: 160px;
} */

/* .know-your-port-btn {
  position: absolute;
  display: inline-flex;
  background: #104b5b;
  top: 0;
  right: 0;
  padding: 7px 20px;
  bottom: 0;
  margin: auto;
  align-items: baseline;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.know-your-port-btn::before {
  content: "";
  position: absolute;
  transition: all ease-in-out 0.5s;
  height: 100%;
  background: #912630;
  top: 0;
  left: 0;
  width: 0;
}

.know-your-port-btn span {
  position: relative;
}

.know-your-port-btn:hover::before {
  width: 100%;
} */

.header-1-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-1-right {
  display: flex;
  align-items: center;
  overflow: hidden;
}

.header-1-right img {
  width: auto;
  height: 61px;
  padding: 2px 5px;
  background: #fff;
  z-index: 1;
  position: relative;
}

.header-1-right #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
  font-size: 14px !important;
}

/* Text Animation */
.text-wrapper {
  position: relative;
  font-size: 24px;
  white-space: nowrap;
  font-family: 'Courgette', cursive;
  padding: 0 5px;
}

/* ---------------- TYPEWRITER ---------------- */
.typewriter {
  color: #111;
  overflow: hidden;
  width: 0;
  animation: typingCycle 20s infinite;
}

/* ---------------- MASKED TEXT ---------------- */
.masked {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  color: transparent;

  background-image: linear-gradient(rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 0.3)),
    url('../images/water-wave.jpg');

  background-size: 200%;
  background-position: 0 50%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation:
    maskVisibility 20s infinite,
    maskMove 6s linear infinite;
}

/* ---------------- KEYFRAMES ---------------- */

@keyframes typingCycle {
  0% {
    width: 0;
  }

  30% {
    width: 13ch;
  }

  35% {
    width: 13ch;
  }

  90% {
    width: 13ch;
  }

  100% {
    width: 0;
  }
}

@keyframes maskVisibility {
  0% {
    opacity: 0;
  }

  35% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes maskMove {
  from {
    background-position: 0 50%;
  }

  to {
    background-position: 100% 50%;
  }
}


.animate-text {
  opacity: 0;
}

.animate-text.reveal-active {
  opacity: 1;
}

.animate-text .letter {
  display: inline-block;
  opacity: 0;
  transform: translateX(80px);
  transition: opacity 0.8s ease, transform 1s ease;
  /* Slightly longer transition */
}

.animate-text.reveal-active .letter {
  opacity: 1;
  transform: translateX(0);
}

.animate-text .space {
  width: 0.5em;
}

/* New style Animation */
.text-wrapper span {
  color: transparent;
  animation: blur 10s ease-out infinite;
  -webkit-animation: blur 10s ease-out infinite;
}

.text-wrapper span:nth-child(1) {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}

.text-wrapper span:nth-child(2) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}

.text-wrapper span:nth-child(3) {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}

.text-wrapper span:nth-child(4) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}

.text-wrapper span:nth-child(5) {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}

.text-wrapper span:nth-child(6) {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
}

.text-wrapper span:nth-child(7) {
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}

@keyframes blur {
  0% {
    text-shadow: 0 0 20px #000000;
    opacity: 0;
  }

  5% {
    text-shadow: 0 0 10px #000000;
  }

  15% {
    opacity: 1;
  }

  20% {
    text-shadow: 0 0 0px #000000;
  }

  80% {
    text-shadow: 0 0 0px #000000;
  }

  85% {
    opacity: 1;
  }

  95% {
    text-shadow: 0 0 10px #000000;
  }

  100% {
    text-shadow: 0 0 20px #000000;
    opacity: 0;
  }
}

@-webkit-keyframes blur {
  0% {
    text-shadow: 0 0 20px #000000;
    opacity: 0;
  }

  5% {
    text-shadow: 0 0 10px #000000;
  }

  15% {
    opacity: 1;
  }

  20% {
    text-shadow: 0 0 0px #000000;
  }

  80% {
    text-shadow: 0 0 0px #000000;
  }

  85% {
    opacity: 1;
  }

  95% {
    text-shadow: 0 0 10px #000000;
  }

  100% {
    text-shadow: 0 0 20px #000000;
    opacity: 0;
  }
}

/* Text Animation End */

section.home-section.port-at-plance .nav-link {
  color: #00184d;
  /* font-size: 16px; */
  font-weight: 500;
  position: relative;
  border-radius: 0 0 25px 25px;
  /* overflow: hidden; */
  /* padding: 7px 25px; */
  border: none;
  transition: all ease-in-out 0.5s;
  background: #f3f3f300;
  padding: 0 7px 7px;
}

/* section.home-section.port-at-plance .nav-link::before {
  content: "";
  height: 100%;
  position: absolute;
  background: #912630;
  top: 0;
  width: 100%;
  transition: all ease-in-out 0.5s;
  right: 100%;
  border-radius: 30px;
} */

section.home-section.port-at-plance .nav-link.active,
section.home-section.port-at-plance .nav-link:focus,
section.home-section.port-at-plance .nav-link:hover {
  position: relative;
  border: none;
  background-color: #e8e7e7;
}

section.home-section.port-at-plance .nav-link:hover {
  color: #912630;
}

section.home-section.port-at-plance .nav-link.active {
  color: #fff;
}

section.home-section.port-at-plance .nav-link.active span {
  background: #912630;
}

section.home-section.port-at-plance .nav-link.active::before,
section.home-section.port-at-plance .nav-link:focus::before,
section.home-section.port-at-plance .nav-link:hover::before {
  left: -20px;
  background-image: url(../images/announcement-btn-active.svg);
  position: absolute;
  content: '';
  width: 20px;
  top: -1px;
  height: 100%;
  background-repeat: no-repeat;
  z-index: 111111;
  background-size: 100%;
  transition: all ease-in-out 0.5s;
}

section.home-section.port-at-plance .nav-link.active::after,
section.home-section.port-at-plance .nav-link:focus::after,
section.home-section.port-at-plance .nav-link:hover::after {
  right: -19px;
  background-image: url(../images/announcement-btn-right.svg);
  position: absolute;
  content: '';
  width: 20px;
  top: -2px;
  height: 100%;
  background-repeat: no-repeat;
  z-index: 111111;
  background-size: 100%;
  transition: all ease-in-out 0.5s;
}

section.home-section.port-at-plance .nav-link span {
  position: relative;
  z-index: 1;
  font-size: 14px;
  border-radius: 25px;
  display: inline-flex;
  padding: 6px 10px;
  min-width: 70px;
  justify-content: center;
  align-items: center;
}

section.home-section.port-at-plance .nav-tabs .nav-link:focus,
section.home-section.port-at-plance .nav-tabs .nav-link:hover {
  border-color: transparent;
  border: none !important;
}

/* Additional tweaks for smooth transition */
section.home-section.port-at-plance .nav-link:hover::before {
  /* right: 0; */
  /* Ensures the background slides in from left to right */
  /* width: 100%; */
  /* Full width */
  /* transition: right 0.5s ease-in-out, width 0.5s ease-in-out; */
}

section.home-section.port-at-plance .nav-link {
  position: relative;
  z-index: 1;
}

section.home-section.port-at-plance .tab-content {
  background: white;
  /* margin-top: -1px; */
  border-radius: 5px;
}

section.home-section.port-at-plance .nav-tabs {
  gap: 6px;
  border: none;
  margin-bottom: 20px;
  position: relative;
}


/* chairman */
section.home-section.port-at-glance {
  min-height: unset;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 70px 0;
  background: #dadada;
  /* background-image: url(../images/slice-chariperson.jpg);*/
  background-size: cover;

  overflow: clip;
}


/* .chairman-pad {
  padding: 70px 0px 0px 0px;
}

.glance-pad {
  padding: 70px 0px 70px 0px;
} */

/* .director-content {
  text-align: justify;
  /* height: 247px;
  overflow: auto;
  padding-right: 15px; 
} */

/* .port-at-glance-animated-img {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 240px;
} */

section.home-section.port-at-glance::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  /*background: #ffffffbf;*/
  top: 0;
  left: 0;
}

section.home-section.port-at-glance::after {
  content: "";
  background: none;
  position: absolute;
  width: 27%;
  height: 65%;
  left: 0;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right;
  margin: auto;
}

section.home-section.port-at-glance .container {
  position: relative;
  z-index: 1;
}

section.home-section.port-at-glance .first-p {
  font-size: 20px;
  line-height: 30px;
}

/* .ch-ab-img {
  position: relative;
  padding-left: 50px;
  padding-bottom: 50px;
}

.ch-ab-img figure {
  margin: 0;
}

.ch-ab-img figure:nth-child(1) {
  height: 240px;
}

.ch-ab-img figure:nth-child(1) img {
  height: 100%;
  object-fit: cover;
}

.ch-ab-img figure:nth-child(2) {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 160px;
 height: 100px; 
} 
*/
a.learnmore-btn i {
  margin-right: 10px;
  background: #5c92a0;
  border-radius: 25px;
  display: inline-flex;
  width: 40px;
  height: 40px;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: white;
  position: relative;
}

a.learnmore-btn {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  min-height: 40px;
  border-radius: 25px;
  padding-right: 30px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
  z-index: 1;
}

a.learnmore-btn:before {
  position: absolute;
  content: '';
  background: #0f203d;
  width: 0%;
  height: 100%;
  border-radius: 25px;
  left: 0;
  top: 0;
  transition: all 0.5s;
}

a.learnmore-btn:hover {
  color: white;
}

a.learnmore-btn:hover:before {
  width: 100%;
}

a.learnmore-btn span {
  position: relative;
}

/* .port-at-glanceheading {
  position: relative;
}

.port-at-glanceheading {
  position: relative;
  padding-right: 160px;
} */

.logo {
  padding: 8px 0 8px;
  min-width: 415px;
}

.logo a {
  display: inline-flex;
  position: relative;
  min-height: 85px;
  position: relative;
  padding-left: 83px;
  text-decoration: none;
  align-items: center;
}

.logo a img {
  position: absolute;
  left: 0;
  max-width: 76px;
}

.logo a h2 {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0;
}

.logo a h4 {
  font-size: 11px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 600;
  margin: 0;
}

.logo a h6 {
  font-size: 13px;
  color: #a1a1a1;
  margin-bottom: 0;
}

/* .header-1-right-top::after {
  content: "";
  position: absolute;
  width: 39px;
  height: 100%;
  background: #bfbfbf;
  clip-path: polygon(100% 0%, 100% 100%, 80% 100%, 0 0);
  top: 0;
  left: -28px;
} */



/**/


.search-btn {
  padding: 0;
  margin: 0;
  line-height: 0;
  background: none;
  border: none;
  font-size: 17px;
}

.icon-text span {
  display: block;
}

.icon-text i {
  display: none;
}

/* li.language {
  color: #999999;
} */

.header-1-right-top ul li.language a {
  padding: 0 6px;
  color: #000000;
}

/* .font-size-changer button,
.font-size-changer a,
.top-socialmedia-icons a {
  color: #ffffff;
  border: 1px solid #ffffff;
  width: 20px;
  height: 20px;
  margin-bottom: 0;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  margin: 0 1px;
  font-size: 10px;
  background: none;
  transition: all ease-in-out 0.3s;
} */

/**/
.menu-con ul.navbar-nav {
  gap: 6px;
  border-top: 1px solid #ffffff38;
}

.menu-con ul.navbar-nav a.nav-link {
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
}

.menu-con ul.navbar-nav a.nav-link::before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  background: #912630;
  left: 0;
  top: -1px;
  transition: all ease-in-out 0.5s;
}

.menu-con ul.navbar-nav a.nav-link:hover::before,
.menu-con ul.navbar-nav a.nav-link.active::before {
  width: 100%;
}

.menu-con div#navbarNav {
  justify-content: end;
}

.dropdown-item {
  font-size: 13px;
}

/* Show the dropdown menu when hovering */
.menu-con .nav-item.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
  /* Optional: to ensure the menu opens directly below the parent */
}

/* Optional: Add transition for smoother effect */
.menu-con .nav-item.dropdown .dropdown-menu {
  display: none;
  transition: all 0.3s ease;
}

/**/

/* .header-announcement-wrapper {
  position: relative;
}

.header-announcement-wrapper a:before {
  content: "";
  margin-left: 0;
  position: absolute;
  left: 10px;
  width: 8px;
  height: 8px;
  background: #91252f;
  border-radius: 50%;
} */

.header-1-right-top * {
  position: relative;
  z-index: 1;
  text-decoration: none;
}

.header-1 {
  width: 100%;
  position: relative;
  background: #fff;
  border-bottom: 1px solid #760f0f;

  /* background: linear-gradient(
    0deg,
    rgb(245 245 245 / 92%) 0%,
    rgb(240 240 240 / 95%) 55%,
    rgb(255 255 255 / 85%) 100%
  );
  background: linear-gradient(0deg, rgb(245 245 245) 0%, rgb(240 240 240) 55%, rgb(206 230 233) 100%);*/
}

/* .header-announcement-wrapper {
  display: flex;
  align-items: center;
} */

.header-1-wrapper-v2 {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #8f252f1f;
  gap: 50px;
  height: 39px;
}

/* .header-announcement-wrapper h4 {
  font-size: 16px;
  margin-bottom: 0;
  text-transform: uppercase;
  padding: 6px 15px 6px 0;
}

.header-announcement-wrapper a {
  color: inherit;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 0;
  position: relative;
  min-height: 26px;
  padding-left: 37px;
  margin-left: 10px;
} */

/* .header-1::before {
  content: "";
  position: absolute;
  width: 300px;
  height: 36px;
  background: #bababa;
  right: 0;
  top: 0;
} */

/* .header-2.sticky {
  background: #fff;
  position: fixed;
  width: 100%;
  z-index: 1000;
  top: 0;
  box-shadow: 0 0 18px #0000005c;
}

.header-2 {
  border-top: 6px solid #912630;
} */

/*.header-2{background:#912630;}*/

/* .header-2 .navbar-expand-lg .navbar-nav li.nav-item a {
  font-weight: 600;
}

.header-2 .navbar-expand-lg .navbar-nav {
  width: 100%;
  justify-content: space-between;
} */

/* .announcement-wrapper {
  padding: 0 30px;
} */

.announcement-header {
  color: #fff;
  display: flex;
  gap: 15px;
  padding: 9px 4px;
  position: relative;
  z-index: 1;
  align-items: center;
  /* background: #434343; */
}

.announcement-header:before {
  position: absolute;
  content: '';
  left: -70px;
  bottom: 0;
  width: 164px;
  height: 100%;
  background: #68000a;
}

.announcement-header:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  left: 93px;
  border-bottom: 21px solid #ff000000;
  border-top: 22px solid #ff000000;
  border-left: 20px solid #68000a;
  bottom: 0;
}

a.view-all-anc {
  position: absolute;
  right: 0;
  background: #912630;
  /*height: 100%;*/
  padding: 0px 14px 0px 14px;
  color: white;
  border-left: 1px dotted #838383;
  font-size: 13px;
  display: flex;
  align-items: center;
  border-radius: 18px;
  border: 1px solid #ddd;
}

/* .announcement-header::before,
.announcement-header::after {
  content: "";
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  width: 30px;
  height: 100%;
  position: absolute;
  right: 100%;
  background: #0d254d;
}

.announcement-header::after {
  right: unset;
  left: 100%;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
} */

.announcement-header h4 {
  margin: 0;
  font-size: 15px;
  position: relative;
  margin-right: 18px;
}

.announcement-header marquee a {
  text-decoration: none;
  color: #000;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  /* gap: 16px; */
  padding-left: 37px;
  margin-left: 10px;
  position: relative;
}

.announcement-header marquee a:before {
  content: "";
  margin-left: 0;
  position: absolute;
  left: 10px;
  width: 8px;
  height: 8px;
  background: #dc3545;
  border-radius: 50%;
}

.announcement-header marquee a img {
  height: 24px;
  animation: blink 1s infinite;
}

@keyframes blink {

  0%,
  100% {
    opacity: 1;
  }

  /* visible */
  50% {
    opacity: 0.3;
  }

  /* invisible */
}

section.home-section.home-slider {
  position: relative;
  max-height: 100vh;
  margin-top: 100px;
}

/* 
.header-3 {
  z-index: 10;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #ffffff08;
}

.header-3.sticky {
  bottom: unset;
  top: 105px;
}

.header-3.sticky .announcement-header::before,
.header-3.sticky .announcement-header::after {
  transform: rotatex(180deg);
} */

div#homeSlider {
  width: 100%;
}

.slider-image {
  display: flex;
  width: 100%;
  height: 77vh;
}

.slider-image img,
.slider-image video {
  width: 100%;
  height: 100%;
  /* object-fit: cover*/
}

section.home-section button.carousel-control-prev {
  z-index: 1;
}

/* .slider-bottom {
  position: relative;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 0px;
} */

.slider-bottom img {
  width: 100%;
}

/* .home-slider-caption {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #fff;
  overflow: hidden;
  padding-top: 0;
} */

/*
.home-slider-caption:after {
  position: absolute;
  background: linear-gradient(360deg, #1554eb, transparent);
  content: "";
  bottom: 0;
  width: 100%;
  left: 0;
  height: 336px;
}*/

/* .home-slider-caption:after {
  position: absolute;
  background: linear-gradient(360deg, #000000, transparent);
  content: '';
  bottom: 0;
  width: 100%;
  left: 0;
  height: 336px;
} */

/* .home-slider-caption-wrapper {
  max-width: 551px;
}

.home-slider-caption-wrapper.leftarr a {
  font-size: 55px;
  color: #d12737;
  animation: BounceRight 2s ease 0s infinite normal forwards;
  position: absolute;
  height: max-content;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -90px;
} */

/* @keyframes BounceRight {
  0% {
    animation-timing-function: ease-in;
    opacity: 1;
    transform: translateX(48px);
  }

  24% {
    opacity: 1;
  }

  40% {
    animation-timing-function: ease-in;
    transform: translateX(26px);
  }

  65% {
    animation-timing-function: ease-in;
    transform: translateX(13px);
  }

  82% {
    animation-timing-function: ease-in;
    transform: translateX(6.5px);
  }

  93% {
    animation-timing-function: ease-in;
    transform: translateX(4px);
  }

  25%,
  55%,
  75%,
  87%,
  98% {
    animation-timing-function: ease-out;
    transform: translateX(0px);
  }

  100% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: translateX(0px);
  }
} */

/* .home-slider-caption-right ul li a {
  display: flex;
  align-items: center;
  background: #ffffffc9;
  border-radius: 6px;
  padding: 15px;
  position: relative;
  padding-left: 55px;
  align-items: center;
  min-height: 39px;
  text-decoration: none;
  box-shadow: 0 0 6px #000;
}

.home-slider-caption-right ul li a .icon {
  position: absolute;
  top: 0;
  max-width: 30px;
  left: 15px;
  bottom: 0;
  margin: auto;
  height: max-content;
  padding: 15px 0;
}

.home-slider-caption-right ul li a h3 {
  font-size: 13px;
  margin-bottom: 0;
  color: #000;
} */

/**/
.home-slider-content {
  display: flex;
  align-items: center;
  justify-content: end;
}

/**/
.home-slider-caption h1 {
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 0 14px #000;
}

section.home-section-2 {
  /* background: url(../images/section-5-background.png); */
  background: url(../images/sea1.jpg);
  min-height: unset;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 100px 0;
  /* background: url(../images/port-at-plance-bg.png); */
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  background-position: center;
}

section.home-section-2::before {
  content: "";
  background: #000d22bd;
  z-index: 1;
  --_dot-size: 1px;
  --_dot-opacity: 5.35;
  --_dot-color: #05173d;
  --_spacer-x: 20px;
  --_spacer-y: 20px;
  opacity: var(--_dot-opacity);
  /* background-image: radial-gradient(var(--_dot-color) var(--_dot-size), transparent var(--_dot-size)); */
  /* background-size: var(--_spacer-x) var(--_spacer-y); */
  z-index: 8;
  position: absolute;
  inset: 0;
}

/* section.home-section-2:after {
  content: "";
  background: #ffffff78;
  z-index: 8;
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
} */

section.home-section-2 h2 {
  color: #ffa500 !important;
}

.home-section-2-quick-link {
  padding: 15px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  max-height: 415px;
  overflow-y: auto;
  scrollbar-width: none;
  overflow-x: hidden;
}

.home-section-2-quick-link:hover {
  scrollbar-width: auto;
}

.home-section-2-quick-link .heading-3 {
  margin-bottom: 15px;
}

.home-section-2-quick-link .heading-3 {
  margin-bottom: 15px;
}

.lastmodified {
  position: absolute;
  right: 0;
  top: -25px;
}

.home-section-2-quick-link ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.home-section-2-quick-link ul li {
  /* border-bottom: 1px solid #b3c8d3;
  padding-bottom: 10px; */
}

.home-section-2-quick-link ul li a {
  text-decoration: none;
  color: #fff;
  position: relative;
  padding-left: 0;
  display: inline-block;
  transition: all 0.3s ease;
}

.home-section-2-quick-link ul li a:hover {
  transform: scale(1.05);
}

.home-section-2-quick-link ul li a img {
  height: 24px;
  margin-right: 8px;
  width: auto;
  filter: invert(1);
}

.home-section-2-quick-link ul li a i {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 5px;
  left: 0;
  font-size: 12px;
  color: #104b5b;
}

.section-4-readmore a {
  display: inline-block;
  /* background: #365b97; */
  width: 100%;
  color: #902630;
  text-align: center;
  text-decoration: none;
  padding: 8px 15px;
  border-radius: 25px;
  transition: all 0.5s ease-in-out;
  text-transform: uppercase;
  font-weight: 700;
}

.section-4-readmore a:hover {
  background: #2d60a9;
  color: white;
}

.leftarr a:hover {
  animation: none;
}

@keyframes blinker {
  0% {
    opacity: 1;
    color: #91252f;
  }

  50% {
    opacity: 0;
    color: #001847;
  }

  100% {
    opacity: 1;
  }
}

/*===================*/

.about-vertical-tab-card ul {
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 30px;
  list-style: none;
}

.about-vertical-tab-card ul li a {
  /* display: flex;
  align-items: center;
  background: none;
  border-radius: 6px;
  padding: 36px;
  position: relative;
  padding-left: 75px;
  align-items: center;
  min-height: 58px; */
  text-decoration: none;
}

.about-vertical-tab-card ul li {
  position: relative;
  padding: 20px 10px;
  padding-left: 70px;
  display: flex;
  align-items: center;
}

.about-vertical-tab-card ul li .icon {
  position: absolute;
  top: 0;
  /*max-width: 45px;*/
  left: 0;
  bottom: 0;
  margin: auto;
  /*height: max-content;*/
  padding: 15px 0;
  width: 65px;
  height: 65px;
  background: #fff;
  border-radius: 50px;
  text-align: center;
  border: 4px solid transparent;
  transition: 0.5s ease;
}

.about-vertical-tab-card ul li .icon:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  top: 0;
  left: 0;
  padding: 0;
  z-index: -1;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
  opacity: 0;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.about-vertical-tab-card ul li:hover .icon:after {
  -webkit-animation: sonarEffect 1.3s ease-out 75ms;
  -moz-animation: sonarEffect 1.3s ease-out 75ms;
  animation: sonarEffect 1.3s ease-out 75ms;
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }

  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }

  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

.about-vertical-tab-card ul li:hover .icon {
  border: 4px solid #8e252f;
}

.about-vertical-tab-card ul li h3 {
  line-height: 20px;
}

.about-vertical-tab-card ul li:hover h3 a {
  color: #fff;
}

.about-vertical-tab-card ul li .icon img {
  width: 32px;
}

.about-vertical-tab-card ul li h3 a {
  font-size: 16px;
  margin-bottom: 0;
  color: #cbcbcb;
}

#linkTabs .nav-link,
#eventsMediaTab .nav-link {
  border: none !important;
  background: transparent !important;
  color: #fff;
  font-weight: 600;
}

#eventsMediaTab .nav-link {
  font-size: 18px;
}

#linkTabs .nav-link {
  font-size: 17px;
}

#eventsMediaTab .nav-link {
  color: #000;
}

#eventsMediaTab .nav-link.active {
  border: none !important;
  background: transparent !important;
  color: #8f262f;
  position: relative;
  /* active tab color */
}

#eventsMediaTab .nav-link.active:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-top: 15px double #8f262f;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  bottom: 1px;
  left: 0;
  right: 0;
  margin: auto;
}

#eventsMediaTab .nav-link.active h2 {
  color: #8f262f;
}

#linkTabs .nav-link.active {
  border: none !important;
  background: #00000000 !important;
  color: #ffa500;
  border-bottom: 1px solid #ffa500 !important;
}

/* #eventsMediaTab .nav-link {
  font-size: 32px;
} */

#linkTabs,
#eventsMediaTab {
  border-bottom: none !important;
  /* remove bottom border of nav-tabs */
}

#eventsMediaTab {
  justify-content: center;
  /* margin-bottom: 30px; */
}

.imp-links-wrap-tab {
  /* background: white; */
  border-radius: 10px;
  padding: 10px 0;
}

/*====================*/
section.section-ppa-con {
  padding: 100px 0;
  background: #183e79 url(../images/connectivity_tab.jpg) fixed;
  /* background: #183e79 url(../images/connectivity.mp4); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/**/

/* small cosmetic tweaks */
.nav-link {
  cursor: pointer;
}

.vertical-tabs .nav {
  min-width: 220px;
  /* width of the vertical nav column */
}

/* .vertical-tabs .tab-content {
  flex: 1;
  border-radius: 0 5px 5px 0;
  min-height: 100%;
  display: flex !important;
  border: none;
  background: none;
} */

/* Make the nav pill items full-width and visually separated */
/* .vertical-tabs .nav-pills .nav-link {
  text-align: left;
  border-radius: 5px 0px 0px 5px;
  padding: 12px 20px;
  color: #000;
  margin-right: -1px;
  position: relative;
  z-index: 1;
  display: flex;
  padding-left: 44px;
  background: none !important;
  font-size: 24px;
} */

/* .vertical-tabs .nav-pills .nav-link:focus {
  border: none !important;
  outline: none;
  box-shadow: none;
}

.vertical-tabs .nav-pills .nav-link img {
  position: absolute;
  width: 38px;
  left: 0;
  bottom: 5px;
}

.vertical-tabs .nav-pills .nav-link.active {
  color: #912630 !important;
} */

/* Optional: keep the layout stacked on xs/sm, vertical on md+ */
@media (min-width: 993px) {

  #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover,
  #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus {
    color: #8f252f;
  }
}

/**/
/*section.home-section-2::before,
section.home-section-2::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #d2e9f57a;
  top: 0;
  left: 0;
  z-index: 1;
}*/

/*section.home-section-2::after {
   background: url(../images/section-2-bg-1.png);  
  background-position: left bottom;
  background-repeat: no-repeat;
}*/

section.home-section-2 .container {
  position: relative;
  z-index: 10;
}

.home-section-2-animated-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  overflow: hidden;
}

.home-section-2-animated-background video {
  object-fit: cover;
}

.home-section-2-right-part .row:nth-child(even) .col-md-6:nth-child(2) {
  order: 1 !important;
}

.home-section-2-left {
  /* background: url(../images/section-2-bg.png); */
  background-repeat: no-repeat;
  background-position: right;
  padding: 100px 0 100px;
  position: sticky;
  left: 0;
  top: 50px;
}

/* .home-section-2-left-content {
    max-width: 470px;
} */

.home-section-2-left-content .heading-1 {
  overflow: hidden;
}

.port-at-glance h3 {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  margin-top: 30px;
}

/*
.port-at-glance h3::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #12357a;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 217px;
}*/

.home-section-2-right-part {
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  gap: 100px 0;
}

.home-section-2-right-part figure {
  border-radius: 10px;
  overflow: hidden;
}

.home-section-2-right-part figure img {
  width: 100%;
}

.port-at-glance {
  height: 100%;
  clear: both;
  padding: 0;
}

.at-glance-card-wrapper {
  display: flex;
  flex-direction: column;
  text-align: center;
  height: 100%;
  padding: 20px 10px;
  background: #efefef;
  border-radius: 10px;
  border-bottom: 2px solid #2d55aa;
  gap: 10px;
  transition: all ease-in-out 0.5s;
}

.at-glance-card-wrapper:hover {
  transform: translateY(-15px);
  box-shadow: 0 6px 8px #00000026;
}

.at-glance-card-wrapper p {
  line-height: 22px;
  height: 42px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
}

/*  */
/* .at-a-glance-wrap ul li {
  display: flex;
  gap: 10px;
} */

/*  */
/* .port-at-glance ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: auto auto;
  gap: 30px 10px;
} */



.box-border {
  /* margin: 0px 0px 0px 9px; */
  position: relative;
  transition: 0.3s all ease-in-out;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-radius: 0px;
  /* border-top: 1px solid #748cd3; */
  /* flex-grow: 1; */
  padding: 8px 0px 8px 0px;
  /*background: #fff;*/
  margin: 0px 0px 6px 6px;
  border-radius: 6px;
}

.at-glance-card {
  font-size: 35px;
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 13px;
}

.at-glance-icon {
  width: 56px;
  height: 56px;
  background: #ffffff;
  border-radius: 50%;
  padding: 10px;
  float: left;
  margin: 5px 10px 10px 10px;
  box-shadow: 0 0 9px 2px #00000029;
  flex-shrink: 0;
  border: 1px solid #f5c965;
}

.at-glance-icon:nth-child(1) {
  border-top: none;
}


.port-at-glance ul li:nth-child(3),
.port-at-glance ul li:nth-child(6) {
  border-right: none;
}

.port-at-glance ul li p {
  margin-bottom: 0;
  line-height: 18px;
}

.at-a-glance-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.at-a-glance-content span {
  font-size: 21px;
  font-weight: 700;
  font-style: normal;
  /* font-family: "Orbitron", sans-serif;  
  font-family: 'DSEG7', monospace;*/

}


.at-a-glance-content p {
  padding: 0px;
  margin: 0px;
  line-height: 19px;
  font-size: 15px;
}

.at-a-glance-content p a {
  color: inherit;
}

.at-glance-card h4 {
  font-family: inherit;
  font-size: 27px;
}

.box-border:hover {
  background-color: #902630;
  color: white !important;
  background-image: repeating-linear-gradient(120deg, #902630, #902630 30px, transparent 30px, transparent 31px, #902630 31px), repeating-linear-gradient(210deg, #902630, #902630 30px, transparent 30px, transparent 31px, #902630 31px), repeating-linear-gradient(-60deg, #902630, #902630 30px, transparent 30px, transparent 31px, #902630 31px), repeating-linear-gradient(30deg, #902630, #902630 30px, transparent 30px, transparent 31px, #902630 31px);
  background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
  overflow: visible;
}

.bubble-text {
  position: absolute;
  top: 0;
  width: 450px;
  background: #fff;
  right: 105%;
  padding: 15px;
  text-align: justify;
  border-radius: 20px;
  box-shadow: -12px 6px 8px 0px #3636368c;
  transition: 0.5s all ease-in-out;
  transform: scale(0.9);
  color: black;
  /* border: 1px solid #902630; */
  z-index: 1;
  opacity: 0;
  font-size: 13px;
  line-height: 23px;
}

.bubble-text:before {
  content: "";
  position: absolute;
  border: 0 solid transparent;
  border-top: 20px solid #fff;
  border-radius: 0 25px 0 0;
  top: 2px;
  right: -11px;
  width: 23px;
  height: 30px;
  transform: rotate(0);
}

.box-border:hover .bubble-text {
  transform: scale(1);
  transition: 0.5s all ease-in-out;
  opacity: 1;
  z-index: 1;
}

/* .ministers-section {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 47px;
  /* background: linear-gradient(360deg, #000000, transparent); 
} */

.minister-wrapper {
  position: relative;
  display: flex;

  text-align: center;
  height: 100%;
  justify-content: center;
  padding: 0;
  justify-content: space-around;
  gap: 21px;
}

.minister-card {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: end;
  color: #fff;
  min-height: 90px;
  padding-left: 100px;
  text-align: left;
  padding-bottom: 10px;
  z-index: 1;
}

.minister-card figure {
  position: absolute;
  left: 0;
  width: 98px;
  bottom: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.minister-card.prime_minister img {
  width: 270px;
  max-width: 100%;
}

.minister-wrapper .minister-card:last-child {
  border-bottom: none;
  position: relative;
  z-index: 1;
  padding-right: 20px;
}

.minister-card h6 {
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 300;
}

.minister-card h6 a {
  color: inherit;
}

.minister-card.prime_minister h6 {
  font-size: 18px;
}

.home-section-2-left-content a.a-readmore {
  color: #3c3c3c;
  text-decoration: none;
  font-size: 16px;
  border-bottom: 1px solid #fff;
  line-height: 24px;
  display: inline-block;
}

.heading-1 h2 {
  font-weight: 300;
}

.heading-1 h1 {
  font-weight: 400;
}

.pm-card {
  padding-left: 140px;
}

.cm-card {
  padding-left: 170px;
}

.pm-card figure {
  width: 150px;
  height: auto;
}

.cm-card figure {
  width: 156px;
  height: auto;
}

.pm-card figure img,
.cm-card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/**/
.chairperson-wrap {
  position: relative;
  padding-left: 240px;
  /*height: 100%;*/

}

.chairperson-message-inn {
  max-height: 298px;
  overflow: hidden;
  /*margin-bottom: 55px;*/
  position: relative;
}

.chairperson-message-inn:before {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 35px;
  background: linear-gradient(360deg, #113c87, #f3f3f300);
}

/*.chairperson-wrap:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background: #051c4a;
  border-radius: 15px;
}*/

/*.chairperson-wrap figure {
  border-radius: 15px;
  position: absolute;
  background: white;
  box-shadow: 0 0 3px 0 #7a7a7a;
  width: 240px;
  height: 240px;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}*/


.chairperson-wrap figure {
  /* border-radius: 15px; */
  position: absolute;
  /* background: white; */
  /* box-shadow: 0 0 3px 0 #7a7a7a; */
  /* width: 240px; */
  /* height: 240px; */
  margin: 0;
  left: -15px;
  /* top: 130px; */
  bottom: 0;
  margin: auto;
  z-index: 1;
}


.chairperson-wrap figure img {

  position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.chairperson-wrap figcaption {
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
}

.chairperson-wrap figcaption {
  position: relative;
}

.chairperson-wrap figcaption p,
.chairperson-wrap figcaption h4 {
  margin: 0;
}

a.dview-btn {
  color: #8e252f;
  display: inline-flex;
  background: white;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
}

.chairperson-message {
  padding: 15px 30px 15px 105px;
  box-shadow: 0 0 2px 0 #00000073;
  border-radius: 25px;
  height: 100%;
  margin-left: -110px;
  background: #113c87;
  color: #fff;
  position: relative;
}

.chairperson-message::before {
  content: "";
  position: absolute;
  width: 87px;
  left: 0;
  top: 30px;
  height: 87px;
  background: url(../images/quote.png);
}

.chairperson-message h2 {
  color: #ffd169 !important;
  text-align: left;
  padding: 20px 0px 0px 0px;
}

.chairperson-wrap h4 {
  font-size: 19px;
  font-weight: 600;
}

/* .chairperson-wrap:hover .chairperson-message {
  bottom: 0;
} */

.chairperson-message p {
  text-align: justify;
  font-size: 16px;
}

/* .chairperson-message a {
   position: absolute;
  right: 0;
  bottom: 0; 
 color: #912630;
  display: inline-block;
  width: 100%;
  text-align: right;
  background: #ffffff;
  padding: 5px 10px; 
}

.chairperson-message a:hover {
  color: #051c4a;
} */



/**/
section.section-3 {
  padding: 100px 0 50px;
  position: relative;
  background: #e0f8ff;
  /* background-image: url(../images/section-3-bg.png); */
  background-size: 100%;
  background-position: left bottom;
  min-height: unset;
}

section.section-3 .owl-nav {
  position: absolute;
  top: -37px;
  right: 0;
  display: inline-flex;
  gap: 13px;
}

section.section-3 .owl-nav button i {
  font-size: 21px;
}

section.section-3 .container {
  position: relative;
}

.section-3-left .heading-3 {
  margin-bottom: 0;
}

.whats-new-card {
  width: 100%;
  overflow: hidden;
  margin: 30px 0;
}

.whats-new-card figure {
  position: relative;
  margin-bottom: 0;
  max-height: 300px;
  overflow: hidden;
}

.whats-new-card figure::before {
  content: "";
  width: 100%;
  position: absolute;
  background-position: bottom;
  background-repeat: no-repeat;
  bottom: -1px;
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
  height: 66px;
  background: #e7f4fb;
}

.whats-new-card figure img {
  width: 100%;
}

.whats-new-card-content {
  padding: 15px;
  background: #fff;
  width: 94%;
  float: right;
  position: relative;
  margin-top: -65px;
  border-radius: 5px;
  box-shadow: 0 0 7px #00000026;
  margin-bottom: 10px;
}

.whats-new-card-content h3 {
  margin-bottom: 0;
}

.whats-new-card-content h3 a {
  color: #2e2e2e;
  text-decoration: none;
  font-size: 17px;
}

.whats-new-card-content p {
  margin-bottom: 0;
  color: #91242e;
}

.heading-3 {

  position: relative;



}

.chairman-card {
  text-align: center;
}

.chairman-card figure {
  background: #fff;
  display: inline-flex;
  border-radius: 10px;
  overflow: hidden;
  /* box-shadow: 0 0 14px #00000052; */
  max-width: 261px;
  margin-bottom: 0;
  width: 100%;
}

.chairman-card h4 {
  margin-top: 10px;
  font-size: 17px;
  font-weight: 600;
}

.chairman-card h6 {
  font-weight: normal;
}

.heading-3 h2 {
  color: #000;
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/**/
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings header.onetap-header-top #onetap-language-list {
  display: none !important;
}

/**/
section.section-4 {
  padding: 100px 0 70px;
  background: url(../images/section-4.png);
  position: relative;
  background-size: cover;
}

section.section-4::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fdfdfde3;
  top: 0;
  left: 0;
}

section.section-4 .container {
  position: relative;
}

.section-4-card {
  position: relative;
  /* background: #fff; */
  border-radius: 0px;
  /* box-shadow: 0 0 15px #00000073; */
}

.section-4-card h4 {
  margin-bottom: 0px;
  color: #104b5b;
  /* background: #fff; */
  /* padding: 15px; */
  display: inline-block;
  /* width: 78%; */
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  position: relative;
}

.section-4-card h4:before {
  position: absolute;
  content: "";
  width: 22px;
  height: 102%;
  transform: skew(26deg);
  right: -12px;
  top: 0px;
  background: #ffffff;
  border-top-right-radius: 5px;
}

.section-4-card h4 span {
  background: linear-gradient(180deg, #fcfbe9, #ffffff);
  display: inline-block;
  padding-top: 10px;
  padding-left: 20px;
  z-index: 1;
  position: relative;
}

.section-4-readmore {
  position: absolute;
  /* width: 100%; */
  bottom: 0;
  right: 0;
  padding: 7px 0;
  z-index: 1;
}

/* .section-4-readmore a {
  display: inline-block;
  background: #2d60a9; 
  width: 100%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 10px;
  border-radius: 5px;
} */

/* .section-4-readmore a:hover {
  background: #2d60a9;
} */
.circulars_notices-wrapper {
  overflow: auto;
  width: 100%;
  background: #fff;
  padding: 0 30px 30px 30px;
  /* border: 1px solid #28539f;  
  border-bottom-left-radius: 29px;
  border-bottom-right-radius: 18px;
  border-top-right-radius: 40px;
    box-shadow: 0 0 15px #00000073; */
  border-radius: 25px;
  height: 100%;
  position: relative;
  padding-bottom: 0;
  overflow: visible;
}

.circulars_notices-wrapper:before {
  position: absolute;
  content: '';
  width: 180px;
  height: 85px;
  background-image: url(../images/announcement-more-btn-bg.svg);
  bottom: -1px;
  right: -1px;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
}

.circulars_notices .heading-3 {
  margin: 0;
}

.circulars_notices .heading-3 h2 {
  position: relative;
  display: inline-flex;
  margin: 0;
  padding-right: 13px;
  /* font-size: 25px; */
  margin-bottom: 20px;
}

/*.circulars_notices .heading-3 h2:before {
  position: absolute;
  content: "";
  width: 22px;
  height: 102%;
  transform: skew(22deg);
  right: 0;
  top: 0px;
  background: #ffffff;
  border-top-right-radius: 27px;
}*/

.circulars_notices .heading-3 h2 span {
  /* background: #ffffff;*/
  display: inline-block;
  /* padding: 10px; */
  border-radius: 26px 27px 0 0;
}

.section-4-card-content {
  overflow: auto;
  width: 100%;
  background: #fff;
  padding: 0;
  /* border: 1px solid #28539f; */
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  /* box-shadow: 0 0 15px #00000073; */
  height: 100%;
  position: relative;
  padding-bottom: 80px;
}

.section-4-card-content ul {
  padding: 0;
  margin: 0;
  list-style: none;
  /* display: flex;
  flex-direction: column; */
  gap: 20px;
  overflow: auto;
  height: 237px;
}

.section-4-card-content ul li {
  border-bottom: 1px dotted #cdcdcd;
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 15px;
  min-height: 60px;
  padding-left: 70px;
  display: flex;
  align-items: center;
}

.section-4-card-content ul li p {
  margin-bottom: 0;
}

.section-4-card-content ul li a {
  color: #393939;
  text-decoration: none;
}

.section-4-card-content .calender {
  display: inline-block;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  background: #365b97;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  padding: 9px 4px;
  font-size: 14px;
  line-height: 20px;
}

.section-4-card-content .calender span {
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
}

/**/
/* .em-cal-day {
  border: 1px dashed #cfcfcf !important;
}

.em.em-calendar .em-cal-head {
  background: #2d55aa !important;
}

.em.em-calendar .em-cal-head>div {
  color: #ffffff !important;
  border: none !important;
} */

/* .eventless-today {
  background: #52a0c1;
}

.eventless.em-cal-day:hover {
  background: #52a0c16b;
}

.eventful.eventful.em-cal-day {
  background: #ffe9ec !important;
}

.em.em-calendar .em-cal-nav .month input[type="month"] {
  background: transparent;
} */

/*  */
section.home-section.section-7 {
  padding: 100px 0;
  position: relative;
  /* margin-bottom: 100%; */
  z-index: 1;
  min-height: 100%;
}

section.home-section.section-7 .container {
  position: relative;
}

section.home-section.section-7:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #e2f2fd, #fff);
}

.PPA_Events_card {
  padding: 15px 10px;
  box-shadow: 0 0 5px 0 #959595;
  margin: 5px;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  height: 460px;
}

.event-text {
  text-align: center;
  padding-top: 15px;
}

.event-text p {
  font-size: 13px;
  line-height: 1.6;
  text-align: justify;
}

.PPA_Events_card_video-con {
  display: flex;
  height: 320px;
}

.PPA_Events_card_video-con video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.PPA_Events_card h5 {
  margin: 10px 0;
  text-align: center;
}

.PPA_Events_card h5 a {
  color: #051c4a;
}

.event-date {
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #6a6a6a;
}


.lastmodified.homepage-date {
  top: unset;
  bottom: -144px;
  right: 100px;
  color: white;
}

section.home-section.section-7 .photo-item-wrap {
  padding: 10px;
  box-shadow: 0 0 5px 0 #959595;
  margin: 5px;
  border-radius: 10px;
  background-color: #fff;
  margin-top: 2px;
}

section.home-section.section-7 .video-item-wrap {
  border: 1px solid #c5c5c5;
  padding: 10px;
  border-radius: 5px;
}

section.home-section.section-7 .video-item-wrap video {
  height: 248px;
  object-fit: cover;
}

.event_read_more {
  padding: 8px 10px;
  color: #8f252f;
  display: inline-flex;
  border: 1px solid #8f252f;
  line-height: 12px;
  border-radius: 19px;
  transition: all ease-in-out 0.5s;
  font-size: 12px;
}

.event_read_more:hover {
  background: #8f252f;
  color: #ffffff;
  border: 1px solid #8f252f;
}

section.home-section.section-7 .photo-item-wrap .galery-img-con {
  display: flex;
  height: 200px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 13px;
}

section.home-section.section-7 .photo-item-wrap .galery-img-con img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section.home-section.section-7 .photo-item-wrap .inner-photo-owl .carousel-item {
  height: 200px;
  margin-bottom: 13px;
  border-radius: 10px;
  overflow: hidden;
}

section.home-section.section-7 .photo-item-wrap .inner-photo-owl .carousel-item img {
  height: 100%;
  object-fit: cover;
}

div#PhotoHSlideOwl,
div#vdoHSlideOwl {
  position: relative;
}

div#PhotoHSlideOwl .owl-nav,
#vdoHSlideOwl .owl-nav {
  position: absolute;
  top: -78px;
  right: 0;
  display: inline-flex;
  gap: 5px;
}

vdoHSlideOwl div#PhotoHSlideOwl .owl-nav button:not([disabled]):focus,
#vdoHSlideOwl .owl-nav button:not([disabled]):focus {
  border: none !important;
}

section.home-section.section-7 .photo-item-wrap h5,
section.home-section.section-7 .video-item-wrap h5 {
  margin: 0 0 10px 0;
  color: #051c4a;
  min-height: 50px;
  overflow: hidden;
}

section.home-section.section-7 .photo-item-wrap h5 a,
section.home-section.section-7 .video-item-wrap a {
  color: #051c4a;
}

/*==================*/
/*=========================*/

/* .home-slider-caption-right-slider .slider {
  width: auto;
  position: relative;
  max-width: 200px;
}

.home-slider-caption-right-slider {
  position: relative;
}

.home-slider-caption-right-slider .card {
  display: flex !important;
  padding: 10px;
  margin: 10px auto;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease;
  transform: scale(0.9);
  filter: brightness(0.7) blur(1px);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
} */

/* #sliderSidebar .offcanvas-body img {
  height: 32px;
}

.off-card h5 {
  font-size: 16px;
  margin: 0;
}

.off-card {
  border-bottom: 1px solid #ececec;
  padding: 5px;
  transition: all 0.3s ease-in-out;
  margin: 5px;
}

.off-card:hover {
  box-shadow: 0 0px 5px 0 #8d8d8d;
}

div#sliderSidebar {
  max-width: 300px;
} */

/* Highlight the center slide */
/* .home-slider-caption-right-slider .slick-center .card {
  transform: scale(1.05);
  filter: brightness(1) blur(0);
  background: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

.home-slider-caption-right-slider .card img {
  width: auto;
  height: 32px;
}

.home-slider-caption-right-slider .info {
  flex: 1;
  display: inline-flex;
  gap: 10px;
  align-items: center;
}

.home-slider-caption-right-slider .info h4 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}

.home-slider-caption-right-slider .info h4 a {
  color: #000;
  text-decoration: none;
  font-weight: 400;
  font-size: 12px;
} */

.fade-in-right {
  opacity: 0;
  transform: translateX(500px);
  /* Start 50px to the right */
  animation: fadeInRightModal 1s ease-in-out forwards;
}

@keyframes fadeInRightModal {
  from {
    opacity: 0;
    transform: translateX(500px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
    /* End at the normal position */
  }
}

/* arrows styling */
/* .slick-prev,
.slick-next {
  background: #0d1117;
  color: #fff;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  cursor: pointer;
  font-size: 0;
  display: none !important;
}

.slick-prev:before,
.slick-next:before {
  font-size: 18px;
  color: #fff;
}

.slick-prev {
  top: -50px;
}

.slick-next {
  bottom: -50px;
} */

/*========================*/
/*=====================*/

/**/
section.section-5 {
  padding: 100px 0;
  background: #e9e9e9;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
  background-image: url(../images/section-5-bg.png);
}

section.section-5::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #f3f3f3ad;
}

section.section-5 .container {
  position: relative;
}

.port-facilities ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
  gap: 17px;
}

.port-facilities ul li {
  position: relative;
  min-height: 70px;
  display: flex;
  align-items: center;
  padding-left: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: 0.5s;
}

a.global-gateway-btn {
  position: absolute;
  width: 51%;
  height: 24%;
  text-align: center;
  display: flex;
  padding: -13px 12px;
  left: 0;
  right: 0;
  justify-content: center;
  align-items: end;
  background: #7d0d0d;
  color: white !important;
  opacity: 0;
  bottom: -48px;
  transition: all 0.5s;
  left: 25%;
  border-radius: 25px;
}

.port-facilities ul li:hover a.global-gateway-btn {
  opacity: 1;
  transform: translateY(-5px);
}

.port-facilities ul li:hover .facilities-icon {
  transform: rotateY(180deg) translateY(-5px);
  transition: 0.5s;
  border: 1px solid #912630;

}



.port-facilities ul li a {
  color: #000;
}

.port-facilities ul li .facilities-icon {
  width: 70px;
  height: 70px;
  background: #fff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  transition: all 0.5s;
}

.gateway-modal {
  z-index: 999990;
  background: #000000ad;
  backdrop-filter: blur(1px);
}

.gateway-modal .modal-header {
  background: #051c4a;
  color: white;
  justify-content: center;
}

.gateway-modal button.btn-close {
  filter: invert(4) brightness(7.5);
  position: absolute;
  right: 1rem;
}

/* .section-5-right {
  display: flex;
  height: 100%;
}

.section-5-right .row {
  gap: 30px;
}

.section-5-right-card {
  height: 100%;
  background: #ffffff;
  color: #051c4a;
  padding: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 90px;
}

.section-right-card-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: max-content;
  left: 15px;
}

.section-5-right-card h4 {
  font-size: 18px;
  color: #051c4a;
  font-weight: 600;
} */

/*Vertical Slide+++++++++++++++++++++++++++++++++++*/
/*Section Slider Start */
/* .lead {
  font-size: 1.5rem;
  font-weight: 300;
} */

/* Demo styles */
/* #nav-serialscrolling {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  min-width: 120px;
  float: left;
  z-index: 100;
  height: max-content;
  margin: auto 0;
  padding: 0;
}

#nav-serialscrolling .sub-link {
  position: relative;
  padding: 10px 10px;
  font-size: 12px;
  cursor: pointer;
  transition: 300ms;
  text-shadow: 0 0 3px #00000000;
  display: inline-block;
  padding-right: 0;
  color: #ff941200;
  text-transform: uppercase;
}

#nav-serialscrolling .sub-link:hover,
#nav-serialscrolling .sub-link.is-current {
  color: #ffffff;
  font-weight: 700;
  text-shadow: 0 0 4px #051c4a;
}

#nav-serialscrolling .sub-link:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 40px;
  height: 3px;
  background: #4eaac3;
  border-radius: 3px;
  transition: all ease-in-out 0.5s;
  left: 0;
}

#nav-serialscrolling .sub-link.is-current:before,
#nav-serialscrolling .sub-link.is-current:hover:before {
  width: 100%;
} */

/* [data-serialscrolling-target] {
  display: flex;
  justify-content: center;
  align-items: start;
  min-height: unset; */
/* padding: 0; */
/* background-color: rgba(255, 255, 255, .05); */
/* color: rgba(255, 255, 255, .25); */
/* font-size: 24px; */
/* font-style: italic; */
/* text-align: center;
  flex-direction: column;
} */

section.ship-move-section {
  position: relative;
  padding: 100px 0 200px;
  overflow: hidden;
  background: #ebf7fd;
  background-image: url(../images/water-bg.png);
  background-position: bottom;
  background-repeat: no-repeat;
  /* background-size: contain; */
  /* background: radial-gradient(1200px 400px at 30% 20%, rgba(138, 209, 253, 0.35), transparent 60%), radial-gradient(1000px 350px at 70% 30%, rgb(142 202 255 / 35%), transparent 65%), linear-gradient(to bottom, #e4f3ff 0%, #e8f5ff 30%, #b5c6d1 55%, #b2d9f7 75%, #021725 100%); */
  /* background-blend-mode: color; */
}

.ship-move-section::before {
  content: "";
  background-image: url(../images/background-shipp.png);
  background-position: bottom;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -75px;
  left: 2px;
  width: 100%;
  height: 200px;

}

.bg-image-wa {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 145px;
}

.ship-sec-wave {
  position: absolute;
  width: 100%;
  bottom: -24px;
  left: 0;
  /* display: none; */
}

.ship-sec-wave use[fill="#bcced7"] {
  fill: #bcced7f2;
}

.ship-sec-wave use[fill="#edeaea"] {
  fill: #d3e2e9;
}

section.ship-move-section .heading-3 {
  margin-bottom: 60px;
}

/*=================*/
section.home-section.section-portconnectivity {
  padding: 55px 0;
  background: #f7f7f7;
}


.section-portconnectivity h2 {
  text-align: left !important;
}

/* Scope only to Connectivity / Infrastructure tabs */
#connectivityInfrastructureTab {
  border-bottom: none;
  justify-content: center;
  /* margin-bottom: 30px; */
}

/* Remove borders + style nav links */
#connectivityInfrastructureTab .nav-link {
  border: none !important;
  background: transparent;
  padding: 6px 30px;
  margin-bottom: 0px;
}

#connectivityInfrastructureTab .nav-link .heading-3 h2 {
  color: #fff;
}

/* Remove focus / hover borders */
#connectivityInfrastructureTab .nav-link:hover,
#connectivityInfrastructureTab .nav-link:focus {
  border: none;
  color: #ffffff;
}

/* Active tab */
#connectivityInfrastructureTab .nav-link.active {
  background: #ffffff;
  border: none;
  /* border-bottom: 1px solid #ffa500 !important; */
  position: relative;
}

#connectivityInfrastructureTab .nav-link.active:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-top: 15px solid #ffffff;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  bottom: -13px;
  left: 0;
  right: 0;
  margin: auto;
}

#connectivityInfrastructureTab .nav-link.active .heading-3 h2 {
  color: #902630;
}

/* Remove bottom border from tab content area */
#connectivityInfrastructureTabContent {
  /* border-top: none; */
  border: 1px solid white;
  border-radius: 10px;
  padding: 10px;
}


.port-connectivity-icons-card h5 {
  margin: 0;
  font-size: 16px;
}

.port-connectivity-icons-card {
  width: 100%;
  height: unset;
  text-indent: 0;
  margin: 0;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 0;
  border-bottom: 0;
  font-size: 17px;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  padding: 15px;
  border-radius: 5px;
  text-transform: capitalize;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 15px 0px rgb(94, 94, 94, 0.15);
  box-shadow: 0px 5px 15px 0px rgb(94, 94, 94, 0.15);
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  margin: 0 5px;
  text-transform: uppercase;
  opacity: 1;
  position: relative;
  color: #000000;
  text-align: center;
  flex-direction: column;
  gap: 15px;
}

.port-connectivity-icons-card:hover {
  transform: scale(.9);
}

.port-connectivity-icons-card:before,
.port-connectivity-icons-card:after {
  width: 0%;
  height: 0%;
  opacity: 0;
  transition: width 0.2s linear, height 0.15s 0.2s ease-out, opacity 0s 0.35s;
  background: transparent;
  z-index: 2;
  position: absolute;
  content: "";
}

.port-connectivity-icons-card:after {
  top: 0;
  right: 0;
  border-bottom: 3px solid rgb(145 38 48);
  border-right: 3px solid rgb(145 38 48);
}

.port-connectivity-icons-card:before {
  bottom: 0;
  left: -1px;
  border-top: 3px solid rgb(145 38 48);
  border-left: 3px solid rgb(145 38 48);
}

.port-connectivity-icons-card:hover:before,
.port-connectivity-icons-card:hover:after {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: width 0.2s 0.15s ease-out, height 0.15s ease-in, opacity 0s;
  border-radius: 5px;
}

.port-connectivity-icon img {
  height: 41px;
}

.inner-tabs .nav-link {
  border-radius: 0;
  font-weight: 500;
}

.inner-tabs .nav-link.active {
  background: #0f9cbb;
  color: #fff;
}

.inner-tabs {
  border-bottom: none;
  gap: 10px;
  margin-bottom: 20px;
  justify-content: center;
}

.inner-tabs .nav-link {
  border: none;
  border-radius: 30px;
  padding: 8px 22px;
  background: #e9ecef;
  font-weight: 600;
  color: #555;
}

/* section.home-section.section-portconnectivity .carousel-indicators {
  margin: 0 0 10px !important;
  gap: 15px;
  position: relative;
}

section.home-section.section-portconnectivity .carousel-indicators button {
  width: 120px;
  height: unset;
  text-indent: 0;
  margin: 0;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 0;
  border-bottom: 0;
  font-size: 17px;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  padding: 14px 25px;
  border-radius: 5px;
  text-transform: capitalize;
  background-color: #912630;
  -webkit-box-shadow: 0px 5px 15px 0px rgb(94, 94, 94, 0.15);
  box-shadow: 0px 5px 15px 0px rgb(94, 94, 94, 0.15);
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  margin: 0 5px;
  text-transform: uppercase;
  opacity: 1;
  position: relative;
  color: #fff;
}

section.home-section.section-portconnectivity .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 2px solid #ffffff;
  border-radius: 10px;
  min-height: 250px;
}

section.home-section.section-portconnectivity button:not([disabled]):focus {
  border: none !important;
}

section.home-section.section-portconnectivity .carousel-indicators button.active {
  background: #ffffff !important;
  color: #912630;
}

section.home-section.section-portconnectivity .carousel-indicators button.active::before {
  content: "";
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background: #ffffff;
  width: 17px;
  height: 11px;
  position: absolute;
  bottom: -11px;
  margin: auto;
  left: 0;
  right: 0;
} */

/*============*/

/*Socialmedia section ==================*/
.social-media-tab-con {
  margin-top: 16px;
}

.social-media-tab-con .nav-tabs .nav-link {
  font-size: 16px;
  color: inherit;
  padding: 9px 12px;
}

/* section.home-section.social-media-section {
  background: linear-gradient(180deg, #e5f2ff, transparent);
  padding: 100px 0;
} */

.social-media-card-wrapper iframe {
  width: 100%;
  height: 100%;
}

.social-media-tab-con .tab-content {
  position: relative;
  z-index: 1;
  display: block;
  text-align: left;
  padding: 20px 20px;
  border-radius: 0 0px 10px 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
  -moz-box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
  box-shadow: 5px 13px 15px 2px rgba(82, 90, 101, 0.12);
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  margin-top: 15px;
  height: 415px;
  overflow: auto;
  border: 1px solid #dee2e6;
  border-top: none;
}

.social-media-tab-con ul#SocialMediaTab {
  margin-bottom: -16px;
  justify-content: space-between;
}

.twitter-timeline.twitter-timeline-con {
  display: inline-block;
  height: 351px;
  overflow: auto;
  border-radius: 10px;
  width: 100%;
}

.twitter-timeline.twitter-timeline-con img {
  width: 100%;
}

.social-media-card h4 {
  position: relative;
  margin-bottom: 0;
}

/*==================Socialmedia section End*/

/* section.home-section.section-6 {
  padding: 100px 0;
  background: #fbfbfb;
  position: relative;
  background-size: 438px;
}

section.home-section.section-6 .container {
  position: relative;
} */

.over-view-video {
  position: relative;
  padding-right: 20px;
  padding-bottom: 20px;
}

.over-view-video video {
  position: relative;
  z-index: 1;
}

.over-view-video::before {
  content: "";
  position: absolute;
  width: 95%;
  height: 95%;
  border: 3px solid #d3e2e9;
  right: 0;
  bottom: 0;
  border-radius: 30px;
}

.over-view-video video {
  border-radius: 20px;
  box-shadow: 0 0 11px #00000000;
}

/* section.home-section.section-6::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* background-image: url(../images/bg.png); 
  background-repeat: repeat-x;
  background-position: bottom;
  background-size: 1197px;
} */

/*Section Slider End*/

/*searchModal======================*/
/* Custom Animation */
#searchModal .modal-dialog {
  transform: scale(0);
  animation: modalAnimation 0.3s forwards;
}

#searchModal button.btn-close {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1;
  background-size: 12px;
}

#searchModal .modal-body {
  padding: 33px 15px;
}

.search-modal-box {
  position: relative;
}

.search-modal-box button {
  position: absolute;
  top: 4px;
  right: 0;
  background: none;
  border: none;
}

.search-modal-box input.form-control {
  padding-right: 30px;
}

.search-modal-box button:not([disabled]):focus {
  border: none !important;
}

@keyframes modalAnimation {
  0% {
    transform: scale(0);
  }

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

/* Optional: Add transition effect on the backdrop */
.modal-backdrop {
  animation: fadeInBackdrop 0.3s;
  z-index: -1;
}

@keyframes fadeInBackdrop {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0.5;
  }
}

/*======================searchModalEnd*/

/*Vertical Slide End+++++++++++++++++++++++++++++++++++*/

footer {
  width: 100%;
  background: #2d55aa;
  padding: 8px 0;
  /* float: left; */
}

.footer-1 .owl-nav button {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: max-content;
  font-size: 39px;
  z-index: 1;
}

.footer-1 .owl-nav button.owl-next {
  right: 0;
  left: unset;
}

.footer-1-logo {
  width: 100%;
  padding: 15px;
  background: #fff;
  height: 70px;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  display: flex;
  overflow: hidden;
}

.footer-1-logo img {
  width: auto !important;
}

.footer-2 {
  padding: 30px 0 0;
  color: #fff;
}

.footer-2 .row {
  row-gap: 30px;
}

.footer-box h4 {
  font-size: 20px;
  text-transform: uppercase;
  color: #ffa500;
}

.footer-box ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-box ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  display: inline-block;
  padding: 0px 0;
}

.footer-3 {
  padding: 30px 0 20px;
  color: #ffffff78;
  border-top: 1px solid #ffffff14;
  margin-top: 30px;
  background: #25458a;
}

.footer-4 {
    text-align: center;
    background: #092356;
    color: #989898;
    font-size: 14px;
    padding: 10px 0 110px 0;
    border-top: 1px solid #b7b7b726;
}

.footer-text img {
  max-width: 130px;
  margin-bottom: 10px;
}

.footer-2 iframe {
  width: 100%;
  height: 100%;
}

.footer-2 #custom_html-5,
.footer-2 #custom_html-5 div {
  height: 100%;
}

.footer-box p {
  margin: 0;
  color: #fff;
}

.footer-box p:last-child {
  margin-bottom: 10px;
}

strong.d-home {
  display: none;
}

/* V6 Footer Css */
.ppa-footer a,
.ppa-footer {
  color: #E7EFFF;
}

.ppa-footer {
  background: #092356 url(../images/bg-footer-line.png) no-repeat;
  font-size: 12px;
  /* padding: 0 !important; */
  /* position: fixed; */
  bottom: 0;
  z-index: -1;
}

.footer-one {
  padding: 50px 0 20px;
}

.footer-title {
  color: #FFC700;
  margin-bottom: 15px;
  font-size: 18px;
  margin-top: 30px;
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-links li {
  margin-bottom: 0;
  transition: all ease-in-out 0.5s;
}

.footer-links li:hover {
  padding-left: 5px;
  opacity: 1;
}

.footer-links a {
  text-decoration: none;
  position: relative;
  background: url(../images-new/icons/footer-bpoint.png);
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 19px;
}

.qr-box {
  background: #fff;
  padding: 0;
  border-radius: 5px;
  max-width: 106px;
}

.social-icons-n a {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #4B69B1;
  border-radius: 50%;
  margin: 5px;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  transition: all ease-in-out 0.5s;
}

.social-icons-n a:hover {
  transform: rotate(360deg);
}

.social-icons-n a:nth-child(2) {
  background: linear-gradient(90deg, #734E9C, #F48D4F);
}

.social-icons-n a:nth-child(3) {
  background: #0678B6;
}

.social-icons-n a:nth-child(4) {
  background: #37B1E2;
}

.social-icons-n a:nth-child(5) {
  background: #FF0000;
}

.footer-bottom {
  font-size: 13px;
  padding: 8px 0;
  background: #092356;
}

.footer-bottom-left.d-flex {
  gap: 25px;
}

.footer-bottom-left.d-flex img {
  height: 35px;
}

.footer-address p {
  position: relative;
  padding-left: 23px;
}

.footer-address p img {
  position: absolute;
  left: 0;
  top: 3px;
  height: 14px;
}

/* V6 Footer Css End */
/**/

/* .PPA_Calender_Modal {
  padding: 20px;
  display: inline-flex;
} */

/**/

/**/

@media (min-width: 1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 95%;
  }

  /* #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover,
  #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus {
    color: #ffffff !important;
  } */

  /* #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
    color: #ffffff !important;
  } */
}

@media (min-width: 1400px) {
  /* .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 85%;
  } */
}

@media (min-width: 1600px) {

  .header-1-right-top ul li,
  .header-top-gov p {
    font-size: 14px;
  }

  .logo a h2 {
    font-size: 24px;
  }

  .logo a h4 {
    font-size: 12px;
  }

  .slider-image {
    height: 80vh;
  }
}

@media (min-width: 1800px) {
  #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    font-size: 16px !important;
  }
}

@media (max-width: 1600px) {
  .footer-box h4 {
    font-size: 18px;
  }

  .chairperson-message-inn {
    max-height: 250px;
  }

  .chairperson-wrap figure {
    left: 0px;
    /* top: 130px; */
  }
}

@media (max-width: 1449px) {
  .menu-con ul.navbar-nav {
    gap: 0;
  }

  .logo {
    padding: 8px 0 8px;
  }

  .logo a {
    min-height: 57px;
    padding-left: 63px;
  }

  .logo a img {
    max-width: 60px;
  }

  .logo a h4 {
    font-size: 11px;
  }

  .logo a h6 {
    font-size: 16px;
  }

  .menu-con ul.navbar-nav a.nav-link {
    font-size: 13px;
  }

  /* .header-3.sticky {
    top: 88px;
  } */

  .header-1-right #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    font-size: 13px !important;
  }

  .cm-card figure {
    width: 119px;
  }

  .cm-card {
    padding-left: 128px;
  }

  .minister-card {
    padding-bottom: 3px;
  }

  .about-vertical-tab-card ul {
    grid-template-columns: auto auto auto;
    gap: 40px 9px;
  }

  section.home-section-2::after {
    width: 26.5%;
  }
}

@media (max-width:1400px) {
  /* .slider-image {
    height: 78vh;
} */
}

@media (max-width:1350px) {

  #linkTabs .nav-link,
  #eventsMediaTab .nav-link {
    padding: 5px 7px;
  }

  /* section.home-section.port-at-plance .nav-link {
    padding: 7px 16px;
  } */

  .slider-image {
    height: 75vh;
  }
}

@media (max-width: 1300px) {
  .menu-con #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    font-size: 11px;
  }

  .logo a h2 {
    font-size: 17px;
  }

  .logo a h4 {
    font-size: 9px;
  }

  .logo a h6 {
    font-size: 13px;
  }

  .awardsbox .heading-3 h2 {
    font-size: 23px;
  }

  .important_links .sb-icon-wrap h6 {
    font-size: 15px;
  }

  .heading-3 h2 {
    font-size: 29px;
  }

  .slider-image {
    height: 76vh;
  }

  .chairperson-wrap figure img {
    object-fit: contain;
  }

  .social-media-tab-con .nav-tabs .nav-link {
    padding: 9px 7px;
  }

  .pm-newbox::before {
    width: 174px;
    height: 174px;
  }

}

@media (max-width: 1200px) {
  /* #nav-serialscrolling .sub-link {
    font-size: 8px;
  } */

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 92%;
  }


  .logo a h2 {
    font-size: 13px;
    font-weight: 500;
  }

  .logo a h4 {
    font-size: 8px;
  }

  .pm-newbox h5 {
    font-size: 16px;
  }

  .pm-newbox p {
    font-size: 13px;
  }

  /* .important_links .sb-icon-wrap {
    height: 90px;
  } */

  .intro-text h4 {
    font-size: 20px;
  }

  .at-glance-icon {
    width: 50px;
    height: 50px;
    margin: 5px;
  }

  .chairperson-wrap figure {
    width: 210px;
    left: 0;
    top: unset;
    bottom: 0;
  }

  body {
    font-size: 14px;
  }

  /* .header-3.sticky {
    top: 83px;
  } */

  /* .header-1-right-top ul li {
    margin: 0px 3px;
  } */

  /* .font-size-changer button,
  .font-size-changer a {
    width: 15px;
    height: 15px;
    font-size: 8px;
  } */

  .menu-con #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    font-size: 12px;
    background: #912630;
    font-weight: 500 !important;
  }

  /* #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover,
  #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus {
    background: white !important;
  } */

  /* .port-facilities ul {
    grid-template-columns: auto auto auto;
  } */

  .minister-card.pm-card figure {
    width: 120px;
  }

  .pm-card {
    padding-left: 110px;
  }

  .minister-card h6 {
    font-size: 12px;
  }

  .minister-card.cm-card figure {
    width: 90px;
  }

  .cm-card {
    padding-left: 97px;
  }

  .minister-card figure {
    width: 65px;
  }

  .minister-card {
    padding-left: 68px;
  }

  .minister-card.cm-card {
    padding-left: 97px;
  }

  .minister-card.pm-card {
    padding-left: 110px;
  }

  /* section.home-section-2 .col-lg-9,
  section.home-section-2 .col-lg-3 {
    width: 100%;
  } */

  /* section.home-section-2::before,
  section.home-section-2::after {
    display: none;
  } */

  /* .home-section-2-quick-link {
    background: #d2e9f5;
    margin-top: 30px;
  } */

  .home-section-2-quick-link ul {
    /* display: grid;
    grid-template-columns: 50% auto; */
    gap: 10px;
  }

  section.home-section.port-at-plance .nav-link {
    padding: 0 1px 1px;
  }

  section.home-section.port-at-plance .nav-link span {
    font-size: 13px;
    padding: 6px 6px;
  }

  section.home-section.port-at-plance .nav-tabs {
    gap: 2px;
  }

  .social-media-tab-con .nav-tabs .nav-link {
    padding: 6px 2px;
    font-size: 14px;
  }

  section.home-section-2 .heading-3 {
    text-align: center;
  }

  #mega-menu-wrap-primary .mega-menu-toggle {
    background: none !important;
    line-height: 40px;
    height: 34px !important;
    width: 49px !important;
    right: 17px;
    top: 18px;
  }

  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    background-color: #922832 !important;
  }

  .menu-con,
  .menu-con:before,
  .menu-con:after {
    background: transparent;
  }

  .calendar-wrapper,
  .PPA_Events_card {
    height: 410px !important;
  }

  .social-media-tab-con .tab-content {
    height: 371px;
  }

  .PPA_Events_card_video-con {
    height: 260px;
  }

  .weekday {
    font-size: 10px !important;
  }

  #linkTabs .nav-link {
    padding: 5px 4px 5px 0;
    font-size: 14px;
  }

  .home-section-2-quick-link ul li a img {
    margin-right: 4px;
  }

  .home-section-2-quick-link ul li a {
    font-size: 12px;
  }

  .pm-newbox::before {
    width: 140px;
    height: 140px;
  }

  .footer-bottom-left.d-flex {
    gap: 15px;
  }

  .footer-bottom-left.d-flex p {
    font-size: 12px;
    line-height: 19px;
  }
  .qr-box {
    max-width: 80px;
}
.footer-title {
    font-size: 16px;
}
.social-icons-n a {
    width: 39px;
    height: 39px;
    margin: 2px;
}
.date-number {
    font-size: 12px;
}
.header-1-right-top ul li {
    margin: 0px 3px;
}
section.breadcrumb-banner {
    min-height: 350px !important;
}
}

@media (max-width: 992px) {
  .minister-card h6 {
    font-size: 10px;
  }

  .pm-newbox h5 {
    font-size: 14px;
  }

  .pm-newbox {
    padding: 0;
  }

  .pm-newbox p {
    font-size: 12px;
  }

  .pm-newbox::after {
    bottom: 23px;
    background-size: contain;
  }

  header {
    z-index: 1000;
  }

  section.home-section.port-at-plance .nav-link {
    font-size: 14px;
    padding: 0 7px 7px;
  }

  .ministry-row::before {
    background-size: contain;
  }

  .calendar-wrapper,
  .PPA_Events_card {
    height: 460px !important;
  }

  /* .home-section-2-quick-link {
    background: #d2e9f5;
    margin-top: 30px;
  } */

  /* ul#nav-serialscrolling {
    display: none;
  } */

  /* .header-1-right-top {
    /* background: #bababa; 
    padding: 3px 0;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #e7e7e7cf;
    border-radius: 0;
  } */

  /* .header-1 {
    padding-top: 37px;
  } */

  .logo {
    padding: 5px 0;
  }

  .slider-image {
    height: 73vh;
  }

  /* .header-1-right-top ul {
    padding: 0;
    margin: 0;
    float: unset;
    text-align: center;
    display: flex;
    justify-content: center;
  } */

  /* .side-vertical-btn a {
    padding: 26px 3px;
    background: #912630;
    font-size: 12px;
  } */
  .header-1-right-top ul li {
    margin: 0px 3px;
  }

  .header-1-right-top ul li.language a {
    padding: 0 3px;
  }

  .header-top-gov p {
    font-size: 10px;
  }

  .header-1-right-top ul li {
    font-size: 10px;
  }

  .search-btn {
    font-size: 11px;
  }

  .text-wrapper {
    font-size: 20px;
  }

  #menu {
    display: none;
  }

  section.home-section-2 button.accordion-button {
    gap: 10px;
  }

  section.home-section-2 button.accordion-button img {
    width: 26px;
  }

  section.home-section-2 .accordion-button {
    padding: 10px;
  }

  section.home-section-2 .accordion-button:not(.collapsed) {
    background: #0b3078;
    color: #fff;
  }

  section.home-section-2 .accordion-button:not(.collapsed)::after {
    background: url(../images/chevron.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
  }

  section.home-section-2 .accordion-button:not(.collapsed) img {
    filter: invert(1);
  }

  .about-vertical-tab-card ul li a .icon {
    max-width: 24px;
  }

  /* .about-vertical-tab-card ul li a {
    padding: 9px;
    position: relative;
    padding-left: 47px;
    min-height: 32px;
  } */

  .announcement-button.is-play {
    width: 55px;
    height: 55px;
    z-index: 100;
  }

  /* .announcement-badge {
    font-size: 9px;
    padding: 0;
    width: 20px;
    height: 20px;
    justify-content: center;
    z-index: 10;
  } */

  section.home-section-2 button.accordion-button {
    font-size: 14px;
  }

  .editorial {
    height: 3em;
  }

  /* section.home-section.section-6 .row {
    gap: 30px;
    justify-content: center;
  } */
  .bubble-text {
    top: 103%;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
  }

  .bubble-text:before {
    top: -15px;
    right: 0;
    width: 20px;
    height: 20px;
    transform: rotate(270deg);
    left: 0;
    margin: auto;
  }

  .intro-text h4 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
  }

  .awardsbox {
    padding: 0;
  }

  #linkTabs .nav-link {
    padding: 5px 15px 5px 0;
    font-size: 16px;
  }

  .home-section-2-quick-link ul li a {
    font-size: 14px;
  }

  .memberbox:after,
  .pm-newbox::after {
    display: none;

  }

  .pm-newbox::before {
    width: 180px;
    height: 180px;
  }
   section.home-section.port-at-glance .col-lg-6 .heading-3.st-underline h2,
  section.home-section.port-at-glance .col-lg-6 .heading-3.st-underline h2:before,
  section.home-section.port-at-glance .col-lg-6 .heading-3.st-underline h2:after {
    padding-left: 1.5rem;
  }
    .padding-no {
    padding: 0 1.5rem;
  }
  .header-1-right img {
    height: 50px;
}
section.breadcrumb-banner {
    min-height: 270px !important;
    margin-top: 85px !important;
}
}

@media (max-width: 768px) {
  /* 
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 98%;
  } */

  section.home-section.port-at-plance .nav-link {
    font-size: 16px;
  }

  .editorial {
    height: 70px;
  }

  section.ship-move-section {
    padding: 100px 0 165px;
  }

  .home-section.home-section {
    padding: 40px 0 !important;
  }

  #wholeship::before {
    background: none;
  }

  section.home-section.home-slider {
    padding: 0 !important;
  }

  .home-section-2-quick-link {
    height: unset;
  }

  .heading-3 {
    margin-bottom: 15px;
  }

  .port-facilities ul {
    grid-template-columns: auto auto;
  }

  .port-facilities ul li {
    padding-left: 77px;
    justify-content: center;
  }

  .announcement-button.is-play {
    width: 45px;
    height: 45px;
    bottom: 59px;
    right: 10px;
  }

  .announcement-button.is-play .announcement-button-icon {
    width: 26px;
  }

  .port-facilities ul li {
    position: relative;
    min-height: 70px;
    display: flex;
    align-items: center;
    padding-left: 77px;
    justify-content: left;
  }

  .logo a h6 {
    font-size: 12px;
  }

  .top-socialmedia-icons {
    position: fixed;
    left: 0;
    top: 102px;
  }

  section.home-section.port-at-plance .row {
    row-gap: 30px;
  }

  header:hover .top-socialmedia-icons a {
    color: #ffffff !important;
  }

  .top-socialmedia-icons {
    position: fixed;
    right: 0;
    top: 114px;
    display: inline-flex;
    flex-direction: column;
    gap: 11px;
    width: max-content;
    left: unset;
    background: #051c4a;
    padding: 10px 4px;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 0 8px #00000045;
  }

  .top-socialmedia-icons a {
    width: 15px;
    height: 15px;
    font-size: 8px;
  }

  .top-socialmedia-icons a {
    width: 15px;
    height: 15px;
  }

  .intro-text h4 {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 2px;
  }

  /* header:hover .font-size-changer button,
  header:hover .font-size-changer a,
  header:hover .top-socialmedia-icons a {
    color: #ffffff !important;
    border: 1px solid #912630 !important;
    background: #051c4a;
  } */

  /* .side-vertical-btn a {
    padding: 18px 3px;
    background: #912630;
    font-size: 10px;
    top: 270px;
    line-height: 17px;
  } */

  .home-slider-caption {
    padding: 0 15px;
  }

  .slider-indicator {
    top: unset;
    bottom: 106px;
    flex-direction: row;
    z-index: 1;
    right: unset;
    left: 13px;
  }

  .slider-indicator button {
    width: 23px;
  }

  .slider-indicator button span {
    background-size: 18px;
    background-position: center;
    width: 100%;
  }

  /* .header-1-right-top ul li {
    margin: 0;
  } */

  .header-1-right-top ul {
    gap: 5px;
  }

  section.home-section.port-at-glance::after {
    display: none;
  }

  .minister-card {
    min-height: 63px;
  }

  .minister-wrapper {
    gap: 10px;
  }

  .minister-card.pm-card {
    width: 100%;
  }

  /* header.sticky .header-1-right-top ul li:last-child {
    display: block;
  } */


  .about-vertical-tab-card ul li a h3 {
    font-size: 12px;
  }

  .about-vertical-tab-card ul {
    grid-template-columns: auto;
  }

  .editorial {
    height: 6vw;
  }

  /* section.home-section.section-6 .row {
    gap: 30px;
  } */

  /* .minister-card {
    padding-left: 55px;
  }

  .minister-card.cm-card {
    padding-left: 70px;
  }

  .minister-card.pm-card {
    padding-left: 84px;
    max-width: 208px;
  }

  .minister-card figure {
    width: 51px;
  }

  .minister-card.pm-card figure {
    width: 85px;
  }

  .minister-card.cm-card figure {
    width: 66px;
  } */

  section.home-section-2 .col-lg-9,
  section.home-section-2 .col-lg-3 {
    width: 100%;
  }

  .editorial {
    height: 65px;
  }

  #wholeship::before {
    display: none;
  }

  .director-content {
    height: auto;
  }

  .header-1-right-top {
    text-align: center;
    margin: auto;
    float: unset;
    padding: 0;
    height: unset;
  }

  .logo {
    padding: 8px 0 8px;
    min-width: 278px;
  }

  .logo a img {
    max-width: 45px;
  }

  .logo a {
    padding-left: 48px;
  }

  .logo {
    padding: 0;
  }

  .header-1-right img {
    height: 50px;
  }

  .header-top-gov {
    text-align: center;
  }

  .text-wrapper {
    font-size: 18px;
  }

  .date-cell {
    aspect-ratio: unset !important;
  }

  .calendar-wrapper,
  .PPA_Events_card {
    height: 410px !important;
    margin-bottom: 20px;
  }

  .social-media-tab-con .nav-tabs .nav-link {
    padding: 6px 15px;
    font-size: 16px;
  }




  .pm-newbox {
    padding: 5px 12px;
    margin-top: 30px;
  }

  .pm-newbox::before {
    width: 250px;
    height: 250px;
    border-radius: 50%;
  }

  .pm-newbox h5 {
    font-size: 20px;
  }

  .pm-newbox p {
    font-size: 14px;
  }

  .memberbox h5 {
    margin-bottom: 5px;
    font-size: 16px;
  }

  .port-connectivity-icons-card {
    margin-bottom: 10px;
  }

 
}

@media (max-width: 576px) {
  .port-facilities ul {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    flex-wrap: wrap;
  }

  .port-facilities ul li {
    padding-left: 77px;
    justify-content: center;
    width: 45%;
    padding-left: 0;
    flex-direction: column;
    gap: 14px;
  }

  .port-facilities ul li a {
    text-align: center;
  }

  .port-facilities ul li .facilities-icon {
    position: static;
  }

  .header-1-right-top ul li {
    font-size: 12px;
  }

  .icon-text span {
    display: none;
  }

  .icon-text i {
    display: block;
  }

  /* .font-size-changer {
    height: 20px;
    line-height: normal;
  } */

  .logo {
    min-width: 259px;
  }

  .logo a img {
    max-width: 46px;
  }

  .logo a {
    padding-left: 50px;
  }

  .logo a h2 {
    font-size: 12px;
  }

  .slider-image {
    height: 60vh;
  }

  .announcement-header {
    padding: 4px 4px;
  }

  .announcement-header:after {
    border-bottom: 17px solid #ff000000;
    border-top: 18px solid #ff000000;
    border-left: 15px solid #68000a;
  }

  #mega-menu-wrap-primary .mega-menu-toggle {
    top: 9px;
  }

  .home-section-2-quick-link ul {
    grid-template-columns: auto;
  }

  .home-section-2-quick-link ul li a {
    font-size: 13px;
  }

  .logo a h6 {
    font-size: 10px;
  }

  .ministry-row::before,
  .ministry-row::after {
    display: none;
  }

  /* .minister-wrapper {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: center;
  } */

  /* .minister-card {
    padding-left: 40px;
    min-height: 45px;
  } */

  /* .minister-wrapper> :first-child {
    grid-column: span 2;
    /* Makes the first child span across both columns 
  } */

  /* .minister-wrapper {
    gap: 5px;
  }

  .minister-card figure {
    width: 38px;
    height: auto;
  } */

  /* .minister-card.pm-card {
    border-bottom: 1px solid #ffffff5e;
    align-items: center;
    max-width: unset;
    padding-left: 0;
  }

  .minister-card.pm-card figure {
    position: relative;
    margin-bottom: 6px;
    width: 67px;
  }

  .minister-card.cm-card {
    padding-left: 54px;
  }

  .minister-card.cm-card figure {
    width: 50px;
  } */

  /* .ministers-section {
    background: linear-gradient(360deg, #051c4a, transparent);
  } */

  .header-1-right {
    min-width: unset;
  }

  section.home-section.home-slider {
    margin-top: 90px;
  }

  .chairperson-wrap figure {
    position: unset;
  }

  .chairperson-wrap {
    padding-left: 0;
  }

  .chairperson-message {
    padding: 30px 15px 15px 30px;
    height: unset;
    margin-left: 0;
    /* margin-top: -20px; */
  }

  .chairperson-message::before {
    width: 50px;
    left: unset;
    height: 50px;
    right: 15px;
    background-size: 50px;
    background-repeat: no-repeat;
    transform: scaleX(-1);
  }

  .text-wrapper {
    display: none;
  }

  .memberbox {
    margin-bottom: 50px;
  }

  section.pmsection {
    width: 100%;
    background-image: url(../images/section-2-bg-1-new.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 400px;
  }

  section.home-section.port-at-plance .circulars_notices-wrapper .nav-tabs .nav-item:nth-child(3) .nav-link:hover::before,
  section.home-section.port-at-plance .circulars_notices-wrapper .nav-tabs .nav-item:nth-child(4) .nav-link:hover::before {
    opacity: 1;
  }

  section.home-section.port-at-plance .circulars_notices-wrapper .nav-tabs .nav-item:nth-child(3) .nav-link.active,
  section.home-section.port-at-plance .circulars_notices-wrapper .nav-tabs .nav-item:nth-child(3) .nav-link:focus,
  section.home-section.port-at-plance .circulars_notices-wrapper .nav-tabs .nav-item:nth-child(3) .nav-link:hover,
  section.home-section.port-at-plance .circulars_notices-wrapper .nav-tabs .nav-item:nth-child(4) .nav-link.active,
  section.home-section.port-at-plance .circulars_notices-wrapper .nav-tabs .nav-item:nth-child(4) .nav-link:focus,
  section.home-section.port-at-plance .circulars_notices-wrapper .nav-tabs .nav-item:nth-child(4) .nav-link:hover {
    background-color: #fff;
  }

  #connectivityInfrastructureTab .nav-link {
    padding: 6px 10px;
  }

  section.section-ppa-con .heading-3 h2, .photo-gallery-slide .heading-3 h2 {
    font-size: 18px;
}

  section.section-ppa-con .heading-3 {
    margin: 0;
  }
  section.breadcrumb-banner {
    min-height: 180px !important;
    margin-top: 90px !important;
}
}

@media (max-width: 420px) {

  .logo a img {
    max-width: 35px;
  }

  .logo a {
    padding-left: 38px;
  }



  .logo {
    min-width: unset;
  }

  .header-1-right img {
    height: 35px;
  }

  .minister-card h6 {
    font-size: 9px;
  }

  section.home-section.port-at-plance .nav-link {
    font-size: 14px;
  }


  /* section.home-section.port-at-plance .nav-tabs {
    gap: 4px;
    border: none;
  } */
  .slider-image {
    height: 50vh;
  }

  .intro-text h4 {
    font-size: 23px;
  }

  .header-1-wrapper {
    padding: 0;
  }

  .important_links .sb-icon-wrap h6 {
    font-size: 10px;
  }

  .logo a {
    min-height: 40px;
  }

  .heading-3 h2 {
    font-size: 24px;
  }

  .calendar-wrapper {
    height: 410px;
  }

  .social-media-tab-con .nav-tabs .nav-link {
    font-size: 14px;
    padding: 9px 3px;
  }

  .port-connectivity-icons-card {
    margin-bottom: 10px;
  }

  .footer-text p {
    font-size: 10px;
    line-height: 11px !important;
  }

  .footer-text img {
    max-width: 40px;
    margin-bottom: 10px;
  }
  .footer-bottom-left.d-flex img {
    height: 25px;
}
}
@media (max-width: 420px){
  .footer-bottom-left.d-flex{
    display: block !important;
  }
}
@media (max-width: 360px) {
  .slider-image {
    height: 30vh;
  }
}

.modal-blur {
  backdrop-filter: blur(1px);
  background-color: #a5a5a565;
}

.modal-headerbg {
  background: #d5d5d5ad;
}

/*29/10/2025*/

.parallax>use {
  animation: move-forever 12s linear infinite;

  &:nth-child(1) {
    animation-delay: -2s;
  }

  &:nth-child(2) {
    animation-delay: -2s;
    animation-duration: 20s;
  }

  &:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 12s;
  }
}

@keyframes move-forever {
  0% {
    transform: translate(-90px, 0%);
  }

  100% {
    transform: translate(85px, 0%);
  }
}

.editorial {
  /* display: block; */
  width: 100%;
  height: 6em;
  max-height: 100vh;
  margin: 0;
  margin-top: -65px;
}

/*prevent many large-by-comparison ripples by shrinking the height*/

#horizon {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 50%;
  background-repeat: no-repeat;
  z-index: 5;
  background: -webkit-linear-gradient(bottom,
      rgba(212, 87, 43, 0.9) 0%,
      rgba(246, 149, 52, 0.8) 20%,
      rgba(24, 75, 106, 0) 100%);
  background: -moz-linear-gradient(bottom,
      rgba(212, 87, 43, 0.9) 0%,
      rgba(246, 149, 52, 0.8) 20%,
      rgba(24, 75, 106, 0) 100%);
  background: -ms-linear-gradient(bottom,
      rgba(212, 87, 43, 0.9) 0%,
      rgba(246, 149, 52, 0.8) 20%,
      rgba(24, 75, 106, 0) 100%);
  background: linear-gradient(bottom,
      rgba(212, 87, 43, 0.9) 0%,
      rgba(246, 149, 52, 0.8) 20%,
      rgba(24, 75, 106, 0) 100%);
  opacity: 0.99;
}

#waterDistance {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 50%;
  background-repeat: no-repeat;
  background: -webkit-linear-gradient(90deg,
      rgba(0, 0, 0, 0) 10%,
      rgba(0, 0, 0, 0.2) 44%,
      rgba(0, 0, 0, 0.65) 95%,
      rgba(0, 0, 0, 0.62) 100%);
  background: -moz-linear-gradient(90deg,
      rgba(0, 0, 0, 0) 10%,
      rgba(0, 0, 0, 0.2) 44%,
      rgba(0, 0, 0, 0.65) 95%,
      rgba(0, 0, 0, 0.62) 100%);
  background: -ms-linear-gradient(90deg,
      rgba(0, 0, 0, 0) 10%,
      rgba(0, 0, 0, 0.2) 44%,
      rgba(0, 0, 0, 0.65) 95%,
      rgba(0, 0, 0, 0.62) 100%);
  z-index: 20;
}

#water {
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 50%;
  background-repeat: no-repeat;
  background: -webkit-linear-gradient(bottom,
      rgba(0, 25, 45, 1) 0%,
      rgba(14, 71, 117, 1) 35%,
      rgba(26, 126, 174, 1) 70%,
      rgba(62, 168, 220, 1) 100%);
  background: -moz-linear-gradient(bottom,
      rgba(0, 25, 45, 1) 0%,
      rgba(14, 71, 117, 1) 35%,
      rgba(26, 126, 174, 1) 70%,
      rgba(62, 168, 220, 1) 100%);
  background: -ms-linear-gradient(bottom,
      rgba(0, 25, 45, 1) 0%,
      rgba(14, 71, 117, 1) 35%,
      rgba(26, 126, 174, 1) 70%,
      rgba(62, 168, 220, 1) 100%);
  background: linear-gradient(bottom,
      rgba(0, 25, 45, 1) 0%,
      rgba(14, 71, 117, 1) 35%,
      rgba(26, 126, 174, 1) 70%,
      rgba(62, 168, 220, 1) 100%);

  z-index: 10;
}

#waterReflectionContainer {
  -webkit-perspective: 30;
  perspective: 30;
  -webkit-perspective-origin: 50% -12%;
  perspective-origin: 50% -12%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: -3%;
  width: 103%;
  height: 50%;
  z-index: 25;
}

#waterReflectionMiddle {
  position: absolute;
  top: 0px;
  left: -50%;
  width: 200%;
  height: 55%;
  background-repeat: no-repeat;
  background: -webkit-radial-gradient(50% 0px,
      rgba(247, 177, 72, 1) 3%,
      rgba(248, 175, 65, 1) 6%,
      rgba(207, 62, 30, 0.4) 35%,
      rgba(176, 91, 48, 0.1) 45%,
      rgba(141, 88, 47, 0) 60%,
      rgba(116, 82, 63, 0) 70%,
      rgba(44, 65, 68, 0) 80%,
      rgba(7, 19, 31, 0) 100%);
  background: -moz-radial-gradient(50% 0px,
      rgba(247, 177, 72, 1) 3%,
      rgba(248, 175, 65, 1) 6%,
      rgba(207, 62, 30, 0.4) 35%,
      rgba(176, 91, 48, 0.1) 45%,
      rgba(141, 88, 47, 0) 60%,
      rgba(116, 82, 63, 0) 70%,
      rgba(44, 65, 68, 0) 80%,
      rgba(7, 19, 31, 0) 100%);
  background: -ms-radial-gradient(50% 0px,
      rgba(247, 177, 72, 1) 3%,
      rgba(248, 175, 65, 1) 6%,
      rgba(207, 62, 30, 0.4) 35%,
      rgba(176, 91, 48, 0.1) 45%,
      rgba(141, 88, 47, 0) 60%,
      rgba(116, 82, 63, 0) 70%,
      rgba(44, 65, 68, 0) 80%,
      rgba(7, 19, 31, 0) 100%);

  z-index: 999;
  opacity: 0.7;
  -webkit-transform: rotateX(45deg);
}

#waterReflectionMiddleThin {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background: -webkit-linear-gradient(left,
      rgba(69, 70, 61, 0) 3%,
      rgba(216, 100, 38, 0.1) 32%,
      rgba(252, 176, 48, 0.35) 35%,
      rgba(253, 215, 79, 1) 45%,
      rgba(253, 254, 225, 1) 48%,
      rgba(253, 254, 225, 1) 52%,
      rgba(024, 194, 214, 1) 55%,
      rgba(034, 204, 234, 0.1) 65%,
      rgba(034, 204, 234, 0.1) 60%,
      rgba(034, 204, 234, 0) 97%);
  background: -moz-linear-gradient(left,
      rgba(69, 70, 61, 0) 3%,
      rgba(216, 100, 38, 0.1) 32%,
      rgba(252, 176, 48, 0.35) 35%,
      rgba(253, 215, 79, 1) 45%,
      rgba(253, 254, 225, 1) 48%,
      rgba(253, 254, 225, 1) 52%,
      rgba(024, 194, 214, 1) 55%,
      rgba(034, 204, 234, 0.1) 65%,
      rgba(034, 204, 234, 0.1) 60%,
      rgba(034, 204, 234, 0) 97%);
  background: -ms-linear-gradient(left,
      rgba(69, 70, 61, 0) 3%,
      rgba(216, 100, 38, 0.1) 32%,
      rgba(252, 176, 48, 0.35) 35%,
      rgba(253, 215, 79, 1) 45%,
      rgba(253, 254, 225, 1) 48%,
      rgba(253, 254, 225, 1) 52%,
      rgba(024, 194, 214, 1) 55%,
      rgba(034, 204, 234, 0.1) 65%,
      rgba(034, 204, 234, 0.1) 60%,
      rgba(034, 204, 234, 0) 97%);
  background: linear-gradient(left,
      rgba(69, 70, 61, 0) 3%,
      rgba(216, 100, 38, 0.1) 32%,
      rgba(252, 176, 48, 0.35) 35%,
      rgba(253, 215, 79, 1) 45%,
      rgba(253, 254, 225, 1) 48%,
      rgba(253, 254, 225, 1) 52%,
      rgba(024, 194, 214, 1) 55%,
      rgba(034, 204, 234, 0.1) 65%,
      rgba(034, 204, 234, 0.1) 60%,
      rgba(034, 204, 234, 0) 97%);

  z-index: 999;

  -webkit-transform: rotateX(45deg);
  -moz-transform: rotateX(45deg);
  -ms-transform: rotateX(45deg);
  transform: rotateX(45deg);
}

#division {
  height: 5px;
  width: 100%;
  position: absolute;
  top: 50%;
  bottom: 50%;
  background-color: rgba(000, 14, 24, 0);
  z-index: 9999;
  cursor: ns-resize;
}

#coor {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 999;
  color: #fff;
}

#oceanRipple {
  background-image: repeating-linear-gradient(175deg,
      rgba(165, 165, 165, 0.08) 43%,
      rgba(175, 175, 175, 0.08) 45%,
      rgba(235, 235, 235, 0.08) 49%,
      rgba(195, 195, 195, 0.08) 50%,
      rgba(165, 165, 165, 0.08) 54%);
  opacity: 0.5;
  position: absolute;
  left: 0%;
  bottom: 0px;
  width: 100%;
  height: 50%;
  z-index: 10;
}

#wholeship {
  bottom: -16px;
  /* height: 105px; */
  position: absolute;
  width: 380px;
}

#wholeship img {
  position: relative;
}

#wholeship::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  /* background: #d3e2e9; 
  background: linear-gradient(90deg,
      rgba(211, 226, 233, 0) 0%,
      rgb(235 247 253) 18%,
      rgb(235 247 253) 70%,
      rgb(235 247 253) 100%);*/
  left: 0;
  bottom: 0px;
}

#ship-container div {
  position: absolute;
}

.hull {
  border-right: 10px solid transparent;
  border-top: 25px solid #cc3333;
  border-left: 16px solid transparent;
  width: 350px;
  height: 0px;
  top: 80px;
  left: 50px;
}

.hull:after {
  content: "";
  display: block;
  position: absolute;
  top: -40px;
  left: -23px;
  border-right: 10px solid transparent;
  border-top: 17px solid #333333;
  border-left: 7px solid transparent;
  width: 376px;
  height: 0px;
}

.hull:before {
  content: "";
  display: block;
  position: absolute;
  top: -43px;
  left: -24px;
  border-right: 1px solid transparent;
  border-top: 3px solid #0066cc;
  border-left: 1px solid transparent;
  width: 393px;
  height: 0px;
}

.hull-top {
  width: 395px;
  height: 5px;
  background: #333333;
  top: -48px;
  left: -25px;
}

.hull-top:after {
  content: "";
  display: block;
  position: absolute;
  height: 5px;
  width: 20px;
  background: red;
  -webkit-transform: skewX(-40deg);
  -moz-transform: skewX(-40deg);
  background: #333333;
  right: -4px;
}

.porthole {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  top: 12px;
  z-index: 2;
}

.p1 {
  left: 25px;
}

.p2 {
  left: 50px;
}

.p3 {
  left: 75px;
}

.p4 {
  left: 100px;
}

.p5 {
  left: 125px;
}

.p6 {
  left: 150px;
}

.p7 {
  left: 175px;
}

.p8 {
  left: 200px;
}

.p9 {
  left: 225px;
}

.p10 {
  left: 250px;
}

.p11 {
  left: 275px;
}

.p12 {
  left: 300px;
}

.p13 {
  left: 325px;
}

.p14 {
  left: 350px;
}

.compartments-lower {
  top: 46px;
  left: 55px;
  background-color: #cccccc;
  border-top: solid 1px #999;
  height: 10px;
  width: 350px;
  position: absolute;
  z-index: 99;
}

.door {
  width: 5px;
  height: 7px;
  background: #999999;
  border-radius: 50% 50% 0 0;
  -webkit-border-radius: 50% 50% 0 0;
  -moz-border-radius: 50% 50% 0 0;
  top: 3px;
  z-index: 2;
}

.d1 {
  left: 25px;
}

.d2 {
  left: 50px;
}

.d3 {
  left: 75px;
}

.d4 {
  left: 100px;
}

.d5 {
  left: 125px;
}

.d6 {
  left: 150px;
}

.d7 {
  left: 175px;
}

.d8 {
  left: 200px;
}

.d9 {
  left: 225px;
}

.d10 {
  left: 250px;
}

.d11 {
  left: 275px;
}

.d12 {
  left: 300px;
}

.d13 {
  left: 325px;
}

.compartments-upper {
  top: 34px;
  left: 65px;
  background-color: #cccccc;
  border-top: solid 2px #999;
  height: 10px;
  width: 325px;
  position: absolute;
  z-index: 99;
}

.cph {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #999999;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  top: 2px;
  z-index: 2;
}

.cp1 {
  left: 27px;
}

.cp2 {
  left: 51px;
}

.cp3 {
  left: 76px;
}

.cp4 {
  left: 102px;
}

.cp5 {
  left: 128px;
}

.cp6 {
  left: 152px;
}

.cp7 {
  left: 177px;
}

.cp8 {
  left: 202px;
}

.cp9 {
  left: 227px;
}

.cp10 {
  left: 252px;
}

.cp11 {
  left: 277px;
}

.cp12 {
  left: 302px;
}

.smokestack {
  top: 0px;
  background-color: #ff9933;
  border-top: solid 4px #333;
  height: 30px;
  width: 15px;
  position: absolute;
  z-index: 99;
}

.ss1 {
  left: 100px;
}

.ss2 {
  left: 175px;
}

.ss3 {
  left: 275px;
}

.ss4 {
  left: 350px;
}

#ship-container {
  -webkit-animation: 5s ease-in-out 0s normal none infinite rockship;
  -moz-animation: 5s ease-in-out 0s normal none infinite rockship;
}

#wholeship {
  -webkit-animation: moveship 30s linear forwards;
  -moz-animation: moveship 30s linear forwards;
  -o-animation: moveship 30s linear forwards;
}

@keyframes moveship {
  from {
    left: -50%;
  }

  to {
    left: 100%;
  }
}

/* @keyframes rockship {
  0% {
    -webkit-transform: rotate(0deg);
  }

  10% {
    -webkit-transform: rotate(-0.25deg);
  }

  20% {
    -webkit-transform: rotate(-0.5deg);
  }

  30% {
    -webkit-transform: rotate(-0.75deg);
  }

  40% {
    -webkit-transform: rotate(-0.5deg);
  }

  50% {
    -webkit-transform: rotate(-0.25deg);
  }

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

  70% {
    -webkit-transform: rotate(0.25deg);
  }

  80% {
    -webkit-transform: rotate(0.5deg);
  }

  90% {
    -webkit-transform: rotate(0.25deg);
  }

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

/* .smoke {
  -webkit-animation-name: smoke;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  background-color: rgba(255, 255, 255, 1);
  bottom: 35px;
  left: 0;
  border-radius: 10px;
  height: 15px;
  width: 15px;
} */

/* @-webkit-keyframes smoke {
  0% {
    bottom: 30px;
  }

  50% {
    background-color: rgba(255, 255, 255, 0.2);
    height: 30px;
    width: 30px;
    bottom: 120px;
    left: -50px;
  }

  100% {
    background-color: rgba(255, 255, 255, 0);
    height: 60px;
    width: 60px;
    bottom: 260px;
    left: -100px;
  }
}

.smoke1 {
  -webkit-animation-delay: 1600ms;
  -webkit-animation-duration: 3s;
}

.smoke2 {
  -webkit-animation-delay: 1300ms;
  -webkit-animation-duration: 3s;
}

.smoke3 {
  -webkit-animation-delay: 1000ms;
  -webkit-animation-duration: 3s;
}

.smoke4 {
  -webkit-animation-delay: 700ms;
  -webkit-animation-duration: 3s;
}

#cloud1 {
  width: 300px;
  height: 100px;
  background: #e5f3ff;
  margin: 140px 0 0 0;
  border-radius: 50px;
  -webkit-transform: translateX(-400px);
  -webkit-animation: move 7s linear infinite;
  display: block-inline;
}

#cloud1:before {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  background: #e5f3ff;
  border-radius: 50%;
  margin: -100px 0 0 20px;
}

#cloud1:after {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  background: #e5f3ff;
  border-radius: 50%;
  margin: -60px 0 0 165px;
}

#cloud2 {
  width: 200px;
  height: 70px;
  background: #e5f3ff;
  margin: 60px 0 0 300px;
  border-radius: 50px;
  -webkit-transform: translateX(-520px);
  -webkit-animation: move 12s linear infinite;
  display: block-inline;
}

#cloud2:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  background: #e5f3ff;
  border-radius: 50%;
  margin: -70px 0 0 20px;
}

#cloud2:after {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  background: #e5f3ff;
  border-radius: 50%;
  margin: -40px 0 0 100px;
} */

@-webkit-keyframes move {
  0% {
    -webkit-transform: translateX(-340px);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

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





#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {

  padding: 0px 5px 0px 5px !important;
  margin: 0px 0px 0px 0px;
  border-right: 1px solid #ffffff29 !important;

}

.padding-no {
  padding: 0px 0px 0px 0px !important;
}