:root {
    --primary:#0169fd;
    --secondary:#ffc416;
    --secondary_dark:#4d1b4a;
    --accent_color:#5329af;
    --accent_color_dark:#461691;
    --main_green: #039556;
    --main_yellow: #eaff01; 
    --dark_yellow: #fdae16; 
    --font_gray: #4f4f4f; 
    --font_rounded:"Nunito", sans-serif;
    --font_tilted:"Caveat", cursive;
}
ul, ol {
    list-style-type: disc;
}
.slider_area{
    background:linear-gradient(to right, #000000, #1b0047);
    padding:60px 0px;
}
#g-recaptcha-contactForm{
    margin-top:15px
}
.font_tilted{
    font-family: var(--font_tilted);
}
.flex-direction-column{
    flex-direction: column;
}
.ph-md-100{
    padding-left:100px;
    padding-right:100px;
}
.page-icon{
    width:75px
}
.font_rounded{
    font-family: var(--font_rounded);
}
.slider_title{
    font-size: 80px;
    font-family: var(--font_rounded);
    font-weight: 900;
    line-height: 83px;
}
.mission_text p{
    color:#d6d0d0 !important
}
.form-control{
    border-radius:10px !important;
}
.form-input label{
    font-size: 14px;
    margin-top:8px;
    margin-bottom:5px;
}
.carousel-control-prev{
    left: -70px !important;
    background:#ba68e3;
    border: 2px solid #ad4ddc !important;
    width:40px !important;
    font-size:20px !important;
    color:white !important;
}
.carousel-control-next{
    right: -70px !important;
    background:#ba68e3;
    width:40px !important;
    font-size:20px !important;
    color:white !important;
    border: 2px solid #ad4ddc !important;
}

.pagination .disabled a{
    color:gray !important
}
.pagination .active a , .pagination .active span{
    background:#a14c9d !important;
    color:white !important;
}
.pagination li a{
    position: relative;
    display: block;
    padding: 1rem 1.3rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #973492;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.pagination li span{
    position: relative;
    display: block;
    padding: 1rem 1.3rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #7848f7;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.overflow-scroll{
    overflow:scroll !important;
}
.section_top_margin{
    margin-top:-150px
}
.section-title .title{
    font-weight:bold !important;
    font-size:40px !important;
}
.single_post_card .blog-img-box{
    max-width: 100%;max-height: 100%;overflow: hidden;border-radius: 15px 15px 0px 0px;
}
.video_card .blog-img-box{
    max-width: 100%;max-height: 190px;overflow: hidden;border-radius: 15px 15px 0px 0px;
}
.single_post_card {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.single_post_card img{
    border-radius: 15px 15px 0px 0px;
}
.blog-post-img-box{
    max-height: 230px;
    min-height: 230px;
    overflow: hidden;
}
/* .blog-post-img-box img{
    min-width: 100%;
    max-width: 100%;
    min-height: 230px;
    overflow: hidden;
} */
.hide{
 display:none;
}
.font-size-12{
    font-size:12px
}
.font-size-32{
    font-weight: bold !important;
    font-size:32px !important
}
.navbar-toggler{
    padding: 5px 7px;
}
.carousel-indicators{
    display:none
}
.flash-box{
    position: fixed;
    top: -100px;
    width: 100%;
    padding:10px;
    transition: 0.5s ease;
}
.flash-box.show{
    top: 15px;
}
.vendor-section{
    position: relative;
    align-items:center;
}
.vendor_thumb{
    margin:5px;
    padding:10px 15px;
    text-align:center;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075);
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0.8rem;
}
.vendor_thumb_sm{
    padding:10px 15px;
    text-align:center;
    margin:auto;
}
.vendor_thumb p{
    margin-top:6px
}
.vendor_thumb_sm p{
    margin-top:6px
}
.vendor_thumb img{
    width: 70px;
    margin:auto
}
.vendor_thumb_sm img{
    width: 70px;
    margin:auto
}
.vendor_container{
    border: 2px solid #e4e4e4;
    border-width: 0px 0px 0px 2px;
    padding-left: 10px;
}
.flash-danger{
    width:fit-content;
    transition:2s;
    color: #ffffff;
    padding:.75rem 1.25rem;
    margin:auto;
    background-color: #ff4444ed;
    border-radius: 8px;
}
.flash-success{
    width:fit-content;
    transition:2s;
    color: #ffffff;
    padding:.75rem 1.25rem;
    margin:auto;
    background-color: #009e35f7;
    border-radius: 8px;
}
.yellow-btn{
    width: 100%;
    background: var(--dark_yellow);
    border-radius: 17px;
    border: 0px;
    padding: 17px 0px;
}
.btn-number{
    padding: 0px;
    height: 35px;
    width: 35px;
}
.green-btn{
    width: 100%;
    background: var(--main_green);
    border-radius: 19px;
    border: 0px;
    color: white;
    cursor: pointer;
    padding: 17px 0px;
}
.bg-none{
    background:none;
}
.product-section{
    padding:0px 100px;
}
.rating-badge{
    background: #7BC140;
    color: white;
    width: fit-content;
    padding: 0px 12px;
    border-radius: 50px;
    font-size: 12px;
}
.product-color-item{
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: gray;
}
.product-size-item{
   border:1px solid gray;
   padding:5px 10px;
    cursor: pointer;
}
.clr_selected {
      border: 2px solid #ff409c; /* Change the border color to red when clicked */
}
.size_selected {
     background:#049556;
     color:white;/* Change the border color to red when clicked */
}
.product-desc{
    font-size: 13px;
    font-weight: 300;
    color: #949494;
}
.ml-md-175{
    margin-left:175px
}
.ml-md-100{
    margin-left:100px
}
.mr-md-100{
    margin-right:100px
}
.product-box{
    min-width:230px;
    max-width:230px;
}
.product_price_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product_image_box{
    max-height: 220px;
    max-width: 240px;
    overflow:hidden
}
.product-price{
    float:right;
    font-weight: 600;
    font-size: 14px;
    color:#ff2222;
}
.product-price-lg{
    color:#ff00a2;
}
.product-price-cart-lg{
    color:#ff00a2;
    text-align: right;
}
.product-sub-price{
    text-decoration:line-through
}
.cart-counter{
    background: #f44c4cf5;
    color: white;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    right: 3px;
}
.cart-rounded{
    position: fixed;
    right: 26px;
    background: white;
    bottom: 20px;
    border-radius: 15px;
    padding: 12px;
    box-shadow: 0 0.5rem 1rem #cfcfcf59 !important;
    z-index:1;
}
.privacy_policy ul li{
    margin:12px 0px 0px 20px;
    font-size:14px
}
.terms_and_conditions ul li{
    margin:12px 0px 0px 20px;
    font-size:14px
}
.tabs-dropdown-modal-text{
    margin-top:5px;
    padding:10px;
    cursor:pointer;
    color:#606060;
    transition:0.5s;
}
.tabs-dropdown-modal-text:hover{
    color:var(--main_green);;
    font-size:20px;
    font-weight:bold;
}
.menu_btn{
    position: absolute;
    right: 20px;
    top: 20px;
    background: linear-gradient(#472bb9, #a960cd);
    padding: 4px 4px;
    border-radius: 51px;
    cursor: pointer;
    border: 4px solid white
}
.category_item{
    transition:0.4s;
    cursor:pointer;
    color:black;
}
.category_item:hover{
    color:var(--primary);
    font-size:20px;
    font-weight:bold;
}
.user-avatar{
    border: 4px solid white;
    border-radius:50px;
}
.loader-box{
    height: 100vh;
    position: absolute;
    top: 0;
    background: #c8caff;
    width: 100%;
    margin: auto;
    justify-content: center;
    display: flex;
    z-index: 100;
    align-items: center
}
.flex-1{
    flex:1
}
.footer-text span{
    font-size:14px
}
.border-radius-20{
    border-radius:20px;
}
.border-radius-100{
    border-radius:20px;
}
.modal-dismiss-btn{
    float: right;
    font-size: 15px;
    background: red;
    color: white;
    padding: 3px 7px;
    font-weight: bold;
    border-radius: 50px;
}
#modal-description{
    font-size:14px;
    color:#525252;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    box-shadow: 0 0.125rem 0.45rem rgba(0,0,0,.075);
    background-color: #fff;
    background-clip: border-box;
    border:0px;
    border-radius: 0.8rem;
}
.payment-opt{
    text-align: center;
    padding: 10px;
    border: 2px solid #e3e5e6;
    border-radius: 10px;
    cursor:pointer
}
.payment-opt:hover{
    background:#11a1635e;
}
.active-payment{
    background:#11a1635e;
}
.cart-product-text {
    font-weight: 500;
    color:var(--font_gray);
}
.cart_item_photo_box{
    max-height: 65px;
    max-width: 65px;
    overflow: hidden;
    border-radius: 10px;
}
.cart-item-remove-btn{
    position: absolute;
    top: -10px;
    right: 0px;
    font-weight: bolder;
    font-size: 1.2rem;
    color: white !important;
    background: red;
    border-radius: 50px;
    opacity: 1;
    padding: 0px 8px;
}
.cart-form{
    background:#9fb2c336
}
.cart-form h1,h2,h3,h4,h5,h6{
    color:black
}
.no-link-banner{
    padding:0px 5px;
}
.dashboard-menu-item{
    border-radius: 18px;
    padding: 12px 16px;
    color:black;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-item-text{
font-weight:500;
font-size:20px
}
/* Font Size */
.font-12{
    font-size:12px;
}
/* Link Tabs Styling Start */
.tab-box{
    max-width: 100%;
    overflow: auto;
    padding: 8px 0px;
    margin:auto;
    width:fit-content;
    display:flex;
}
.tab-item{
    border-radius: 8px;
    padding: 5px 16px;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-text{
    color:white;
    width:max-content;
}
.link-item{
    width: 100%;
    border-radius: 15px;
    background: white;
    padding: 30px 0px;
    margin: auto;
}
.link-info-btn{
    width:22px;
    position: absolute;
    top: 15px;
    right: 30px;
    color:#c1c1c1;
    opacity:0.5;
    cursor:pointer;
    transition: 0.5s;
}
.tab-sorting-btn{
    width:32px;
    position: absolute;
    top: 15px;
    right: 20px;
    color:#c1c1c1;
    opacity:0.5;
    cursor:pointer;
    transition: 0.5s;
}
.link-info-btn:hover{
    width:25px;
}
.alert-success {
    color: #000000;
    background-color: #eadcff;
     border:0px solid;
     font-size: 15px !important;
}
.zoom-in{
    transition:0.5s;
}
.zoom-in:hover{
    transform: scale(1.2);
}
.anim-rotate{
    transition:0.5s;
}
.anim-rotate:hover{
    transform: rotate(7deg);
}
.product_img_frame{
    max-width: 300px;
    max-height: 305px;
    overflow: hidden;
    cursor:pointer;
}
.zoom-50-btn{
    width:50px;
    transition:0.6s;
}
.zoom-50-btn:hover{
    width:60px;
}
.bio-text{
    color: #757575;
    font-weight: 300;
}
.dashboard-footer{
    text-align: center;
    position: fixed;
    width: 100%;
    padding:15px 0px;
    bottom: 0px;
    background:#F2F7FF;
}
.dashboard-footer p{
    color: #757575;
    font-weight: 300;
}
/* Link Tabs Styling End */
/* Loader */

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); 
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 4s linear infinite;
}
/* Loader END*/

.link-input-box{
    border: 1px solid #e4e4e4;
    height: 60px;
    width: auto;
    border-radius: 18px;
    background: white;
    margin:auto 0px;
    padding:0px 5px;
}
.cool-input-box{
    width: auto;
    border-radius: 15px;
    background: white;
    margin:auto 0px;
    padding:0px 10px;
}
.cool-input-box > input{
    width:100%;
    color:#363636;
    border:0px;
    height: 55px;
    border-radius: 15px;
    background: white;
    padding:0px 5px;
}
.get-link-btn{
    width: fit-content;
    background: var(--main_yellow);
    border-radius: 19px;
    padding: 14px;
}
.reg-btn{
    width: 100%;
    background: linear-gradient(45deg, #703ec3, #4630b3);
    border-radius: 19px;
    border:0px;
    padding: 17px 0px;
}
.update-btn{
    width: 100%;
    background: #05ad51;
    border-radius: 19px;
    border:0px;
    padding: 17px 0px;
}
.cancel-btn{
    width: 100%;
    background: #ffc100;
    border-radius: 19px;
    border:0px;
    cursor:pointer;
    padding: 17px 0px;
}
.delete-btn{
    width: 100%;
    background: red;
    border-radius: 19px;
    border:0px;
    color:white;
    cursor:pointer;
    padding: 17px 0px;
}
.logout-btn{
    background: red;
    border-radius: 19px;
    border:0px;
    color:white;
    padding: 0px 20px;
}
.link-input-box input{
    border:0px    
}
.link-input-label
{
    font-size: 14px;
    font-weight: 100;
    color: #c4c4c4;
}
.account-details{
    position:absolute;
    bottom:25px;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    text-align: center;
}
.account-details a{
    font-size:30px;
    color:white
}
a:hover{
    color:#ffc20a;
}

.account-details span{
    font-size:30px;
    /* color:#ffc823; */
}
    
h1{
    font-size:65px;
}

h2{
    font-size:42px;
}

.default-layout-body{
    background-color:black !important;
}
.dashboard-layout-body{
    background-color:#F2F7FF;
    height: 100vh;    
}
.main-section{
    padding:10px 10px 120px 10px;    
}
.main-banner{
    background-image:url('../images/store-banner.svg');
    background-repeat: no-repeat;
    background-size: cover;
}
.blog-body{
	background-color: #f0f2f566;
}
.single_post_card .title{
   font-size:18px; 
}
.post_title{
    font-size:18px; 
    font-weight:600
}
.post_description{
     font-size:13px;
    color:#6d6d6d
}

.single_post_card .description{
    font-size:13px;
    color:#6d6d6d
}
.blog-post p{
	text-align: justify;
}
.bg-purple{
    background:#7400ff;
}
.bg-purple-dark{
    background:#280a2d;
}
.donate-bar{
    border: 5px solid #fdae16;
    border-width: 0px 0px 5px 0px;
}
.btn-purple{
    color: #fff;
    background-color: #5535b9;
}
.bg-yellow{
    background:var(--dark_yellow);
}
.bg-pink{
    background:#bb5a9f}
.bg-light-blue{
    background:#f2f7ff;
}
.sub-title{
    font-size:17px;
    font-weight:600
}
.section-main{
    padding-top:80px;
}
.text-yellow{
    color:var(--main_yellow) !important;
}
.text-dark-yellow{
    color:var(--dark_yellow) !important;
}
.text-green{
    color:#75fa4c;
}
.text-main{
    color:var(--main_green)
}
.text_primary{
    color:var(--primary) !important;
}
.text_accent_color{
    color:var(--accent_color) !important;
}
.bg_primary{
    background:var(--primary) !important;
}
.bg_accent_dark{
    background:var(--accent_color_dark) !important;
}
.btn_primary{
    background:var(--primary) !important;
    color:white;
    border: 0px;
    padding: 10px 25px;
    border-radius: 50px;
}
.bg_secondary{
    background:var(--secondary) !important;
}
.bg_secondary_dark{
    background:var(--secondary_dark) !important;
}
.text_secondary{
    color:var(--secondary) !important;
}
.text-white-light{
    color:#b8b8b8 !important;
}
.our_mobile_app_area{
    max-height:600px;
    overflow:hidden
}
.light-text{
color:gray;
font-size:15px;
}
/*Search Bar*/
.search-bar{
	border-radius: 50px;
	padding: 12px 18px;
	font-size: 14px;
	background: #fffffff5;
}
.search-bar input{
	border:0px;
	width:250px;
}
/* Badges  */
.badge-status{
	background: #36bd19;
	color: white;
	padding: 2px 6px;
	border-radius: 4px;
	margin: 8px 0px;
	font-size:16px
}
.badge-primary{
	background: #7575ff;
	color: white;
	padding: 2px 7px;
	border-radius: 4px;
	margin: 10px 0px;
}
.badge-muted{
	background: #adadad;
	color: white;
	padding: 2px 7px;
	border-radius: 4px;
	margin: 10px 0px;
}
.badge-yellow{
	background: #ddcf00;
	color: white;
	padding: 2px 7px;
	border-radius: 4px;
	margin: 10px 0px;
}
.season_badge{
    position: absolute;
    top: 25px;
    right: 8px;
    border-radius: 10px 0px 0px 10px;
    background: #ff0000ba;
}
.mybadge{    
    font-size:12px;
    color:white;
    padding: 2px 7px;
}
.mybadge:hover{
     color:black
}
.badge-green{
	background: #36bd19;
	color: white;
	border-radius: 4px;
}
.badge-lime-green{
	background: #00b5ac;
	color: white;
	padding: 2px 7px;
	border-radius: 4px;
	margin: 10px 0px;
}
.badge-pink{
	background: #f06ebd;
	color: white;
	border-radius: 4px;
}
.badge-purple{
	background: #bc79ff;
	color: white;
	padding: 2px 7px;
	border-radius: 4px;
	margin: 10px 0px;
}
.btn-blue{
	background:#0067f4;
	color: white;
}
/*Text CSS*/
.text-blue{
	color:#0067f4
}
.text-red{
	color:red
}
.text-purple{
	color:purple;
}
.text-purple-light{
	color:#ba55d3;
}
.text-purple-dark{
	color:#9d38b7;
}
small{
	font-size: 12px;
}
/*Text CSS END*/

.logo-btn{
    background: #049556;
    padding: 8px 11px;
}
.navbar-brand img{
	width:200px
}
.slider-content .text{
    font-size:20px !important
}
.footer-logo img{
	width: 100px;
}
.logo-text{
	display: flex;
    align-items: center;
}
.width-fit-to-content{
	width: fit-content;
}
.text-light-gray{
	color: #c5c5c5;
}
.testimonial_content{
    font-size:16px;
    text-align:justify
}
.testtimonial_position{
    font-weight:100;
    font-size:16px;
    color: #c5c5c5;
    text-transform: uppercase!important;
}
.testtimonial_from{
    font-size: 17px;
    text-transform: uppercase!important;

}
.navbar-area .navbar .navbar-nav .nav-item a{
	font-weight: 500;
	font-size: 16px;
	color:white;
}
.tool-icon-svg{
	width: 92px;
}
.single-features .lni{	
	transition:  0.6s;
}
.single-features .shape{
	transition:  0.6s;
}
.single-features:hover .lni,.single-features:hover .shape{
	transform: scale(0.8);
}
.about-area{
	background-color: #f4f6f7;
}
.contact-area{
	background-color: #ffffff;
}
.contact-wrapper .contact-title{
	color: #0067f4;
}

.footer-area.footer-dark{
    background: linear-gradient(to right, #000000, #1b0047);
    padding: 12px;
    border: 1px solid #ededed;
    border-width: 1px 0px 0px 0px;
}
.footer-area{
    padding: 0px 0px 150px 0px !important
}
.social-media-text{
	font-weight: 600;
}
.about-area .about-title .title{
	font-size: 44px;
}


/* Shop Header Start */
.shop-header-cover{
	background: #0000007a;
	background-blend-mode: overlay;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover ;
	height: 250px;
	width: 100%	;
}
.shop-header{
	border: 1px solid #e0e0e0;
	border-radius: 5px;
}
.navbar-nav {
    gap:20px
}
.shop-header .navbar-nav ul{
	display: flex;
}
.shop-header .navbar-nav ul li{
	margin-left: 25px;
}
.shop-header .navbar-brand{
	margin-top: -150px;
}
.shop-header .navbar-brand .logo{
	width: 300px;
}
.shop-header .navbar-brand .text-box {
	margin-top: auto;
	margin-bottom: auto;
}
.shop-header .navbar-brand .title{
	font-size: 27px;
	color: white;
	font-weight: 500;
}
.shop-header .navbar-brand .username{
	font-size: 15px;
	color: white;
	margin-top: -5px;
}
.shop-section p{
	font-size: 14px;
	font-weight: 300;
}
.rounded-border{
    border-radius: 25px;    
}
.rounded-qr img{
    border-radius:6px;
}
.rounded-10{
    border-radius: 10px;    
}
.rounded-15{
    border-radius: 15px !important;    
}
.rounded-15{
    border-radius: 15px !important;    
}
.download-app-btn{
    background-image: linear-gradient(#432cb3, #a95dce);
    text-transform:capitalize;
}
.tracking_id{
    color:black;
    background: #e8e8e885;
    padding: 4px 7px;
    border-radius: 5px;
}
.rounded-circle-white-border{
    border-radius: 50%;
    border: 5px solid white;
}
.product_thumb_img div{
   border: 1px solid #ededed;
    padding: 5px;
    width: 60px;
    height: 58px;
    border-radius: 6px;
    margin: 1px;
    overflow:hidden;
}
/* Shop Header End */

.reg-banner{
    background-image:url('https://linkspot.tricktodo.com/storage/app/media/reg-banenr.jpg');
    background-repeat: repeat;
    background-size: contain;
}
.bg-overlay{
     background-color:#7400ffad;
}
.inner-container{
    background-color:#5b00c7a1;
    padding: 60px 150px;
    border-radius: 40px;
}
.input-field{
    width:100%;
    border:0px;
    height: 65px;
    border-radius: 15px;
    background: white;
    padding:0px 14px;

}
.terms-and-cond-text{
    color:#bdbdbd;
    font-size: 13px;
    text-align: center;
    max-width: 650px;    
}
.link-text{
    font-size:15px;
}
.w-500-100{
        width:500px;
    }
.text-20{
    font-size:20px;
}

.h-30{
    height:120px;
}
.cursor-pointer{
    cursor:pointer
}
.font-weight-600{
    font-weight:600 !important;
}
iframe .ndfHFb-c4YZDc-K9a4Re{
    background: #f1f3f4;
    border-radius: 100px;
}

strong{
    font-weight:600 !important;
}

@keyframes upDown {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(20px); }
  100% { transform: translateY(0); }
}

.slide-up-down {
  animation: upDown 6s ease-in-out infinite;
}

.animated-border-btn {
  position: relative;
  display: flex;
  gap:10px;
  padding: 12px 24px;
  color: #fff;
  background: #6f42c1;
  border: none;
  overflow: hidden;
  z-index: 1;
  border-radius:8px;
}

.animated-border-btn::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(90deg, #ffffffba, #0169fd, #f8df00e8);
  background-size: 400%;
  z-index: -1;
  border-radius:8px;
  animation: borderMove 4s linear infinite;
}

.animated-border-btn::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: #000000;
  border-radius:8px;
  z-index: -1;
}

@keyframes borderMove {
  0% { background-position: 0% 50%; }
  100% { background-position: 400% 50%; }
}

/* Modal Styling START  */   
 .modal.left .modal-dialog {
      position: fixed;
      margin: 0;
      width: 320px; /* Adjust the width as needed */
      height: 100%;
      transform: translateX(-100%);
      transition: transform 0.3s ease-in-out;
    }
    
    .modal.left.show .modal-dialog {
      transform: translateX(0);
    }
    
    /* Add a backdrop for overlay */
    .modal-backdrop.show {
      opacity: 0.5;
    }
input:-internal-autofill-selected {
    background-color: #ffffff !important; /* Set the background color for autofilled fields */
}
/* Modal Styling END  */   
/* Small Devices  */
@media only screen and (max-width: 900px) {
   .inner-container{
        padding: 25px;
    }
    .input-field {
        width:100%    
    } 
  .w-500-100{
        width:100%;
    }
}
.testimonial-area{
    padding:130px
}
@media only screen and (max-width: 800px) {
  .m-mob-auto {
  	margin:auto !important;
  }
    .product-section{
        padding:0px
    }
    .product-box{
        margin:auto
    }
  .ml-md-175{
    margin:inherit
    }
    .ml-md-100{
        margin:inherit
    }
    .mr-md-100{
        margin:inherit
    }
  .shop-header .navbar-brand .logo{
	width: 100px;
	}
    .shop-header-cover{
    	height: 350px;
    }
    .testimonial-area{
        padding:15px
    }
    .page-icon{
        width:90px
    }
    .ph-md-100{
        padding-left:0px;
        padding-right:0px;
    }
}