body{
  background: rgba(0, 0, 0, 1)!important;
}
img{
    pointer-events: none;
}
.main_div{
height:100%;
max-width:500px;
width:100%;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
position: absolute;
left:50%;
border: 1px solid gray;
transform: translateX(-50%);
background: #fff;
/*border-radius: 5px;*/
overflow: hidden;
border: 0px;
}
.main_div p{
  padding: 0;
  margin: 0;
}
.mobile_div{
position: relative;
height: 100%;
width: 100%;
overflow-y: auto;
padding-top: 50px;


}

/*.mobile_div::-webkit-scrollbar-track*/
/*{*/
/*	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
/*	background-color: #F5F5F5;*/
/*	border-radius: 10px;*/
/*}*/

/*.mobile_div::-webkit-scrollbar*/
/*{*/
/*	width: 5px;*/
/*  height: 4px;*/
/*	background-color: #F5F5F5;*/
/*}*/

/*.mobile_div::-webkit-scrollbar-thumb*/
/*{*/
/*	border-radius: 10px;*/
/*	background-image: -webkit-gradient(linear,*/
/*									   left bottom,*/
/*									   left top,*/
/*									   color-stop(0.44, rgb(122,153,217)),*/
/*									   color-stop(0.72, rgb(73,125,189)),*/
/*									   color-stop(0.86, rgb(28,58,148)));*/
/*}*/


/* Unique Policy Row Styles */
/* ===== Policy Row (images, not icon fonts) ===== */
.fx-policy-row {
    --fx-icon-size: 44px;
    --fx-accent: #0a66ff;
    --fx-text: #1f2937;
    --fx-muted: #6b7280;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #e5e7eb;
    margin: auto;
    margin-bottom: 10px;
}
.fx-policy-item{
  flex:1 1 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:5px;
  transition:transform .2s ease;
}

.fx-policy-icon{
  width:var(--fx-icon-size);
  height:var(--fx-icon-size);
  object-fit:contain;

  transition: transform .2s ease, filter .2s ease;
}

/* If your icons are SVGs and you want them tinted, you can recolor like this: */
.fx-policy-item:hover .fx-policy-icon{
  transform:scale(1.08);
}

.fx-policy-label{
  font-size:14px;
  line-height:1.2;
  color:var(--fx-text);
  letter-spacing:.2px;
  transition:color .2s ease;
}

.fx-policy-item:hover .fx-policy-label{
  /*color:var(--fx-accent);*/
}

/* ===== Responsive ===== */
@media (max-width: 640px){
    .fx-policy-row{
        --fx-icon-size :35px;
    }
    .fx-policy-label{
        font-size: 12px;
    }
  
}

