/* FONT IMPORT */


/* Google Font */
/* @import url('https://fonts.googleapis.com/css2?family=Italiana&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');


@font-face {
    font-family: 'Italiana';
    src: url('/cdn/shop/files/CooperBlack.woff2') format('woff2'),
         url('/cdn/shop/files/CooperBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}



:root{--white:#fff;--black:#000;--primary:#ff0000;--secondary:#333333;}
html{scroll-behavior:smooth;height:100%;}
body{position:relative;background:#fff;overflow-x:hidden;height:100%;font-family:"Manrope",serif;}
section{position:relative;}
h2,h3{font-family:"Italiana",serif;}
.img-auto{display:block;max-width:100%;margin:0 auto;}
a,button{text-decoration:none!important;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
a:hover,button:hover{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
ul{padding:0;margin:0;list-style:none;}
figure{margin:0;}

/* PRELOADER */
.preLoader{width:100%;height:100%;z-index:1111;display:flex;align-items:center;justify-content:center;position:fixed;top:0;bottom:0;right:0;left:0;}
.preLoader.black{background-color:var(--white);z-index:11113;}
.preLoader.white{z-index:11112;background-color:var(--black);}
/* PRELOADER */

/* NAV HEADER CSS */
header{position:absolute;left:0;right:0;margin:0 auto;z-index:111;top:0;width:100%;padding:1rem 0;transition:0.3s ease-in-out;}
.navbar-collapse{justify-content:space-between;padding:0 3.75rem;align-items:center;}
.socialMedia{display:flex;gap:1.875rem;}
.socialMedia li a{color:var(--white);font-size:1.375rem;}
.navbar-brand{margin:0 0 0 2rem;}
/* !NAV HEADER CSS */

/* Main Banner Css Start */
.mainBanner{background:url(../images/mainBanner.png)center/cover;height:100vh;display:flex;align-items:center;}
.mainBanner:before{content:"";position:absolute;background:var(--black);opacity:50%;inset:0;}
.mainContent{text-align:center;margin-top:8rem;}
.mainContent a{color:var(--white);font-weight:500;border:1px solid var(--white);border-radius:50px;padding:1.0625rem 1.2em;display:inline-block;}
.mainContent a:hover{background:var(--white);color:var(--black);}
.mouseWrp{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);}
.mouseWrp a{border:1px solid var(--white);width:65px;height:auto;aspect-ratio:1;display:grid;place-items:center;border-radius:50px;}
.mouseWrp a:hover{background:var(--black);border-color:var(--black);}
.homePage footer{display:none;}
/* Main Banner Css End */

/* Menu Css Start */
.menu-btn{display:flex;flex-direction:column;gap:0.3rem;transition:0.5s ease;box-shadow:unset!important;align-items:center;justify-content:center;z-index:1111;margin-bottom:2rem;padding:0 0;}
.menu-btn.fixed{left:1.5rem;}
.menu-btn span{display:inline-block;width:20px;height:2px;background-color:#D9D9D9;border-radius:0.4375rem;transition:0.5s ease;}
.menu-list{position:fixed;left:-100%;width:100%;max-width:660px;height:85vh;display:flex;align-items:center;margin:0;padding:0 4rem;transition:0.5s;z-index:2;bottom:0;background:rgb(0 0 0 / 50%);}
.menu-list::before{content:"";position:absolute;top:0;right:0%;width:0;height:100%;background-color:#99c5a5;transition:0.75sease;z-index:-1;opacity:50%;}
.menu-list ul{width:100%;}
.menu-list li{opacity:0;transform:translateX(-100%);transition:0.5s ease;width:100%;}
.menu-list li a{width:100%;display:inline-block;color:var(--white);font-size:1.375rem;padding:6px 2rem;transition:0.5s ease;display:flex;align-items:center;justify-content:space-between;}
.menu-list li a:hover{color:var(--black);background-color:var(--white);}
.menu-open .menu-btn span:nth-child(1){transform:rotate(45deg) translate(0px,2px);}
.menu-open .menu-btn span:nth-child(2){width:0;opacity:0;}
.menu-open .menu-btn span:nth-child(3){transform:rotate(-45deg) translate(7px,-9px);}
.menu-open .menu-list{left:0;}
.menu-open .menu-list::before{width:100%;}
.menu-open .menu-list li{opacity:1;transform:translateX(0);}
/* Menu Css End */

/* Inner Css Start */
.innerPage .socialMedia li a{color:var(--black);}
.innerPage .menu-btn span{background-color:var(--black);}
.innerPage header{position:static;}
.productHeading h2{text-align:center;color:var(--black);font-size:3.625rem;}
.productTabs ul{justify-content:center;gap:5rem;}
.productTabs .nav-pills .nav-link{background:unset;border:unset;color:var(--black);text-transform:capitalize;font-size:1rem;font-weight:500;outline:unset;border-radius:unset;border-bottom:1px solid transparent;padding:0 0 4px 0;}
.productTabs .nav-pills .nav-link.active,.nav-pills .show>.nav-link{outline:unset!important;box-shadow:unset!important;border-color:var(--black);}
.productTabs{margin:3rem 0 5rem 0;}
.filterWraps{display:flex;gap:2rem;margin-bottom:2rem;}
.filterWraps span{color:rgb(0 0 0 / 75%);}
.filterWraps select{border:unset;width:110px;color:rgb(0 0 0 / 75%);outline:unset;}
.filterFlex{justify-content:end;}
.productWraps img{width:100%;}
.productWraps span{display:block;text-align:center;color:var(--black);text-transform:capitalize;margin:1.2rem 0 3rem 0;font-size:1.125rem;}
.productPagination .pagination{justify-content:center;gap:1rem;}
.productPagination .page-link{border:unset;color:var(--black);font-size:1.25rem;}
.prodcutInner{padding-bottom:4rem;}
footer{background:#ffffff;padding:5rem 0;position:relative;}
.footerLinks{display:flex;justify-content:center;gap:3rem;margin-bottom:1rem;}
.footerLinks li a{color:var(--white);text-transform:capitalize;font-weight:500;}
.footerLinks li a:hover,.socialLinks li a:hover{opacity:0.5;}
.footLogo{margin-bottom:2.5rem;display:block;}
.socialLinks{display:flex;justify-content:center;gap:2rem;margin-top:2.5rem;}
.socialLinks li a{color:#171717;font-size:1.375rem;}
.number{border:1px solid #00000033;display:inline-block;padding:0.625rem 1rem;border-radius:5px;display:flex;width:fit-content;margin-top:0.625rem;}
.minus,.plus{display:inline-block;vertical-align:middle;text-align:center;font-size:1.5rem;width:20px;}
.number input{height:34px;width:100px;text-align:center;font-size:1.25rem;border:none;border-radius:4px;display:inline-block;vertical-align:middle;background:transparent;}
.productdetailInner{padding:6.875rem 0 3.75rem 0;}
.productText h2{color:var(--black);font-size:2.25rem;margin-bottom:1.5rem;}
.productText h4{color:var(--black);font-size:1.125rem;}
.productText p{color:var(--black);opacity:75%;margin-bottom:2px;}
.productText p a{opacity:85%;color:var(--black);font-weight:500;text-decoration:underline!important;}
.productText p span{font-weight:bold;}
.shops{display:flex;align-items:center;gap:5px;}
.shops a{color:var(--black);opacity:75%;text-decoration:underline!important;}
.sizes span{color:var(--black);margin:0.625rem 0;display:block;}
.productText p+p{margin-top:1rem;}
.sizes ul li a{color:var(--black);border:1px solid var(--black);padding:8px 1.5em;border-radius:50px;display:inline-block;}
.sizes ul{display:flex;gap:0.75rem;}
.sizes ul li a:hover{background:var(--black);color:var(--white);}
.quantity{margin-top:1rem;display:block;}
.quantity span{color:var(--black);display:block;}
.detailsBtns a{display:block;}
.btn1{color:var(--black);border:1px solid var(--black);border-radius:50px;padding:0.75rem 3rem;max-width:280px;text-align:center;margin-bottom:0.625rem;}
.btn1:hover{background:var(--black);color:var(--white);}
.btn2{background:#5433EB;border-radius:50px;padding:0.75rem 2em;max-width:280px;text-align:center;color:var(--white);}
.btn2:hover{color:var(--white);}
.payment{color:var(--black);text-decoration:underline!important;margin:1rem 0 2rem 0;}
.payment:hover,.share:hover{color:var(--black);}
.share{color:var(--black);display:flex!important;align-items:center;gap:0.625rem;font-weight:600;margin-bottom:1rem;}
.detailsBtns{margin-top:1.5rem;}
.detailsBtns p{width:44%;}
.productText{margin-left:1rem;}
.productSect{background:#E3E3D6;padding:6.875rem 0 5rem 0;}
.productSect h2{color:var(--black);text-transform:capitalize;font-size:1.375rem;margin-bottom:1.5rem;}
.aboutInner,.contactInner{padding:4rem 0;}
.aboutContent h2{font-size:3rem;color:var(--black);}
.aboutContent p{color:var(--black);line-height:1.85;}
.contactBox{background:#F9F8F9;padding:5rem 6.25rem 6.25rem 6.25rem;}
.contactBox h2,.aboutInner h2{text-align:center;margin-bottom:1.5rem;font-size:3rem;color:var(--black);}
.contactBox p{text-align:center;color:#0E0C0C;font-weight:300;margin-bottom:2.5rem;}
.contactForm label{color:#283646;font-family:'Playfair Display';font-weight:500;}
.contactForm .form-control{outline:unset;box-shadow:unset;border:1px solid #ECEEF0;background:var(--white);border-radius:unset;color:#8C949D;padding-left:1rem;}
.contactForm input{height:60px;}
.contactForm textarea{height:220px;resize:none;padding-top:1rem;}
.contactForm .form-group{margin-bottom:1.5rem;}
.contactForm button{background:var(--black);color:var(--white);border:unset;outline:unset;display:inline-block;padding:0.875rem 2em;}
.aboutInner h2{text-align:center;}
/* Inner Css End */

/* accordion css */
.accordian{margin-top:2rem;}
.accordian li{margin-bottom:1.5625rem;border:1px solid var(--black);border-radius:12px;}
.accordian li h4{color:var(--white);font-size:1.125rem;padding:1.4rem;position:relative;cursor:pointer;background-color:var(--black);border-radius:12px;margin:0;line-height:1.3;}
.accordian h4::after{content:"\f067";font-family:"Font Awesome 5 Pro";font-size:1.25rem;position:absolute;top:1.5625rem;right:2.1875rem;line-height:normal;transition:all 0.3s ease-in-out;}
.accordian p{margin:0;color:#869289;font-weight:400;margin-bottom:0.625rem;font-size:1rem;}
.accordian li>div{display:none;background:#fff;border-radius:0 0 10px 10px;padding:1rem;}
.accordian li.active h4::after{content:"\f068";}
.accordian li.active{border-color:var(--black);background:var(--black);}
.accordian li.active h4{color:var(--black);background:var(--black);color:#fff;}
.accordian li.active>div{background:var(--black);}
.accordian li.active>div p{color:#fff;}

/* accordian End */
img.img-fluid.ImageTwo {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.productWraps figure:hover img.img-fluid.ImageTwo {
    opacity: 1;
}

.productWraps figure{position:relative;overflow:hidden;}
.productWraps figure img{transition:0.7s ease;}
.roleback{border-radius:5px;display:grid;place-items:center;color:var(--white);font-size:1rem;border:1px solid var(--black);background-color:var(--black);width:50px;height:50px;position:fixed;bottom:1rem;z-index:1;right:2rem;}
.roleback:hover{background-color:var(--white);color:var(--black);}
.copyRight p{color:#171717;font-size:1.125rem;margin:2rem 0 0 0;}
.dropdownHover{display:none;transition:all 0.5s ease;}
.dropitem.active .dropdownHover{display:block;}