footer{padding:40px 0px 0px 0px;position: relative;background: #051229;margin-right: auto;margin-left: auto;}
footer h4{font-size:18px;padding: 30px 0px;color:#fff; font-weight: 600;}
footer h5{font-size:17px; line-height: 24px;margin: 20px 0px;padding-top: 20px;color:#fff; font-family: Lato, sans-serif;font-weight: 600;border-top:1px solid #4d4e4f;}
footer h5 span{font-weight: 400;display: inherit;}
footer p{font-size:16px;color:#fff; font-family: Lato, sans-serif;font-weight: 400;}
footer p a{color:#fff;transition: 0.5s;}
footer p a:hover{color:#fa611d;}
footer ul{padding: 0px 0px 0px 0px;}
footer ul li{font-size:14px; font-weight: 400; padding: 0px 0px 8px 0px;}
footer ul li a{color: #a9b0b8;transition: 0.5s;text-decoration: none;}
footer ul li a:hover{color:#fb7820;text-decoration: none}
footer .form-group label {width: 100% !important;}
footer .form-group input {background: #302e2f; border-radius: 4px; padding: 12px 20px 12px 20px; font-weight: 400; width: 100%; border:0px; color: #bfbfbf;}
footer .form-group button {background: #1a75c8;  color: #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;  font-family: 'Poppins-Regular'; font-size: 18px;font-weight: 400; padding: 11px 36px 10px 36px;right: 14px; text-align: center;position: absolute; border: 0px; cursor: pointer; transition: all .3s ease-in-out; width: auto;}
footer .form-group button:hover {background: #fb7820;color: #fff;}
footer .form-group input:focus {outline: 0;}
.abt a{font-size:16px;color:#fff; font-family: Lato, sans-serif;font-weight: 600;display: inherit;text-decoration: none; line-height: 26px;  transition: 0.5s;}
.abt a:hover{color: #fb7820;}
.abt ul li {color: #cbcbcb; position: relative; display: inline-block;margin-right: 4px; }
.abt li .facebook, .instagram, .youtube, .twitter, .youtube {text-align: center; text-decoration: none; border-radius: 50% 50% 50% 50%; padding: 7px 7px 6px 8px; width: 60px; height: 60px; line-height: 26px; display: block; color: #FFFFFF; border-style: solid; border-width:3px 3px 3px 3px; border-color: #FFFFFF; transition: 0.3s; }
.abt li .facebook:hover {background-color: #3b5998; border-color: rgba(0, 0, 0, 0); }
.abt li .instagram:hover {background-color: #f46f30; border-color: rgba(0, 0, 0, 0); color: #FFF; }
.abt li .youtube:hover {background-color: #dd5044; border-color: rgba(0, 0, 0, 0); color: #FFF; }
.abt li .twitter:hover {background-color: #35b3f7; border-color: rgba(0, 0, 0, 0); color: #FFF; } .services section{padding: 40px;}
.abt li .linkedin:hover {background-color: #0073b2; border-color: rgba(0, 0, 0, 0); color: #FFF; } .services section{padding: 40px;}
.abt li i{font-size: 25px; transform: translate(0px,8px);}
.tag{font-size:20px !important;top: 2px;position: relative;  color: #fb7820;left: 1px;}
.badge-warning{color: #FFF !important;background:#fb7820 !important;border-radius: 0px;font-family: Lato, sans-serif;font-size: 13px;padding: .28em .4em;}
.brdrtp{background: #1e2a3e;margin-top: 20px;}
.copyright {color: #a9b0b8; padding: 30px 0px; font-weight: 400; font-size: 14px;text-align: center;}
.hide{display: block;}
.pdng {padding: 10px 0px;}
#popup {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: white;visibility: visible;color: black;padding: 20px;border: 0px solid #ccc;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);z-index: 9;border-radius:4px;}
#popup p{color: #000}
#popup button{background: #1a75c8;border: 0px; color: #fff;border-radius:4px;cursor: pointer;padding: 3px 10px;transition: all .3s ease-in-out;}
#popup button:hover{background: #1c1c1c;  color: #fff;}

.hedhide{display: block;}

@media only screen and (min-width:320px)and (max-width:479px){
  footer{padding: 30px 0px 0px 0px;}
  footer h4 {padding: 10px 0px;} 
  footer p{font-size:15px;}
  footer ul{padding: 0px;}
  footer .pl-5{  padding-left: 1rem !important;}
  .copyright {padding:20px 0 15px 0;}
  .hedhide{display: none;}

}
@media only screen and (min-width:480px) and (max-width:767px){
  footer{padding:0px;}
  footer h4 {padding:10px 0px;} 
  footer p{font-size:15px;}
  footer ul{padding: 0px;}
  footer .pl-5{  padding-left: 1rem !important;}
  .copyright {padding:20px 0 15px 0;}
  .hide{display: block;}
}
@media (max-width:768px){
  .hide{display: none!important;}
}
@media only screen and (min-width:768px) and (max-width:1024px){
  footer{padding:0px;}
  footer h4 {padding: 20px 0px 10px 0px;} 
  footer p{font-size:15px;}
  footer ul{padding: 0px 0px 20px 0px;}
  footer .pl-5{  padding-left: 1rem !important;}
  .copyright {padding:20px 0 15px 0;}
  .hide{display: block;}
}