/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap'); */ * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } ::selection { color: #000; background: #fff; } nav { position: fixed; background: rgb(0, 32, 96); border-radius: 0px; width: 100%; } nav .menu { /*max-width: 1200;*/ margin-left: 5px; margin-right: 1px; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; } .menu .logo a { text-decoration: none; color: #fff; font-size: 25px; font-weight: 500; } .menu .logo label { text-decoration: none; color: #fff; font-size: 15px; font-weight: 300; } .menu ul { display: inline-flex; } .menu ul li { list-style: none; margin-left: 7px; } .menu ul li:first-child { margin-left: 0px; } .menu ul li a { text-decoration: none; color: #fff; font-size: 15px; font-weight: 500; padding: 5px 10px; border-radius: 5px; transition: all 0.3s ease; } .menu ul li a:hover { background: #fff; color: black; } .img { background: url('img3.jpg')no-repeat; width: 100%; height: 100vh; background-size: cover; background-position: center; position: relative; } .img::before { content: ''; position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.4); } .center { position: absolute; top: 52%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 20px; text-align: center; } .center .title { color: #fff; font-size: 55px; font-weight: 600; } .center .sub_title { color: #fff; font-size: 52px; font-weight: 600; } .center .btns { margin-top: 20px; } .center .btns button { height: 55px; width: 170px; border-radius: 5px; border: none; margin: 0 10px; border: 2px solid white; font-size: 20px; font-weight: 500; padding: 0 10px; cursor: pointer; outline: none; transition: all 0.3s ease; } .center .btns button:first-child { color: #fff; background: none; } .btns button:first-child:hover { background: white; color: black; } .center .btns button:last-child { background: white; color: black; } /*Social Media Icons*/ .fa { padding: 20px; font-size: 30px; width: 50px; text-align: center; text-decoration: none; margin: 5px 2px; } .fa:hover { opacity: 0.7; } .fa-facebook { background: #3B5998; color: white; } .fa-twitter { background: #55ACEE; color: white; } .fa-linkedin { background: #007bb5; color: white; } .fa-instagram { background: #125688; color: white; } /*tonav*/ .topnav { overflow: auto; background-color: white; border-radius: 0px; padding: 1px; padding-top: 1px; } .topnav a { float: left; display: block; color: rgb(0, 32, 96); text-align: center; padding: 8px 16px; text-decoration: none; font-size: 15px; border-radius: 5px; transition: all 0.3s ease; } .topnav a:hover { background: rgb(0, 32, 96); color: white; } button:hover { background: #fff; padding: 3px; border-radius: 5px; color: black; } .topnav a.active { background-color: #2196F3; color: white; } .topnav .login-container { float: right; border-radius: 5px; padding: 0px 1px; } .topnav input[type=text] { padding: 6px; margin-top: 8px; font-size: 17px; border: none; width: 120px; } .topnav .login-container button { float: right; padding: 6px 10px; margin-top: 10px; margin-right: 16px; font-size: 15px; cursor: pointer; display: block; color: rgb(0, 32, 96); text-align: center; padding: 0px 5px; text-decoration: none; border-radius: 5px; } .topnav .login-container button:hover { background: rgb(0, 32, 96); color: #fff; } /* Style the search field */ li.search input[type=text] { padding: 10px; font-size: 17px; border: 1px solid grey; float: left; width: 80%; background: #f1f1f1; } /* Style the submit button */ li.search button { float: left; width: 20%; padding: 10px; background: #2196F3; color: white; font-size: 17px; border: 1px solid grey; border-left: none; /* Prevent double borders */ cursor: pointer; } li.search button:hover { background: #0b7dda; } /* Clear floats */ li.search::after { content: ""; clear: both; display: table; } .AboutServices { width: 380px; border: 1px solid #FFFAFA; padding: 10px; margin: 10px; border-radius: 25px; text-align: center; background-color: rgb(0, 32, 96); margin-bottom: 100px; } .AboutServices p { color: white; } .surveymenu { max-width: 1200; margin-left: 0px; margin-right: 0px; display: flex; align-items: center; justify-content: space-between; padding: 0px 12px; } .surveymenu ul { display: inline-flex; } .surveymenu ul li { list-style: none; margin-left: 0px; } .surveymenu ul li:first-child { margin-left: 10px; } .surveymenu ul li a { text-decoration: none; color: #fff; font-size: 18px; font-weight: 500; padding: 5px 10px; border-radius: 5px; transition: all 0.3s ease; } .surveymenu ul li a:hover { background: #fff; color: black; } #myBtn { display: none; /* Hidden by default */ position: fixed; /* Fixed/sticky position */ bottom: 20px; /* Place the button at the bottom of the page */ right: 30px; /* Place the button 30px from the right */ z-index: 99; /* Make sure it does not overlap */ border: none; /* Remove borders */ outline: none; /* Remove outline */ background-color: rgb(0, 32, 96); /* Set a background color */ color: white; /* Text color */ cursor: pointer; /* Add a mouse pointer on hover */ padding: 15px; /* Some padding */ border-radius: 10px; /* Rounded corners */ font-size: 18px; /* Increase font size */ } #myBtn:hover { background-color: #555; /* Add a dark-grey background on hover */ } /* Two image containers (use 25% for four, and 50% for two, etc) */ .teamcolumn { float: left; width: 50%; padding: 50px; padding-left: 10px 10px; border-radius: 10px; image-rendering: optimizeQuality; border-style: inset; } .teamrow h3 { white-space: nowrap; color: blue; } .teamrow h4 { white-space: nowrap; color: #2196F3; } /* Clear floats after image containers */ .teamrow::after { content: ""; clear: both; display: table; }