*{
    margin: 0%;
    padding: 0%;
  }
  body{
    padding: 0;
    margin: 0;
    
  }


.bg1 {
  padding-top: 10%;
}
@media screen and (max-width: 650px)
{
 .bg1 {
  padding-top: 25%;
  padding-bottom: 10%;
}
}
.bg1 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  font-family:  proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif;
}

 .bg1 h1 {
  font-size: 32px;
  color: white;
 
  text-align: center;
  font-weight: 500;
  position: relative;
  padding-bottom: 15px;
  text-rendering: optimizeLegibility;
  font-family:  proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.bg1 h1::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.bg1 h1::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #00FFFF;
  bottom: 0;
  left: calc(50% - 20px);
}



  .main1{
    height: 85vh;
    width: 70%;
  }
  
  .main1 p{ 
    position: relative;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: justify;
    font-size: 18px;
    color: white;
    text-rendering: optimizeLegibility;
    word-spacing: 6px;
    font-family: proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif;
    
  }
  @media screen and (max-width: 768px)
  {
    .main1 p{ 
      margin-left: 1%;
      margin-right: 4%;
       top: 28%;
      transform: translate(-50%,-40%);
       font-size: 16px;
    color: white;
    text-rendering: optimizeLegibility;
    word-spacing: 4px;
    font-family: proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif;
    }
  }
  /*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  z-index: 997;
  padding: 10px 0;
  background: white;
  box-shadow: 1px 1px 5px #f6f6f6;
}

#header .logo {
  font-size: 34px;
  line-height: 1;
  color: #999;
  font-family: proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  padding-left: 15px;
  border-left: 4px solid transparent;
  border-color: #00FFFF;
  border-image-slice: 1;
}
#header h6 {
  font-size: 12px;
  margin-top: 0px;
  margin-left: 130px;
  color: #999;
  text-decoration: underline; 
  line-height: 1;
  font-family: proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 1px;
   
}
#header .logo a {
  font-size: 25px;
  color: #999;
  text-decoration: none;
}

#header .logo img {
  max-height: 40px;
}
#header img{
  padding-right: 0px;
  margin-right: 0px;

}
@media screen and (max-width: 1200px)
{ #header .logo{
  padding-left: 10px;
}
  #header img{
    display: none;
  }
}

@media (max-width: 992px) {
  #header .logo {
    font-size: 28px;
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu > ul {
  display: flex;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  padding: 10px 0 10px 28px;
}

.nav-menu a {
  display: block;
  position: relative;
  color: #999999;
  transition: 0.1s;
  font-size: 15px;
  font-family: proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif;
  
  font-weight: 525;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  
 border-bottom: 2px solid #00FFFF;
 text-decoration: none;
 color: #999;

}
.nav-menu .drop-down ul {
  display: block;
  text-align: center;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
   padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
  color: black;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: #00FFFF;
  border-bottom: none;
}
.nav-menu .drop-down > a:after {
  content: "";
  font-family: proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "";
  font-family: proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif;
  position: absolute;
  right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}

/* Mobile Navigation */
.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 15px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}
.mobile-nav-toggle i {
  color: #00FFFF;
}

.mobile-nav {
  position: fixed;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  z-index: 9999;
  overflow-y: auto;
  background: #fff;
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  padding: 10px 0;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #333333;
  padding: 10px 20px;
  font-weight: 500;
  outline: none;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #00FFFF;
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\eaa1";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(26, 26, 26, 0.6);
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #00FFFF;
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  /*background-image: linear-gradient(to  top, #00FFFF ,white );*/
  background-color: #00FFFF;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

/* Prelaoder */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #00FFFF;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #000;
  padding: 0 0 30px 0;
  color: #999;
  font-size: 14px;
}

#footer .footer-top {
  background: #f9f9f9;
  padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 34px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 10px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  border-left: 4px solid #00FFFF;
  font-color: #999 ;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  color: #999;
}
@media screen and (max-width: 650px){
#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  margin-left: 3%;
  margin-right: 4%;
  font-family: "Montserrat", sans-serif;
  color: #999;
}
}

#footer .footer-top .social-links a {

  font-size: 18px;
  display: inline-block;
  transition: 0.3s;
}
  #footer .footer-top .social-links .fa-facebook {
  background: #3B5998;
  color: white;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  line-height: 1;
  padding: 8px 0;
  text-align: center;
  margin-right: 4px;

}

#footer .footer-top .social-links .fa-twitter {
  background: #55ACEE;
  color: white;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  line-height: 1;
  padding: 8px 0;
  text-align: center;
  margin-right: 4px;

}
#footer .footer-top .social-links .fa-linkedin {
  background: #007bb5;
  color: white;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  line-height: 1;
  padding: 8px 0;
  text-align: center;
  margin-right: 4px;
  }
  
 #footer .footer-top .social-links .fa-instagram {
  background: linear-gradient(red,orange);
  color: white;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  line-height: 1;
  padding: 8px 0;
  text-align: center;
  margin-right: 4px;
}



#footer .footer-top .social-links a:hover {
  color: #999;
}

#footer .footer-top h4 {
  font-size: 14px;
  font-weight: bold;
  color: #999;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top h4::before, #footer .footer-top h4::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
}

#footer .footer-top h4::before {
  right: 0;
  background: #555;
}

#footer .footer-top h4::after {
  background: #00FFFF;
  width: 60px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
  margin-left: 65px
}

@media screen and (max-width: 768px){
#footer .footer-top .footer-links {
  margin-bottom: 30px;
 margin-left: 3%;
      margin-right: 4%;

}
}


#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  
}

#footer .footer-top .footer-links ul i {
  padding-right: 8px;
  color: #999;
}

#footer .footer-top .footer-links ul li {
  border-bottom: 1px solid #999;
  padding: 10px 0;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #999;
}

#footer .footer-top .footer-links ul a:hover {
  color: #00FFFF;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
  margin-left: 85px; 
}
@media screen and (max-width: 768px){

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
  margin-left: 3%;
  margin-right: 4%;

}
}

#footer .footer-top .footer-contact p {
  line-height: 26px;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  text-align: center;
  font-size: 13px;
  color: #ddd;
}
/* <!-- SagurIT SagurITTechnologies SagurITTechnologiesPvtLtd sagurit sagurittechnologies sagurit.com https://www.sagurit.com/ Software Company Product Development Software Development Quality Assurance Digital Marketing
Mobile Application Development Web Application Development Website Development Wordpress PHP HTML CSS JavaScript Android ios Swift Google
SagurIT SagurITTechnologies SagurITTechnologiesPvtLtd sagurit sagurittechnologies sagurit.com https://www.sagurit.com/ Software Company Product Development Software Development Quality Assurance Digital Marketing
Mobile Application Development Web Application Development Website Development Wordpress PHP HTML CSS JavaScript Android ios Swift Google 
SagurIT SagurITTechnologies SagurITTechnologiesPvtLtd sagurit sagurittechnologies sagurit.com https://www.sagurit.com/ Software Company Product Development Software Development Quality Assurance Digital Marketing
Mobile Application Development Web Application Development Website Development Wordpress PHP HTML CSS JavaScript Android ios Swift Google 
SagurIT SagurITTechnologies SagurITTechnologiesPvtLtd sagurit sagurittechnologies sagurit.com https://www.sagurit.com/ Software Company Product Development Software Development Quality Assurance Digital Marketing
Mobile Application Development Web Application Development Website Development Wordpress PHP HTML CSS JavaScript Android ios Swift Google 
SagurIT SagurITTechnologies SagurITTechnologiesPvtLtd sagurit sagurittechnologies sagurit.com https://www.sagurit.com/ Software Company Product Development Software Development Quality Assurance Digital Marketing
Mobile Application Development Web Application Development Website Development Wordpress PHP HTML CSS JavaScript Android ios Swift Google 
SagurIT SagurITTechnologies SagurITTechnologiesPvtLtd sagurit sagurittechnologies sagurit.com https://www.sagurit.com/ Software Company Product Development Software Development Quality Assurance Digital Marketing
Mobile Application Development Web Application Development Website Development Wordpress PHP HTML CSS JavaScript Android ios Swift Google 
SagurIT SagurITTechnologies SagurITTechnologiesPvtLtd sagurit sagurittechnologies sagurit.com https://www.sagurit.com/ Software Company Product Development Software Development Quality Assurance Digital Marketing
Mobile Application Development Web Application Development Website Development Wordpress PHP HTML CSS JavaScript Android ios Swift Google 
SagurIT SagurITTechnologies SagurITTechnologiesPvtLtd sagurit sagurittechnologies sagurit.com https://www.sagurit.com/ Software Company Product Development Software Development Quality Assurance Digital Marketing
Mobile Application Development Web Application Development Website Development Wordpress PHP HTML CSS JavaScript Android ios Swift Google 
SagurIT SagurITTechnologies SagurITTechnologiesPvtLtd sagurit sagurittechnologies sagurit.com https://www.sagurit.com/ Software Company Product Development Software Development Quality Assurance Digital Marketing
Mobile Application Development Web Application Development Website Development Wordpress PHP HTML CSS JavaScript Android ios Swift Google 
SagurIT SagurITTechnologies SagurITTechnologiesPvtLtd sagurit sagurittechnologies sagurit.com https://www.sagurit.com/ Software Company Product Development Software Development Quality Assurance Digital Marketing
Mobile Application Development Web Application Development Website Development Wordpress PHP HTML CSS JavaScript Android ios Swift Google 
SagurIT SagurITTechnologies SagurITTechnologiesPvtLtd sagurit sagurittechnologies sagurit.com https://www.sagurit.com/ Software Company Product Development Software Development Quality Assurance Digital Marketing
Mobile Application Development Web Application Development Website Development Wordpress PHP HTML CSS JavaScript Android ios Swift Google 
SagurIT SagurITTechnologies SagurITTechnologiesPvtLtd sagurit sagurittechnologies sagurit.com https://www.sagurit.com/ Software Company Product Development Software Development Quality Assurance Digital Marketing
Mobile Application Development Web Application Development Website Development Wordpress PHP HTML CSS JavaScript Android ios Swift Google 
SagurIT SagurITTechnologies SagurITTechnologiesPvtLtd sagurit sagurittechnologies sagurit.com https://www.sagurit.com/ Software Company Product Development Software Development Quality Assurance Digital Marketing
Mobile Application Development Web Application Development Website Development Wordpress PHP HTML CSS JavaScript Android ios Swift Google 
SagurIT SagurITTechnologies SagurITTechnologiesPvtLtd sagurit sagurittechnologies sagurit.com https://www.sagurit.com/ Software Company Product Development Software Development Quality Assurance Digital Marketing
Mobile Application Development Web Application Development Website Development Wordpress PHP HTML CSS JavaScript Android ios Swift Google 
SagurIT SagurITTechnologies SagurITTechnologiesPvtLtd sagurit sagurittechnologies sagurit.com https://www.sagurit.com/ Software Company Product Development Software Development Quality Assurance Digital Marketing
Mobile Application Development Web Application Development Website Development Wordpress PHP HTML CSS JavaScript Android ios Swift Google 
SagurIT SagurITTechnologies SagurITTechnologiesPvtLtd sagurit sagurittechnologies sagurit.com https://www.sagurit.com/ Software Company Product Development Software Development Quality Assurance Digital Marketing
Mobile Application Development Web Application Development Website Development Wordpress PHP HTML CSS JavaScript Android ios Swift Google 
SagurIT SagurITTechnologies SagurITTechnologiesPvtLtd sagurit sagurittechnologies sagurit.com https://www.sagurit.com/ Software Company Product Development Software Development Quality Assurance Digital Marketing
Mobile Application Development Web Application Development Website Development Wordpress PHP HTML CSS JavaScript Android ios Swift Google --> */