.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:9999}.modal-content{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:animatetop;animation-name:animatetop;background-color:#fff;border:1px solid var(--main-border-color);border-radius:var(--border-radius);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:flex;flex-direction:column;margin:auto;padding:var(--grid-gutter);position:relative;width:80%}@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}.close{align-items:center;border:1px solid var(--main-border-color);border-radius:50%;color:var(--desc-color);cursor:pointer;display:flex;font-size:10px;height:26px;justify-content:center;position:absolute;right:10px;top:10px;width:26px;z-index:9}.modal .close:focus,.modal .close:hover{color:var(--red-color);cursor:pointer;text-decoration:none}.modal-body{margin-top:20px;padding:0}.modal-content.modal-small{min-width:350px;width:25%}.modal-content.modal-medium{min-width:450px;width:35%}.modal-title{color:var(--main-text-color);font-family:var(--font-bold);font-size:var(--title-size);margin-right:auto;text-align:center;text-transform:capitalize}.modal [class*=col-]{flex:0 0 100%;min-width:100%}@media (max-width:500.98px){.modal-content.modal-medium{margin-left:2%;min-width:96%;width:96%}}@media (max-width:400.98px){.modal-content.modal-small{margin-left:2%;min-width:96%;width:96%}}