/*
Theme Name:
Theme URI:
Author:
Author URI:
Description:
Version:2024.01
*/
@charset "utf-8";
/* CSS Document */
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.wrapper{ max-width:414px; margin:0 auto; padding:20px;}
.card-maker{background:#FFF; box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; margin:0 auto; max-width:496px; width:100%;}
.card-maker .card-banner{ position:relative;}
.card-maker .company-logo{border-radius:10px; /*background:rgba(255, 255, 255, 0.80); backdrop-filter:blur(5px); width:150px; height:70px;*/position:absolute; top:20px; right:20px; z-index:10;}
/*.card-maker .company-logo img{height:50px; width:auto;}*/
.card-maker .card-body{ padding:80px 40px 40px;}
.card-maker .card-body .user-img{ position:absolute; width:132px; height:132px; flex-shrink:0; left:40px; top:-61px;}
.card-maker .card-body .user-img .ratio{ overflow:hidden; border-radius:50%;}
.user-info .item{ margin-top:20px; color:#000; text-decoration:none; font-weight:500;}
.user-info .item + .item{ margin-top:24px}
.user-info .item span{color:#555; font-size:14px; font-weight:400; display:block;}
.user-info .item .icon{ background:var(--bs-orange); color:#fff; width:47px; height:47px; border-radius:50%; margin-right:16px;}
.card-maker h5, .card-maker h3{font-family:var(--bs-body-font-family); color:#000;}
.follow-bar{ height:75px; padding:0 40px; background:#EFF6FC;}
.follow-bar ul{ margin-left:auto; margin-bottom:0; padding:0; list-style:none;}
.follow-bar ul li + li{ margin-left:15px;}
.follow-bar ul li a{background:var(--bs-orange); color:#fff; width:47px; height:47px; border-radius:50%; color:#fff; text-decoration:none;}
.follow-bar ul li a:hover{background:#003366; color:#fff;}

.slider{ margin-left:-15px; margin-right:-15px;}
.slider .item{ padding-left:15px; padding-right:15px;}
.Cat-Slider .item, .Prod-Slider .item{ padding:15px;}
.category-name{box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; background:#fff; text-align:center; padding:32px 20px; color:var(--bs-dark); text-decoration:none; font-weight:600; font-size:24px;}
.category-name:hover{ background:#EFF6FC; color:var(--bs-orange);}
.Prod-Slider .full-img img{ margin-left:auto; margin-right:auto;}
.product{box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; background:#fff; text-align:center;}
.product h3 small{ font-size:50%; color:var(--bs-orange);}

.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus{outline:none; }
.slick-list.dragging{cursor:pointer; cursor:hand; }
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0); }
.slick-track{position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto; }
.slick-track:before,.slick-track:after{display:table; content:''; }
.slick-track:after{clear:both; }
.slick-loading .slick-track{visibility:hidden; }
.slick-slide{display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide{float:right; }
.slick-slide img{display:block; }
.slick-slide.slick-loading img{display:none; }
.slick-slide.dragging img{pointer-events:none; }
.slick-initialized .slick-slide{display:block; }
.slick-loading .slick-slide{visibility:hidden; }
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden {display:none; }

.slick-loading .slick-list{background:#fff url(../images/theme-img/ajax-loader.gif) center center no-repeat; }
.slick-prev, .slick-next{font-size:0; line-height:0; position:absolute; top:50%; display:block; width:32px; height:32px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent; z-index:100; background:var(--bs-primary); border-radius:50%; color:#fff}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color:transparent; outline:none; background:var(--bs-dark); }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity:1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:1; }
.slick-prev:before, .slick-next:before{font-family:'Font Awesome 6 Free'; font-weight:900; font-size:24px; line-height:1; opacity:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; z-index:100; color:#fff; font-size:16px; }
.slick-prev{left:0; }
[dir='rtl'] .slick-prev{right:0px; left:auto; }
.slick-prev:before{content:'\f104'; }
[dir='rtl'] .slick-prev:before{content:'\f105'; }
.slick-next{right:0; }
[dir='rtl'] .slick-next{right:auto; left:15px; }
.slick-next:before{content:'\f105'; }
[dir='rtl'] .slick-next:before{content:'\f104'; }
/* Dots */
.slick-dotted.slick-slider{margin-bottom:0; }
.slick-dots{position:relative; margin-top:30px; display:block; width:100%; padding:0; margin-bottom:0; list-style:none; text-align:center; display:flex; align-items:center; justify-content:center; }
.slick-dots li{position:relative; display:inline-block; margin:0; padding:0; cursor:pointer; text-align:center; }
.slick-dots li button{font-size:0; line-height:0; display:block; width:100%; height:10px; width:10px; border-radius:50px; margin:0 4px; padding:0; cursor:pointer; color:transparent; border:0; outline:none; background:#FF6600; opacity:0.5; }
.slick-dots li button:hover, .slick-dots li button:focus{outline:none; }
.slick-dots li.slick-active button{ opacity:1; height:14px; width:14px; }

@media only screen and (max-width: 479px) {
.follow-bar ul li a, .user-info .item .icon{ height:40px; width:40px;}
.card-maker .card-body{ padding:60px 20px 20px;}
.card-maker .card-body .user-img{ width:100px;}
.follow-bar{ padding:0 20px;}
.user-info .item{ font-size:14px;}
.designation h5{ font-size:18px;}
.card-maker .company-logo{ width:40%; height:60px;}
.card-maker .company-logo a{ display:block; padding:10px;}
.card-maker .company-logo img{ height:40px;}
}