@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Montserrat:wght@400;700&display=swap');
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {background: #FAFFFF; }
::-webkit-scrollbar-thumb {background: #75ccd3; border-radius:10px;}
::-webkit-scrollbar-thumb:hover {background: #F27BA3;}
a{ text-decoration:none;}
header.large .navbar-brand{ width:190px; position: absolute; left:110px; top:40px; transition:ease all 1s;}
header.small .navbar-brand{ width:150px; position: absolute; left:10px; top:10px; transition:ease all 1s;}
header.small{ font-size:16px;}
header.large .navbar-brand img{ background:none; padding:0px; transition:ease all 1s;}
header.small .navbar-brand img{ background:#FAFFFF; padding:20px; transition:ease all 1s;}
.feather{ width:26px; height:26px;vertical-align: text-bottom;}
main{ margin-top:100px;}
.banner-scroll{ width:80%;}
.bannertxt{ position:absolute; top:45%; left:8%; max-width:30%; line-height: normal}
.bannertxt big{font-size:60px;}
.secondtxt{font-family: 'Marcellus', serif;}
.flot-dot{ position:absolute; top:0; right:-21px;}
.titleline{ width:40px; height:1px; top:-8px;}
.pdtlstcash{ background:url(../img/rupee.png) no-repeat left; background-size:12px 12px; padding-left:15px;}
.pdt-img{-webkit-box-shadow: 10px 10px 0px 0px rgba(159,213,221,1);-moz-box-shadow: 10px 10px 0px 0px rgba(159,213,221,1);box-shadow: 10px 10px 0px 0px rgba(159,213,221,1); transition:ease all 0.5s;}
.pdt-img:hover{-webkit-box-shadow: 10px 10px 0px 0px rgba(242,123,163,1);-moz-box-shadow: 10px 10px 0px 0px rgba(242,123,163,1);box-shadow: 10px 10px 0px 0px rgba(242,123,163,1);}
.owl-carousel .item{ margin-left:10px; margin-right:10px;}
.owl-next, .owl-prev{ margin:10px;}
.owl-nav{ font-size:12px; font-weight:700; color:#444; text-align:center; margin-top:20px;}
.text-link{padding:12px 30px;-webkit-box-shadow: 5px 5px 0px 0px rgba(159,213,221,1);-moz-box-shadow: 5px 5px 0px 0px rgba(159,213,221,1);box-shadow: 5px 5px 0px 0px rgba(159,213,221,1); transition:ease all 0.5s;}
.text-link:hover{-webkit-box-shadow: 5px 5px 0px 0px rgba(242,123,163,1);-moz-box-shadow: 5px 5px 0px 0px rgba(242,123,163,1);box-shadow: 5px 5px 0px 0px rgba(242,123,163,1); background:#9FD5DD !important;}
.text-link:active{-webkit-box-shadow: 1px 1px 0px 0px rgba(242,123,163,1);-moz-box-shadow: 1px 1px 0px 0px rgba(242,123,163,1);box-shadow: 1px 1px 0px 0px rgba(242,123,163,1);}
.youtube{ width:100%; height:500px;}
.bg-dark{ background:#212128 !important;}
.menu .modal-dialog{ max-width:100%; margin:0;}
.menu .modal-content{ border-radius:0; border-bottom-right-radius:20px; padding:50px; padding-left:100px; box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.20);-webkit-box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.20);-moz-box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.20);}
.menu .btn-close{right:50px; top:15px; z-index:9999; background:none; cursor:pointer;}
.menu h6{ font-size:12px;}
.menu img{ width:60px; opacity:0.4}
.dropdown-toggle::after{ border:none;}
.filter.modal.right .modal-dialog {position: fixed;margin: auto; max-width:420px; height: 100%;-webkit-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0); }	
.filter.modal.right .modal-content {height: 100%;overflow-y: auto; padding:20px; border-radius:0; border-top-left-radius:20px; box-shadow: -5px 1px 8px -4px rgba(0,0,0,0.20);
-webkit-box-shadow: -5px 1px 8px -4px rgba(0,0,0,0.20);-moz-box-shadow: -5px 1px 8px -4px rgba(0,0,0,0.20);}
.filter.modal.right.fade .modal-dialog {right: 0px;-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;-moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out;transition: opacity 0.3s linear, right 0.3s ease-out;}
.filter.modal.right.fade.in .modal-dialog {right: 0;}	
.filter .btn-close{right:50px; top:15px; z-index:9999; background:none; cursor:pointer;}	
.form-check-label, .form-check-input{ cursor:pointer;}
.accordion-item{ border:none; background:none;}
.accordion-button{ background:none; padding:0; margin-top:30px; padding-top:30px;}
.accordion-button:not(.collapsed){ color:inherit; background:none; box-shadow:none;}
.filter .modal-body{padding-bottom:100px;}
.slidecontainer{width: 100%;}
.slider {-webkit-appearance: none;width: 100%;height: 1px;background: #d3d3d3;outline: none;opacity: 1;-webkit-transition: .2s;transition: opacity .2s;}
.slider:hover {opacity: 1;}
.slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 15px;height: 15px;background:var(--bs-body-bg); border:3px solid #F27BA3;cursor: pointer; border-radius:100%;}
.slider::-moz-range-thumb {width: 15px;height: 15px;background:var(--bs-primary);cursor: pointer; border-radius:100%;}
.filter-btm{ z-index:999; border-top-left-radius:20px; border-top-right-radius:20px;}
.filter-btm .btn{ border-radius:50px; padding:20px 120px;}
.accordion-button:not(.collapsed)::after{ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.colour-holder{ width:23px; height:23px; border-radius:100%;}
.colour-container ul li{border:1px solid #FFF; border-radius:100%; padding:4px; width:33px; height:33px;}
.colour-container ul li:hover{border:1px solid rgba(0, 0, 0, 0.25); }
.colour-container ul li.active{border:1px solid rgba(0, 0, 0, 0.25); }
.pdt-detail-btn .btn{ border-radius:50px; padding:20px 120px;}
.pdt-details .card{ border-radius:50px; position:relative; top:-120px;}
.pdt-detail-txt{position:relative; top:-80px;}
.cart .img{ width:80px;} .cart .form-control{ width:60px; padding:0 5px;}
.card{ border-radius:50px;}
.bigbtn{ border-radius:50px; padding:20px;}
.shipping label{ margin-bottom:10px;}
.faq{padding-top:180px;}
.faqholder{ margin-top:50px;}
.dropdown-menu[data-bs-popper]{ left:-40px; border-bottom-right-radius: 20px}
.edit-popup .btn-close {position: absolute;right: 20px;top: 20px;z-index: 9999;}
.modal-backdrop{ display:none;}
.modal.cartpop{  left:auto; right:20px !important; top:30px; font-size:14px;}
.cartpop .btn{border-radius:50px; padding:10px;}
.cartdrop{ left:-230px !important; min-width:300px !important; font-size:12px;}
.cartdrop .pdtlstcash {background-size: 8px 8px;padding-left: 10px;}
.dropcarttext{ white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
@media(max-width:1199px){
header.large .navbar-brand{ width:140px;}
.banner-scroll{ width:55%;}
.bannertxt{top:35%;}
.bannertxt big{font-size:40px;}	
	}
@media(max-width:991px){
header.large .navbar-brand{ width:120px;}
.banner-scroll{ width:65%;}
.bannertxt{top:35%; max-width:50%;}
.bannertxt big{font-size:30px;}
.pdt-details .card{top: auto; margin-top:40px;}
.pdt-detail-txt{top: auto;  margin-top:40px;}	
.mt-5.pt-5{ padding:0 !important; margin-top:40px !important;}
	}
@media(max-width:767px){
header.large .navbar-brand{ width:140px; left:10px; top:10px;}
header.small .navbar-brand{ width:140px; left:10px; top:10px;}
header.large .navbar-brand img{ background:#FAFFFF; padding:20px;}
.banner-scroll{ width:100%;}
.bannertxt{ position:relative; top:40px; left:0; max-width:100%; text-align:center;}
.bannertxt big{font-size:30px;} .bannertxt h6{ margin-top:20px;}
.menu .modal-content{padding:30px; padding-left:60px;}
.inner-title{ margin-left:60px;}
.faq{padding-top:80px;}
   }
@media(max-width:574px){
main{ margin-top:60px;}	
header.large .navbar-brand{ width:120px; left:5px; top:5px;}
header.small .navbar-brand{ width:120px; left:5px; top:5px;}
.menu .modal-content{padding:15px; padding-left:15px;}
.mt-5.pt-5{ padding:0 !important; margin-top:20px !important;}
}
@media(max-width:390px){
.bannertxt h1{font-size:30px !important; line-height:35px;}	
h2{ font-size:20px;}
.ps-5.ms-2{ padding-left:30px !important; margin-left:0 !important;}
.pe-5.me-2{ padding-right:20px !important; margin-right:0 !important;}
.inner-title{ margin-left:60px; padding-top:20px;}
}