body{font-size:0.9rem;overflow-x:hidden !important;}
body, h1, h2, h3, h4, h5, h6  {
  font-family: Roboto, sans-serif;
}
.font-lato{font-family: 'Lato';}
.font-newsreader{ font-family: "Newsreader", serif;}
.font-lusitana{font-family: 'Lusitana';}
.font-bree{ font-family: "Bree Serif", serif;}
.title1{font-size:2.5rem;}
.title2{font-size:2rem;}
.title3{font-size:1.75rem;}
.title4{font-size:1.5rem;}
.title5{font-size:1.25em;}
.title6{font-size:1rem;}
.title7{font-size:0.8rem;}
.weight300{font-weight:300 !important}
.weight400{font-weight:400 !important}
.weight500{font-weight:500 !important}
.weight600{font-weight:600 !important}
.weight700{font-weight:700 !important}
.weight800{font-weight:800 !important}
.bg-theme{background:#007db6;}
.text-white{color:#fff;}
.text-dark-blue{color:#112c50;}
.text-blue{color:#007db6;}
.text-grey{color:#a6a6a6;}
.text-green{color:#008a4c;}
.text-dark-grey{color:#333333;}
.section-heading .text-dark-grey{    border-bottom: 3px solid #007DB6;}
.section-heading .text-blue{    border-bottom: 3px dashed #333;    margin-left: -5px;    padding-left: 8px;}
.btn-blue{background:#036592;border-radius:30px;border:2px solid #fff;color:#fff;padding: 6px 4px 6px 10px;transition:0.5s;}
.btn-blue span{    background: #fff;    color: #036592;    padding: 5px 8px;    border-radius: 100%;}
.btn-blue:hover{background:#fff;    color: #036592;}
.btn-green{background:#008a4c;border-radius:30px;border:2px solid #fff;color:#fff;padding: 6px 4px 6px 10px;transition:0.5s;}
.btn-green span{    background: #fff;    color: #008a4c;    padding: 5px 8px;    border-radius: 100%;}
.btn-green:hover{background:#fff;    color: #008a4c;}
.top-header .social-icons i{text-align: center;color:#fff;border:1px solid #fff;border-radius:100%;   transition: 0.5s; width: 25px;    height: 25px;    padding: 5px;margin-right: 5px;}
.top-header .social-icons i:hover{background:#fff;color:#007db6;border-radius: 5px;
    transform: scale(1.1);}
.top-header .right i{border:1px solid #fff;border-radius:100%;    transition: 0.5s;  width: 27px;    height: 27px;    padding: 6px 5px;background:#fff;color:#007db6;}
.top-header .right i:hover{background:#007db6;color:#fff;border-radius: 5px;
    transform: scale(1.1);}
.top-header .right,.top-header .right a{color:#fff;text-decoration:none;}
.top-header .right .top-login{background: #fff;    border-radius: 20px;   
   padding: 3px 6px 3px 7px; 
   border: none;
     color: #007db6;}
.top-header .right .top-login i{background: #007db6;    color: #fff;    padding: 5px;    height: 25px;}
.top-navbar ul li a{text-transform:uppercase;color: #333;    font-weight: 600;    padding: 10px 20px !important;}
.top-login{background: linear-gradient(45deg, #007DB6, #008A4B);    padding: 12px 2px;    border-radius: 10px;
    text-decoration: none;    color: #333;    box-shadow: 0 0 4px rgba(0,0,0,0.3);font-family: "Bree Serif", serif;}
    .top-login span{background: #fff;    padding: 10px;    border-radius: 7px;}
  .top-login  .dropdown-toggle{background: #fff;    padding: 10px;    border-radius: 7px;    margin-right: -2px;
    text-decoration: none;    color: #333;font-family: "Bree Serif", serif;}
.offcanvas_menu{background: linear-gradient(45deg, #007DB6, #008A4B);    padding: 11px 2px 11px;    border-radius: 7px;
    text-decoration: none;    color: #333;    box-shadow: 0 0 4px rgba(0,0,0,0.3);margin-left: 10px;}
.offcanvas_menu span{background: #fff;    padding: 9px;    border-radius: 4px;}
.wave-header {  position:relative;  text-align:center;  background: linear-gradient(60deg, #bae4f4 0%, #007db6 100%);  color:white;    z-index: -9;}  
.wave-header .waves {  position:relative;  width: 100%;  height:150px;  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;  max-height:150px;}
  .offcanvas#top-menu{background-image: url(../images/login-bg.png);    background-size: cover;
    background-position: right;}
    #top-menu li a{font-size: 1.3em;font-family: "Bree Serif", serif;}
#home-carousel .carousel-control-next-icon{background-image:url(../images/right-arrow-2.png);}
#home-carousel .carousel-control-prev-icon{background-image:url(../images/left-arrow.png);}
#home-carousel .carousel-control-next-icon::after{content:none;}
#home-carousel .carousel-control-prev-icon::after{content:none;}
#banners-carousel .carousel-item img{width:100%;height:80vh;object-fit:cover;}
#banners-carousel .carousel-item .carousel-caption{left: 50%;    text-align: left;top: 10%;right:5%;}
.banners{margin-top: -193px;}
.section-infographic .icons{width:120px;position:absolute;border-radius:100%;}


.section-infographic .icon-1{position:absolute;    left: 140px;    bottom: -20px;transition:1s;}
.section-infographic .label-1{position:absolute;     left: -15px;    bottom: -20px;transition:1s;}
.section-infographic .icon-1:hover{transform: translate(-30px, -30px);box-shadow: 5px 5px 26px #a5a5a5;}

.section-infographic .icon-2{    left: 240px;    bottom: 200px;transition:1s;}
.section-infographic .label-2{position:absolute;     left: 120px;    bottom: 212px;transition:1s;}
.section-infographic .icon-2:hover{transform: translate(-30px, -30px);box-shadow: 5px 5px 26px #a5a5a5;}

.section-infographic .icon-3{    left: 45%;    top: 10px;}
.section-infographic .label-3{ position:absolute;    left: 44%;    top: -70px;}


.section-infographic .icon-4{    right: 240px;    bottom: 200px;transition:1s;}
.section-infographic .label-4{ position:absolute;    right: 120px;    bottom: 212px;transition:1s;}
.section-infographic .icon-4:hover{transform: translate(30px, -30px);box-shadow: 5px 5px 26px #a5a5a5;}

.section-infographic .icon-5{    right: 140px;    bottom: -20px;transition:1s;}
.section-infographic .label-5{ position:absolute;    right: 20px;    bottom: -20px;transition:1s;}
.section-infographic .icon-5:hover{transform: translate(30px, -30px);box-shadow: 5px 5px 26px #a5a5a5;}
.home-categories .inner{position:relative;}
.home-categories .inner img{width:100%;height:200px;object-fit:cover;}
.home-categories .inner .hovereffect{width: 100%;    height: 100%;    float: left;
    overflow: hidden;    position: relative;    text-align: center;    cursor: default;}
    .home-categories .inner .hovereffect:hover .img-overlay{    opacity: 1;    filter: alpha(opacity = 100);
    -webkit-transform: scale(1);    -ms-transform: scale(1);    transform: scale(1);}
.home-categories .inner .img-overlay{position:absolute;right:0;left:0;top:0;bottom:0;background:rgba(255,255,255,0.6);transition:0.5s;
    border-bottom: 1px solid #000;    border-top: 1px solid #000;    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;    -webkit-transform: scale(0, 1);    -ms-transform: scale(0, 1);
    transform: scale(0, 1);}
.home-categories .inner .img-overlay p{    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);
    font-size: 1.6em;    font-family: 'Lusitana';opacity:0;transition:0.5s;text-transform: uppercase;}
    .home-categories .inner:hover .img-overlay{bottom:0;}
    .home-categories .inner:hover .img-overlay p{opacity:1;}
.section-1-home .inner{text-align:Center;padding:10px;color: #fff;    border-radius: 20px;height:315px;}

.section-1-home .inner img{width:80px;}
.section-1-home .inner-1 {background: linear-gradient(to left, #036592 50%, #047a45 50%);
  background-size: 200%;  background-position: right;  transition: background-position 0.5s ease-out;}
  .section-1-home .inner-1:hover{ background-position: left;}
.section-1-home .inner-2 {background: linear-gradient(to left, #0077ad 50%, #047a45 50%);
  background-size: 200%;  background-position: right;  transition: background-position 0.5s ease-out;}
    .section-1-home .inner-2:hover{ background-position: left;}
.section-1-home .inner-3 {background: linear-gradient(to left, #048cc9 50%, #047a45 50%);
  background-size: 200%;  background-position: right;  transition: background-position 0.5s ease-out;}
    .section-1-home .inner-3:hover{ background-position: left;}
.section-1-home{}                    
.section-2{background:url(../images/bg-1.jpg);background-size: cover;
    background-position: center right;}
.section-3{background:url(../images/bg-2.jpg);background-size: cover;
    background-position: center right;position:relative;}
  .section-3 .overlay{position:absolute;top:0;bottom:0;left:0;right:0;background: rgb(8 164 235 / 52%);}
.section-5 .inner img{width:120px;}
.section-5 .inner p{color:#112c50;font-size:1.3em;font-weight:bold;}
footer{padding-top: 50px;    padding-bottom: 50px;}
.social-icons-footer i{text-align: center;color:#007db6;border:1px solid #007db6;border-radius:100%;   transition: 0.5s; width: 25px;    height: 25px;    padding: 5px;margin-right: 5px;}
.social-icons-footer i:hover{background:#007db6;color:#fff;border-radius: 5px;
    transform: scale(1.1);}
    .section-5{background:url(../images/bg-3.jpg);background-size: cover;
    background-position: center right;}
    .section-5 .overlay{position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(255,255,255,0.5);}
.section-4 .products-owl img{width:100%;transition:0.5s;}
.section-4 .products-owl img.icon{    width: 100px;    margin-top: -50px;    border-radius: 100%;    background: #fff;display: inline;}
.section-4{text-align:center;}
.section-4 .btn-blue:hover{background:#008a4c;    color: #fff;}
.section-4 .products-owl .owl-nav .owl-next{    position: absolute;    right: 0;    top: 40%;    font-size: 65px;}
.section-4 .products-owl .owl-nav .owl-prev{    position: absolute;    left: 0;    top: 40%;    font-size: 65px;}
.section-4 .products-owl .owl-nav .owl-prev,.section-4 .products-owl .owl-nav .owl-next{background:none;    color: #000;}
.section-4 .products-owl .inner:hover img{transform: translate(0px,40px);}
.section-4 .products-owl .inner:hover img.icon{transform: translate(0px,-70px)}
.top-navbar .navbar-collapse > ul > li.active-li:before {content: '';position: absolute;left: 50%;top: 0px;margin-left: -1px;width: 2px;height: 66px;background: #fdc716; opacity: 1; -webkit-transform: rotate(0deg);
    transform: rotate(0deg); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease;}
.top-navbar .navbar-collapse > ul > li:before {content: '';position: absolute;left: 50%;top: -20px;margin-left: -1px;width: 2px;height: 80px;background: #007db6; opacity: 0; -webkit-transform: rotate(0deg);
    transform: rotate(0deg); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease;}
.top-navbar .navbar-collapse > ul > li:hover:before {opacity: 1; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
  .top-navbar .navbar-collapse > ul > li > a{position:relative;background:#fff;transition:0.5s}
    .top-navbar .navbar-collapse > ul > li:hover a{color:#007db6;}
 .top-navbar .navbar-collapse > ul > li{position:relative;}
 .section-2::after {  content: '';  position: absolute;  right: 0;  left: -0%;  top: 100%;
  z-index: 10;  display: block;  height: 10px;  background-size: 14px 100%;
  background-image: linear-gradient(135deg, #007db7 25%, transparent 25%), linear-gradient(225deg, #007db7 25%, transparent 25%);
  background-position: 0 0;}
   .section-3::after {  content: '';  position: absolute;  right: 0;  left: -0%;  top: 100%;
  z-index: 10;  display: block;  height: 10px;  background-size: 14px 100%;
  background-image: linear-gradient(135deg, #5eb0d5 25%, transparent 25%), linear-gradient(225deg, #5eb0d5 25%, transparent 25%);
  background-position: 0 0;}
  .top-section{background:url(../images/bg-1.jpg);background-position: center right;    background-size: cover;}
  .top-section::after {  content: '';  position: absolute;  right: 0;  left: -0%;  top: 100%;
  z-index: 10;  display: block;  height: 10px;  background-size: 14px 100%;
  background-image:linear-gradient(135deg, rgb(0 72 161 / 80%) 25%, transparent 25%), linear-gradient(225deg, rgb(0 72 161 / 80%) 25%, transparent 25%);
  background-position: 0 0;}
  .top-section .overlay{position:absolute;left:0;right:0;top:0;bottom:0;background:rgb(0 72 161 / 52%);}
.products .inner .img-wrapper > img{width:100%;transition:0.5s;}
.products .inner .img-wrapper{position:relative;overflow:hidden;}
.products .inner .img-content img{width:20px;height: 20px;   }
.products .inner .img-content a{background: #eee;    height: 35px;    padding: 7px 6px;
    display: inline-block;    border-radius: 30px;    box-shadow: 0 0 3px #878787;    width: 35px;transition:0.5s;color:#333;cursor:pointer;}
    .products .inner .img-content a span{display:none;opacity:0;}
    .products .inner .img-content a:hover{    box-shadow: 0 0 10px #007db6;}
    .products .inner .img-content a:hover span{}
    .products .inner .img-content{opacity:0;position:absolute;bottom:-50px;right:10px;width:100%;transition:0.5s;}
    .products .inner:hover .img-content{opacity:1;bottom:0;}
    .products .inner{background:#fff;    padding: 10px;border-radius: 10px;    box-shadow: 0 0 4px #ccc;    margin-bottom: 30px;}
    .products .inner .text-content{border-top: 1px dashed #ccc;}
    .products .inner .text-content .btn{border-radius: 0 20px 0 20px;
    padding: 5px 10px;}
    .products .inner:hover .img-wrapper > img{transform: scale(1.2);}
.owl-carousel.categories-owl .owl-nav .owl-next{    position: absolute;    right: 0;    top: 20%;    font-size: 65px;}
.owl-carousel.categories-owl .owl-nav .owl-prev{    position: absolute;    left: 0;    top: 20%;    font-size: 65px;}
.owl-carousel.categories-owl .owl-nav .owl-prev,.owl-carousel.categories-owl .owl-nav .owl-next{background:none;    color: #000;}    
   
    .filter-section .form-check .form-check-input{width:20px;height:20px;}
    #home-carousel .filter-section .form-check .form-check-label{margin-left:5px;margin-top:5px;}
    #home-carousel .carousel-inner{z-index:-9;}
    #quick-view-Modal .prod-quantity .inner{ background: #eee;padding:10px;height:36px;}
    #quick-view-Modal .prod-quantity .form-control{ border: 0;    background: transparent;    box-shadow: none;text-align:center;}
     .cart-page .prod-quantity .inner{ background: #eee;padding:10px;height:36px;}
    .cart-page .prod-quantity .form-control{ border: 0;    background: transparent;    box-shadow: none;text-align:center;}
    .prod-quantity .inner{ background: #eee;padding:10px;height:36px;}
    .prod-quantity .form-control{ border: 0;    background: transparent;    box-shadow: none;text-align:center;}
    .btn-custom{letter-spacing: .05em;    border: 2px solid #036592;    border-color: #036592!important;
    background-image: linear-gradient(30deg, #036592 50%, transparent 50%);    background-size: 600px;    background-repeat: no-repeat;
    background-position: 0;    transition: background .3s ease-in-out;color:#fff;}
    .btn-custom:hover {    background-position: 100%;    color: #000 !important;    background-color: #fff;}
    .btn-red{letter-spacing: .05em;    border: 2px solid #dc3545;    border-color: #dc3545 !important;
    background-image: linear-gradient(30deg, #dc3545 50%, transparent 50%);    background-size: 600px;    background-repeat: no-repeat;
    background-position: 0;    transition: background .3s ease-in-out;color:#fff;}
    .btn-red:hover {    background-position: 100%;    color: #000 !important;    background-color: #fff;}
     .btn-custom-dark{letter-spacing: .05em;    border: 2px solid #444;    border-color: #444!important;
    background-image: linear-gradient(30deg, #444 50%, transparent 50%);    background-size: 600px;    background-repeat: no-repeat;
    background-position: 0;    transition: background .3s ease-in-out;color:#fff;}
    .btn-custom-dark:hover {    background-position: 100%;    color: #000 !important;    background-color: #fff;}
    .custom-form .form-control{    border: 2px solid #e1e1e1;    border-radius: 0;}
    .prod-category img{border-radius:100%;background:#fff; width:70px;height:70px;transition:0.5s;    box-shadow: 0 0 3px #505050;}
    .prod-category .inner:hover img{ -webkit-transform: scaleX(-1);
  transform: scaleX(-1);background:#484848;}
.prod-category{text-align:Center;}
.prod-category .content-wrapper a {  overflow: hidden;  position: relative;  display: inline-block;  color: #333;;}
.prod-category .content-wrapper a::before,.prod-category .content-wrapper a::after { content: '';  position: absolute;  width: 100%;
  left: 0;}
.prod-category .content-wrapper a::before {  background-color: #007db6;  height: 2px;  bottom: 0;  transform-origin: 100% 50%;
  transform: scaleX(0);  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);}
.prod-category .content-wrapper a::after {  content: attr(data-replace);  height: 100%;  top: 0;  transform-origin: 100% 50%;
  transform: translate3d(200%, 0, 0);  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);  color: #007db6;}
.prod-category .inner:hover a::before {  transform-origin: 0% 50%;  transform: scaleX(1);}
.prod-category .inner:hover a::after {  transform: translate3d(0, 0, 0);}
.prod-category .content-wrapper a span {  display: inline-block;  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);}
.prod-category .inner:hover a span {  transform: translate3d(-200%, 0, 0);}
#prod-details-carousel .carousel-item img{width:100%;}
#prod-details-carousel .carousel-indicators [data-bs-target]{width:70px;height:70px;    text-indent: unset;border:1px solid #ccc;opacity:1;}
#prod-details-carousel .carousel-indicators img{width:70px;height:70px;object-fit:cover;}
#prod-details-carousel .carousel-indicators{bottom: -100px;    margin: 0;    text-align: left;}
#prod-details-carousel .carousel-indicators .active{border:1px solid #007db6;}
   .prod-details-page .prod-quantity .inner{ background: #eee;padding:10px;height:36px;}
    .prod-details-page .prod-quantity .form-control{ border: 0;    background: transparent;    box-shadow: none;text-align:center;}
    .product-details .nav-pills .nav-link.active{background:#036592;}
    .product-details .nav-pills .nav-link.active img{filter: brightness(0) invert(1);}
     .product-details .nav-pills .nav-link{text-align:left;    border-radius: 0 30px 30px 0;    margin-bottom: 20px;    color: #333;
         width:300px;     }
        .product-details .tab-content{font-size:1.2em;line-height:1.8;}
  .simpleLens-thumbnails-container a img {    height: 50px;    display: block;    margin: auto;}      
  .simpleLens-thumbnails-container a {    width: 80px;    margin: auto;}
  .simpleLens-thumbnails-container {    border-top: 1px solid #eee;    padding-top: 10px;}
  .simpleLens-thumbnails-container a:hover {    border: 1px solid #333;}
  .strikestrough::before{    content: '';    width: 100%;    position: absolute;    right: 0;
    top: calc( 50% - 1.5px );    border-bottom: 1px solid #d3d3d3;}
    .account-dashboard .inner{background:#fff;    padding: 20px;    text-align: center;}
    .account-dashboard .inner p{margin:0;font-size:1.5em;color: #00547a;    font-weight: bold;}
    .account-dashboard .inner span{font-size:3.5em;background: linear-gradient(to bottom, #00a1eb 0%, #00ab5e 100%);
    -webkit-background-clip: text;    -moz-background-clip: text;    background-clip: text;
    -webkit-text-fill-color: transparent;transition:2s;}
    .my-account-menu .navbar-nav li a{    padding: 2px;    border-radius: 16px;    margin: 10px;color:#333;transition:0.5s;}
    .my-account-menu .navbar-nav li a.active{background: linear-gradient(to right, #00a1eb,#fff, #fff, #fff, #00ab5e);}
    .my-account-menu .navbar-nav li a:hover{background: linear-gradient(to right, #00a1eb,#fff, #fff, #fff, #00ab5e);}
    .my-account-menu .navbar-nav li a span{background: linear-gradient(to bottom, #00a1eb 0%, #00ab5e 100%);
    -webkit-background-clip: text;    -moz-background-clip: text;    background-clip: text;
    -webkit-text-fill-color: transparent;}
    .account-dashboard .inner span:hover{background: linear-gradient(to bottom, #00a1eb 0%, #00a1eb 100%);-webkit-background-clip: text;
    -moz-background-clip: text;    background-clip: text;}
    .panel-heading.back-blue{    background: #007db6;color:#fff;padding: 10px !important;}
    .checkout-page .btn-green:hover{background:#fff;    color: #008a4c;border:2px solid #008a4c;}
    .alert{position:fixed;top: 100px;    left: 30%;z-index:99999;}
    .top-navbar{box-shadow:0 1px 1px 0 rgba(0,0,0,.16);}
    
.order-tracking{	text-align: center;	width:25%;	position: relative;	display: block;}
.order-tracking .is-complete{	display: block;	position: relative;	border-radius: 50%;	height: 30px;	width: 30px;	border: 0px solid #AFAFAF;
	background-color: #dfdfdf;	margin: 0 auto;	transition: background 0.25s linear;	-webkit-transition: background 0.25s linear;
	z-index: 2;}
.order-tracking .is-complete:after {	display: block;	position: absolute;	content: '';	height: 14px;
	width: 7px;	top: -2px;	bottom: 0;	left: 5px;	margin: auto 0;	border: 0px solid #AFAFAF;	border-width: 0px 2px 2px 0;
	transform: rotate(45deg);	opacity: 0;}
.order-tracking.completed .is-complete{	border-color: #27aa80;	border-width: 0px;	background-color: #27aa80;}
.order-tracking.completed .is-complete:after {	border-color: #fff;	border-width: 0px 3px 3px 0;	width: 7px;
	left: 11px;	opacity: 1;}
.order-tracking p {	color: #A4A4A4;	font-size: 16px;	margin-top: 8px;	margin-bottom: 0;	line-height: 20px;}
.order-tracking p span{font-size: 14px;}
.order-tracking.completed p{color: #000;}
.order-tracking::before {	content: '';	display: block;	height: 3px;	width: calc(100% - 40px);	background-color: #dfdfdf;
	top: 13px;	position: absolute;	left: calc(-50% + 20px);	z-index: 0;}

.order-tracking:first-child:before{display: none;}
.order-tracking.completed:before{background-color: #27aa80;}
.about-section .about-img-1{width: 300px;    position: relative;    z-index: 9;}
.about-section .about-img-2{width: 300px;    position: absolute;    left: 0;    top: 50px;}
.about-section .about-img-3{width: 400px;    position: absolute;    right: -48px;    bottom: -71px;}
.about-section .about-img-4{width: 250px;    position: absolute;    right: -70px;    top: 20px;}
.counter-section{background:rgba(0,125,182,0.1);overflow: hidden;}
.counter-section .circle-1{background:rgba(0,125,182,0.1);width:288px;height:288px;border-radius:100%;position:absolute;left:0;
    left: -150px;    top: 0;}
    .counter-section .circle-2{background:rgba(0,125,182,0.1);width:288px;height:288px;border-radius:100%;position:absolute;right:0;
    right: -150px;    top: 0;}
.counter-section{position:relative;overflow: hidden;}
.counter-section img{    width: 120px;}
.short-para-3-lines{display: -webkit-box;    max-width: 100%;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;
    overflow: hidden;}
    .home-products .inner img{background: #fff;    width: 100%;}
    .home-products{   background: linear-gradient(1deg, rgba(0,125,182,0.1), transparent);;}
    #testimonial-carousel .carousel-item img{width:100px;height:100px;object-fit:cover;border-radius:100%;    box-shadow: 0 0 10px #ccc;
    margin-top:10px;    margin-bottom:10px}
    #testimonial-carousel .carousel-indicators {    bottom: -30px;}
    #testimonial-carousel .carousel-control-prev-icon {    background-image: url(../images/left-arrow-2.png);}
    #testimonial-carousel .carousel-control-next-icon {    background-image: url(../images/right-arrow2.png);}
.delay-1{  animation-delay: 1s;}
.delay-2{  animation-delay: 2s;}
.delay-3{  animation-delay: 3s;}
.delay-4{  animation-delay: 4s;}

.box-shadow{    box-shadow: 0 0 4px #ccc;}
.bg-white{background:#fff;}

/* Animation */


.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}

@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(40px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    
}
@keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);transform:translateX(-40px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    
}
@-webkit-keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    
}
@keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translateX(40px);-ms-transform:translateX(40px);transform:translateX(40px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
  .section-1-home{margin-top:0;}
  .section-1-home .inner{height:400px;}
  .section-1-home .inner-2{margin-top: -60px;}
  .section-1-home .inner-3{margin-top: -60px;}
  .section-5{background-position: center;}
  .product-details .nav-tabs .nav-item a.active{    background: #036592;color:#fff;}
  .product-details .nav-tabs .nav-item a{font-size: 14px;padding: 8px;border-radius:30px;color:#333;background:#eee;text-transform: capitalize;    width: max-content;}
.product-details .nav-tabs{overflow-x: auto;    overflow-y: hidden;    flex-wrap: nowrap;    padding-bottom: 10px;}
.product-details .nav-tabs .nav-item a.active img{filter: brightness(0) invert(1);}
.product-details .tab-content{    padding: 10px;    border: 2px dotted #ccc;    margin: 10px;}
.cart-items img{    width: 100%;    height: 150px;    object-fit: contain;}
.home-categories .inner .img-overlay{opacity: 1;    filter: alpha(opacity = 100);    -webkit-transform: scale(1);
    -ms-transform: scale(1);    transform: scale(1);}
    .home-categories .inner .img-overlay p{opacity:1;}
    .about-section .about-img-1 {    width: 200px;}
    .about-section .about-img-2 {    width: 200px;    position: absolute;    left: 0;    top: 50px;}
    .about-section .about-img-3 {    width: 250px;    position: absolute;    right: 0;    bottom: -71px;}
    .about-section .about-img-4 {    width: 200px;    position: absolute;    right: 0;    top: 20px;}
    .about-section{    margin-bottom: 100px;}
    .main-logo{width:110px;}
    .top-login{    padding: 8px 2px;}
    .top-login span{padding:6px;}
    .dropdown.top-login{padding: 7px 0px 7px 2px !important;}
    .top-login .dropdown-toggle{padding: 5px;}
    .offcanvas_menu{padding: 6px 2px 6px;}
    .offcanvas_menu span{padding:3px;}
    #banners-carousel .carousel-item .carousel-caption{left:5%;}
    #banners-carousel .carousel-item img{height:400px;object-position: right;}
    .title1 {    font-size: 1.8rem;}
     .counter-section .circle-2{    right: -150px;    bottom: 0;top: auto;}
}