:root {
  --purple-light: #a53dff;
  --purple-dark: #601f79;
  --title-color: #333333;
}
body {
  overflow-x: hidden;
  font-family: "Inter";
}
/*******razopay*****/

.donate-btn {
  background-color: transparent !important;
}
.donate-btn form svg {
  display: none;
}
.donate-btn .PaymentButton-contents {
  padding: 0rem !important;
}
.donate-btn .razorpay-payment-button a {
  background-color: #f57c00 !important;
  padding: 0.5rem !important;
}
.donate-btn .PaymentButton-contents .PaymentButton-securedBy {
  display: none;
}
.donate-btn .PaymentButton {
  min-width: 100px !important;
  height: 35px !important;
  font-style: normal !important;
  border-radius: 0px !important;
  font-family: "Inter" !important;
  font-size: 12px !important;
}

.c-links {
  align-items: anchor-center;
}
/****************Header styling starts here****************/
.header {
  background-color: var(--purple-dark);
}
.header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
}
.header .container .social-media-gp a img {
  width: 15px;
  height: 15px;
}
.header .container .social-media-gp a {
  color: #fff;
  text-decoration: none;
  border: 1px solid var(--purple-dark);
  border-radius: 50%;
  padding: 0.3rem 0.5rem 0.5rem 0.5rem;
  font-size: 15px;
  margin: 0.2rem 1rem 0.2rem 0rem;
  background-color: #703586;
}

.header .btn,
.header .btn :hover {
  font-size: 10px;
  padding: 0.25rem 1.5rem;
  border-radius: 0px;
  text-transform: uppercase;
}
.header .purple-btn {
  color: #fff;
  border: 1px solid #fff;
  margin-right: 1rem;
}

.white-btn,
.white-btn a,
.white-btn:hover {
  color: var(--purple-dark);
  background-color: #fff;
  text-decoration: none;
  padding: 0.25rem 1.5rem;
}
.white-border,
.white-border:hover {
  border: 1px solid #fff;
  background-color: var(--purple-dark);
  color: #fff;
  padding: 0.25rem 1.5rem;
  margin-left: 1rem;
}
.white-border a,
.white-border a:hover {
  color: #fff;
  text-decoration: none;
  padding: 0.25rem 1.5rem;
}
/****************Header styling ends here**************/

/*********Nav Bar styling starts here***************/
header {
  width: 100%;
  height: 90px;
  transition: all 0.35s ease-in-out;
}
header.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 5;
  background-color: #ffffff;
  box-shadow: 0 10px 15px rgb(25 25 25 / 10%);
  transition: all 0.55s ease-in-out;
}
#nav-menu {
  padding: 0rem;
}
#navbarNav,
.aboutUs-sub-menu li a {
  justify-content: space-between;
  font-size: 12px;
  font-family: "Inter";
  padding: 1rem 0rem;
}

#navbarNav a {
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  margin-right: 1rem;
}
#navbarNav .link-nav li:last-child a{
  margin-right: 0;
}
/* #navbarNav .nav-link.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: var(--purple-dark);
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: -29px;
} */
#navbarNav .donate-btn {
  background-color: #f57c00;
  box-shadow: 0 0 0 0 rgba(245, 124, 0, 0.7);
  animation: pulse 1.5s infinite;
}
@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(245, 124, 0, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(245, 124, 0, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(245, 124, 0, 0);
  }
}
#navbarNav .donate-btn .razorpay-payment-button {
  background-color: #f57c00;
}
#navbarNav .donate-btn a {
  color: #fff;
  /* padding: 0.5rem 1.5rem; */
  margin-right: 0rem;
}
#navbarNav .logo-img {
  height: 55px;
}
.nav-item.dropdown:hover .dropdown-menu {
  display: block;
}
.aboutUs-sub-menu ul {
  padding: 0rem;
}
.aboutUs-sub-menu li a {
  margin: 0;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.aboutUs-sub-menu li a:hover {
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  color: var(--purple-dark);
}
/************header Styling ends here*******/
/* footer section start */
.footer-logo {
  padding-top: 2rem;
}
.footer-logo img {
  width: 50%;
}
.top-arrow {
  width: 50px;
  height: 50px;
  background: var(--purple-dark);
  border-radius: 50%;
  border: 1px solid #fff;
}
.top-arrow a {
  text-decoration: none;
}
.top-arrow:hover {
  background: #71c1f3;
}
.top-arrow .arrow {
  color: #fff;
  font-size: 32px;
  padding-left: 23%;
  font-weight: 100;
}
.footer-section {
  background-image: linear-gradient(to right, #a53dff, #6f153f);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 2rem;
}
.footer-section h2 {
  font-size: 24px;

  font-weight: bold;
  color: #fff;
  margin-bottom: 1rem;
}
.footer-section .footer-links {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 3rem;
  padding-top: 2rem;
  margin-right: 1.5rem;
}
.footer-section .contact-links,
.footer-section .newsletter-links,
.footer-section .Pages-links {
  width: 28%;
}

.footer-section .emailvalidate {
  font-size: 12px !important;
  padding-left: 0.5rem;
  padding-top: 0.5rem;
  color: #fff !important;
}
.newsletter-info .newsletterFiled {
  border-radius: 7px !important;
}

.newsletter-info .newsltter-icon:active {
  border-color: transparent;
}
.footer-section .Pages-links {
  padding-left: 5rem;
  color: #fff;
  font-size: 16px;
}
.footer-section .Pages-links a {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}
.footer-section .contact-info {
  display: flex;
  color: #fff;
  align-items: flex-start;
  padding-bottom: 1rem;
}
.footer-section .contact-info p {
  margin-bottom: 0rem;
  font-size: 16px;

  padding-left: 0.7rem;
}

.footer-section .newsletterFiled {
  border: none;
  background-color: transparent;
  color: #fff;
  box-shadow: none;
  line-height: 2;
}
.footer-section .input-group {
  border: 1px solid #fff;
  border-radius: 10px;
  max-width: 290px;
  line-height: 1.5;
  justify-content: space-between;
  align-items: baseline;
}
.footer-section .input-group #edit-submit {
  border-color: transparent;
}
.footer-section .input-group #edit-message {
  padding-left: 0.35rem;
}

.footer-section .newsletterFiled::placeholder {
  color: #fff;
}
.footer-section .newsletterFiled::after {
  content: url("../images/home/NewsLetter\ Field\ Arrow.png");
}
.footer-section .follow-section {
  background-color: #ffffff;
  padding: 1rem 0rem;
  border-radius: 5px;
  margin-right: 1.5rem;
}
.footer-section .follow-section h2 {
  color: var(--purple-dark);
  font-size: 22px;
}
.footer-section .social-links {
  width: 50%;
  align-items: center;
  justify-content: space-around;
  margin: auto;
}
.footer-section .social-links a img {
  height: 30px;
  width: 30px;
  transition: transform 0.4s linear;
  padding: 0.3rem;
  border-radius: 50%;
  background-image: linear-gradient(to right, #a53dff, #6f153f);
}
.footer-section .social-links a img:hover {
  transform: scale(1.2);
}

.footer-section .social-links .toppopover {
  --bs-popover-placement: auto;
}
.footer-section .links a {
  color: #fff;
  text-decoration: none;
}
/* footer section end */
/* copyright section start */
.copyright-section {
  color: #fff;
  font-size: 12px;

  align-items: center;
}
.copyright-section .sonata-img {
  margin-left: -0.7rem;
  align-items: center;
}
.copyright-section .sonata-img img {
  margin-right: 1rem;
}
.copyright-section .sonata-img p {
  margin-bottom: 0px;
}
.copyright-section .BTL {
  margin-right: 1rem;
}
.logo-mobile {
  display: none;
}
/* copyright section end */
.news-animation {
  visibility: hidden; /* Hide until Slick is initialized */
  opacity: 0;
  transition: opacity 0.3s ease-in-out; /* Optional fade-in effect */
}

.news-animation.slick-initialized {
  visibility: visible;
  opacity: 1;
}

.carousel-item video {
  height: 480px;
  object-fit: cover;
}

#bannersectionCarousel {
  height: 480px;
  object-fit: cover;
  margin-bottom: 1rem;
}

#bannersectionCarousel img.w-100 {
  height: 480px;
}

/*Media queries starts here*/
/*media query for tab landscape view*/
@media only screen and (min-width: 768px) and (max-width: 1280px) and (orientation: landscape) {
  header.sticky {
    top: -3px;
  }
  .banner-section .nextsection-icon {
    bottom: 22%;
  }
}
/*media query for tab landscape view*/
/*media query for tab portrait view*/
@media only screen and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) {
  .banner-section .nextsection-icon {
    bottom: 22%;
  }
  #nav-menu .logo-mobile {
    display: block;
  }
  .logo-mobile img {
    height: 50px;
  }
  .header .container {
    /* flex-direction: column; */
    padding: 0.5rem 0rem 0.5rem;
  }
  .main-menu .container {
    /* background-color: var(--purple-dark); */
    padding: 1rem 0;
  }
  header {
    height: auto;
  }
  #navbarNav.active {
    display: block;
    z-index: 3;
    background-color: #fff;
    width: 80%;
    position: absolute;
    right: 0.25rem;
    top: 4.5rem;
    animation-name: menu-open;
    animation-duration: 1s;
    border: 1px solid #d9d9d9;
  }
  #nav-menu .navbar-toggler:focus {
    box-shadow: none;
  }
  @keyframes menu-open {
    0% {
      right: 80%;
    }
    100% {
      right: 0%;
    }
  }
  .navbar-nav .dropdown-menu {
    border: none;
  }
  .aboutUs-sub-menu li a {
    font-size: 17px;
  }
  #navbarNav .navbar-nav {
    padding: 0 2rem 0;
    justify-self: start;
  }
  #navbarNav .c-links {
    flex-direction: column;
    align-items: flex-start;
  }
  .main-menu .nav-link.active::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    background-color: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
  }
  #nav-menu .container {
    flex-direction: row;
    margin-left: 0rem;
    margin-right: 0rem;
    max-width: 100%;
    padding: 1rem;
    flex-wrap: nowrap;
  }
  #nav-menu .navbar-brand {
    width: 80%;
  }
  .main-menu .navbar-nav li a {
    font-size: 17px;
    padding-bottom: 1rem;
  }
  .hamberg-menu {
    display: block;
    background-color: #ffffff;
    border: 0px;
    box-shadow: 0px 0px 2px 0px grey;
    padding: 0.5rem;
    border-radius: 5px;
  }
  .navbar-toggler-icon {
    width: 2em;
    height: 2em;
  }
  #navbarNav .container {
    flex-direction: row;
    margin-left: 0rem;
    margin-right: 0rem;
    max-width: 100%;
    flex-wrap: nowrap;
  }
  .navbar-toggler {
    cursor: pointer !important;
  }
  .navbar-nav.link-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .navbar-nav.d-flex {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .navbar-nav .donate-btn {
    text-align: left;
    width: 125px;
  }
  #navbarNav a {
    font-size: 1rem;
  }
  /* #nav-menu .navbar-toggler-icon {
    background-image: url("/assets/images/header/hamburger-menu.svg");
  } */
  #nav-menu .navbar-toggler {
    border: 1px solid #afa9a9;
    padding: 0.1rem;
  }
  .footer-section .footer-links {
    /* flex-direction: column; */
    width: 100%;
    margin: auto;
  }
  .footer-section .contact-links,
  .footer-section .newsletter-links {
    margin-bottom: 1rem;
  }
  .carousel-item video,
  #bannersectionCarousel {
    object-fit: scale-down;
    background-color: #000;
  }
  .dropdown-toggle::after {
    margin-left: 0.5rem !important;
  }
  .nav-item.dropdown::before:hover .dropdown-menu {
    display: block;
  }
}
/*media query for tab portrait view*/
/*media query for landscape view*/
@media only screen and (min-width: 250px) and (max-width: 992px) and (orientation: landscape) {
  #nav-menu .logo-mobile {
    display: block;
  }
  .logo-mobile img {
    height: 50px;
  }
  .header .container {
    /* flex-direction: column; */
    padding: 0.5rem 0rem 0.5rem;
  }
  .main-menu .container {
    /* background-color: var(--purple-dark); */
    padding: 1rem 0;
  }
  header {
    height: auto;
  }
  #navbarNav.active {
    display: block;
    z-index: 3;
    background-color: #fff;
    width: 80%;
    position: absolute;
    right: 0.25rem;
    top: 4.5rem;
    animation-name: menu-open;
    animation-duration: 1s;
    border: 1px solid #d9d9d9;
  }
  #nav-menu .navbar-toggler:focus {
    box-shadow: none;
  }
  @keyframes menu-open {
    0% {
      right: 80%;
    }
    100% {
      right: 0%;
    }
  }
  .navbar-nav .dropdown-menu {
    border: none;
  }
  .aboutUs-sub-menu li a {
    font-size: 16px;
  }
  #navbarNav .navbar-nav {
    padding: 0 2rem 0;
  }
  #navbarNav .c-links {
    flex-direction: column;
    align-items: flex-start;
  }
  .main-menu .nav-link.active::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    background-color: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
  }
  #nav-menu .container {
    flex-direction: row;
    margin-left: 0rem;
    margin-right: 0rem;
    max-width: 100%;
    padding: 1rem;
    flex-wrap: nowrap;
  }
  #nav-menu .navbar-brand {
    width: 80%;
  }
  .main-menu .navbar-nav li a {
    font-size: 16px;
    padding-bottom: 1rem;
  }
  .hamberg-menu {
    display: block;
    background-color: #ffffff;
    border: 0px;
    box-shadow: 0px 0px 2px 0px grey;
    padding: 0.5rem;
    border-radius: 5px;
  }
  .navbar-toggler-icon {
    width: 2em;
    height: 2em;
  }
  #navbarNav .container {
    flex-direction: row;
    margin-left: 0rem;
    margin-right: 0rem;
    max-width: 100%;
    flex-wrap: nowrap;
  }
  .navbar-toggler {
    cursor: pointer !important;
  }
  .navbar-nav.link-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .navbar-nav.d-flex {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .navbar-nav .donate-btn {
    text-align: center;
    width: 125px;
  }
  #navbarNav a {
    font-size: 1rem;
  }
  /* #nav-menu .navbar-toggler-icon {
    background-image: url("/assets/images/header/hamburger-menu.svg");
  } */
  #nav-menu .navbar-toggler {
    border: 1px solid #afa9a9;
    padding: 0rem;
  }
  .footer-section .footer-links {
    margin-right: 0;
  }
  .footer-section .container {
    max-width: 90%;
  }
  .news {
    flex-direction: column;
  }
  .news-content {
    margin-bottom: 1rem;
    padding: 0rem 1.5rem;
  }
  .carousel-item video,
  #bannersectionCarousel {
    object-fit: scale-down;
    background-color: #000;
  }
  .dropdown-toggle::after {
    margin-left: 0.5rem !important;
  }
  .nav-item.dropdown::before:hover .dropdown-menu {
    display: block;
  }
}
/*Media query for mobile potrait*/
@media only screen and (min-width: 250px) and (max-width: 767px) and (orientation: portrait) {
  .nav-item.dropdown::before:hover .dropdown-menu {
    display: block;
  }
  #nav-menu .logo-mobile {
    display: block;
  }
  .logo-mobile img {
    height: 50px;
  }
  .header .container {
    flex-direction: column;
    padding: 1rem 0rem 1rem;
  }
  .main-menu .container {
    /* background-color: var(--purple-dark); */
    padding: 1rem 0;
  }
  header {
    height: auto;
  }
  .header .btn,
  .header .btn :hover {
    padding: 0.25rem 1rem;
  }
  #navbarNav.active {
    display: block;
    z-index: 3;
    background-color: #fff;
    width: 80%;
    position: absolute;
    right: 0.25rem;
    top: 5rem;
    animation-name: menu-open;
    animation-duration: 1s;
    border: 1px solid #d9d9d9;
  }
  #nav-menu .navbar-toggler:focus {
    box-shadow: none;
  }
  @keyframes menu-open {
    0% {
      right: 80%;
    }
    100% {
      right: 0%;
    }
  }
  .navbar-nav .dropdown-menu {
    border: none;
  }
  .aboutUs-sub-menu li a {
    font-size: 17px;
  }
  #navbarNav .navbar-nav {
    padding: 0 2rem 0;
  }
  #navbarNav .c-links {
    flex-direction: column;
    align-items: flex-start;
  }
  .main-menu .nav-link.active::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    background-color: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
  }
  #nav-menu .container {
    flex-direction: row;
    margin-left: 0rem;
    margin-right: 0rem;
    max-width: 100%;
    padding: 1rem;
    flex-wrap: nowrap;
  }
  #nav-menu .navbar-brand {
    width: 80%;
  }
  .main-menu .navbar-nav li a {
    font-size: 17px;
    padding-bottom: 1rem;
  }
  .hamberg-menu {
    display: block;
    background-color: #ffffff;
    border: 0px;
    box-shadow: 0px 0px 2px 0px grey;
    padding: 0.5rem;
    border-radius: 5px;
  }
  .navbar-toggler-icon {
    width: 2em;
    height: 2em;
  }
  #navbarNav .container {
    flex-direction: row;
    margin-left: 0rem;
    margin-right: 0rem;
    max-width: 100%;
    flex-wrap: nowrap;
  }
  .navbar-toggler {
    cursor: pointer !important;
  }
  .navbar-nav.link-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .navbar-nav.d-flex {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .navbar-nav .donate-btn {
    text-align: center;
    width: 60%;
  }
  #navbarNav a {
    font-size: 1rem;
  }
  .dropdown-toggle::after {
    margin-left: 0.5rem !important;
  }
  .social-media-gp {
    margin-bottom: 0.75rem;
  }

  #nav-menu .navbar-toggler {
    border: 1px solid #afa9a9;
    padding: 0.1rem;
  }
  .footer-section .footer-links,
  .copyright-section {
    flex-direction: column;
  }
  .footer-section .contact-links,
  .footer-section .newsletter-links,
  .footer-section .Pages-links {
    width: 100%;
  }
  .footer-section .newsletter-links {
    margin: 2rem 0rem;
  }
  .footer-section .Pages-links {
    padding-left: 0rem;
  }
  .footer-section .social-links {
    width: 65%;
  }
  .copyright-section .sonata-img {
    margin-bottom: 0.5rem;
  }
  .footer-section .links {
    padding-bottom: 1rem;
  }
  /*footer comment*/
  .footer-logo img {
    width: 65%;
  }
  .carousel-item video,
  #bannersectionCarousel {
    object-fit: scale-down;
    background-color: #000;
  }
}
/*ends here*/
.datatable-title{
    font-size: 36px;
    color: #333333;
    font-weight: 700;
}
.datatable-subtitle{
  font-size: 18px;
  color: #757575;
  font-weight: 500;
}
em.placeholder {
     background-color: transparent !important;
    opacity: 1 !important;
}