* {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    scroll-behavior: smooth;
}

.nav-main-dv { 
  background-color: white !important;
  /* position: relative;
  width: 100% !important;
  height: 750px !important;
  overflow: hidden !important; */
}
.ent-img-main {
    width: 100%;
    position: fixed;
    animation: scale 40s linear infinite;
}
  
@keyframes scale {
  50% {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
  }
}
/* .disableSave {
    -webkit-user-select:none;
    -webkit-touch-callout:none;
} */
.ent-logo-main {
    position: absolute;
    width: 50%;
    left: 25%; 
    top: 50%;
    animation: myfirst 5s 1;
    animation-direction: normal;
  }
  
  @keyframes myfirst {
    25%  { left: 25%; top: 25%;}
    0%   { left: 25%; top: 70%;display:none;}
  
    
  }
  .ent-main {

    -moz-animation: cssAnimation 0s ease-in 7s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 7s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 7s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 7s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        display:none;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        display:none;
    }
}

.main {
 width: 100%;
  position: absolute;
  animation: myth 20s 1;
  animation-direction: normal; 
}
  
@keyframes myth {
  25%  { left: 0%; top: 00%;}
  0%   { left: 0%; top: 200%;display:none;}
}
.nav-main {
    position: absolute;
  }
.popup {
  border-radius: 20px;
  position: fixed;
  background-color: #f0f0f0;
  width: 30%;
  padding: 5%;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  display: none;
}
.popup input,.popup label{
  width: 100%;
  margin: 2%;
  padding: 1%;
}
.popup select{
  width: 102.5%;
  margin: 2%;
  padding: 1%;
}
.popup h2 {
  text-align: center;
  padding: 5%;
}
.popup button:first-child{ 
  padding: 1% 2%;
  background-color: #CC5805;
  color: white;
  border: 0px;
  margin-bottom: 2%;
}
.popup .button1{
  padding: 2% 5% ;
  margin-left: 40%;
  margin-top: 2%;
  text-decoration: none;
  border-radius: 0;
  color: white;
  background-color: #223035;
}
.bg-im{
    width: 100%;
    position: absolute;
    animation: mysec 20s 1;
    animation-direction: normal;
  }
  
.hire1 {
  width: 100%;
  height: 100%;
  background-color: #223035;
}
.hire h2{
  padding: 23% 15% 5% 15%;
  color: rgb(255, 255, 255);
}
.hire p{
  padding: 0 15%;
  color: rgb(255, 255, 255);
}
.hire button {
  width: 28%;
  padding: 2.5% 0%;
  text-decoration: none;
  border: none;
  border-radius: 30px;
  background-color: #4E595D;
  font-size: 15px;
  margin: 7% 15%;
  color: white;
}
.navstar {
  margin: 0 5%;
  height: 70px;
  overflow: hidden;
  border-bottom: 1px solid rgb(255, 255, 255) !important;
}
.nav-logo {
    margin-top: .5%;
    width: 10%;
    float: left;
}

.navbar {
  margin-top: 1%;
  width: 60%;
  float:right;
  overflow: hidden;
}
 /* Apply css properties to h1 element */
 h1 {
  text-align: center;
}

/* Create a container using CSS properties */
.container54 {
  margin-top: 15%;
  left: 50%;
  position: absolute;
  text-align: center;
  transform: translate(-50%, -50%);
}

/* Apply CSS properties to ui-widgets class */
.ui-widgets {
  position: relative;
  display: inline-block;
  width: 10rem;
  height: 10rem;
  border-radius: 9rem;
  margin: 1.5rem;
  border: 1.2rem solid #ffae74;
  box-shadow: inset 0 0 7px grey;
  border-left-color: #CC5805;
  border-top-color: #CC5805;
  border-right-color: #CC5805;
  border-bottom-color:white;
  text-align: center;
  box-sizing: border-box;
}

/*  Apply css properties to the second 
  child of ui-widgets class */
.ui-widgets:nth-child(2) {
  border-top-color: chartreuse;
  border-right-color: white;
  border-left-color: palegreen;
  border-bottom-color: white;
}

/*  Apply css properties to ui-widgets class 
  and ui-values class*/
.ui-widgets .ui-values {
  top: 40px;
  position: absolute;
  left: 10px;
  right: 0;
  font-weight: 700;
  font-size: 2.0rem;

}

/*  Apply css properties to ui-widgets 
  class and ui-labels class*/
.ui-widgets .ui-labels {

  left: 0;
  bottom: -16px;
  text-shadow: 0 0 4px grey;
  color: black;
  position: absolute;
  width: 100%;
  font-size: 16px;
}
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.subnav {
  float: left;
  margin-left: 10%;
  overflow: hidden;
}
.cont-nav {
  margin-left: 10%;
}
.subnav .subnavbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: rgb(0, 0, 0);
}

.subnav-content {
  overflow: hidden;
  display: none;
  position: absolute;
  left: 0;
  background-color: rgb(0, 0, 0);
  z-index: 1;
}
.s1 {
  margin-left: 50%;
}
.s2 {
  margin-left: 60%;
}
.s3 {
  margin-left: 70%;
}
.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
}

.subnav-content a:hover {
  background-color: #eee;
  color: black;
}

.subnav:hover .subnav-content {
  display: block;
}
.navqutsec p{
  font-size: 60px;
  margin: 7% 0 0 7%;
  color: white;
}
.sclbtnmn {
  margin-left: 48%;
  animation-name: sclbtnmn;
  animation-duration: 2s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes sclbtnmn {
  from {
    margin-top: 10px;
  }
  to {
    margin-top: 50px;
  }
}
.clt-sec-bg {
  
  width: 100%;
  position: absolute;
}
.clt-sec-bg img{
  width: 100%;
}
.para1 {
  width: 100%;
  text-align: center;
  position: absolute;
  margin-bottom: 10%;
}
.para1 img{
  width: 8%;
}

#para2 {
  text-align: center !important ;
  padding-left: 25%;
}
.hedlin {
  width: 100%;
  overflow: hidden;
  text-align: center !important;
  height: 38px;
  border-bottom: 1px solid black;
  background-color: white;
  font-size: 20px;
  margin-top: 37.8%;
  padding-top: .8%;
  position: absolute;
}
.fstrow  div img {
  background-color: white;
  padding: 15%;
  width: 70%;
}
.fstrow  div {
  background-color: white;
  border: 1px solid black;
}
.fstrow {
  width: 100%;
  margin-top: 41%;
  background-color: white;
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
  position: absolute;
  animation: mysec 20s 1;
  animation-direction: normal;
}
.fstrow div:nth-child(3) {
  background-color: #D5DEDE;
  font-size: 50px;
  padding: 20% 0 0 25%;
}

.fstrow2 {
  width: 100%;
  margin-top: 70%;
  background-color: white;
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
  position: absolute;
  animation: mysec 20s 1;
  animation-direction: normal;
}
.fstrow3 {
  width: 100%;
  margin-top: 99%;
  background-color: white;
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
  position: absolute;
  animation: mysec 20s 1;
  animation-direction: normal;
}
.fstrow2  div img {
  background-color: white;
  padding: 15%;
  width: 70%;
}
.fstrow2  div {
  background-color: white;
  border: 1px solid black;
}

.fstrow3  div img {
  background-color: white;
  padding: 15%;
  width: 70%;
}
.fstrow3  div {
  background-color: white;
  border: 1px solid black;
}
.fstrow3 div:first-child {
  background-color: #223035;
  font-size: 50px;
  color: white;
  padding: 10%;
}
.fstrow4 {
  width: 100%;
  margin-top: 129%;
  background-color: white;
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
  position: absolute;
  animation: mysec 20s 1;
  animation-direction: normal;
}
.fstrow4  div img {
  background-color: white;
  padding: 15%;
  width: 70%;
}
.fstrow4  div {
  border: 1px solid black;
}
.fstrow4 div:nth-child(3) {
  background-color: #EFEFEF;
  font-size: 40px;
  color: rgb(0, 0, 0);
  padding: 10%;
}
.Services-all {
  position: absolute;
  width: 100%;
  height: 600px;
  margin-top: 157.8%;
  background-color: #223035;
  animation: mysec3 20s 1;
}


.sub-ser {
  display: grid;
  grid-template-columns: 40% 60%;
}
.sub-ser div div:first-child{
  font-size: 40px;
  color: white;
}
.sub-ser div:first-child{
  padding: 10% 7%;
}
.sub-ser div div:nth-child(2){
  font-size: 18px;
  padding: 15% 0 0 7%;
  color: #FBFBFB;
}
.sub-ser div button {
  width: 28%;
  padding: 2.5% 0%;
  text-decoration: none;
  border: none;
  border-radius: 30px;
  background-color: #4E595D;
  font-size: 15px;
  margin: 7% 7%;
  color: white;
}
.ser-img{
  padding-top: 20%;
  width: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: 40% 40% 40% 40%;
  animation: mysec5 20s 1;
}

/* @keyframes mysec5 {
  100%  { margin-left: 0%; top: 0%;}
  0%   { margin-left: 200%; top: 0%;}
} */
.ser-img img {
  width: 80%;
}
.footer {
  position: absolute;
  width: 100%;
  padding: 2% 0 0 0;
  color: rgb(0, 0, 0);
  text-align: center;
}
.footer img {
  width: 2%;
  padding-right: 1%;
}
.footer div:first-child {
  padding-left: 16%;
  text-align: left;
}
.footer div:nth-child(2) {
  padding: .5% 0 0% 16%;
  text-align: left;
}
.footer div:nth-child(3) {
  padding: 1% 0 2% 16%;
  text-align: left;
}
.footer div:nth-child(4)  {
  margin-top: 1%;
  padding:.5%;
  border-top: 1px solid white;
}
#counter {
  border-radius: 50%;
  width: 100px;
  height: 62px;
  padding-top: 14%;
  border: 5px solid white;
  text-align: center;
  align-items: center;
}
.marquee {
  overflow: hidden;
  display: flex;
}

.marquee img{
  white-space: nowrap;
  text-transform: uppercase
}
.com-logo {
  width: 100%;
  height: 350px;
  background-color:#ffffff;
  overflow: hidden;
 }
.nwsltr {
  margin-top: -.3%;
  display: grid;
  grid-template-columns: 50% 50%;
  width: 96%;
  background-color: #223035;
  padding: 4% 2% 5% 2%;
}
.nwsltr h2 {
  color: white;
  padding-bottom: 1%;
}
.nwsltr p {
  color: white;
}
.nwsltr form input{
  margin-top: 1%;
  text-decoration: none;
  background-color: white;
  color: gray;
  padding: 1% 3%;
  border: none;
  width: 50%;
}
.nwsltr form button {
  padding: 1%;
  text-decoration: none;
  background-color: #cc5805;
  color: white;
  border: none;
}

.nwsltr form button:hover {
  border: none;
  background-color: #8f3e04;
}
.para{
  color: black;
  white-space: nowrap;
  clear: both;
  float: left;
}
.com-logo img{
  margin: 7% 2%;
  padding: 2% 2%;
  /* border: 1px solid black ; */
}
.sta-img img{
  width: 99.99%;
}
/* .ftlogo {
  width: 80%;
  text-align: center;
  align-items: center;
  position: absolute;
}
.ftlogo img {
  position: absolute;
  width: 50%;
  padding-left: 16%;
}  */

.ftmain {
  width: 100%;
  height: 10px;
  overflow: hidden !important;
}
.ftmain img {
  width: 100%;
  position: absolute;
} 
/* .ft-logo {
  margin-top: 200%;
} */
.ft-logo img{
  width: 50%;
  margin-top: 5%;
  margin-left: 25%;
  position: absolute;
}
.cpy {
  position: absolute;
  margin-top: 38%;
  margin-left: 2%;
  opacity: .9;
  color: white;
}
.cpy2 {
  float: right;
  position: absolute;
  margin-top: 30%;
  margin-left: 58%;
  opacity: .9;
  color: white;
}
.cpy4 label {
  font-size: 25px;
  color: #cc5805;
  font-weight: bold;
}
.cpy3 label {
  font-size: 25px;
  color: #cc5805;
  font-weight: bold;
}
.cpy2 label {
  font-size: 25px;
  color: #cc5805;
  font-weight: bold;
}
.cpy3 {
  float: right;
  position: absolute;
  margin-top: 30%;
  margin-left: 18%;
  opacity: .9;
  color: white;
}
.cpy3 a {
  color: white;
  text-decoration: none;
}
.cpy4 a {
  color: white;
  text-decoration: none;
}
.cpy4 {
  float: right;
  position: absolute;
  margin-top: 30%;
  margin-left: 38%;
  opacity: .9;
  color: white;
}


.cpy5 a:nth-child(2) img {
  width: 2.5%;
  float: right;
  border-radius: 20px;
  position: absolute;
  margin-left: 95%;
  margin-top: 37%;
  color: white;
}
.cpy5 a:nth-child(3) img {
  width: 2.5%;
  float: right;
  border-radius: 20px;
  position: absolute;
  margin-left: 89%;
  margin-top: 37%;
  color: white;
}
.cpy5 a {width: 20%;}
.cpy5 a:first-child img{
  width: 2.5%;
  float: right;
  border-radius: 20px;
  position: absolute;
  margin-left: 92%;
  margin-top: 37%;
  color: white;
}
.ftmain button {
  width: 10%;
  padding: 1% 0%;
  text-decoration: none;
  border: none;
  border-radius: 30px;
  background-color: #4E595D;
  font-size: 15px;
  margin: 29% 45%;
  color: white;
  position: absolute;
}
.ci {
  color: rgb(0, 0, 0);
  width: 100%;
  margin-top: 4%;
  font-size: 50px;
  position: absolute;
  text-align: center;
}  ​
.navbar {
  overflow: hidden;
   }
.icon i{
  display: none;
}

@media only screen and (max-width: 600px) {
  * {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.nav-main-dv { 
  width: 100%;
  /* position: relative;
  width: 100% !important;
  height: 750px !important;
  overflow: hidden !important; */
}
.ent-img-main {
    width: 100% !important;
    height: 100%;
    position: fixed;
    animation: scale 40s linear infinite;
}
.popup {
  border-radius: 20px;
  position: fixed;
  background-color: #f0f0f0;
  width: 85%;
  padding: 5%;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  display: none;
}
.popup input,.popup label{
  width: 95%;
  margin: 2%;
  padding: 1%;
}
.popup select{
  width: 97.5%;
  margin: 2%;
  padding: 1%;
}
.popup h2 {
  text-align: center;
  padding: 5%;
}
.popup button:first-child{ 
  padding: 1% 2%;
  background-color: #CC5805;
  color: white;
  border: 0px;
  margin-left: 45%;
  margin-bottom: 2%;
}
.popup .button1{
  padding: 2% 5% ;
  margin-left: 35%;
  margin-top: 2%;
  text-decoration: none;
  border-radius: 0;
  color: white;
  background-color: #223035;
}
@keyframes scale {
  50% {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
  }
}
.ent-logo-main {
    position: absolute;
    width: 100%;
    left: -2%; 
    top: 50%;
    animation: myfirst 5s 1;
    animation-direction: normal;
  }
  
  @keyframes myfirst {
    25%  { left: -2%; top: 25%;}
    0%   { left: -2%; top: 70%;display:none;}
  
    
  }
  .ent-main {
    width: 100%;
    -moz-animation: cssAnimation 0s ease-in 7s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 7s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 7s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 7s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        display:none;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        display:none;
    }
}

.main {
 width: 100%;
  position: absolute;
  animation: myth 20s 1;
  animation-direction: normal; 
}
  
@keyframes myth {
  25%  { left: 0%; top: 00%;}
  0%   { left: 0%; top: 200%;display:none;}
}
.nav-main {
    position: absolute;
  }

.bg-top-im-main {
  width: 100%;
  overflow: hidden;
  height: 700px;
  position: relative;
}
.bg-im{
    width: 550%;
    height: 100%;
    left: -150%;
    position: absolute;
    animation: mysec 20s 1;
    animation-direction: normal;
  }
  
.myDiv{
  width: 100%;
  overflow: hidden;
}
.navstar {
  margin: 0 5%;
  height: 100%;
  position: relative;
  overflow:scroll;
  border-bottom: 1px solid rgb(255, 255, 255) !important;
}
.nav-logo {
    margin-top: .5%;
    width: 30%;
    float: left;
}

.navbar {
  display: none;
  margin-top: 1%;
  width: 60%;
  height: 100%;
  float:right;
  overflow: visible;
}

.navbar a {
  height: 10%;
  width: 100%;
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.subnav {
  float: left;
  margin-left: 10%;
  overflow: hidden;
}
.cont-nav {
  margin-left: 10%;
}
.subnav .subnavbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: rgb(0, 0, 0);
}

.subnav-content {
  overflow: hidden;
  display: none;
  position: absolute;
  left: 0;
  background-color: rgb(0, 0, 0);
  z-index: 1;
}
.s1 {
  margin-left: 10%;
  margin-top: 1%;
}
.s2 {
  margin-left: 10%;
  margin-top: 1%;
}
.s3 {
  margin-left: 70%;
}
.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
}

.subnav-content a:hover {
  background-color: #eee;
  color: black;
}

.subnav:hover .subnav-content {
  display: block;
}
.navqutsec p{
  font-size: 60px;
  margin: 40% 0 0 7%;
  color: white;
}
.sclbtnmn {
  padding-top: 20%;
  margin-left: 40%;
  animation-name: sclbtnmn;
  animation-duration: .5s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes sclbtnmn {
  from {
    margin-top: 10px;
  }
  to {
    margin-top: 50px;
  }
}
.clt-sec-bg {
  overflow: hidden;
  width: 100%;
  background-color: white;
  position: absolute;
}
.clt-sec-bg img{
  background-color: white;
  width: 200%;
}
.para1 {
  margin-top: -1%;
  width: 100%;
  text-align: center;
  position: absolute;
  margin-bottom: 10%;
}
.para1 img{
  width: 15%;
  height: 100%;
  padding: 0;
}
#para2 {
  text-align: center !important ;
  padding-left: 25%;
}
.hedlin {
  display: none;
  width: 100%;
  overflow: hidden;
  text-align: center !important;
  height: 38px;
  border-bottom: 1px solid black;
  background-color: white;
  font-size: 20px;
  margin-top: 157.8%;
  padding-top: .8%;
  position: absolute;
}
 .midle {
width: 100%;
}
.fstrow  div img {
  background-color: white;
  padding: 15%;
  width: 70%;
}
.fstrow  div {
  width: 100%;
  background-color: white;
  border: 1px solid black;
}
.fstrow {
  margin-top: 0%;
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  background-color: white;
  position: absolute;
  animation: mysec 20s 1;
  animation-direction: normal;
}
.fstrow div:nth-child(3) {
  width: 85% !important;
  background-color: #D5DEDE;
  font-size: 40px;
  height: 140%;
  padding: 20% 0 0 15%;
}
.container54 {
  margin-top: 55%;
  left: 50%;
  position: absolute;
  text-align: center;
  transform: translate(-50%, -50%);
}
.fstrow2 {
  width: 100%;
  margin-top: 280%;
  background-color: white;
  display: grid;
  grid-template-columns: 100%;
  position: absolute;
  animation: mysec 20s 1;
  animation-direction: normal;
}
.fstrow3 {
  width: 100%;
  margin-top: 552%;
  background-color: white;
  display: grid;
  grid-template-columns: 100%;
  position: absolute;
  animation: mysec 20s 1;
  animation-direction: normal;
}
.fstrow2  div img {
  background-color: white;
  padding: 15%;
  width: 70%;
}
.fstrow2  div {
  width: 100%;
  background-color: white;
  border: 1px solid black;
}

.fstrow3  div img {
  background-color: white;
  padding: 15%;
  width: 70%;
}
.fstrow3  div {
  width: 100%;
  background-color: white;
  border: 1px solid black;
}
.fstrow3 div:first-child {
  background-color: #223035;
  color: white;
  width: 90% !important;
  font-size: 40px;
  height: 160%;
  padding: 20% 0 20% 10%;
}
.fstrow4 {
  width: 100%;
  margin-top: 830%;
  background-color: white;
  display: grid;
  grid-template-columns: 100%;
  position: absolute;
  animation: mysec 20s 1;
  animation-direction: normal;
}
.fstrow4  div img {
  background-color: white;
  padding: 15%;
  width: 70%;
}
.fstrow4  div {
  border: 1px solid black;
}
.fstrow4 div:nth-child(3) {
  background-color: #EFEFEF;
  font-size: 40px;
  color: rgb(0, 0, 0);
  width: 90% !important;
  height: 110%;
  padding: 20% 5% 0 5%;
}
.Services-all {
  position: absolute;
  width: 100%;
  height: 600px;
  margin-top: 157.8%;
  background-color: #223035;
  animation: mysec3 20s 1;
}
.hire h2 {
  padding: 9% 15% 5% 15%;
  color: rgb(255, 255, 255);
}

.sub-ser {
  display: grid;
  grid-template-columns: 40% 60%;
}
.sub-ser div div:first-child{
  font-size: 40px;
  color: white;
}
.sub-ser div:first-child{
  padding: 10% 7%;
}
.sub-ser div div:nth-child(2){
  font-size: 18px;
  padding: 15% 0 0 7%;
  color: #FBFBFB;
}
.sub-ser div button {
  width: 28%;
  padding: 2.5% 0%;
  text-decoration: none;
  border: none;
  border-radius: 30px;
  background-color: #4E595D;
  font-size: 15px;
  margin: 7% 7%;
  color: white;
}
.ser-img{
  padding-top: 20%;
  width: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: 40% 40% 40% 40%;
  animation: mysec5 20s 1;
}

/* @keyframes mysec5 {
  100%  { margin-left: 0%; top: 0%;}
  0%   { margin-left: 200%; top: 0%;}
} */
.ser-img img {
  width: 80%;
}
.footer {
  position: absolute;
  width: 100%;
  padding: 2% 0 0 0;
  color: rgb(0, 0, 0);
  text-align: center;
}
.footer img {
  width: 2%;
  padding-right: 1%;
}
.footer div:first-child {
  padding-left: 16%;
  text-align: left;
}
.footer div:nth-child(2) {
  padding: .5% 0 0% 16%;
  text-align: left;
}
.footer div:nth-child(3) {
  padding: 1% 0 2% 16%;
  text-align: left;
}
.footer div:nth-child(4)  {
  margin-top: 1%;
  padding:.5%;
  border-top: 1px solid white;
}
#counter {
  border-radius: 50%;
  width: 100px;
  height: 62px;
  padding-top: 14%;
  border: 5px solid white;
  text-align: center;
  align-items: center;
}
 
.com-logo {
  width: 100%;
  margin-top: -1%;
  background-color:#ffffff;
  overflow: hidden;
 }

.para{
  color: black;
  white-space: nowrap;
  clear: both;
  float: left;
}

.com-logo img:first-child {
  margin-top: 45%;
}
.com-logo img{
  margin: 1% 2%;
  padding: 2% 2%;
}
.sta-img{
  width: 100%;
  overflow: hidden;
}
.sta-img img{
  width: 200%;
  margin-top: 425%;
}
/* .ftlogo {
  width: 80%;
  text-align: center;
  align-items: center;
  position: absolute;
}
.ftlogo img {
  position: absolute;
  width: 50%;
  padding-left: 16%;
}  */



.cpy5 h1 {
display: none;
}
.cpy5 a:nth-child(2) img {
  width: 10%;
  float: right;
  border-radius: 20px;
  position: absolute;
  margin-left: 42%;
  margin-top: 97%;
  color: white;
}
.cpy5 a:nth-child(3) img {
  width: 10%;
  float: right;
  border-radius: 20px;
  position: absolute;
  margin-left: 52%;
  margin-top: 97%;
  color: white;
}
.cpy5 a:first-child img{
  width: 10%;
  float: right;
  border-radius: 20px;
  position: absolute;
  margin-left: 32%;
  margin-top: 97%;
  color: white;
}
.ftmain {
  width: 100%;
  height: 470px;
  position: relative;
  overflow: hidden !important;
}
.ftmain img:first-child {
  position: absolute;
} 
.ft-bg {
  width: 200%;
  height: 100%;
}
/* .ft-logo {
  margin-top: 200%;
} */
.ft-logo img{
  width: 70%;
  margin-top: 10%;
  margin-left: 15%;
  position: absolute;
}
.cpy {
  position: absolute;
  margin-top: 108%;
  margin-left: 22%;
  opacity: .9;
  color: white;
}
.cpy2 {
  float: right;
  position: absolute;
  margin-top: 66%;
  margin-left: 5%;
  opacity: .9;
  color: white;
}
.cpy4 label {
  font-size: 15px;
  color: #cc5805;
  font-weight: bold;
}
.cpy3 label {
  font-size: 15px;
  color: #cc5805;
  font-weight: bold;
}
.cpy2 label {
  font-size: 15px;
  color: #cc5805;
  font-weight: bold;
}
.cpy3 {
  float: right;
  position: absolute;
  margin-top: 45%;
  margin-left: 5%;
  opacity: .9;
  color: white;
}
.cpy3 a {
  color: white;
  text-decoration: none;
}
.cpy4 a {
  color: white;
  text-decoration: none;
}
.cpy4 {
  float: right;
  position: absolute;
  margin-top: 55%;
  margin-left: 5%;
  opacity: .9;
  color: white;
}
.ftmain button {
  width: 40%;
  padding: 3% 0%;
  text-decoration: none;
  border: none;
  border-radius: 30px;
  background-color: #4E595D;
  font-size: 15px;
  margin: 59% 30%;
  color: white;
  position: absolute;
}
.ci {
  color: rgb(0, 0, 0);
  width: 100%;
  margin-top: 10%;
  font-size: 40px;
  position: absolute;
  text-align: center;
}
.nwsltr {
  margin-top: -1%;
  display: block;
  width: 76%;
  background-color: #223035;
  padding: 14% 12% 15% 12%;
}
.nwsltr form {
  padding-top: 4%;
}
.nwsltr form input {
  padding: 3%;
}
.nwsltr form button {
  padding: 3%;
}


  .icon i{
    display: block;
    color: white;
    margin: 5% 0 4% 90%;
  }
  
.navbar {
  width: 100%;
  float:right;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: left;
  padding: 0;
  text-decoration: none;
}

 
  .responsive {
    display: none;
  }
  .topnav {
    height: 100% !important;
    width: 100% !important;
    position: relative;
    overflow: hidden;
    background-color:#223035;
  }
  
  .act {
    margin-left: 10%;
  }
  .topnav a {
    float: left;
    width: 100%;
    display: block;
    color: #f2f2f2;
    text-align: left;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }
  .subnav {
    width: 100%;
    text-align: left;
  }
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }
  
  .topnav a.active {
    background-color: #04AA6D;
    color: white;
  }
  
  .topnav .icon {
    display: none;
  }
  
}