body {
  background-color: #ecf2f0;
}
.pulse-bg {
  background: linear-gradient(90deg, #080111, #200339, #420e49);
  color: white;
}

.icon-circle {
  width: 28px;
  height: 28px;
  /* background: #9b59b6; */
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: white;
}

.divider {
  border-left: 2px solid rgba(255, 255, 255, 0.2);
  height: 100%;
}

.divider-dark {
  border-left: 2px solid rgba(255, 255, 255, 0.1);
  height: 100%;
}

.bg-blue {
  background-color: #0398c2;
}

.platform-badge {
  font-size: 0.8rem;
  background: #f0f0f0;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 500;
}

.image-placeholder {
  background-color: #f5f5f5;
  height: 120px;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bbb;
  font-size: 0.9rem;
}

.footer-icons i {
  background: #fff;
  color: #000;
  border-radius: 50%;
  padding: 0.4rem;
  font-size: 0.8rem;
  margin: 0 0.25rem;
}

.bg-footer {
  background-color: #000;
}

.bg-section {
  background-color: #0398c2;
}

.logo {
  width: 200px;
}


.bg-card {
  background-image: url(/wp-content/themes/tally/assets/images/darpan/tej.png);
  height: 220px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
}

.bg-curb {
  background-image: url(/wp-content/themes/tally/assets/images/darpan/lines.png);
  background-size: 615px;
  background-repeat: no-repeat;
  background-position: bottom right;
}
.bg-blue-50{
    background-color: #076781;
}
.w-max-fit {
  width: max-content;
}

.text-yellow {
  color: #ffd827;
}
.insta-card {
            border-radius: 1rem;
            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            background: #fff;
            transition: transform 0.2s ease-in-out;
        }

        .insta-card:hover {
            transform: translateY(-5px);
        }

        .insta-logo {
            width: auto;
            height: 40px;
            object-fit: contain;
        }

        .video-preview {
            width: 100%;
            /* height: 100%; */
        }

        .video-container {
            border-radius: 1rem;
            overflow: hidden;
        }

        .metric-box {
            border-right: 1px solid #dee2e6;
            padding-right: 10px ;
            margin-right: 10px;
        }

        .metric-box:last-child {
            border-right: none;
        }

        .metric-title {
            font-size: 1rem;
            color: #17a2b8;
        }

        .metric-value {
            font-size: 1.8rem;
            font-weight: 600;
            color: #000;
        }

        .shadow-top-right {
            box-shadow:
                0 -4px 6px -1px rgba(0, 0, 0, 0.1),
                /* shadow on top */
                4px 0 6px -1px rgba(0, 0, 0, 0.1);
            /* shadow on right */
        }

        .rounded-top-right {
            border-top-right-radius: 1rem;
            /* change 1rem to any size you want */
        }