@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+Tamma+2:wght@400..800&display=swap');

/*=======================================================
                        Common
=========================================================*/
body {
  font-family: "Noto Sans", sans-serif;
  line-height: 1.75;
  font-weight: 400;
}

body.locked {
  overflow: hidden;
}

a {
  transition: all 400ms ease;
}

ul li {
  list-style: none;
  font-size: 18px;
  color: #000;
}

ul {
  padding: 0;
}

a,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #052964;
}

p {
  font-size: 18px;
  color: #000;
  font-weight: 400;
  line-height: 1.75;
}


.cleenhearts-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border: none;
  outline: none;
  background-color: #ffcb14;
  padding: 10px 15px 10px 20px;
  transition: 500ms;
  border-radius: 5px;
}

.cleenhearts-btn__icon-box {
  position: relative;
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  text-align: left;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: #154fb1;
  z-index: 1;
  transition: all 0.5s cubic-bezier(0.65, 0, 0.076, 1);
}

.cleenhearts-btn__icon-box__inner {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: transparent;
}

.cleenhearts-btn__icon-box__inner span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 13px;
  color: #fff;
}

.cleenhearts-btn__icon-box__inner span.icon-trolley {
  font-size: 16px;
  color: #351C42;
}

.cleenhearts-btn__icon-box__inner span.icon-heart {
  font-size: 16px;
}

.cleenhearts-btn__icon-box__inner span.icon-donate {
  font-size: 18px;
}

.cleenhearts-btn__text {
  position: relative;
  font-size: 16px;
  color: inherit;
  margin-left: 40px;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
  z-index: 11;
  transition: all 0.4s ease-in-out;
}

@media (max-width: 412px) {
  .cleenhearts-btn__text {
    font-size: 14px;
  }
}

.cleenhearts-btn:hover .cleenhearts-btn__icon-box {
  width: calc(100% - 10px);
}

.cleenhearts-btn:hover .cleenhearts-btn__text {
  color: #fff;
}

/*=======================================================
                    scroll to top
=========================================================*/
.scroll-to-top {
  width: auto;
  position: fixed;
  bottom: 60px;
  right: 12px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  transition: all 0.2s ease;
  background: #fff;
  padding: 5px 12px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  border-radius: 30px;
}

.scroll-to-top i {
  font-size: 25px;
  color: #00338d;
}

.scroll-to-top:hover {
  background: #f7a400;
  transition: all 0.2s ease;
}

.scroll-to-top:hover i {
  color: #fff;
}


.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
  bottom: 70px;
}


/*=======================================================
                    Custom Cursor
=========================================================*/
.custom-cursor__cursor {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 1px solid #154dad;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  -webkit-transform: translate(calc(-50% + 5px), -50%);
  transform: translate(calc(-50% + 5px), -50%);
  z-index: 999991;
}

.custom-cursor__cursor-two {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #f7a400;
  opacity: 0.3;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s;
  transition: width 0.3s, height 0.3s, opacity 0.3s;
  z-index: 999991;
}

/*=======================================================
                      Footer
=========================================================*/
.main-footer {
  position: relative;
  overflow: hidden;
}

.footer-widget__title {
  display: table;
  position: relative;
  font-size: 20px;
  color: #fff;
  text-transform: capitalize;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 21px;
  margin-top: 15px;
  margin-bottom: 34px;
}

.footer-widget__info li,
.footer-widget__links li a {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  color: #fff;
  font-weight: 300;
  line-height: 1.562;
  align-items: center;
}

.list-unstyled li {
  padding-bottom: 10px;

}

.list-unstyled li a {
  color: #fff;
}

.footer-widget__title::before {
  left: 0;
  width: 8px;
  height: 8px !important;
  background-color: transparent !important;
  border: 2px solid #f7a400;
  border-radius: 50%;
  bottom: -3px !important;
}

.footer-two .footer-widget__title::before,
.footer-two .footer-widget__title::after {
  background-color: #f7a400;
}

.footer-widget__title::after {
  left: 15px;
  width: 89px;
}

.footer-widget__title::before,
.footer-widget__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  background-color: #965995;
}


.footer-two {
  background-position: top center;
  background-size: auto;
  background-repeat: no-repeat;
  background-color: #001e4d;
  padding-top: 85px;
}

.main-footer__bottom {
  padding: 10px 0;
  background: #00143370;
  margin-top: 30px;
  position: relative;
  z-index: 5;
}

.main-footer__bottom p {
  font-size: 16px;
  font-weight: 300;
}

address {
  font-weight: 300;
}

.footer_top_img img:first-child {
  position: absolute;
  top: 0;
  left: 0;
}

footer:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 200px;
  z-index: 1;
  background-image: url(../images/footerpattern.png);
}

/*=======================================================
                      Navigations
=========================================================*/
.main-header {
  position: relative;
  background-color: #fff;
  z-index: 11;
  padding: 10px;
}

@media (max-width: 1599px) {
  .main-header {
    padding-left: 0;
    padding-right: 0;
  }
}

.main-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

@media (max-width: 1199px) {
  .main-header__inner {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.main-header__logo {
  display: flex;
  align-items: center;
}

.main-header__logo img {
  max-width: 100%;
  height: auto;
}

.main-header__sidebar-btn {
  margin-left: 117px;
  padding: 0;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  background-color: transparent;
  color: #965995;
}

@media (max-width: 1850px) {
  .main-header__sidebar-btn {
    margin-left: 70px;
  }
}

@media (max-width: 1399px) {
  .main-header__sidebar-btn {
    margin-left: 50px;
  }
}

@media (max-width: 767px) {
  .main-header__sidebar-btn {
    display: none;
  }
}

.main-header__sidebar-btn span {
  font-size: 30px;
  color: inherit;
  transition: all 0.4s ease-in-out;
}

.main-header__sidebar-btn:hover {
  color: #F6D469;
}

.main-header__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 1199px) {
  .main-header__right {
    gap: 25px;
  }
}

@media (max-width: 1199px) and (max-width: 412px) {
  .main-header__right {
    gap: 20px;
  }
}

.main-header__btn {
  padding-top: 21px;
  padding-bottom: 21px;
  padding-right: 21px;
}

@media (max-width: 1299px) {
  .main-header__btn {
    display: none;
  }
}

.main-header__btn .cleenhearts-btn__icon-box {
  width: 52px;
  height: 52px;
}

.main-header__btn .cleenhearts-btn__icon-box__inner {
  width: 52px;
  height: 52px;
}

.main-header__btn .cleenhearts-btn__text {
  margin-left: 56px;
}

.main-header-two {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.main-header-two::before {
  position: absolute;
  left: -5%;
  bottom: 0;
  width: 29%;
  content: "";
  height: 100%;
  background: #ffc700;
  animation: top_logo_band1 1s linear;
  z-index: -1;
  transform: skew(-40deg, 0deg);
}


@keyframes top_logo_band1 {
  0% {
    width: 0;
  }

  100% {
    width: 29%;
  }
}

.main-header-two__bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  mix-blend-mode: multiply;
}

.main-header-two .container-fluid {
  position: relative;
  z-index: 11;
}

.main-header-two__left {
  display: flex;
  align-items: center;
  width: 20%;
}

.main-header-two__logo {
  width: 50%;
}

.main-header-two__logo2 {
  width: 50%;
}

.main-header-two__logo2 img {
  width: 25%;
}

nav.main-header__nav.main-menu.main-menu--two {
  width: 80%;
}


.main-header-two__sidebar-btn {
  padding: 0;
  border: 0;
  outline: 0;
  background-color: transparent;
  width: 27px;
}

@media (max-width: 1199px) {
  .main-header-two__sidebar-btn {
    display: none;
  }
}

.main-header-two__sidebar-btn__line {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #351C42;
  margin: 5px 0;
  transition: all 400ms ease;
}

.main-header-two__sidebar-btn__line:nth-child(2) {
  width: 20px;
}

.main-header-two__sidebar-btn:hover .main-header-two__sidebar-btn__line {
  width: 100%;
}

.main-header-two .main-header__right {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 5px;
}

@media (max-width: 1199px) {
  .main-header-two .main-header__right {
    gap: 18px;
  }
}

.main-header-two .main-header__right .main-header-two__sidebar-btn {
  display: none;
}

@media (max-width: 1199px) {
  .main-header-two .main-header__right .main-header-two__sidebar-btn {
    display: block;
    margin-right: 18px;
    position: relative;
  }

  .main-header-two .main-header__right .main-header-two__sidebar-btn::after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #351C42;
    position: absolute;
    top: 50%;
    right: -18px;
    transform: translateY(-50%);
  }
}

.main-header-two .main-header__btn {
  display: inline-block !important;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
}

@media (max-width: 1199px) {
  .main-header-two .main-header__btn {
    display: none !important;
  }
}

.main-header-two .main-header__btn .cleenhearts-btn__icon-box {
  left: 6px;
  width: 46px;
  height: 46px;
}

.main-header-two .main-header__btn:hover .cleenhearts-btn__icon-box {
  width: calc(100% - 12px);
}

.main-header-two .main-header__btn .cleenhearts-btn__icon-box__inner {
  width: 46px;
  height: 46px;
}

.main-header-two .main-header__btn .cleenhearts-btn__text {
  margin-left: 42px;
}

.sticky-header--cloned {
  display: none;
}

.mobile-nav__btn {
  width: 24px;
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  cursor: pointer;
  z-index: 3;
}

@media (min-width: 1200px) {
  .mobile-nav__btn {
    display: none;
  }
}

.mobile-nav__btn span {
  width: 100%;
  border: 2px dashed #154fb1;
}

.mobile-nav__btn span:nth-child(2) {
  margin-top: 4px;
  margin-bottom: 4px;
}

.main-menu .main-menu__list,
.main-menu .main-menu__list ul,
.main-menu-two .main-menu__list,
.main-menu-two .main-menu__list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  align-items: center;
  display: none;
}

@media (min-width: 1200px) {

  .main-menu .main-menu__list,
  .main-menu .main-menu__list ul,
  .main-menu-two .main-menu__list,
  .main-menu-two .main-menu__list ul {
    display: flex;
    justify-content: end;
  }
}

.main-menu .main-menu__list>li,
.main-menu-two .main-menu__list>li {
  padding-top: 51px;
  padding-bottom: 51px;
  position: relative;
}

.main-menu .main-menu__list>li.dropdown>a,
.main-menu-two .main-menu__list>li.dropdown>a {
  position: relative;
}

.main-menu--two .main-menu__list>li,
.main-menu-two--two .main-menu__list>li {
  padding-top: 13px;
  padding-bottom: 13px;
}

.main-menu--three .main-menu__list>li,
.main-menu-two--three .main-menu__list>li {
  padding-top: 41px;
  padding-bottom: 41px;
}

.main-menu .main-menu__list>li+li,
.main-menu-two .main-menu__list>li+li {
  margin-left: 36px;
}

@media (max-width: 1400px) {

  .main-menu .main-menu__list>li+li,
  .main-menu-two .main-menu__list>li+li {
    margin-left: 40px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {

  .main-menu .main-menu__list>li+li,
  .main-menu-two .main-menu__list>li+li {
    margin-left: 27px;
  }

  .main-header-two__logo2 h5 {
    font-size: 16px;
  }
}

@media (max-width: 1599px) {

  .main-menu--three .main-menu__list>li+li,
  .main-menu-two--three .main-menu__list>li+li {
    margin-left: 37px;
  }
}

.main-menu .main-menu__list>li>a,
.main-menu-two .main-menu__list>li>a {
  font-size: 16px;
  display: flex;
  align-items: center;
  color: #000;
  font-weight: 500;
  text-transform: capitalize;
  position: relative;
  transition: all 500ms ease;
}

@media (min-width: 1200px) and (max-width: 1299px) {

  .main-menu .main-menu__list>li>a,
  .main-menu-two .main-menu__list>li>a {
    font-size: 15px;
  }
}

.main-menu .main-menu__list li ul,
.main-menu-two .main-menu__list li ul {
  position: absolute;
  top: 100%;
  left: -25px;
  min-width: 270px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  transform-origin: top center;
  transform: scaleY(0) translateZ(100px);
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
  z-index: 99;
  background-color: #fff;
  box-shadow: 0px 10px 60px 0px RGBA(var(#fff, 255, 255, 255), 0.07);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.main-menu .main-menu__list li:hover>ul,
.main-menu-two .main-menu__list li:hover>ul {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1) translateZ(0px);
}

.main-menu .main-menu__list>.megamenu,
.main-menu-two .main-menu__list>.megamenu {
  position: static;
}

.main-menu .main-menu__list>.megamenu>ul,
.main-menu-two .main-menu__list>.megamenu>ul {
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}

.main-menu .main-menu__list li ul li,
.main-menu-two .main-menu__list li ul li {
  flex: 1 1 100%;
  width: 100%;
  position: relative;
}

.main-menu .main-menu__list li ul li>a,
.main-menu-two .main-menu__list li ul li>a {
  font-size: 14px;
  line-height: 26px;
  color: #000;
  font-weight: 500;
  display: flex;
  text-transform: capitalize;
  padding: 8px 20px;
  transition: 400ms;
  margin-bottom: 0px;
  border-top: 1px dashed #ebb700;
}

@media (min-width: 1200px) and (max-width: 1399px) {

  .main-menu .main-menu__list li ul li>a,
  .main-menu-two .main-menu__list li ul li>a {
    font-size: 13px;
  }
}

.main-menu .main-menu__list li ul li>a::after,
.main-menu-two .main-menu__list li ul li>a::after {
  position: absolute;
  right: 20px;
  top: 8px;
  border-radius: 0;
  font-size: 6px;
  font-weight: 700;
  content: "\f111";
  color: #351C42;
  visibility: hidden;
  opacity: 0;
  transition: all 500ms ease;
  transform: scale(0);
}

.main-menu .main-menu__list li ul li.current>a,
.main-menu .main-menu__list li ul li:hover>a,
.main-menu-two .main-menu__list li ul li.current>a,
.main-menu-two .main-menu__list li ul li:hover>a {
  color: #fff;
  background-color: #ebb700;
}

.main-menu .main-menu__list li ul li.current>a::after,
.main-menu .main-menu__list li ul li:hover>a::after,
.main-menu-two .main-menu__list li ul li.current>a::after,
.main-menu-two .main-menu__list li ul li:hover>a::after {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.main-menu .main-menu__list li ul li>ul,
.main-menu-two .main-menu__list li ul li>ul {
  top: 0;
  left: calc(100% + 20px);
}

.main-menu .main-menu__list li ul li>ul.right-align,
.main-menu-two .main-menu__list li ul li>ul.right-align {
  top: 0;
  left: auto;
  right: 100%;
}

.main-menu .main-menu__list li ul li>ul ul,
.main-menu-two .main-menu__list li ul li>ul ul {
  display: none;
}

@media (min-width: 1200px) and (max-width: 1400px) {

  .main-menu__list li:nth-last-child(1) ul li>ul,
  .main-menu__list li:nth-last-child(2) ul li>ul {
    left: auto;
    right: calc(100% + 20px);
  }
}

/*=======================================================
                      Mobile Nav
=========================================================*/
.mobile-nav__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  transform: translateX(-100%);
  transform-origin: left center;
  transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
  visibility: hidden;
  position: fixed;
}

.mobile-nav__wrapper .container {
  padding-left: 0;
  padding-right: 0;
}

.mobile-nav__wrapper .home-showcase .row [class*=col-] {
  flex: 0 0 100%;
}

.mobile-nav__wrapper .home-showcase {
  margin-bottom: -1px;
  margin-top: 0;
  border-bottom: 1px solid RGBA(var(#fff, 255, 255, 255), 0.1);
}

.mobile-nav__wrapper .home-showcase__inner {
  padding: 15px 0px;
  background-color: transparent;
  box-shadow: none;
}

.mobile-nav__wrapper .home-showcase__title {
  color: #fff;
}

.mobile-nav__wrapper.expanded {
  opacity: 1;
  transform: translateX(0%);
  visibility: visible;
  transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
}

.mobile-nav__wrapper.expanded .mobile-nav__content {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
}

.mobile-nav__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #064098;
  opacity: 0.7;
  cursor: url(../images/close.png), auto;
}

.mobile-nav__content {
  width: 300px;
  background-color: #064098;
  z-index: 10;
  position: relative;
  height: 100%;
  overflow-y: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
}

.mobile-nav__content .main-menu__nav {
  display: block;
  padding: 0;
}

.mobile-nav__content .logo-box {
  margin-bottom: 40px;
  display: flex;
}

.mobile-nav__close {
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}

.mobile-nav__close:hover {
  color: #F6D469;
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.mobile-nav__content .main-menu__list ul {
  display: none;
  border-top: 1px solid RGBA(#fff, 255, 255, 255), 0.1;
}

.mobile-nav__content .main-menu__list ul li>a {
  padding-left: 1em;
}

.mobile-nav__content .main-menu__list li:not(:last-child) {
  border-bottom: 1px solid RGBA(var #fff, 255, 255, 255), 0.1;
}

.mobile-nav__content .main-menu__list li>a {
  display: flex;
  justify-content: space-between;
  line-height: 30px;
  color: #fff;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 400;
  height: 46px;
  align-items: center;
  transition: 500ms;
}

.mobile-nav__content .main-menu__list li ul li a {
  font-size: 14px;
}

.mobile-nav__content .main-menu__list li a.expanded {
  color: #F6D469;
}

.mobile-nav__content .main-menu__list li a button {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: none;
  outline: none;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transform: rotate(-90deg);
  transition: transform 500ms ease;
}

.mobile-nav__content .main-menu__list li a button.expanded {
  transform: rotate(0deg);
  background-color: #ffc700;
  color: blue;
}


/*=======================================================
                      main profile
=========================================================*/

.main_profile_content {
  text-align: center;
}

.main_profile {
  position: relative;
  background-color: #f1f1f1;
}

.main_profile_content .col-md-4 {
  justify-content: center;
  display: flex;
}

.main_profile_content .contact-information {
  justify-content: center;
}

.main_profile_content .col-md-4 img {
  width: 40%;
}

section.main_profile .row {
  background: #fff;
  border-radius: 50%;
  padding: 60px 30px;
  width: 80%;
  margin: auto;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.main_profile {
  padding: 60px 0;
  overflow: hidden;
}

.main_profile_text .section_main_heading {
  margin-bottom: 15px;
}

.main_profile_text img {
  width: 20%;
  margin-right: 30px;
  margin-bottom: 10%;
}

section.main_profile .container-fluid {
  width: 80%;
}

.main_profile_shape img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: none;
}

/*=======================================================
                    section main heading
=========================================================*/
.section_main_heading {
  text-align: center;
  margin-bottom: 40px;
}

.section_main_heading h2 {
  position: relative;
  display: inline;
  font-weight: 400;
  font-size: 36px;
}

.section_main_heading h2 span {
  position: relative;
}

.section_main_heading h2::before {
  position: absolute;
  left: -60px;
  bottom: 23px;
  height: 2px;
  width: 50px;
  content: "";
  background: #154dad;
  z-index: 1;
  display: block;
  animation: section_heading 2s linear infinite;

}

.section_main_heading h2::after {
  position: absolute;
  left: -110px;
  bottom: 10px;
  height: 2px;
  width: 100px;
  content: "";
  background: #ebb700;
  z-index: 1;
  display: block;
}

@keyframes heading_animation1 {
  0% {
    width: 0;
  }

  100% {
    width: 50px;
  }
}

@keyframes heading_animation2 {
  0% {
    width: 0;
  }

  100% {
    width: 100px;
  }
}

.section_main_heading h2 span::before {
  position: absolute;
  right: -60px;
  bottom: 23px;
  height: 2px;
  width: 50px;
  content: "";
  background: #154dad;
  z-index: 1;
  display: block;
}

.section_main_heading h2 span::after {
  position: absolute;
  right: -110px;
  bottom: 10px;
  height: 2px;
  width: 100px;
  content: "";
  background: #ebb700;
  z-index: 1;
  display: block;
}


/*=======================================================
                    About Info
=========================================================*/
.about-info {
  position: relative;
  background-attachment: fixed;

}

.about-info .section_main_heading {
  margin-bottom: 50px;
}

.about-info .section_main_heading h2::before {
  background-color: #fff;
}

.about-info .section_main_heading h2 span::before {
  background-color: #fff;
}

.about-info .section_main_heading h2 {
  color: #fff;
}

.about-info .service_year_shape img {
  position: absolute;
}

.about-info .service_year_shape img:first-child {
  bottom: 0;
  left: 0;
  transform: rotate(270deg);
}

.about-info .service_year_shape img:last-child {
  top: 0;
  right: 0;
  transform: rotate(90deg);
}

.serviceyear_bg {
  background: #064098de;
}

h3.about-info__counter__text.count-text {
  color: #fff;
  font-weight: 400;
}

h5.about-info__title {
  font-weight: 300;
}

.about-info__item {
  border: 1px solid #fff;
  border-radius: 10px;
  transition: all 400ms ease;
  padding: 25px;
}

.about-info__item:hover {
  border-color: #f7a400;
}

.about-info__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 74px;
  height: 74px;
  z-index: 1;
  border-radius: 50%;
  transition: transform 400ms ease;
}

.serviceyear_bg .col-xl-3.col-lg-4.col-md-6.col-6.wow.fadeInUp.newtyle {
  width: 20%;
}

.about-info__icon i {
  font-size: 30px;
  color: #f7a400;
}

.about-info__icon::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: scale(0);
  opacity: 0;
  transition: transform 400ms ease, opacity 400ms ease;
  background-color: #f7a400;
}

.about-info__icon span {
  font-size: 40px;
  color: #f7a400;
  transition: all 400ms ease;
}

.about-info__item:hover .about-info__icon {
  transform: scale(1.1);
}

.about-info__item:hover .about-info__icon i {
  color: #fff;
}

.about-info__item:hover .about-info__icon::after {
  opacity: 1;
  transform: scale(1);
}

.about-info__content {
  margin-top: 15px;
}

/*========================================================
                     main slider
==========================================================*/
section.main-slider-two {
  position: relative;
}

.main-slider-two .hero_bottom img {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.main-slider-two .item {
  position: relative;
}

.main-slider-two__item {
  background-color: #888;
  position: relative;
  z-index: 3;
}

.main-slider-two__bg::before {
  background-color: #064098;
  mix-blend-mode: multiply;
  width: 50%;
  height: 200px;
  display: block;
  content: "";
  position: absolute;
  bottom: 15%;
  right: -8%;
  border-radius: 60px;
  transform: rotate(0deg);
  z-index: 2;
  /* animation: slider_color 1s ease; */
}

.main-slider-two__bg::after {
  border: 2px solid #ffc700;
  border-radius: 40px;
  mix-blend-mode: multiply;
  width: 55%;
  height: 1000px;
  display: block;
  content: "";
  position: absolute;
  top: -29%;
  left: -8%;
  border-radius: 60px;
  transform: rotate(45deg);
  z-index: 2;
  animation: slider_color 1s ease;
  display: none;
}

@keyframes slider_color {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(45deg);
  }
}

.main-slider-two .active .main-slider-two__item {
  transform: scale(1.12);
  transition: transform 10s ease;

  position: relative;
}

.slider_textsection {
  position: absolute;
  z-index: 30;
  right: 9%;
  top: 64%;

}

.slider_textsection h3.slider_h3style {
  color: #ffcb14;
  font-weight: 300;
  font-size: 45px;
}

.slider_textsection p.slider_pstyle {
  color: #fff;
  font-weight: 300;
  font-size: 25px;

}

.main-slider-two__carousel {
  min-height: 750px;
}

.main-slider-two__bg {
  transition: transform 10s ease;
  overflow: hidden;
  min-height: 750px;
  position: relative;
}

/* ===================================================
                    upcoming events
======================================================*/

.section_space {
  padding: 60px 0;
}

.up_event_text_content {
  padding-left: 20px;
}

.upcoming_events .bg_shape {
  position: absolute;
  top: -10%;
  right: -5%;
  opacity: .05;
  z-index: -1;
}

.upcoming_events {
  position: relative;
  background-position: center;
  background-size: 100%;
  overflow: hidden;
  margin-top: -30px;
}

.row.upevent_main {
  padding: 40px;
  background: #fff;
  border-radius: 20px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.up_event_text_content h3 {
  font-weight: 500;
  margin-bottom: 20px;
}

.up_comeevent {
  position: relative;
  z-index: 1;
}

.up_comeevent img:first-child {
  border-radius: 0 30px;
  width: 75%;
}

.up_comeevent img:nth-child(2) {
  position: absolute;
  width: 40%;
  right: 0;
  bottom: -9%;
  margin: auto;
  border: 10px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  display: none;
}

.up_comeevent img:last-child {
  position: absolute;
  width: 20%;
  left: 0;
  top: 0;
  animation: event1 2s linear infinite;
}

@keyframes event {
  0% {
    margin: -30px;
  }

  50% {
    margin: 0;
  }

  100% {
    margin: -30px;
  }
}

@keyframes event1 {
  0% {
    transform: translateY(-20px);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(-20px);
  }
}

.up_comeevent::before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5%;
  content: "";
  margin: auto;
  width: 200px;
  height: 200px;
  border: 40px solid #f7a400;
  z-index: -1;
  border-radius: 50%;
}

.up_event_text_content ul li {
  padding-bottom: 10px;
}

.up_event_text_content .main_info p {
  font-size: 16px;
}

/*===============================================
                home infographic
=================================================*/
.infographic_main_indi {
  height: auto;
  width: 100%;
  padding: 25px;
  position: relative;
  background: #fff;
  transition: .5s ease;
  margin-bottom: 30px;
  border-radius: 0 50px 50px 0;
  border-left: 5px solid #f7a400;
  min-height: 340px;
  display: flex;
  align-items: center;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.infographic_main_indi:hover {
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  transition: .5s ease;
}

.infographic_main_indi_content {
  align-items: center;
  justify-content: center;
  width: 100%;
}

.infographic_main_indi_content h4 {
  clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0);
  padding: 5px 10px;
  color: #fff;
  font-weight: 400;
}

.infographic_main_indi_content ul {
  padding-left: 20px;
}

.infographic_main_indi_content img {
  height: 80px;
  width: 80px;
  margin-bottom: 10px;
}

.infographic_main_indi ul li {
  list-style: disc;
}

.infographic_main_indi p {
  margin-bottom: 0;
  font-weight: 400;
}

.home_infographic_shape img {
  position: absolute;
  left: -10%;
  top: 0;
  width: 20%;
  animation: event1 2s linear infinite;
}

.home_infographic {
  position: relative;
  overflow: hidden;
  padding-bottom: 30px;
}

/*===================================================
                donation two section
=====================================================*/

.donations-two__carousel .owl-nav .owl-next,
.donations-two__carousel .owl-nav .owl-prev {
  position: relative;
}

.donations-two__carousel .owl-nav .owl-next i,
.donations-two__carousel .owl-nav .owl-prev i {
  background-color: transparent;
  color: #07286b;
  border: 1px solid #f7a400;
  width: 40px;
  height: 40px;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: inherit;
}

.donations-two__carousel .owl-nav .owl-next i:hover,
.donations-two__carousel .owl-nav .owl-prev i:hover {
  background-color: #f7a400;
  color: #fff;
}

h4.donation-card__title a {
  font-weight: 400;
  color: #07286b;
}

h4.donation-card__title {
  margin: 5px 0 15px;
}

.donation-card {
  margin-bottom: 10px;
}


.donations-two__carousel .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  right: 15%;
  top: -24%;
}

.donations-two .section_main_heading h2::before {
  display: none;
}

.donations-two .section_main_heading h2::after {
  display: none;
}

.donations-two .section_main_heading {
  text-align: left;
}

.donations-two {
  padding: 60px 0;
}

.donations-two .item {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.donation-card__content {
  padding: 20px;
}

.donations-two .owl-carousel .owl-item img {
  border-radius: 0 0 0 50px;
}


/*========================================================
                    New upcoming event
==========================================================*/

.upcoming_newevent {
  background: url(../images/upcomimgevnts_bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-size: cover;
}

.upcoming_newevent_tint {
  background-color: #000000b8;
}

.upcoming_newevent_content {
  background-color: #fff;
  padding: 0;
  border-radius: 20px;
  overflow: hidden;
}

.upcoming_newevent_content .event_img {
  margin-left: 0px;
  border-radius: 0px;
  width: 100%;
}

.upcoming_newevent_main_content h4 {
  font-weight: 400;
}

.upcoming_newevent_content img {
  transition: .5s ease;
}

.upcoming_newevent_content:hover img {
  transition: .5s ease;
  transform: scale(1.1);
}

.upcoming_newevent_content p {
  padding-right: 60px;
}


/* ==================================================
                     inner banner
=================================================== */

section.inner_banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;

}

.inner_bg_tint {
  background-color: #022c76bd;
  padding: 80px 0;

}

.inner_banner h2,
.inner_banner p {
  color: #fff;
}

.inner_banner p {
  float: left;

  margin: 0;
}

.inner_sub_content {
  float: right;
  position: relative;
  z-index: 1;
}

.inner_banner h2 {
  margin: 0;
  font-weight: 300;
  font-size: 34px;
}

.inner_banner p:first-child {
  border-right: 1px solid #fff;
  padding-right: 30px;
}

.inner_banner p:last-child {
  padding-left: 30px;
  color: #ebb700;
}

.inner_banner .hero_bottom img {
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
}

/* ==================================================
                  lions team section
=====================================================*/

.lion_team_card_content {
  background: #fff;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
  padding: 15px 10px;
  position: relative;
  margin-top: -15px;
}

.lion_team_card_content p {
  margin: 0;
  font-size: 16px;
}

.lion_team_card {
  position: relative;
  width: 85%;
  margin: auto;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  overflow: hidden;
}


.lion_team_card_content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--bixola-base);
  background-position: 0 100%;
  transform: scaleY(0);
  transform-origin: bottom center;
  transition: transform .5s ease;
  z-index: -1;
}

.lion_team .row {
  margin-bottom: 80px;
}

.lion_team .row:last-child {
  margin-bottom: 0px;
}

.lion_team_card .linked_in {
  position: absolute;
  top: -30px;
  right: 0px;
  padding: 6px 14px 6px;
  border-radius: 50%;
  border: 5px solid #fff;
  background: #00338d;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  transition: .5s ease;
}

.lion_team_card:hover .linked_in {
  background: #ffcb14;
}

.lion_team_card {
  cursor: pointer;
}

.lion_team_card .linked_in i {
  color: #fff;
}

.lion_team_card:hover .linked_in i {
  color: #0077B5;
}

/*=======================================================
                      DG page
=========================================================*/
.dg_msg_text_content {
  border: 1px solid #f7a400;
  padding: 20px;
  border-radius: 20px;
}

.dg_msg_content {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  padding: 20px;
  background: #ffff;
  border-radius: 20px;
}

.dg_msg_text_content img {
  width: 22%;
  float: left;
  margin: 0 25px 15px 0;
  border-radius: 20px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.dg_with_card {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  border: 2px solid #f7a400;
  border-radius: 30px;
  margin-bottom: 30px;
}

.dg_with_card img {
  border-radius: 30px;
}

.dg_with_card h5 {
  padding: 15px;
}

.modal-dialog.modal-dialog-centered {
  max-width: 40%;
}

/*=======================================================
                    dg team page
=========================================================*/

.dg_team_main {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  overflow: hidden;
  border-radius: 10px;
  background-color: #fff;
}

.dg_team_text_content h4 {
  font-size: 18px;
}

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

.dg_team_text_content {
  padding: 30px 10px 20px;
  text-align: center;
  position: relative;
}

.dg_team_text_content:before {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: block;
  border: 5px solid #ffab17;
  opacity: .2;
  left: 0;
  left: -35px;
  bottom: 0;
  transition: .5s ease;
  z-index: 0;
}

.dg_team_text_content:after {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: block;
  border: 5px solid #001e4d;
  opacity: .2;
  left: -17px;
  bottom: -25px;
  transition: .5s ease;
  z-index: 0;
}

.dg_team_main:hover .dg_team_text_content:after {
  opacity: 1;
  transition: .5s ease;
}

.dg_team_main:hover .dg_team_text_content:before {
  opacity: 1;
  transition: .5s ease;
}

.dg_team_text_content .linked_in {
  position: absolute;
  top: -30px;
  right: 30px;
  padding: 10px 14px 6px;
  border-radius: 50%;
  border: 5px solid #fff;
  background: #0077B5;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  transition: .5s ease;
}

.dg_team_main:hover .linked_in {
  background-color: #ffab17;
  transition: .5s ease;
}

.dg_team_main:hover .linked_in i {
  color: #0077B5;
}

.dg_team_text_content .linked_in i {
  font-size: 20px;
  color: #fff;
}

.dg_team_text_content p {
  margin-bottom: 0;
}


.dg_team .modal-dialog.modal-dialog-centered {
  max-width: 60%;
}

.dg_team .modal-content {
  border: 4px solid #ffab17;
  height: 700px;
  overflow: scroll;
}

.dg_team_main {
  margin-bottom: 30px;
}

.dg_team_main img {
  height: 295px;
  width: 100%;
  object-fit: cover;
  object-position: top;

}

/*=======================================================
                   About District 317G page
=========================================================*/
/* .abt_dist_317G_img {
  width: 40%;
  float: left;
  margin-right: 30px
} */
img.abt_dist_317G_img {
  width: 22%;
  float: left;
  margin: 0 25px 15px 0;
  border-radius: 20px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1;
}

.abt_dist_317G_content {
  padding: 30px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 30px;
  background-color: #fff;
}

section.abt_dist_317G {
  background: linear-gradient(180deg, #c89c020f, #fbfffa);
}

.team_bg {
  background: linear-gradient(180deg, #c89c020f, #fbfffa);
}

.dist_governor {
  background: linear-gradient(180deg, #c89c020f, #fbfffa);
}

/* ==accordian=== */
.section_accordian ul {
  padding-left: 20px;
}

.section_accordian ul li {
  list-style: disc;
}

.section_accordian h2 button span {
  font-size: 20px;

}


/* =================================================
            downloads resources page
====================================================*/

.reso_main {
  border: 1px solid #001e4d;
  border-radius: 10px;
  padding: 20px;
}

.reso_main_dwnd {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  padding: 15px;
  border-radius: 30px;
  margin: 0;
  margin-bottom: 20px;
  transition: .5s ease;
  background: #fff;
}

.reso_main_dwnd h6 {
  margin: 0;
}

.reso_main_dwnd:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  transition: .5s ease;
}

/* =================================================
           International inner pages
====================================================*/

.inter_sec_block {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 30px;
  border-radius: 10px;
  overflow: hidden;
}

.inter_sec_block {
  position: relative;
}

.inter_sec_block_shape_img img {
  position: absolute;

}

.inter_sec_block_shape_img img:first-child {
  top: 0;
  left: -11%;
}

.inter_sec_block_shape_img img:last-child {
  bottom: 0;
  right: -11%;
}

@keyframes animationglob {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.inter_sec_block img {
  border-radius: 10px !important;
}

.inter_sec_block_text_content p:last-child {
  margin-bottom: 0;
}

/* ================================================
                  DG core team
================================================== */

.dgrolehead1 {
  text-align: center;
  background-color: #00338d;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  border-radius: 10px;
  margin-top: 0;
  margin-bottom: 30px;
}

.our_proud_past {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 30px;
  min-height: 295px;
  display: flex;
  align-items: center;
  background: #fff;
}

.our_proud_past_img img {
  border-radius: 10px;
}

.dgcoreteam table {
  margin-top: 40px;
}

.our_proud_past p {
  margin-bottom: 5px;
  font-size: 16px;
}

.our_proud_past_content h4 {
  color: #ffb300;
}

.dgcoreteam th,
td {
  border: 3px solid #ffffff;
  background: #e7e7e7 !important;
}

.our_proud_past_content h5 {
  color: #00338d;
  font-size: 18px;
}

/* ==================================================
                    tribute page
=================================================== */

.tribute_page .lion_team_card {
  width: 75%;
}

.tribute_page .lion_team_card_content p {
  font-size: 20px;
}

/*=================================================
            District Logo explanation page
=================================================== */

.kannada_tab {
  font-family: "Baloo Tamma 2", serif;
}

.tab-content {
  margin-top: 20px;
}

/*=================================================
              home global causes new
=================================================== */
.global_causes_new .nav-link.active {
  border: none;
  background: none;
}

.global_causes_new .nav-link.active:hover {
  border: none;
}

.global_causes_new .nav-tabs {
  border: none;
}

.global_causes_new .nav.nav-tabs button {
  position: absolute;
  border-radius: 50%;
  padding: 10px;
  height: 140px;
  width: 140px;
  border: 8px solid #f7a400;
  font-size: 14px;
  color: #00338d;
  font-weight: 500;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  border-right: 0;
  border-left: 0;
}

.global_causes_new .nav.nav-tabs button img {
  width: 50px;
}

.global_causes_new p {
  text-align: justify;
}

.global_causes_new .nav.nav-tabs button:nth-child(1) {
  top: 0;
  left: 39%;
}

.global_causes_new .nav.nav-tabs button:nth-child(2) {
  top: 9%;
  right: 14%;
}

.global_causes_new .nav.nav-tabs button:nth-child(3) {
  top: 32%;
  right: 1%;
}

.global_causes_new .nav.nav-tabs button:nth-child(4) {
  top: 57%;
  right: 5%;
}

.global_causes_new .nav.nav-tabs button:nth-child(5) {
  bottom: 3%;
  left: 51%;
}

.global_causes_new .nav.nav-tabs button:nth-child(6) {
  top: 74%;
  left: 25%;
}

.global_causes_new .nav.nav-tabs button:nth-child(7) {
  top: 57%;
  left: 5%;
}

.global_causes_new .nav.nav-tabs button:nth-child(8) {
  top: 31%;
  left: 1%;
}


.global_causes_new .nav.nav-tabs button:nth-child(9) {
  top: 8%;
  left: 14%;
}

.global_causes_new .nav.nav-tabs {
  position: relative;
  height: 600px;
  width: 600px;
  border: 1px solid #ddd;
  border-radius: 50%;
}

.global_causes_new .nav-tabs .nav-link.active {
  background: #00338d;
  color: #fff;
  border-color: #00338d;
}

.global_causes_new .global_international_logo {
  position: absolute;
  top: 32%;
  left: 0;
  right: 0;
  margin: auto;
  width: 35%;
}

.global_causes_new {
  position: relative;
}

.global_causes_shape_images img {
  position: absolute;
}

.global_causes_shape_images img:first-child {
  bottom: 0;
  right: 0;
}

/*=================================================
                Dg goals page
===================================================*/

.dg_goals td,
.dg_goals th {
  border: 3px solid #ffffff;
  background: #e7e7e7 !important;
  padding: 10px;
  font-size: 18px;
}

.dg_goals h3 {
  padding-bottom: 10px;
}

.dg_goals table {
  margin-bottom: 40px;
  vertical-align: middle !important;
}

.service_focus_weeks {
  padding: 30px;
  background: #fff;
  margin-bottom: 30px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 1px 2px -1px, rgba(0, 0, 0, 0.3) 0px 1px 1px -1px;
}

.service_focus_weeks_content {
  padding: 20px;
  color: #fff;
}

.service_focus_weeks_content p {
  color: #fff;
  font-weight: 300;
}

/*=================================================
                rejoice page
===================================================*/
.lionsm_abstract img {
  position: absolute;
  width: 17%;
  bottom: 0;
  right: 0;
}

/*=================================================
                dg goals page
===================================================*/

.goals_round_block {
  background: #fff;
  padding: 30px 20px;
  border-radius: 20px 20px 40px 40px;
  text-align: center;
  border-bottom: 10px solid #0a3dab;
  margin-bottom: 30px;
  background: #ffc700;
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

.goals_round_block h4 {
  font-size: 20px;
  font-weight: 400;
}

.goals_round_block h3 {
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-family: cursive;
  color: #0a3dab;
}

.goals_round_block img {
  margin-bottom: 10px;
}

/* ===========================================================
                  district-event section
============================================================== */

.calender-event-block img {
  transition: .5s ease;
  width: 90%;
}

.calender-event-block:hover img {
  transition: .5s ease;
  transform: scaleX(1.1);
}

.calender-event-block .main-text {
  position: relative;
  z-index: 11;
}

.calender-event-block .top-headiing {
  background: #f7a400;
  margin: 0;
  padding: 10px 0;
  position: relative;
  z-index: 1;
}

.calender-event-block .top-headiing::after {
  position: absolute;
  height: 100px;
  width: 120%;
  transform: skew(10deg, 5deg);
  background-color: #f7a400;
  top: -34px;
  content: "";
  left: 0;
  z-index: -1;
}


.calender-event-block .main-text:after {
  position: absolute;
  height: 100px;
  width: 120%;
  transform: skew(10deg, 5deg);
  background-color: #00338d;
  top: -20px;
  content: "";
  left: 0;
  z-index: -1;
}

/* =======================================================
footer logo band
========================================================== */
.logo-band img {
  width: 50%;
  margin: auto;
  background: #fff;
  padding: 10px;
}

.logo-band {
  text-align: center;
}

.logo-band-main {
  padding: 20px;
  border-radius: 20px;
}

.logo-band{
  text-align: center;
  padding: 20px 0;
    background: #d8dadd;
}