@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


*{
    color: #4c4c4c;
    line-height:1.4;
    font-family:'Lato', sans-serif;
}
:root{
    --p-color:#26584f;

}
.no-deco{
    text-decoration: none !important;
}
a.line{
    color:var(--p-color);
    text-decoration:underline;
}
a.line>span{
    color:var(--p-color);
}
.libre{
    /*font-family: 'Libre Baskerville', serif;*/
    font-family: 'Lato', sans-serif;
}
.italic{
    font-style: italic;
}
.prata{
    font-family: 'Prata', serif;
}
.lato{
    font-family: 'Lato', sans-serif;
}
/* backgaround color */
.bg-purple{
    background: #5b1741;
}

/* color */
.gold-font{
    color: #dd9816;
}
.mb-2 {
    visibility:hidden;
}
.purple-font{
    color:#26584f ;
}
.raspct{
    position: relative;
    padding-bottom: 125%;
    width:100%;
    overflow:hidden;
}
.raspct>iframe{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position: top;
}
.raspct>img{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position: top;
    transform:scale(1);
    transition: 3000ms ease-in-out;
    cursor:pointer;
}
.raspct>img:hover{
    transform:scale(1.2);
    transition: 3000ms ease;
}
.fxxs{
    font-size: 12px;
    visibility:hidden;
    display:none;
}
.mt-2{
    cursor:pointer;
}
.my-2{
    cursor:pointer;
}
.fxs{
    font-size: 14px
}
.fs{
    font-size: 16px;
}
.fm{
    font-size: 22px;
    visibility:hidden;
    display:none;
}
.fl{
    font-size: 22px;
}
.big-text{
    font-size:62px;
    line-height:1;
}
/* button purple */
.purple-btn:focus,
.purple-btn{
    background: #26584f;
    padding: .8rem 1.5rem;
    border-radius:5px;
    color: #fff;
    border:2px solid #26584f;
    transition: .3s ease;
    outline: none !important;
}
.purple-btn:hover{
    background: #fff;
    border-radius:5px;
    color: #26584f;
    border:2px solid #26584f; 
    transition: .3s ease; 

}
main{
    background: #fff;
}

main section{
    padding:50px 0;
}
/* ---------------------------------- banner */
/*.right-pull{
    right:-60px;
    z-index:1;
}*/ 
.banner .text{
/*    max-width:444px;
    margin-left:auto; */
}
.banner .text h1{
    font-size: 60px;
    font-weight:bold;
    line-height: 1.6;
} 
.banner .owl-nav{
    display: block !important;
    position: absolute;
    z-index:1;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0%);
}
.banner .control{
    padding:1rem 1.5rem;
    background:#f6f6f6;
    
}
.banner .control i{
    font-size: 20px;
}


/* gift-wrap section / sec-2 */
.mar-si{
/*    margin-top: 80px;*/
}
.mar-do{
    margin-top: 80px;
}





/* ----------gift-banner */
.gift-banner{
    margin: 90px 0;
    background:#f6f6f6;
}
.gift-banner .left-side .link a{
    text-decoration: underline;
    color:#4c4c4c;
    position: relative;
}

.gift-banner .center{
    position: relative;
}
.gift-banner .center img{
    position:absolute;
    width: 80%;
    margin: 0 auto;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
.gift-banner .center button:focus, 
.gift-banner .center button{
    position:absolute;
    bottom: -60px;
    left: 50%;
    transform: translate(-50%, 0);
    background: #fff;
    padding: .8rem 1.5rem;
    border-radius:5px;
    font-size:16px;
    font-weight: bold;
    color: var(--p-color);
    border:2px solid #fff;
    transition: .3s ease;
    outline: none !important;
}
.discount{
    display :contents;
}

  
.gift-banner .center button:hover{
    background: var(--p-color);
    color: #fff;
    border:2px solid #fff;
    transition: .3s ease;
}
/* ----------END-gift-banner */




/* ----------search by price */
.search-price button{
    width:100%;
    font-size:24px;
}



/* ----------gift-banner2 */
.gift-banner2{
    margin: 90px 0;
    background:var(--p-color);
}
.gift-banner2 .big-text{
    max-width: 27pc;
}
.gift-banner2 .gift-banner-right img{
    position:absolute;
    width: 100%;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
.gift-banner2 .gift-banner-left button:focus,
.gift-banner2 .gift-banner-left button{
    background: #fff;
    padding: .8rem 1.5rem;
    border-radius:5px;
    font-size:16px;
    font-weight: bold;
    color: #dd9816;
    border:2px solid #fff;
    transition: .3s ease;
    outline: none !important;
}
.gift-banner2 .gift-banner-left button:active,
.gift-banner2 .gift-banner-left button:hover{
    background: #dd9816;
    color: #fff;
    border:2px solid #fff;
    transition: .3s ease;
}
.shop-occassion .occasions{
    display:flex;
    flex-wrap: wrap;
    gap:10px;
    row-gap: 30px;
    justify-content:center;
    margin-top:40px ;
}
 .occasions .occasion{
    flex:1;
    min-width:270px;
    max-width: 380px;
    display:flex;
    justify-content:space-between;
    height:75px;

}
.occasion .img-sec{
    width:70px;
    position: relative;
}
.occasion .img-sec img{
    position:absolute;
    width:100%;
    bottom:0;
    right:-1.5rem;

}
.occasion .occasion-name p{
    color:#fff;
}
.occasion:hover .occasion-name p{
    color:var(--p-color);
}
/* ----------shop by occasion */

@media screen and (max-width: 1024px){
    .banner .text h1{
        font-size: 40px;
    }
    .gift-banner .center img{
        width: 100%;
    }
}
@media screen and (max-width: 991px){
    .gift-banner{
        margin:40px 0;
    }
    /* .gift-banner .center button{
        bottom: 10px;
    } */
    .gift-banner2{
        margin:  0;
    }
}
@media screen and (max-width: 768px){
    .big-text{
        font-size:50px;
        line-height:1;
    }
    .right-pull{
        right:0px;
        z-index:1;
    }
    .banner .text{
        position: absolute;
        top: 0;
        left: 15px;
        max-width:444px;
        padding: 10px;
        margin-left: 0;
        margin-right:auto;
        background: #ffffffad;
/*        opacity:0.2;*/

    }
    /* gift-wrap section / sec-2 */
.mar-si{
    margin-top: 5px;
}
.mar-do{
    margin-top: 5px;
}

.gift-banner{
    text-align: center;
    margin: 0;
}
.gift-banner .center{
    margin:15px 0;
}
.gift-banner .center img {
    position: relative;
    margin: 0 auto;
    top: 0%;
    left: 0%;
    transform: unset;
}
.gift-banner .center button:focus,
.gift-banner .center button{
    bottom: 60px;
}

.gift-banner2{
    text-align: center;
}
.gift-banner2 .big-text{
    max-width: unset;
}
.gift-banner2 .gift-banner-right{
    margin:15px 0;
}
.gift-banner2 .gift-banner-right img {
    position: relative;
    width: 100%;
    top: 0%;
    left: 0%;
    transform: unset;
}

}
@media screen and (max-width: 425px){
    .banner .text h1{
        font-size: 30px;
    }
    .banner .control{
        padding:.5rem 1rem;
        background:#f6f6f6;
        
    }
    .raspct>img{
        padding-top:100px;
    }
}