/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
#logo img{display:block !important;}
#header .header-inner, #header #header-wrap {background:#eee;}
#topbar{background: #010101;}
#topbar .top-menu > li > a{color:#fff;}
.social-icons li a{color:#fff;}
.mt-50{margin-top:-50px;}
.mb30{margin-bottom:30px;}
.abt-us h2{color: #000;}
.txt-primary{color: #ff5700 !important;}
.img-bdr{border-bottom: solid 5px #8212c1;border-radius: 15px;border-top: solid 5px #8212c1;}
#slider{height:55vh !important;}
.why-choose{background:#ff5900;background: linear-gradient(359deg, #8d13bf, #2213db);padding: 15px 0px;}
.why-choose .icon-box.border .icon {border: 3px solid #fff;}
.why-choose .icon-box.border .icon i {color:#fff;}
.why-choose h3{color:#fff;}
.why-choose .icon-set-container .row > [class^="col-"]{background:transparent;background: linear-gradient(359deg, #8d13bf, #2213db);border: solid 1px #b240f3;}
.why-choose i:not(.fa):not(.fab):not(.far):not(.fas) {color:#fff;font-size:35px;}
.why-choose .fa, .fas {color:#fff;font-size:35px;}
.why-choose .icon-set-container .icon-preview .icon-class {font-size:24px;color:#fff;line-height:30px;width: 180px;font-weight:600;}
.why-choose .icon-set-container .icon-preview .icon-holder{top: 31%;background: transparent;}
.why-choose p{color:#fff;font-size:12px;}
.why-choose .icon-set-container .row > [class^="col-"]:hover .icon-holder {background:transparent;}
.background-product{background-image:url('../img/our-product-bg.jpg');background-repeat:no-repeat;background-size:cover;}
.background-product h2{color:#fff;}
#footer ul li{font-size:12px;}
#ftlogo img{width:100%;}
.copyright-content{background: linear-gradient(90deg, #8212c1, #8212c1) !important;}
.copyright-text{color:#000 !important;}

.zoom {
  
  background-color: #fff;
  transition: transform .9s; /* Animation */
  width: 300px;
  height: 300px;
  margin: 0 auto;z-index:99999;
}

.zoom:hover {
  transform: scale(1.25); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.prd-page h3{font-size:18px;color: #2169a9;font-weight: 600;}
.prd-page h4{font-size:14px;}
.mb50{margin-bottom:50px;}