@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");

@import url("https://cdn.jsdelivr.net/npm/lightgallery@2.4.0/css/lightgallery.css");
@import url("https://cdn.jsdelivr.net/npm/lightgallery@2.4.0/css/lg-zoom.css");
@import url("https://cdn.jsdelivr.net/npm/lightgallery@2.4.0/css/lg-video.css");
@import url("https://cdn.jsdelivr.net/npm/lightgallery@2.4.0/css/lg-thumbnail.css");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none !important;
}
html {
  scroll-padding-top: 120px; /* height of your navbar */
}
body {
  font-family: "Figtree", sans-serif !important;
}
@font-face {
  font-family: "helveticacompressed";
  src: url("../Font/helvetica-compressed.woff2") format("woff2"),
    url("../Font/helvetica-compressed.woff") format("woff");
}

:root {
  --bg-color: #082847;
  --white-color: #fff;
  --white-color: #fff;
  --txt-color: #fff;
  --font-size1: 48px;
  --font-size2: 36px;
  --font-size3: 16px;
  --dark-blue: #092847;
  --light-blue: #05bdaf;
  --light-green: #50a54a;
  --light-red: #ef4f35;
  --light-info: #18c0e4;
  --light-yellow: #f7c42d;
  --light-gray: #9b174c;
  --light-pink: #e0246e;
  --light-warning: #f89e39;
  --light-black: #0b0b0b;
}

/* loader css */
.loader_item {
  background-image: url("../images/logo.png");
  height: 200px;
  background-repeat: no-repeat;
  display: flex;
  margin: auto;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  background-position: center;
}

.loader_bg {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  z-index: 9999;
}
/* loader css */

/* common section */

.main_top {
  padding-top: 124px;
}

/* common section */
/* nav section */
.nav_section {
  background-color: var(--white-color) !important;
  position: sticky !important;
  z-index: 999;
  left: 0;
  right: 0;
  top: 0;
  box-shadow: 0 2px 10px 2px rgb(0 0 0 / 8%) !important;
  padding-block: 8px !important;
}

.offcanvas {
  transition: 0.3s all ease-in-out !important;
}

.dropdown-menu {
  border-radius: 0 !important;
  color: #042a44 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding: 11px 15px;
  width: 170px;
  font-size: 14px;
  font-weight: 400;
}

.nav_section li.dropdown-submenu:hover {
  background-color: #f8f9fa;
}

.nav-item a {
  text-transform: uppercase;
  font-size: 16px !important;
  font-weight: 600;
}
.nav_section .navbar-brand {
  padding-block: 5px !important;
}
.nav_section ul .menu_list {
  margin-left: 50px;
}
.nav-link {
  position: relative;
  transition: all 0.3s;
  color: #082847 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.nav-link:hover,
.nav-link:focus {
  color: #05bdaf !important;
}
.dropdown-item:active {
  background-color: #53d1c7 !important;
  color: #ffff !important;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: unset !important;
}
.plus_icon {
  display: none;
  cursor: pointer;
  margin-left: 5px;

  /* height: 36px;
  width: 36px; */
  text-align: center;
  /* background: #e9e6e6 ; */
  align-items: center;
  padding: 8px;
  font-size: 14px;
  position: absolute;
  right: 10px;
}

.nav_section .nav-link::after {
  content: "";
  height: 2px;
  width: 100%;
  background-color: #05bdaf;
  position: absolute;
  left: 0;

  bottom: 0;
  opacity: 0;
  transition: all 0.5s;
  pointer-events: none;
}

.nav-link:hover::after,
.nav-link:focus::after,
.nav-link.active::after {
  width: 100%;
  left: 0;
  opacity: 1;
}

.navbar-brand img {
  max-width: 185px;
}
.nav_section .footer_img {
  margin-bottom: 0 !important;
}
/* dorp-down menu  css */

.dropdown-submenu {
  position: relative;
}

.dropdown-toggle {
  white-space: unset !important;
}

.dropdown-submenu > .dropdown-menu {
  top: 8px;
  left: 100%;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
}

.nav-item a.dropdown-item {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  color: #042a44;
  line-height: 1.2;
}

.dropdown-item {
  white-space: unset !important;
  padding: 8px 15px !important;
  margin: 0 !important;
}

.dropdown-menu {
  position: absolute;
  left: 0;
  border: 0px !important;
  background-color: #e9e6e6 !important;
  padding: 0 !important;
  -webkit-transition: all 0.3s;
}

.dropdown-submenu > .dropdown-menu {
  margin-top: -8px !important;
}

.dropdown-toggle.dropdown-item::after {
  display: none !important;
}

/* dorp-down menu  css */

/* nav section */

/* banner section  */
.top_slider_image {
  position: relative;
}
.portfolio_section {
  padding-top: 0 !important;
}
.top_slider_image::after {
  content: "";
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  /* background-color: rgba(0, 0, 0, 0.5) !important; */
  pointer-events: none !important;
}
.aboutus_banner_image .top_slider_image {
  position: relative;
}
.aboutus_banner_image .top_slider_image::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.banner_image_common .top_slider_image {
  position: relative;
}
.banner_image_common .top_slider_image::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.top_heading {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  /* max-width: 532px; */
  z-index: 1;
}
.bottom_con {
  max-width: 532px;
}

.slick-dots li button:before {
  font-size: 10px !important;
  color: #05bdaf !important;
}

.slick-dots li.slick-active {
  transform: scale(1.5) !important;
}

.top_slider .slick-dots {
  width: 50% !important;

  text-align: left !important;
  margin-left: 98px !important;
}

.top_slider .slick-dots {
  bottom: 50px !important;
}

.top_slider_image img {
  width: 100%;
}

.top_heading h3 {
  color: #ffffff;
  font-size: 55px;
  font-weight: 700;
  position: relative;
  display: inline-block;
}

.bottom_con {
  padding-top: 38px;
}

.top_heading p {
  color: #ffffff;
  font-size: 24px;
  line-height: normal;
  font-weight: 400;
}
p {
  line-height: 1.5;
}
h3 {
  position: relative;
  display: inline-block;
}

.top_heading h3::after {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 0;
  width: 145px;
  height: 3px;
  background-color: #ffffff;
}

/* banner section  */

/* about section  */
.about_section {
  margin-top: 90px;
}
.tab_menu_nop_sec {
  padding-left: 50px !important;
}
.leadership {
  margin-top: 127px;
}
.nocpark {
  margin-top: 155px;
  min-height: 553px;
}
.transform_section {
  background-color: #082847;
  min-height: 408px;
  margin: 0 15px;
  margin-top: 140px;
}
.culture_section {
  margin-top: 490px;
}
.about_image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.Carrers_title {
  max-width: 800px;
}
/* about use section css */
.about_headings {
  max-width: 505px;
}

.about_headings h3 {
  color: #ffffff;
  font-size: 55px;
  font-weight: 700;
  position: relative;
  display: inline-block;
}
.about_headings h3:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 145px;
  height: 4px;
  background-color: #ffffff;
}

.about_headings p {
  font-size: 24px;
  color: #ffffff;
}
.about_headings p {
  padding-top: 56px;
}

.right_about_contnet h3 {
  font-size: 48px;
  font-weight: 700;
  color: #0b0b0b;
}

.right_about_contnet h3::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 119px;
  height: 2px;
  background-color: #05bdaf;
}
.right_about_contnet h5 {
  padding-top: 38px;
  font-size: 32px;
  color: #000000;
  font-weight: 500;
}
.right_about_contnet p {
  padding-top: 15px;
  font-size: 17px;
}
.right_about_contnet .content2 {
  padding-top: 0;
}

.counter-image img {
  max-width: 106px;
  width: 100%;
  max-height: 87px;
  filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(139deg)
    brightness(145%) contrast(57%);
}

.counter_data h3 {
  font-size: 48px;
  font-weight: 700;
  color: #000000;
}
.counter_data p {
  font-size: 19.28px;
  font-weight: 500;
  margin-bottom: 0;
}

.leadership_content {
  margin-bottom: 90px;
}
.leadership_content {
  text-align: center;
}
.leadership_content h3 {
  font-size: 48px;
  font-weight: 700;
  color: #0b0b0b;
}
.leadership_content h3::after {
  content: "";
  position: absolute;
  bottom: -34px;
  left: 0;
  right: 0;
  margin: auto;
  width: 123px;
  height: 2px;
  background-color: #05bdaf;
}
.leadership_box {
  padding-top: 75px;
}
.leader_content {
  width: 100%;
}
.row.ledership_card_row {
  --bs-gutter-x: 5rem;
}
.leader_name h5 {
  font-size: 24px;
  font-weight: 600;
  padding-top: 32px;
  color: #000000;
}
.leader_name p {
  font-size: 17px;
  font-weight: 500;
  color: #05bdaf;
  padding-right: 10px;
}
.leader_content .toggle_icon {
  padding-top: 40px;
}

.toggle_icon .right {
  color: #fff !important;
  font-size: 16px !important;
  width: 100%;
  text-align: center;
  transition: 0.3s all ease-in-out;
}
.toggle_icon .accordion-button {
  transition: 0.3s all ease-in-out;
  height: 36px;
  width: 36px;
}
.submit_btn .btn:hover {
  background-color: #47dbcff1 !important;
  border-color: #47dbcff1 !important;
}
.toggle_icon .accordion-button:hover {
  background-color: #47dbcff1 !important;
}
.leadership_box img:after {
  outline: 1px solid white;
  outline-offset: -4px;
}
.border-image {
  outline: 0.5px solid white;
  outline-offset: -15px;
}

.left_item {
  display: flex;
  flex-direction: column;
  height: 100%;

  margin-right: auto;
  background-color: #fff;
  padding-top: 78px;

  width: 100%;
}
.left_item h3 {
  font-size: 48px;
  font-weight: 700;
  color: #0b0b0b;
}
.right_item {
  background-color: #082847;
  min-height: 400px;
  padding-top: 80px;
  position: absolute;
  right: 0;
  /* top: 0; */
}
.nav-tabs {
  border-bottom: 0 !important;
}
.right_item .nav-link {
  color: #fff !important;
  border: unset !important;
  outline: unset !important;
}
.right_item .nav-tabs .nav-link.active {
  color: #05bdaf !important;
  background-color: unset !important;
  border: unset !important;
  outline: unset !important;
}
.tab_content {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 2px;
}

.transform_content {
  max-width: 345px;
  width: 100%;
  padding-top: 76px;
}

.transform_content h3 {
  color: #ffffff;
  font-size: 48px;
  font-weight: 700;
  position: relative;
}
.transform_content h3::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 0;
  width: 100px;
  height: 2px;
  background-color: #05bdaf;
}
.transform_details {
  padding-top: 88px;
}
.transform_details p {
  color: #fff;
  font-size: 17px;
}
.card_image {
  padding-top: 63px;
  position: absolute;
}

.read_more .btn {
  border-radius: 0;
  margin-bottom: 30px;
  margin-top: 20px;
  font-size: 15px;
}

.tab_data {
  margin-top: 35px;
}
.card_image .card {
  border-radius: 0;
  border: 0;
}

.noc_data {
  max-width: 422px;
  display: flex;
  align-items: center;
  padding-left: 30px;
  flex: 1 0;
}
.light_img {
  background-color: #05bdaf;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.light_img img {
  height: 60px !important;
  max-width: 65px !important;
}
.noc_data p {
  margin-bottom: 0 !important;
}
.envelope img {
  width: 70px;
  height: 70px;
  background-color: #05bdaf;
  padding: 15px 19px;
}
.envelope span {
  color: #05bdaf;
  font-size: 20px;
  font-weight: 600;
  padding-left: 25px;
}
.tab_body {
  padding: 40px;
}
.noc_data p {
  font-size: 19px;
}
.noc_data span {
  color: #05bdaf;
}
.noc_data h5 {
  font-size: 22px;
}
.counter_data .stat-suffix {
  color: #000000 !important;
}
.accordion-body p {
  font-size: 17px;
}
.accordion-button {
  background-color: #05bdaf !important;
}
.counter_wrapper img {
  width: 500px;
}
.counter_wrapper {
  display: flex;
  justify-content: space-between;
}
.counter_wrapper img {
  filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(139deg)
    brightness(145%) contrast(57%);
}

.about_banner {
  background-image: url("../images/aboutimg.png");
  width: 100%;
  min-height: 638px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
.error {
  color: #fb3232 !important;
  font-size: 18px !important;
}
.success {
  color: #05bd3f;
  font-size: 18px !important;
  font-weight: 700;
}
.counter-section {
  margin-top: 114px;
}
.custom-sticky-nav.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: unset !important;
}
.aboutus h3 {
  font-size: 48px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  color: #000;
}

.aboutus h3::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 119px;
  height: 2px;
  background-color: #05bdaf;
}

.btn {
  transition: 0.3s all ease-in-out;
}

.btn:hover {
  background-color: #05bdaf !important;
  border: 0.4px solid #05bdaf !important;
  transition: 0.3s all ease-in-out;
  color: var(--white-color) !important;
}

.about_par p {
  font-size: 32px;
  color: #000000;
  font-weight: 500;
  line-height: normal;
}

.about_bot p {
  font-size: 17px;
  line-height: 26px;
  color: #000;
}

.btn-title {
  text-transform: uppercase;
  background-color: #000 !important;
  color: #ffffff;
  border-radius: unset !important;
  padding: 10px 44px 10px 44px !important;
  font-size: 14px !important;
}

.about_par {
  padding-top: 36px;
}
.values_item {
  font-weight: 600;
  color: #000;
}

.about_bot {
  padding-top: 20px;
}

.bottom_cont {
  padding-top: 12px;
}

.aboutbtn {
  padding-top: 40px;
  transition: 0.5s all ease-in-out;
}

/* about section  */

/* <!-- portfolio section --> */
/* portfolio section css */
.india_map circle {
  scale: 2 !important;
  stroke: #fff !important;
  stroke-width: 1px;
}
.india_map tspan {
  font-size: 14px;
  font-weight: 600;
}
.india_map text {
  fill: #000 !important;
}
.india_map tspan:hover {
  fill: #000 !important;
  margin-right: 20px !important;
}
g {
  translate: unset !important;
}

.portfolio_right img {
  width: 100%;
}
.portfolio_left {
  background-color: #082847;
  /* margin: 95px 0; */
  justify-content: center;
  padding-right: 121px;
  min-height: 391px;
  display: flex;
  align-items: center;
  position: absolute;

  width: calc(100% + 320px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}
.portfolio_left h3 {
  font-size: 5rem;
  font-weight: 600;
  color: #fff;
  margin-left: 20%;
}
.portfolio_left h3::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 119px;
  height: 2px;
  background-color: #fff;
}
.map_section {
  margin-top: 160px;
}

/* india map css */
.map-container {
  position: relative;
  width: 90%;
  height: 700px;
  background: url("../images/mapindia.png") no-repeat center center;
  background-size: contain;
}

.city {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #03ddc6;
  border-radius: 50%;
  border: 2px solid white;
  cursor: pointer;
}

.label {
  position: absolute;
  font-size: 19px;
  font-weight: 700;
  color: #092847;
  padding: 2px 5px;
  border-radius: 3px;
  transform: translateX(30px);
  transition: all 0.5s ease-in-out;
  letter-spacing: 0.5px;
}

.additional-info {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 #0e1e251f, 0 2px 16px 0 #0e1e2552;
  color: #000;
  display: none;
  left: 103%;
  opacity: 0;
  padding: 24px;
  position: absolute;
  top: calc(100% - 83px);
  transition: opacity .3s;
  white-space: nowrap;
  z-index: 1;
}
.bg {
  color: black;
  padding: 24px;
  border-radius: 5px;
  position: absolute;
  top: 100%;

  transform: translate(-123%, -47%);
  white-space: nowrap;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  background: white;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.bangalore .bg:after {
  background: #fff;
  border-left: 1px solid #cfd7df;
  border-top: 1px solid #cfd7df;
  content: "";
  height: 20px;
  right: -10px !important;
  position: absolute;
  top: 34px;
  -webkit-transform: rotate(45deg);
  transform: rotate(134deg);
  width: 20px;
}

.additional-info div {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.additional-info div:last-child {
  margin-bottom: 0;
}

.additional-info span.icon {
  margin-right: 5px;
}

.city:hover .additional-info {
  display: block;
  opacity: 1;
}

.additional-info {
  margin-top: 5px;
  font-size: 0.9em;
}

.ahmedabad .label {
  right: 50px;
  top: -5px;
}

.mumbai .label {
  right: 74px;
  top: 13px;
}

.bangalore .label {
  right: 90px;
  top: 8px;
}

.chennai .label {
  top: -5px;
}

.chennai .hover_items:before {
  top: 23px;
}
.ahmedabad {
  top: 45%;
  left: 10%;
  width: 24px;
  height: 24px;
}

.mumbai {
  top: 60%;
  left: 13%;
  width: 47px;
  height: 47px;
}

.bangalore {
  top: 80%;
  left: 26%;
  width: 42px;
  height: 42px;
}

.chennai {
  top: 82%;
  left: 35%;
  width: 24px;
  height: 24px;
}

.ncr {
  top: 27%;
  left: 26%;
  width: 27px;
  height: 27px;
}
.map_item {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 500;
}
.map_heading {
  font-size: 18.73px;
  font-weight: 700;
  color: #092847;
  padding-bottom: 5px;
}
.assets_item {
  font-size: 16px;
  font-weight: 700;
  color: #092847;
}
.angle_right {
  padding-right: 10px;
  color: #092847;
}
.hover_items:before {
  background: #fff;
  border-left: 1px solid #cfd7df;
  border-top: 1px solid #cfd7df;
  content: "";
  height: 20px;
  left: -10px;
  position: absolute;
  top: 48px;
  -webkit-transform: rotate(45deg);
  transform: rotate(313deg);
  width: 20px;
}
.ncr .hover_items:before {
  top: 33px;
}
.ahmedabad .hover_items:before {
  top: 23px;
}

.nucleus_portfolio {
  padding-top: 8.8rem;
}
.nucleus_portfolio h3 {
  font-size: 48px;
  font-weight: 700;
  color: #000000;
}
.nucleus_portfolio h3::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 119px;
  height: 2px;
  background-color: #05bdaf;
}
.nucleus_portfolio p {
  font-size: 30px;
  font-weight: 600;
  padding-top: 25px;
  color: #000000;
}
.counter_inc h3 {
  color: #000000 !important;
}
.counter_inc p {
  color: #000000 !important;
}
.counter_inc .stat-suffix {
  color: #000000 !important;
}
#chartdiv {
  width: 100%;
  height: 500px;
}

#chartdiv a {
  display: none !important;
}
.custom-svg-class {
  fill: red !important;
}

.location_item li {
  margin-left: -30px;
}
.location_item li {
  font-size: 14px;
  text-align: start;
  list-style: none;
  margin-right: 5px;
}
.location_item i {
  margin-right: 10px;
}
.assets {
  font-size: 16px;
  font-weight: 600;
  color: #092847;
  margin-left: -30px;
}
.amcharts-map-image-Tours {
  font-size: 18px;
  font-weight: 700;
  color: #092847;
}
/* india map css */
.slider_sec .slick-prev:hover:before {
  background-color: #47dbcff1 !important;
}
.slider_sec .slick-next:hover:before {
  background-color: #47dbcff1 !important;
}
.port img {
  min-width: 100% !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.map_section svg path {
  opacity: 0;
}
.mapind {
  position: absolute;
  width: 100%;
}
.portfolio {
  background-color: #082847;
}
/* .porftolio_slider .slick-initialized .slick-slide {
  transform: scale(1.023) !important;
} */
.portfolio_heading h3 {
  color: #ffffff;
  font-weight: 700;
  font-size: 48px;
  position: relative;
}

.portfolio_heading h3::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 119px;
  height: 2px;
  background-color: #05bdaf;
}

.portfolio_heading p {
  color: #fff;
  font-size: 20px;
  padding-top: 30px;
  line-height: normal;
  font-weight: 500;
}

.portfolio_icon {
  display: flex;
  margin-top: 35px;
  gap: 35px;
  align-items: self-start;
}

.counters {
  width: 100%;
  max-width: 210px;
}

.counters h3 {
  font-size: 48px;
  font-weight: 700;
}

.counters p {
  font-size: 18px;
  font-weight: 500;
}

.stat-suffix {
  /* font-size: 48px; */
  font-weight: bold;
  color: #ffffff;
}

.location_link span img {
  max-width: 13px;

  filter: invert(163%) sepia(136%) saturate(1405%) hue-rotate(213deg)
    brightness(129%) contrast(111%);
}

.location_link span {
  display: flex;
  padding-right: 20px;
}
.location_link h3 {
  margin-bottom: 30px;
}

.location_link span a {
  padding-left: 10px;
}

.img_log img {
  /* width: 106px; */
  height: 87px;
  filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(139deg)
    brightness(145%) contrast(57%);
}

.slider_sec .slick-slide img {
  height: auto;
  transform: scale(1.023) !important;
  transform-origin: left;
}

.portfolio_icon h3 {
  color: #ffffff;
}

.portfolio_icon p {
  color: #ffffff;
}
/* .tab_body {
  align-items: center;
} */

.portfolio_subcontent {
  font-size: 18px !important;
  font-weight: 400 !important;

  color: #000;
}
.nucleus_portfolio {
  padding-top: 0 !important;
}
.portfolio_content h3 {
  color: #ffffff;
  font-size: 36px;
  font-weight: 700;
}

.image-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.6);
  pointer-events: none;
}

.porftolio_slider {
  position: relative;
}

.portfolio_content {
  display: grid;
  position: absolute;
  top: 151px;
  margin-left: 95px;
}

.portfolio_content span {
  padding-bottom: 10px;
}

.location_link {
  display: grid;
  padding-top: 15px;
  width: 300px;
}

.portfolio_content span {
  color: #ffffff !important;
  font-size: 22px;

  font-weight: 500;
  text-decoration: none;
  transition: 0.3s;
}
.location_link :where(span:hover, span:hover img) {
  filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(139deg)
    brightness(145%) contrast(57%);
}

.bi-chevron-right {
  color: #fff;
  font-size: 20px;
}
.port_sec {
  margin-top: 40px;
}
/* <!-- portfolio section --> */
/* scroll spy css */
.active-scroll-spy {
  color: #05bdaf;
  position: relative;
  fill: var(--light-blue);
}
.ss-item.active {
  font-weight: bold;
  color: #05bdaf !important;
  position: relative;
}
.ss-item.active .spy_icon > svg {
  fill: var(--light-blue);
}
.ss-item.active::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -12px;
  width: 80%;
  height: 3px;
  background-color: #05bdaf;
  right: 0;
  margin: auto;
}
.ss-item {
  font-size: 17px;
  padding: 0 15px;
  text-transform: uppercase;
  font-weight: 700 !important;
}
.scroll_icon {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.spy_icon {
  width: 20px;
  transition: all 0.3s ease-in-out;
}

.scroll_icon:hover {
  color: #05bdaf;
  fill: var(--light-blue);
}
/* scroll spy css */
/* <!-- planet section --> */
.Planet_heading h3 {
  font-size: 48px;
  font-weight: 700;
  color: #000;
}
.explore_link {
  color: #000;
}
.Planet_heading h3::after {
  content: "";
  position: absolute;
  bottom: -19px;
  left: 0;
  width: 100px;
  height: 2px;
  background-color: #05bdaf;
}

.slider_sec img {
  width: 100%;
}

.img_cen {
  text-align: center;
  padding-top: 70px;
}

.img_cen img {
  object-fit: contain;
  width: 100%;
  opacity: 0.9;
}

.p-section {
  position: relative;
}

.main-image {
  width: 100%;
}

.social-container {
  position: absolute;
  top: 232px;
  left: 40px;

  background-color: #05bdaf;
  padding: 20px;
}

.outer_container {
  position: relative;
}

.social_icons {
  padding: 10px;
}

.social_icons img {
  background-color: #05bdaf;
}

.strategy_details {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  padding: 20px;
  padding-top: 234px;
  padding-left: 32px;
}

.social_con h2 {
  text-align: justify;
}

.social_con p {
  text-align: justify;
  color: #ffffff;
  font-size: 20px;
}

/* <!-- planet section --> */

/* Events section */
.events h3 {
  font-size: 48px;
  font-weight: 700;
  color: #000;
}

.events_detail button {
  border-radius: unset !important;
  padding: 9px 44px 9px 44px !important;
  background-color: #000 !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  font-size: 14px;
  display: none;
}

.events h3::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100px;
  height: 2px;
  background-color: #05bdaf;
}

.events_details {
  padding-top: 52px;
  text-align: end !important;
}

.events_details button {
  border-radius: unset !important;
  padding: 10px 34px 10px 34px !important;
  background-color: #000 !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  font-size: 14px;
}

.event_slider .slick-prev {
  top: 40% !important;
}

.event_slider .slick-next {
  top: 40% !important;
  right: -2% !important;
}
.slider_img img {
  height: 406px;
  width: 100%;
  object-fit: cover;
}
.events_details p {
  color: #000;
  font-weight: 600;
  font-size: 20px;
}

.location img {
  width: 15px;
  filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(139deg)
    brightness(145%) contrast(57%);
}

.slick-prev:before,
.slick-next:before {
  color: #000 !important;
  font-size: 30px !important;
  opacity: 1 !important;
}

.event_slider .slick-prev {
  left: -3%;
}

.slick-initialized {
  margin: auto !important;
}

.card-img-top {
  object-fit: cover;
}

.event_slider {
  margin-top: 50px !important;
}

.events_slider button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.content_events {
  margin-top: 25px;
}

.bi-geo-alt {
  color: #05bdaf !important;
  font-size: 24px !important;
  margin-right: 15px;
}

.content_events p {
  color: #05bdaf !important;
  font-size: 18px !important;
}

.event_txt {
  margin-top: 15px;
}

.location .card-text {
  margin-left: 10px;
}

.event_txt p {
  margin-top: -9px;
  color: #000 !important;
  font-size: 17px !important;
  font-weight: 500;
}

.events_para {
  margin-top: 24px;
  font-size: 20px;
  font-weight: 500;
}

.social-all {
  position: static;
  top: auto;
  bottom: -195px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  height: 100%;
  padding: 40px;
  color: #fff;
  text-align: start;
  width: 100%;
  margin-top: auto;
}

.icn_img img {
  background-color: #05bdaf;
  padding: 20px;
}

.icon_text {
  margin-top: 20px;
}

.icon_text h2 {
  font-size: 36px;
  color: #ffffff;
  font-weight: 700;
}

.icon_text p {
  color: #ffffff;
  font-size: 20px;
}

.btn_exp {
  margin-top: 22px;
}

/* leader ship */
.led {
  position: relative;
}

.member-details {
  margin-top: 10px;
  padding-top: 10px;
  position: absolute;
  bottom: -50px;
  margin-top: 22px;
  left: 0;
  text-align: left;
  font-size: 17px;
  --line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp);
  -webkit-box-orient: vertical;
}
.fade-enter {
  opacity: 0;
  transform: scale(0.95);
}

.fade-enter-active {
  opacity: 1;
  transform: scale(1);
  transition: opacity 300ms, transform 300ms;
}

.fade-exit {
  opacity: 1;
  transform: scale(1);
}

.fade-exit-active {
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 300ms, transform 300ms;
}
/* leader ship */
.btn_exp .btn {
  border-radius: unset !important;
  padding: 10px 44px 10px 44px !important;
  background-color: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #000 !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  font-size: 14px;
}

.btn_exp .btn:hover {
  background-color: #05bdaf !important;
  border: 0.4px solid #05bdaf !important;
  color: #fff !important;
}

/* Events Section */
/* Nucleus Office section  */
.backcolor {
  background-color: #082847;

  padding-bottom: 147px;
}

.nuc_heading {
  display: flex;
  padding-top: 80px;
}

.nuc_heading h3 {
  color: #ffffff;
  font-size: 48px;
  font-weight: 700;
  position: relative;
}

.continue span img {
  width: 20px;
  height: 20px;
  filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(139deg)
    brightness(145%) contrast(57%);
}

.nuc_heading h3::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 0;
  width: 100px;
  height: 2px;
  background-color: #05bdaf;
}

.nuc_btn {
  text-align: end;
  margin-top: 80px;
}

.nuc_btn button {
  border-radius: unset !important;
  padding: 9px 44px 9px 44px !important;
  background-color: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #000 !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  font-size: 14px;
}
.nucleus_slider .card {
  border: none;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.nucleus_slider .card-image {
  flex: 1;
}

.nucleus_slider .card-image img {
  width: 100%;
  height: 100%;
  min-height: 291px;
  object-fit: cover;
}

.nucleus_slider .card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.nuc_data {
  padding-top: 0 !important;
}
.nuc_btn2 button {
  display: none;
  border-radius: unset !important;
  padding: 9px 44px 9px 44px !important;
  background-color: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #000 !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  font-size: 14px;
}

.nucleus_slider {
  margin-top: 60px !important;
}

.imgs_nuc {
  display: flex;
}

.office_slider {
  margin: 0 1.5rem;
}

.nuc_info {
  background-color: #ffffff;
}

.nuc_data h3 {
  font-size: 18px;
  font-weight: 700;
}

.nuc_data {
  padding-right: 20px;
  padding-top: 62px;
  padding-left: 32px;
}

.nuc_data p {
  font-size: 18px;
}

.continue h2 {
  font-size: 18px;
  color: #05bdaf;
  display: flex;
}

.bi-plus-circle-fill {
  font-size: 22px;
}

.testimonials_content {
  margin-left: 70px;
  max-width: 550px;
  min-height: 320px;
}

/* Nucleus Office section */
.nucleus_slider .slick-prev {
  position: absolute;
  left: 0;
  right: 5%;
  margin: auto;
  bottom: -80px;
  top: auto;
}

.nucleus_slider .slick-next {
  position: absolute;
  left: 0;
  right: -35px;
  margin: auto;
  bottom: -80px;
  top: auto;
}

.nucleus_slider .slick-next:before {
  content: "\f105" !important;
  color: white !important;
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
  border: 1px solid #fff;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 22px !important;
}

.nucleus_slider .slick-prev:before {
  content: "\f104" !important;
  color: white !important;
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
  border: 1px solid #fff;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 22px !important;
}

.navbar-toggler {
  border-radius: unset !important;
  outline: none !important;
  border: unset !important;
  color: unset !important;
}

.navbar-toggler:focus {
  outline: unset !important;
  box-shadow: unset !important;
}

.event_slider .slick-prev:before {
  content: "\f104" !important;
  color: #000 !important;
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
  border: 2px solid #000;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 22px !important;
}
.banner_image_common img {
  min-height: 420px;
  max-height: 420px;
  object-fit: cover;
}
.scroll-to-top {
  display: inline-block;
  background-color: #05bdaf !important;
  
  text-align: center;
  border-radius: 4px !important;
  position: fixed;
  bottom: 16px !important;
  right: 16px !important;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  z-index: 1000;
  background-repeat: no-repeat;
  padding: 20px;
  background-color: #333; /* Optional: background color behind the SVG */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 24px;
  background-position: center;
}

.scroll-to-top svg {
  display: none !important;
}
.event_slider .slick-next:before {
  content: "\f105" !important;
  color: #000 !important;
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
  border: 2px solid #000;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 22px !important;
}

/* Nucleus Office Parks */
.nucleus_office {
  text-align: center;
}

.nucleus_office h3 {
  position: relative;
  font-size: 48px;
  font-weight: 700;
  color: #000;
}

.nucleus_office h3::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: auto;
  width: 150px;
  height: 2px;
  background-color: #05bdaf;
}

.quote {
  text-align: center;
  padding-top: 40px;
}

.testimonials_image {
  display: inline-flex;
  float: left;
  margin-left: 60px;
}

.testimonials_image img {
  margin: auto;
}

.testimonials_content p {
  color: #000;
  font-size: 18px;
  text-align: left;
  font-weight: 500;
}
.testimonials_image img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.quote_svg {
  width: 50px;
  margin-left: 75px;
  margin-bottom: 40px;
  filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(139deg)
    brightness(145%) contrast(57%);
}

.t_contnet {
  text-align: justify;
  margin-left: 20px;
}

.testimonials_image p {
  color: #05bdaf;
  font-size: 15px;
}

.testimonials_image h3 {
  font-size: 24px;
  padding-top: 24px;
}

.testimonial_slider .slick-next:before {
  content: "\f105" !important;
  color: #05bdaf !important;
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
  border: 2px solid #05bdaf;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 22px !important;
}

.testimonial_slider .slick-prev:before {
  content: "\f104" !important;
  color: #05bdaf !important;
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
  border: 2px solid #05bdaf;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 22px !important;
}

/* Nucleus Office Parks */

/* footer section */
.footer_section {
  background-color: #f8f8f9;
}

.menu_item p {
  color: #05bdaf;
  text-transform: uppercase;
  font-size: 18px;
}

.menu_item li {
  list-style: none !important;
  text-decoration: none !important;
  padding-top: 5px;
}

.menu_item li a {
  text-decoration: none !important;
  color: #000;
  font-size: 16px;
}

.menu_item li a:hover {
  color: #05bdaf;
}

.contact_section .conatct_para {
  color: #05bdaf;
  text-transform: uppercase !important;
}

.contact_section p {
  color: #000000;
  font-size: 17px;
  text-transform: capitalize !important;
}

.input_box {
  border: 0.2px solid #ccc;
  padding: 9px !important;
  width: 75% !important;
  font-size: 17px;
}

.input_box:focus {
  outline: none !important;
  box-shadow: unset !important;
}

.email_section {
  display: flex;
}

.email_section button {
  background-color: #05bdaf !important;
  color: #fff !important;
  border-radius: unset !important;

  font-size: 17px;

  padding: 10px 30px !important;
  width: 100%;
}

.bottom_footer {
  background-color: #f8f8f9;
}

.footer_text {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}

.carrer ul {
  margin-top: 44px;
}

.footer_text p {
  color: #000000;
  font-size: 14px;
}

.social-icon .bi-facebook {
  color: #1877f2;
  font-size: 21px;
}

.social-icon .bi-twitter-x {
  color: #14171a;
  font-size: 21px;
  margin-left: 5px;
}

.social-icon .bi-linkedin {
  color: #0072b1;
  font-size: 21px;
  margin-left: 5px;
}

.social-icon .bi-instagram {
  color: #fcaf45;
  font-size: 21px;
  margin-left: 5px;
}

.bottom_footer {
  border-top: 1px solid #ccc;
}

.show_icon {
  display: none;
}

.social-icon img {
  width: 23px;
  height: 23px;
  /* filter: invert(1.5) sepia(1) saturate(0) hue-rotate(177deg); */
  margin-right: 10px;
}

.footer_menu_section {
  padding: 70px 0px;
}

.footer_menu p {
  color: #05bdaf;
  text-transform: uppercase;
  font-size: 18px;
  margin-left: 20px;
  margin-bottom: 5px;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8'/%3E%3C/svg%3E") !important;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E") !important;
  filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(139deg)
    brightness(145%) contrast(57%) !important;
}

.accordion button {
  background-color: unset !important;
  color: #05bdaf;
  text-transform: uppercase;
  font-size: 16px;
  border-bottom: 1px solid #ccc !important;
  padding-left: 0 !important;
}
.accordion {
  --bs-accordion-btn-icon-width: 3rem !important;
}
.show_inmobile {
  display: none;
}
/* footer section */
/* evets page css */
.event_para h1 {
  max-width: 500px;
}
.event_para p {
  max-width: 550px;
}

.event_banner {
  background: url("../images/event.jpg");
  padding-top: 12.4rem;
  padding-bottom: 14.7rem;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
}
.events_card img {
  min-height: 0 !important;
  object-fit: contain;
}
.events_card .card-body {
  padding: 0 !important;
  padding-inline: 0 !important;
}
.news-card .card-text {
  padding: 4px 0;
}

/* evets page css */

/* communication css */
.investore ul li a {
  margin: 0 20px !important;
}
.commitem {
  display: flex;
  align-items: center;
  background: #fff;
  transition: 0.1s;
  margin: 0 0 20px;
  padding: 20px;
  min-height: 100px;
  flex-wrap: wrap;
  justify-content: space-around !important;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.075);
}
.commitem .comm-title {
  width: 70%;
  font-size: 20px;
  font-weight: 600;
}
.commitem .comm-title i {
  margin-right: 5px;
}
.bi-file-earmark-text::before {
  font-size: 25px;
}
.commitem .btncol .btncol {
  width: 30%;
  text-align: right;
}
.btnshow {
  font-size: 22px;
  display: inline-block;
  margin: 0;
  padding: 10px 40px 10px 20px;
  color: var(--white-color);
  font-weight: 600;
  background: url(../images/arrow-left.png) 90% 50% no-repeat #05bdaf;
}
.commitem:hover {
  color: var(--white-color);
  background: #05bdaf;
  cursor: pointer;
}
/* communication css */

/* slider counter */
.slider__counter {
  position: absolute;
  bottom: 2rem;
  left: 12rem;
  z-index: 1;
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  pointer-events: none;
}

.slider_sec .slick-prev {
  position: absolute;
  left: 112px !important;
  bottom: 97px;
  top: auto;

  z-index: 100;
}

.slider_sec .slick-next {
  position: absolute;
  left: 186px !important;
  bottom: 97px;
  top: auto;

  z-index: 100;
}

.slider_sec .slick-next:before {
  content: "\f105" !important;
  color: #fff !important;
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
  border: 1px solid #05bdaf;
  background-color: #05bdaf !important;
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border-radius: 50%; */
  font-size: 22px !important;
  transition: 0.3s all ease-in-out;
}

.slider_sec .slick-prev:before {
  content: "\f104" !important;
  color: #fff !important;
  background-color: #05bdaf !important;
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
  border: 1px solid #05bdaf;
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border-radius: 50%; */
  font-size: 22px !important;
  transition: 0.3s all ease-in-out;
}

/* slider css */
/* slider counter */

/* Styles for the top to bootm section */
#button {
  display: inline-block;
  background-color: #05bdaf !important;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 83px;
  right: 8px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}

#button:hover {
  cursor: pointer;
  background-color: #05bdaf;
}

#button:active {
  background-color: #05bdaf;
}

#button.show {
  opacity: 1;
  visibility: visible;
}

.dropdown-toggle::after {
  border-right: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
  margin-left: 0 !important;
}
/* Styles for the top to bootm section */

/* Gallery section */
.gallery_banner {
  background-image: url("../images/gallery.png");
  width: 100%;
  min-height: 420px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
/* leader ship */
.hide_one_lg_device {
  display: none;
}

.led_imag {
  position: relative;
  cursor: pointer;
}
.modal_section {
  z-index: 9999999;
}
.modal_section .modal-body {
  padding: 24px;
}
.head_title {
  font-size: 24px;
}
.modal_section .btn-close {
  font-size: 20px !important;
}
.led_imag::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-in-out;
}
.gallery_card > img {
  min-height: 300px;
  object-fit: cover;
  background-color: lightgray;
}

.portfolio_right {
  position: relative;
}

.portfolio_right::after {
  content: "";
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
  pointer-events: none !important;
}

.onebkc_img_wraper::after {
  content: "";
  position: absolute !important;
  top: 0 !important;
  left: auto !important;
  right: 0;
  max-width: 1113px;
  margin-left: auto;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
  pointer-events: none !important;
  z-index: 9;
}

.led_imag:hover::before {
  opacity: 1;
}

.leader_content {
  text-align: start;
}

.img_log {
  width: 106px;
  margin: auto;
  display: flex;
  justify-content: center;
}

.port_sec .row .col-6:nth-child(3) .portfolio_icon .img_log img,
.port_sec .row .col-6:nth-child(4) .portfolio_icon .img_log img {
  height: 92px;
}

.ledership_full_des h1 {
  font-weight: 600;
}

.gallery-tabs .nav-link {
  margin-left: 0;
}
.designation_content {
  position: relative;
}

.designation_content:after {
  content: "";
  background-color: #05bdaf;
  height: 2px;
  position: absolute;
  bottom: -40%;
  left: 0;
  width: 100%;
}

.full_desc {
  margin-top: 30px;
}

.full_desc p {
  font-size: 17px;
  margin-bottom: 20px;
  line-height: 26px;
}

/* privacy */
.privacy {
  background: #aee7dd;
}

.privacy_policy h2 {
  color: #042a44;
  font-size: 4rem;
  margin-bottom: 16px;
}

.privacy h1 {
  text-align: center;
  color: #042a44;
  font-size: 36px;
  padding: 10px;
}

.privacy_policy {
  margin-top: 30px;
}

.privacy_policy p {
  color: #000;
  font-size: 17px;
}

.privacy_policy ul {
  padding: 10px 15px 0;
  list-style: none;
}

.privacy_policy ul li {
  color: #000;
  font-size: 16px;
  position: relative;
  margin-bottom: 8px;
  padding-left: calc(50px - 16px);
}

.privacy_policy ul li:before {
  content: "";
  mask: url(../images/check.svg) no-repeat;
  background: #05bdaf;
  left: 0;
  top: 0;
  mask-size: 22px;
  position: absolute;
  min-width: 30px;
  min-height: 50px;
}

.privacy_policy hr {
  color: #05bdaf !important;
}
/* 29-07-24 */
.col-positioned img {
  display: block;
  margin-left: auto;
  max-width: 1113px;
  object-fit: cover;
}
.content-box > .title {
  font-size: 5rem;
  text-transform: capitalize;
}
.col-positioned > img {
  height: 615px;
  max-height: 615px;
  object-fit: cover;
}

.gy-5.salient-card-row {
  --bs-gutter-y: 5rem;
}
.salient-card-row {
  padding-top: 4.5rem;
}
/* privacy */

/* blog */
.blog-card img {
  object-fit: cover;
}

.blog-txt p {
  margin-top: 15px;
}

.blog_outer {
  justify-content: space-between;
}

.blog_inner {
  display: flex;
}

.blog .blogdate {
  width: 60px;
  height: 60px;
  font-size: 16px;
  font-weight: 300;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #d9eff6;
}

/* blog */

/* blog details */
.admin_icon {
  display: flex;
}

.admin_icon p {
  margin-left: 8px;
}

.admin_icon img {
  width: 18px;
  height: 18px;

  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-link.active {
  color: #05bdaf !important;
}
.author_info_wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}

.socialshare {
  margin-top: 40px;
  display: flex;
  align-items: center;

  gap: 24px;
}

.blogdetails .blogdate {
  width: 60px;
  height: 60px;
  display: inline-block;
  margin: 5px 0 0;
  font-size: 17px;
  font-weight: 300;
  text-align: center;
  background: #d9eff6;
}

.blogdetails {
  padding: 50px 0 0 0;
}

.blogdetails .author {
  color: #05bdaf;
  font-size: 15px;
}

.blogdescription p {
  font-size: 17px;
  margin-bottom: 16px;
}

.blogdetails .blogbtn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.btnblack {
  display: inline-block;
  margin: 0;
  padding: 10px 20px;
  font-size: 20px;
  background-color: #05bdaf;
  color: #fff;
}

.blogdetails .blogbanner {
  margin-top: 10px;
  padding: 0;
}

.blogdetails h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 4rem;

  font-weight: 600;
}

.blogdetails .blogdate span {
  display: block;
  padding: 10px 0 0;
  font-size: 26px;
  line-height: 20px;
}

.blogdetails .blogdescription {
  margin: 30px 0 30px;
  padding: 0 0 30px;
  border-bottom: 1px solid #ccc;
}

.bloglink {
  display: flex;
  justify-content: space-between;
}

/* blog details */
/* investore */
.light_img_investor {
  background-color: #05bdaf;
  height: 100px;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.light_img_investor img {
  height: 45px;
}

.investore_page {
  margin-top: 40px;
}

.investore_page h5 {
  text-transform: capitalize !important;
  font-size: 22px;
  color: #000;
  transition: all 0.5s ease-in-out;
}

.noc_data h5 {
  transition: all 0.5s ease-in-out;
}

.inv_details {
  font-size: 1.7rem;
}

.inv_table tbody {
  font-size: 17px;
  font-weight: 500;
}

.viewcol .title {
  width: 70%;
  font-size: 17px;
}

.investore {
  margin-top: 60px;
}

.investore_tab .nav-link {
  font-size: 24px !important;
}

.btnshow {
  padding: 0px 34px 0px 16px !important;
}

.inv_text {
  padding-top: 50px;
}

.inv_data .bi-arrow-right {
  display: flex;
  font-size: 30px;
  align-items: center;
}
.investor_details .right {
  transform: translateX(-5px);
  color: #05bdaf;
  transition: 0.3s;
}
.investor_details:hover .right {
  transform: translateX(0);
  color: #05bdaf;
}

.investors_tables.table > :not(caption) > * > * {
  padding: 1rem 2.5rem;
}

.investor_details:hover h5 {
  color: #05bdaf;
}

.table {
  --bs-table-color: unset !important;
  --bs-table-bg: unset !important;
}

.table_head {
  background-color: #042a44 !important;
  font-size: 18px;
  color: #fff !important;
}

.investors_tables {
  font-size: 16px;
}

.col-20 {
  width: 20% !important;
}

.col-50 {
  width: 50% !important;
}

/* investore */
/* inv  details*/

.investore_heading {
  position: relative;
}

.investore_heading h1::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  width: 145px;
  height: 2px;
  margin: auto;
  background-color: #05bdaf;
}

.title_financial_year h2 {
  font-size: 28px;
  font-weight: 600;
}

.investore .nav_section {
  box-shadow: none !important;
  z-index: 1;
}

.investore_heading a:hover {
  color: #05bdaf;
}

.board {
  padding-top: 40px;
}

.board_table {
  padding-top: 40px;
}

.investore_heading {
  padding-top: 40px;
  align-items: center;
}

.investore_heading h1 {
  font-size: 3.4rem;
  font-weight: 700;
  display: inline-flex;
}

.investore_heading h1 a {
  font-size: 1.5rem;
}

.quarterly_data_heading h2 {
  font-size: 28px;
  font-weight: 600;
}

.investore .navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: #05bdaf !important;
}

.investor_relations_tab {
  justify-content: center;
}

.quarterly {
  margin-top: 64px;
}

.quarterly_data {
  display: flex;
  align-items: center;
}

.quarterly_data_heading {
  margin-top: 66px;
}

.quarterly_data h2 {
  font-size: 20px;
  font-weight: 700;
}

.light_img_investor i {
  font-size: 50px;
  color: #fff;
}

.quarterly_data p {
  font-size: 16px;
  font-weight: 600;
  padding-left: 17px;
  max-width: 287px;
  transition: all 0.5s ease-in-out;
}

.quarterly_data p:hover {
  color: #05bdaf;
}

.quarterly_data img {
  width: 45px;
  height: 45px;
}

/* inv  details*/
/* one bkc esg contactus */
a:hover {
  transition: 0.3s;
}

.fs-55 {
  font-size: var(--fs-55);
}

.fs-16 {
  font-size: 16px;
}
.fs-19 {
  font-size: 1.9rem;
}

.fs-55 {
  font-size: 5.5rem;
}

.fs-24 {
  font-size: 2.4rem;
}
.fs-22 {
  font-size: 2.2rem;
}

.fs-48 {
  font-size: 4.8rem;
}

.fs-32 {
  font-size: 3.2rem;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 2rem;
}
.fs-28 {
  font-size: 2.8rem;
}

.fs-14 {
  font-size: 14px;
}

.fs-36 {
  font-size: 3.6rem;
}
/* font- weight classes */
.fw-700 {
  font-weight: 700;
}
.fw-600 {
  font-weight: 600;
}
.fw-500 {
  font-weight: 500;
}
.pt-45 {
  padding-top: 45px;
}

.dark-blue {
  color: #082847;
}
.text-blue {
  color: var(--light-blue);
}
.verticaly-center {
  display: flex;
  align-items: center;
}
.bkc-hero {
  height: 600px;
  max-height: 615px;
  position: relative;
}
.custom-scroll-snap {
  scroll-snap-type: y proximity;
}

.custom-scroll-margin {
  scroll-margin-block: 150px;
}
.content-box {
  background: var(--dark-blue);
  padding-left: 6.3rem;
  padding-top: 4rem;
  padding-bottom: 4.5rem;
  width: 100%;
  max-width: 682px;
  z-index: 12;
  max-height: 460px;
}
.content-box > .title {
  font-size: 5rem;
  position: relative;
  padding-bottom: 3.3rem;
}

.content-box > .para {
  max-width: 543px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.content-box > .title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 137px;
  height: 3px;
  background: white;
}
.btn-enquire {
  width: 100%;
  background: var(--light-blue);
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  height: 43px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-width: 177px;
  color: white;
  border-radius: 0 !important;
}
.btn-enquire:hover {
  background: var(--light-blue);
  color: white;
  cursor: pointer;
}
.btn-gallery {
  background: white;
  height: 43px;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  width: 100%;
  max-width: 128px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 14px;
  border-radius: 0 !important;
  display: none;
}
.col-positioned {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 69.5%;
}
.col-positioned img {
  width: 100%;
  /* max-height: 615px; */
}
.one-bkc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 174px;

  z-index: 1;
}
/* single page css start */
.single-page {
  padding-top: 7rem;
}
.quintessential-content h2 {
  font-weight: 600;
}
.custom-scrollspy-menu {
  background-color: #edf9f8 !important;
  /* height: 57px; */
  padding-block: 11.5px;
  position: sticky;
  top: 100px;
  z-index: 999;
}
.custom-scrollspy-menu > ul > li > a {
  font-size: 20px;
  line-height: 1.2;
  color: black;
  font-weight: 500;
  text-transform: uppercase;
  padding-inline: 23.5px;
  /* padding-bottom: 15px !important; */
  white-space: nowrap;
  transition: 0.3s;
}
.custom-scrollspy-menu > .nav-pills .nav-link.active {
  position: relative;
  background: transparent;
  color: black;
  font-weight: bold;
}
.custom-scrollspy-menu > ul > li > a:hover svg {
  fill: var(--light-blue);
}
.custom-scrollspy-menu > ul > li > a:focus {
  color: var(--light-blue);
}
.custom-scrollspy-menu
  > ul
  > li
  > a
  > :hover
  > .custom-scrollspy-menu
  > ul
  > li
  > a
  svg {
  fill: var(--light-blue);
}
.custom-scrollspy-menu > .nav-pills .nav-link.active > svg {
  fill: var(--light-blue);
}
.custom-scrollspy-menu > .nav-pills .nav-link.active:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -16px;
  width: 75%;
  height: 3px;
  background-color: var(--light-blue);
  right: 0;
  margin: auto;
}
.custom-scrollsy-spacing {
  padding-top: 6.6rem;
  /* padding-bottom: 12rem; */
}
.quintessential-content {
  padding-left: 22px;
}
.quintessential-content > .subtitle {
  padding-bottom: 32px;
  margin-bottom: 0;
}
.quintessential-para {
  padding-bottom: 18px;
  color: #000;
  line-height: 1.7;
}
.cta-map-location {
  height: 43px;
  background-color: rgb(0, 0, 0);
  width: 100%;
  max-width: 214px;
  color: white;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  text-transform: uppercase;
}
.cta-map-location:hover {
  color: white;
  background-color: #05bdaf;
}
.quantential-first-row {
  padding-bottom: 9rem;
}
.bg-elevate {
  background-color: var(--dark-blue);
  padding-top: 7.1rem;
  padding-bottom: 7.4rem;
}
.elevate-icon {
  width: 55px;
  fill: var(--light-blue);
}
.underline-title {
  padding-bottom: 20px;
  margin-bottom: 0;
  color: #000;
}
.underline-title:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--light-blue);
  width: 100%;
  height: 2px;
  max-width: 120px;
}
.elevate-key-wrapper {
  padding-top: 3.5rem;
}
.elevate-key-wrapper > div {
  padding-bottom: 40px;
}
.salient-feature {
  padding-top: 8.4rem;
  padding-bottom: 10.5rem;
}
.salient-features-list li {
  line-height: 2.222;
  position: relative;
  display: flex;
  align-items: center;
}
.salient-features-list li:before {
  content: "";
  mask: url(../images/check.svg) no-repeat;
  background: var(--light-blue);
  width: 24px;
  aspect-ratio: 1;
  margin-right: 23px;
}
.salient-features-list li a {
  font-size: 18px;

  cursor: default;
}
.salient-features-list {
  padding-top: 6.4rem;
}
/* .slick-slide {
  margin-right: 30px;
} */
.salient-slides {
  max-width: 799px;
}
.salient-controler {
  border: none;
  background: none;
}
.salient-controler > img {
  transform: scale(1.2);
}
.salient-controler:after {
  display: none;
  font-family: "Figtree", sans-serif !important;
}
.swiper-button-next.salient-controler {
  right: -10%;
}
.swiper-button-prev.salient-controler {
  left: -10%;
}
.salient-content-row {
  padding-top: 20px;
}
.ppp_reports {
  margin-top: 9.6rem;
}
.sustainability-para {
  padding-top: 19px;
}
.achievements_left h2 {
  color: #000;
}
.sustainable-icon-box {
  width: 80px;
  height: 80px;
  background-color: var(--light-blue);
  display: flex;
  justify-content: center;
  align-items: center;
}
.sustainable-icon-box img {
  /* max-width:60px ; */
  height: 45px;
}
.sustainable-card-row {
  padding-top: 4.5rem;
}
.certification {
  margin-top: 9.5rem;
  background-color: #eff8fc;
  padding-top: 8.1rem;
  padding-bottom: 8.3rem;
}
.certified-title.underline-title:before {
  left: 50%;
  transform: translateX(-50%);
}
.excelence-para-row {
  padding-top: 3.4rem;
}
.certified-logo {
  width: 100%;
}
.certified-slide-row {
  padding-top: 2.5rem;
}
/* .certified-slides .swiper-wrapper .swiper-slide {
  padding-block: 80px;
} */
.certified-slides .swiper-wrapper .swiper-slide img {
  width: auto;
  /* height: 170px; */
  object-fit: contain;
}
.certified-slides .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.certified-slides .swiper-wrapper > .swiper-slide {
  width: 300px;
  height: 250px;
  text-align: center;
  font-size: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 0 14px;
}
.gallery {
  background: url("../images/wave.png");
  padding-top: 10.2rem;
  background-repeat: no-repeat;
  background-position: 0 80%;
  background-size: contain;
}
.gallery-card {
  height: 100%;
}
.gallery-card > img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.gallery-card-row {
  padding-top: 8.4rem;
}
.underline-center:before {
  left: 50%;
  transform: translateX(-50%);
}
.gallery-tabs {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.gallery-tabs > .nav-pills li .nav-link {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  padding-block: 12.5px;
  padding-inline: 25px;
  border-radius: 0;
  color: black;
}
.gallery-tabs > .nav-pills li .nav-link.active {
  background-color: var(--light-blue);
  color: white !important;
}
.custom-sticky-nav > li > a > svg {
  width: 20px;
}
.custom-sticky-nav li a {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* marquee slider */
.certified-slides.swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.salient-feature-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.certified-slides.swiper-wrapper .swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 0 50px;
}
/* news section */
/* news section */
.news-banner {
  background: url("../images/new-banner.jpg");
  padding-top: 12.4rem;
  padding-bottom: 14.7rem;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
}
.news-banner:before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}
.banner-title {
  font-size: 5.5rem;
  font-family: "Figtree", sans-serif;
  font-weight: bold;
  color: white;
  position: relative;
  padding-bottom: 3.2rem;
}
.banner-title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 137px;
  height: 3px;
  background: white;
}
.banner-text {
  font-size: 24px;
  line-height: 1.25;
  color: white;
  position: relative;
  padding-top: 3.9rem;
}
.news-card img {
  min-height: 298px;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
.news-card .card-body {
  padding-top: 3.6rem;
  /* padding-bottom: 24px; */
  padding-inline: 0;
}
.news-card {
  border: none;
  margin-bottom: 5.7rem !important;
}

.news {
  padding-top: 10rem;
}

/* news section */

/* contact page css */
.contact-banner {
  background-image: url("../images/contact-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: center;

  align-items: center;
}
.banner-title {
  position: relative;
  padding-bottom: 4.2rem;
}
.banner-title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 137px;
  height: 3px;
  background: white;
}

.contact-icon {
  fill: var(--light-blue);
  height: 22px;
}
.location {
  height: 43px;
}
.contact-sec {
  padding-top: 10rem;
  /* padding-bottom: 10.6rem; */
}
.address-list li {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
}
.address-list li svg {
  margin-right: 22px;
}
.contact-para {
  line-height: 1.5;
  margin-bottom: 0;
}
.address-list {
  margin-bottom: 0;
}
.contact-form-wrapper {
  padding-top: 7.8rem;
}
.contact-title {
  padding-bottom: 3.9rem;
  margin-bottom: 0;
}
.custom-input-wrapper {
  /* margin-bottom: 23px; */
}
.custom-input-wrapper > input {
  padding-block: 14.5px;
  display: flex;
  align-items: center;
  padding-left: 25px;
  font-size: 18px;
}
.custom-input-wrapper > textarea {
  padding-left: 25px;
  font-size: 18px;
}
.custom-input-wrapper > select {
  padding-block: 14.5px;
  display: flex;
  align-items: center;
  font-size: 18px;
  color: rgba(10, 10, 10, 0.8);
  padding-left: 25px;
  border-radius: 0 !important;
}

.custom-input-wrapper > input::placeholder,
.custom-input-wrapper > textarea::placeholder {
  font-size: 17px;
  color: rgba(10, 10, 10, 0.8);
}
.google-captcha {
  /* background-color: #f9f9f9; */
  display: flex;
  justify-content: space-between;
  padding: 24px 0;
  max-width: 80%;
}
.captcha-wrapper .form-check .form-check-input {
  width: 18px;
  height: 18px;
  margin-right: 16px;
}
.captch-img {
  width: 40px;
}
.custom-input-wrapper > .btn-submit {
  background: #000;
  color: white;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  width: 100%;
  max-width: 132px;
  height: 43px;
  justify-content: center;
  align-items: center;
  border-radius: 0 !important;
}
.custom-input-wrapper {
  display: flex;
  gap: 19px;
}
.custom-input-wrapper > .btn-reset {
  background: white;
  color: black;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  width: 100%;
  max-width: 132px;
  height: 43px;
  justify-content: center;
  align-items: center;
  border: 1px solid #b1b1b1;
  border-radius: 0 !important;
}
.custom-input-wrapper.google-captcha {
  display: flex;
  align-items: center;
}
.contact-form-wrapper {
  width: 100%;
  max-width: 488px;
}
.map-col {
  position: absolute;
  right: 0;
  height: 100%;
  width: 100%;
  max-width: 60%;
}
.map-wrapper iframe {
  height: 878px;
  object-fit: cover;
}
.banner-content {
  display: flex;
  justify-content: center;
  height: 100%;
}
.banner-para {
  padding-top: 3.9rem;
}

/* scroll to top */
#button.show {
  opacity: 1;
  visibility: visible;
}

#button {
  display: inline-block;
  background-color: #05bdaf !important;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 83px;
  right: 8px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
/* scroll to top */

/* esg css */
.esg-banner {
  background: url("../images/esg-banner.jpg");

  width: 100%;
}
.esg-av-sec {
  padding-top: 11.2rem;
}
.esg-para {
  max-width: 1080px;
  padding-top: 9rem;
  padding-bottom: 5.2rem;
  color: #000;
}
.esg-hashtags {
  color: var(--light-blue);
  font-family: "helveticacompressed";
  /* letter-spacing: 1px; */
  font-weight: 500 !important;
}
.esg-people-planet {
  padding-top: 14.1rem;
}
.esg-planet-card {
  min-height: 500px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-color: lightgray !important;
  background-position: center !important;
  position: relative;
  display: flex;
  justify-content: end;
}
.esg-planet-card:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(10, 10, 10, 0.3);
  z-index: 1;
}
.esg-card-content {
  width: 100%;
  padding-inline: 3.3rem;
  padding-block: 3.9rem;
  z-index: 2;
}
.esg-card-content .icon img {
  height: 45px !important;
}
.esg-people-feature {
  padding-top: 2.8rem;
}
.esg-people-feature li {
  font-size: 17px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
}
.esg-people-feature li::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  transform: translateY(-50%);
  mask: url(../images/check.svg) no-repeat;
  background: white;
  width: 24px;
  aspect-ratio: 1;

  display: inline-flex;
}
.esg-card-content > .icon {
  width: 88px;
  height: 86px;
  background-color: var(--light-blue);
  justify-content: center;
  align-items: center;
  display: flex;
  margin-bottom: 2.4rem;
}
.btn-explore {
  display: inline-flex;
  font-style: 16px;
  font-weight: 600;
  background-color: #fff;
  color: black;
  width: 100%;
  justify-content: center;
  align-items: center;
  width: 156px;
  height: 43px;
  margin-top: 4.1rem;
  text-transform: uppercase;
}
.esg-card-row {
  margin-top: 7rem;
  /* margin-bottom: 10.8rem; */
}

.fsg-framework {
  margin-top: 11.5rem;
  padding-top: 10rem;
  padding-bottom: 10rem;
  background-image: url("../images/framework-bg.jpg");

  position: relative;
}
.fsg-framework::before {
  content: url("../images/v1.png");
  position: absolute;
  bottom: 0;
  left: 0;
}
.fsg-framework::after {
  content: url("../images/v2.png");
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 489px;
}
.esg_right h2 {
  color: #082847;
}
.esg_right P {
  font-size: 17px;
  width: 100%;
  max-width: 650px;
  padding-top: 3.4rem;
}
.ecosystem {
  padding-top: 6rem;
}
.ecosystem li::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  transform: translateY(-50%);
  mask: url(../images/check.svg) no-repeat;
  background: black;
  width: 17px;
  aspect-ratio: 1;
  display: inline-flex;
}
.ecosystem h2 {
  color: #05bdaf;
  font-family: "Work Sans", sans-serif;
}
.ecosystem > div h2:first-child {
  color: #05bdaf;
  font-family: "helveticacompressed";
  font-weight: 500 !important;
}
.Vector_left {
  position: absolute;
}
.gresb {
  padding-top: 9rem;
}
.grb {
  padding-top: 5.5rem;
}
.grb p {
  font-size: 1.7rem;
}
.gresb-left p {
  width: 100%;
  max-width: 490px;
  color: #000;
}
.grb p {
  max-width: 620px;
}
.gresb-left .sustainable-card-para {
  font-weight: 500;
}
.gresb-left p span {
  color: #05bdaf;
  font-weight: 600;
}
.gresb-card-row {
  padding-top: 3.1rem;
}
.Considerations {
  margin-top: 14.5rem;
}
.right_Considerations h5 {
  padding-top: 3.2rem;
  color: #000;
}
.right_Considerations p {
  padding-top: 2.8rem;
  width: 100%;
  max-width: 649px;
  color: #000;
}

.right_Considerations h3 {
  padding-bottom: 1.9rem;
  position: relative;
  color: var(--light-black);
}
.right_Considerations h3:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 120px;
  height: 2px;
  background: #05bdaf;
}
.focus-areas {
  background-color: #082847;
  margin-top: 9.8rem;
}
.focus-areas h2 {
  color: white;
  text-align: center;
  padding-top: 10rem;
  position: relative;
  padding-bottom: 2.8rem;
}
.focus-areas h2:before {
  content: "";
  position: absolute;
  left: 47%;
  bottom: 0;
  width: 100%;
  max-width: 119px;
  height: 2px;
  background: #05bdaf;
}
.focus-areas-list {
  padding-top: 8.1rem;
  padding-bottom: 10rem;
}
.focus_image {
  height: 90px;
}
.community {
  padding-top: 8.8rem;
}
.community p {
  width: 100%;
  max-width: 845px;
  max-height: 30px;
}
.community .Community_title {
  max-width: 360px;
}
.esg_content {
  padding-left: 8%;
}

.sdg {
  margin-top: 9.9rem;
  background-image: url("../images//sdg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
  padding-top: 9.2rem;
}
.business {
  display: flex;
  justify-content: center;
}
.business .sdg_heading {
  text-align: center;
  color: var(--light-black);
  width: 100%;
  max-width: 605px;
  display: grid;
}
.business_sdg {
  padding-top: 6.9rem;
  padding-bottom: 6.9rem;
}

.business_item > .business_icon {
  width: 88px;
  height: 86px;
  background-color: var(--light-green);
  justify-content: center;
  align-items: center;
  display: flex;
  margin-bottom: 2.6rem;
}
.business_heading span {
  font-size: 17px;
  color: var(--light-blue);
  cursor: pointer;
}
.business_heading h2 {
  color: var(--light-black);
}
.business_heading p {
  color: var(--light-black);
  width: 100%;
  max-width: 446px;
}
.business_item > .gender_icon {
  background-color: var(--light-red);
}
.business_item > .water_icon {
  background-color: var(--light-info);
}
.business_item > .affordable_icon {
  background-color: var(--light-yellow);
}

.business_item > .growth_icon {
  background-color: var(--light-gray);
}

.business_item > .reduced_icon {
  background-color: var(--light-pink);
}

.business_item > .communities_icon {
  background-color: var(--light-warning);
}
.esg_left_banner .esg_left_section {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.esg_left_banner {
  height: 100%;
}
.esg-people-planet li {
  font-size: 17px;
  margin-bottom: 5px;
}

.esg-people-planet li::before {
  width: 17px !important;
}
.esg_right_content {
  background-color: #082847;
}
.governance_details {
  padding-top: 15rem;
  padding-left: 11.6rem;
}
.governance_details .esg_right_heading {
  color: white;
}
.governance_list {
  padding-top: 6rem;
 
}
.governance_content {
  padding-top: 3rem;
  color: white;
}
.governance_content .governance_para {
  width: 100%;
  max-width: 219px;
}

.achievements {
  margin-top: 10.3rem;
}

.achievements_right .achievements_tabs {
  padding-top: 4rem !important;
}
.achievements_list h2 {
  color: var(--light-blue);
  font-family: "Work Sans", sans-serif;
}
.achievements_list p {
  width: 100%;
  color: #000;
  /* max-width: 166px; */
}
.sustainability_content h2 {
  font-size: 4.2rem !important;
}
.achievements_text h2 {
  font-size: 4.2rem !important;
}
.achievements_text {
  justify-content: space-evenly;
}

.awards {
  margin-top: 10.7rem;
  background-image: url(../images/awards.png);

  background-position: center;
  background-size: cover;
  padding: 8.8rem 0;
}
.awards_top_heading {
  display: flex;
  justify-content: center;
}
.awards_top_headings.underline-title:before {
  left: 50%;
  transform: translateX(-50%);
}
.awards_top_heading h2 {
  color: var(--light-black);
}

.awards_content {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.border-primary {
  transition: 0.3s;
  border: 2px solid #05bdaf !important;
}
.awards_item {
  padding-top: 5.2rem;
}

.governance_icon img {
  height: 98px;
}
.achievements_digit {
  max-width: 80%;
}

.awards_content p {
  width: 100%;
  max-width: 488px;
  color: #000;
}
.sustainability {
  margin-top: 9.2rem;
}
.sustainability_content {
  justify-content: space-between !important;
}
.ppp_heading {
  color: var(--light-black) !important;
}
.ppp_para {
  color: var(--light-black);
  padding-top: 3.3rem;
}

.fy_img {
  width: 55% !important;
  height: auto;
}

.focus-areas-list .elevate-title {
  max-width: 309px;
  width: 100%;
  padding-left: 30px;
}
/* overlay */

.esg-card-content {
  width: 100%;
}
.hover_item {
  opacity: 0;
  background: #087a70;
  position: absolute;
  inset: 0;
  padding-inline: 3.3rem;
  padding-block: 1.9rem;
  transition: all 0.5s ease-in-out;
}
.hover_item:hover {
  opacity: 1;
}

/* overlay */

/* one bkc esg contactus */
/* media query */

@media (min-width: 1600px) {
  .container {
    max-width: 1430px !important;
  }
}

@media (max-width: 1366px) {
  .esg-planet-card {
    min-height: 440px !important;
  }
  .esg-people-feature {
    padding-top: 1.5rem !important;
  }
  .esg-people-planet li {
    font-size: 14px !important;
    /* margin-bottom: 0px !important; */
  }
  .nav_section ul .menu_list {
    margin-left: 30px;
  }
  .top_heading h3 {
    font-size: 4.8rem;
  }

  .map-container {
    height: 650px;
  }
  .nucleus_portfolio {
    padding-top: 6rem;
  }
  .portfolio_left h3 {
    margin-left: 5%;
  }
  .counter_data p {
    font-size: 17px;
  }
  .map_section {
    margin-top: 60px;
  }
  .culture_section {
    margin-top: 430px;
  }
  .testimonials_image {
    margin-left: 0px;
  }
  .nav_section {
    padding-block: 2px !important;
  }
  .portfolio_content {
    top: 68px;
  }

  .portfolio_icon {
    margin-top: 40px;
  }

  .social-all {
    bottom: -27px;
  }

  .offset-md-3 {
    margin-left: 16% !important;
  }

  .imgs_nuc {
    display: inline-block;
  }

  .imgs_nuc img {
    width: 100%;
  }

  .nuc_data {
    padding-top: 10px;
  }

  .continue {
    padding: 20px 0;
  }
  .about_section {
    margin-top: 60px;
  }
  .counter-section {
    margin-top: 60px;
  }
  .leadership {
    margin-top: 60px;
  }
  .nocpark {
    margin-top: 60px;
  }
  .transform_section {
    margin-top: 60px;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .nav-item a.dropdown-item {
    border-bottom: 0.5px solid #ccc !important;
  }
  .awards_list {
    padding: 0;
  }
  .awards_content {
    border-bottom: 1px solid #f2f2f2;

    min-height: 200px;
  }

  .awards_item > .awards_list:nth-child(odd) .awards_content {
    border-right: 1px solid #f2f2f2;
  }
  .awards_item > .awards_list:nth-last-child(1) .awards_content {
    border-bottom: 0px solid #f2f2f2;
  }
  .awards_item > .awards_list:nth-last-child(2) .awards_content {
    border-bottom: 0px solid #f2f2f2;
  }
}
@media only screen and (max-width: 1024px) {
  .culture_section {
    margin-top: 60px;
  }
  .portfolio_content {
    top: 40px;
  }
  .nav_section ul .menu_list {
    margin-left: 0;
  }
  .portfolio_left {
    min-height: 300px;
  }
  .nav_section .nav-link {
    margin-left: 32px;
  }

  .portfolio_icon {
    margin-top: 40px;
  }

  .counters p {
    font-size: 14px;
  }

  .counters h3 span {
    font-size: 24px;
  }

  .social-all {
    bottom: 12px;
  }

  .icon_text h2 {
    font-size: 26px;
  }

  .icon_text p {
    font-size: 16px;
  }

  .btn_exp {
    margin-top: 0;
  }

  .icon_text {
    margin-top: 8px;
  }

  .bi-chevron-right {
    font-size: 16px;
  }

  .nuc_heading h3 {
    font-size: 36px;
  }

  .imgs_nuc {
    display: inline-block !important;
  }

  .imgs_nuc img {
    width: 100%;
    height: 313px;
    object-fit: cover;
  }

  .testimonials_content p {
    font-size: 16px;
    padding: 10px 20px 10px 20px;
  }

  .testimonials_content {
    margin-left: 0;
  }
  .planet_image {
    min-height: 100% !important;
  }
  .menu_item li a {
    font-size: 13px;
  }

  .contact_address p {
    font-size: 13px;
  }

  .nuc_data {
    padding-top: 30px;
    padding-left: 14px;
  }

  .continue {
    padding-bottom: 17px;
  }

  .event_slider .slick-next {
    right: 2px !important;
  }

  .event_slider .slick-prev {
    left: -38px;
  }

  .testimonial_slider .slick-next {
    right: -12px !important;
  }

  .testimonial_slider .slick-prev {
    left: -28px !important;
  }

  .quote_svg {
    margin-left: 23px;
  }

  .portfolio_content h3 {
    color: #ffffff;
    font-size: 26px;
  }

  .offset-md-3 {
    margin-left: 7% !important;
  }
  .left_item h3 {
    font-size: 35px;
  }

  .card_image {
    padding: 8px 0 20px;
    position: relative;
  }
  .noc_data {
    margin-left: -5px;
  }
  .tab_body {
    padding: 40px;
  }
  .leader_name h4 {
    font-size: 18px;
  }
  .leader_content .toggle_icon {
    padding-top: 30px;
  }
  .leader_name p {
    font-size: 15px;
  }
  .counter_data h3 {
    font-size: 35px;
  }
  .member-photo {
    max-height: 250px;
  }
}
@media (max-width: 991px) {
  .form_wapper_col {
    order: 2;
  }
  .maps_wrapper_col {
    order: 1;
  }
  .label {
    font-size: 17px;
    font-weight: 600;
  }
  .contact-sec {
    padding-top: 4rem;
  }
  .light_img img {
    height: 50px !important;
    max-width: 55px !important;
  }
  .plus_icon {
    top: 0;
  }
  .noc_data h5 {
    font-size: 16px;
  }
  .noc_data p {
    font-size: 16px;
  }
  .light_img {
    width: 80px;
    height: 80px;
  }
  .aboutbtn {
    padding-top: 30px;
  }
  .navbar-brand img {
    max-width: 160px;
  }
  .nav_section ul .menu_list {
    margin-left: 0;
  }
  .social-all {
    bottom: -95px;
  }
  .navbar-nav li > ul.dropdown-menu {
    display: none; /* Hide the dropdown menu by default on mobile */
  }

  .navbar-nav li.open > ul.dropdown-menu {
    display: block; /* Show the dropdown menu when the parent `li` has the `open` class */
    width: 100%;
  }
  .showsub_menu {
    display: block;
  }
  .hidesub_menu {
    display: none;
  }
  .navbar-toggler-icon {
    width: 2.5em !important;
    height: 2.5em !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' fill='%2305bdaf' viewBox='0 0 448 512'><path d='M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z'/></svg>") !important;
  }
  .btn-close {
    margin-right: 5px !important;
    font-size: 25px;
    --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%2305bdaf%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M342.6%20150.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L192%20210.7%2086.6%20105.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3L146.7%20256%2041.4%20361.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L192%20301.3%20297.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L237.3%20256%20342.6%20150.6z%22/%3E%3C/svg%3E") !important;
    --bs-btn-close-opacity: 1 !important;
  }
  .testimonials_image {
    margin-left: 0;
  }
  .submenu-header {
    display: flex;
    align-items: center;
  }
  .nav_section .offcanvas-body {
    padding-right: 0 !important;
  }
  .nav_section .nav-item a {
    padding: 10px 5px;
    font-size: 14px !important;
    font-weight: 500;
  }
  .menu_list {
    border-bottom: 0.5px solid #ccc;
  }
  .dropdown-item {
    padding: 10px !important;
  }
  .nav-link:hover::after,
  .nav-link:focus::after,
  .nav-link.active::after {
    opacity: 0;
  }
  .nav_section .nav-link {
    margin-left: 0;
  }
  .plus_icon {
    display: block;
    color: #05bdaf;
    /* top: 0; */
  }
  .dropdown-menu {
    animation: 0.3s slidedown;
  }
  /* @keyframes slidedown {
  from {
    transform: translateY(-5%);
  }

  to {
    transform: translateY(0);
  }
} */
  /* Slide Down Animation */
  @keyframes slidedown {
    from {
      max-height: 0;
      opacity: 0;
      overflow: hidden;
    }
    to {
      max-height: 250px; /* Adjust based on your content */

      opacity: 1;
    }
  }

  /* Slide Up Animation */
  @keyframes slideup {
    from {
      max-height: 250px; /* Adjust based on your content */
      overflow: hidden;
      opacity: 1;
    }
    to {
      max-height: 0;
    }
  }

  .showsub_menu {
    animation: slidedown 0.4s all ease-in-out forwards;
  }

  .hidesub_menu {
    animation: slideup 0.4s all ease-in-out forwards;
  }

  .nav-item a.dropdown-item {
    border-top: 0.5px solid #ccc !important;
  }
  .portfolio_right img {
    height: 30vh;
  }
  .culture_section {
    margin-top: 60px;
  }
  .right_about_contnet p {
    padding-top: 15px;
  }
  .right_about_contnet h3 {
    font-size: 34px;
  }

  .transform_content {
    max-width: 100%;
    padding-top: 40px;
  }
}

@media (max-width: 767px) {
  .banner_image_common img {
    min-height: 300px;
  }
  .governance_img {
    height: 60px !important;
  }
  .fs-18 {
    font-size: 17px;
  }
  .transform_details p {
    font-size: 16px;
  }
  .about_par {
    padding-top: 24px;
  }
  .about_bot {
    padding-top: 5px;
  }
  .ledership_full_des {
    margin-top: 20px;
  }
  .main_top {
    padding-top: 40px !important;
  }
  .portfolio_right img {
    height: 30vh !important;
  }
  .aboutbtn {
    text-align: center;
  }

  .about_image {
    padding-top: 35px;
  }

  .portfolio_inner {
    padding: 50px 0;
  }

  .main-image {
    padding-bottom: 24px;
  }

  .social-all {
    bottom: -70px;
  }

  .portfolio_icon {
    margin-top: 45px;
  }

  /* .email_section button {

    right: 42px;
    padding: 10px 30px !important;
  } */

  .icn_img img {
    padding: 10px;
  }

  .icon_text h2 {
    font-size: 20px;
  }

  .icon_text p {
    font-size: 16px;
    min-height: 20px;
  }

  .btn_exp .btn {
    padding: 9px 44px 9px 44px !important;

    font-size: 14px;
  }

  .top_heading h3 {
    font-size: 30px;
  }

  .top_heading p {
    font-size: 16px;
  }

  .top_slider .slick-dots {
    bottom: 30px !important;
  }

  .offset-md-3 {
    margin-left: 3% !important;
  }

  .footer_img {
    text-align: center;
    /* padding-bottom: 20px; */
  }

  /* .footer_img img {
    width: 30%;
  } */

  .footer_hide_inmobile {
    display: none;
  }

  .show_inmobile {
    display: block;
    padding-top: 0 !important;
  }

  .accordion button {
    background-color: unset !important;
    color: #05bdaf;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid #ccc !important;
    padding-left: 0 !important;
    font-weight: 600;
  }

  .accordion .submit_btn .btn {
    background-color: #05bdaf !important;
    color: #fff !important;
    border-radius: unset !important;

    padding: 10px 30px !important;
    box-shadow: unset !important;
    border-bottom: 0 !important;
  }

  .accordion-item {
    background-color: unset !important;
    border: unset !important;
  }

  .accordion-button {
    color: #05bdaf !important;
  }

  .accordion-button:focus {
    box-shadow: unset !important;
  }

  .accordion-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .footer_toppadding {
    padding-left: 0rem !important;
  }

  .nav-link {
    margin-left: 3px;
    border-bottom: 0.5px solid #f1f1f1 !important;
  }

  .nav-link:hover::after,
  .nav-link:focus::after,
  .nav-link.active::after {
    opacity: 0;
  }

  .nav-link.active {
    color: #05bdaf !important;
  }

  .nav-link.active {
    color: #05bdaf !important;
  }

  .plus_icon {
    display: block;
    color: #05bdaf;
  }

  .dropdown-toggle {
    display: flex !important;
    justify-content: space-between !important;
  }

  .dropdown-menu {
    width: 100%;
  }

  .nuc_btn {
    margin-top: 40px;
  }

  .events_details {
    padding-top: 10px;
  }

  .main_top {
    padding-top: 40px;
  }
  .gallery_banner {
    padding: 0;
    aspect-ratio: 1 / 1;
  }
  .nav_section .nav-link::after {
    background-color: unset !important;
  }

  .slick-prev {
    left: 0 !important;
    z-index: 999;
  }

  .slick-next {
    right: 0 !important;
    z-index: 999;
  }

  .navbar a img {
    max-width: 130px !important;
  }

  .nav-link.active {
    color: #05bdaf !important;
  }

  .topbanner_heading h3 {
    font-size: 30px;
  }

  .topbanner_heading p {
    font-size: 24px;
  }

  .Planet_heading {
    padding-top: 0px;
  }

  .aboutbtn {
    text-align: center;
    padding-bottom: 0;
  }

  .about_image {
    padding-top: 35px;
  }

  .about_par {
    text-align: justify;
  }

  .about_bot p {
    font-size: 16px;
  }

  .about_par p {
    font-size: 24px;
  }

  .main-image {
    padding-bottom: 24px;
  }

  .aboutus h3::after {
    width: 90px;
  }

  .social_con h2 {
    font-size: 28px;
  }

  .social_con p {
    font-size: 16px;
  }

  .nucleus_office {
    text-align: justify;
  }

  .events h3::after {
    left: 0;
    width: 45px;
  }

  .events_details {
    text-align: center !important;
  }

  .nav-link {
    margin-left: 3px;
    border-bottom: 0.5px solid #f1f1f1 !important;
  }

  .offcanvas {
    width: 310px !important;
  }

  .social_con p {
    font-size: 15px;
  }

  .imgs_nuc {
    display: inline-block;
  }

  .imgs_nuc img {
    width: 100%;
  }

  .continue {
    padding-bottom: 22px;
  }

  .nucleus_slider .slick-prev {
    left: -51px !important;
    display: none !important;
  }

  .nucleus_slider .slick-next {
    right: -36px !important;
    display: none !important;
  }

  .nuc_heading h3 {
    font-size: 20px;
  }

  .nuc_btn {
    text-align: center;
  }

  .nucleus_office h3 {
    font-size: 30px;
    text-align: left !important;
  }
  .right_about_contnet p {
    padding-top: 15px;
  }
  .container .container:has(.aboutus_content) {
    padding-inline: 0px;
  }
  .events h3 {
    font-size: 30px;
  }

  .nucleus_office h3::after {
    left: 0px;
    width: 76px !important;
  }

  .testimonials_content p {
    font-size: 16px;
  }

  .footer_img {
    text-align: center;
  }

  .footer_img img {
    max-width: 50%;
  }

  .footer_text {
    display: inherit;
    padding-top: 45px;
  }

  .social-icon {
    text-align: center;
  }

  .banner_section {
    padding-top: 74px !important;
  }

  .portfolio_heading h3 {
    font-size: 30px;
    font-weight: bold;
  }

  .portfolio_icon {
    margin-top: 43px;
  }

  .stat-suffix {
    font-size: 36px;
  }

  .counters p {
    font-size: 16px;
  }

  .aboutus h3 {
    font-size: 30px;
  }

  .counters {
    margin-right: 0px;
  }
  .porftolio_slider {
    margin-top: -1px;
  }
  .portfolio_content {
    margin-left: 16px;
  }
  .location_link {
    padding-top: 0;
  }
  .slider_sec img {
    max-width: 100%;
    aspect-ratio: 1;
  }
  .portfolio_content {
    top: 24px;
  }

  .slider_sec .slick-prev {
    left: 16px !important;
  }

  .social-container {
    top: 50px;
  }

  .social_con {
    top: 165px;
  }

  .slider_img img {
    padding: 0;
  }

  .nuc_heading h3 {
    font-size: 30px;
  }

  .nuc_heading {
    padding-top: 40px;
  }

  .imgs_nuc {
    padding-right: 0;
  }

  .testimonials_image {
    margin-left: 0px;
    margin-top: 5px;
  }

  .testimonials_content {
    margin-left: 0px;
  }

  .t_contnet p {
    text-align: left;
  }

  .testimonial_slider .slick-prev {
    top: 100% !important;
    margin-top: 40px;
  }

  .testimonial_slider .slick-next {
    top: 100% !important;
    margin-top: 40px;
  }

  .event_slider .slick-prev {
    top: 100% !important;
    margin-top: 40px;
  }

  .event_slider .slick-next {
    top: 100% !important;
    margin-top: 40px;
  }

  .slider_sec .slick-next {
    left: 77px !important;
  }

  .testimonial_slider .slick-next {
    left: 180px;
    display: none !important;
  }
  .testimonial_slider .slick-prev {
    display: none !important;
  }

  .slider__counter {
    left: 58px;
  }

  .testimonial_slider .slick-prev {
    left: 130px !important;
  }

  .footer_section {
    margin-top: 55px;
  }

  .counters {
    padding-bottom: 30px;
    padding-top: 20px;
    margin-inline: auto;
  }

  .counters h3 {
    font-size: 36px;
  }

  .counters h3 {
    font-size: 30px;
  }

  .Planet_heading h3 {
    font-size: 30px;
  }
  .counter_icon {
    text-align: center;
  }

  .portfolio_content span a {
    font-size: 16px;
  }

  .backcolor {
    margin-top: 10px;
  }

  .quote .bi-quote {
    margin-left: -12px;
    margin-top: -44px;
    font-size: 68px !important;
  }

  .img_cen {
    padding-top: 40px;
  }

  .footer_text p {
    font-size: 13px;
  }

  .event_slider .slick-prev {
    left: 139px !important;
  }

  .event_slider .slick-next {
    left: 191px;
  }

  .event_txt {
    margin-left: 0;
  }

  .location {
    margin-left: 0;
  }

  .offcanvas-header {
    padding: 2px 8px !important;
  }

  .events_details {
    display: none;
  }

  .events_detail {
    justify-content: center !important;
    display: flex !important;
  }

  .events_detail button {
    display: block !important;
    text-align: center !important;
    margin-top: 20px;
  }

  .nuc_btn {
    display: none;
  }

  .nuc_btn2 {
    justify-content: center !important;
    display: flex !important;
  }

  .nuc_btn2 button {
    display: block !important;
    text-align: center !important;
    margin-top: 10px;
  }

  .backcolor {
    padding-bottom: 40px;
  }

  .about_par {
    text-align: left;
  }

  .social-all {
    padding: 16px;
  }

  .footer_menu p {
    margin-left: 0;
  }

  .footer_menu_section {
    padding: 20px 0;
  }

  .footer_toppadding {
    padding-left: 0rem !important;
    flex-wrap: wrap;
  }

  .footer_toppadding li a {
    margin-right: 10px;
    font-size: 15px;
  }

  .email_section {
    display: inline;
  }

  .input_box {
    width: 100% !important;
  }



  .icon_text p {
    font-size: 15px;
  }
  .right_about_contnet h3::after {
    width: 70px;
  }
  .social-all h2 {
    font-size: 24px;
  }



  .carrer ul {
    margin-top: -10px;
  }

  .contact_section p {
    color: #000000;
    font-size: 17px;
    text-transform: capitalize !important;
  }

  .contact_section p {
    font-size: 15px;
  }

  .show_icon {
    display: block;
  }

  .hide_social {
    display: none;
  }

  .copy {
    margin-top: 20px;
    border-top: 1px solid #ccc;
  }

  .copy p {
    text-align: center;
    padding-top: 16px;
  }

  .bottom_footer {
    border-top: none;
  }

  .quote_svg {
    margin-left: 0;
  }

  .portfolio_content h3 {
    font-size: 22px;
    margin-bottom: 24px;
  }

  .testimonials_content p {
    padding: 0;
  }

  .offset-md-3 {
    margin-left: 0% !important;
  }

  .top_slider .slick-dots {
    bottom: 5px !important;
    margin-left: 32px !important;
  }

  .events_para {
    font-size: 18px;
  }

  .top_heading h3::after {
    bottom: -17px;
  }

  .bottom_con {
    padding-top: 24px;
  }

  .portfolio_content {
    top: 20px;
  }

  .quote_svg {
    margin-bottom: 24px;
  }

  .quote {
    padding-top: 24px;
  }

  .office_slider {
    display: inline-block;
  }

  .icon_text {
    margin-block: 10px;
  }

  .footer_hide_inmobile {
    display: none;
  }

  .accordion .submit_btn .btn {
    background-color: #05bdaf !important;
    color: #fff !important;
    border-radius: unset !important;
    /* position: absolute;
      right: 0px; */
    padding: 10px 30px !important;
    box-shadow: unset !important;
    margin-top: 10px !important;
    border-bottom: 0 !important;
  }

  .accordion-item {
    background-color: unset !important;
    border: unset !important;
  }

  .accordion-button {
    color: #05bdaf !important;
    box-shadow: unset !important;
  }

  .accordion-button:focus {
    box-shadow: unset !important;
  }

  .show_inmobile {
    display: block;
  }

  .accordion-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .dropdown-toggle::after {
    display: block !important;
  }

  .nav-link:hover::after,
  .nav-link:focus::after,
  .nav-link.active::after {
    opacity: 0;
  }

  .slider_sec .slick-prev {
    bottom: 85px;
  }

  .slider_sec .slick-next {
    bottom: 85px;
  }

  .slider_sec .slick-prev:before {
    width: 45px;
    height: 45px;

    font-size: 18px !important;
  }

  .slider_sec .slick-next:before {
    width: 45px;
    height: 45px;

    font-size: 18px !important;
  }

  .dropdown-toggle.dropdown-item::after {
    display: none !important;
  }

  .dropdown-menu {
    width: 100%;
  }

  .dropdown-submenu > .dropdown-menu {
    margin-top: 0px !important;
  }

  .plus_icon {
    display: block;
    color: #05bdaf;
  }

  .dropdown-toggle {
    display: flex !important;
    justify-content: space-between !important;
  }

  .dropdown-item.active,
  .dropdown-item:active {
    background-color: unset !important;
  }

  .top_heading p {
    font-size: 17px;
  }
  .portfolio > .offset-md-3 {
    margin: 0 !important;
  }
  .portfolio {
    padding-inline: 16px !important;
  }
  .img_log img {
    width: auto;
    height: 70px;
    max-height: 70px;
  }
  .about_bot p {
    line-height: 1.5;
  }
  .event_slider {
    margin-top: 24px !important;
  }
  .privacy_policy h2{
    font-size: 3rem;
  }
}

@media screen and (min-width: 768px) {
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
    transition: 0.5s all ease-in-out;
  }
  .privacy_policy p {
   
    font-size: 16px;
}
  .dropend .dropdown-toggle {
    margin-left: 0.5em;
    transition: 0.5s all ease-in-out;
  }
}

/* media query */

@media only screen and (max-width: 991px) {
  .left_image {
    text-align: center;
  }
  .leadership_content h3 {
    font-size: 30px;
  }
  .leadership_content {
    margin-bottom: 60px;
  }
  .right_item {
    padding-top: 40px;
  }
  .tab_body {
    padding: 30px;
  }
  .noc_data {
    padding-left: 30px;
  }
  .noc_details {
    justify-content: flex-start;
  }

  .transform_content h3 {
    font-size: 30px;
  }
  .transform_details {
    padding-top: 35px;
  }
}

@media only screen and (max-width: 768px) {
  .nucleus_slider .slick-prev,
  .nucleus_slider .slick-next {
    display: none !important;
  }

  .testimonial_slider .slick-prev,
  .testimonial_slider .slick-next {
    display: none !important;
  }
  .nucleus_slider .card {
    min-height: 509px;
  }
  .tab_menu_nop_sec {
    padding-left: 0 !important;
  }
  .card_image {
    position: relative;
    padding: 8px 0 20px;
  }
  .right_item {
    padding-top: 20px;
    min-height: 0;
    position: relative;
  }
  .counter_wrapper img {
    height: 70px;
  }

  .right_item .nav-link {
    margin-left: 8px;
  }
  .right_about_contnet {
    padding-top: 0;
  }
  .tab_data {
    margin-top: 0;
  }
  .nocpark {
    margin: 35px 15px 0 15px;
  }
  .culture_section {
    margin-top: 40px;
  }
  .nav-tabs .nav-link.active::after {
    opacity: 1;
  }
  .nav-tabs.nav-link.active {
    background-color: #05bdaf !important;
    opacity: 1 !important;
  }

  .about_section {
    margin-top: 40px;
  }
  .counter-section {
    margin-top: 35px;
  }
  .leadership {
    margin-top: 35px;
  }

  .right_about_contnet h3 {
    font-size: 30px;
  }
  .nocpark {
    min-height: 0;
  }
  .counter_wrapper .row {
    margin: auto;
  }
}

@media only screen and (max-width: 600px) {
  /* map responsive */
  .map-container {
    width: 100% !important;
    height: 400px !important;
  }
  .ahmedabad .label {
    left: 0;
    top: -5px;
  }
  .ncr {
    top: 18% !important;
  }
  .mumbai .label {
    left: 27px;
    top: -4px !important;
  }
  .chennai {
    top: 80% !important;
  }
  .bg {
    transform: translate(20%, -47%) !important;
  }
  .bangalore .bg:after {
    left: -10px !important;

    transform: rotate(314deg) !important;
  }
  .bangalore .label {
    left: 0px !important;
    top: 0px !important;
  }
  .bangalore {
    top: 70% !important;
    left: 23% !important;
    width: 31px !important;
    height: 31px !important;
  }
  .planet_image {
    min-height: 100%;
  }
  .mumbai {
    top: 60% !important;

    width: 35px !important;
    height: 35px !important;
  }
  /* map responsive */

  .member-details {
    position: relative;
    bottom: 0;
    margin-top: 0px;
    left: 0;
    text-align: left;
    font-size: 15px;
    --line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--line-clamp);
    -webkit-box-orient: vertical;
  }
  .member-photo {
    width: 100%;
    max-height: 100% !important;
  }
  .leader_content {
    max-width: 100% !important;
  }
  .event_slider .slick-prev {
    left: 35% !important;
    display: none !important;
  }
  .event_slider .slick-next {
    display: none !important;
  }
  /* .top_slider .slick-slide {
    height: 300px;
  } */
  .event_slider .slick-slide {
    padding: 0 !important;
  }
  .column_reverse {
    flex-direction: column-reverse;
  }
  .slick-dots li button:before {
    font-size: 8px !important;
  }
  /* .top_slider .slick-slide img {
    height: 300px;
  } */
  .left_image {
    text-align: center;
  }
  .portfolio_left {
    width: 100% !important;
  }
  .portfolio_right {
    display: none;
  }
  .about_headings h3 {
    font-size: 36px;
  }
  .about_headings p {
    padding-top: 15px;
    font-size: 22px;
  }
  .testimonial_slider .slick-prev {
    left: 34% !important;
  }
  .leader_name {
    text-align: start;
  }
  .leadership_content h3 {
    font-size: 34px;
  }
  .leadership_content h3::after {
    bottom: -19px;
  }
  .leader_content {
    margin: auto;
  }
  .leadership_box {
    padding-top: 50px;
  }
  .leadership_box {
    text-align: center;
  }

  .right_about_contnet h5 {
    font-size: 24px;
  }
  .right_about_contnet p {
    font-size: 16px;
  }
  .about_banner img {
    min-height: 150px;
  }

  .left_item h3 {
    font-size: 30px;
    padding-bottom: 5px;
  }
  .noc_details img {
    height: auto;
  }
  .noc_data {
    padding: 0 10px 0 20px;
  }
  .noc_data p {
    font-size: 14px;
  }
  .noc_details {
    padding: 2px;
  }
  .card_image {
    position: relative;
    padding: 8px 0 20px;
  }
  .transform_content {
    padding-top: 35px;
  }
  .culture_section .right_about_contnet {
    padding-top: 35px;
  }

  .counter-section {
    margin-top: 35px;
  }
  .about_headings h3:after {
    content: "";
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 85px;
    height: 4px;
    background-color: #ffffff;
  }
  .counter-image img {
    max-width: 75px;

    max-height: 75px;
  }
  .portfolio_inner {
    padding-top: 24px;
    padding-bottom: 0;
  }
  .gallery_tabs .nav-link {
    padding: 7px 11px !important;
  }
  .leadership {
    margin-top: 35px;
  }
  .culture_section {
    margin-top: 35px;
  }
  .counter_data h3 span {
    font-size: 24px;
    font-weight: 700;
  }
  .counter_data p {
    font-size: 1.7rem;
  }
  .member-details {
    position: relative;
    bottom: 0;
    margin-top: 0px;
    left: 0;
    text-align: left;
  }
  .member-photo {
    width: 100%;
    max-height: 100% !important;
  }
  .leader_content {
    max-width: 100% !important;
  }
  .counter-image {
    padding-bottom: 30px;
  }
  .nocpark {
    margin-top: 14px;
  }

  .counter_wrapper {
    display: inline-block !important;
  }
  .counter_data {
    margin: 0;
  }
  .envelope span {
    padding-left: 8px;
  }
  .about_banner {
    min-height: 300px;
  }
  .transform_section {
    margin-top: 50px;
  }
  .counter_wrapper .row {
    text-align: center;
  }
  .nav-tabs .nav-link::after {
    background-color: #05bdaf !important;
  }
  .nav-tabs .nav-link.active::after {
    opacity: 1 !important;
  }
  /* .right_about_contnet p {
    padding-top: 24px;
  } */
  .nuc_park {
    padding: 5px 0 0 !important;
  }
}

/* @media query */

/* mumbai css */
.portfolio_left h3 {
  width: 100%;
  max-width: 496px;
}
.mumbai_item {
  margin-top: 100px;
}

.mumbai_item .card-body {
  padding-left: 0;
  padding-top: 25px;
}
.mumbai_item h5 {
  font-size: 24px;
  font-weight: 600;
}

.mumbai_item p {
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-top: 7px;

}
.read_more_btn {
  background-color: #fff;
  color: #05bdaf;
  font-size: 17px;
  border: none;
  font-weight: 500;
}
/* mumbai css */

/* gallery_section css */
.gallery_section {
  margin-top: 50px;
}
.gallery_tabs .nav-link {
  margin-left: 0;
  border: none !important;
  border-radius: 0 !important;
  text-transform: uppercase;
  padding: 16px 27px;
}
.gallery_tabs .nav-link.active {
  background-color: #05bdaf !important;
  color: #fff !important;
  border-radius: 0 !important;
}
.gallery_tabs .nav-link::after {
  opacity: 0;
}
.nuc_galiery {
  margin-top: 55px;
}
.nuc_galiery .card-body {
  padding: 37px 0 0;
  display: flex;
  justify-content: space-between;
}
.nuc_galiery h5 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}
.nuc_galiery .photo_icon {
  width: 29px;
  height: auto;
}

.show_more {
  text-align: center;
  margin-top: 50px;
}
/* gallery_section css */

/* media query  */
@media only screen and (max-width: 768px) {
  .portfolio_left {
    margin: 0;
    padding-right: 0;
    /* text-align: center; */

    min-height: 200px;
    position: relative;
  }
  /* .portfolio_left h3::after {
    left: 34%;
  } */
  .portfolio_left h3 {
    margin-left: 0;
  }
  .portfolio_left h3 {
    font-size: 34px;
  }
  .nucleus_portfolio h3 {
    font-size: 30px;
  }
  .nucleus_portfolio p {
    font-size: 24px;
  }
  .map_section {
    margin-top: 35px;
  }
  .nucleus_portfolio {
    padding-top: 35px;
    text-align: center;
  }
  .nucleus_portfolio h3::after {
    left: 30%;
  }
  .about_bot {
    padding-top: 0px;
  }
}
/* media query  */

@media (min-width: 500px) {
  .chartdiv {
    width: 451px !important;
    height: 485px !important;
  }
}

/* portfolio section css */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ahmedabad .label {
    left: 0px;
  }
  .port_sec {
    margin-top: 0px;
  }
  .about_par {
    padding-top: 22px;
  }
  .right_about_contnet h5 {
    padding-top: 20px;
  }
  .bangalore {
    top: 70%;
    left: 22%;
  }
  .chennai {
    top: 74%;
    left: 33%;
  }
  .navbar-brand img {
    max-width: 160px;
  }
  .left_item h3 {
    font-size: 2.2rem !important;
  }

  .nucleus_portfolio h3 {
    font-size: 34px;
  }
  .member-photo {
    max-height: 250px;
  }
}

/* modify */
.nocpark .nav-tabs .nav-link {
  text-transform: uppercase;
  border-radius: unset !important;
  border: unset !important;
  outline: none !important;
  box-shadow: none !important;
  margin: 0 10px;
}
.nav-tabs button.nav-link.active::after {
  content: "" !important;
  height: 3px !important;
  width: 100% !important;
  background-color: #05bdaf !important;
  position: absolute;
  left: 0 !important;
  bottom: 0 !important;
  opacity: 1 !important;
  transition: all 0.5s !important;
  pointer-events: none !important;
}
/* modify */

.event_slider .slick-slide {
  padding: 0 1.5rem;
}

html {
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
  color: currentColor;
}
a:hover {
  cursor: pointer;
}

.bg-dark {
  background-color: var(--dark-blue);
}

@media (min-width: 768px) {
  html {
    font-size: 55.5%;
  }
}

@media (min-width: 1200px) {
  html {
    font-size: 58.5%;
  }
  .quantential-first-row {
    padding-top: 00px;
  }
  .custom-scrollspy-menu > ul > li > a {
    margin: 0;
  }
}

@media (min-width: 1400px) {
  html {
    font-size: 62.5%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .salient-feature {
    padding-bottom: 0 !important;
  }
  .counter_icon {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .one-bkc {
    left: -30% !important;
  }
  .counter_data h3 {
    font-size: 36px;
  }
  .counter_data p {
    font-size: 16px;
  }
  .salient-card-row.gy-4 {
    --bs-gutter-y: 6rem;
  }
  .custom-scrollspy-menu > ul > li > a {
    padding-inline: 0;
  }
  .quantential-first-row {
    padding-top: 40px;
  }
}

/* responsive section */
@media (max-width: 1440px) {
  .awards_content {
    min-height: 227px;
  }
  .leader_name h5 {
    font-size: 16px;

    padding-top: 22px;
  }
  .leader_content .toggle_icon {
    padding-top: 22px;
  }
  .leader_name p {
    font-size: 14px;
    font-weight: 400;
  }
  .toggle_icon .right {
    padding: 8px;
  }
  .nuc_data p {
    font-size: 15px;
  }
  .social_para {
    max-height: 70px;
  }

  .portfolio_heading p {
    font-size: var(--font-size3);
    line-height: 1.5;
  }
  .portfolio_right img {
    width: 100%;
    height: 70vh;
    object-fit: cover;
  }

  .portfoli .offset-md-3 {
    margin-left: 8.33333333%;
  }

  .offset-md-3 {
    margin-left: 8% !important;
  }

  .social-all {
    bottom: -27px;
  }

  /* .testimonials_content {
    margin-left: 0px !important;
  } */
  .one-bkc {
    left: -20%;
  }
  .fs-48 {
    font-size: 3.4rem;
  }

  .awards_content p {
    width: 100%;
    max-width: 300px;
  }
  .award_icons {
    max-width: 100px;
  }
  .fsg-framework::before {
    display: none;
  }
  .fsg-framework::after {
    display: none;
  }
  .fsg-framework {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .gallery_tabs .nav-link {
    padding: 9px 13px !important;
  }

  .ppp_reports {
    margin-top: 50px;
  }
  .awards {
    padding: 40px 0;
    margin-top: 50px;
  }
  .governance_details {
    padding-top: 4rem;
  }
  .Considerations {
    margin-top: 50px !important;
  }
  .sustainability {
    margin-top: 50px;
  }
  .ppp_reports {
    margin-top: 50px;
  }

  .sdg {
    padding-top: 40px;
  }
  .focus-areas h2:before {
    left: 0;
    right: 0;
    margin: auto;
  }
  .focus-areas h2 {
    padding-top: 40px;
    padding-bottom: 28px;
  }
  .focus-areas-list {
    padding: 20px 0;
  }
  .governance_img {
    max-width: 80px;
  }
  .achievements {
    margin-top: 50px;
  }
}
@media (max-width: 1400px) {
  .map-col {
    max-width: 60%;
  }
  .fs-48 {
    font-size: 3.4rem;
  }
  .awards_list {
    padding-top: 3.8rem;
  }
  .awards_content p {
    width: 100%;
    max-width: 300px;
  }
  .award_icons {
    max-width: 100px;
  }
}

@media (max-width: 1200px) {
  .map-col {
    max-width: 55%;
  }
  .fs-48 {
    font-size: 3.5rem;
  }
  .awards_list {
    padding-top: 3.8rem;
  }
  .awards_content p {
    width: 100%;
    max-width: 300px;
  }
  .award_icons {
    max-width: 100px;
  }
}
@media (max-width: 991px) {
  .map-col {
    max-width: 100%;

    position: static;
  }
  .map-wrapper iframe {
    height: 370px;
    margin-top: 20px;
  }

  .fsg-framework::after {
    display: none;
  }
  .fsg-framework::before {
    display: none;
  }
  .sustainable-card-para {
    padding-top: 16px;
  }
  .focus_image {
    height: 55px !important;
  }
  .governance_details {
    padding-top: 40px !important;
  }
  .governance_list {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 992px) {
  .navbar-nav li:hover > ul.dropdown-menu {
    display: block;
  }
  .dropdown-menu {
    animation: 0.3s slideup;
  }

  @keyframes slideup {
    from {
      transform: translateY(10%);
    }

    to {
      transform: translateY(0);
    }
  }
}
@media (max-width: 767px) {
  html {
    font-size: 53.5%;
  }
  .container {
    padding-inline: 16px;
  }
  .portfolio_icon {
    gap: 0;
  }
  .map-col {
    max-width: 100%;
    padding-top: 24px;
  }
  .contact-form-wrapper {
    max-width: 100%;
    padding-top: 40px;
  }
  .contact-banner {
    height: auto;
    aspect-ratio: 1/0.5;
  }
  .contact-sec {
    padding-top: 0;
  }
  .banner-title {
    font-size: 42px;
    padding-bottom: 20px;
  }
  .banner-para {
    padding-top: 20px;
    font-size: 22px;
  }
  .map-col {
    height: auto;
    position: static;
  }
  .map-wrapper iframe {
    height: 220px;
  }
  .footer_menu_section {
    padding-bottom: 0 !important;
  }
  .custom-input-wrapper > select {
    padding-block: 8.5px;
  }
  .contact-title {
    font-size: 30px;
  }
  .custom-input-wrapper > input,
  .custom-input-wrapper > textarea,
  .custom-input-wrapper > select {
    padding-block: 10.5px;
    padding-left: 16px;
  }
  .social_mobile {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    text-align: center;
  }

  .accordion {
    --bs-accordion-btn-icon-width: 2rem !important;
  }
  .fsg-framework::after {
    display: none;
  }
  .fsg-framework::before {
    display: none;
  }
}
@media (width: 768px) {
  .event_slider .slick-prev,
  .event_slider .slick-next {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .title_financial_year {
    margin-bottom: 40px;
  }
  .bkc-hero {
    max-height: 43vh;
  }
  .custom-sticky-nav li a {
    font-size: 16px !important;
  }
  .custom-sticky-nav {
    flex-wrap: nowrap;
  }
  .map-container {
    width: 100%;
    height: 400px;
  }
  .nuc_btn {
    margin-top: 40px;
  }
  .main_top {
    padding-top: 40px;
  }
  .footer_img {
    margin-bottom: 40px;
    text-align: center;
  }
  .footer_menu_section {
    padding: 40px 0;
  }
  .mumbai_item {
    margin-top: 40px;
  }
  .email_section {
    display: inline-block;
    width: 100%;
  }
  .input_box {
    font-size: 14px;
    margin-bottom: 10px;
    width: 100% !important;
  }
  .bkc-hero {
    max-height: 395px;
  }
  .esg-av-sec {
    padding-top: 50px;
  }
  .esg-para {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .sustainability_content .card {
    padding-bottom: 20px;
  }
  .business .sdg_heading {
    padding-top: 24px;
  }
  .fsg-framework {
    padding-top: 40px;
    margin-top: 40px;
  }
  .considerations_img {
    width: 90%;
  }

  .focus-areas h2:before {
    left: 0;
    right: 0;
    bottom: 0;

    margin: auto;
  }
  .focus-areas {
    margin-top: 40px;
  }
  .focus-areas h2 {
    padding-top: 40px;
  }
  .community {
    padding-top: 40px;
  }
  .esg_card_img {
    min-height: 0 !important;
  }
  .fs-32 {
    font-size: 24px;
  }
  .esg-people-planet {
    padding-top: 40px;
  }
  .office_slider {
    display: inline-block;
  }
  .nuc_data p {
    font-size: 15px;
  }
  .esg-card-row {
    margin-bottom: 0;
  }
  .sdg {
    margin-top: 40px;
    padding-top: 30px;
  }
  .achievements_right .achievements_tabs {
    padding-top: 20px !important;
    justify-content: center !important;
  }
  .gallery_tabs .nav-link {
    padding: 9px 10px !important;
  }
  .achievements_text {
    justify-content: start;
    padding-top: 20px;
  }
  .esg_left_banner {
    max-height: 400px;
  }
  .achievements_list {
    margin-top: 20px !important;
  }
  .achievements_text .card {
    padding-bottom: 20px;
  }
  .focus-areas-list {
    padding-top: 40px;
    padding-bottom: 0;
  }
  .achievements {
    margin-top: 40px;
  }
  .sustainability {
    margin-top: 40px;
    padding-bottom: 0;
  }

  .ppp_image {
    width: 90%;
  }
  .achievements_digit {
    font-size: 2.4rem !important;
  }

  .fy_img {
    width: 25% !important;
    height: auto;
  }
  .governance_details .esg_right_heading {
    text-align: center;
  }
  .governance_details {
    padding-left: 0;
    text-align: center;
  }
  .governance_details .underline-title:before {
    right: 0;
    margin: auto;
  }

  .awards {
    margin-top: 40px;
  }
  .fs-48 {
    font-size: 3.4rem;
  }
  .content-box > .title {
    font-size: 38px;
  }
  .col-positioned img {
    height: 70vh;
  }
  .one-bkc img {
    width: 200px;
    height: auto;
  }
  .single-page {
    padding-top: 20rem;
  }
  .custom-scrollspy-menu > ul > li > a {
    font-size: 15px;
    padding-inline: 10px;
    padding-bottom: 0 !important;
  }
  .salient-controler {
    display: none;
  }
  .gallery-tabs {
    position: static;
    transform: none;
    margin-top: 40px;
  }
  .gallery-tabs > .nav-pills {
    justify-content: center;
  }
  .gallery {
    padding-top: 40px;
  }
  .custom-scrollsy-spacing {
    padding-bottom: 40px;
  }
  .salient-feature {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .certification {
    padding-top: 40px;
    padding-bottom: 0;
  }
  .certified-slide-row {
    padding-top: 20px;
  }
  .chartwrapper {
    padding-bottom: 50% !important;
  }
  .awards_para {
    padding-top: 20px;
  }
  .awards_content {
    display: inline-block;
    max-width: 95%;
  }
  .award_icons {
    max-width: 100px;
  }
  .award_image {
    min-height: 100px;
    display: flex;
    align-items: center;
  }
  .business_sdg {
    padding-top: 4.9rem;
  }
  .top_heading h3 {
    font-size: 40px;
  }
  .top_slider .slick-dots {
    bottom: 16px !important;
    left: 0px !important;
    margin-left: 24px !important;
  }
  .top_heading h3::after {
    bottom: -24px;
  }

  .about_right section {
    padding-block: 0 !important;
  }
  section.main_top.aboutus {
    padding-block-end: 0 !important;
  }
  .portfolio {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    max-height: none;
  }
  .portfolio_heading p {
    margin-bottom: 30px;
  }
  .counters p {
    font-size: 16px;
  }
  .img_log img {
    width: auto;
  }
  .slider_sec .slick-slide img {
    aspect-ratio: 1/0.7;
    object-fit: cover;
  }
  .aboutus h3 {
    font-size: 36px;
  }
  .about_par p {
    font-size: 26px;
  }
  /* .people-planet-sec,.event-sec{
  padding-block-start: 0!important;
} */
  .slick-prev {
    left: -4% !important;
  }
  .event_slider .slick-next {
    right: -2% !important;
  }
  .Planet_heading h3 {
    font-size: 36px;
  }
  .porftolio_slider {
    margin-top: -1px;
  }
  .events h3,
  .nucleus_office h3 {
    font-size: 36px;
  }
  .portfolio_content {
    margin-left: 43px;
  }
  .slider_img img {
    height: 200px;
    width: 100%;
  }
  .one-bkc {
    left: -39%;
  }
  .nav-link.active {
    color: #05bdaf !important;
  }
  .custom-sticky-nav {
    align-items: center;
  }
  .custom-scrollspy-menu {
    overflow: auto;
  }
  .col-positioned > img {
    max-height: 505px;
  }
  .one-bkc img {
    max-width: 100%;
  }
  .custom-sticky-nav li a {
    font-size: 14px !important;
  }
  .salient-card-row.gy-4 {
    --bs-gutter-y: 40px;
  }
  .fs-17 {
    font-size: 16px;
  }
  .sustainable-card-para,
  .sustainable-card-title {
    padding-left: 12px;
  }
  .salient-card-row.gy-4 {
    --bs-gutter-y: 40px;
  }
  .bkc-hero {
    max-height: 505px;
  }

  .custom-sticky-nav > li > a {
    margin-left: 24px;
  }
  .quantential-first-row {
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .certification {
    margin-top: 40px;
  }
  .custom-scrollspy-menu {
    scrollbar-width: thin;
  }
  .single-page {
    padding-top: 40px;
  }
  .quantential-first-row {
    padding-top: 0;
  }
  .custom-scrollspy-menu > ul > li > a {
    padding-inline: 0;
  }
  .row.ledership_card_row {
    --bs-gutter-x: 1.6rem;
  }
  .left_item {
    padding-top: 0;
  }
  .tab_content {
    margin-top: 16px;
  }
  .transform_section {
    margin-top: 40px;
  }
  .counter_data h3 {
    font-size: 40px;
  }
  .leadership {
    margin-top: 40px;
  }
  .nocpark {
    margin-top: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .one-bkc {
    left: -39%;
  }
  .mumbai_item {
    margin-top: 40px;
  }
  .focus_image {
    height: 55px;
  }

  .slider_img img {
    height: 300px;
    width: 100%;
  }
  .port_sec {
    margin-top: 0px;
  }
  .nucleus_slider .card {
    display: inline-block;
  }
  .awards_list {
    padding-top: 3.8rem;
  }
  .considerations_img {
    width: 90%;
  }
  .governance_img {
    max-width: 80px;
  }

  .award_icons {
    max-width: 100px;
  }
  .awards_content p {
    width: 100%;
    max-width: 300px;
  }
  .fsg-framework::after {
    display: none;
  }
  .awards {
    margin-top: 0;
  }
  .governance_details {
    padding-top: 5rem;
  }
  .achievements {
    margin-top: 0;
  }
  .fsg-framework::before {
    display: none;
  }
  /* section {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  } */
  .col-positioned img {
    height: 70vh;
  }
  .one-bkc img {
    height: auto;
  }
  .nuc_data p {
    font-size: 15px;
  }
  .bkc-hero {
    padding-bottom: 0 !important;
  }
  .custom-scrollspy-menu > ul > li > a {
    padding-inline: 0px;
    margin-left: 24px;
  }
  .custom-scrollspy-menu > .nav-pills .nav-link.active:before {
    width: 100%;
  }
  .custom-scrollsy-spacing {
    padding-top: 0;
  }
  h3.text-white.fs-24.fw-600.elevate-title {
    font-size: 18px;
    padding-left: 24px;
  }
  .esg-planet-card {
    min-height: 300px;
  }
  .esg-people-feature {
    padding-top: 1.5rem;
  }
  .quintessential-firm {
    padding-bottom: 0 !important;
  }
  .esg-people-planet li {
    font-size: 16px !important;
  }
  .sustainability {
    padding-top: 0 !important;
  }
  .sustainable-icon-box {
    width: auto;
    height: 68px;
  }
  .fs-48 {
    font-size: 3.4rem;
  }
  .certified-slide-row {
    padding-top: 0;
  }
  .certification {
    padding-bottom: 0 !important;
  }
  .custom-scrollsy-spacing {
    padding-bottom: 0 !important;
  }
  .single-page {
    padding-bottom: 0 !important;
  }
  .salient-controler {
    display: none;
  }
  /* .people-planet-sec, .event-sec{
    padding-block-start: 0!important;
  } */
  .slick-prev {
    left: -3% !important;
  }
  .event_slider .slick-next {
    right: -1.5% !important;
  }
  .aboutus h3,
  .portfolio_heading h3,
  .Planet_heading h3,
  .events h3,
  .nuc_heading h3,
  .nucleus_office h3 {
    font-size: 38px;
  }
  .about_par p {
    font-size: 28px;
  }
  .nucleus_slider .slick-prev {
    right: 40px;
  }
}
@media (width: 992px) {
  .event_slider .slick-prev {
    left: 0% !important;
    z-index: 99;
  }

  .event_slider .slick-next {
    right: 0% !important;
    transform: translateX(-50%) !important;
    z-index: 99;
  }
  .testimonial_slider .slick-prev {
    left: -2% !important;
  }
  .testimonial_slider .slick-next {
    right: 0% !important;
  }
}

@media (max-width: 600px) {
  .portfolio_icon {
    display: inline;
  }
  .port_sec {
    display: flex;
    justify-content: space-around;
    text-align: center;
    gap: 30px;
    padding-top: 24px;
  }

  .tab_body {
    padding: 20px;
  }
  .nucleus_slider .card {
    min-height: 410px;
  }
  .banner_image_common img {
    min-height: 200px !important;
  }
  .aboutus_banner_image img {
    min-height: 200px !important;
  }
  .custom-scrollspy-menu {
    justify-content: start !important;
  }
  /* css for modal */
  .modal_section .modal-body {
    padding: 0;
  }
  /* css for modal */
  /* css for header */
  .mobile_btn_icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .show {
    display: block;
  }
  .hide {
    display: none;
  }
  /* css for header */
  .nucleus_office h3::after {
    margin: initial;
  }
  .port_sec {
    margin-top: 15px;
  }
  .portfolio_left {
    text-align: center;
  }
  .portfolio_left h3::after {
    left: 0;
    right: 0;
    margin: auto;
  }
  .commitem .comm-title {
    font-size: 16px;
  }
  .commitem {
    padding: 20px 10px;
    min-height: 50px;
  }
  .elevate-icon {
    width: auto;
    height: 35px;
  }
  .nucleus_slider .card-image img {
    min-height: 100%;
  }
  .fs-48 {
    font-size: 3rem;
  }
  .fs-32 {
    font-size: 2.4rem;
  }
  .fs-17 {
    font-size: 16px;
  }
  .slider_img img {
    height: 100%;
    width: 100%;
  }
  .esg_right h2 {
    font-size: 3rem;
  }
  .img_log {
    width: auto !important;
  }
  .mumbai_item {
    margin-top: 40px;
  }
  .investore_heading h1 {
    font-size: 2.4rem;
  }
  .people h2 {
    font-size: 17px;
  }
  .left_item {
    padding-top: 40px;
  }
  .certified-title.underline-title:before {
    right: 0 !important;
    margin: auto !important;
    left: 0 !important;
    transform: translateX(0) !important;
  }
  .fw-600 {
    font-weight: 500;
  }
  .footer_text {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .footer_menu_section {
    padding-top: 20px;
  }
  .copy {
    margin-top: 0 !important;
  }
  .ppp_image {
    text-align: center;
  }
  .awards_item {
    text-align: center;
  }
  .business .sdg_heading {
    padding-top: 24px;
  }
  .esg-para {
    padding-top: 25px;
    font-size: 22px;
  }
  .focus-areas-list .elevate-title {
    padding-left: 0;
  }
  .business_sdg {
    padding-top: 4.9rem;
  }
  .award_icons {
    max-height: 85px;
  }
  .banner-title {
    font-size: 36px;
    padding-bottom: 24px;
  }
  .banner-text {
    padding-top: 28px;
  }
  .news-banner {
    padding: 0;
    aspect-ratio: 1/1;
  }
  .banner-content-wrapper {
    display: flex;
    flex-direction: column;
    padding-top: 6rem;
    justify-content: center;
    margin-block: auto;
  }
  .news {
    padding-top: 40px;
  }
  .news-card {
    margin-bottom: 24px !important;
    margin-bottom: 36px !important;
  }
  .news-card .card-body {
    padding-top: 24px;
  }
  .bkc-hero {
    height: 70vh !important;
  }
  .salient-controler {
    display: none;
  }
  .underline-title {
    font-size: 30px;
  }
  .custom-sticky-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    align-items: center;
  }
  .custom-scrollspy-menu > ul > li > a {
    font-size: 14px;
  }
  .col-positioned {
    /* position: relative; */
    width: 100%;
  }
  .col-positioned img {
    height: auto;
  }
  .content-box {
    padding-left: 16px;
    transform: none !important;
    top: 0px !important;
    max-width: auto;
    left: 0;
  }
  .content-box > .title {
    font-size: 42px;
  }
  .content-box > .para {
    font-size: 16px;
  }
  .custom-scrollsy-spacing {
    padding-top: 0;
  }
  .single-page,
  .custom-scrollsy-spacing {
    margin-top: 30px;
    padding-bottom: 0;
  }
  .single-page {
    padding-top: 0rem;
  }
  .quintessential-content {
    padding-left: 0;
    padding-top: 40px;
  }
  .quintessential-content > .subtitle {
    font-size: 28px;
    padding-top: 40px;
  }
  .quantential-first-row {
    padding-bottom: 40px;
  }
  .elevate-title.underline-title {
    font-size: 26px;
  }
  .elevate-title {
    font-size: 16px;
  }
  .achievements_left {
    text-align: center;
  }
  .achievements_right .achievements_tabs {
    justify-content: center;
  }
  .sustainability_content .card {
    align-items: center;
    text-align: center;
  }
  .elevate-key-wrapper > div {
    padding-bottom: 5px;
  }
  .esg-people-planet {
    padding-top: 40px;
  }
  .bg-elevate {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .esg_right P {
    padding-top: 2.4rem;
  }
  .quintessential-content > .subtitle {
    padding-bottom: 28px;
  }
  .esg-planet-card {
    min-height: 400px;
  }
  .community .esg-planet-card {
    min-height: 0;
  }
  .salient-feature {
    padding-top: 40px;
    padding-bottom: 0px;
  }
  .salient-features-list {
    padding-block: 24px;
  }
  .sustainable-card-row {
    padding-top: 0;
  }
  .sustainable-card-row > div {
    margin-bottom: 24px;
  }
  .sustainability {
    padding-bottom: 20px;
  }
  .excelence-para-content {
    font-size: 20px;
  }
  .certified-slide-row {
    padding-top: 40px;
    padding-bottom: 0px;
  }
  .certification {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .gallery {
    padding-top: 40px;
  }
  .esg-av-sec {
    padding-top: 40px;
  }
  .gallery-tabs {
    transform: none;
    position: static;
  }
  .gallery-card-row {
    padding-top: 40px;
  }
  .gallery-tabs > .nav-pills li .nav-link {
    padding-inline: 12px;
    font-size: 15px;
  }
  .esg-people-feature li {
    font-size: 14px !important;
    margin-bottom: 4px !important;
  }
  .esg-people-feature {
    padding-top: 1.5rem;
  }
  .gallery-tabs > .nav-pills {
    margin-top: 40px;
    justify-content: center;
    gap: 18px;
  }
  .sustainable-icon-box {
    margin-inline: auto;
  }
  .sustainable-card-title {
    text-align: center;
  }
  .sustainable-card-para {
    text-align: center;
  }
  .esg-banner .esg-card-row {
    margin-top: 40px;
  }

  .community .esg-card-row {
    margin-top: 19rem;
    margin-bottom: 0;
  }
  .fsg-framework {
    margin-top: 40px;
  }
  .ecosystem {
    padding-top: 40px;
  }
  .gresb {
    padding-top: 40px;
  }
  .gresb-left {
    padding-top: 24px;
  }
  .sustainable-card-para {
    padding-top: 16px;
  }
  .focus-areas {
    margin-top: 40px;
  }

  .focus-areas h2 {
    padding-top: 40px;
    font-size: 3.4rem;
  }
  .focus-areas-list {
    padding-top: 25px 0;
  }
  .community {
    padding-top: 40px;
  }
  .Community_para {
    padding-top: 24px;
  }
  .sdg {
    margin-top: 40px;
    padding-top: 0;
  }
  .governance_details {
    padding-top: 24px;
    padding-left: 0;
    text-align: center;
  }
  .governance_list {
    padding-top: 6rem;
    padding-left: 0;
    padding-bottom: 24px;
    text-align: center;
  }

  .achievements {
    margin-top: 40px;
  }
  .achievements_heading {
    font-size: 3.4rem;
  }
  .fy_img {
    width: 200px;
  }
  .nuc_galiery.achievements_list {
    margin-top: 40px !important;
  }
  .achievements_text .card {
    text-align: center;
    align-items: center;
  }
  .awards {
    margin-top: 40px;
  }
  .awards_content {
    display: inline-block;
    text-align: center;
    padding-top: 24px;
  }
  .awards_para {
    padding-top: 24px;
  }
  .awards_list {
    padding-top: 0;
  }
  .achievements_digit {
    font-size: 2.4rem;
  }
  .ppp_heading {
    padding-top: 40px;
  }
  .gresb img {
    width: 200px;
  }
  .governance_img {
    height: 55px;
  }
  .governance_details .underline-title:before {
    right: 0;

    margin: auto;
  }
  .investors_tables thead tr th {
    white-space: nowrap;
  }
  .nav_section .nav-link {
    margin-left: 0;
  }
  .investore {
    margin-top: 40px;
  }
  .board {
    padding-top: 0px;
  }
  .investor_relations_tab {
    padding-top: 10px;
  }
  .title_financial_year h2 {
    font-size: 24px;
    text-align: center;
  }
  .title_financial_year {
    padding-bottom: 20px;
  }
  .quarterly_data_heading {
    margin-top: 32px;
  }
  .quarterly_data_heading h2 {
    font-size: 24px;
    font-weight: 600;
  }
  .quarterly_data img {
    width: 40px;
    height: 40px;
  }
  .quarterly_data p {
    font-size: 15px;
  }
  .hide_one_lg_device {
    display: block;
  }
  .noc_data h5 {
    font-size: 18px;
  }
  .noc_details img {
    width: 100px;
    max-width: 80px;
    min-height: 80px;
  }
  .hide_one_small_device {
    display: none;
  }
  .custom-sticky-nav {
    padding-inline: 16px;
  }
  .col-positioned {
    width: 100%;
  }
  .col-positioned img {
    display: none;
  }
  .custom-scrollspy-menu {
    top: 66px;
  }
  .sustainable-card-title {
    text-align: center;
    display: block;
  }
  .sustainable-card-row {
    padding-top: 16px;
  }
  .certification {
    margin-top: 4rem;
  }
  .gallery-tabs > .nav-pills {
    margin-top: 40px;
    justify-content: center;
    gap: 18px;
    flex-wrap: nowrap;
  }
  .gallery-tabs > .nav-pills li .nav-link {
    font-size: 14px !important;
  }
  .custom-scrollspy-menu > ul {
    gap: 16px;
  }
  .custom-scrollspy-menu > ul > li > a {
    padding-inline: 0;
  }
  .custom-scrollspy-menu {
    overflow: auto;
  }
  .custom-sticky-nav {
    overflow: visible;
    width: 100%;
  }

  .salient-card > .content-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
  .card.salient-card {
    margin-bottom: 16px;
  }
  .salient-card-row.gy-4 {
    --bs-gutter-y: 30px;
  }
  .bkc-hero {
    height: 48vh !important;
  }
  .sustainability {
    padding-top: 40px;
    margin-top: 0;
  }
  .underline-title {
    padding-top: 24px;
  }
  .elevate-title {
    padding-top: 0;
  }
  .elevate-key-wrapper {
    padding-top: 24px;
  }
}
@media (max-width: 375px) {
  .single-page,
  .custom-scrollsy-spacing {
    margin-top: 50px;
    padding-bottom: 0;
  }
  .single-page {
    padding-top: 7rem;
  }
}
@media (max-width: 575px) {
  .contact-banner {
    height: auto;
    aspect-ratio: 1 / 0.8;
  }
  .focus_image {
    height: 55px;
  }
  .esg_right {
    padding-top: 35px;
  }

  .right_Considerations {
    padding-top: 35px;
  }
  .right_Considerations h2 {
    font-size: 3.4rem;
  }
  .fsg-framework::after {
    display: none;
  }
}
.planet_image {
  min-height: 594px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  display: flex;
}
/* responsive section */
@media (min-width: 1200px) and (max-width: 1399px) {
  .portfolio_left{
    min-height: 280px;
  }
  .social-all {
    min-height: 400px;
  }
  .port_sec {
    margin-top: 0;
  }
  .testimonials_content {
    max-width: 500px;
    min-height: 330px;
  }
  .navbar-brand img {
    max-width: 160px;
  }
  .nucleus_slider .card-image img {
    min-height: 220px;
  }
  .one-bkc {
    left: -24%;
  }
  .slider_img img {
    height: 315px;
    width: 100%;
  }

  .portfolio_right img {
    object-fit: cover;
  }
  .planet_image {
    min-height: 450px;
  }
  .event_slider .slick-prev {
    left: -3% !important;
  }
  .event_slider .slick-next {
    right: -1%;
  }
  .nucleus_slider .slick-next {
    right: -48px;
  }
  .main_top {
    padding-top: 60px;
  }
  .testimonial_slider {
    max-width: 98%;
  }
  .testimonials .slick-prev {
    left: -4% !important;
  }
  .testimonials .slick-next {
    right: -2% !important;
  }
  .aboutus h3,
  .Planet_heading h3,
  .events h3,
  .nuc_heading h3,
  .nucleus_office h3,
  .portfolio_heading h3 {
    font-size: 38px;
  }
  .about_par p {
    font-size: 30px;
  }
  .stat-suffix {
    font-size: 38px;
  }

  .btn_exp {
    margin-top: auto;
  }
}