/*!
 * Date: 20/08/2024
 * This is common style sheet for all pages, which have header and footer styles
 */
[data-contextual-id] {
  display: none;
}
:root {
  font-size: 16px;
  color: #000000;
  font-family: "Jost", sans-serif;
  font-family: "Roboto";
}
html {
  overflow-x: hidden;
}
body {
  color: #000000;
  font-family: "Jost", sans-serif;
  font-family: "Roboto";
  /* overflow-x: hidden;*/
}
/* .col-md-6 {
  padding: 0;
} */
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  margin: 0 auto;
  max-width: 87%;
}
[data-contextual-id] {
  display: none;
}
header {
  width: 100%;
  height: 100px;
  transition: all 0.35s ease-in-out;
}
#main-menu .navbar-brand img {
  width: 180px !important;
}
header.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  /* height: 78px; */
  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;
}
.navbar-expand-lg {
  padding: 1.25rem 0 1rem 0;
  height: 100px;
  max-width: 100vw;
  margin: 0 auto;
}
.btn-primary,
.navbar .btn-primary {
  width: 150px;
  height: 55px;
  line-height: 2;
  font-size: 0.875rem;
  letter-spacing: 0.1rem;
  padding: 0.5rem;
  white-space: nowrap;
  --bs-btn-color: #fff;
  --bs-btn-bg: #f57c00;
  --bs-btn-border-color: #f57c00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ffa726;
  --bs-btn-hover-border-color: #ffa726;
  --bs-btn-focus-shadow-rgb: 6, 160, 160;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #f57c00;
  --bs-btn-active-border-color: #f57c00;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(255, 138, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #f57c00;
  --bs-btn-disabled-border-color: #f57c00;
}

/* :root {
	font-size: 18px;
	color: #000000;
	font-family: 'Titillium Web', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
	font-size: 18px;
	color: #000000;
	font-family: 'Titillium Web', "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #ddd url(img/bg.jpg) repeat top left;
} */

/* main menu section start */
.hamberg-menu {
  display: none;
}
.main-menu .navbar-nav.link-nav li {
  padding: 0 10px;
}
.main-menu .navbar-nav li a {
  color: #424242;
  font-weight: 600;
  /* font-family: 'Inter'; */
  font-family: "Jost", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}

.main-menu .navbar-nav li a:hover {
  color: #000000;
}

.main-menu .nav-link.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: #f57c00;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: -29px;
}

.main-menu .nav-item {
  position: relative;
}

.navbar-nav {
  justify-content: space-between;
  width: 100%;
}
.link-nav {
  justify-content: flex-end;
}
.btn-gp {
  justify-content: end;
}
.donate-btn {
  background-color: #f57c00;
  border-radius: 5px;
  border: none;
}
.donate-btn:hover {
  background-color: #ffa726;
}
.donate-btn a {
  color: #fff !important;
  text-transform: uppercase;
}
.login-btn {
  border: 1px solid #424242;
  border-radius: 5px;
}
.login-btn a {
  color: #424242;
  text-transform: uppercase;
}
.main-menu .navbar-nav.btn-gp a {
  padding: 5px 25px;
}
.main-menu .navbar-nav.btn-gp .nav-item:first-child {
  margin-right: 15px;
}
#navbarNav {
  margin-left: 30px !important;
}

/* main menu section end */
/* Banner section start */
.banner-section {
  position: relative;
}

/* Banner section end */

/*Get in touch start*/
#getInTouch-wrapper {
  position: relative;
  background-image: url("../images/home/Lets\ Get\ in\ touch\ BG.png");
  margin-top: 28rem;
  padding-bottom: 10rem;
  background-repeat: no-repeat;
  background-position: center;
}
#getInTouch-wrapper .section-content h2 {
  font-family: "Roboto";
  font-size: 2.5rem;
  color: #3e2723;
  font-weight: 600;
  margin-top: 5rem;
}
#getInTouch-wrapper .section-content,
#getInTouch-wrapper .getInTouch-form {
  width: 50%;
}
#getInTouch-wrapper .section-content p {
  font-family: "Jost", sans-serif;
  color: #424242;
  font-size: 18px;
  padding-right: 10%;
  margin-bottom: 0px;
  font-weight: 500;
}
#getInTouch-wrapper .getInTouch-form {
  position: absolute;
  right: 0;
  top: -26rem;
}
#getInTouch-wrapper .getInTouch-form form {
  background-color: #fff;
  width: 76%;
  box-shadow: #6c6a6a 0px 0px 20px 0px;
  border-radius: 15px;
  padding: 60px 40px;
}
#getInTouch-wrapper .getInTouch-form form label {
  font-size: 16px;
  color: #424242;
  font-family: "Roboto";
}
#getInTouch-wrapper .getInTouch-form form .form-control {
  border: 1.5px solid #795548;
  margin-top: 13px;
  margin-bottom: 30px;
  border-radius: 10px;
}
#getInTouch-wrapper .getInSubmit {
  background-color: #f57c00;
  color: #fff;
  font-size: 16px;
  font-family: "Roboto";
  border: 1px solid #f57c00;
  border-radius: 5px;
  padding: 7px 35px;
}
.getInTouch-form .text-count-wrapper,
.getInTouch-form .error-message {
  display: block;
  margin-bottom: 1rem;
  margin-top: -23px;
}
/* footer section start */
.footer-logo {
  padding-top: 2rem;
}
.top-arrow {
  width: 50px;
  height: 50px;
  background: #0091ea;
  border-radius: 50%;
}
.top-arrow a {
  text-decoration: none;
}
.top-arrow:hover {
  background: #71c1f3;
}
.top-arrow .arrow {
  color: #fff;
  font-size: 26px;
  padding-left: 40%;
}
.footer-section {
  background-image: url("../images/home/Footer\ BG.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.footer-section h2 {
  font-size: 24px;
  font-family: "Roboto";
  font-weight: bold;
  color: #fff;
  margin-bottom: 1rem;
  word-break: auto-phrase;
}
.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 {
  position: absolute;
  right: 0%;
  line-height: 1.3;
} */
.newsletter-info .newsltter-icon:active {
  border-color: transparent;
}
.footer-section .Pages-links {
  padding-left: 5rem;
  color: #fff;
  font-size: 16px;
  border-right: 1px solid #fff;
  /* margin-top: -2rem; */
}
.footer-section .Pages-links p {
  margin-bottom: 0.75rem;
}
.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;
  font-family: "Jost", sans-serif;
  padding-left: 0.7rem;
}
/* .footer-section .newsletterFiled {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
} */
.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;
}
/* .footer-section .input-group .newsltter-icon{
  height: 100%;
} */
.footer-section .newsletterFiled::placeholder {
  color: #fff;
}
.footer-section .newsletterFiled::after {
  content: url("../images/home/NewsLetter\ Field\ Arrow.png");
}
.footer-section .follow-section {
  background-color: #ffffffd6;
  padding: 1rem 0rem;
  border-radius: 5px;
  margin-right: 1.5rem;
}
.footer-section .follow-section h2 {
  color: #000 !important;
  font-size: 22px;
  font-family: "Jost", sans-serif;
}
.footer-section .social-links {
  width: 50%;
  align-items: center;
  justify-content: space-around;
  margin: auto;
}
.footer-section .social-links a img {
  height: 35px;
  transition: transform 0.4s linear;
}
.footer-section .social-links a img:hover {
  transform: scale(1.2);
}

.footer-section .social-links .toppopover {
  --bs-popover-placement: auto;
}
.emailvalidate.error {
  font-family: "Roboto";
}
/* footer section end */
/* copyright section start */
.copyright-section {
  color: #fff;
  font-size: 12px;
  font-family: "Jost", sans-serif;
  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;
}
/*drupal changes*/
#edit-submit-news {
  position: relative;
  width: 100%;
  text-align: left;
  height: 100%;
}
.input-group-append {
  width: auto;
}
/* #edit-submit-news:before {
  content: "Email Address";
  color: #fff;
} */
#edit-submit-news img {
  position: absolute;
  right: 8px;
  top: 35%;
}
.status-message-alert ul li {
  list-style: none;
  color: red;
}
.custom-message-sbr {
  color: #ffffff;
}
.custom-message-sbr #edit-submit-news {
  display: none;
}

#deletemessage {
  display: none;
}

#deletemessage {
  background-color: green;
  color: #fff;
  text-align: center;
  padding: 0.5rem;
  margin: 0 !important;
}
.placeholder {
  background-color: transparent !important;
  opacity: 1 !important;
}

/* copyright section end */
.img-title {
  font-size: 14px !important;
  text-align: center;
  font-weight: 500;
  margin-top: 0.75rem;
  padding-right: 0rem !important;
}
@media (min-width: 1367px) {
  #getInTouch-wrapper {
    background-size: 100% 100%;
  }
  .main-menu .navbar-nav.btn-gp a {
    line-height: 1.75;
  }
}
/* tablet styles start */

@media only screen and (min-width: 768px) and (max-width: 1280px) and (orientation: landscape) {
  header {
    height: auto;
  }
  .navbar .container {
    max-width: 96%;
  }
  .navbar-expand-lg {
    height: auto;
  }
  .hamberg-menu {
    display: none;
  }
  .popover {
    display: none !important;
  }
  .main-menu .nav-link.active::after {
    margin-bottom: -34px;
  }
  #getInTouch-wrapper .getInTouch-form {
    top: -25rem;
  }
  .footer-section .footer-links {
    padding-top: 2rem;
  }
  .footer-section .Pages-links {
    margin-top: 0rem;
  }
  .img-title {
    font-size: 14px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) {
  .navbar-expand-lg {
    padding: 1rem 0 1rem 0;
  }
  .navbar .container {
    max-width: 95%;
  }
  #navbarNav {
    display: none !important;
  }
  .hamberg-menu {
    display: block;
  }
  #navbarNav.active {
    display: block !important;
    z-index: 3;
    background-color: #fff;
    width: 70%;
    position: absolute;
    right: -7px;
    top: 6rem;
    animation-name: menu-open;
    animation-duration: 2s;
  }
  @keyframes menu-open {
    0% {
      left: 100%;
    }
    100% {
      right: -7px;
    }
  }
  #navbarNav .navbar-nav {
    padding: 2rem 2rem 1rem;
    flex-direction: column;
  }
  .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;
  }
  #getInTouch-wrapper .getInTouch-form form {
    width: 80%;
  }
  #getInTouch-wrapper .getInTouch-form {
    top: -25rem;
  }
  .footer-section .contact-links,
  .footer-section .newsletter-links {
    width: 39%;
    word-break: break-all;
  }
  .footer-section .Pages-links {
    width: 17%;
    border-right: 0px;
    padding-left: 2rem;
  }
  .popover {
    display: none !important;
  }
  .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;
  }
  .footer-section .footer-links {
    padding-top: 2rem;
    margin-right: 0;
  }
  .footer-section .Pages-links {
    margin-top: 0rem;
  }
  .img-title {
    font-size: 14px !important;
  }
}
/* tablet styles end */

/* mobile styles start */

@media only screen and (min-width: 320px) and (max-width: 992px) and (orientation: landscape) {
  header {
    height: auto;
  }

  .navbar-expand-lg {
    height: auto;
  }

  #main-menu .container {
    flex-direction: row;
    margin-left: 0rem;
    margin-right: 0rem;
    max-width: 100%;
  }
  #main-menu .navbar-brand {
    width: 47%;
  }
  .main-menu .navbar-nav li a {
    font-size: 17px;
    padding-bottom: 1rem;
  }
  .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;
  }
  .hamberg-menu {
    display: block;
  }
  #navbarNav.active {
    display: block;
    z-index: 3;
    background-color: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    top: 6rem;
    animation-name: menu-open;
    animation-duration: 2s;
  }
  @keyframes menu-open {
    0% {
      left: 100%;
    }
    100% {
      left: 0%;
    }
  }
  #navbarNav .navbar-nav {
    padding: 2rem 2rem 1rem;
  }
  #getInTouch-wrapper .container,
  .footer-section .footer-links {
    flex-direction: column;
  }
  #getInTouch-wrapper .section-content,
  #getInTouch-wrapper .getInTouch-form {
    width: 100%;
  }
  #getInTouch-wrapper .getInTouch-form {
    position: static;
    padding-top: 2rem;
  }
  #getInTouch-wrapper .getInTouch-form form {
    width: 100%;
  }
  #getInTouch-wrapper {
    margin-top: 0rem;
    padding-bottom: 5rem;
    background-size: cover;
  }
  .footer-section .contact-links,
  .footer-section .newsletter-links,
  .footer-section .Pages-links {
    width: 100%;
    margin-bottom: 2rem;
  }
  .footer-section .Pages-links {
    padding-left: 0rem;
    border-right: 0px;
  }
  .footer-section {
    background-color: #000;
  }
  .footer-section .social-links {
    width: 85%;
  }
  .popover {
    display: none !important;
  }
  .copyright-section .sonata-img {
    justify-content: normal !important;
  }
  .copyright-section .sonata-img p {
    padding-left: 1rem;
  }
  .footer-section .footer-links {
    padding-bottom: 0rem;
  }
  .footer-section .newsletter-form {
    width: 50%;
  }
  .copyright-section {
    margin-top: 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;
  }
  .footer-section .footer-links {
    padding-top: 2rem;
  }
  .footer-section .Pages-links {
    margin-top: 0rem;
  }
  .img-title {
    font-size: 14px !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
  header {
    height: auto;
  }
  .navbar-expand-lg {
    height: 140px;
  }
  /* .navbar-collapse.show {
    position: absolute;
    z-index: 3;
    background: #fff;
    padding: 1rem;
    right: -1rem;
    top: 8.5rem;
    width: 90%;
    box-shadow: #fff 0px 0px 20px 0px;
  }*/
  .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;
  }
  /* .navbar-expand-lg {
    height: auto;
  } */
  #main-menu .container {
    flex-direction: row;
    margin-left: 0rem;
    margin-right: 0rem;
    max-width: 100%;
    flex-wrap: nowrap;
  }
  #main-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.active {
    display: block;
    z-index: 3;
    background-color: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    top: 8rem;
    animation-name: menu-open;
    animation-duration: 1s;
  }
  @keyframes menu-open {
    0% {
      left: 100%;
    }
    100% {
      left: 0%;
    }
  }
  #navbarNav .navbar-nav {
    padding: 2rem 2rem 1rem;
  }
  #getInTouch-wrapper .container,
  .footer-section .footer-links,
  .copyright-section {
    flex-direction: column;
  }
  #getInTouch-wrapper .section-content,
  #getInTouch-wrapper .getInTouch-form {
    width: 100%;
  }
  #getInTouch-wrapper .getInTouch-form {
    position: static;
    padding-top: 2rem;
  }
  #getInTouch-wrapper .getInTouch-form form {
    width: 100%;
  }
  #getInTouch-wrapper {
    margin-top: 0rem;
    padding-bottom: 5rem;
    background-size: cover;
  }
  .footer-section .contact-links,
  .footer-section .newsletter-links,
  .footer-section .Pages-links {
    width: 100%;
    margin-bottom: 2rem;
  }
  .footer-section .Pages-links {
    padding-left: 0rem;
    border: 0px;
  }
  .footer-section {
    background-color: #000;
  }
  .footer-section .social-links {
    width: 85%;
  }
  .popover {
    display: none !important;
  }
  .copyright-section .sonata-img {
    justify-content: normal !important;
  }
  .copyright-section .sonata-img p {
    padding-left: 1rem;
  }
  .copyright-section .BTL {
    margin: 1rem 0;
  }
  .footer-section .footer-links {
    padding-top: 2rem;
  }
  .footer-section .Pages-links {
    margin-top: 0rem;
  }
  .img-title {
    font-size: 14px !important;
  }
}

/* mobile styles end */