/*#region other css*/
ul {
    padding-left: 0px !important;
}

.verticl-middle {
    vertical-align: middle;
}

.round {
    --btn-border-radius: 0vh 50vh 50vh 0vh;
}

.font-proxima {
    font-family: proxima nova !important;
}
/*#endregion*/

/*#region width css*/
.w-710{
    width:710px;
}

.max-w-710 {
    max-width: 710px;
}

.w--assset-17 {
    width: 17% !important;
}

.width-36 {
    width: 36%;
}


.width-auto{
    width:auto!important;
}

.w-100 {
    width: 100%;
}

.width-17 {
    width: 17px;
}

.w-30 {
    width: 30%;
}

.w-29 {
    width: 29%;
}

.w-35 {
    width: 35px;
}

.w-150 {
    width: 150px;
}

.w-50 {
    width: 50%;
}

.w-30 {
    width: 30%;
}

.width-50 {
    width: 50px;
}

.width-65{
    width:65%!important;
}

.width-30{
    width:30%!important;
}

.width-22 {
    width: 22%;
}

.width-47 {
    width: 47%;
}

.width-100 {
    width: 100px!important;
}

.width-120 {
    width: 120px;
}

.width-400 {
    width: 400px;
}

.width-700 {
    width: 700px;
}

.width-13 {
    width: 13%;
}

.width-fit-content {
    width: fit-content;
}

.width-20 {
    width: 20%;
}

.width-25 {
    width: 25%;
}

.width-50 {
    width: 50%;
}

.min-width-300 {
    min-width: 370px !important;
    width: 370px !important;
}
/*#endregion*/

/*#region padding css*/
.p-t15-b-20{
    padding-top:6px;
    padding-bottom:8px;
}

.p-18-0{
    padding:18px 0px;
}

.pt-15{
    padding-top:15px;
}

.pt-60{
    padding-top:60px!important;
}

.p-25-20{
    padding:25px 20px;
}

.p-10-15{
    padding:10px 15px!important;
}

.p-12{
    padding:12px;
}

.p-18{
    padding:0px 18px!important;
}

.pl-10 {
    padding-left: 10px;
}

.p-13 {
    padding: 13px !important;
}

.pl-20 {
    padding-left: 20px;
}

.p-30 {
    padding: 30px;
}

.pt-80 {
    padding-top: 80px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.p-6 {
    padding: 6px;
}

.pt-0 {
    padding-top: 0px;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-25 {
    padding-top: 25px;
}

.p-10 {
    padding: 10px;
}

.pb-0 {
    padding-bottom: 0px;
}

.ptb-10 {
    padding: 7px 0px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.p-0 {
    padding: 0 !important;
}

.p-5 {
    padding: 5px !important;
}

.pr-0 {
    padding-right: 0px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-3 {
    padding-right: 3px;
}

.pl-0 {
    padding-left: 0px;
}

.ptb-60 {
    padding: 60px 0px !important;
}

.ptb-50 {
    padding: 50px 0px !important;
}

.pl-30 {
    padding-left: 30px;
}

.pr-30 {
    padding-right: 30px;
}

.p-30 {
    padding: 30px !important; 
}

.pt-30 {
    padding-top: 30px;
}

.p-8 {
    padding: 8px !important;
}

.p-12 {
    padding: 12px !important;
}

.p-50 {
    padding: 50px !important;
}

.plrt-0 {
    padding: 10px !important;
}

.ptb-35 {
    padding: 35px !important;
}

.ptb-35-55 {
    padding: 35px 55px !important;
}

.ptb-20-20 {
    padding: 20px !important;
}

.ptb-20-25 {
    padding: 20px 25px !important;
}

.padding-btn {
    padding: 28px 30px;
}

.ptb-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ptb-4 {
    padding: 4px 4px;
}

.pt-10 {
    padding-top: 10px !important;
}

.pb-30 {
    padding-bottom: 30px;
}

.padding-lrtb {
    padding: 10px 20px 10px 20px !important;
}

.p-lrtb {
    padding: 0.5rem 0 0.5rem 30px !important;
}

.plr-25 {
    padding: 0px 25px;
}

.plr-20 {
    padding: 0px 20px;
}

.plr-15 {
    padding: 4px 15px;
}

.p-20 {
    padding: 20px;
}

.p-14 {
    padding: 14px;
}

.ptb-10 {
    padding: 10px 0px;
}

.plr-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.plr-40 {
    padding: 0px 40px;
}

.p-20-20{
    padding:20px;
}
/*#endregion*/
/*#region margin css*/
.m-100-auto{
    margin: 100px auto!important;
}

.m-30-auto{
    margin:30px auto!important;
}

.mb-2{
    margin-bottom:2px!important;
}

.mb-40{
    margin-bottom:40px;
}

.mt-4{
    margin-top:4px!important;
}

.mb-7{
    margin-bottom:7px;
}

.mb-3 {
    margin-bottom: 3px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mt-100{
    margin-top:100px!important;
}

.mb-5{
    margin-bottom:5px!important;
}

.mb-4{
    margin-bottom:4px!important;
}

.mt-40{
    margin-top:40px!important;
}

.mt-80{
    margin-top:80px;
}

.ml-0{
    margin-left:0px!important;
}

.mr-0{
    margin-right:0px!important;
}

.mb-0{
    margin-bottom:0px!important;
}

.mtr-10 {
    margin-top: 10px;
    margin-right: 10px;
}


.ml-15 {
    margin-left: 15px;
}

.mr-10 {
    margin-right: 10%;
}

.mt-45 {
    margin-top: 45px !important;
}

.m-9 {
    margin: 9px !important;
}

.mr-11 {
    margin-right: 11px;
}

.mt-23 {
    margin-top: 23px;
}

.mt-48 {
    margin-top: 48px;
}

.mt-43 {
    margin-top: 43px;
}

.mt-60 {
    margin-top: 60px!important;
}

.mt-8 {
    margin-top: 8px;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-2 {
    margin-top: 2px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-16 {
    margin-top: 16px;
}

.mt-20 {
    margin-top: 20px;
}

.my-20 {
    margin: 20px 0 20px 0;
}

.my-30 {
    margin: 30px 0 30px 0;
}

.my-35 {
    margin: 35px 0 35px 0;
}


.mt-7 {
    margin-top: 7px;
}

.mt-40 {
    margin-top: 40px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-15 {
    margin-right: 15px;
}

.mtr {
    margin: 4px 8px 0px 0px;
}

.m-0 {
    margin: 0% !important;
}

.mt-25 {
    margin-top: 25px;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mt-8 {
    margin-top: 8px;
}

.mt-50 {
    margin-top: 50px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mrtl {
    margin: 7px 8px 0px 7px;
}

.mtrbl {
    margin: 9px 8px 0px 7px;
}

.mt-2 {
    margin-top: 2px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.mt-28 {
    margin-top: 28px !important;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px!important;
}

.mb-50 {
    margin-bottom: 50px!important;
}

.ml-20 {
    margin-left: 20px!important;
}

.ml-25 {
    margin-left: 25px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-12 {
    margin-left: 12px;
}

.ml-10 {
    margin-left: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.margin-auto {
    margin: 0 auto;
}

.margin-100 {
    margin: 100px auto;
}

.mt-80 {
    margin-top: 80px;
}

.mb-0, .my-0 {
    margin-bottom: 0 !important;
}

.mr-20 {
    margin-right: 20px;
}

.mt_25 {
    margin-top: 25% !important;
}

.mt_10 {
    margin-top: 10px;
}

.ml-120 {
    margin-left: 136px;
}

.ml-50 {
    margin-left: 50px;
}

.mr-10 {
    margin-right: 10px;
}

.mt-5 {
    margin-top: 5px !important;
}

mtb-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.m-20 {
    margin: 20px;
}

/*#endregion*/

/*#region display and justify css*/
.d-inline {
    display: -webkit-inline-box!important;
}

.d-flex {
    display: flex;
}

.flex-start {
    align-self: flex-start;
}

.display-liststyle {
    display: list-item;
}

.flex-wrap {
    flex-wrap: wrap;
}

.d-webkitinlinebox {
    display: -webkit-inline-box;
}

.d-none {
    display: none !important;
}

.d-block {
    display: block;
}

.d-inline-block {
    display: inline-block;
}

.d-inline-flex {
    display: inline-flex;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.f-wrap {
    flex-wrap: wrap;
}

.justify-space-between {
    justify-content: space-between;
}

.align-center {
    align-items: center;
}

.justify-center {
    justify-content: center !important;
}

.justify-space-around {
    justify-content: space-around;
}

.justify-start {
    justify-content: start;
}

.justify-initial {
    justify-content: initial !important;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.justify-space-center{
    justify-content:center!important;
}

.justify-space-flex {
    justify-content: flex-start !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.flex-50 {
    flex: 50%;
}

.border-none {
    border: none !important;
}

.align-baseline{
    align-items:baseline;
}
/*#endregion*/

/*#region font weight css*/
.fw-thin {
    font-weight: 100 !important;
}

.fw-extralight {
    font-weight: 200 !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-regular {
    font-weight: 400 !important;
}

.fw-medium {
    font-weight: 500 !important;
}

.fw-semibold {
    font-weight: 600 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-extrabold {
    font-weight: 800 !important;
}

.fw-black {
    font-weight: 900 !important;
}

.fw-lighter {
    font-weight: lighter;
}

/*#endregion*/

/*#region font size css*/
.f-11 {
    font-size: calc(10px + (11 - 10) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(10px + (11 - 10) * ((100vw - 320px) / (2000 - 320)));
}

.f-12 {
    font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(10px + (12 - 10) * ((100vw - 320px) / (2000 - 320))) !important;
}

.f-13 {
    font-size: calc(13px + (13 - 13) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(15px + (13 - 13) * ((100vw - 320px) / (2000 - 320)));
}

.f-14 {
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(14px + (14 - 12) * ((100vw - 320px) / (2000 - 320)));
}

.f-15 {
    font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(15px + (15 - 13) * ((100vw - 320px) / (2000 - 320)));
}

.f-16 {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(18px + (16 - 14) * ((100vw - 320px) / (2000 - 320)));
}

.f-17 {
    font-size: calc(15px + 2 * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(17px + 2 * ((100vw - 320px) / (2000 - 320)));
}

.f-18 {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(18px + (18 - 16) * ((100vw - 320px) / (2000 - 320)));
}

.f-20 {
    font-size: calc(18px + 2* ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(18px + 2* ((100vw - 320px) / (2000 - 320)));
}

.f-24 {
    font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(20px + (24 - 20) * ((100vw - 320px) / (2000 - 320)));
}

.f-22 {
    font-size: calc(20px + (22 - 20) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(20px + (22 - 20) * ((100vw - 320px) / (2000 - 320)));
}

.f-25 {
    font-size: calc(20px + (25 - 20) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (2000 - 320)));
}

.f-30 {
    font-size: calc(25px + (30 - 25) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(25px + (30 - 25) * ((100vw - 320px) / (2000 - 320)));
}

.f-32 {
    font-size: calc(25px + (32 - 25) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(25px + (32 - 25) * ((100vw - 320px) / (2000 - 320)));
}

.f-34 {
    font-size: calc(27px + 7 * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(27px + 7 * ((100vw - 320px) / (2000 - 320)));
}

.f-35 {
    font-size: calc(27px + 8 * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(27px + 8 * ((100vw - 320px) / (2000 - 320)));
}

.f-36 {
    font-size: calc(27px + 9 * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(27px + 9 * ((100vw - 320px) / (2000 - 320)));
}

.f-37 {
    font-size: calc(30px + 7 * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(32px + 7 * ((100vw - 320px) / (2000 - 320)));
}

.f-38 {
    font-size: calc(27px + 11 * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(27px + 11 * ((100vw - 320px) / (2000 - 320)));
}

.f-40 {
    font-size: calc(35px + (40 - 35) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(35px + (40 - 35) * ((100vw - 320px) / (2000 - 320)));
}

.f-45 {
    font-size: calc(35px + 10 * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(35px + 10 * ((100vw - 320px) / (2000 - 320)));
}

.f-42 {
    font-size: calc(35px + 7 * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(37px + 7 * ((100vw - 320px) / (2000 - 320)));
}

.f-50 {
    font-size: calc(45px + (50 - 45) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(45px + (50 - 45) * ((100vw - 320px) / (2000 - 320)));
}

.f-56 {
    font-size: calc(45px + 11 * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(45px + 11 * ((100vw - 320px) / (2000 - 320)));
}

.f-70 {
    font-size: calc(70px + (70 - 70) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(70px + (70 - 70) * ((100vw - 320px) / (2000 - 320)));
}

.common-footer-f-20 {
    font-size: calc(20px + (25 - 20) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (2000 - 320)));
}

.li-1_5 {
    line-height: 1.5;
}
/*#endregion*/
/*#region height css*/
.min-height-100{
    min-height:100px;
}

.h-50 {
    height: 50px !important;
}

.height-300 {
    height: 300px;
}

.height-70 {
    height: 70px;
}

.height-19 {
    height: 19px;
}

.height-23 {
    height: 23px;
}

.height-55 {
    height: 55px;
}

.height-50 {
    height: 50px;
}

.height-300 {
    height: 300px;
}

.min-height-100 {
    height: 100px;
}

.h-750 {
    height: 750px;
}

/*#endregion*/

/*#region textcolor css*/
.textcolor-red{
    color:red;
}

.textcolor-orange {
    color: #DC8419;
}
.textcolor-canvasgreen {
    color: #748b36;
}

.textcolor-semilightgray {
    color: #797979;
}

.textcolor-lightblack {
    color: #222222;
}

.textcolor-lightgray {
    color: #b1abab !important;
}

.textcolor-leafgreen {
    color: #1b4332;
}

.textcolor-middlegray {
    color: #909090 !important;
}

.textcolor-darkgreen {
    color: #01774a !important;
}

.textcolor-lightyellow {
    color: #ffe090;
}

.textcolor-lightsky {
    color: #e6e6e6;
}

.textcolor-black {
    color: #333333 !important;
}

.textcolor-lightblack {
    color: #4d4d4d;
}

.textcolor-lightcream {
    color: #fff6de;
}

.textcolor-tablelightseagreen {
    color: #8abca7;
}

.textcolor-silvershade {
    color: #e6e6e6;
}

.textcolor-maroon {
    color: maroon;
}

.textcolor-dimgray {
    color: #696969;
}

.border-grey {
    border: solid #cccccc;
}

.textcolor-darkgray {
    color: #455560 !important;
}

.textcolor-canvasgreen {
    color: #007549;
}

.textcolor-darkyellow {
    color: #fcb615;
}

.textcolor-middleyellow {
    color: #ffce4e;
}

.textcolor-sky {
    color: #6aa6d8;
}

.textcolor-tablelightseagreenshade {
    color: #f3f8f6;
}

.textcolor-silver {
    color: #cccccc;
}

.textcolor-white {
    color: #ffffff !important;
}

.accentcolor-darkred {
    accent-color: darkred;
}
/*#endregion*/

/*#region card shadow css*/
.card-shadow {
    box-shadow: 0px 0px 16px #0728571a;
}

/*#endregion*/

/*#region height css*/
.p-relative {
    position: relative;
}

/*#endregion*/

/*#region border bottom css*/
.bbottom-maroon {
    border-bottom: 1px solid maroon;
}

.btop-darkgray {
    border-top: 1px solid darkgray;
}

.border-darkgray {
    border: 1px solid darkgray;
}
.bb-1-25 {
    border-bottom: 1px solid #efefef;
    padding-bottom: 25px;
}

.bbottom-3maroon {
    border-bottom: 3px solid maroon;
}

.bbottom-2lightgray {
    border-bottom: 2px solid lightgray;
}

.borderleft-lightgray {
    border-left: 2px solid lightgray;
}
/*#endregion*/

/*#region letter spacing css*/
.letterspacing-1 {
    letter-spacing: 1px;
}

.lettter-space {
    letter-spacing: 0.5px;
}
/*#endregion*/

/* #region box shadow css*/
.boxshadow-none {
    box-shadow: none !important;
}
/*#endregion*/

/*#region whitespace css*/
.whitespace-nowrap {
    white-space: nowrap;
}
/*#endregion*/

/*#region line height css*/
.lineheight {
    line-height: 1.5;
}

.lineheight-1_3 {
    line-height: 1.3;
}

.lineheight-30 {
    line-height: 30px;
}
/*#endregion*/

/*#region scroll bar css*/
.scrollable {
    overflow-x: hidden;
    max-height: calc(100vh - 155px);
    overflow-y: auto;
}
/*#endregion*/

/*#region background color css*/
.bg-transparent{
    background-color:transparent!important;
}

.bg-home-lightgreen {
    background-color: #01774a9c !important;
}

.bg-home-shadegreen {
    background-color: #eff4f0!important;
}

.bg-home-yellow {
    background-color: #fab700;
}

.bg-darkgreen {
    background-color: #01774a;
}

.beef-bg-darkgray {
    background-color: #9d9d9c !important;
}

.bg-deleteyellow {
    background-color: #fcb615 !important;
}


.bg-lightgray {
    background-color: #cfcfcf4f !important;
}

.bg-middlegray {
    background-color: #909090 !important;
}

.bg-darkgray {
    background-color: #455560 !important;
}

.bg-lightsilver {
    background-color: #EDEDED;
}

.bg-tabledarkgray {
    background-color: #706F6F;
}

.bg-canvasgreen {
    background-color: #748b36 !important;
}

.bg-middleyellow {
    background-color: #ffce4e !important;
}

.bg-tablelightseagreen {
    background-color: #8abca7 !important;
}

.bg-silver {
    background-color: #cccccc !important;
}

.bg-silvershade {
    background-color: #e6e6e6 !important;
}

.bg-maroon {
    background-color: #6a040f;
}

.bg-lightmaroon {
    background-color: #fae1dd;
}

.bg-darkred {
    background: #7a121c;
}

.color-darkred {
    color: #7a121c;
}

.bg-darkgreen {
    background-color: #01774a !important;
}

.bg-darkyellow {
    background-color: #fcb615 !important;
}

.bg-lightyellow {
    background-color: #ffe090 !important;
}

.bg-lightsky {
    background-color: #e6e6e6 !important;
}

.bg-black {
    background-color: #333333 !important;
}

.bg-lightblack {
    background-color: #4d4d4d !important;
}

.bg-sky {
    background-color: #6aa6d8 !important;
}

.bg-tablelightseagreenshade {
    background-color: #f3f8f6 !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-lightcream {
    background: #fffaee;
}

.bg-lightpistagreen {
    background: #dce5ca;
}
/*#endregion*/

/*#region border-bottom & border-radius css*/
.border-9 {
    border-radius: 9px !important;
}

.border-30 {
    border-radius: 30px !important;
}

.border-25 {
    border-radius: 25px;
}

.bradius-0 {
    border-radius: 0px;
}

.bradius-40 {
    border-radius: 40px;
}

.border-radius-10 {
    border-radius: 10px;
}

.border-radius-14 {
    border-radius: 14px;
}

.bradius-20 {
    border-radius: 20px;
}

.bbottom-3maroon {
    border-bottom: 3px solid maroon;
}

.bbottom-1darkgrey {
    border-bottom: 1px solid darkgrey;
}

.border-1darkgrey {
    border: 1px solid darkgrey;
}

.border-1black {
    border: 1px solid black;
}

.border-2 {
    border: 2px solid #4B4F54 !important;
}

.bbottom-lightgrey {
    border-bottom: 1px solid lightgrey;
}

.bbottom-2lightgray {
    border-bottom: 2px solid lightgray;
}

.border-bottom-1 {
    border-bottom: 1px solid #6a040f;
}

.borderleft-lightgray {
    border-left: 2px solid lightgray;
}
.border-bottom-2 {
    border-bottom: 2px solid #979797;
}

.border-top{
    border-top:1px solid #cccccc;
}

/*#endregion*/

/*#region border raduis css*/
.borderradius-20 {
    border-radius: 20px;
}

.bradius-4 {
    border-radius: 4px;
}

.bradius-9 {
    border-radius: 9px;
}
/*#endregion*/

/*#region margin css*/
.ml-56 {
    margin-left: 56px;
}
/*#endregion*/

/*#region button css*/
.bg-button-darkgreen {
    background-image: linear-gradient(#0d6c48,#0e744d, #05281a);
    font-weight: 600 !important;
}
.p-button {
    padding: 18px 50px;
}
/*#endregion*/

.cursor-none{
    cursor:none!important;
}

.pointer-none{
    pointer-events:none!important;
}

.text-decoration-none{
    text-decoration:none!important;
}

.text-underline{
    text-decoration:underline!important;
}

.border-canvasgreen {
    border: 1px solid #748b36;
}

.border-bottom-canvasgreen-1 {
    border-bottom: 1px solid #748b36;
}

.text-capitalization{
    text-transform:capitalize!important;
}

.max-fix-content {
    max-height:fit-content !important;
}

.line-height-scroll{
line-height:1.3!important;
}

.m-0-auto {
    margin: 0 auto;
}

.text-decoration-white{
    border-bottom: 2px solid #ffffff;
}

.border-radius-0{
    border-radius:0px!important;
}

.max-fix-content {
    max-height: fit-content !important;
}

.gap-10 {
    gap: 10px;
}

.plr-34px {
    padding: 0 34px;
}