/* From Uiverse.io by kennyotsu */ 
body {
  width: 100%;
  height: 100%;
  /* Add your background pattern here */
  background-color: #efefef !important;
  background-image: radial-gradient(circle,rgba(0, 0, 0,0.171) 2.5px, transparent 0) !important;
  background-size: 30px 30px !important;
  background-position: -5px -5px !important;

}
.navbar {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.color-r {
  color: #e44615 !important;
}
.color-g {
  color: #13ac4b !important;
}
.color-b {
  color: #13a4d4 !important;
}
@media (min-width: 576px) {
    .platform-btn {
        min-width: 220px;
        max-width: 220px;
    }
}
@media (max-width: 575.98px) {
    .platform-btn {
        min-width: 100%;
        max-width: 100%;
    }
}
.btn {
    border: none;
    border-radius: 2rem;
    font-size: 1rem;
    padding: 0.7rem 1.5rem;
    transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}
.btn:focus, .btn:active {
    outline: 2px solid #13a4d4;
    outline-offset: 2px;
    box-shadow: 0 0 0 0.2rem rgba(19,164,212,0.15);
}
.btn[style*="#e44615"]:hover, .btn[style*="#e44615"]:focus {
    background: #b8370f !important;
    color: #fff !important;
}
.btn[style*="#13ac4b"]:hover, .btn[style*="#13ac4b"]:focus {
    background: #0e8c3b !important;
    color: #fff !important;
}
.btn[style*="#13a4d4"]:hover, .btn[style*="#13a4d4"]:focus {
    background: #0e7fa4 !important;
    color: #fff !important;
}
.navbar-nav .nav-link {
    padding: 0.5rem 1rem;
    border-radius: 1.5rem;
    transition: background 0.2s, color 0.2s;
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
    background: #f5f5f5;
    color: #e44615 !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Segoe UI', Arial, sans-serif;
    font-weight: 700;
}
.rounded-4 {
    border-radius: 1.5rem !important;
}
@media (max-width: 767.98px) {
    .navbar-brand {
        font-size: 1.1rem;
    }
    .btn {
        font-size: 0.95rem;
        padding: 0.6rem 1.2rem;
    }
}
.card {
  border-radius: 20px;
  padding: 5px;
  box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
  background-image: linear-gradient(144deg,#AF40FF, #5B42F3 50%,#00DDEB);
}

.card__content {
  background: #fff;
  border-radius: 17px;
  width: 100%;
  height: 100%;
}
.logobox{
    position: relative;
}
.logo1{
    position: absolute;
    top: 40%;
    left: 60%;
    width: 50%;
    transform: translate(-50%, -50% );
    height: auto;
    z-index: 1;
    opacity: 0.8;
}