.text-google{
    color: #0088cc;
}
.text-google-play{
    color: #A4C639;
}
.text-telegram{
    color: #0088cc;
}
.text-whatsapp{
    color: #25D366;
}
.text-skype{
    color: #00aff0;
}
.text-twitter{
    color: #fff;
}

/* SmartXaaS LLP brand colors */
.text-sxs{
    color: #FF671F;
}
.text-aff{
    color: #A4C639;
}
.text-aso{
    color: #25d366;
}
.text-cpi{
    color: #25d366;
}
.text-seo{
    color: #4285F4;
}
.text-smm{
    color: #00ACED;
}
.text-emt{
    color: #87e64b;
}
.text-tpk{
    color: #FFC107;
}
.text-plk{
    color: #FFC107;
}
.text-stk{
    color: #FF671F;
}
/* Fixed width */
.w-25px{
    width: 25px;
}
.w-32px{
    width: 32px;
}
.w-40px{
    width: 40px;
}
.w-50px{
    width: 50px;
}
.w-60px{
    width: 60px;
}
.w-70px{
    width: 70px;
}
.w-75px{
    width: 75px;
}
.w-100px{
    width: 100px;
}
.w-125px{
    width: 125px;
}
.w-150px{
    width: 150px;
}
.w-175px{
    width: 175px;
}
.w-200px{
    width: 200px;
}
.w-250px{
    width: 250px;
}
.w-300px{
    width: 300px;
}
/* Fixed height */
.h-24px{
    height: 24px;
}
.h-25px{
    height: 25px;
}
.h-40px{
    height: 40px;
}
.h-50px{
    height: 50px;
}
.h-70px{
    height: 70px;
}
.h-100px{
    height: 100px;
}
.h-200px{
    height: 200px !important;
}
.fs-10px{
    font-size: 10px !important;
}

.mobile-mockup{
    width: 320px; 
    height: 680px; 
    flex: none; 
    border-radius: 50px !important;
    border-width: 14px !important;
    overflow-y: scroll;
}

.container-scroll {
    overflow: auto;
    white-space: nowrap;
}

/* Customize the scrollbar */
.scrollbar::-webkit-scrollbar {
    width: 8px;
}
.scrollbar::-webkit-scrollbar-thumb {
    background-color: #343a40;
    border-radius: 10px;
}
.scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
}
.toggle {
    display: inline-block;
    padding: 15px;
}

.p-relative {
    position: relative !important;
}

.z-index{
    z-index: 1050 !important;
}

.btn-xxs {
    padding: 0.15rem 0.3rem;
    font-size: 0.65rem;
    line-height: 1.2;
    border-radius: 0.15rem;
}

.custom-dropdown:hover .dropdown-menu {
    display: block;
}

/* Extra small outline buttons for icon-only usage */
.btn-icon-xs {
  padding: 0.2rem 0.35rem;   /* smaller padding */
  font-size: 0.75rem;        /* smaller icon size */
  border-radius: 0.25rem;    /* slightly rounded */
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 2px; 
}

/* Optional: shrink the icon slightly */
.btn-icon-xs i {
  font-size: 0.85rem;
}