body {
  background-color: #030B24;
}



html {
scroll-behavior: smooth;
}
html,

input[type="button"],
input[type="submit"] {
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
letter-spacing: 1px;
font-family: 'Source Sans Pro', sans-serif;
}
select,input[type="email"],input[type="text"],input[type=password],
input[type="button"],input[type="submit"],textarea{
font-family: 'Open Sans', sans-serif;
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
letter-spacing: 1px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
letter-spacing: 1px;
}
p {
margin: 0;
padding: 0;
letter-spacing: 1px;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
ul li{display:inline-block;}
/*-- //Reset-Code --*/
.title {
font-size:45px;
color: #000;
letter-spacing: 3px;
font-weight: 600;
text-transform:capitalize;
}
.line-w3ls-title {
width:228px;
height: 2px;
margin: 0px auto;
background: #000;
}
.abut-wls-text p,.title-sub p,.ser-text-wthree p,.footer-left-grid p,.clients-color-ile p,.w3l-ser-sub-txt p,.timeline-body p{
font-size: 14px;
color:#424242;
line-height: 28px;
}
.footer-left-grid p,.footer_grid_left ul li p a{color:#d2d2d2;}
.ser-text-wthree h4,.table-txt-grid h4,.footer-address h4,.blog-us-grid h4 a,h4.timeline-title,.clients-txt-ile h4,.team-content h4{
font-size: 25px;
color: #000;
/* text-transform: capitalize; */
font-weight: 400;
}
.table-txt-grid h4,h4.timeline-title,.clients-txt-ile h4,.team-content h4{color:#000000;}
.clr ,.footer-address h4{
color: #fff;
}
/*-- header --*/
/*-- nav --*/
.main-top{position:relative;}
.headder-top {
position: absolute;
width: 100%;
background:transparent;
padding: 1em 1em;
}
/* navigation */
/* CSS Document */
.toggle-2,
.toggle,
[id^=drop] {
display: none;
}
/* Giving a background-color to the nav container. */
nav {
margin: 0;
padding: 0;
}
#logo a {
float: left;
display: initial;
font-weight: 700;
font-size:37px;
letter-spacing: 2px;
color: #fff;
padding: 0;
}
/* Since we'll have the "ul li" "float:left"
* we need to add a clear after the container. */
nav:after {
content: "";
display: table;
clear: both;
}
/* Removing padding, margin and "list-style" from the "ul",
* and adding "position:reltive" */
nav ul {
float: right;
padding: 0;
margin: 0;
list-style: none;
position: relative;
}
/* Positioning the navigation items inline */
nav ul li {
margin: 0px;
display: inline-block;
float: left;
}
/* Styling the links */
nav ul li a {
color: #FFFFFF;

font-weight: 400;
font-size: 14px;
letter-spacing: 1px;
background:transparent;

padding: 7px 10px;
border-bottom:1px solid rgba(255, 255, 255, 0);
display: inline-block;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
nav ul li ul li:hover {
background: #FFFFFF;
}
.menu li .drop-text:hover {
color: #EDAC1F;
border:none;
}
/* Background color change on Hover */
.menu li.active a, .menu li a:hover {
color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
/* Hide Dropdowns by Default
* and giving it a position of absolute */
nav ul ul {
display: none;
position: absolute;
top:33px;
background: #000;
padding: 10px;
border-radius: 4px;
box-shadow: -1px 1px 5px black;
}
/* Display Dropdowns on Hover */
nav ul li:hover>ul {
display: inherit;
}
/* Fisrt Tier Dropdown */
nav ul ul li {
width: 170px;
float: none;
display: list-item;
position: relative;
}
nav ul ul li a {
color: #fff;
padding: 5px 10px;
display: block;
background: transparent;
}
/* Second, Third and more Tiers	
* We move the 2nd and 3rd etc tier dropdowns to the left
* by the amount of the width of the first tier.
*/
nav ul ul ul li {
position: relative;
top: -60px;
/* has to be the same number as the "width" of "nav ul ul li" */
left: 170px;
}
/* Change ' +' in order to change the Dropdown symbol */
li>a:only-child:after {
content: '';
}
a.reqe-button {
border: 2px solid rgba(255, 255, 255, 0.35);
border-radius: 4px;
}
/* Media Queries
--------------------------------------------- */
@media(max-width: 800px) {
nav a {
font-size: 13px;
}
}
@media all and (max-width : 767px) {
#logo {
display: block;
padding: 0;
width: 100%;
text-align: center;
float: none;
}
nav {
margin: 0;
}
/* Hide the navigation menu by default */
/* Also hide the  */
.toggle+a,
.menu {
display: none;
}
/* Stylinf the toggle lable */
.toggle {
display: block;
padding: 6px 17px;
font-size:14px;
text-decoration: none;
border: none;
float: right;
background-color:#fff;
color: #000;
border-radius:50px;
cursor: pointer;
}
.menu .toggle {
float: none;
text-align: center;
margin: auto;
max-width: 138px;
padding: 10px 18px;
font-weight: normal;
font-size: 15px;
letter-spacing: 1px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.menu .toggle:hover {
color:#00b381;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.toggle:hover {
color: #000;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
label.toggle.toogle-2 {
background: transparent;
text-transform: uppercase;
font-size: 14px;
color: #fff;
}
/* Display Dropdown when clicked on Parent Lable */
[id^=drop]:checked+ul {
display: block;
background: #000000;
padding: 15px 0;
text-align: center;
width: 100%;
}
/* Change menu item's width to 100% */
nav ul li {
display: block;
width: 100%;
padding: 5px 0;
}
nav ul ul .toggle,
nav ul ul a {
padding: 0 40px;
}
nav ul ul ul a {
padding: 0 80px;
}
nav a:hover,
nav ul ul ul a {
background-color: transparent;
}
nav ul li ul li .toggle,
nav ul ul a,
nav ul ul ul a {
padding: 14px 20px;
color: #FFF;
font-size: 15px;
}
/* 
nav ul li ul li .toggle,
nav ul ul a {
background-color: #212121;
} */
/* Hide Dropdowns by Default */
nav ul ul {
float: none;
position: static;
color: #ffffff;
/* has to be the same number as the "line-height" of "nav a" */
}
/* Hide menus on hover */
nav ul ul li:hover>ul,
nav ul li:hover>ul {
display: none;
}
/* Fisrt Tier Dropdown */
nav ul ul li {
display: block;
width: 100%;
padding: 0;
}
nav ul ul ul li {
position: static;
/* has to be the same number as the "width" of "nav ul ul li" */
}
nav a {
color: #000;
font-size: 15px;
}
.menu li.active a,
.menu li a:hover {
background:transparent;
}
}
@media all and (max-width : 568px) {
nav a,
.menu .toggle,
nav ul li ul li .toggle,
nav ul ul a,
nav ul ul ul a {
font-size: 14px;
}
}
@media all and (max-width : 320px) {
nav a,
.menu .toggle,
nav ul li ul li .toggle,
nav ul ul a,
nav ul ul ul a {
font-size: 13px;
}
}