*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
.navi{
  background-color: darkmagenta;
}
.collapse ul li a{
  color: #f1f1f1;
}
.container-fluid a{
  color: #f1f1f1;
}
.di {
  color: #2a142a !important;
}
.di:hover{
  background-color:deeppink !important;
}

/* mid */
.mid{
    height: 60vh;
    width: 100%;
    margin-top: 80px;
}
.midr{
    height: 60vh;
    width: 50%;
    margin: auto;

}
.midr img{
    height: 60vh;
    width: 100%;
    border-radius: 20px;
    border-bottom: solid 2px darkmagenta;
    border-top: solid 2px darkmagenta;
    border-left: solid 2px darkmagenta;
    border-right: solid 2px darkmagenta;
}

.mid1{
    width: 100%;
    margin-top: 40px;
}
.mid1r{
    width: 80%;
    margin: auto;
}
/* bt */
.bt{
    margin-left: 650px;
}
/* footer */
.content {
    height: 70vh; }
  
  .footer-20192 {
    margin-top: 100px;
    position: relative;
    color: #fff;
    padding: 7rem 0;
    background-color: #2a142a; }
    .footer-20192 .container {
      position: relative; }
      .footer-20192 .container .ml-auto {
        padding-left: 700px;
      }
    .footer-20192 h3 {
      font-size: 16px;
      margin-bottom: 10px;
      margin-top: 0;
      line-height: 1.5; }
    .footer-20192 .links li {
      margin-bottom: 10px;
      line-height: 1.5;
      display: block; }
      .footer-20192 .links li a {
        color: #666873; }
        .footer-20192 .links li a:hover {
          color: #fff; }
    .footer-20192 .social li {
      display: inline-block;
      position: relative; }
      .footer-20192 .social li a {
        position: relative;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: inline-block;
        margin: 0;
        padding-left: 10px;
        background-color: #d581d2;
        color: #fff; 
        font-size: 25px;}
        .footer-20192 .social li a > span {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
    .footer-20192 .footer-logo {
      color: #fff;
      font-size: 20px;
      text-transform: uppercase;
      letter-spacing: .1rem; }
    .footer-20192 .copyright {
      color: #666873; }
    .footer-20192 .cta {
      -webkit-box-shadow: -20px -20px 0 0 rgba(52, 58, 64, 0.2);
      box-shadow: -20px -20px 0 0 rgba(52, 58, 64, 0.2);
      padding: 20px;
      background-color: #d581cd;
      top: -150px;
      position: relative; }
      .footer-20192 .cta h2, .footer-20192 .cta h3 {
        line-height: 1.5; }
      .footer-20192 .cta h3 {
        font-size: 20px; }