/* Importing Google font - Open Sans */
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: 'Open Sans', sans-serif;
 }

 .footer_smartit {
   text-align: left;
   top: 50%;
   left: 50%;
   /*position: relative;
   transform: translate(-50%, -50%);*/
   background: linear-gradient(90deg, rgba(84, 121, 236, 1) 0%, rgba(73, 147, 242, 1) 51%, rgba(53, 193, 247, 1) 100%);
 }

 .footer_smartit .footer_row {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 3.5rem;
   padding: 60px;
 }

 .footer_row .footer_col .footer_head {
   color: #fff;
   font-size: 1.2rem;
   font-weight: 800;
 }

 .footer_col .links {
   margin-top: 20px;
   padding-left: 0px;
 }

 .footer_col .links .footer_li {
   color: white;
   list-style: none;
   margin-bottom: 10px;
 }

 .footer_li:hover{
  text-decoration: underline;

 }

 .footer_col .links .footer_a {
   text-decoration: none;
   color: #fff;
 }

 .footer_col .links .footer_a:hover {
   color: #fff;
 }

 .footer_p {
   margin: 20px 0;
 color: #fff;
 font-weight: 400;
 font-size: 17px;
 max-width: 300px;
 }

 .footer_col .icons {
   display: flex;
   margin-top: 30px;
   gap: 20px;
   cursor: pointer;
   align-items: center;
 }

 .footer_col .icons i {
   color: #fff;
 }

 .footer_col .icons i:hover {
   color: #fff;
 }

 @media (max-width: 768px) {

   .footer_smartit {
     /*position: relative;*/
     bottom: 0;
     left: 0;
     transform: none;
     width: 100%;
     border-radius: 0;
   }
 }

/* Toast styles */
.copy_toast_dtls {
  visibility: hidden;
  min-width: 100px;
  background-color: #fff;
  color: black;
  text-align: center;
  border-radius: 2px;
  position: fixed;
  font-size: 14px;
  z-index: 1;
  padding: 4px;
  border-radius: 14px;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
}

.copy_toast_dtls.show {
  visibility: visible;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}