/*==================================code for footer starts from here=========================*/
 body { color: #ccc }
 .footer-widget p {
     margin-bottom: 27px;
 }
 p {
     font-family: 'Nunito', sans-serif;
     font-size: 16px;
     line-height: 28px;
 }
 
    .animate-border {
   position: relative;
   display: block;
   width: 145px;
   height: 3px;
   background: #007bff; }
 
 .animate-border:after {
   position: absolute;
   content: "";
   width: 35px;
   height: 3px;
   left: 0;
   bottom: 0;
   border-left: 10px solid #fff;
   border-right: 10px solid #fff;
   -webkit-animation: animborder 2s linear infinite;
   animation: animborder 2s linear infinite; }
 
 @-webkit-keyframes animborder {
   0% {
     -webkit-transform: translateX(0px);
     transform: translateX(0px); }
   100% {
     -webkit-transform: translateX(113px);
     transform: translateX(113px); } }
 
 @keyframes animborder {
   0% {
     -webkit-transform: translateX(0px);
     transform: translateX(0px); }
   100% {
     -webkit-transform: translateX(113px);
     transform: translateX(113px); } }
 
 .animate-border.border-white:after {
   border-color: #fff; }
 
 .animate-border.border-yellow:after {
   border-color: #F5B02E; }
 
 .animate-border.border-orange:after {
   border-right-color: #007bff;
   border-left-color: #007bff; }
 
 .animate-border.border-ash:after {
   border-right-color: #EEF0EF;
   border-left-color: #EEF0EF; }
 
 .animate-border.border-offwhite:after {
   border-right-color: #F7F9F8;
   border-left-color: #F7F9F8; }
 
 /* Animated heading border */
 @keyframes primary-short {
   0% {
     width: 15%; }
   50% {
     width: 90%; }
   100% {
     width: 10%; } }
 
 @keyframes primary-long {
   0% {
     width: 80%; }
   50% {
     width: 0%; }
   100% {
     width: 80%; } } 
 
 .dk-footer {
   padding: 75px 0 0;
  /* background: -webkit-linear-gradient(0deg, #000000 0%, #48abe0 100%); */
   background-color: #151414;
   position: relative;
   z-index: 2; }
   .dk-footer .contact-us {
     margin-top: 0;
     margin-bottom: 30px;
     padding-left: 25px; }
     .dk-footer .contact-us .contact-info {
       margin-left: 15px; }
     .dk-footer .contact-us.contact-us-last {
       margin-left: -80px; }
 
       
   .dk-footer .contact-icon i {
     font-size: 24px;
     position:relative;
     color:#007bff; }
 
   .fa-volume-control-phone {
     font-size: 24px;
     top: 0px;
     position: relative;
     color: #007bff;
 }

 .fa-map-o {
  font-size: 24px;
  top: -50px;
  position: relative;
  color: #007bff;
}
   
 
 .dk-footer-box-info {
   position: relative;
   top: -90px;
    /* background-color: #000000; */
   background-image: linear-gradient(147deg, #000000 0%, #04619f 74%);
   padding: 30px;
   z-index: 2; }
   .dk-footer-box-info .footer-social-link h3 {
     color: #fff;
     font-size: 24px;
     margin-bottom: 25px; }
   .dk-footer-box-info .footer-social-link ul {
     list-style-type: none;
     padding: 0;
     margin: 0; }
   .dk-footer-box-info .footer-social-link li {
     display: inline-block; }
   .dk-footer-box-info .footer-social-link a i {
     display: block;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     text-align: center;
     line-height: 40px;
     background: #000;
     margin-right: 5px;
     color: #fff; }
     .dk-footer-box-info .footer-social-link i.facebook {
        background-color: #007bff; 
      }
     .dk-footer-box-info .footer-social-link i.twitter {
       background-color: #0676a4; 
      }
     .dk-footer-box-info .footer-social-link i.youtube {
       background-color: white; }
     .dk-footer-box-info .footer-social-link i.linkedin {
       background: #0976B4; }
     .dk-footer-box-info .footer-social-link i.instagram {
       background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);  }
     .dk-footer-box-info .footer-social-link a i.threads {
       background-image: src="Site1\images\thread final logo.png"  }
   
 /*
 
 .footer-awarad {
   margin-top: 285px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 100%;
   -moz-box-flex: 0;
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   align-items: center; }
   .footer-awarad p {
     color: #fff;
     font-size: 24px;
     font-weight: 700;
     margin-left: 20px;
     padding-top: 15px; }
 
     */

 
 .footer-info-text {
   margin: 26px 0 32px; }
 
 .footer-left-widget {
   padding-left: 80px; }
 
 .footer-widget .section-heading {
   margin-bottom: 35px; }
 
 .footer-widget h3 {
   font-size: 24px;
   color: #fff;
   position: relative;
   margin-bottom: 15px;
   max-width: -webkit-fit-content;
   max-width: -moz-fit-content;
   max-width: fit-content; }
 
 .nav{
   display: flex;
   justify-content: space-between;
   align-items: center ;
 }
 
 .footer-widget ul {
   width: 50%;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0; }
 
 .footer-widget li {
   margin-bottom: 18px; }
 
 .footer-widget p {
   margin-bottom: 27px; }
 
 .footer-widget a {
   color: #878787;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s; }
   .footer-widget a:hover {
     color: #007bff; }
 
 .footer-widget:after {
   content: "";
   display: block;
   clear: both; }
 
 .dk-footer-form {
   position: relative; }
   .dk-footer-form input[type=email] {
     padding: 14px 28px;
     border-radius: 50px;
     background: #2E2E2E;
     border: 1px solid #2E2E2E; }
   .dk-footer-form input::-webkit-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::-webkit-input-placeholder {
     color: #878787;
     font-size: 14px; }
   .dk-footer-form input::-webkit-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::placeholder {
     color: #878787;
     font-size: 14px; }

     /*------ this is the css class being followed by that Email button----*/
   .dk-footer-form button[type=submit] {
     position: absolute;
     top: 0;
     right: 0;
     padding: 12px 24px 12px 12px;
     border-top-right-radius: 25px;
     border-bottom-right-radius: 25px;
     border: 1px solid #007bff;
     background: #007bff;
     color: #fff; }
   .dk-footer-form button:hover {
     cursor: pointer; }
    /*----------------email button class ends here------------*/

 
 /* ==========================
 
     Contact
 
 =============================*/
 .contact-us {
   position: relative;
   z-index: 2;
   margin-top: 65px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   align-items: center; }
 
 /*.contact-icon {
   position: absolute; }
   .contact-icon i {
     font-size: 36px;
     top: -5px;
     position: relative;
     color: #007bff; }*/
 
 .contact-info {
   margin-left: 75px;
   color: #fff; }
   .contact-info h3 {
     font-size: 20px;
     color: #fff;
     margin-bottom: 0; }
 
 .copyright {
   padding: 28px 0;
   margin-top: 15px;
   background-color: #202020; }
   .copyright span,
   .copyright a {
     color: #878787;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear; }
   .copyright a:hover {
     color:#007bff; }
 
 .copyright-menu ul {
   text-align: right;
   margin: 0; }
 
 .copyright-menu li {
   display: inline-block;
   padding-left: 20px; }

  body{
    background-color: -webkit-linear-gradient(0deg, #000000 0%, #48abe0 100%);
  }
 /*-----------footer styling ENDS HERE---------------------------------------*/