.swiper {
  width: 100%;

  /* height: 550px; */

  height: auto;
}

.mySwiper .swiper-slide {
  text-align: center;

  font-size: 18px;

  background: #f3f7fe;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  margin-bottom: 86px;
}

.swiper-slide img {
  display: block;

  width: 100%;

  height: 100%;

  object-fit: contain;
}

.slider-heading {
  text-align: left;

  font-size: 22px;

  font-weight: 600;

  color: #2a5ae9;
}

.slider-paragraph {
  text-align: left;

  font-size: 20px;

  color: gray;
}

.swiper-pagination {
  display: flex;

  justify-content: center;

  align-items: center;

  margin-top: 20px;
}

.swiper-pagination-bullet {
  width: 30px;

  height: 10px;

  background-color: black;

  margin: 0 5px;

  border-radius: 5px;

  transition: background-color 0.3s, transform 0.3s;

  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

.swiper-pagination-bullet:hover {
  background-color: #2a5ae9;

  transform: scale(1.1);
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #2a5ae9;
}

/* Default pagination dots */

.futureSection .swiper-pagination .swiper-pagination-bullet {
  background-color: white !important; /* Default color */

  opacity: 0.6; /* Slightly transparent */
}

/* Active pagination dot */

.futureSection .swiper-pagination .swiper-pagination-bullet-active {
  background-color: black !important; /* Active dot color */

  opacity: 1; /* Fully visible */
}

@media (min-width: 768px) and (max-width: 1920px) {
  .swiper-slide img {
    display: block;
	  width: 250px;
    height: auto;
    object-fit: contain;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {
  .global-section-number {
    font-size: 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1920px) {
  .px-120px {
    padding: 0 120px;
  }
  .subhead {
    left: 16%;
  }

  /* .featured-subhead {
    font-weight: bold;

    font-size: 3.2rem;

    max-width: 23%;

    z-index: 7;

    color: #ffffff;

    position: absolute;

    bottom: 29%;

    z-index: 7;
    filter: drop-shadow(0 0 5px #000);
  } */

  .footmask2 {
    position: absolute;

    right: 0px;

    top: -23px;
  }
}

@media (min-width: 1200px) and (max-width: 1499px) {
  .beforeheadeing h1 {
    font-size: 5.5rem;

    font-weight: bold;

    margin-bottom: 10px;

    position: relative;

    z-index: 2;

    color: #000000;
  }

  /* .featured-subhead {
    font-weight: bold;

    font-size: 2rem;

    max-width: 30%;

    z-index: 2;

    color: #000000;

    position: absolute;

    bottom: 23%;

    z-index: 7;
  } */

  .about-heading {
    font-size: 7.2rem;

    margin: 50px 0 20px;

    position: absolute;

    /*top: 10px;*/
	  top: 200px;
  }

  .about-subheading {
    font-size: 7.2rem;

    max-width: 100%;

    position: absolute;

    top: 170px;
  }
  .director-section-subheading {
    width: 82%;
    border-bottom-left-radius: 12px;
    margin: -13px 1px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #2a5ae9;
    padding: 8px 14px;
    border-bottom-right-radius: 50px;
  }
}

@media (min-width: 1000px) and (max-width: 1200px) {
  .beforeheadeing h1 {
    font-size: 5.5rem;

    font-weight: bold;

    margin-bottom: 10px;

    position: relative;

    z-index: 2;

    color: #000000;
  }

  /* .featured-subhead {
    font-weight: bold;

    font-size: 2rem;

    max-width: 30%;

    z-index: 2;

    color: #000000;

    position: absolute;

    bottom: 23%;

    z-index: 7;
  } */

  .px-120px {
    padding: 0 20px;
  }

  /* .hometopsection {

        margin-top: 60px;

    } */

  .about-heading {
    font-size: 6.2rem;

    margin: 0;

    position: absolute;

   /*top: 10px;*/
	  top: 200px;
  }

  .about-subheading {
    font-size: 6.2rem;

    max-width: 100%;

    position: absolute;

    top: 7rem;
  }
  .director-section-subheading {
    width: 82%;
    border-bottom-left-radius: 12px;
    margin: -13px 1px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #2a5ae9;
    padding: 8px 14px;
    border-bottom-right-radius: 50px;
  }
}

@media (min-width: 840px) and (max-width: 999px) {
  /* .hometopsection {

        margin-top: 60px;

    } */

  .px-120px {
    padding: 0 20px;
  }

  .global-section-number {
    font-size: 45px;
  }

  .global-section-prefix {
    font-size: 45px;
  }

  .global-section-subheading {
    width: 81%;

    background: #ffffff;

    border-bottom-left-radius: 12px;

    margin: -14px 0px 10px;

    font-size: 17px;

    font-weight: 600;

    color: #2a5ae9;

    padding: 8px 10px;
  }

  .beforeheadeing h1 {
    font-size: 5.5rem;
  }

  /* .featured-subhead {
    font-weight: bold;

    font-size: 1.8rem;

    max-width: 30%;

    z-index: 2;

    color: #000000;

    position: absolute;

    bottom: 24%;

    z-index: 7;
  } */

  .about-heading {
    font-size: 5.2rem;

    margin: 0;
  }

  .about-subheading {
    font-size: 5.2rem;

    max-width: 80%;
  }
  .director-section-subheading {
    width: 82%;
    border-bottom-left-radius: 12px;
    margin: -13px 1px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #2a5ae9;
    padding: 8px 14px;
    border-bottom-right-radius: 50px;
  }
}

@media (min-width: 481px) and (max-width: 840px) {
  .px-120px {
    padding: 0 20px;
  }

  .global-section-number {
    font-size: 45px;
  }

  .global-section-prefix {
    font-size: 45px;
  }

  .global-section-subheading {
    width: 81%;

    background: #ffffff;

    border-bottom-left-radius: 12px;

    margin: -14px 0px 10px;

    font-size: 17px;

    font-weight: 600;

    color: #2a5ae9;

    padding: 8px 10px;
  }

  .globalheading,
  .patentheading,
  .accrediations-heading,
  .companies-heading {
    font-size: 34px;
  }

  .patentdesc p {
    font-size: 17px;

    line-height: 1.7rem;
  }

  .slider-paragraph {
    font-size: 18px;
  }

  .slider-button {
    margin-top: 10px;
  }

  .companies {
    padding-bottom: 100px;
  }

  .mediaSection {
    background: #ffffff;

    padding-bottom: 0px;
  }

  .footerHeading {
    font-size: 30px;
  }

  .wpcf7-list-item-label {
    font-size: 16px;
  }

  .about-heading {
    font-size:4rem;

    /*margin: 0;*/
	  margin-top: -288px;
  }

  .about-subheading {
    font-size: 5.2rem;

    max-width: 80%;
  }

  .featuredSection h3 {
    color: #000000;

    font-weight: 600;

    font-size: 22px;
  }

  .mediadsubHeading {
    text-align: center;

    font-size: 18px;
  }

  .csr-subheading {
    color: #ffffff;

    font-size: 18px;
  }

  .company-logo-img {
    max-width: 190px;

    height: auto;
  }

  .futureSection .futurecontent {
    font-size: 18px;

    color: #fff;

    font-weight: 600;

    line-height: 1.6rem;

    margin: 0;
  }

  .myCSRSwiper .slider-button {
    margin-top: 50px;
  }

  .footmask2 {
    position: absolute;

    right: 0px;

    top: 0px;
  }
  .director-section-subheading {
    width: 82%;
    border-bottom-left-radius: 12px;
    margin: -13px 1px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #2a5ae9;
    padding: 8px 14px;
    border-bottom-right-radius: 50px;
  }
	
		.director-section-subheading .fa-linkedin{
	font-size:25px;
}

	.director-section-subheading h5{
		font-size: 13px;
	}

	
	
}

@media (min-width: 351px) and (max-width: 480px) {
  /* .hometopsection {

        margin-top: 0px;

    } */

  .px-120px {
    padding: 0 20px;
  }

  .overlay h1 {
    font-size: 30px;
  }

  /* .featured-subhead {
    font-size: 14px;

    font-weight: 600;

    position: absolute;

    bottom: 19%;

    width: 38%;

    color: #000000;

    z-index: 7;
  } */

  .globalheading,
  .patentheading,
  .companies-heading,
  .mediadHeading {
    padding: 40px 40px 20px;

    font-size: 22px;

    font-weight: 600;

    text-align: center;
  }

  .global-section-number {
    font-size: 45px;
  }

  .global-section-subheading {
    font-size: 16px;
  }

  .patentdesc p {
    font-size: 16px;

    line-height: 2rem;
  }

  .company-logo-img {
    max-width: 250px;
    height: auto;
  }

  .slider-content {
    background: #fff;
    border-radius: 18px;
  }

  .slider-heading {
    font-size: 20px;
  }

  .slider-paragraph,
  .mediadsubHeading,
  .media-caption {
    font-size: 16px !important;
  }

  .slider-button {
    margin-top: 20px;
  }

  .mediaSwiper .fixed-size-image {
    margin-bottom: 40px;
  }

  .mediaSection {
    padding-bottom: 0px;
  }

  .footerHeading {
    font-size: 20px;
  }

  .footlogo {
    max-width: 180px;

    height: auto;
  }

  .wpcf7-list-item-label {
    font-size: 16px;
  }

  .menu-item {
    margin: 10px 0px;
  }

  .globalSection {
    background: #f3f7fe;

    padding-bottom: 0px;
  }

  .menu-item a {
    color: #ffffff;

    font-size: 13px;
  }

  .about-heading {
    font-size: 2.3rem;

    margin: 0;

    position: absolute;
	  padding:20px;

   
	  /*top: 10px;*/
	  top: 130px;
  }

  .about-subheading {
    font-size: 2.5rem;

    max-width: 100%;

    position: absolute;

    top: 47px;
  }

  .featuredSection h3 {
    color: #000000;

    font-weight: 600;

    font-size: 25px;
  }

  .media-post p {
    font-size: 16px;
  }

  .featuredSection {
    background: #f3f7fe;

    padding-bottom: 0px;
  }

  .archiveSubheading {
    color: #2a5ae9;

    font-size: 18px;
  }

  .csr-subheading {
    color: #ffffff;

    font-size: 16px;
  }

  .careersHeading {
    color: #555;

    font-size: 17px;
  }

  .myCSRSwiper .slider-button {
    margin-top: 50px;
  }

  .pb-7 {
    padding-bottom: 3rem !important;
  }

  .futureHeading {
    color: #fff;

    font-size: 17px;
  }

  .futureSection .futurecontent {
    font-size: 16px;
  }

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

  .future-goals-img {
    width: 80px !important;

    height: 80px !important;
  }

  .careersSection .media-post h5 {
    font-size: 20px;
  }

  .middlecontact .contactHeading {
    font-size: 24px !important;
  }

  .director-section-subheading {
    width: 85%;
    border-bottom-left-radius: 12px;
   margin: -7px 0px 0px;
    font-size: 16px;
    font-weight: 600;
    color: #2a5ae9;
    padding: 8px 13px;
    border-bottom-right-radius: 50px;
  }
	
	.director-section-subheading .fa-linkedin{
	font-size:22px;
}

	.director-section-subheading h5{
		font-size: 14px;
	}

  .careerssubHeading {
    font-size: 19px;
  }
  .global-number {
    font-size: 25px;
  }
  .global-subheading {
    font-size: 14px;
  }
  .featuredtop {
    color: #000000;
    font-size: 25px;
  }
}
@media (min-width: 200px) and (max-width: 380px) {
	.company-logo-img {
    max-width: 200px;
    height: auto;
  }
	.swiper-slide img{
		width: 170px !important;
	}
}

@media (min-width: 200px) and (max-width: 350px) {
  /* .hometopsection {

        margin-top: 0px;

    } */
  .global-number {
    font-size: 25px;
  }
  .global-subheading {
    font-size: 14px;
  }
  .px-120px {
    padding: 0 20px;
  }

  .director-section-subheading {
    width: 85%;
    border-bottom-left-radius: 12px;
    margin: -21px 10px 10px;
    font-size: 13px;
    font-weight: 600;
    color: #2a5ae9;
    padding: 8px 13px;
    border-bottom-right-radius: 50px;
  }
  .overlay h1 {
    font-size: 30px;
  }

  /* .featured-subhead {
    font-size: 14px;

    font-weight: 600;

    position: absolute;

    bottom: 18%;

    width: 44%;

    color: #000000;

    z-index: 7;
  } */

  .globalheading,
  .patentheading,
  .companies-heading,
  .mediadHeading {
    padding: 40px 40px 20px;

    font-size: 25px;

    font-weight: 600;

    text-align: center;
  }

  .global-section-number {
    font-size: 50px;
  }

  .global-section-subheading {
    font-size: 16px;
  }

  .patentdesc p {
    font-size: 16px;

    line-height: 2rem;
  }

  .company-logo-img {
    max-width: 200px;

    height: auto;
  }

  .slider-content {
    background: #fff;

    padding: 30px;

    border-radius: 18px;

    margin-top: 23px;
  }

  .slider-heading {
    font-size: 20px;
  }

  .slider-paragraph,
  .mediadsubHeading,
  .media-caption {
    font-size: 16px !important;
  }

  .slider-button {
    margin-top: 20px;
  }

  .mediaSwiper .fixed-size-image {
    margin-bottom: 40px;
  }

  .mediaSection {
    padding-bottom: 0px;
  }

  .footerHeading {
    font-size: 18px;
  }

  .footlogo {
    max-width: 180px;

    height: auto;
  }

  .wpcf7-list-item-label {
    font-size: 16px;
  }

  .menu-item {
    margin: 10px 0px;
  }

  .globalSection {
    background: #f3f7fe;

    padding-bottom: 0px;
  }

  .menu-item a {
    color: #ffffff;

    font-size: 13px;
  }

  .about-heading {
    font-size: 2rem;

    margin: 0;

    position: absolute;

    /*top: 10px;*/
	  top: 200px;
  }

  .about-subheading {
    font-size: 2rem;

    max-width: 100%;

    position: absolute;

    top: 47px;
  }

  .featuredSection h3 {
    color: #000000;

    font-weight: 600;

    font-size: 22px;
  }

  .media-post p {
    font-size: 15px;
  }

  .featuredSection {
    background: #f3f7fe;

    padding-bottom: 0px;
  }

  .archiveSubheading {
    color: #2a5ae9;

    font-size: 18px;
  }

  .csr-subheading {
    color: #ffffff;

    font-size: 16px;
  }

  .careersHeading {
    color: #555;

    font-size: 18px;
  }

  .myCSRSwiper .slider-button {
    margin-top: 50px;
  }

  .pb-7 {
    padding-bottom: 3rem !important;
  }

  .futureHeading {
    color: #fff;

    font-size: 17px;
  }

  .futureSection .futurecontent {
    font-size: 16px;
  }

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

  .future-goals-img {
    width: 80px !important;

    height: 80px !important;
  }

  .careersSection .media-post h5 {
    font-size: 20px;
  }

  .middlecontact .contactHeading {
    font-size: 24px !important;
  }

  .careerssubHeading {
    font-size: 19px;
  }
  .featuredtop {
    color: #000000;
    font-size: 25px;
  }
}

@media (min-width: 768px) {
  .futuretitle {
    position: absolute;

    right: 0;

    top: -60px;

    width: auto;

    clip-path: polygon(
      10% 0%,

      100% 0%,

      100% 98.58%,

      0% 100%
    ); /* Slightly smaller angle */
  }

  .mediadHeading {
    position: absolute;

    right: 0;

    top: -60px;

    width: auto;

    clip-path: polygon(
      10% 0%,

      100% 0%,

      100% 98.58%,

      0% 100%
    ); /* Slightly smaller angle */
  }
}

/* Responsive for Small Screens */

@media (max-width: 768px) {
  .futuretitle {
    font-size: 20px;

    padding: 12px 50px;

    text-align: center;

    width: 100%; /* Prevent full width */

    position: relative;

    top: 0;

    margin: 15px auto; /* Center align */

    clip-path: polygon(
      8% 0%,

      100% 0%,

      100% 98.58%,

      0% 100%
    ); /* Adjusted for small screens */
  }
}

@media (min-width: 768px) and (max-width: 840px) {
  .overlay h1 {
    font-size: 75px;

    font-weight: bold;

    margin-bottom: 10px;

    position: absolute;

    top: 4%;
  }

  /* .featured-subhead {
    font-size: 24px;

    font-weight: normal;

    position: absolute;

    bottom: 22%;

    width: 30%;

    color: #000000;

    font-weight: 700;

    z-index: 7;
  } */

  .careersSection .media-post h5 {
    color: #2a5ae9;

    font-weight: 600;

    font-size: 20px;
  }

  .menu-item {
    margin: 20px 2px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .overlay h1 {
    font-size: 55px;

    font-weight: bold;

    margin-bottom: 10px;

    position: absolute;

    top: 4%;
  }

  /* .featured-subhead {
    font-size: 20px;

    font-weight: normal;

    position: absolute;

    bottom: 18%;

    width: 35%;

    color: #000000;

    font-weight: 700;

    z-index: 7;
  } */
}

@media only screen and (min-width: 1024px) and (max-width: 1920px){
	.about-heading{
		position: absolute;
		
  top: 150px;
}
}

@media only screen and (min-width: 1200px){
	.about-heading{
		position: absolute;
		
  top: 150px;
}
}