*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
  overflow-x: hidden;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}


a {
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: 'Source Serif Pro', serif;
  font-weight: 700;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

.login button{
  color: #193367;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  font-weight: bold;
  border-radius: 0 !important;
  padding: 7px 19px !important;
}

.login button:hover{
  background-color: #f3f3f3 !important;
  border-color: #f3f3f3 !important;
}

.input-group-append button {
  background-color: #bf272d !important;
  border-color: #bf272d !important;
  color: #fff !important;
  font-weight: bold;
  text-transform: capitalize;
  border-bottom-left-radius: 0%;
  border-top-left-radius: 0%;
}

.bg-white {
  background-color: #fff !important;
}

body .text-primary, .FMA .border-primary {
  color: #193367 !important;
}

body .btn-primary, a.btn-primary  {
  background-color: #193367 !important;
  font-weight: bold;
  text-transform: capitalize;
  border-radius: 8px;
  padding: 8px 12px;
  min-width: 140px
}

body .text-danger, .FMA .border-danger {
  color: #bf272d !important;
}

body .btn-danger, a.btn-danger {
  background-color: #bf272d !important;
  font-weight: bold;
  text-transform: capitalize;
  border-radius: 8px;
  padding: 8px 12px;
  min-width: 140px
}

.navbar.border-bottom{
  border-width: 3px !important;
}

#mediaNav {
  /* background-color: #193367; */
}

#mainNav {
  background-color: white;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
}

#mainNav .container-fluid {
max-width: 1900px;
}
#mainNav .navbar-brand img{
  width: 125px;
}
#mainNav .navbar-nav {
  margin-top: 1rem;
}
#mainNav .navbar-nav li.nav-item a.nav-link {
  color: #193367;
}
#mainNav .navbar-nav li.nav-item a.nav-link:hover {
  color: #bf272d;
}
#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
  color:  #bf272d;
}
#mainNav .navbar-nav li.nav-item a.nav-link.active {
  color: #bf272d;
}
#mainNav .navbar-toggler {
  border: 0 !important;
  /* color: #fff; */
}

#mainNav .navbar-toggler:hover, #mainNav .navbar-toggler:focus {
  border: 0!important;
  box-shadow: none;
}

.searchIcon {
  border: 0!important;
}

.searchBar {
  background: white;
  padding: 20px;
  border: none;
  width: 400px;
}

@media (min-width: 992px) {
  #mainNav {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    transition: padding-top 0.3s, padding-bottom 0.3s;
  }
  #mainNav .navbar-brand {
    font-size: 1.75em;
    transition: font-size 0.3s;
  }
  #mainNav .navbar-nav {
    margin-top: 0;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
    color: #fff;
    background: #bf272d;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
    color: #fff;
    background: #bf272d;
  }

  #mainNav.navbar-shrink {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

}

.social-icons {
  color: #fff;
  background-color: #bf272d;
  border-radius: 50%;
  display: block;
  text-align: center;
  height: 30px;
  width: 30px;
  line-height: 33px;
}

.social-icons i {
  color: #fff;
  line-height: 30px;
}


.header-homepage {
  background-repeat: no-repeat;
  background-position: center;
  height: 700px;
  width: 100%;
  object-fit: contain;
  color: white;
}

.header-homepage .wlcTxt {
  font: 18px;
  margin-bottom: 0;
}
.header-homepage p {
  font-weight: 600; 
}

.header-homepage h1 {
  font-size: 54px;
  color: white;

}

@media (min-width: 992px) {
  .header-homepage h1 {
  font-size: 72px;
  }
}

.membership-outer-div .row {
  display: flex;
  align-items: center;
}

.membership-outer-div {
  margin-bottom: 1em;
  margin-top: 3em;
}

.membership-text h2 { 
  font-size: 48px;
}

.membership-text h2:after{
  content: "";
  position: relative;
  display: block;
  width: 200px;
  height: 2px;
  background-color: #bf272d;
  top: 10px;
  margin-bottom: 40px;
}
.membership-text ul{
margin-left: 0;
}

.membership-text p {
font-size: 16px;

}
@media (min-width: 1200px) {
  .membership-text p {
  font-size: 20px;
  line-height: 32px;
  }
}

.membership-text li::marker {
  color: #bf272d;
}

.membership-text a {
  width: 200px;
}

.membership-img .designBlockImage {
  width: 100%;
  object-fit: cover;
  height: 300px;
  border-radius: 20px;
  box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
  margin-bottom: 20px;

}

.join-section-wrapper {
  width: 100%; 
  margin-bottom: 1em;
}

/* @media (min-width: 992px) {
  .join-section-wrapper {
    margin-bottom: 0;
  }
} */

.join-section-wrapper .container {
  align-content: center;
}

.join-section-media {
  position: relative;
  z-index: 9;
  background-color: white;
  padding: 20px;
  border-radius: 20px;
  /* width: 100%; */

  margin-right: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}


.join-section-text h2 {
  font-size: 48px;
}

.join-section-text h2:after {
  content: "";
  position: relative;
  display: block;
  width: 200px;
  height: 2px;
  background-color: #bf272d;
  top: 10px;
  margin-bottom: 40px;
}

.join-section-text p {
  line-height: inherit;
  font-size: 16px;
  font-weight: 400;
 
}
@media (min-width: 1200px) {
  .join-section-text p {
    font-size: 17px;
    line-height: 24px;
  }
}


.events-section {
  background-color: #cfeffa;
}

.events-section h2{
  padding-bottom: 10px;
}
.events-section h2:after {
  content: "";
display: block;
border-bottom: 3px solid #bf272d;
width: 30%;
position: relative;
bottom: -3px;
left: calc(35% - 5px);
}

.announcements{
  background-color: white;
}
.announcements li {
  margin: 20px 0;
}

.announcements li a {
  color: #193367 !important;
}

.partners-carousel h3 {
  color: #193367 !important;
}

.partners-carousel .prtnrBg {
  height: 200px;
  display: block;
  align-content: center;
}

.partners-carousel {
  background-color: #e8ecf3;
  margin-top: 1em;
  margin-bottom: 3em;
  border-radius: 30px;
}

.partners-carousel img {
  width: 125px !important;
}

.partners-carousel .item {
  display: block;
  align-content: center;
  height: 100%;
}

.news-section-article {
 margin: auto;
 align-content: center;
 background-color: #f8f9fa;
  padding: 2em 0;
}

.news-section-article .card {
  border:0;
  border-radius: 12px;
  /* border-top: #bf272d 5px solid; */
}

.news-section-article .card a {
  color: #bf272d;
  text-decoration: underline;
  padding-left: 0;
  position: absolute;
  bottom: 20px;
}

.news-section-article .card p {
  font-size: 14px;
}

.qte {
  margin: auto;
  align-content: center;
  background-image: url("/assets/img/abstract-bg.jpg") ;
  background-position: top;
  object-fit: cover;
  min-height: 300px;
}

.footer {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #193367;
  color: #fff;
}

.footer img {
  width: 250px !important;
  margin-left: 0 !important;
}

.copyright {
  background-color: white;
}

.owl-carousel .owl-stage {
  display: flex;
}

.outter-div {
    display: flex;
    flex: 1 0 auto;
}

.inner-div {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}