@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rajdhani:wght@300;400;500;600;700&display=swap') ;











body{



font-family: "Montserrat", sans-serif;



}















.nav-pickndrop{







  background: #fdfdfd !important;







  -webkit-box-shadow: 0 8px 6px -6px #999;







  -moz-box-shadow: 0 8px 6px -6px #999;







  box-shadow: 0 8px 6px -6px #999;







}











.order-btn {



  text-align: center;



  padding: 10px 20px;



  text-decoration: none;



  color: #fff;



  font-weight: normal;



  -webkit-border-radius: 10px;



  -moz-border-radius: 10px 0;



  border-radius: 0px;



  top: 50%;



  position: fixed;



  right: -63px;



  z-index: 1000;



  transform: translateY(-50%) rotate(-90deg);



  font-size: 16px;



  padding: 6px 20px 35px;



  height: 0px;



  margin-top: -67px;



  cursor: pointer !important;



  z-index: 999;



  background: #2eadaf;



  box-shadow: 0px 0px 15px -3px rgb(0 0 0 / 47%);



  border-radius: 0px;



  overflow: hidden;



}



.buttom-checkout-div{



    position: fixed;



    bottom: 0px;



    width: 100%;



    left: 0px;



    background: #41d0d2;



}







.buttom-checkout-div button{background: #ffffff !important;



    color: #000 !important;



    font-size: 19px;



    font-weight: 600;



    padding: 5px 20px;



    border-radius: 100px !important;







}



.mobile-catg-div{



  background: #7eb4b2;



  padding: 10px;



}



.bg-custom-1{







  background: #1d3647 !important;







  color: white !important;







}







.bg-custom-2{







  background: #48D8D3 !important;







  color: white !important;







}



.br-0{



  border-radius: 0px !important;



}







.text-color-1{



      color:#2eb5b7 !important;



    font-size: 26px !important;



}







.text-right{



  text-align: right !important;



}























@media only screen and (max-width : 1300px){















}







@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {



 .flt_info{    bottom: 110px!important;



 }



}







@media (orientation: portrait) {



 .flt_info{    bottom: 110px!important;



 }



}







@media screen and (max-width: 1024px) {



 .flt_info{    bottom: 110px!important;



 }



}































.font-120ps{







  font-size: 120%;







}







.fw-b{







  font-weight:inherit !important;







}







.button-transparent-border-0{







  background: transparent;







  border: 0px;







}







.overflow-hidden{







  overflow: hidden;







}







.text-align-right{







  text-align: right;







}







.text-align-left{







  text-align: left;







}















.card-flat{







  border-radius: 0px !important;







  -webkit-box-shadow: 0 8px 6px -6px #999;







  -moz-box-shadow: 0 8px 6px -6px #999;







  box-shadow: 0 8px 6px -6px #999;







}















.button-custom-1{







  background: #1d3647 !important;







  color: white !important;







}







.button-custom-1:disabled{







  background: #396b8d !important;







  cursor: no-drop !important;







}







.button-custom-2{







  background: #48D8D3 !important;







  color: white !important;







  border-radius: 0px !important;



}







.button-custom-2:disabled{







  background: #79f1ed !important;







  color: white !important;







  border-radius: 0px !important;







}















.float-left{







  float: left !important;







}







.float-right{







  float: right !important;







}















button:disabled{







  cursor: no-drop !important;







}















.ngx-div{







  background: #d1f3f3;







  padding: 15px;







}







.d-flex-justify-center{



  display: flex !important;



  justify-content: center !important;



}







.item-inactive{

    background: #e7f7f7 !important;

    cursor: not-allowed !important;

    border: none !important;

    margin-bottom: 5px;



}







.item-cart-sum-hd{



  background: #17c2c5 !important;



  color: white !important;



}



/* COMMON CSS */







































.catg-box{



    cursor: pointer;

    padding: 10px;

    width: 100%;

    background: #ffffff;

    color: black;

    font-weight: 600 !important;

    margin-bottom: 5px;

    font-size: 17px;

    min-height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    line-height: 17px;

    border: 1px solid #44ced0;







}







.catg-active{



     cursor: pointer;

    padding: 10px;

    width: 100%;

background: #00afa9;

    color: black;

    font-weight: 600 !important;

    margin-bottom: 5px;

    font-size: 17px;

    min-height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    line-height: 17px;

    border: 1px solid #44ced0;

	color:#fff!important;





}







.pdt-card-footer{







  border: 0px !important;







  background: transparent !important;







}







.add-to-basket-button{







    margin-top: 5px;







    letter-spacing: inherit;



    font-weight: bold;



    color: #fff !important;



    cursor:pointer !important;



    font-weight: 600 !important;



    background: #41d0d2 !important;



    border-radius:2px !important;







}



.add-to-basket-button i{    color: #8fff00!important;











}



.add-to-basket-button:hover{







  margin-top: 5px;















  font-weight: bold;







  background: #48D8D3 !important;







  color: white !important;







}















.navbar-nav-scroll{



overflow:inherit!important;



}







.added-to-basket-button{



margin-top: 5px;







    letter-spacing: inherit;



    font-weight: bold;



    color: #fff !important;



    cursor: no-drop !important;



    font-weight: 600 !important;



    background: #1dbbbd !important;



    border-radius: 0px !important;







}















.cart{







  .cart-backdrop{







    background: rgb(133, 133, 133);







    opacity: 0.5;







    position: fixed;







    top:0px;







    left:0px;







    width: 100%;







    height: 100vh;







    z-index: 99999;







  }







  .cart-body{







    position: fixed;







    top: 0px;







    right: 0px;







    width: 25%;







    height: 100%;







    background: white;







    z-index: 9999999;







  }







  .cart-icon{







    position: fixed;







    top: 30%;







    right:25%;







    z-index: 99999999;







    animation-name: cart-animation;







    animation-duration: 0.5s;







    .cart-icon-pad{







      padding: 30px;







      background: #48D8D3 !important;







      color: white;







      border-radius: 50%;







      cursor: pointer;







    }







  }







}







@keyframes cart-animation {







  from {right:0%;}







  to {right:25%;}







}























.cart-collapsed{







  .cart-body{







    display: none;







  }







  .cart-icon{







    position: fixed;







    top: 30%;







    right:0%;







    z-index: 99999;







    animation-name: cart-collapsed-animation;







    animation-duration: 0.5s;







    .cart-icon-pad{







      padding: 30px;







      background: #48D8D3 !important;







      color: white;







      border-radius: 50%;







      cursor: pointer;







    }







  }







}







@keyframes cart-collapsed-animation {







  from {right:25%;}







  to {right:0%;}







}























.cart-head{







  text-align: center;







  padding: 10px;







  background: #fdfdfd !important;







  -webkit-box-shadow: 0 8px 6px -6px #999;







  -moz-box-shadow: 0 8px 6px -6px #999;







  box-shadow: 0 8px 6px -6px #999;















  .close-button{







    float: right;







  }







}







.cart-body{







  overflow-y: auto;







  min-height: 300px;







}







.cart-footer{







  position: absolute;







  bottom: 0px;







  padding: 10px;







  background: #1e3747 !important;







  color: white;



  z-index:99;







}







.cart-input-qty{







  width: 30px !important;







}















.checkout-process-div{







  opacity: 1;







  animation-name: checkout-process-div-animation;







  animation-duration: 1s;







}







@keyframes checkout-process-div-animation {







  from {opacity: 0;}







  to {opacity: 1;}







}















.progress-ribbon{







  background: rgb(255,255,255);







  background: linear-gradient(90deg, rgba(255,255,255,1) 8%, rgba(72,216,211,1) 9%, rgba(93,220,216,1) 91%, rgba(255,255,255,1) 92%);







  height: 10px; position: absolute; top:50%; left:0px; z-index: 999;







}







.progress-circle{







  z-index: 9999;







}







.progress-icon{







  box-shadow: 0px 0px 8px 2px #0b0b0b4f !important;







  border-radius: 50%;







  background: #f7f7f7;







  height: 100px;







  width: 100px;







  display: flex;







  align-items: center;







  justify-content: center;



  }







  .progress-icon-container{







    background: #fff;







    padding: 20px;







    border-radius: 50%;







    height: 80px;







    width: 80px;







    display: flex;







    align-items: center;







    justify-content: center;







  }







  .progress-icon-container-active{







    background: #48D8D3;







    padding: 20px;







    border-radius: 50%;







    height: 80px;







    width: 80px;







    display: flex;







    align-items: center;







    justify-content: center;







  }















  .checkout-process-div{







    background:rgba(155, 25, 25, 0.14) !important;







  }















#minusBtn{background: #008580;



    color: #fff;



    border: none;



}











#plusBtn{background: #008580;



    color: #fff;



    border: none;



}







#quantityInput{



  background: transparent;



}











.cart-items-display{height: 70vh;



    overflow-y: auto;







}







.input-cust{



    border: 1px solid #b5b5b5!important;



    border-radius: 0px!important;







}











.sticky-top{



z-index:99999!important;



}











.pdt-img-crd img{     margin-bottom: 0px;

    height: 110px;



}







.card-body h5{       background: #ffffff;



    color: #000;



    display: table;



    margin: auto;



    padding: 7px 20px;



    border-radius: 100px;



    font-size: 17px;



    border: 1px solid #ffffff;







}







.order-page-section{padding-bottom: 50px;







}







.navbar-expand-lg .navbar-nav .nav-link{    background: #2ec1c3;



    color: #fff;



    margin: 0px 3px;



    border: 1px solid #fff;



    border-radius: 5px;



    padding: 6px 0px;



}







.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{    color: #fff!important;



    background: #717171;







}







.subs-card{   background-image: linear-gradient(to top, #2ec1c3, #58d0d2, #cafeff, #ffffff, #ffffff);



    border: none!important;



    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0)!important;



    border: 2px solid #c4feff!important;



    border-radius: 10px;



    overflow: hidden;







}







.subs-card h2{font-size: 24px;



    font-weight: 800;



    color: #008d8f;







}











.subs-card h3{    font-size: 22px;







}







.pkg-order-button3{     background: #008d8f;



border: 2px solid #008d8f;


    line-height: 22px!important;




}







.list-group-item select{



    word-wrap: normal;



    padding: 4px 10px;



    font-weight: 600;



    background: #e8ffff;



    font-size: 21px;



    border: 1px solid #17c2c5;



}















.modal-dialog{



    margin: 150px auto!important;



}



















 @media only screen and (min-width: 960px) and (max-width: 1199px) {











.navbar-expand-lg .navbar-nav .nav-link{padding: 6px 10px;



}







 .cart-body{



 width: 95%!important;



     height: 86%!important;



 }







.cart-items-display{



    height: 367px;



    overflow-y: auto;



}







.cart-icon {



    position: fixed;



    top: 58%;



    right: 58%;



}







.add-to-basket-button{



font-size: 14px!important;



}







.added-to-basket-button{



font-size: 14px!important;



}







 }



@media only screen and (min-width: 768px) and (max-width: 999px){







.navbar-collapse {







    position: fixed!important;



    width: 100%!important;



    top: 70px!important;



    left: 0px!important;



}











.navbar-expand-lg .navbar-nav .nav-link{padding: 6px 10px;



}







 .cart-body{



 width: 95%!important;



     height: 86%!important;



 }







.cart-items-display{



    height: 367px;



    overflow-y: auto;



}







.cart-icon {



    position: fixed;



    top: 58%;



    right: 58%;



}







.add-to-basket-button{



font-size: 14px!important;



}







.added-to-basket-button{



font-size: 14px!important;



}







}







@media only screen and (min-width: 480px) and (max-width: 767px){















.navbar-collapse {







    position: fixed!important;



    width: 100%!important;



    top: 70px!important;



    left: 0px!important;



}











.cart-icon-pad{padding: 20px!important;











}







.cart-icon {



    position: fixed!important;



    top: 89%!important;



    right: 25%!important;



	}



















#minusBtn {







width: 26px;



    padding: 0;



    font-size: 23px;



}



#plusBtn{



width: 26px;



    padding: 0;



    font-size: 23px;



}



















.navbar-expand-lg .navbar-nav .nav-link{padding: 6px 10px;



}







 .cart-body{



 width: 95%!important;



     height: 86%!important;



 }







.cart-items-display{



    height: 367px;



    overflow-y: auto;



}







.cart-icon {



    position: fixed;



    top: 58%;



    right: 58%;



}







.add-to-basket-button{



font-size: 14px!important;



}







.added-to-basket-button{



font-size: 14px!important;



}







}











@media only screen and (max-width: 479px){















.navbar-collapse {







    position: fixed !important;



    width: 100%!important;



    top: 70px!important;



    left: 0px!important;



}















 .col-6{



 width:100%!important;







 }







.cart-icon-pad{padding: 20px!important;











}







.cart-icon {



    position: fixed!important;



    top: 89%!important;



    right: 25%!important;



	}















#minusBtn {







width: 16px;



    padding: 0;



    font-size: 23px;



}



#plusBtn{



width: 16px;



    padding: 0;



    font-size: 23px;



}











.order-page-section{



padding-bottom: 0px!important;



}







h5{



    font-size: 13px!important;



}







h4{



font-size: 21px!important;



}



.progress-icon{



height: 60px!important;



    width: 60px!important;







}







.progress-icon-container{



height: 60px!important;



    width: 60px!important;



}



.progress-icon-container-active{



height: 60px!important;



    width: 60px!important;



}











.navbar-expand-lg .navbar-nav .nav-link{padding: 6px 10px;



}







 .cart-body{



    width: 95% !important;



    height: 86%!important;



 }







.cart-items-display{



    height: 367px;



    overflow-y: auto;



}







.cart-icon {



    position: fixed;



    top: 58%;



    right: 58%;



}







.add-to-basket-button{



font-size: 14px!important;



}







.added-to-basket-button{



font-size: 14px!important;



}











}







footer{







}







footer ul li a{



text-decoration:none!important;



}



.bg-dark {



    background-color: #191919 !important;



}







footer img {



    max-width: 100%;



    height: auto;



    vertical-align: top;



}







.text-secondary-footer {



    color: #41d0d2 !important;



}







.list-style03 li {



    margin-bottom: 15px;



}







.list-style03 li a {



    color: rgba(255, 255, 255, 0.6);



}



.list-style03 li a:hover{



background:none;



text-decoration:none;







}



.social-icon-style01 li a {



    font-size: 16px;



    background: #41d0d2;



    color: #fff;



    height: 36px;



    width: 36px;



    line-height: 36px;



    display: inline-block;



    text-align: center;



}







.footer-logo {



    max-width: 214px;



    width: 100%;



    display: inline-block;



}











.order-page-section h3{font-size: 45px;



    font-weight: 700;



    display: table;



    margin: 30px auto;



    padding: 5px 80px;



    border-bottom: 1px solid #e2e2e2;



    width: 100%;



}







.pdt-img-crd {    height: 179px;



    overflow-y: hidden;







}







.or-div{



    background: #2cd6d9;



    display: table;



    margin: auto;



    color: #fff;



    width: 40px;



    height: 40px;



    line-height: 40px;



    border-radius: 100px;



    margin-top: 18px;



    font-weight: 700;







}







.email-login-diag{    font-size: 21px;



    color: #000;



    font-weight: 600;



    margin-bottom: 32px;







}







.login-form {        background: #f6ffff;

    padding: 20px;

    border: 1px solid #41d0d2;







}







.forgot-password-div a{font-size: 20px !important;



    color: #ff0000 !important;



    font-weight: 600;







}







.signup-text-div a{font-size: 20px !important;



    color: #000 !important;



    font-weight: 600;



}







.order-summary-table-atpayment td{    color: #000!important;



    font-weight: 700!important;







}







.pt-50 {



    padding-top: 50px;



}











.mb-1-9, .my-1-9 {



margin-bottom: 1rem;



}







.social-icon-style01{



display:none;







}















.mobile-catg-div{







background: #41d0d2;



    font-size: 18px;



    font-weight: 700;



    color: #fff;



    padding-top: 3px;



    text-align: center;



	}























  .order-sum-float-btn {



    text-align: center;



    text-decoration: none;



    top: 50%;



    position: fixed;



    right: -50px;



    z-index: 1000;



    transform: translateY(-50%) rotate(-90deg);



    margin-top: -24px;



    cursor: pointer !important;



    z-index: 99999999;



    box-shadow: 0px 0px 15px -3px rgb(0 0 0 / 47%);



}





.card-header{background: #41d0d2;

    display: flex;

    align-items: center;

    color: #fff;



}



.heading-left-div{ font-size: 19px;

}



.heading-left-div .text-color-1{



font-size: inherit !important;

    color: #fff !important;

}







.card-header{    background: #41d0d2 !important;

    display: flex;

    align-items: center;

    color: #fff !important;



}





.heading-left-div{

margin-bottom:0px;

}



.card{    border: 1px solid #41d0d2!important;



}



.form-control{    border: 1px solid #48D8D3 !important;

}



.list-group-item{

    border-left: none !important;

    border-right: none !important;

    border-top: none !important;

	}





.form-control:disabled {

    background-color: #eafffe!important;



	}

.btn{

padding: 6px 10px!important;



}



.card-footer{



}



.h3, h3{

font-weight: normal;

}



.signup-text-div{    margin-bottom: 40px;



}

.input-group-text{

    background: #41d0d2!important;

    color: #fff!important;

	}



.login-form .btn{

    border-radius: 3px !important;

    width: 200px;

}



.act_rate_b{
color:red!important;
}

.act_rate_small{
    font-size: 21px;
    font-weight: 600;

}

 @media only screen and (min-width: 960px) and (max-width: 1199px) {







 }

@media only screen and (min-width: 768px) and (max-width: 999px){

.card-header{



}

 .heading-left-div {

    font-size: 16px!important;

}



.h3, h3 {

    font-size: 21px;

}



h3 span{

font-weight:normal!important;

font-size:inherit!important;



}



.order-sum-float-btn{



top: 57% !important;

        padding: 4px 12px !important;



}



.btn-close{

position: absolute;

    right: 10px;

    color: #fff !important;

}



.pdt-img-crd img{

height:inherit!important;

}





}



@media only screen and (min-width: 480px) and (max-width: 767px){



	.card-header{



}

 .heading-left-div {

    font-size: 16px!important;

}



.h3, h3 {

    font-size: 21px;

}



h3 span{

font-weight:normal!important;

font-size:inherit!important;



}



.order-sum-float-btn{



top: 57% !important;

        padding: 4px 12px !important;



}



.btn-close{

position: absolute;

    right: 10px;

    color: #fff !important;

}



.pdt-img-crd img{

height:inherit!important;

}





}





@media only screen and (max-width: 479px){

.card-header{



}

 .heading-left-div {

    font-size: 16px!important;

}



.h3, h3 {

    font-size: 21px;

}



h3 span{

font-weight:normal!important;

font-size:inherit!important;



}



.order-sum-float-btn{



top: 57% !important;

        padding: 4px 12px !important;



}



.btn-close{

position: absolute;

    right: 10px;

    color: #fff !important;

}



.pdt-img-crd img{

height:inherit!important;

}













}