/*  */
/* Global */
/*  */
/* gold #FFD700 */
:root {
  --primary-color: #0a2341;
  --secondary-color: #cda642;
}

@font-face {
  font-family: "GESSTwo";
  src: url("../fonts/GESSTwo/GESSTwoMedium-Medium.woff");
}
body {
 padding: 0;
  margin: 0;
  text-align: right;
  font-family: "GESSTwo";
  box-sizing: border-box;
}

.btn-pills {
  border-radius: 15px;
}

.main-text {
  color: var(--primary-color);
}

.bg-navy {
  background-color: var(--primary-color);
}

.border-navy {
  border: 1px solid var(--primary-color);
}

a {
  text-decoration: none;
  color: #0a2341;
}

a:hover {
  text-decoration: none;
}

.fs-lg {
  font-size: large;
}

.custom-btn {
  background-color: var(--primary-color);
  color: #fff;
}
.custom-btn:hover {
  background-color: var(--secondary-color);
  color: var(--primary-color) !important;
}
/* scrolling  */
html {
  scroll-behavior: smooth;
}
/*scrolling offset */
.sticky-offset {
  top: 54px;
}

/*  */
/* Home Page */
/*  */

/* Nav */
.main-nav {
  background-color: #fff;
  z-index: 900;
  border-bottom: 7px solid var(--primary-color);
}
.nav-item {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.nav-itemHend {
  padding-left: 0.5rem;
  padding-right: 16rem;
  color:Yellow;
}
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}

/*Main nav */

.main-nav .nav-item,
.main-nav .nav-item .nav-link {
  color: #000 !important;
}
.main-nav .nav-item:hover,
.main-nav .nav-item.active,
.main-nav .nav-item.active .nav-link,
.main-nav .nav-item:hover .nav-link {
  background-color: var(--primary-color);
  color: #fff !important;
}
.main-nav .nav-item {
  margin-top: 5px;
}
.main-nav .nav-item:hover,
.main-nav .nav-item.active {
  margin-top: 0;
  border-top: var(--secondary-color) 5px solid;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
/* .main-nav .nav-item:hover,
.main-nav .nav-item.active {
} */

.main-nav .dropdown-menu {
  text-align: unset;
}
.main-nav .dropdown-menu {
  background-color: var(--primary-color);
  color: #fff !important;
}

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

.main-nav .dropdown-item {
  color: #fff;
}
.main-nav .dropdown-item:hover {
  color: #000;
}

/*  */

.carousel-indicators li {
  background-color: #c1c1c1;
}

/*.carousel,
.item,
.active {
  height: 100%;
}
.carousel-inner {
  height: 100%;
}*/
.carousel-control-next {
  left: 80px;
  right: unset;
}

.carousel-control-prev,
.carousel-control-next {
  top: unset;
  bottom: 2%;
  width: 8%;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto;
  min-height: initial;
}

.carousel-item .carousel-caption {
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  color: #fff;
}

.carousel-caption {
  padding: 2rem 4rem;
  background-color: rgba(0, 0, 0, 0.5);
}

.carousel-caption {
  color: #fff;
}

.carousel-indicators {
  right: 0;
  bottom: 0;
}
.carousel-indicators li {
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

.carousel-image {
  min-height: 250px;
}

@media only screen and (max-width: 768px) {
.carousel-caption {
    padding: 0;
  }

  .carousel-caption h1 {
    font-size: 2rem;
  }
  .carousel-caption h4 {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 480px) {
  .carousel-caption h1 {
    font-size: 1.2rem;
  }
  .carousel-caption h4 {
    font-size: 0.75rem;
  }
}

/* Main Cards */
.main-cards .card {
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  -webkit-box-shadow: 5px 11px 20px rgba(175, 175, 175, 0.36);
  box-shadow: 5px 11px 20px rgba(175, 175, 175, 0.36);
}

.main-cards .card img {
  width: 100%; 
  height: 170px;
}

.main-cards .card:hover {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
  transition: all 0.3s ease;
  border-color: var(--secondary-color);
  background-color: #e0e0e0;
  color: #000;
}

/* Swiper Slider */

.swiper-slide a {
  border-right: 1px var(--secondary-color) solid;
}

.swiper-slide a:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.2);
  transition: all 0.3s ease;
}

.swiper-slide img {
  width: 120px;
}

.swiper-wrapper {
  height: unset !important;
}


/* Services Cards */
.services-cards .card {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  -webkit-box-shadow: 5px 11px 20px rgba(175, 175, 175, 0.36);
  box-shadow: 5px 11px 20px rgba(175, 175, 175, 0.36);
}

.services-cards .card img {
  width: 100px;
}
.services-cards .card .card-body {
  padding: 1.25rem 0.25rem;
}
.services-cards .card:hover {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
  transition: all 0.3s ease;
  border-color: var(--secondary-color);
  background-color: #e0e0e0;
  color: #000;
}

/* Form */

.form-title {
  padding: 25px;
  font-size: 30px;
  color: var(--secondary-color) !important;
}

.form-group .form-control {
  -webkit-box-shadow: none;
  border-bottom: 1px;
  border-style: none none solid none;
  border-radius: 0;
  border-color: var(--primary-color);
  color: var(--primary-color);
  background-color: transparent;
}

.form-group .form-control:focus {
  transition: all 100ms ease-in;
  box-shadow: none;
  border-width: 0 0 2px 0;
  border-color: var(--secondary-color);
}

textarea {
  resize: none;
}

.btn-mod.btn-large {
  height: auto;
  padding: 13px 52px;
  font-size: 15px;
}

@media only screen and (max-width: 500px) {
  .btn-mod.btn-large {
    padding: 6px 16px;
    font-size: 11px;
  }

  .form-title {
    font-size: 20px;
  }
}

/* Footer */

.social a {
  filter: brightness(85%);
}

.social a img {
  border-radius: 50px;
}

.social a:hover {
  filter: brightness(100%);
}

input[type="radio"],

input[type="checkbox"] {

  margin-left: 4px;

  margin-right: 4px;

}

.card-wrapper {

  height: 100% !important;

}



@media only screen and (max-width: 480px) {

  .card-wrapper {

    height: unset !important;

  }

}

/* Layout Background */



.layout-bg {

  background: rgba(175, 175, 175, 0.36);

  background-image: url("../images/bg/home-latest-lnitiatives-bg.png");

  background-repeat: no-repeat;

  background-size: auto;

  background-position: left;

}



@media only screen and (max-width: 480px) {

  .layout-bg {

    background: unset;

    background-image: url("../images/bg/home-latest-lnitiatives-bg40.png");

  }

}