/*=========================================================
  PALAM BAKERS
  COMMON.CSS
=========================================================*/

/*======================================
GOOGLE FONTS
======================================*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');


/*======================================
ROOT VARIABLES
======================================*/
:root{

--green:#1a2a1a;
--gold:#d9a441;
--brown:#6b3e26;

--white:#ffffff;
--text:#222222;
--muted:#777777;

--radius:16px;

--shadow:
0 10px 35px rgba(0,0,0,.08);

--transition:.3s ease;

--header-height:68px;
--topbar-height:38px;

}


html,
body{

    width:100%;
    overflow-x:hidden;

}

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



.pb-container{

    width:100%;

    max-width:1400px;

    margin:0 auto;

}
#catBox{

display:none;

}

#catBox.show{

display:block;

}











/*======================================
COMMON TAGS
======================================*/

a{

    text-decoration:none;

    color:inherit;

    transition:var(--transition);

}

img{

    max-width:100%;

    height:auto;

    display:block;

}
ul{

    list-style:none;

}

button{

    border:none;

    outline:none;

    cursor:pointer;

    font-family:'Poppins',sans-serif;

}

input,
select,
textarea{

    outline:none;

    font-family:'Poppins',sans-serif;

}


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

h1,
h2,
h3,
h4,
h5,
h6{

    font-family:'Cormorant Garamond',serif;

    font-weight:700;

    color:#222;

    line-height:1.15;

}



.section{

    padding:80px 0;

}


/*======================================
SECTION TITLE
======================================*/

.sec-head{

    text-align:center;

    margin-bottom:50px;

}

.sec-head span{

    color:var(--gold);

    text-transform:uppercase;

    letter-spacing:4px;

    font-size:13px;

    font-family:'Cormorant Garamond',serif;

    font-weight:600;

}

.sec-head h2{

    margin:12px 0;

    font-size:58px;

}

.sec-head p{

    max-width:700px;

    margin:auto;

    color:#666;

}


/*======================================
COMMON BUTTONS
======================================*/

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:52px;

    padding:0 30px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    transition:var(--transition);

}

.btn-gold{

    background:var(--gold);

    color:#fff;

}

.btn-gold:hover{

    background:#bf8d2d;

}

.btn-outline{

    border:2px solid #fff;

    color:#fff;

}

.btn-outline:hover{

    background:#fff;

    color:#111;

}


/*======================================
COMMON CARD
======================================*/

.card{

    background:#fff;

    border-radius:20px;

    box-shadow:var(--shadow);

    overflow:hidden;

}


/*======================================
COMMON SWIPER
======================================*/

.swiper{

    width:100%;

    overflow:hidden;

}


/*======================================
COMMON IMAGE
======================================*/

.cover{

    width:100%;

    height:100%;

    object-fit:cover;

}


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

.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}

.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}


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

::-webkit-scrollbar{

    width:8px;

}

::-webkit-scrollbar-thumb{

    background:var(--gold);

    border-radius:20px;

}