@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
body{
 font-family: "Marcellus", serif;
 font-family: "Plus Jakarta Sans", sans-serif;
 color:#333333;
 font-size:16px;
 font-weight:400;
 padding-top:114.75px;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
  color:#000000;
}
.dropdown-item.active, .dropdown-item:active{
  background-color:#ffffff;
  color:#CC723F;
}
a{
  text-decoration: none;
}
h1,h2,h3,h4{
   color:#333333;
}
.bg-1{
background-color:#E2E8D5 !important;
}
.bg-2{
background-color:#E2E8D5 !important;
}
.bg-3{
  background-color:#3A5F0B;
}
h1{
font-size: 64px;
line-height: 80.25px;
font-family: "Marcellus SC", serif;
}
.ffmc{
font-family: "Marcellus SC", serif;
}
h3{
  font-size:32px;
  font-family: "Marcellus SC", serif;
  line-height:40.13px;
}
h2{
  font-size:50px;
  line-height:64px;
    font-family: "Marcellus SC", serif;
}
h3.fs36{
 font-family: "Marcellus", serif;
font-size: 36px;
line-height: 45.14px;
}
.navbar.custom-navbar{
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    background: #ffffff;
    z-index:99999;
    transition:.3s;
    padding-top:10px;
    padding-bottom:10px;
}
.custom-navbar .navbar-brand{
  width: fit-content;
  padding:0px;
}
.custom-navbar .navbar-brand img{
  width:75px;
  transform:scale(1);
  transition:.3s;
}
.navbar.custom-navbar.scrolled{
  box-shadow: 0 0 3px rgba(53, 64, 78, 0.2);
}
.navbar.custom-navbar.scrolled .navbar-brand{
}
.navbar.custom-navbar.scrolled .navbar-brand img{
  transform:scale(.85);
}

.navigation-toggler {
  border: 0px;
  padding:0px;
}
.navigation-toggler:focus {
  box-shadow: none;
  outline: 0px;
  border: 0px;
}
.navigation-toggler.collapsed .navigation-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navigation-toggler .navigation-toggler-icon {
    background-image: url(../images/close.png);
}

.navbar-nav .nav-link{
  color:#000000;
   font-family: "Inter", sans-serif;
   text-transform:uppercase;
}
.navbar-nav .nav-link:hover{
  color:#CC723F;
}
.navbar-nav .nav-link.active{
  color:#CC723F;
}
a.btn-header{
  background-color: #3A5F0B;
  color:#ffffff;
  height:50px;
  text-decoration:none;
  margin-left:16px;
  display: flex;
  align-items:center;
  justify-content: center;
  padding:2px 12px;
   font-family: "Inter", sans-serif;
}
a.btn-header:hover{
  background-color:#CC723F;
}
.navbar.custom-navbar .navbar-collapse{
  position: relative;
}
.navbar.custom-navbar .navbar-collapse::before{
    content: '';
    width: 100%;
   height: 0px;
    border-top: 1px solid #3A5F0B;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translatey(-50%);
}
.navbar.custom-navbar .navbar-collapse ul.navbar-nav{
  z-index:1;
  background-color:#ffffff;
}
.navbar.custom-navbar .nav-item.dropdown{
  cursor:pointer;
}
.navbar.custom-navbar .dropdown-menu{
    border-radius:0px;
    border:1px solid #444823;
    background-color:#ffffff;
  }
.navbar.custom-navbar .nav-item.dropdown:hover .dropdown-menu{
 display: block;
}
.navbar.custom-navbar .dropdown-menu .dropdown-item:hover{
  background-color:#CC723F;
color:#ffffff;
}
#carousel1{
  height:450px;
}
#carousel1 .carousel-inner{
 height:100%;
}
#carousel1 .carousel-item{
  height:100%;
}
#carousel1 .carousel-item img{
  height:100%;
  width:100%;
  object-fit:cover;
  object-position: center center;
}
#carousel1 .carousel-indicators{
  gap:10px;
}
#carousel1 .carousel-indicators [data-bs-target]{
    width:15px;
    height:15px;
    border:2px solid #ffffff;
    border-radius: 100%;
    background-color:transparent;
    opacity:1;
    background-clip: inherit;
}
#carousel1 .carousel-indicators .active{
  background-color:#ffffff;
}
.section-padding{
  padding-top:70px;
  padding-bottom:70px;
}
a.btn-link-arrow{
text-transform: capitalize;
/*display: flex;
align-items: center;
justify-content: start;*/
text-decoration:none;
 color:#333333;
}
a.btn-link-arrow img{
  width:31px;
  margin-left:8px;
}
a.btn-link-arrow:hover{
  color:#3A5F0B;
}
.first-image{
  height:400px;
    object-fit: cover;
    object-position: center center;
}
.video-banner{
  position: relative;
}
.video-banner .banner-image{
  height:600px;
  object-fit: cover;
  object-position: center center;
  width:550px;
}
.video-play-button {
    position:absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    /* background: #fa183d; */
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
    cursor: pointer;
}
.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #ffffff;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}
/*.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 32px solid #3A5F0B;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
}*/
.video-play-button img{
  position: relative;
    z-index: 2;
    width: 32px;
    margin-top: 2px;
}
.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background:#ffffff;
    border-radius: 50%;
    transition: all 200ms;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.categories-section{
  border-top:1px solid #CC723F;
  border-bottom:1px solid #CC723F;
  margin-bottom:60px;
  overflow: hidden;
}
.category-item{
 text-align: center;
   padding:20px 30px;
   border-right:1px solid #CC723F;
   height:100%;
   position: relative;
}
.category-item.category-item3{
  border-right:1px solid #ffffff;
}
.category-item h3{
 margin-bottom:0px;
}
.category-item h5{
  position: relative;
  width: fit-content;
  margin:0 auto;
  margin-bottom:10px;
}
.category-item h5::before{
content: '';
    width: calc(100% + 20px);
    height: 1px;
    position: absolute;
    left: -10px;
    top: 12px;
    background:#2F4F4F;
    transform: rotate(172deg);
}
.category-item p{
  margin-bottom:40px !important;
}
.category-item a.btn-category-item{
 color: #3A5F0B;
    border: 1px solid #3A5F0B;
    padding: 12px 18px 14px;
    display: block;
    width:fit-content;
    margin:0 auto;
    margin-bottom:10px;
}
.category-item.category-item2{
  background-color:#E2E8D5;
}
.category-item.category-item2 a.btn-category-item{
  background-color:#FFC107;
  border:1px solid #FFC107;
}
.category-item:hover{
  background-color:#E2E8D5;
}
.category-item:hover a.btn-category-item{
   background-color:#FFC107;
  border:1px solid #FFC107;
}
.category-item1:after{
  content:'';
  width:5000px;
  height:100%;
  position: absolute;
  right:0px;
  top:0px;
   background-color:#E2E8D5;
   z-index: -1;
   opacity:0;
}
.category-item3:after{
  content:'';
  width:5000px;
  height:100%;
  position: absolute;
  left:0px;
  top:0px;
   background-color:#E2E8D5;
   z-index: -1;
   opacity:0;
}
.category-item1:hover{
 border-left:1px solid #CC723F;
}
.category-item3:hover{
   border-right:1px solid #CC723F;
}
.category-item1:hover:after,.category-item3:hover:after{
  opacity:1;
}
.line-before{
  position:relative;
  padding-left:120px;
}
.line-before:before{
content:'';
width:100px;
height:0px;
border-top:2px solid #3A5F0B;
position: absolute;
left:0px;
top:50%;
transform: translatey(-50%);
}
#carousel2{
  height:450px;
  margin-top:30px;
}
#carousel2 .carousel-inner{
 height:100%;
 background-color:#E2E8D5;
 padding:30px;
}
#carousel2 .carousel-indicators{
 margin:0px;
 flex-direction: column;
 gap:30px;
 top:0px;
 right:-220px;
 left: auto;
}
#carousel2 .carousel-item{
  height:100%;
}
#carousel2 .carousel-item img{
width:50%;
height:100%;
object-fit:contain;
object-position:center center;
float: left;
display:block;
}
#carousel2 .carousel-control-next, #carousel2 .carousel-control-prev{
background-color:#ffffff;
right:0px;
width:40px;
height:40px;
left: auto;
top:-75px;
border-radius:100%;
opacity:1;
border:1px solid #3A5F0B;
padding:7px;
}
#carousel2 .carousel-control-next:hover, #carousel2 .carousel-control-prev:hover{
background-color:#E2E8D5;
}
#carousel2 .carousel-control-next{
right:0px;
}
#carousel2 .carousel-control-prev{
right:60px;
}
#carousel2 .carousel-control-next img, #carousel2 .carousel-control-prev img{
width:100%;
}
#carousel2 .carousel-indicators [data-bs-target]{
width:160px;
height:50px;
border:1px solid #444823;
opacity:1;
color:#444823;
background-color:transparent;
box-sizing:border-box;
 text-indent:0px;
  text-transform:uppercase;
  font-weight:500;
}

#carousel2 .carousel-indicators [data-bs-target].active{
  background-color:#1E1E1E;
  color:#ffffff;
}
button, input, optgroup, select, textarea{
  font-family: "Plus Jakarta Sans", sans-serif;
}
.other-banner{
  padding-top:120px;
  padding-bottom:120px;
  background-image:url(../images/bg6.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
}
.other-banner:before{
  content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    left: 0px;
    top: 0px;
}
.other-banner .container{
  position: relative;
  z-index: ;
}
.other-banner.other-banner1{
   background-image:url(../images/bg8.jpg)
}
.other-banner.other-banner2{
   background-image:url(../images/bg7.jpg)
}
.other-banner.other-banner3{
   background-image:url(../images/bg2.jpg)
}
.other-banner.other-banner4{
   background-image:url(../images/bg3.jpg)
}
.other-banner.other-banner5{
   background-image:url(../images/bg4.jpg)
}
.other-banner.other-banner6{
   background-image:url(../images/bg5.jpg)
}
.other-banner.other-banner7{
   background-image:url(../images/bg6.jpg)
}
.other-banner h1{
  color:#ffffff;
  text-align: center;
  font-size:70px;
}
p.fs22{
  font-size:18px;
  line-height:28px;
}
.video-banner1{
  margin-bottom:70px;
}
.video-banner1 .banner-image1{
  height:400px;
  position: relative;
  z-index: ;
}
.video-banner1::before{
  content:'';
  width:100%;
  height:200px;
  position: absolute;
  left:0px;
  top:0px;
  background-color:#E2E8D5;
}
.about-side-image{
  position: relative;
  height:100%;
}
.about-side-image img{
  position: absolute;
  left:0px;
  top:0px;
  height:100%;
  width:100%;
  object-fit: cover;
  object-position:bottom right;
}
a.btn-default,button.btn-default{
  padding:12px 16px;
  border: 1px solid #000000;
  color:#000000;
  text-transform: uppercase;
  display:inline-block;
  background-color:transparent;
}
a.btn-default:hover,button.btn-default:hover{
      background-color:#3A5F0B;
      border: 1px solid #3A5F0B;
      color:#ffffff;
}
.btn-default.bg-green{
  background-color:#3A5F0B;
      border: 1px solid #3A5F0B;
      color:#ffffff;
}
.btn-default.bg-green:hover{
  background-color:#CC723F;
      border: 1px solid #CC723F;
}
.gallery-item-cover{
  margin-bottom: 24px;
}
.gallery-item img{
 width:100%;
}
.gallery-item a{
  border: 5px solid #444823;
  display: block;
  border-radius:3px;
  height: 100%;
  transition: .3s;
  cursor: pointer;
}
.gallery-item a:hover{
  border:5px solid #CC723F;
}
.gallery-item a .img-thumbnail {
    height:234px;
    margin: 0 auto;
    display: block;
    object-fit: cover;
    object-position: top;
}
.modal{
  z-index:200000;
}
.modal video{
 border-radius:15px;
}
.modal-backdrop.show{
  opacity: .8 !important;
  z-index: 199999;
}
#bootstrap-gallery .modal-body img {
    width: auto !important;
    object-fit: contain;
    object-position: center;
    height: 90vh;
    margin: 0 auto;
    display: block;
    max-width: 100%;
    border-radius:3px;
}
#bootstrap-gallery .modal-dialog {
    margin-left: auto;
    margin-right: auto;
    width:100% !important;
    border:0px;
    border-radius:0px;
    height: 100%;
    max-width:100% !important;
    margin:0px !important;
}
#bootstrap-gallery .modal-dialog .modal-content{
  background: rgba(0,0,0,0.6);
    height: 100%;
}
#bootstrap-gallery .modal-dialog .modal-content .modal-body{
align-items: center;
    display: flex;
}
#bootstrap-gallery-extend{
  display: none;
}
#bootstrap-gallery .modal-header a.modal-button{
    color: #fff;
    margin-top: 5px;
}
.carousel-control-next, .carousel-control-prev{
  text-decoration: none !important;
  opacity: 1;
/*  background-color: rgba(23,64,60,.5);*/
width: 7%;
}
#bootstrap-gallery .modal-header {
    background: #17403C !important;
    color: #fff;
    border-radius: 0px;
    border:0px;
    padding: 0px;
    overflow: visible;
}
#bootstrap-gallery{
 display: flex !important;
 align-items: center !important;
}
#bootstrap-gallery .btn-close {
    position: absolute;
    right:20px;
    filter: brightness(100) invert(1);
    opacity: 1;
    top:20px;
    z-index: 11;
}
#bootstrap-gallery .btn-close:focus{
  box-shadow: none;
}
.winners-item{
  position: relative;
  padding:120px 0px 160px;
  overflow: hidden;
}
.winners-image{
    height: 440px;
    width:256px;
    border-radius: 8px;
    background-color: #e8e8f2;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.winners-image img.award-image{
  position: absolute;
    top: 16px;
    right: 16px;
    width: 100px;
    opacity: 0;
    transform: translate(50%,-50%) scale(.15) rotate(-1turn);
    transition: all .25s,opacity 15ms .245s;
    z-index: 8;
}
.winners-image .winners-dot{
    position: absolute;
    top: 16px;
    right: 16px;
    background: #fff;
    box-shadow: inset 0 0 0 4px #000;
    border-radius: 60px;
    z-index: 5;
    width: 10px;
    height: 10px;
    transform: translate(50%,-50%);
}
.winners-image .winners-dot.silver-dot{
  box-shadow: inset 0 0 0 4px #9393b6;
}
.winners-image .winners-dot.gold-dot{
  box-shadow: inset 0 0 0 4px #feb967;
}
.winners-image img.main-image{
    max-height: 540px;
    width: 80%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    left: 50%;
    transition: all .5s ease-out;
    bottom: -32px;
    transform: translate(-50%);
}
.winners-content{
   width:calc(256px - 20px);
   position: absolute;
    border-radius: 8px;
    bottom: 0;
    left:10px;
    right:10px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 20px 0;
    min-height: 200px;
    transform: translateY(calc(100% - 120px));
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    background:#ffffff;
    background-color:#E2E8D5;
    box-shadow: 0 5px 15px rgba(17,36,83,0), 0 1px 1px rgba(17,36,83,0);
    transition: all .5s cubic-bezier(1,.2,.2,1);
}
.winners-content h3{
  font-size:30px;
  text-align: center;
  text-transform: capitalize;
}
.winners-item:hover .winners-content{
  box-shadow: 0 15px 25px rgba(17,36,83,.07), 0 1px 1px rgba(17,36,83,.03);
    transform: translateY(-60px);
    z-index: 150;
    background: #fff;
    opacity: 1;
    overflow: hidden;
}
.winners-item:hover .winners-image img.main-image{
-webkit-animation-delay: .5s;
    animation-delay: .5s;
    transform: translate(-50%,-8%);
}
.winners-item:hover img.award-image{
  opacity: 1;
    width: 100px;
    transition: all .5s cubic-bezier(1,.2,.2,1),opacity 0s;
    transform: translate(50%,-50%) scale(1) rotate(0deg);
}
.winners-item:hover .winners-dot{
 opacity: 0;
}
.winners-information{
  padding-bottom:18px;
}
.winners-information-item{
    opacity:0;
    transform: translateY(250px);
    transition: .75s cubic-bezier(0,0,0,1) .25s;
    color: #4b26c6;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
}
.winners-item:hover .winners-information-item{
  opacity: 1;
    transform: translate(0);
}
.winners-information-item a{
  display: flex;
  justify-content:flex-start;
  color: black;
  align-items:center;
  padding-top:5px;
  padding-bottom:5px;
  text-transform: capitalize;
}
.winners-information-item a i{
  margin-right:10px;
  font-size:16px;
}
.winners-information-item a span{
  color:#4b26c6;
  line-height: 22px;
}
.winners-information-item1{
  border-top: 1px solid rgba(0,0,0,.1);
    transition-delay: .25s;
}
.winners-information-item1 a{
  color:#dc3545;
}
.winners-information-item2 a{
  color: #cba419;
}
.winners-information-item2 a i{
  font-size: 13px;
}
.winners-information-item3 a{
  color: #5c7c17;
}
.winners-information-item2{
  border-top: 1px solid rgba(0,0,0,.1);
    transition-delay: .5s;
}
.winners-information-item3{
  border-top: 1px solid rgba(0,0,0,.1);
    transition-delay: .75s;
}
.contact-section form {
    padding: 30px 15px;
    margin-top: 30px;
}
.contact-section form {
    padding:25px 45px 45px 45px;
    background: #ffffff;
    border-radius:10px;
}
.contact-section form .form-control {
    padding: 0 15px;
    height: 54px;
    background: transparent !important;
    color: #000000;
    border: 1px solid #000000 !important;
    border-radius:0px;
    transition: .3s;
    margin-bottom: 30px;
}
.contact-section form .form-control:focus {
    box-shadow: none;
    border: 1px solid #CC723F !important;
}
.contact-section form textarea.form-control {
    height: 150px;
    padding: 10px 15px;
}
.contact-section .info{
    width:100%;
}
.contact-section .info .email, .contact-section .info .phone {
/*    margin-top: 40px;*/
}
.contact-section .info i {
    font-size: 20px;
    color: #ffffff;
    float: left;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:0px;
    transition: all 0.3s ease-in-out;
    background:#3A5F0B;
}

.contact-section .info h4,.follow-us-title {
    padding: 0 0 0 60px;
    font-size: 22px;
    font-weight:500;
    margin-bottom: 5px;
    color:#333333;
    font-family: "Marcellus", serif;
}
.follow-us-title{
    padding:0px;
}
.footer-social.margin-0{
    margin:0px;
}
.contact-section .info p a {
    color:#444823;
    text-decoration: none;
}
.contact-section .info p {
    padding: 0 0 0 60px;
    margin-bottom: 0;
    font-size: 16px;
}
.footer-social{
  margin-top:20px;
}
.footer-social li {
    display: inline;
    margin-right: 5px;
}
.footer-social li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius:0px;
    color:#ffffff;
    text-align: center;
    font-size: 15px;
/*    transition: all .8s ease;*/
    background:#3A5F0B;
    margin-bottom:0px;
}
.footer-social li a:hover{
      background:#1E1E1E;
}
.footer-social li a i {
    line-height: 35px;
}
.winner-card{
  background-color:#f7f5e6;
  padding:40px 20px;
  text-transform:uppercase;
  text-align: center;
}
.winner-card h3{
  margin-bottom:0px;
}
.team .section4-imgbox img.custom-judge-image{
    max-height:450px;
    object-fit:cover;
    object-position:top;
}
.team .section4-imgbox {
    position: relative;
/*    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
    height:100%;
    border-radius:0px;
    overflow: hidden;
    border:1px solid #1E1E1E;
    padding:10px;
    padding-bottom:100px;
}
.team .section4-imgbox .read-bio a{
    color: #ffffff;
    font-size: 18px;
    background:orange;
    padding:20px 30px;
    line-height: 0px;
    border-radius: 100px;
    display: block;
    cursor: pointer;
}
a.btn-bio{
cursor: pointer;
margin-top:20px;
}
.team .img-content {
    position: absolute;
    background:#f7f5e6;
    background-color:#CC723F;
    bottom:10px;
    left:10px;
    width:calc(100% - 20px);
    padding:20px;
    border-radius:0px;
    transition: all 0.2s ease 0s;
    z-index: 1;
}
.team .section4-imgbox p{
    color:#ffffff;
    text-transform: capitalize;
}
.team .section4-imgbox .img-content h5{
     color:#ffffff;
    text-transform: capitalize;
        font-family: "Marcellus", serif;
}
.team .section4-imgbox:hover .img-content h5{

}
.judge-modal .modal-content{
 border-radius:0px;
}
.btn-close:focus {
box-shadow:none !important;
}
.judge-modal .modal-header{
 border-radius:0px;
}
.judge-modal .modal-title{
    text-transform: capitalize;
}
.modal-bio::first-letter{
    text-transform: uppercase;
}
.modal-bio p{
  text-transform: none;
}
.team .img-content  h5{
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: red;
}
.home-section1{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height:100%;
  align-items:start;
}
.text-italic{
  font-style: italic;
}
.custom-box{
   display: flex;
   align-items:start;
   justify-content: start;
   flex-direction: column;
   height:100%;
   background-color:#E2E8D5;
   padding:15px 20px;
}
.custom-box .icon-cover{
  width:60px;
  height:60px;
  margin-bottom:15px;
}
.custom-box .icon-cover img{
  width:100%;
}
.custom-box h3{
 font-size:20px;
 font-weight:600;
font-family: "Plus Jakarta Sans", sans-serif;
margin-bottom:5px;
line-height:28px;
}
.custom-box p{
  margin-bottom:0px;
}
.join-us-section{
  position: relative;
}
.join-us-section:before{
  content: "";
    position: absolute;
    z-index:0;
    top: 0;
    left: 0;
    width:50%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/about-side-image.jpg);
    background-repeat: no-repeat;
}













.footer{
  background-color:#f7f5e6;
  padding-top:60px;
  padding-bottom:60px;
  color: #000000;
}
h2.footer-title{
 font-size:40px;
 line-height:50px;
 font-family:"Marcellus SC", serif;
 margin-bottom:20px;
}
.footer .footer-ul{
  padding:0px;
  margin-bottom:0px;
  list-style-type:none;
  display: flex;
  align-items:start;
  justify-content:start;
  flex-direction:column;
  gap:14px;
}
.footer .footer-ul li{
}
.footer .footer-ul li a{
  color:#000000;
}
.footer .footer-ul li a i{
  margin-right:10px;
}
.footer .footer-ul li a:hover{
  color: #3A5F0B;
}
.footer .footer-ul li a:hover span{
  text-decoration:underline;
}
.footer .footer-ul.footer-ul1{
 text-transform:capitalize;
}
.footer  .footer-item{
border-right:1px solid #000000;
}
.footer  .footer-item:last-child{
  border:0px;
}
.footer  ul.social-icons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    list-style-type: none;
    padding: 0px;
}
.footer  ul.social-icons li {
    padding: 0px 5px;
}
.footer ul.social-icons li a {
    width: 40px;
    height: 40px;
    background-color:transparent;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:0px;
    transition: .3s;
    border:1px solid #444823;
    color: #444823;
}
.footer ul.social-icons li a:hover{
  background-color:#444823;
  color:#ffffff;
}
.copyright{
  padding-top:15px;
  padding-bottom:15px;
      background: #f7f5e6;
    border-top: 1px solid #000;
}
.footer img{
mix-blend-mode:multiply;
}
.loading-overlay{
        width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position:fixed;
    left: 0px;
    top: 0px;
    z-index: 111111;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    color:#ffffff;
    display: none;
}
.loading-overlay.active{
    display: flex;
}