/*==================================================
  SPACING
==================================================*/

.m-0{margin:0!important;}

.mt-10{margin-top:10px!important;}
.mt-20{margin-top:20px!important;}
.mt-30{margin-top:30px!important;}
.mt-40{margin-top:40px!important;}
.mt-50{margin-top:50px!important;}
.mt-60{margin-top:60px!important;}
.mt-80{margin-top:80px!important;}
.mt-100{margin-top:100px!important;}
.mt-120{margin-top:120px!important;}

.mb-10{margin-bottom:10px!important;}
.mb-20{margin-bottom:20px!important;}
.mb-30{margin-bottom:30px!important;}
.mb-40{margin-bottom:40px!important;}
.mb-50{margin-bottom:50px!important;}
.mb-60{margin-bottom:60px!important;}
.mb-80{margin-bottom:80px!important;}
.mb-100{margin-bottom:100px!important;}
.mb-120{margin-bottom:120px!important;}

.pt-0{padding-top:0!important;}
.pb-0{padding-bottom:0!important;}

.py-80{
    padding-top:80px!important;
    padding-bottom:80px!important;
}

.py-120{
    padding-top:120px!important;
    padding-bottom:120px!important;
}

/*==================================================
  DISPLAY
==================================================*/

.d-flex-center{

    display:flex;

    justify-content:center;

    align-items:center;

}

.d-flex-between{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.d-flex-column{

    display:flex;

    flex-direction:column;

}

.flex-wrap{

    flex-wrap:wrap;

}

.overflow-hidden{

    overflow:hidden;

}

.position-relative{

    position:relative;

}

.position-absolute{

    position:absolute;

}

/*==================================================
  TEXT
==================================================*/

.text-primary{

    color:var(--primary)!important;

}

.text-dark{

    color:var(--secondary)!important;

}

.text-white{

    color:white!important;

}

.text-muted{

    color:#888!important;

}

.text-center{

    text-align:center!important;

}

.text-uppercase{

    text-transform:uppercase;

}

.text-capitalize{

    text-transform:capitalize;

}

.fw-300{font-weight:300!important;}
.fw-400{font-weight:400!important;}
.fw-500{font-weight:500!important;}
.fw-600{font-weight:600!important;}
.fw-700{font-weight:700!important;}
/*==================================================
  FONT SIZE
==================================================*/

.fs-12{font-size:12px;}
.fs-14{font-size:14px;}
.fs-16{font-size:16px;}
.fs-18{font-size:18px;}
.fs-20{font-size:20px;}
.fs-24{font-size:24px;}
.fs-28{font-size:28px;}
.fs-32{font-size:32px;}
.fs-40{font-size:40px;}
.fs-48{font-size:48px;}
.fs-56{font-size:56px;}
.fs-64{font-size:64px;}
/*==================================================
  BORDER RADIUS
==================================================*/

.rounded-sm{

    border-radius:var(--radius-sm)!important;

}

.rounded{

    border-radius:var(--radius)!important;

}

.rounded-lg{

    border-radius:var(--radius-lg)!important;

}

.rounded-pill{

    border-radius:999px!important;

}
/*==================================================
  SHADOW
==================================================*/

.shadow-sm{

    box-shadow:var(--shadow-sm)!important;

}

.shadow{

    box-shadow:var(--shadow)!important;

}

.shadow-lg{

    box-shadow:var(--shadow-lg)!important;

}
/*==================================================
  BORDER
==================================================*/

.border{

    border:1px solid var(--border)!important;

}

.border-top{

    border-top:1px solid var(--border)!important;

}

.border-bottom{

    border-bottom:1px solid var(--border)!important;

}
/*==================================================
  BUTTON
==================================================*/

.btn-gold{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:15px 40px;

    border:none;

    border-radius:999px;

    background:var(--primary);

    color:#fff;

    font-weight:600;

    transition:var(--transition);

}

.btn-gold:hover{

    color:white;

    transform:translateY(-4px);

    box-shadow:var(--shadow);

}

.btn-outline-gold{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:15px 40px;

    border-radius:999px;

    border:1px solid var(--primary);

    color:var(--primary);

    background:white;

    transition:var(--transition);

}

.btn-outline-gold:hover{

    background:var(--primary);

    color:white;

}
/*==================================================
  IMAGE
==================================================*/

.object-cover{

    object-fit:cover;

}

.object-contain{

    object-fit:contain;

}

.img-fluid{

    width:100%;

    height:auto;

}
/*==================================================
  CURSOR
==================================================*/

.pointer{

    cursor:pointer;

}