/**
 * Created by Prashamsa Pandey
 * Email: pzp0052@auburn.edu
*/
/*------------------------------------ Site Wide Starts -----------------------------------*/
.custom-container {
  padding: 80px 30px; }
  .custom-container.remove-padding-top {
    padding-top: 0; }

.common-button a {
  padding: 12px 15px;
  display: inline-block;
  position: relative;
  z-index: 0;
  color: #000;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #f58025d6;
  font-weight: 500; }
  .common-button a:hover {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px; }
    .common-button a:hover:before, .common-button a:hover:after {
      width: 100%;
      height: 100%; }
  .common-button a:before {
    border-bottom: 5px solid #e96000;
    border-right: 5px solid #e96000;
    bottom: 0;
    right: 0; }
  .common-button a:after {
    border-top: 5px solid #e96000;
    border-left: 5px solid #e96000;
    top: 0px;
    left: 0; }
  .common-button a:after, .common-button a:before {
    content: " ";
    width: 18px;
    height: 18px;
    position: absolute;
    transition: all 0.6s ease; }
.common-button.color-white a {
  color: #fff;
  text-transform: uppercase;
  padding: 15px 50px; }
  .common-button.color-white a:before {
    border-bottom: 5px solid #ffffff9c;
    border-right: 5px solid #ffffff9c; }
  .common-button.color-white a:after {
    border-top: 5px solid #ffffff9c;
    border-left: 5px solid #ffffff9c; }

a {
  text-decoration: none;
  transition: all 0.6s ease;
  color: #0a2341; }

a:hover, a:focus {
  transition: all 0.6s ease;
  color: #e86100; }

p {
  color: #949494; }

.section-title {
  padding-bottom: 40px;
  text-align: center; }
  .section-title h2 {
    position: relative;
    color: #0a2341;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Shadows Into Light Two', cursive;
    padding-bottom: 15px;
    display: inline-block; }
    .section-title h2:after {
      content: '';
      position: absolute;
      height: 2px;
      width: 100%;
      background-color: #ff9000;
      left: 0;
      bottom: 0; }
    .section-title h2:before {
      content: '';
      position: absolute;
      height: 20px;
      width: 20px;
      background-color: #0a2341;
      left: 0;
      bottom: -9px;
      border-radius: 100px;
      right: 0;
      margin: auto;
      border: 4px solid #fff;
      z-index: 2; }
  .section-title h4 {
    color: #ff9000;
    position: relative;
    text-align: center; }
  .section-title h5 {
    color: #ff9000; }

.header-title a {
  font-size: 24px;
  letter-spacing: 2px;
  font-weight: 500;
  font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif !important; }
  .header-title a:hover, .header-title a:focus {
    color: #ea6000; }

.site-header .image-area img {
  width: 135px; }

.sec-nav-horiz .navbar-nav .nav-item .nav-link {
  border-right: 0 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 300; }

/*------------------------------------- Site Wide Ends ------------------------------------*/
/*--------------------------------- Header Wrapper Starts ---------------------------------*/
#secondary_nav_horiz {
  background-color: #0a2341;
  padding: 1% 8%; }
  #secondary_nav_horiz .image-area img {
    width: 200px; }
  #secondary_nav_horiz .navbar-nav .nav-item .nav-link {
    color: #fff;
    border-color: #fff;
    position: relative;
    padding: 0;
    padding-bottom: 5px; }
    #secondary_nav_horiz .navbar-nav .nav-item .nav-link:after {
      content: '';
      background-color: #fff;
      height: 2px;
      left: 0;
      bottom: 0;
      width: 0;
      position: absolute;
      transition: all 0.6s ease; }
    #secondary_nav_horiz .navbar-nav .nav-item .nav-link:hover {
      background-color: initial; }
      #secondary_nav_horiz .navbar-nav .nav-item .nav-link:hover:after {
        width: 100%;
        transition: all 0.6s ease; }

/*--------------------------------- Header Wrapper Starts ---------------------------------*/
/*-------------------------------- Content Wrapper Starts ---------------------------------*/
#about .common-about-us-section {
  background: linear-gradient(180deg, #0a23411f 0%, #ffffff00 100%); }
  #about .common-about-us-section .section-title h2:before {
    border: 4px solid #ecedf0; }
#about .common-our-values-section {
  background-color: #fff; }
  #about .common-our-values-section .section-title h2 {
    color: #0a2341; }
    #about .common-our-values-section .section-title h2:before {
      background-color: #0a2341;
      border: 4px solid #fff; }
    #about .common-our-values-section .section-title h2:after {
      background-color: #ff9000; }
  #about .common-our-values-section .content-section p {
    color: #949494; }
#about .staff-section {
  background-color: #0a2341; }
  #about .staff-section .section-title h2 {
    color: #ff9100; }
    #about .staff-section .section-title h2:before {
      background-color: #ff9100;
      border: 4px solid #0a2341; }
    #about .staff-section .section-title h2:after {
      background-color: #fff; }
  #about .staff-section .staff-container .inner .image-container img {
    width: 200px;
    height: 200px;
    border-radius: 100%; }
  #about .staff-section .staff-container .inner .title {
    margin-top: 20px; }
    #about .staff-section .staff-container .inner .title h4 {
      color: #ff9102; }
    #about .staff-section .staff-container .inner .title h5 {
      color: #fff; }
  #about .staff-section.student-staff {
    background-color: #fff;
    position: relative; }
    #about .staff-section.student-staff .section-title h2 {
      color: #0a2341; }
      #about .staff-section.student-staff .section-title h2:before {
        background-color: #0a2341;
        border: 4px solid  #fff; }
      #about .staff-section.student-staff .section-title h2:after {
        background-color: #ff9100; }
    #about .staff-section.student-staff .staff-container {
      z-index: 1;
      position: relative; }
    #about .staff-section.student-staff .common-image-animation-overlay-right .image-container {
      z-index: 0;
      bottom: -30%; }
#about .volunteer-section .volunteer-content {
  z-index: 1;
  position: relative; }
  #about .volunteer-section .volunteer-content ul {
    -moz-column-count: 5;
    -moz-column-gap: 20px;
    -webkit-column-count: 5;
    -webkit-column-gap: 20px;
    column-count: 5;
    column-gap: 20px;
    list-style: none;
    padding: 0; }
    #about .volunteer-section .volunteer-content ul li {
      text-align: left;
      margin-bottom: 10px;
      color: #0a2341; }
      #about .volunteer-section .volunteer-content ul li:nth-of-type(even) {
        color: #0a2341; }
      #about .volunteer-section .volunteer-content ul li:nth-of-type(odd) {
        color: #ff9100; }

#gallery .gallery-image-section .gallery-image-container {
  display: flex;
  flex-wrap: wrap;
  margin: -15px; }
  #gallery .gallery-image-section .gallery-image-container .gallery-image-item {
    padding: 15px;
    width: 25%; }
    #gallery .gallery-image-section .gallery-image-container .gallery-image-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top;
      border-radius: 15px; }

#mentor .section-content iframe, #futurevolunteer .section-content iframe {
  border-radius: 10px;
  box-shadow: 12px 12px 0px 10px #ff9100;
  width: 800px;
  height: 470px; }

#support .common-about-us-section, #refer .common-about-us-section, #futurevolunteer .common-about-us-section {
  background: linear-gradient(180deg, #0a23411f 0%, #ffffff00 100%); }
  #support .common-about-us-section .section-title h2:before, #refer .common-about-us-section .section-title h2:before, #futurevolunteer .common-about-us-section .section-title h2:before {
    border: 4px solid #ecedf0; }

#futurevolunteer .common-about-us-section:nth-of-type(2), #futurevolunteer .common-about-us-section:nth-of-type(3), #futurevolunteer .common-about-us-section:nth-of-type(4) {
  background: none; }
#futurevolunteer .common-our-values-section .content-section iframe {
  border-radius: 10px;
  box-shadow: 12px 12px 0px 10px #ff9100;
  width: 800px;
  height: 470px; }
#futurevolunteer .frequently-asked-section .accordion .accordion-button {
  line-height: 26px; }
  #futurevolunteer .frequently-asked-section .accordion .accordion-button:focus {
    border: 0;
    box-shadow: 0 0 0 0.25rem #ea60002b; }
  #futurevolunteer .frequently-asked-section .accordion .accordion-button:not(.collapsed) {
    background-color: #ff9102;
    color: #fff; }
    #futurevolunteer .frequently-asked-section .accordion .accordion-button:not(.collapsed):after {
      filter: brightness(0) invert(1); }
  #futurevolunteer .frequently-asked-section .accordion .accordion-button i {
    padding-right: 20px; }
#futurevolunteer .frequently-asked-section .accordion .accordion-body ul {
  margin-top: 1rem; }
  #futurevolunteer .frequently-asked-section .accordion .accordion-body ul li {
    display: flex; }
    #futurevolunteer .frequently-asked-section .accordion .accordion-body ul li:not(:last-of-type) {
      margin-bottom: 10px; }
    #futurevolunteer .frequently-asked-section .accordion .accordion-body ul li span:first-of-type {
      width: 20%;
      color: #0a2341;
      font-weight: bold;
      padding-right: 30px; }

.chs_scifql {
  font-size: 60px;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 20px;
  font-family: 'Playfair Display', serif;
  color: white;
  margin-bottom: 40px;
  border-bottom: 1px solid #ffffff73; }

/*--------------------------------- Content Wrapper Ends ----------------------------------*/
/*--------------------------------- Footer Wrapper Starts ---------------------------------*/
.uplift-footer {
  background-color: #0a2341; }
  .uplift-footer .image-area img {
    height: auto;
    width: 130px; }
  .uplift-footer .image-area.quality-image {
    position: relative; }
    .uplift-footer .image-area.quality-image img:nth-of-type(2) {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      transition: all 0.6s ease; }
    .uplift-footer .image-area.quality-image a {
      display: block; }
      .uplift-footer .image-area.quality-image a:hover img:nth-of-type(2) {
        opacity: 1; }
  .uplift-footer p {
    font-size: 10px;
    color: #fff; }
  .uplift-footer ul {
    list-style: none; }
    .uplift-footer ul.contact-info h4 {
      margin-bottom: 20px;
      color: #e96000;
      width: 100%; }
    .uplift-footer ul.contact-info.detail-menu li a span:first-of-type {
      width: 100%; }
    .uplift-footer ul li a {
      display: flex;
      color: #fff; }
      .uplift-footer ul li a:not(last-of-type) {
        margin-bottom: 10px; }
      .uplift-footer ul li a span {
        display: block;
        transition: all 0.6s ease;
        position: relative;
        font-size: 0.9rem; }
        .uplift-footer ul li a span:first-of-type {
          color: #fff;
          width: 8%; }
        .uplift-footer ul li a span:hover, .uplift-footer ul li a span:focus {
          color: #ffffff70;
          transition: all 0.6s ease; }
    .uplift-footer ul.social-media {
      display: flex;
      flex-wrap: wrap; }
      .uplift-footer ul.social-media h3 {
        width: 100%; }
      .uplift-footer ul.social-media li {
        color: #fff; }
        .uplift-footer ul.social-media li a {
          transition: all 0.6s ease; }
          .uplift-footer ul.social-media li a:hover {
            transition: all 0.6s ease;
            transform: scale(1.3); }
        .uplift-footer ul.social-media li:not(:last-of-type) {
          margin-right: 20px; }
  .uplift-footer .location-info {
    padding: 0;
    margin-bottom: 0;
    padding-top: 20px;
    border-top: 1px solid #ffffff59;
    margin-top: 20px; }

/*---------------------------------- Footer Wrapper Ends ----------------------------------*/
/*----------------------------------- Components Starts -----------------------------------*/
.common-banner-section .image-container {
  height: 500px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative; }

.common-our-values-section {
  background-color: #0a2341; }
  .common-our-values-section .section-title h2 {
    color: #ff9100; }
    .common-our-values-section .section-title h2:before {
      background-color: #f79103;
      border: 4px solid #0a2341; }
    .common-our-values-section .section-title h2:after {
      background-color: #fff; }
  .common-our-values-section .content-section p {
    color: #fff; }
    .common-our-values-section .content-section p a {
      color: #fff; }

.common-testimonial-section figure {
  padding: 30px; }
  .common-testimonial-section figure .inner {
    background: #ff9100;
    padding: 30px 40px;
    border-radius: 10px;
    height: 450px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    transform: scale(0.8);
    transition: all 0.6s ease; }
    .common-testimonial-section figure .inner i {
      color: #0a2341;
      font-size: 40px; }
    .common-testimonial-section figure .inner blockquote {
      padding: 20px 0; }
      .common-testimonial-section figure .inner blockquote p {
        color: #fff;
        font-size: 1.2rem;
        line-height: 36px; }
    .common-testimonial-section figure .inner .blockquote-footer {
      font-size: 1.4em;
      color: #0a2341; }
  .common-testimonial-section figure.slick-active .inner {
    transform: scale(1);
    transition: all 0.6s ease; }

.common-scholarship-section {
  position: relative; }
  .common-scholarship-section .scholarship-container .item {
    width: 75%;
    padding: 80px 60px;
    background: #0a2341;
    margin-left: auto;
    border-radius: 10px; }
    .common-scholarship-section .scholarship-container .item:nth-of-type(1) .section-title h2 {
      color: #ff9100; }
      .common-scholarship-section .scholarship-container .item:nth-of-type(1) .section-title h2:before {
        background-color: #ff9102;
        border: 4px solid #0a2341; }
      .common-scholarship-section .scholarship-container .item:nth-of-type(1) .section-title h2:after {
        background-color: #fff; }
    .common-scholarship-section .scholarship-container .item:nth-of-type(1) .section-content p {
      color: #fff; }
      .common-scholarship-section .scholarship-container .item:nth-of-type(1) .section-content p a {
        color: #ff9100; }
    .common-scholarship-section .scholarship-container .item:nth-of-type(2) {
      width: 60%;
      padding: 60px;
      background: #fff;
      margin-top: -60px;
      margin-left: initial;
      box-shadow: -6px 6px 10px 2px #e3e5ed; }

.common-image-animation-overlay-left .image-container {
  position: absolute;
  top: 6%;
  left: 0;
  z-index: -1; }
  .common-image-animation-overlay-left .image-container img {
    height: 100%;
    width: 100%;
    object-fit: contain; }
  .common-image-animation-overlay-left .image-container img.vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate; }
  .common-image-animation-overlay-left .image-container img.vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate; }
@-webkit-keyframes mover {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-10px); } }
@keyframes mover {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-10px); } }
.common-image-animation-overlay-right .image-container {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1; }
  .common-image-animation-overlay-right .image-container img {
    height: 100%;
    width: 100%;
    object-fit: contain; }
  .common-image-animation-overlay-right .image-container img.vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate; }
  .common-image-animation-overlay-right .image-container img.vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate; }
@-webkit-keyframes mover {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-10px); } }
@keyframes mover {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-10px); } }
.home-small-banner .image-container {
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative; }
  .home-small-banner .image-container:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #0a2341 2%, #0a234100 100%);
    left: 0;
    top: 0; }

.slick-dotted.slick-slider {
  margin-bottom: 0; }
  .slick-dotted.slick-slider .slick-dots {
    bottom: 0;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none; }
    .slick-dotted.slick-slider .slick-dots li {
      margin: 0 0.25rem;
      border: 1px solid #0a2341;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      width: 15px;
      height: 15px; }
      .slick-dotted.slick-slider .slick-dots li.slick-active {
        border: 1px solid #e86100; }
      .slick-dotted.slick-slider .slick-dots li button {
        display: block;
        width: 0.5rem;
        height: 0.5rem;
        padding: 0;
        border: none;
        border-radius: 100%;
        background-color: #0a2341;
        text-indent: -9999px; }
    .slick-dotted.slick-slider .slick-dots li.slick-active button {
      background-color: #e86100; }

.sponser-slider, .story-slider {
  display: flex;
  align-items: center;
  padding-bottom: 30px; }
  .sponser-slider .image-container img, .story-slider .image-container img {
    margin: auto;
    width: 200px;
    height: 150px; }
  .sponser-slider .slick-dots, .story-slider .slick-dots {
    bottom: -25px !important; }

/*------------------------------------ Components Ends ------------------------------------*/