@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500&family=Raleway:wght@200;400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Rajdhani:wght@300;400;500;600;700&display=swap');


body {
padding:0;
}

:root{
    /*--theme-color: #653405;*/
	--theme-color: #057c7d;
	--secondary-theme-color: #5f5e5d;
	--white-color: #ffffff;
	--dark-color: #000000;
	--button-color: #ffc107;
}

.btn-theme{background:var(--theme-color); padding:3px 8px; text-decoration:none; font-size:14px; border-radius:4px;}

.headertop{background:var(--theme-color); text-align:right; padding:4px 10px;
}

.headertop a{text-decoration:none;}

.carousel-item{position:relative; overflow:hidden;}
.carousel-item img{width:80%; height:80vh;}

.carousel-item .overlay{ position:absolute; left:0; right:0; top:0; width:100%; height:100%; background:rgba(55,35,107,0.3); z-index:0;}


.card-body img{min-width:50%; max-height:200px;}

.text-theme{color:var(--theme-color);}

h1, h2, h3{font-family: 'Rajdhani', sans-serif;}

h2, h3{font-size:60px;}
h3{font-size:30px; font-weight:bold;}
h2 strong{font-size:50px; text-shadow: 2px 2px #000000;}
.carousel-item a, .button{background-color: var(--button-color); color:var(--dark-color); padding:10px 20px; text-decoration:none; display:block; margin:20px 0 0; width:200px; border-radius:5px; text-align: center;}

.button{margin:20px 0 0; width:160px;}


h1 span, h2 span{color: var(--secondary-theme-color);}

.bg-white {
	background:url(../images/headerbg.webp) no-repeat center bottom;
    background-color: #fff !important;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
	margin-bottom:8px;
}


.nav-item {padding-left:10px;}

.nav-link {
    display: block;
    padding: 0.5rem 1.5rem;
	font-size:16px;
    color: #000000;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
	font-family: 'Rajdhani', sans-serif;
	font-weight:bold;
}

.nav-link:hover, .dropdown-item:focus, .dropdown-item:hover {
	color: #ffffff!important;
    background-color: var(--theme-color);
}

.dropdown-item {font-size: 16px; font-family: 'Rajdhani', sans-serif; font-weight:500;}

.welcome{background:#efefef;}
.welcome_leftblock{background:url(../images/);}
.welcome_leftblock, .home_video{position:relative;}


.video{background:url(../images/img1.jpg); text-align:center;}
.video div{background:rgba(55,35,107,0.6); padding:16% 4%;}
.video h2{color:#ffffff; font-size:40px;}
.video h3{color:#ffffff; font-size:20px;}

.home_project{background:url(../images/counters.jpg) fixed; background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; margin-top:50px; margin-bottom:90px; padding-bottom:30px;}
.home_project > div{padding:4% 4% 0;}
.home_project h2{color:#ffffff; font-size:60px;}
.home_project h3{color:#ffffff; font-size:30px;}
.home_project .row{background: rgba(5, 124, 125, 0.8); padding:2% 2% 0; border-radius:10px; backdrop-filter: blur(6px);}
.home_project input, .home_project textarea{background:none; border:0; border-bottom:solid 1px #ffffff; margin-bottom:5px; color:#ffffff!important;}
.home_project textarea{background:none;}

.form-control:focus{background-color:#000000;}

.home_project input::placeholder, .home_project textarea::placeholder {
  color: #ffffff;
  opacity: 1; /* Firefox */
}


.btn-danger{background-color:var(--button-color);}
.btn-dark {
    color: #000;
    background-color: #ffffff;
    border-color: #212529;
}


.count{background:url(../images/counters.jpg); 
background-position: center center;
background-repeat: no-repeat;
background-size: cover; margin-bottom:80px;}
.count div{padding:1% 1% 2%;}
.count h2{font-size:35px;}
.count h3{color:#ffd452; font-size:35px;}

.count .block{background: rgba(5, 124, 125, 0.8); margin:3px; padding:10px; color:#ffffff;}

/*----IMAGE GALLERY SLIDER----*/

#slider {
  position: relative;
  width: 50%;
  height: 32vw;
  margin: 30px auto 120px;
  font-family: 'Helvetica Neue', sans-serif;
  perspective: 1400px;
  transform-style: preserve-3d;
}

input[type=radio] {
  position: relative;
  top: 108%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin: 0 15px 0 0;
  opacity: 0.4;
  transform: translateX(-83px);
  cursor: pointer;
}


input[type=radio]:nth-child(5) {
  margin-right: 0px;
}

input[type=radio]:checked {
  opacity: 1;
}


#slider label,
#slider label img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: white;
  font-size: 70px;
  font-weight: bold;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 400ms ease;
}



/* Slider Functionality */

/* Active Slide */
#s1:checked ~ #slide1,
 #s2:checked ~ #slide2,
  #s3:checked ~ #slide3,
   #s4:checked ~ #slide4,
    #s5:checked ~ #slide5 {
  box-shadow: 0 13px 26px rgba(0,0,0, 0.3), 0 12px 6px rgba(0,0,0, 0.2);
  transform: translate3d(0%, 0, 0px);
}

/* Next Slide */
#s1:checked ~ #slide2,
 #s2:checked ~ #slide3,
  #s3:checked ~ #slide4,
   #s4:checked ~ #slide5,
    #s5:checked ~ #slide1 {
  box-shadow: 0 6px 10px rgba(0,0,0, 0.3), 0 2px 2px rgba(0,0,0, 0.2);
  transform: translate3d(20%, 0, -100px);
}


/* Next to Next Slide */
#s1:checked ~ #slide3,
 #s2:checked ~ #slide4,
  #s3:checked ~ #slide5,
   #s4:checked ~ #slide1,
    #s5:checked ~ #slide2 {
  box-shadow: 0 1px 4px rgba(0,0,0, 0.4);
  transform: translate3d(40%, 0, -250px);
}

/* Previous to Previous Slide */
#s1:checked ~ #slide4,
 #s2:checked ~ #slide5,
  #s3:checked ~ #slide1,
   #s4:checked ~ #slide2,
    #s5:checked ~ #slide3 {
  box-shadow: 0 1px 4px rgba(0,0,0, 0.4);
  transform: translate3d(-40%, 0, -250px);
}

/* Previous Slide */
#s1:checked ~ #slide5,
 #s2:checked ~ #slide1,
  #s3:checked ~ #slide2,
   #s4:checked ~ #slide3,
    #s5:checked ~ #slide4 {
  box-shadow: 0 6px 10px rgba(0,0,0, 0.3), 0 2px 2px rgba(0,0,0, 0.2);
  transform: translate3d(-20%, 0, -100px);
}
/*----IMAGE GALLERY SLIDER----*/

/*----FLOAT ICON----*/
.float_icon{position:fixed; right:3px; bottom:5%; z-index:1000; width:70px;}
/*----FLOAT ICON END----*/


/*-------GALLERY---------*/
.gallerywrapper, .gallerywrapper2 {
  position: relative;
  width: 100%;
  margin:10px auto;
  overflow:hidden;
  height: 400px;
}


 .gallerywrapper2 {
  height: 300px;
}

.image {
  display: block;
  width: 100%;
  height: 400px;
}

.gallerywrapper:hover .image, .gallerywrapper2:hover .image{
  transform:scale(1.2);
  transition:ease all 0.3s;
}

.overlay1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background:rgba(0,0,0,0.6);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.gallerywrapper:hover .overlay1, .gallerywrapper2:hover .overlay1 {
  height: 100%;
}

.text {
  color:#ffffff;
  font-size: 20px;
  position: absolute;
  text-transform:uppercase;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.text a {
  color:#ffffff; text-decoration:none;
}

#next {
    background: none;
    color: #797474;
    font-weight: bold;
    border: solid 1px #797474;
    padding: 2px 10px;
    outline: none;
    margin: 0 auto 20px;
	font-size:14px;
    display: block;
}
/*-------GALLERY END---------*/

.contact_details > div > div > div{
box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.59);
-webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.59);
-moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.59);
padding:3% 3% 5%; margin-top:2%;
}
.contact_details > div > div > div > div > h2{font-size:40px;}
.contact_details > div > div > div > div > div > h3{font-size:27px;}
.contact_details > div > div > div > div > div{padding-top:30px;}

/*==========footer ==========*/
footer{background:var(--theme-color); color:#ffffff; font-weight:bold; font-size:14px;}

.footernav{
   position:relative;
   width:100%;
   margin:0;
   padding:3% 3% 0;
   background-color:#e3e3e3;
   color:#000000; 
}

.footernav ul{padding:0; margin:0;}
.footernav ul li{}
.footernav ul li a{padding:5px 0 5px 4px; color:#000000; display:block; text-decoration:none;}
.footernav ul li a:hover{color:var(--theme-color);}

.footernav > .content{font-size:12px;}

.footernav > a{margin:4px; color:#6b6b6b;}

.footernav > .img{position:absolute; z-index:1000; height:40px; width:100%; bottom:0; left:0; background:url(../images/footerimg.png) bottom left;}

footer > div > p > a {color:#000000;}
/*==========footer end==========*/

/*==========social link==========*/
.sociallink {
    width: 100%;
}
.sociallink{width:100%;}
.sociallink > a{float:left!important; width:30px; margin:20px 10px 0 0;}

.map{margin:50px 0 0;}

.fa1 {
  padding: 10px;
  font-size: 18px!important;
  width: 36px;
  height: 36px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa1:hover, .fa1:active {
    opacity: 1;
	color:#ffffff;
	background:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
	
	-moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
	
}

.fa1-facebook, .fa1-twitter, .fa1-youtube, .fa1-search-plus {
  background: #ffffff;
  color:var(--theme-color)!important;
}

.fa2 {
  padding: 10px;
  font-size: 44px!important;
  width: 44px;
  height: 44px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa2:hover, .fa2:active {
    opacity: 1;
	color:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
}

.fa2-facebook, .fa2-twitter,
 .fa2-youtube, .fa2-search-plus {color:#ffffff!important;}
/*==========social link end==========*/

.flex-fill {position:relative;}
.flex-fill a{position:absolute; left:20px; bottom:25%; z-index:1000; font-size:30px; font-weight:bold; font-family: 'Rajdhani', sans-serif;}

@media (max-width: 800px) {
.d-flex {display: block!important;}
.flex-fill{width:100%;}

.home_project h2 {font-size: 30px;}
.video h3 {font-size: 20px;}

.carousel-item a, .button{padding:3px 7px; text-decoration:none; display:block; margin:20px auto 0; width:100px!important; border-radius:5px; font-size:12px!important;}

.home_project {
    background: url(../images/counters.jpg) fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 30px;
}

#slider {
    height: 32vw;
    margin: 30px auto 40px;
}

.count div {
    padding: 1% 2%;
}
.count h2 {
    font-size: 25px;
}

.count h3 {
    font-size: 25px;
}

}

@media (max-width: 420px) {

.home_project h2, .video h2 {font-size: 25px;}
.video h3 {font-size: 16px!important;}
}


@media (min-width: 992px){
.container {
    max-width: 95%;
}
}

@media (min-width: 768px){
.container {
    max-width: 95%;
}
}

@media (max-width: 900px){
.carousel-item img{width:100%; height:auto;}
.welcome_leftblock{display:none;}
}