.rel{position: relative;}

.rel-f{position: relative !important;}

.abs{position: absolute;}

.abs-f{position: absolute !important;}

.fix{position: fixed;}

.sticky{position:sticky}



.block{display: block;}

.visible{visibility: visible;}

.unvisible{visibility: hidden;}

.no-flow{overflow:hidden}

.y-flow{overflow-x:hidden;overflow-y:auto;}

.x-flow{overflow-x:auto;overflow-y:hidden}

.flow{overflow: auto;}

.no-resize{resize: none;}

.resize{resize: both;}

.resize-x{resize:horizontal !important;overflow: hidden;}

.resize-y{resize:vertical;}

.ldir{direction: ltr;}

.rdir{direction: rtl;}

.transp{background-color: transparent;}

.obg-fit{object-fit: contain;}

.obj-fill{object-fit: fill;}

.obj-cover{object-fit: cover;}

.max-line-1{-webkit-line-clamp : 1}
.max-line-2{-webkit-line-clamp : 2}
.max-line-3{-webkit-line-clamp : 3}
.cutoff-text{display:-webkit-box;overflow:hidden;-webkit-box-orient : vertical;}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    /* max-width: 200px; Adjust as needed */
  }

.brake-word{word-break: break-word;}
.break-balance{word-break:normal;}
.flow-wrap{overflow-wrap: break-word;}
.no-style, .no-style-ch *{list-style: none;text-decoration: none}
.no-break{word-break: keep-all;}
.no-wrap{white-space: nowrap;}
.wrap-balance{text-wrap: balance;}

.text-center{text-align:center}

.text-left{text-align:left}
.text-right{text-align:right}

.capital{text-transform: capitalize;}
.lower{text-transform: lowercase;}

.no-select{user-select: none} 
.disable,.disable-ch *{pointer-events: none;}
.pointer{cursor : pointer;}
.pointer-child >{cursor : pointer;}
.def-pointer{cursor:default}
.move{cursor: move;}
.zoom-in{cursor:zoom-in}
.zoom-out{cursor:zoom-out}
.draggable{cursor: move;}
.dragging{border:1px solid}

.hide-flow::-webkit-scrollbar{width:0}

.w-full{width: 100%;}
.h-full{height:100%}

.fonts-14{font-size: 14px;}

.n-btn{color:snow;cursor: pointer;}
.n-btn:hover{scale:0.9}
.snow{color:snow}

.hide{display:none !important}

.z-1{z-index:1;}
.z-2{z-index:2;}
.z-3{z-index:3;}
.z-4{z-index:4;}
.z-5{z-index:5;}
.z-6{z-index:6;}
.z-7{z-index:7;}
.z-8{z-index:8;}
.z-9{z-index:9;}
.z-10{z-index:10;}
.z-11{z-index:11;}
.z-12{z-index:12;}
.z-13{z-index:13;}
.z-14{z-index:14;}
.z-15{z-index:15;}
.z-16{z-index:16;}
.z-17{z-index:17;}
.z-18{z-index:18;}
.z-19{z-index:19;}
.z-20{z-index:20;}

.op-0{opacity: 0;}

.hover-shad:hover{
  box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.2);
}

.hover-scale:hover{scale:0.9}

.check-slider{background-color: lightgray;transition: background-color 0.3s ease-in-out;}

.check-slider:has([type='checkbox']:checked){background-color: #3D719C;}