.info {
   padding: 18px;
   margin: 10px;
   box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   border-radius: 12px;
   box-sizing: border-box;
   overflow: hidden;
   word-wrap: break-word;
   background-color: rgb(252 247 247 / 53%);
   color: black;

}

iframe {
   height: 200px;
   width: 350px;
   border: 0;
}

.cn-det {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 20px;
}


form {
   max-width: 600px;
   text-align: center;
   margin: 20px auto;


   input,
   textarea {
      border: 0;
      outline: 0;
      padding: 1em;
      @include border-radius(8px);
      display: block;
      width: 100%;
      margin-top: 1em;
      font-family: 'Merriweather', sans-serif;
      @include box-shadow(0 1px 1px rgba(black, 0.1));
      resize: none;

      &:focus {
         @include box-shadow(0 0px 2px rgba($red, 1) !important);
      }
   }

   #input {
      background-color: #d3bbbb;
   }

   #input-submit {
      color: white;
      background: #50aca9;
      cursor: pointer;
      background: linear-gradient(135deg, #387876eb, #617f7e9e);;

      &:hover {
         @include box-shadow(0 1px 1px 1px rgba(#aaa, 0.6));
      }
   }

   textarea {
      height: 200px;
   }
}
.card_info i
{
    color:#50aca9;
}

.half {
   float: left;
   width: 48%;
   margin-bottom: 1em;
}

.right {
   width: 50%;
}

.left {
   margin-right: 2%;
}


@media (max-width: 480px) {
   .half {
      width: 100%;
      float: none;
      margin-bottom: 0;
   }
}


/* Clearfix */
.cf:before,
.cf:after {
   content: " ";
   /* 1 */
   display: table;
   /* 2 */
}

.cf:after {
   clear: both;
}

@media only screen and (min-width: 600px) and (max-width:1200px) {
   iframe {
        width: 488px;
   }

}

@media only screen and (min-width: 1200px) and (max-width:1400px) {
   iframe {
      width: 375px;
   }

}

@media only screen and (min-width: 300px) and (max-width:600px) {
   iframe {
      width: 402px;;
   }

}