/* Background */
.main_bg { background-image: linear-gradient(to right top, #1fc8f3, #00bbf8, #00adfc, #009dfd, #238cf9); }
.sec_bg { background: linear-gradient(90deg, #238ef9 1%, #1fc6f3); }

/* Height */
.h-18px { height: 18px; }
.h-35px { height: 35px; }
.h-50px { height: 50px; }
.h-600px { height: 600px; }

/* Width */
.w-16px { width: 16px; }
.w-25px { width: 25px; }
.w-35px { width: 35px; }
.w-41px { width: 41px; }
.w-50px { width: 50px; }
.w-170px { width: 170px; }
.w-185px { width: 185px; }
.w-225px { width: 225px; }
.w-50vh { width: 50vh; }

/* Top */
.t-18px { top: 18px; }

/* Right */
.r-2px { right: 2px; }

/* Margin */
.margin-10-0 { margin: 10px 0; }

/*  Margin-Top  */
.mt-5px { margin-top: 5px; }
.mt-10px { margin-top: 10px; }
.mt-15px { margin-top: 15px; }
.mt-20px { margin-top: 20px; }
.mt-30px { margin-top: 30px; }
.mt-50px { margin-top: 50px; }
.mt-7p { margin-top: 7%; }

/*  Margin-Bottom  */
.mb-0px { margin-bottom: 0px; }
.mb-20px { margin-bottom: 20px; }

/*  Margin-Left  */
.mleft-5px { margin-left: 5px;}
.mleft-15px { margin-left: 15px; }

/*  Margin-Right  */
.mright-10px { margin-right: 10px; }

/*  Margin-Left & Top  */
.mlt-23-5px { margin-left: 23px; margin-top: -5px; }

/*  Padding */
.pad-10 { padding: 10px; }
.pad-11 { padding: 11px; }
.pad-18 { padding: 18px; }
.pad-20 { padding: 20px; }
.pad-50-0 { padding: 50px 0; }
.pad-80-0 { padding: 80px 0; }

/* Padding-Right */
.padr-100 { padding-right: 100px; }

/* Font Size */
.font-12 { font-size: 12px; }
.font-15 { font-size: 15px; }
.font-16 { font-size: 16px; }

/* Color */
.c777 { color: #777; }

/* Border */
.s-b-border { border: 1px solid rgba(0,0,0,0.1); } /* Small Black Border */
.s-bottom-border { border-bottom: 1px solid rgba(215, 215, 215, .5); }

/* Scroll */
.scroll_y_hidden { overflow-y: hidden; }