*{margin: 0px; padding: 0px; box-sizing: border-box;}
img{max-width: 100%;}
a, a:hover, a:visited, a:focus, a:active{text-decoration: none;}
p, ul, li{margin: 0px; padding: 0px;}




/* header */

header{position: sticky; top: 0px; z-index: 999; background-color: #ffffff;}
header .navbar .nav-link{font-size: 16px; color: #000000 ;}
header .navbar .nav-link:hover{color: #ffce74;}
header .navbar .icon li a{font-size: 22px; color: #fff; transition: .5s;}
header .navbar .icon li a:hover{color: #ffce74;}
header .navbar-brand img{width: 70%;}
header .navbar-nav{gap: 20px;}
header .navbar-toggler{padding: 8px 10px; background-color: transparent; border-color: #ffce74; color: #ffce74; font-size: 22px;}
header .navbar-toggler:focus{box-shadow: none;}




/* slider */
#slider {position: relative;}
#slider .content{background-color: #eeeeee; padding: 20px; position: absolute; z-index: 99; right: 50px; width: 30%; top: 20px; border-radius: 20px;}
#slider .form-control, #slider .form-select{color: #000000; background-color: transparent; border-radius: 0px; border-color: #000000;}
#slider .form-control::placeholder{color: #000000;}
#slider .btn{background-color: #dda500; color: #000000; font-weight: 600; border-radius: 0px; padding: 10px 30px;}
#slider .btn:hover{background-color: #6fbc44; color: #fff;}
#slider .form-control:focus, #slider .form-select:focus{box-shadow: none; border-color: #dda500;}
#slider form label{color: #000000; font-size: 16px; font-weight: 500; margin-bottom: 8px;}
#slider form h3{color: #000000; font-weight: 700; text-align: center; margin: 0px; font-family: 'Abel', sans-serif;}
/*#slider .form-select option{background-color: #000;}*/
#slider .owl-dots{display: none;}
#slider .content .close{background-color: transparent; border: none; color: #000000; font-size: 25px; text-align: end; margin: 0px;}


/* about */
#about{padding: 60px 0px; background-color: #eeeeee;}
#about .row{row-gap: 30px;}
#about .project h3{color: #dda500; font-weight: 700; font-size: 35px; margin-bottom: 30px;}
#about .project h3 span{color: #000;}
#about .project .img{overflow: hidden; border-radius: 10px 10px 0 0;}
#about .project .img img{transition: .5s; width: 100%;}
#about .project:hover .img img{ transform: scale(1.1); filter: brightness(.7);}
#about .content{padding: 20px; border: 1px solid #c9c9c9;} 
/* #about .content a{display: inline-block; color: #6fbc44; font-size: 28px; font-weight: 700;} */
#about .content p{font-size: 18px; color: #424242; }
#about .content p b{color: #000000; }
#about .content ul{justify-content: space-between; margin-top: 15px;}
#about .content ul li{font-size: 18px; color: #424242;  border-right: 1px solid #c9c9c9; padding-right: 30px;}
#about .content ul li b{color: #000000; }

#about .project iframe{border-radius: 10px 10px 0px 0px;}

/* #about .highlight h3{color: #dda500; font-weight: 700; font-size: 35px; margin-bottom: 30px;}
#about .highlight h3 span{color: #000;}
#about .highlight ul li i{font-size: 22px; color: #6fbc44;}
#about .highlight ul li{color: #000000; font-size: 18px; font-weight: 500; margin-bottom: 10px;}
#about .highlight a{display: inline-block; background-color: #dda500; color: #000; font-size: 21px; font-weight: 500; padding: 10px 30px; border-radius: 100px; transition: .5s; margin-top: 60px;}
#about .highlight a:hover{background-color: #6fbc44; color: #fff; } */

/* countdown */
#countdown {
  background-attachment: fixed;
    background-repeat: no-repeat;
    background-image: url(../images/counter-bg.jpg);
    background-size: cover; 
    background-position: center center;
    color: white;
}


#countdown i {
    font-size: 40px;
    color: #dda500;
}

#countdown h2 {
    font-size: 45px;
    color: white;
    margin: 15px 0px;
}

#countdown h2 p {
    font-size: 18px;
}

#countdown .count {
    border-right: white 1px solid;
    padding: 80px 0px;
}

#countdown .countnone {
    border-right: none;
}



/* gallery */

#gallery {padding: 50px 0px; background-color: #eeeeee;}
#gallery h2{color: #dda500; font-weight: 700; font-size: 35px; margin-bottom: 20px; text-align: center;}
#gallery h2 span{color: #000;}

@media screen and (min-width: 991px) {
  #gallery { 
    padding: 50px 0px;
  }
}

.img-wrapper {
  position: relative;
  margin-top: 20px;
  overflow: hidden;
  border-radius: 8px;
}
.img-wrapper img {
  width: 100%;
}

.img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 5%;
}
@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}
@media screen and (min-width: 1200px) {
  #overlay img {
    width: 50%;
  }
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#nextButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #nextButton {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#prevButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #prevButton {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}
#exitButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #exitButton {
    font-size: 3em;
  }
}




/* footer */
footer {background-color: #000000; padding: 50px 0 30px;}
footer .row{row-gap: 20px;}
footer ul li{margin-bottom: 15px; color: #fff; font-size: 16px;}
footer ul li a{color: #ffffff; font-size: 16px; transition: .5s;}
footer ul li h4{color: #fff; font-weight: 700; font-size: 26px; margin-bottom: 20px;}
footer ul li i{color: #6fbc44; font-size: 22px;}
footer ul li a:hover{color: #dda500;}
footer .icon li{text-align: center;}
footer .icon li a{display: inline-block; width: 35px; height: 35px; line-height: 35px; background-color: #6fbc44; color: white; border-radius: 50%;}
footer .icon li a i{font-size: 18px; color: #ffffff;}
footer .icon li a:hover{background-color: #dda500; color: white;}
footer .img{text-align: center; border-top: #c9c9c9 1px solid; padding: 15px 0px; margin-top: 20px;}
footer .img a{color: #ffffff; font-size: 18px; font-weight: 500;}

footer .map iframe{border-radius: 8px;}

footer .form-control, footer .form-select{color: #ffffff; border-color: #ffffff; background-color: #000; border-radius: 0px; }
footer .form-control::placeholder{color: #ffffff;}
footer .btn{background-color: #6fbc44; color: #ffffff; border-radius: 0px; padding: 10px 30px;}
footer .btn:hover{background-color: #dda500; color: #000000;}
footer .form-control:focus, footer .form-select:focus{box-shadow: none; background-color: #000; color: #fff; border-color: #dda500; }
footer form h3{color: #ffffff; font-weight: 700;}


/*  */
.quickcontact {
  width: 40px;
  position: fixed;
  bottom:50px;
  right: 2px;
  z-index: 9999;
}




  /* modal */
.modal-content {background-color: #000000d8;}
.modal{padding: 20px 0px;}
.modal h2{text-align: center; font-size: 40px; margin-bottom: 30px; color: #dda500;}
.modal .form-control{color: white; background-color: transparent; border-radius: 0px; }
.modal .form-control::placeholder{color: white;}
.modal .btn{background-color: #dda500; color: #000000; border-radius: 5px; padding: 10px 30px; font-weight: 600;}
.modal .btn:hover{background-color: #6fbc44; color: #fff ;}
.modal .form-control:focus{box-shadow: none;}
.modal-header .btn-close{filter: invert(1);}
.modal-title{color: #fff;}

  /* tnanks */
  #thank{margin-top: 40px; margin-bottom: 40px;}
#thank .content{text-align: center;     background-color: #6fbc44;
  margin: auto;
  width: 335px;
  padding: 9px;}

  #thank .content h2{color: #fff; font-size: 26px;}
  #thank .content p{color: #fff;     line-height: 30px;
    margin: auto;
    color: #fff;
    width: 200px;}
  #thank .content .call a{padding: 7px; width: 166px; background-color: #bf922d; color: #fff; border-radius: 40px; display: inline-block; margin-bottom: 20px; margin-top: 15px;}