@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300&display=swap');


/* all over */	
a {
	text-decoration: none;
}
	

html {
    font-family: 'Nunito Sans', sans-serif;
}

body {
    font-family: 'Nunito Sans', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif;
}

p {
    font-weight: 100;
    font-family: 'Nunito Sans', sans-serif;
}

.cursor1{
	cursor: pointer;
}

/* hamburger menu */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: black;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: black;
}

.sidenav .closebtn {
  position: absolute;
  top: 40px;
    float: right;
    left: 60%;
  font-size: 36px;
  margin-left: 50px;
  color: black;
}

.pb-70{
		padding-bottom: 70px;
	}

@media screen and (min-width: 480px) {
	.sidenav .closebtn { 
		left: 80%; 
	}
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;} 
}


/* dropdown menu navbar */
.dropdown-menu li a {
    margin-top: 10px;
}

/* logo */
.h-logo{
		position: absolute;
		left: 25px;
		top: 40px;
	}
	 
.hidelogo {
    opacity:0;
   
}
.showlogo {
    opacity:1;
  
}

/* contact button */
.mr-2 {
	margin-right: 20px;
	}

/* contact form */	
input, textarea, select{
	border-radius: 4px;
}


/* contact button */
.submit-bttn {
    color: #000;
    font-size: clamp(16px, 1.6vw, 18px);
    display: block;
    border: none;
    cursor: pointer;
    user-select: none;
    transition: 0.2s;
    padding: 8px 35px;
    background: linear-gradient(90deg, rgba(52, 192, 236 ) 0%, rgba(52,192,236) 100%);
    border-radius: 50px;
    box-shadow: 0 0 60px rgb(55 191 235);
    font-weight: 300;
}

/* contact dropdown */
select{
		width: 100%;
		height: 45px;
		border: 1px solid #eee;
		padding: 0 20px;
	}
	
.text-h3 {
    font-size: 17px;
    line-height: 26px;
    font-weight: 100;
}

/* footer */
.f-h5{
		font-size: 24px;
		font-weight: 600;
		margin-bottom: 5px;
		font-family: 'Raleway', sans-serif;
	}
	
/* index component ict images */
.pl-5{
	padding-left: 3rem;
}
  /* slider popup css start*/
 
	.popup-button {
	 position: fixed;
	 right: -55px;
	 bottom: 250px;
	 transform: rotate(270deg);
	 z-index: 9999;
 }
  
	@color-card-background: #2d3638;
	@color-tag-background: #191e20;
	@color-anchor: #e37544;
	@color-body-copy: #b9bcbd;
	@default-border-radius: 10px;
	@breakpoint-medium: "screen and (min-width: 700px)";
	
	
	
	.form-popup-bg {
	  position:absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  display: flex;
	  flex-direction: column;
	  align-content: center;
	  justify-content: center;
	 background-color: #fff;
	  border-radius: 8px;
	}
	.form-popup-bg {
	  position: fixed;
	  left: 0;
	  top: 0;
	  height: 100%;
	  width: 100%;
	  opacity: 0;
	  visibility: hidden;
	  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	  transition: opacity 0.3s 0s, visibility 0s 0.3s;
	  overflow-y: auto;
	  z-index: 10000;
	 
	}
	.form-popup-bg.is-visible {
	  opacity: 1;
	  visibility: visible;
	  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	  transition: opacity 0.3s 0s, visibility 0s 0s;
	}
	.form-container {
		background-color: #000;
		border-radius: 10px;
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: 530px;
		margin-left: auto;
		margin-right: auto;
		position:relative;
	  padding: 40px;
	  color: #fff;
	}
	.close-button {
	  background:none;
	  color: #fff;
	  width: 40px;
	  height: 40px;
	  position: absolute;
	  top: 0;
	  right: 0;
	  border: none;
	}
	
	.form-popup-bg:before{
		content:'';
		background-color: #fff;
	  opacity: .25;
	  position:absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	}
  /* slider popup css start*/