 .verification_div {
     width: 80%;
     margin: 0 auto;
     .form_div {
         padding-top: 60%;
         .row {
             margin-bottom: 20px;
             input {
                 border: 1px solid rgba(215, 213, 228, 1);
                 background: transparent;
                 color: #000;
                 width: 100%;
                 height: 45px;
                 text-align: center;
                 border-radius: 8px;
                 font-size: 16px;
                 outline: none;
                 transition: all .4s ease-in-out;
                 &::placeholder {
                     color: rgba(215, 213, 228, 1);
                 }
                 &:focus {
                     border: 1px solid #f3d09f;
                     box-shadow: 3px 3px 6px 0px rgba(202, 154, 83, 0.11);
                 }
             }
             .login_btn {
                 width: 100%;
                 background-color: #29285b;
                 color: #fff;
                 border-radius: 8px;
                 height: 45px;
                 font-size: 16px;
             }
             .resend_btn {
                 width: 100%;
                 background-color: transparent;
                 color: #29285b;
                 border-radius: 8px;
                 height: 45px;
                 font-size: 16px;
                 font-weight: 900;
             }
             hr {
                 border: 1px solid rgba(215, 213, 228, 1);
                 border-bottom: none;
                 margin-top: 30px;
                 margin-bottom: 10px;
             }
             P {
                 text-align: center;
                 color: rgba(59, 57, 77, 1);
                 margin: 0px;
                 text-align: center;
                 span {
                     background-color: #fff;
                     padding: 10px;
                     font-size: 18px;
                 }
             }
             h4 {
                 color: rgba(59, 57, 77, 1);
                 text-align: center;
                 margin: 0px;
                 padding-top: 15px;
             }
             h6 {
                 color: rgba(41, 40, 91, 1);
                 text-align: center;
                 font-weight: bold;
                 padding-bottom: 20%;
                 font-size: 25px;
                 .styled-checkbox {
                     position: absolute; // take it out of document flow
                     opacity: 0; // hide it
                     &+label {
                         position: relative;
                         cursor: pointer;
                         padding: 0;
                     }
                     // Box.
                     &+label:before {
                         content: '';
                         margin-right: 10px;
                         display: inline-block;
                         vertical-align: text-top;
                         width: 30px;
                         height: 30px;
                         border-radius: 10px;
                         background: white;
                         border: 1px solid rgba(215, 213, 228, 1);
                     }
                     // Box checked
                     &:checked+label:before {
                         background: #29285b;
                     }
                     // Disabled state label.
                     &:disabled+label {
                         color: #b8b8b8;
                         cursor: auto;
                     }
                     // Disabled box.
                     &:disabled+label:before {
                         box-shadow: none;
                         background: #ddd;
                     }
                     // Checkmark. Could be replaced with an image
                     &:checked+label:after {
                         content: '';
                         position: absolute;
                         left: 10px;
                         top: 15px;
                         background: white;
                         width: 2px;
                         height: 2px;
                         box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
                         transform: rotate(45deg);
                     }
                 }
             }
             .social_div {
                 border: 1px solid rgba(215, 213, 228, 1);
                 height: 45px;
                 border-radius: 20px;
                 .social_btn {
                     display: inline-block;
                     width: 50%;
                     text-align: center;
                     height: 100%;
                     font-size: 18px;
                     padding: 9px;
                 }
             }
         }
     }
 }