.text-center {

  text-align: center;

}

.text-right {

  text-align: right;

}

.searchAndLangWrap {

  float: none;

  width: 100%;

}

.header-right-container {

  display: flex;

  gap: 20px;

  flex-wrap: wrap;

}

.timeWrap {

  display: flex;

  flex-direction: column;

  gap: 5px;

}

.innerContentPart .leftContOuter{

      padding: 15px 16px;

}

.time-row {

  display: flex;

  align-items: flex-start;

  justify-content: right;

  gap: 5px;

}

.head-time {

  margin: 10px 0;

}

.time-row img {

  position: relative;

  top: 3px; /* adjust this until visually centered with clock */

  height: 24px;

  width: auto;

}

.marquee-wrapper {

  position: relative;

  display: flex;

  align-items: center;

  width: 100%;

  overflow: visible; /* allow the button to overflow freely */

  min-height: 60px; /* ensures wrapper height adjusts for button */

}



/* Red "Updates" Button / Label */

.updates-label {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  background: #e70b0b;

  color: #fff;

  padding: 14px 30px; /* adjust size here */

  font-weight: bold;

  font-size: 20px;

  border-radius: 0px 18px 18px 0px;

  z-index: 2;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

}



/* Marquee background box */

.marquee-wrapper marquee {

  width: 100%;

  background: #090909;

  color: #fff;

  height: 41px;



  padding: 15px 0; /* give top/bottom breathing room */

  padding-left: 170px; /* space for large button */

  box-sizing: border-box;

  display: flex;

  align-items: center; /* vertically center text */

  font-size: 16px;

  line-height: 1.5em;

}

marquee a {

  color: #fff;

  text-decoration: none;

  font-weight: 400;

}

.resTab .tabNav {

  margin: 0;

  padding: 0 0 5px 0;

  border-radius: 5px;

  list-style: none;

  border-bottom: 2px solid #f5f5f5;

  display: flex;

  justify-content: space-around;

}

.recordBox span {

  color: #3c4c72;

  font-weight: 400;

}

.leatestNewsWrap .tickerDivBlock {

  height: auto;

  margin-bottom: 5px;

  overflow: visible;

}

.gallery-slider {

  /* padding:15px; */

}

.gallery-slider span {

  margin: 0;

  padding: 0;

  color: #756969;

  font-weight: 600;

  font-size: 16px;

}

.gallery_content a {

  text-decoration: none;

  display: -webkit-box;

  -webkit-line-clamp: 3; /* limit to 3 lines */

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  line-height: 1.4em;

  max-height: calc(1.4em * 3);

}

.section-title {

  font-size: 16px;

  font-weight: 600;

  padding: 10px 0px;

  min-height: 88px;

  margin: 0;

}

.section-title a {

  text-decoration: none;

  display: -webkit-box;

  -webkit-line-clamp: 3; /* limit to 3 lines */

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  line-height: 1.4em;

  max-height: calc(1.4em * 3);

}



.image-slider .card {

  width: 100%;

  border-radius: 10px;

  border: none;

  padding: 15px;

  margin: auto;

}



.image-slider img {

  margin: 10px;

  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);

}

.image-slider img:hover {

  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);

}

.innerContentdiv {

  max-width: 1245px;

  margin: 0 auto;

  padding: 0px 0px 0px 20px;

}

.rightContentdiv {

  max-width: 100%;

  margin: 0 auto;

}



.columns-container {

  display: flex;

  margin-top: 25px;

  gap: 10px;

}

.columns-container .leftPartContainer {

  flex: 6;

  color: #fff;

  border-radius: 8px;

}



*/#t1c,

#t1 {

  font-family: Verdana !important;

}/*



.twoColslider {

  background: #f4f0f0;

  padding: 10px;

  margin: 10px auto;

}

/* Right column */

.columns-container .rightPartContainer {

  flex: 4;

  color: #fff;

  border-radius: 8px;

}



.amb-card {

  background: #f0f8ff;

  padding: 8px;

  display: flex;

  gap: 20px;

}

.amb-img {

  width: 160px;

  height: 160px;

  background: #80808066;

  border: 5px solid #fff;

}

.amb-content h3 {

  margin: 0;

  color: #0d3b8b;

  font-size: 22px;

  font-weight: 700;

}

.amb-content a {

  text-decoration: none;

}

.designation {

  margin: 3px 0 18px;

  font-size: 16px;

  color: #444;

}

.amb-links li {

  margin-bottom: 10px;

  color: #555;

  font-size: 15px;

  font-weight: 300;

  display: flex;

  align-items: center;

  gap: 6px;

}



/* SOCIAL MEDIA BOX */

.social-box {

  width: 100%;

  border-radius: 12px;

  overflow: hidden;

  background: #f2f2f2;

  margin: 10px 0px;

}



.social-header {

  background: #0d1e58;

  color: #fff;

  text-align: center;

  padding: 12px 0;

  font-size: 18px;

  font-weight: 600;

  border-top-left-radius: 12px;

  border-top-right-radius: 12px;

}



.social-content {

  padding: 5px;

  display: flex;

  align-items: center;

  /* gap: 20px; */

  flex-wrap: wrap;

}



.india-logo {

  width: 65px;

}



.social-text h3 {

  margin: 0;

  font-size: 20px;

  color: #0d1e58;

  font-weight: 700;

  margin-top: 10px;

}



.social-text p {

  margin: 3px 0 0;

  font-size: 15px;

  color: #444;

}



.social-icons {

  margin-left: auto;

  display: flex;

  gap: 12px;

  cursor: pointer;

  padding-top: 10px;

  float: right;

}



.social-icons img {

  width: 34px;

  height: auto;

  border-radius: 50%;

}

.social-media-updates {

  border-radius: 7px;

  margin: 10px 0px;

}

.leatestNewsWrap li:not(:last-child) {

  border-bottom: 1px dashed #d1d1d1;

}



.popup-close {

  background: url(../images/fancybox_close.png) no-repeat scroll 0 0

    rgba(0, 0, 0, 0);

  cursor: pointer;

  display: block;

  font-size: 208%;

  line-height: 1.33333em;

  width: 1.3333em;

  height: 1.3333em;

  line-height: 130%;

  position: absolute;

  right: 0;

  text-align: center;

  top: 0;

  z-index: 2;

  color: #222222;

}



.popup {

  /* background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); */

  display: block;

  height: 100%;

  left: 250px;

  position: fixed;

  top: 125px;

  width: 62%;

  z-index: 999999;

  vertical-align: middle;

}



.popup-container {

  display: block;

  margin: 0 auto;

  padding: 0px;

  text-align: center;

  text-align: center;

}



.popup-content {

  border: 4px solid #777777;

  border-radius: 10px;

  padding: 5px 20px 5px 20px;

  background-color: #fff;

  text-align: left;

  display: inline-block;

  position: relative;

  min-width: 15%;

  min-height: 100%;

}



.popup-content p {

  font-size: 14px;

}



.mission p {

  margin: 0 0 5px;

}



.footerpart {

  margin: 40px 0px;

  display: flex;

  justify-content: space-between;

  flex-flow: wrap;

}



.footerImg {

  margin-top: 9px;

}



.footerImg img {

  width: 200px;

  height: 132px;

}



.footerimage {

  margin-top: 200px;

}

marquee a:hover {

  color: #fff;

}



.gallery-container {

  max-width: 850px;

  /* SAME width for heading + images */

  margin: 0 auto;

  /* center on page */

}



.gallery-slider .owl-stage {

  display: flex !important;

}



.gallery-slider .owl-item {

  display: flex !important;

  height: auto !important;

}



.gallery-slider .item {

  display: flex;

  flex-direction: column;

  height: auto;



  width: 450px;

}

.gallery-slider .owl-item img {

  height: 320px;

}



.gallery-slider button.owl-playpause {

  background: none !important;

  /* Remove circle background */

  border: none !important;

  color: #333;

  /* Icon color */

  font-size: 22px;

  /* Bigger icon */

  width: auto;

  height: auto;

  line-height: normal;

  padding: 5px 8px;

  /* Add small clickable area */

  cursor: pointer;

}



.nav-holder button.owl-prev {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  /* make it circle */

  border: 2px solid #fff;

  /* circle border color */

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 0 !important;

}



.nav-holder [class*="owl-"] {

  background: none !important;

  /* Remove circle background */

  border: 2px solid #000000;

  border-radius: 50%;

  color: #333;

  /* Icon color */

  font-size: 12px;

  /* Bigger icon */

  width: auto;

  height: auto;

  line-height: normal;

  padding: 5px 8px;

  /* Add small clickable area */

  cursor: pointer;

}



.nav-holder [class*="owl-"] {

  background: transparent !important;

  color: #000000 !important;

}



.nav-holder [class*="owl-"]:hover {

  background: transparent !important;

  color: #000000 !important;

}

.owl-carousel {

  width: 100% !important;

}



.heading-wrap {

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

  /* ⭐ critical fix */

  row-gap: 8px;

}



.heading-wrap h3 {

  font-weight: 600;

  margin: 4px;

  padding: 0px 10px;

}



/* Nav beside heading */

.nav-holder {

  display: flex;

  gap: 6px;

  flex-shrink: 0;

  margin: 10px;

}



.tab-head h3 {

  margin: 0;

  color: #fff;

  padding: 15px;

  font-weight: 600;

}



.tabs-container {

  width: 80%;

  margin: 0 auto;

}



.tab-head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  background: #162f6a;

  border-radius: 15px;

}



/* Custom styling for tabs */

.ui-tabs .ui-tabs-nav {

  background-color: #162f6a;

  border: none;

}



.ui-widget.ui-widget-content {

  border: none !important;

}



.ui-tabs .ui-tabs-nav li {

  margin: 0 2px;

}



.ui-tabs .ui-tabs-nav li a {

  padding: 10px 20px;

  background: none;

  text-decoration: none;

  color: #333;

}



.ui-tabs .ui-tabs-panel {

  padding: 15px;

  background-color: #fff;

  border: 1px solid #ccc;

  display: none;

  height: 450px;

  overflow-y: scroll;

}



/* Styling for active panel */

.ui-tabs .ui-tabs-panel.ui-tabs-active {

  display: block;

}



.ui-state-hover,

.ui-widget-content .ui-state-hover,

.ui-widget-header .ui-state-hover {

  background: #ffffff !important;

  border: none !important;

}



.ui-state-default,

.ui-widget-content .ui-state-default,

.ui-widget-header .ui-state-default,

.ui-button,

html .ui-button.ui-state-disabled:hover,

html .ui-button.ui-state-disabled:active {

  background: #ffffff !important;

  border: none !important;

}

.btn-blue {

  margin: 14px;

  padding: 10px 20px;

  font-size: 14px;

  font-weight: 600;

  color: #fff;

  background: #162f6a;

  border-radius: 5px;

}

.section-important-links {

  padding: 40px;

  background: #f4f4f4;

}

.links-title {

  color: #05417e;

  font-size: 22px;

  font-weight: 600;

  text-align: center;

}

.links-wrapper {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

  gap: 15px;

}



.box-card {

  display: flex; /* Flexbox for alignment of content inside each box-card */

  align-items: center; /* Center content vertically */

  justify-content: flex-start; /* Center content horizontally */

  width: calc(33% - 7px); /* Each box takes 1/3 of the width minus the gap */

  box-sizing: border-box; /* Include padding and border in width */

  background-color: white;

  padding: 14px; /* Increase padding for spacing inside the box */

  border-left: 2px solid #162f6a; /* Left border color */

  border-radius: 7px; /* Rounded corners */

  text-align: center; /* Ensure text is centered inside the card */

  gap: 15px;

  min-height: 70px;

}

.box-card h3 {

  margin: 0;

  color: #0558a6;

  font-size: 15px;

  text-align: left;

}

.box-card a {

  text-decoration: none;

}

.box-card img {

  width: 20px;

  height: auto;

}

.equal-width-container {

  display: flex;

  margin-top: 25px;

  padding: 40px;

  gap: 10px;

}

.equal-width-container .leftPartContainer {

  flex: 6;

}

.equal-width-container .rightPartContainer {

  flex: 6;

}

.fx-table {

  display: flex;

  flex-direction: column; /* Stack rows vertically */

  gap: 20px; /* Add space between rows */

}



.fx-row {

  display: flex;

  justify-content: space-between; /* Distribute items equally horizontally */

  align-items: center; /* Align items vertically in the center */

  width: 100%; /* Ensure the rows take up the full width of the container */

  gap: 15px;

}



.fx-row p {

  font-size: 14px;

  margin: 0;

  flex: 1; /* Allow paragraphs to grow and take available space */

}

.fx-table i {

  color: #104e8d;

  background: #0558a633;

  padding: 13px 17px;

  border-radius: 6px;

  font-size: 20px;

}

.leftPartContainer h3 {

  font-weight: 600;

}



.rightPartContainer iframe {

  width: 100%;

  height: 600px;

}

.section-contactus p {

  color: #000000;

  font-size: 14px;

}



/* Footer Styles - Fixed padding and alignment */

#footer {

  /* background: #162f6a; */

  color: #ffffff;

  width: 100%;

}



.footerMainContainer {

  max-width: 100vw;

  margin: 0 auto;

  padding: 40px 20px 20px 20px;

}



.footerCont {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  flex-wrap: wrap;

  padding: 0;

  margin: 0;

  font-weight: 400;

}



.footerLeft {

  flex: 2;

  min-width: 300px;

  text-align: left;

  padding-right: 20px;

}



.footerLeft p {

  text-align: left;

  padding: 10px 0;

  margin: 0;

  color: #ffffff;

  font-size: 14px;

  line-height: 1.6;

}



.footerRight {

  /* flex: 0 0 auto; */

  flex: 1;

  text-align: right;

  padding-left: 20px;

}



.footerRight p.visitor {

  color: #ffffff;

  font-size: 14px;

  margin: 0;

  padding: 0;

  text-align: right;

}



.footerRight .visitor span {

  font-weight: 600;

  color: #ffffff;

}



.footerLinks {

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-start;

  list-style: none;

  padding: 0;

  margin: 0 0 20px 0;

  gap: 0;

}



.footerLinks li {

  position: relative;

  margin: 0;

  padding: 0 10px;

}



.footerLinks li:first-child {

  padding-left: 0;

}



.footerLinks li:not(:last-child):after {

  content: "|";

  position: absolute;

  right: 0;

  color: #ffffff;

  font-weight: normal;

}



.footerLinks li a {

  color: #ffffff;

  text-decoration: none;

  font-size: 14px;

  transition: opacity 0.3s ease;

  white-space: nowrap;

}



.footerLinks li a:hover {

  opacity: 0.8;

  text-decoration: underline;

}



.footerCredit {

  text-align: center;

  padding: 20px 20px;

  margin-top: 0;

  background: #162f6a;

  border-top: 1px solid rgba(255, 255, 255, 0.2);

  color: #ffffff;

  font-size: 14px;

  width: 100%;

}



.footerCredit strong {

  font-weight: 600;

}

/* Image container */

.indexBanner .sliderImg {

    position: relative;

    /* width: 63%; */

    /* height: 500px; or aspect-ratio */

}



.indexBanner .contentWidthSlider .bannerCaption {

   position: absolute !important;



    /* 🔴 RESET EVERYTHING THAT CAUSES FULL HEIGHT */

    top: auto !important;

    right: auto !important; 

    bottom: 0 !important;

    left: 0 !important;

     height: auto !important;



    display: block !important;

 background: linear-gradient(to top, #515151, rgb(40 40 40 / 54%));

  }

.indexBanner .contentWidthSlider .sliderText {

    background:none;

}





@media (max-width: 767px) {

  .owl-carousel .item {

    height: auto;

    /* smaller for mobile */

  }



  .popup {

    left: 5px;

    width: 98%;

    position: absolute;

  }



  #janjatiya {

    padding-top: 0.5%;

    height: auto;

  }

  .box-card {

    width: calc(50% - 15px);

  }

  .equal-width-container {

    flex-direction: column;

  }

}



/* MOBILE RESPONSIVE */

@media (max-width: 600px) {

  .columns-container {

    flex-direction: column; /* stack the columns vertically on small screens */

    align-items: center; /* center align items */

    width: 100%; /* ensure full width on small screens */

  }



  .rightPartContainer {

    flex: 0 0 100%; /* make sure it takes full width on mobile */

    text-align: center;

    align-items: center;

    margin-top: 15px; /* optional spacing from top */

  }

  /* Ambassador box becomes vertical */

  .amb-card {

    flex-direction: column;

    text-align: center;

    align-items: center;

  }



  .amb-links li {

    justify-content: center;

  }



  /* Social box layout */

  .social-content {

    text-align: center;

    justify-content: center;

  }



  .social-icons {

    margin: 0 auto;

  }

  .tab-head {

    flex-direction: column; /* Stack the content vertically on smaller screens */

    align-items: flex-start; /* Align the items to the left */

  }

  .heading-wrap {

    flex-direction: column; /* Stack the content vertically on smaller screens */

    align-items: flex-start; /* Align the items to the left */

  }

  .box-card {

    width: 100%;

    min-height: auto;

    padding: 12px;

  }



  .equal-width-container {

    flex-direction: column;

  }



  .leftPartContainer h3 {

    font-size: 20px;

  }



  .leftPartContainer h4 {

    font-size: 14px;

  }



  .fx-row {

    flex-direction: column; /* keeps icon left, text right */

    align-items: flex-start;

  }



  .fx-table i {

    padding: 8px 12px;

    font-size: 16px;

  }



  .fx-row p {

    font-size: 13px;

  }



  .rightPartContainer iframe {

    height: 250px;

  }

  .gallery-container {

    max-width: 395px;

    margin: 0 auto;

  }

  .gallery-slider {

    padding: 20px;

  }

  .gallery-slider .owl-item img {

    height: auto;

  }

  .image-slider .owl-nav {

    display: none;

  }

}



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

   INDEX BANNER (SLIDER) STYLES - MATCHING REFERENCE IMAGE

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

.indexBanner {

  margin: 0;

  padding: 0;

  position: relative;

  color: #fff;

  /* min-height: 450px; */

}



.indexBanner .contentWidthSlider {

  position: relative;

  width: 100%;

  margin: 0;

  padding: 0;

}



.indexBanner .contentWidthSlider .dataSlider {

  background: none;

}





.indexBanner .sliderImg img {

  width: 100%;

  height: auto;

  opacity: 0;

  visibility: hidden;

}



.indexBanner .item {

  position: relative;

  width: 100%;

}



/* Banner Caption - Dark overlay at bottom third */

/* .indexBanner .bannerCaption {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: auto;

  min-height: 33%;

  background: linear-gradient(

    to top,

    rgba(22, 47, 106, 0.95) 0%,

    rgba(22, 47, 106, 0.85) 60%,

    rgba(22, 47, 106, 0.3) 100%

  );

  z-index: 10;

  display: flex;

  align-items: flex-end;

  padding: 0;

} */



/* .indexBanner .bannerCaption .container {

  position: relative;

  /* padding: 30px 40px 25px 40px; /

  max-width: 100%;

} */



.indexBanner .sliderText {

  background: transparent;

  width: 100%;

  padding: 0;

  min-height: auto;

  float: none;

  position: relative;

}



.indexBanner .sliderText .title {

  color: #ffffff;

  font-size: 1.1em;

  line-height: 1.6;

  margin-bottom: 8px;

  font-weight: 500;

  text-shadow: none;

}



.indexBanner .sliderText .title a {

  color: #ffffff;

  text-decoration: none;

}



.indexBanner .sliderText .title span {

  color: #ffffff;

  font-size: 0.85em;

  opacity: 0.95;

  font-weight: 400;

}



.indexBanner .sliderText .title span i {

  margin-right: 5px;

}



/* View All button - simple text link with border */

.indexBanner .bannerLinks {

  float: none;

  width: auto;

  margin: 0;

  display: inline-block;

}



.indexBanner .bannerLinks a {

  color: #ffffff;

  background: transparent;

  border: 1px solid #ffffff;

  padding: 6px 18px;

  border-radius: 3px;

  text-decoration: none;

  font-size: 14px;

  font-weight: 500;

  display: inline-block;

  transition: all 0.3s ease;

  line-height: 1.4;

}



.indexBanner .bannerLinks a:hover {

  background: rgba(255, 255, 255, 0.1);

  border-color: #ffffff;

  color: #ffffff;

}



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

   INNER CONTENT DIV & MEDIA SCROLL STYLES

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

.innerContentdiv .resTab.commonTabs {

  background: #ffffff;

  /* border-radius: 15px; */

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

  border: none;

  overflow: hidden;

  /* padding: 0; */

  /* margin: 20px 0; */

}



.innerContentdiv .resTab.commonTabs .tabNav {

  background: transparent;

  /* border-bottom: 1px solid #e0e0e0; */

  padding: 0;

  margin: 0;

  display: flex;

  border-radius: 0;

  list-style: none;

  gap: 9px;

}



.innerContentdiv .resTab.commonTabs .tabNav li {

  margin: 0;

  flex: 1;

  padding: 0 5px;

}



.innerContentdiv .resTab.commonTabs .tabNav li:first-child {

  padding-left: 0;

}



.innerContentdiv .resTab.commonTabs .tabNav li:last-child {

  padding-right: 0;

}



.innerContentdiv .resTab.commonTabs .tabNav li a {

  display: block;

  padding: 15px 20px;

  text-align: center;

  color: #ffffff;

  background: #162f6a;

  border-radius: 0;

  font-size: 16px;

  font-weight: 600;

  text-decoration: none;

  transition: all 0.3s ease;

  position: relative;

}



.innerContentdiv .resTab.commonTabs .tabNav li a.tabval.active,

.innerContentdiv .resTab.commonTabs .tabNav li a.tabval:focus,

.innerContentdiv .resTab.commonTabs .tabNav li.ui-tabs-active a,

.innerContentdiv .resTab.commonTabs .tabNav .r-tabs-state-active a {

  background: #ffffff;

  color: #162f6a;

  border-bottom: none;

  /* border-radius: 10px 10px 0 0; */

}



.innerContentdiv .resTab.commonTabs .tabNav li a:hover {

  background: rgba(255, 255, 255, 0.1);

  color: #ffffff;

}



.innerContentdiv .resTab.commonTabs .tabNav li a.tabval.active:hover,

.innerContentdiv .resTab.commonTabs .tabNav li.ui-tabs-active a:hover,

.innerContentdiv .resTab.commonTabs .tabNav .r-tabs-state-active a:hover {

  background: #ffffff;

  color: #162f6a;

}



.innerContentdiv .resTab.commonTabs .tabContainer {

  background: #ffffff;

  padding: 0;

  overflow-y: auto;

  overflow-x: hidden;

  max-height: 450px;

  position: relative;

}



/* Custom scrollbar for tabContainer */

.innerContentdiv .resTab.commonTabs .tabContainer::-webkit-scrollbar {

  width: 8px;

}



.innerContentdiv .resTab.commonTabs .tabContainer::-webkit-scrollbar-track {

  background: #f0f0f0;

}



.innerContentdiv .resTab.commonTabs .tabContainer::-webkit-scrollbar-thumb {

  background: #c0c0c0;

  border-radius: 4px;

}



.innerContentdiv

  .resTab.commonTabs

  .tabContainer::-webkit-scrollbar-thumb:hover {

  background: #a0a0a0;

}



.innerContentdiv .resTab.commonTabs .tabContent {

  background: #ffffff;

  padding: 20px;

  border-top: 1px solid #e0e0e0;

  display: none;

}



.tabMoreLinks strong {

  color: #fff;

}

.innerContentdiv .resTab.commonTabs .tabContent.active,

.innerContentdiv .resTab.commonTabs .tabContent.ui-tabs-panel.ui-tabs-active,

.innerContentdiv .resTab.commonTabs .r-tabs-panel.r-tabs-state-active {

  display: block !important;

  visibility: visible !important;

  opacity: 1 !important;

}



.innerContentdiv .leatestNewsWrap {

  background: #ffffff;

  padding: 0;

  margin: 0;

  height: auto;

  overflow: visible;

}



.innerContentdiv .activityTicker {

  list-style: none;

  padding: 0;

  margin: 0;

  position: relative;

  overflow: hidden;

  /* animation: scrollUp 20s linear infinite; */

}



/* @keyframes scrollUp {

  0% {

    transform: translateY(0);

  }

  100% {

    transform: translateY(-50%);

  }

} */



/* Pause animation on hover */

/* .innerContentdiv .tickerDivBlock:hover .activityTicker {

  animation-play-state: paused;

} */



/* .innerContentdiv .activityTicker li {

  padding: 8px 0;

  border-bottom: 1px dotted #d1d1d1;

} */



.innerContentdiv .activityTicker li:last-child {

  border-bottom: none;

}



.innerContentdiv .recordBox {

  display: flex;

  flex-direction: column;

  /* gap: 8px; */

}



.innerContentdiv .recordBox a.mar {

  color: #162f6a;

  font-weight: 600;

  font-size: 15px;

  line-height: 1.5;

  text-decoration: none;

  display: block;

}



.innerContentdiv .recordBox a.mar:hover {

  text-decoration: underline;

}



.innerContentdiv .recordBox span {

  color: #6c757d;

  font-size: 14px;

  font-weight: 400;

}



.innerContentdiv .tabMoreLinks {

  text-align: right;

  padding: 15px 20px;

  border-top: 1px solid #e0e0e0;

}



.innerContentdiv .readMore {

  display: inline-block;

  background: #162f6a;

  color: #ffffff;

  padding: 10px 25px;

  border-radius: 5px;

  text-decoration: none;

  font-weight: 600;

  font-size: 14px;

  transition: *background* 0.3s ease;

}



.innerContentdiv .readMore:hover {

  background: #0d1e58;

  color: #ffffff;

}



/* Custom scrollbar for media scroll */

.innerContentdiv .leatestNewsWrap::-webkit-scrollbar {

  width: 8px;

}



.innerContentdiv .leatestNewsWrap::-webkit-scrollbar-track {

  background: #f0f0f0;

}



.innerContentdiv .leatestNewsWrap::-webkit-scrollbar-thumb {

  background: #c0c0c0;

  border-radius: 4px;

}



.innerContentdiv .leatestNewsWrap::-webkit-scrollbar-thumb:hover {

  background: #a0a0a0;

}



/* jQuery UI Tabs compatibility */

.innerContentdiv .resTab.commonTabs .tabNav li a.ui-tabs-anchor {

  background: #162f6a;

  color: #ffffff;

}



.innerContentdiv .resTab.commonTabs .tabNav li.ui-tabs-active a.ui-tabs-anchor {

  background: #ffffff !important;

  color: #162f6a !important;

  border-radius: 10px 10px 0 0;

}



.innerContentdiv .resTab.commonTabs .tabContent.ui-tabs-panel {

  display: none !important;

}



.innerContentdiv .resTab.commonTabs .tabContent.ui-tabs-panel.ui-tabs-active {

  display: block !important;

  visibility: visible !important;

  opacity: 1 !important;

}



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

   TWO COLUMN SLIDER (GALLERY) STYLES

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

.twoColslider {

  background: #f8f8f8;

  /* padding: 30px 20px; */

  margin: 20px auto;

  border-radius: 10px;

}



.twoColslider .gallery-container {

  /* max-width: 100%; */

  margin: 0 auto;

}



.twoColslider .heading-wrap {

  display: flex;

  justify-content: space-between;

  align-items: center;

  /* margin-bottom: 20px; */

  /* padding: 0 10px; */

}



.twoColslider .heading-wrap h3 {

  font-size: 22px;

  font-weight: 600;

  color: #333;

  margin: 0;

}



.twoColslider .nav-holder {

  display: flex;

  gap: 8px;

  align-items: center;

}



.twoColslider .nav-holder button {

  /* width: 40px; */

  /* height: 40px; */

  border-radius: 50%;

  border: 2px solid #000;

  background: transparent;

  color: #000;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 18px;

  transition: all 0.3s ease;

}



.twoColslider .nav-holder button:hover {

  background: #000;

  color: #fff;

}



.twoColslider .gallery-slider {

  /* padding: 15px 0; */

}



.twoColslider .gallery-slider .item {

  /* background: #ffffff; */

  /* border-radius: 8px; */

  overflow: hidden;

  /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */

  margin: 0 10px;

}

.gallery-container .btn-blue {

  margin: 0;

}



.twoColslider .gallery-slider .item img {

  width: 100%;

  height: 320px;

  object-fit: cover;

  display: block;

}



.twoColslider .gallery-slider .section-title {

  padding: 15px;

  margin: 0;

}



.twoColslider .gallery-slider .section-title a {

  color: #333;

  font-weight: 600;

  font-size: 16px;

  text-decoration: none;

  line-height: 1.4;

}



.twoColslider .gallery-slider .section-title a:hover {

  color: #162f6a;

  text-decoration: underline;

}



.twoColslider .gallery-slider span {

  padding: 0 15px 15px 15px;

  color: #756969;

  font-size: 14px;

  display: block;

}



.twoColslider .text-right {

  text-align: right;

  margin-top: 20px;

  padding-right: 10px;

}



.twoColslider .btn-blue {

  background: #162f6a;

  color: #ffffff;

  border: none;

  padding: 10px 25px;

  border-radius: 5px;

  font-weight: 600;

  font-size: 14px;

  cursor: pointer;

  transition: *background* 0.3s ease;

}



.twoColslider .btn-blue:hover {

  background: #0d1e58;

}



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

   CAROUSEL WRAPPER STYLES

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

.carousel-wrapper {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 40px 60px;

  background: #ffffff;

}



.carousel-wrapper .image-slider {

  width: 100%;

  max-width: 1200px;

}



.carousel-wrapper .image-slider .card {

  background: #ffffff;

  /* border: 1px solid #e0e0e0; */

  border-radius: 5px;

  /* padding: 15px; */

  /* margin: 0 10px; */

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

  transition: transform 0.3s ease, box-shadow 0.3s ease;

}

.image-slider .owl-stage {

  padding: 10px 0 !important;

}



.carousel-wrapper .image-slider .card:hover {

  transform: translateY(-5px);

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

}



.carousel-wrapper .image-slider .card img {

  width: 100%;

  height: auto;

  display: block;

  margin: 0;

  box-shadow: none;

}



.carousel-wrapper .custom-prev,

.carousel-wrapper .custom-next {

  position: absolute;

  width: 60px;

  height: 60px;

  border-radius: 0;

  background: transparent;

  border: none;

  color: #162f6a;

  font-size: 36px;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 10;

  transition: all 0.3s ease;

  top: 50%;

  transform: translateY(-50%);

  font-weight: bold;

}



.carousel-wrapper .custom-prev {

  left: 0;

}



.carousel-wrapper .custom-next {

  right: 0;

}



.carousel-wrapper .custom-prev:hover,

.carousel-wrapper .custom-next:hover {

  color: #0d1e58;

  opacity: 0.8;

}



.carousel-wrapper .custom-prev i,

.carousel-wrapper .custom-next i {

  color: #676768;

  font-size: inherit;

}



/* Footer Credit styles removed - using original footer */



/* Ensure carousel items are visible */

.owl-carousel .owl-item {

  opacity: 1 !important;

  visibility: visible !important;

}



.owl-carousel .item {

  display: block !important;

  opacity: 1 !important;

  visibility: visible !important;

}



/* .owl-carousel .item img {

  opacity: 1 !important;

  visibility: visible !important;

  display: block !important;

} */

.owl-item img {

    transform-style: preserve-3d;

}

.searchBoxWrap input[type="text"] {

  border: none;

}

.logoAndSearchRow {

  padding: 0;

}

.footerLinks li:before {

  display: none;

}



.owl-carousel .owl-stage-outer {

    padding: 0 !important;

}



.owl-carousel .owl-stage {

    margin: 0 !important;

}







.indexBanner .sliderImg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}

@media only screen and (max-width: 1024px) {

    .indexBanner .contentWidthSlider .sliderImg

{

  max-height: 482px;

}

  .r-tabs .r-tabs-nav {

    display: none !important;

  }

  .meaInfoBlock .commonTabs,

  .tabsAndImplinks .commonTabs {

    display: block;

  }

}



@media (max-width: 768px) {

  .indexBanner .contentWidthSlider .sliderImg

{

  max-height: 360px;

}

  .columns-container {

    flex-direction: column;

  }

  .search-box {

    display: flex !important;

  }

  .searchAndLangWrap .searchBoxWrap {

    padding: 0;

    margin-top: 0;

  }

  .head-time {

    display: block;

  }

}

@media (max-width: 480px) {

  .indexBanner .contentWidthSlider .sliderImg {

    max-height: 350px;

  }

}

/* DBIM F.1 homepage palette: scoped overrides; legacy layout retained. */

:root { --font-primary: 'Noto Sans', Arial, sans-serif; }

.meaInfoBlock .marquee-wrapper { background: var(--color-linen, #EBEAEA); min-height: 56px; }

.meaInfoBlock .marquee-wrapper .updates-label {

  background: var(--brand-key, #162F6A); color: #fff; box-shadow: none;

  font-size: 18px; padding: 12px 24px; border-radius: 0 8px 8px 0;

}

.meaInfoBlock .marquee-wrapper marquee {

  background: var(--color-linen, #EBEAEA); color: var(--text-primary, #150202);

  min-height: 44px; height: auto; padding: 10px 12px 10px 160px;

}

.meaInfoBlock .marquee-wrapper marquee a,

.meaInfoBlock .marquee-wrapper marquee a:visited {

  color: var(--brand-key, #162F6A); text-decoration: underline; font-weight: 600;

}

.meaInfoBlock .marquee-wrapper marquee a:hover { color: var(--brand-v1, #214AAB); }

.meaInfoBlock .columns-container .leftPartContainer,

.meaInfoBlock .columns-container .rightPartContainer { min-width: 0; }

.meaInfoBlock .amb-card { background: var(--color-linen, #EBEAEA); color: var(--text-primary, #150202); }

.meaInfoBlock .amb-content h3, .meaInfoBlock .social-text h3 { color: var(--brand-key, #162F6A); }

.meaInfoBlock .amb-links a { color: var(--brand-key, #162F6A); text-decoration: underline; }

.meaInfoBlock .amb-links a:hover { color: var(--brand-v1, #214AAB); }

.meaInfoBlock .social-box { background: #fff; border: 1px solid var(--color-grey-01, #C6C6C6); }

.meaInfoBlock .social-header { background: var(--brand-key, #162F6A); color: #fff; }

.meaInfoBlock .social-text p, .meaInfoBlock .designation { color: var(--text-secondary, #606060); }

.meaInfoBlock .innerContentdiv .resTab.commonTabs .tabNav li a {

  background: var(--brand-key, #162F6A); color: #fff;

}

.meaInfoBlock .innerContentdiv .resTab.commonTabs .tabNav li a:hover {

  background: var(--brand-v1, #214AAB); color: #fff;

}

.meaInfoBlock .innerContentdiv .resTab.commonTabs .tabNav li.ui-tabs-active a,

.meaInfoBlock .innerContentdiv .resTab.commonTabs .tabNav li a.tabval.active,

.meaInfoBlock .innerContentdiv .resTab.commonTabs .tabNav .r-tabs-state-active a {

  background: #fff; color: var(--brand-key, #162F6A);

  border: 1px solid var(--brand-key, #162F6A); border-bottom: 0;

}

.meaInfoBlock .innerContentdiv .resTab.commonTabs .tabNav li.ui-tabs-active a:hover,

.meaInfoBlock .innerContentdiv .resTab.commonTabs .tabNav li a.tabval.active:hover,

.meaInfoBlock .innerContentdiv .resTab.commonTabs .tabNav .r-tabs-state-active a:hover {

  background: #fff; color: var(--brand-key, #162F6A);

}

.meaInfoBlock .btn-blue, .section-important-links .btn-blue {

  background: var(--brand-key, #162F6A); color: #fff;

}

.meaInfoBlock .btn-blue:hover, .section-important-links .btn-blue:hover {

  background: var(--brand-v1, #214AAB); color: #fff;

}

.meaInfoBlock a:focus-visible, .meaInfoBlock button:focus-visible {

  outline: 3px solid var(--brand-v1, #214AAB); outline-offset: 3px;

}

@media (max-width: 767px) {

  .meaInfoBlock .marquee-wrapper .updates-label { font-size: 14px; padding: 10px 12px; }

  .meaInfoBlock .marquee-wrapper marquee { padding-left: 105px; font-size: 14px; }

  .meaInfoBlock .innerContentdiv .resTab.commonTabs .tabNav { flex-wrap: wrap; gap: 6px; }

  .meaInfoBlock .innerContentdiv .resTab.commonTabs .tabNav li { flex: 1 1 calc(50% - 6px); padding: 0; }

  .meaInfoBlock .innerContentdiv .resTab.commonTabs .tabNav li a { padding: 10px 6px; font-size: 14px; }

}





/* Hide mobile menu trigger on desktop */

@media screen and (min-width: 1025px) {

    .menu-trigger {

        display: none !important;

    }

}



/* Show mobile menu trigger on smaller screens */

@media screen and (max-width: 1024px) {

    .menu-trigger {

        display: block;

    }

}



/* Desktop: hide mobile navigation label */

@media screen and (min-width: 1025px) {

    #menuPartWrapper .menu-trigger,

    .mainNavigation .menu-trigger,

    .mainNavigation .mobileMenu,

    .mainNavigation .menuToggle {

        display: none !important;

    }

}



/* Hide mobile menu toggle on desktop only */

@media (min-width: 1025px) {

    #header .menu-trigger,

    #header .menuTrigger,

    #header .mobile-menu-trigger,

    #header .responsive-menu-toggle {

        display: none !important;

    }

}





/* DBIM: desktop navigation and mobile menu visibility */

@media screen and (min-width: 1025px) {

    #mainNav .slicknav_menu,

    #mainNav .slicknav_btn,

    #mainNav .meanmenu-reveal,

    #mainNav .menu-toggle,

    #mainNav .mobile-menu-toggle,

    #mainNav .menu-trigger,

    #mainNav .responsive-menu-toggle,

    #mainNav .dl-trigger {

        display: none !important;

    }



    #mainNav #nav {

        display: flex;

        flex-wrap: wrap;

        align-items: center;

    }

}



/* DBIM - Hide mobile Menu trigger on desktop */

@media screen and (min-width: 1025px) {

    #mainNav .menu-triggers,

    #ContentPlaceHolder1_UserMenuHorizontal1_divMenu > .menu-triggers {

        display: none !important;

    }



    #mainNav #nav {

        display: flex;

        flex-wrap: wrap;

        align-items: center;

    }

}



/* Keep the mobile menu trigger available on mobile */

@media screen and (max-width: 1024px) {

    #mainNav .menu-triggers {

        display: inline-flex;

        align-items: center;

        justify-content: center;

    }

}


/* DBIM: Ambassador's Desk and social links - scoped to homepage right column */
.meaInfoBlock .rightPartContainer .amb-card {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 12px;
}
.meaInfoBlock .rightPartContainer .amb-img {
  flex: 0 0 160px;
  max-width: 38%;
  box-sizing: border-box;
}
.meaInfoBlock .rightPartContainer .amb-content { flex: 1 1 0; min-width: 0; }
.meaInfoBlock .rightPartContainer .amb-links { list-style: none; padding: 0; margin: 0; }
.meaInfoBlock .rightPartContainer .amb-links li { margin: 0 0 10px; display: block; }
.meaInfoBlock .rightPartContainer .amb-links a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 28px;
  color: var(--brand-key, #162F6A);
  font-weight: 500;
  font-size: 15px;
  line-height: 1.45;
  text-decoration: none;
}
.meaInfoBlock .rightPartContainer .amb-links a:hover { text-decoration: underline; }
.meaInfoBlock .rightPartContainer .amb-link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  color: var(--brand-key, #162F6A);
}
.meaInfoBlock .rightPartContainer .amb-link-icon svg { display: block; width: 100%; height: 100%; }
.meaInfoBlock .rightPartContainer .social-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px;
}
.meaInfoBlock .rightPartContainer .social-text { flex: 1 1 155px; min-width: 0; }
.meaInfoBlock .rightPartContainer .social-text h3 { margin-top: 0; }
.meaInfoBlock .rightPartContainer .social-icons {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  float: none;
  margin-left: auto;
  padding-top: 0;
}
.meaInfoBlock .rightPartContainer .social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-decoration: none;
  transition: transform .15s ease;
}
.meaInfoBlock .rightPartContainer .social-icons a:hover { transform: translateY(-2px); }
.meaInfoBlock .rightPartContainer .social-icons .social-icon-image {
  display: block;
  width: 34px;
  height: 34px;
  max-width: 100%;
  object-fit: contain;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  float: none;
}
.meaInfoBlock .rightPartContainer a:focus-visible {
  outline: 3px solid var(--brand-v1, #214AAB);
  outline-offset: 3px;
}
@media (max-width: 767px) {
  .meaInfoBlock .rightPartContainer .amb-card { gap: 12px; }
  .meaInfoBlock .rightPartContainer .amb-img { flex-basis: 120px; height: 140px; }
  .meaInfoBlock .rightPartContainer .social-content { justify-content: center; }
  .meaInfoBlock .rightPartContainer .social-text { flex: 1 1 170px; text-align: left; }
  .meaInfoBlock .rightPartContainer .social-icons { justify-content: center; margin: 4px auto 0; }
}
@media (max-width: 420px) {
  .meaInfoBlock .rightPartContainer .amb-card { flex-direction: column; align-items: center; }
  .meaInfoBlock .rightPartContainer .amb-img { max-width: none; width: 140px; height: 140px; }
  .meaInfoBlock .rightPartContainer .amb-content { width: 100%; text-align: center; }
  .meaInfoBlock .rightPartContainer .amb-links li { text-align: center; }
  .meaInfoBlock .rightPartContainer .social-text { text-align: center; }
}

/* Madagascar DBIM social icon circles (scoped to the right sidebar) */
.meaInfoBlock .rightPartContainer .dbim-footer-social {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;
  gap: 8px; margin-left: auto;
}
.meaInfoBlock .rightPartContainer .dbim-footer-social .dbim-social-link {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 34px; width: 34px; height: 34px;
  border-radius: 50%; background: #fff; color: #193368;
  border: 1px solid #d7deeb; text-decoration: none;
  transition: background-color .2s ease, transform .2s ease;
}
.meaInfoBlock .rightPartContainer .dbim-footer-social .dbim-social-link svg {
  display: block; width: 19px; height: 19px; fill: currentColor;
}
.meaInfoBlock .rightPartContainer .dbim-footer-social .dbim-social-link:hover {
  background: #eaf0fa; transform: translateY(-2px);
}
.meaInfoBlock .rightPartContainer .dbim-footer-social .dbim-social-link:focus-visible {
  outline: 3px solid #e59c21; outline-offset: 2px;
}
@media (max-width: 767px) {
  .meaInfoBlock .rightPartContainer .dbim-footer-social { justify-content: center; margin: 4px auto 0; }
}