/*=========================================================
PHIUM ESSENCE
GLOBAL CSS
Version : 1.0
=========================================================*/


/*=========================================================
RESET
=========================================================*/

*,
*::before,
*::after{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    background:var(--phium-bg);
    color:var(--phium-text);
    overflow-x:hidden;
    text-rendering:optimizeLegibility;
}

img{
    max-width:100%;
    height:auto;
    display:block;
}

svg{
    display:block;
}

ul,
ol{
    list-style:none;
}

a{
    text-decoration:none;
}

button,
input,
textarea,
select{
    font-family:inherit;
}

button{
    cursor:pointer;
    border:none;
    background:none;
}

table{
    width:100%;
    border-collapse:collapse;
}


/*=========================================================
LAYOUT
=========================================================*/

.ct-container{

    max-width:1320px;

    width:100%;

    margin:auto;

    padding-left:20px;

    padding-right:20px;

}

.phium-section{

    padding:100px 0;

}

.phium-section-sm{

    padding:60px 0;

}

.phium-section-lg{

    padding:140px 0;

}


/*=========================================================
COMMON CARDS
=========================================================*/

.phium-card{

    background:#fff;

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

    border-radius:16px;

    transition:.35s ease;

}

.phium-card:hover{

    transform:translateY(-8px);

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

}


/*=========================================================
COMMON TITLE
=========================================================*/

.phium-title{

    text-align:center;

    margin-bottom:60px;

}

.phium-title h2{

    margin-bottom:15px;

}

.phium-title p{

    max-width:700px;

    margin:auto;

}


/*=========================================================
SECTIONS
=========================================================*/

section{

    position:relative;

}

section:nth-child(even){

    background:#fffaf7;

}


/*=========================================================
BLOCKSY FIXES
=========================================================*/

.ct-content-area{

    min-height:600px;

}

.ct-image-container img{

    transition:.35s ease;

}

.ct-image-container:hover img{

    transform:scale(1.04);

}


/*=========================================================
UTILITY
=========================================================*/

.text-center{

    text-align:center;

}

.text-left{

    text-align:left;

}

.text-right{

    text-align:right;

}

.d-flex{

    display:flex;

}

.align-center{

    align-items:center;

}

.justify-center{

    justify-content:center;

}

.justify-between{

    justify-content:space-between;

}

.flex-column{

    flex-direction:column;

}

.w-100{

    width:100%;

}

.hidden{

    display:none;

}


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

.mt-20{

    margin-top:20px;

}

.mt-40{

    margin-top:40px;

}

.mt-60{

    margin-top:60px;

}

.mb-20{

    margin-bottom:20px;

}

.mb-40{

    margin-bottom:40px;

}

.mb-60{

    margin-bottom:60px;

}


/*=========================================================
SCROLLBAR
=========================================================*/

::-webkit-scrollbar{

    width:8px;

}

::-webkit-scrollbar-thumb{

    background:var(--phium-primary);

    border-radius:20px;

}

::-webkit-scrollbar-track{

    background:#f4ece6;

}