/*==================================================
DAYAL PARADISE V2
Utility Library
assets/css/utilities.css
==================================================*/

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

.d-none{display:none!important;}
.d-block{display:block!important;}
.d-inline{display:inline!important;}
.d-inline-block{display:inline-block!important;}

.flex{display:flex;}
.inline-flex{display:inline-flex;}
.grid{display:grid;}

.flex-center{

display:flex;
justify-content:center;
align-items:center;

}

.flex-between{

display:flex;
justify-content:space-between;
align-items:center;

}

.flex-column{

display:flex;
flex-direction:column;

}

.flex-wrap{

flex-wrap:wrap;

}

.align-center{

align-items:center;

}

.justify-center{

justify-content:center;

}

/*==================================
GRID
==================================*/

.grid-2{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;

}

.grid-3{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

}

.grid-4{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;

}

/*==================================
WIDTH
==================================*/

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

.max-600{max-width:600px;}
.max-700{max-width:700px;}
.max-800{max-width:800px;}
.max-900{max-width:900px;}
.max-1200{max-width:1200px;}

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

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

.text-white{color:#fff;}
.text-gold{color:var(--gold);}
.text-muted{color:var(--text);}

.uppercase{text-transform:uppercase;}
.capitalize{text-transform:capitalize;}

.fw-300{font-weight:300;}
.fw-400{font-weight:400;}
.fw-500{font-weight:500;}
.fw-600{font-weight:600;}
.fw-700{font-weight:700;}

.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-32{font-size:32px;}
.fs-40{font-size:40px;}

/*==================================
HEADINGS
==================================*/

.heading-xl{

font-family:'Cormorant Garamond',serif;
font-size:74px;
line-height:1.05;

}

.heading-lg{

font-family:'Cormorant Garamond',serif;
font-size:56px;
line-height:1.08;

}

.heading-md{

font-family:'Cormorant Garamond',serif;
font-size:42px;

}

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

.mt-0{margin-top:0;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-60{margin-top:60px;}

.mb-0{margin-bottom:0;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-60{margin-bottom:60px;}

.pt-60{padding-top:60px;}
.pb-60{padding-bottom:60px;}

.p-20{padding:20px;}
.p-30{padding:30px;}
.p-40{padding:40px;}

/*==================================
GLASS
==================================*/

.glass{

background:rgba(255,255,255,.05);

backdrop-filter:blur(18px);

border:1px solid rgba(255,255,255,.08);

}

/*==================================
PREMIUM CARD
==================================*/

.premium-card{

background:

linear-gradient(
145deg,
#171717,
#0c0c0c);

border-radius:24px;

padding:35px;

border:1px solid rgba(216,179,106,.16);

transition:.35s;

}

.premium-card:hover{

transform:translateY(-10px);

border-color:rgba(216,179,106,.35);

box-shadow:

0 25px 55px rgba(0,0,0,.30);

}

/*==================================
BADGES
==================================*/

.badge{

display:inline-flex;

align-items:center;

padding:8px 18px;

border-radius:50px;

background:rgba(216,179,106,.12);

color:var(--gold);

font-size:13px;

letter-spacing:2px;

}

/*==================================
SHADOWS
==================================*/

.shadow-sm{

box-shadow:

0 10px 25px rgba(0,0,0,.18);

}

.shadow{

box-shadow:

0 20px 45px rgba(0,0,0,.30);

}

.shadow-lg{

box-shadow:

0 35px 80px rgba(0,0,0,.45);

}

/*==================================
BORDERS
==================================*/

.border{

border:1px solid rgba(255,255,255,.08);

}

.border-gold{

border:1px solid rgba(216,179,106,.30);

}

.rounded{

border-radius:18px;

}

.rounded-lg{

border-radius:28px;

}

.rounded-pill{

border-radius:999px;

}

/*==================================
BACKGROUND
==================================*/

.bg-dark{

background:#090909;

}

.bg-black{

background:#000;

}

.bg-gold{

background:var(--gold);

color:#111;

}

.bg-gradient{

background:

linear-gradient(
135deg,
#151515,
#090909);

}

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

.gradient-text{

background:

linear-gradient(
90deg,
#f7e2ab,
#d8b36a,
#fff7d2);

-webkit-background-clip:text;

background-clip:text;

color:transparent;

}

/*==================================
DIVIDERS
==================================*/

.divider{

height:1px;

background:

rgba(255,255,255,.08);

margin:40px 0;

}

.gold-divider{

height:2px;

width:120px;

background:var(--gold);

margin:35px auto;

}

/*==================================
LIST
==================================*/

.list-clean{

list-style:none;

padding:0;

margin:0;

}

.list-clean li{

margin-bottom:14px;

}

/*==================================
POSITION
==================================*/

.relative{

position:relative;

}

.absolute{

position:absolute;

}

.overflow-hidden{

overflow:hidden;

}

.z-1{z-index:1;}
.z-2{z-index:2;}
.z-5{z-index:5;}
.z-10{z-index:10;}

/*==================================
GAP
==================================*/

.gap-10{gap:10px;}
.gap-20{gap:20px;}
.gap-30{gap:30px;}
.gap-40{gap:40px;}

/*==================================
OBJECT FIT
==================================*/

.cover{

object-fit:cover;

}

.contain{

object-fit:contain;

}

/*==================================
TRANSITIONS
==================================*/

.transition{

transition:.35s;

}

.transition-slow{

transition:.6s;

}

/*==================================
HOVER
==================================*/

.hover-scale:hover{

transform:scale(1.04);

}

.hover-up:hover{

transform:translateY(-8px);

}

.hover-opacity:hover{

opacity:.85;

}

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

.pointer{

cursor:pointer;

}

/*==================================
RESPONSIVE
==================================*/

@media(max-width:992px){

.grid-4,
.grid-3{

grid-template-columns:repeat(2,1fr);

}

.heading-xl{

font-size:58px;

}

.heading-lg{

font-size:46px;

}

}

@media(max-width:768px){

.grid-2,
.grid-3,
.grid-4{

grid-template-columns:1fr;

}

.heading-xl{

font-size:44px;

}

.heading-lg{

font-size:36px;

}

.heading-md{

font-size:30px;

}

.text-center-mobile{

text-align:center;

}

.flex-between{

flex-direction:column;
gap:20px;

}

}

@media(max-width:480px){

.heading-xl{

font-size:36px;

}

.heading-lg{

font-size:30px;

}

.premium-card{

padding:24px;

}

}