@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
  font-family: 'Squishy Whale Demo';
  src: url('../font/SquishyWhaleDemoRegular.eot');
  src: url('../font/SquishyWhaleDemoRegular.eot?#iefix') format('embedded-opentype'),
      url('../font/SquishyWhaleDemoRegular.woff2') format('woff2'),
      url('../font/SquishyWhaleDemoRegular.woff') format('woff'),
      url('../font/SquishyWhaleDemoRegular.ttf') format('truetype'),
      url('../font/SquishyWhaleDemoRegular.svg#SquishyWhaleDemoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'squishy_whale_demoregular';
    src: url('../fonts/squishywhaledemoregular-webfont.woff2') format('woff2'),
         url('../fonts/squishywhaledemoregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*{
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-decoration: none;
  outline: none;
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  font-family: "Poppins", serif;
}
h1, h2, h3, h4, h5, h6{font-family: "Poppins", serif;margin: 0px;}
p{font-family: "Poppins", serif; font-size: 16px;font-weight: 400;padding: 0; margin-bottom:10px;line-height: 24px;color: #000000;}
ul, li{padding: 0;margin: 0;list-style-type: none;}
img {
  max-width: 100%;
  border: none;
}
a {
  text-decoration: none;
  outline: none !important;
}
.p-80{padding: 80px 0;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.btn {
    transition: 0.5s;
    border-radius: 30px;
    padding: 10px 27px;
    font-size: 16px;
    font-weight: 600;
}
.btn-primary{
  border-color: #0D4660;
  background-color: #0D4660;
  color: #fff;
  border-radius: 6px;
}
.btn-outline-primary{
  border-color: #F7C624;
  color: #000000;
}
.btn-primary:hover, .btn-outline-primary:hover{
  border-color: #E2B842;
  background-color: #E2B842;
  color: #000;
}
.btn-dark{
  border-color: #000000;
  background-color: #000000;
  color: #ffffff;
}
.btn-dark:hover{
  border-color: #F7C624;
  background-color: #F7C624;
  color: #000000;
}
.headertext h4{font-size: 28px;
  color: #13ACC2;
  margin-bottom: 10px;
    font-family: 'squishy_whale_demoregular';}
  .headertext h3{font-size: 40px;
    color: #000;
    margin-bottom: 15px;}




.logo{ width:200px;}
.nav__inner {
    width: 350px;
    height: 550px;
    position: relative;
    padding-block: 1.5rem;
    padding-inline: 2.5rem;
    position:absolute;
    bottom:0;
/*    margin-inline: auto;*/
}

.nav__bg {
  position: absolute;
  filter: url(#round);
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
/*  top: 0;*/
}

.nav__bg:before {
    content: '';
    position: absolute;
    bottom: -20px;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 10%, 100% 0%, 100% calc(100% - 0%), 0% 100%);
}
.watchtext {
  padding: 28% 25px 50px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.watchtext h4{font-size: 28px;color: #13ACC2;margin-bottom: 10px;  font-family: 'squishy_whale_demoregular';}
.watchtext h3{font-size: 30px;font-weight: 600;margin: 0px 0px 15px 0px;}
.watchtext p{font-size: 15px;font-weight: 400; color: #000;}





/*-- header area start --*/
.headerarea {
    background-color: #ffffff;
    box-shadow: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px;
}
.headerarea .logo {
  width: 100%;
  max-width: 120px;
}
.headerarea .logo img{
  width: 100%;
  object-fit: cover;
}
.headerarea .header-contact .call {
  width: 100%;
  min-width: 43px;
  max-width: 43px;
  height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #F6F7FB;
  background-color: #F6F7FB;
  color: #000000;
  border-radius: 100%;
  margin-left: 10px;
  transition: 0.5s;
}
.headerarea .header-contact .call:hover{
  border-color: #000000;
  background-color: #000000;
  color: #ffffff;
}
.headerarea.fix{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 91;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.header-right .header-contact .btn{
  margin-right: 10px;
}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}

.callicon{display: flex;
  background: #13acc2;
  width: 35px;
  height: 35px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 5px;
  color: #fff;}
.header-contact h6{font-family: "Poppins", serif;
  text-transform: uppercase;
  font-size: 15px;color: #F58332;}

.header-contact h4 a{color: #000;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 22px;}
  
.toparea{padding: 10px 0px;}
.formfild{width: 450px;
  position: relative;
  margin-right: 40px;}
.formfild .form-control{border-radius: 50px;
  height: 45px;
  color: #ddd;
  font-size: 14px;
  padding: 6px 100px 6px 20px;}
.formfild .btn-primary{position: absolute;
  top: 3px;
  right: 5px;
  border-radius: 50px;
  padding: 8px 21px;
  font-size: 15px;
  background: #f58332;
  border: none;
  font-weight: 300;}
.hotlinearea {
  margin-right: 20px;
  margin-left: 20px;
}
 .hotlinearea .callarea{margin-right: 8px;}
.hotlinearea h6{font-size: 13px;
  font-weight: 300;}
 .hotlinearea h4{font-size: 20px;
  color: #2684B7;
  font-weight: 600;}
  .profiletop ul{ padding: 0px; margin: 0px;}
  .profiletop ul li{ display: inline-block;
  margin: 0px 3px;
  width: 30px;
  height: 30px;
  background: #F2F2F2;
  border-radius: 50%;
  text-align: center;
  padding: 5px 0px;
  position: relative;}
  .profiletop ul li i{ color: #000;}
  .profiletop ul li span{position: absolute;
  top: -7px;
  right: -8px;
  width: 18px;
  height: 18px;
  background: #f58332;
  border-radius: 50%;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;}



/*menu CSS
--------------------------------------------------------------------------------------------------*/
.menu{ margin-right: 25px; }
.menu ul{margin:0;padding:0;font-size:0;}
.menu ul li{display:inline-block;padding:0;list-style-type:none;position:relative;vertical-align:middle;}
.menu ul li.active{
  position: relative;
}
.menu ul li.active::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  max-width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../images/menu-active-shape.svg);
}
.menu ul li span{
    position: absolute;
    top: 45%;
    right: 10px;
}
.menu ul li span::after {
    content: '\2b';
    color: #000000;
    font-family: FontAwesome;
    font-size: 10px;
}
.menu ul li:hover span::after{
  color: #13ACC2;
}
.headarea.innerheader .menu ul li a{ color: #000; }
.menu ul li a {
    color: #000000;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
    display: block;
    padding: 16px 0px;
    margin: 0 25px;
    border-bottom: 2px solid #fff;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.menu ul li a:hover, .menu ul li.active a {
    color: #F58332;
   
}
.menu ul li.active a::after{width: 100%;}
.menu ul li a span {
    display: inline-block;
    vertical-align: 0px;
    margin-left: 6px;
    font-size: 10px;
}
.menu ul li:hover ul li a:hover {
    color: #fff;
    background-color: #13ACC2;
}
.menu ul li ul {
    width: 240px;
    position: absolute;
    top: calc(100% + 30px);
    left: 0;
    z-index: 2;
    background-color: #ffffff;
    text-align: left;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 4px 15px rgb(0 0 0 / 3%);
}
.menu ul ul li:first-child:before{display:none;}
.menu ul ul li:after{display:none;}
.menu ul li:last-child ul{width:220px;position:absolute;top:100%;left:auto;right:0;z-index:2;background-color:#ffffff;box-shadow:0px 5px 14px rgb(0 0 0 / 2%);text-align:left;}
.menu ul li ul li a {
    font-size: 14px;
    text-transform: none;
    padding: 12px 15px;
    color: #000;
    line-height: 20px;
    font-weight: 500;
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
    display: block;
    margin: 0;
}
.menu ul li ul li ul{top:10px;left:149px;}
.menu ul li ul li span{right:7px;top:12px;}
.menu ul li a:hover.menu ul li ul{display:block;}
.menu ul li ul li{display:block;padding:0;border-bottom:solid 1px rgb(255 255 255 / 7%);border-right:none;}
.menu ul li ul li:last-child{border:none;}
.menuButton{width:40px;height:35px;padding:5px;float:right;display:none;}
.menuButton span {
	width: 100%;
	height: 2px;
	background: #000;
	margin-bottom: 6px;
	float: left;
	transition: all 0.3s ease-in-out 0s;
}
.menuButton span:last-child{margin-bottom:0;}
@media (min-width:991.98px){.menu ul{display:block!important;}
 .menu ul li:hover > ul{opacity:1;top:100%;visibility:visible;}
}
@media (max-width:991.98px){.menuButton{display:block;margin-left:15px;cursor:pointer;}
 .menu ul li span{background:url(../images/menu_arrow.png) center center no-repeat;cursor:pointer;width:15px;height:15px;position:absolute;right:15px;top:20px;z-index:99;}
 .menu ul li:hover span{background:url(../images/menu_arrow_hover.png) center center no-repeat;}
 .arrow_change span:nth-child(2){display:none;}
 .arrow_change span:first-child{position:relative;top:9px;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
 .arrow_change span:last-child{position:relative;top:1px;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
 .menuBar{padding:15px 0;}
 .menu{padding:5px 0;}
 .menu ul{display:none;background-color:#fff;position:absolute;top:100%;left:0;width:100%;z-index:99;}
 .menu ul li a{color:#071731;display:block;width:100%;font-size:14px;}
 .menu ul li ul{display:none;background-color:#e1e1e1;position:relative;top:5px;left:0;width:100%;z-index:1;padding:0;visibility: initial;opacity: 1;}
 .menu ul li:last-child ul{display:none;background-color:#e1e1e1;position:relative;top:5px;left:0;width:100%;z-index:1;}
 .menu ul li{display:block;padding:10px 15px 10px 15px;border-top:1px solid #cccccc54;text-align:left;position:relative;}
 .menu ul li span{position:absolute;right:30px;z-index:99;cursor:pointer;top:12px;text-align:center;}
 .menu ul li ul li ul{top:0;left:0;}
 .menu ul li ul li a{font-size: 12px;text-transform: none; background-color: #e1e1e1; padding: 8px 12px;color: #000;}
}
.header-contact .mobile-ligin-dropdown{
  display: none;
}

.headerarea .btn-primary{background: #2684B7;border: none;border-radius: 50px;padding: 6px 25px 6px 5px;}
.headerarea .btn-primary span{width: 35px;height: 35px;background: #fff;display: inline-block;border-radius: 50%;
  color: #2684b7;padding: 5px 0px;margin-right: 5px;}

.headerarea .btn-primary:hover {
	background-color: #fff;
	box-shadow: 0px 0px 1px #00000036;
}
/*-- header area stop --*/

/*-- banner area start --*/

.banner { height: 470px;background-position: center !important; background-repeat: no-repeat !important;background-size: cover !important; border-radius: 30px;  padding: 120px 0px 100px 60px;}
.banner-contain{position: relative;z-index: 9;width: 100%;max-width: 514px;}
.banner-contain h6{font-size: 22px;color: #000;}
.banner-contain h1{ font-size: 50px;font-family: "Poppins", serif; margin: 20px 0px;line-height: 55px;}
.banner-contain h1 span, .banner-contain h6 span{color: #F58332;}
.banner-contain .btn-primary{border-radius: 50px;background: #f58332;border-color: #F58332;display: flex;
  width: 165px;align-items: center;justify-content: space-between;padding: 4px 4px 4px 22px;}
.banner-contain .btn-primary span{width: 35px; height: 35px; background: #fff;display: flex; border-radius: 50%;
  color: #f58332;align-items: center;justify-content: center;transform: rotate(325deg);}


/*--  banner area stop --*/

.discoverarea .headertextin h4 {
    font-size: 30px;
    font-weight: 500;
}

.topselling .nav-tabs{border: none;
  justify-content: center;
  margin-top: 10px;}
.topselling .nav-tabs .nav-link{padding: 0px 10px;
  font-size: 17px;
  color: #000;}
.topselling .nav-tabs .nav-item.show .nav-link, .topselling .nav-tabs .nav-link.active{color: #EF7F1A; background: #fff; border-color: #fff;}
.topselling .nav-item{ border-right: 1px solid #000; line-height: 20px;}
.topselling .nav-item:last-child{border-right: 0px solid #f00}

.topselling  .nav-tabs .nav-link:focus, .topselling  .nav-tabs .nav-link:hover{color: #EF7F1A; background: #fff; border-color: #fff;}
 .categoriesin{background: #fff;
  border-radius: 30px;
  border: 1px solid #f2f2f2;
  box-shadow: 0px 0px 10px 0px #dddddd70;
  padding: 35px 10px;
  text-align: center;
  transition: all 0.3s ease-in-out 0s;} 

 .categoriesin:hover{ background: #DDF3FF;
  box-shadow: 0px 3px 0px 0px #2684B7;
  transition: all 0.3s ease-in-out 0s;}
.categoriesin:hover h5{ color: #2684B7;transition: all 0.3s ease-in-out 0s;}
 .categoriesin:hover img{ transform: scale(1.1);transition: all 0.3s ease-in-out 0s;}
 .categoriesimg img{transition: all 0.3s ease-in-out 0s;}
.categoriesimg{width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 25px;
  border: 2px solid #fff;
  box-shadow: 0px 0px 10px 0px #aaa;transition: all 0.3s ease-in-out 0s;}
 .categoriesin h5{ font-size: 17px; color: #000;}



.categoriesslider .owl-nav{ display: block !important;top: -75px; position: absolute; right: 0px;}
.categoriesslider .owl-nav button.owl-prev, .categoriesslider .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 50%;
    color: #000;
    font-size: 30px;
    font-size: 0;
}
.categoriesslider .owl-nav button.owl-prev span { 
  position: relative; 
  top: 0px; 
  font-size: 0; 
  display: flex; 
  align-items: center; 
  justify-content: center;
}
.categoriesslider .owl-nav button.owl-prev span::after {
    content: '\f060';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.categoriesslider .owl-nav button.owl-next span {
    position: relative;
    top: 0px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.categoriesslider .owl-nav button.owl-next span::before {
    content: '\f061';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.categoriesslider .owl-nav button.owl-prev:hover, .categoriesslider .owl-nav button.owl-next:hover {
    background: #62b1f7;
    border: 1px solid #62b1f7;
    color: #fff !important;
    transition: all .3s ease-in-out;
}



.categoriesslider .owl-stage-outer{ padding: 10px 0px;}


.weekareabox{background: #FFEC68;
  border-radius: 50px;
  padding: 40px 40px 0px 40px;}
.weekareabox h4{text-align: center;
  font-size: 70px;
  line-height: 80px;
  font-weight: 400;
  margin-bottom: 20px;}
.ourarea{ width: 80%;}
.ourarea h3{font-size: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #00000042;
  margin-bottom: 15px;}

.productin h5{font-size: 28px;}
.productin .addbtn{background: #2684b7;border: 1px solid #ddd;padding: 9px 26px;margin: 20px auto 25px; width: initial; text-align: center; color: #fff;}


.timeContainer {
  z-index: 2;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.timeContainer .wrapper {
  width: 800px;
  padding: 20px;
  max-height: 400px;
  display: flex;
  justify-content: space-around;
  gap: 20px;
}

.timeContainer .wrapper div {
 border-radius: 15px;
  text-align: center;
  width: 24%;
 background: #FFF;
  color: #0b0b0b;
  font-size: 11px;
  padding: 10px 0px;
  margin-top: 15px;
}

.timeContainer .wrapper div:first-child{
  background: #FFF;
  color: #0b0b0b;
  font-size: 11px;
  padding: 10px 0px;
  margin-top: 15px;
}


.timeContainer .wrapper div h2 {
  font-size: 25px;
  color: #000;
}

.circleDiv {
  position: fixed;
  z-index: -1;
  top: calc(50% - 237px);
  left: calc(-50% + 474px);
  width: 474px;
  height: 474px;
  border-radius: 100%;
  border: 6px dashed #00A3D0;
  animation: rotatingCircle infinite linear 60s;
}

@keyframes rotatingCircle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* MOUSE TRAIL STYLE */
#cursor {
  position: fixed;
  top: 0;
  left: 0;
  background-color: transparent;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 100%;
  pointer-events: none;
  user-select: none;
  backdrop-filter: invert(100%);
}


.popularboxin {
    height: 580px;
    background: #62b1f7;
    position: relative;
    border-radius: 25px;
    overflow: hidden;
}
.populerimg{position: absolute;
  bottom: 0px;}
.offer{position: absolute;
  top: 27px;
  left: 21px;
  background: #fff;
  width: 90px;
  height: 90px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px inset #bbb;font-size: 30px;
  color: #EF7F1A;
  text-align: center;
  padding: 8px 0px;}
.offer span{display: block;
  color: #000;
  line-height: 19px;
  font-size: 30px;}
.morebtn{position: absolute;
  bottom: 32px;
  left: 0px;
  padding: 10px 25px;
  background: #2684b7;
  color: #fff;
  border-radius: 25px;
  transition: all .5s ease-in-out;
  right: 0px;
  margin: 0px auto;
  text-align: center;
  width: 65%;}
  .morebtn:hover{background: #000;color: #fff;transition: all .5s ease-in-out;}
.popularareain:hover img{ transform:scale(1.1); transition: all .5s ease-in-out;}
.discoverarea .headertextin{width: 55%;}
.popularareain {
    border: 1px solid #ddd;
    padding: 2px;
    position: relative;
    text-align: center;
    margin-bottom: 0;
    border-radius: 25px;
}
  .popularareain:hover{border: 1px solid #2790C3;}
    .popularareaboximg img{transition: all .5s ease-in-out;}
  .popularareaboximg{background: #F8F7E2;
  padding: 30px 10px;
  border-radius: 25px;}
  .popularareaboxtext{margin-top: 16px;}
.popularareain h3 a {
    color: #000;
    font-size: 18px;
    display: block;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 0px 12px;
    font-weight: 600;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.popularareain ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    font-size: 12px;
    gap: 1px;
    margin: 0!important;
}
.popularareain ul li { color: #FCB32E;
  display: inline-block;
}
.popularareain h2 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
}
.popularareain h2 del span {
    color: #bfbfbf;
}

  .popularareain h2 span{color: #1c1c1c;
  margin-left: 7px;
  text-decoration-line: line-through;}
.popularareain h2 ins span {
    color: #1c1c1c;
    margin-left: 2px;
    text-decoration-line: initial !important;
}


.addbtn{width: 50%;
  border: 1px solid #2684b7;
  display: block;
  text-align: center;
  border-radius: 50px;
  padding: 9px 0px;
  color: #FFF;
  margin: 20px auto 20px;
  transition: all .3s ease-in-out;
  background: #2684B7;}


.added_to_cart {
    width: 100%;
    border: 1px solid #ffec68;
    display: block;
    text-align: center;
    border-radius: 50px;
    padding: 9px 0px;
    color: #000000;
    margin: -15px auto 20px;
    transition: all .3s ease-in-out;
    max-width: 150px;
    background-color: #ffec68;
}
  .addbtn:hover, .addbtn10:hover{background: #000;color: #fff; border: 1px solid #000;transition: all .3s ease-in-out;}
.popularareaboximg {
    height: 260px;
}
.popularareaboximg img{ width: 100%; height: 100%; object-fit: contain;}
.offarae{position: absolute;
  top: 15px;
  right: 15px;
  background: #ef7f1a;
  padding: 3px 15px;
  border-radius: 15px;
  text-align: center;
  color: #fff;}
.addbtn10{background: #2684b7;
  padding: 10px 30px;border: 1px solid #2684b7; transition: all .5s ease-in-out;
  display: inline-block;color: #fff;text-align: center;
  border-radius: 50px; margin-top: 15px;}

.offersarea{background: #B7D0E8;
  padding: 40px 45px 0px 40px;
  border-radius: 25px;}
  .offersareatext{width: 65%;position: relative;}
.offersareatext h3{font-size: 30px;
  margin-bottom: 7px;}
  .staffimginer{margin-top: -60px;}
  .staffboxinner{background: #E9FDE6;
  padding: 37px 23px 0px 40px;border-radius: 15px;
  position: relative; margin-bottom: 20px;}
  .stareaain{width: 100%;}
   .stareaain h4{font-size: 30px;
  margin-bottom: 0px;}
.staffimginerin{margin-top: 35px;}
.staffboxinnerinnn{background: #feecdb;}


.sellingproducts .owl-nav.disabled{ display: block !important;}
.sellingproducts .owl-nav button.owl-prev, .sellingproducts .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 50%;
    color: #000;
    font-size: 30px;
    font-size: 0;
}
.sellingproducts .owl-nav button.owl-prev span { 
  position: relative; 
  top: 0px; 
  font-size: 0; 
  display: flex; 
  align-items: center; 
  justify-content: center;
}
.sellingproducts .owl-nav button.owl-prev span::after {
    content: '\f060';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.sellingproducts .owl-nav button.owl-next span {
    position: relative;
    top: 0px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sellingproducts .owl-nav button.owl-next span::before {
    content: '\f061';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.sellingproducts .owl-nav button.owl-prev:hover, .sellingproducts .owl-nav button.owl-next:hover {
    background: #62b1f7;
    border: 1px solid #62b1f7;
    color: #fff !important;
    transition: all .3s ease-in-out;
}




.popularcollection .owl-nav{ display: block !important;top: -100px; position: absolute; right: 0px;}
.popularcollection .owl-nav button.owl-prev, .popularcollection .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 50%;
    color: #000;
    font-size: 30px;
    font-size: 0;
}
.popularcollection .owl-nav button.owl-prev span { 
  position: relative; 
  top: 0px; 
  font-size: 0; 
  display: flex; 
  align-items: center; 
  justify-content: center;
}
.popularcollection .owl-nav button.owl-prev span::after {
    content: '\f060';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.popularcollection .owl-nav button.owl-next span {
    position: relative;
    top: 0px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popularcollection .owl-nav button.owl-next span::before {
    content: '\f061';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.popularcollection .owl-nav button.owl-prev:hover, .popularcollection .owl-nav button.owl-next:hover {
    background: #62b1f7;
    border: 1px solid #62b1f7;
    color: #fff !important;
    transition: all .3s ease-in-out;
}





.headertextin h4{ font-size: 30px;}

.popularbrands .owl-stage-outer{padding: 10px 0px;}

.popularbrands .owl-nav.disabled{ display: block !important;top: -82px; position: absolute; right: 0px;}

.popularbrands .owl-nav button.owl-prev, .popularbrands .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 50%;
    color: #000;
    font-size: 30px;
    font-size: 0;
}
.popularbrands .owl-nav button.owl-prev span { 
  position: relative; 
  top: 0px; 
  font-size: 0; 
  display: flex; 
  align-items: center; 
  justify-content: center;
}
.popularbrands .owl-nav button.owl-prev span::after {
    content: '\f060';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.popularbrands .owl-nav button.owl-next span {
    position: relative;
    top: 0px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popularbrands .owl-nav button.owl-next span::before {
    content: '\f061';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.popularbrands .owl-nav button.owl-prev:hover, .popularbrands .owl-nav button.owl-next:hover {
    background: #62b1f7;
    border: 1px solid #62b1f7;
    color: #fff !important;
    transition: all .3s ease-in-out;
}


.clientbrands .owl-stage-outer{padding: 10px 0px;}

.clientbrands .owl-nav button.owl-prev, .clientbrands .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 50%;
    color: #000;
    font-size: 30px;
    font-size: 0;
}
.clientbrands .owl-nav button.owl-prev span { 
  position: relative; 
  top: 0px; 
  font-size: 0; 
  display: flex; 
  align-items: center; 
  justify-content: center;
}
.clientbrands .owl-nav button.owl-prev span::after {
    content: '\f060';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.clientbrands .owl-nav button.owl-next span {
    position: relative;
    top: 0px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.clientbrands .owl-nav button.owl-next span::before {
    content: '\f061';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.clientbrands .owl-nav button.owl-prev:hover, .clientbrands .owl-nav button.owl-next:hover {
    background: #62b1f7;
    border: 1px solid #62b1f7;
    color: #fff !important;
    transition: all .3s ease-in-out;
}





.popularbrandsbox {
    justify-content: center;
    box-shadow: 0px 0px 10px 0px #ddd;
    border-radius: 10px;
    padding: 7px 9px;
    display: flex;
    align-items: center;
    height: 90px;
    margin: 0 auto;
    text-align: center;
}
.popularbrandsbox img{width: 70% !important;
  margin: 0 auto;
  height: auto;
}



.customersaysarea{background: #FFCEA9;
  padding: 35px 25px;
  border-radius: 20px;}
.customersaysarea h3{font-size: 18px;
  margin-bottom: 20px;}
.customersaysarea p{font-size: 15px;
  font-weight: 300;}
.customersaysarea ul{margin: 20px 0px 20px 0px;
  background: #fff;
  border-radius: 15px;
  padding: 5px 20px;
  display: inline-block;}
.customersaysarea ul li{ display: inline-block;}
.customersays .owl-item.owl-item:nth-of-type(2n).customersaysarea{background: #f00;}

.customersays .owl-nav.disabled{ display: block !important;}
.customersays .owl-nav button.owl-prev, .customersays .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 50%;
    color: #000;
    font-size: 30px;
    font-size: 0;
}
.customersays .owl-nav button.owl-prev span { 
  position: relative; 
  top: 0px; 
  font-size: 0; 
  display: flex; 
  align-items: center; 
  justify-content: center;
}
.customersays .owl-nav button.owl-prev span::after {
    content: '\f060';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.customersays .owl-nav button.owl-next span {
    position: relative;
    top: 0px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.customersays .owl-nav button.owl-next span::before {
    content: '\f061';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.customersays .owl-nav button.owl-prev:hover, .customersays .owl-nav button.owl-next:hover {
    background: #62b1f7;
    border: 1px solid #62b1f7;
    color: #fff !important;
    transition: all .3s ease-in-out;
}


.askedinara h4{ font-size: 30px;}


.askedarea{ padding-bottom: 40px;}
.askedinara{border-bottom: 1px solid #ddd;
  margin-bottom: 40px;
  padding-bottom: 25px;}

.askedinara p{width: 30%;}
.helpsupport{width: 100%;
  background: #D5EBFF;
  padding: 60px 30px;
  border-radius: 20px;
  text-align: center;}
  .helpsupport h4{font-size: 30px;
  margin-bottom: 20px;}
  .helpsupport p{margin-bottom: 87px;
  font-size: 17px;}
.getin{padding: 16px 65px;
  background: #2684b7;
  border-radius: 25px;
  color: #fff;transition: all .5s ease-in-out;}
  .getin:hover {
  background: #2684B7;
  color: #fff;
  transition: all .5s ease-in-out;
}
  .askedarea .accordion-item {padding: 15px;margin-bottom: 15px; border: 1px solid #ddd !important;border-radius: 10px !important;}
.askedarea .accordion-item .accordion-header .accordion-button {padding: 0;font-size: 16px;font-weight: 500;color: #000;
background-color: transparent;box-shadow: none;}
.askedarea .accordion-item .accordion-header .accordion-button span{color: #000;margin-right: 5px;}
.askedarea .accordion-item .accordion-header .accordion-button:focus{background-color: transparent;box-shadow: none;}
.askedarea .accordion-item .accordion-header .accordion-button::after{display: none;}
.askedarea .accordion-item .accordion-header .accordion-button::before {content: '\f068';position: absolute;top: 0;right: 0;background-color: #2790C3;border-radius: 100%;font-family: FontAwesome;width: 24px;height: 24px;color: #fff;
font-size: 12px;text-align: center;line-height: 25px;}
.askedarea .accordion-item .accordion-header .accordion-button.collapsed::before{content: '\2b';background-color: #E5F7FF;color: #000;}
.askedarea .accordion-item .accordion-body {padding-left: 0;padding-right: 0;font-size: 15px;font-weight: 400;color: #000;
margin-top: 25px;padding-top: 15px;border-top: 1px solid #CACACA;}

.brandRow {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 15px;
}


.freeshipping {
    padding: 25px 0px 0;
    background-color: #f7f7f7;
}
.freeshipping .container{ border-bottom: 1px solid #ddd;}
.freearea{padding: 14px 0px; border-bottom: 2px solid transparent;}
.freearea:hover{border-bottom: 2px solid #2684B7;}
.freearea h6{font-size: 25px;}
.freearea p{font-size: 15px;color: #191818;font-weight: 400;}


/*-- footer area start --*/
.footer-logo {width: 100%;max-width: 230px;margin-bottom: 35px;}
.footer-logo img{width: 100%; object-fit: cover;}
.callarea{margin-right: 15px;}
.footer-area h6{font-size: 15px;
  color: #fff;
  font-weight: 300;
  margin-bottom: 5px;
  width: 70%;}
  
.footer-area h4{font-size: 20px;
  color: #fff;margin-bottom: 15px;} 

.footer-body-area {
  padding-bottom: 0px;
}
.footer h4, .footer h5 {
  color: #003946;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  margin: 0 0 10px;
}
.footer h5 {
  margin: 0 0 0px;
  color: #fff;
}
.footer ul li {
  margin-bottom: 10px;
}
.footer ul li:last-child {
  margin-bottom: 0;
}
.footer ul li a{
  color: #151515;
  font-size: 16px;
  font-weight: 400;
  transition: 0.5s;
}
.footer-area h3{text-align: center;
  font-size: 190px;
  position: relative;
  margin-bottom: -68px;
  text-transform: capitalize;
  color: transparent;
  -webkit-text-stroke: 1px #ffffff3d;
  line-height: 190px;}
 .footer-area h3::after{position: absolute;
  content: "";
  background: #fff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(51, 104, 130, 0.92) 61%);
  width: 100%;
  height: 100%;
  left: 0px;
  bottom: -35px;} 
  .cardimg{position: relative;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  text-align: center;
  bottom: 20px;}
.footer-area ul{padding: 0px 0px 10px 15px;
  margin: 0px;}
.footer-area ul li{margin-bottom: 4px;
  list-style: outside;
  color: #fff;}

.footer-area ul li a{color: #fff;font-weight: 300;font-size: 14px;}

.footer-area ul li:hover a{
  color:#F58332;
}
.footer address, .footer a{
  color: #fff;
  font-size: 17px;
  font-weight: 400;
}
/*.footer a:hover{
  text-decoration: underline;
}*/
.footer-area{background: #336882;}
.footer {
  margin-top: 20px;
}
.footer:last-child{
  margin-bottom: 0;
}
.footer .footer-social{
  display: flex;
}
.footer .footer-social li a{
  width: 100%;
  min-width: 38px;
  max-width: 38px;
  height: 38px;
  border-radius: 100%;
  background-color: #003946;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #ffffff;
  transition: 0.5s;
  text-decoration: none;
}
.footer .footer-social li a:hover{
  background-color: #FFC727;
  color: #000000;
}
.footer .form-control {
    height: 55px;
    color: #000;
    border-radius: 10px;
    background: transparent;
    border: 1px solid #000;
    padding-right: 80px;
    position: relative;
    padding-left: 15px;
}
.footer .btn {
    border: none;
    background: #E2B842;
    border-radius: 10px;
    margin-top: 10px;
    color: #000;
    font-size: 17px;
    position: absolute;
    letter-spacing: 0;
    top: -5px;
    right: 7px;
    padding: 10px 15px;
}

.footer .btn:hover {
    background: #13ACC2;
}
.footer .form-group {
  position: relative;
}

.copyright {
    width: 100%;
  background-color: #2F5C72;
  text-align: center;
  padding: 18px 0px;
  position: relative;
}

.copyright p {
    text-align: right;
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}
.copyright p span {
    color: #E2B842;
    font-weight: 500;
}
.copyright p a{
  font-weight: 500;
  color: #FFC727;
}
.footer .fa-angles-right {
  font-size: 15px;
  color: #13ACC2;
}
.footer-social {
    display: flex;
   
}

.footer-social li {
    margin: 0px 5px;
    list-style: none !important;
}

.footer-social li a {
    width: 100%;
    min-width: 38px;
    max-width: 38px;
    height: 38px;
    border-radius: 5px;
    
    border: 1px solid #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    transition: 0.5s;
    text-decoration: none;
    
}

.footer-social li a:hover {
    background-color: #fff;
    border: 1px solid #ffff;
    color: #2F5C72;
}

/*-- footer area stop --*/





























/*-- index contact area start --*/
.index-contact-area{
  background-color: #346182;
}
.index-contact-area .index-contact-contain{
  padding: 100px 0;
}
.index-contact-area .index-contact-contain h3 {
  color: #FFFFFF;
  font-size: 50px;
  font-weight: 500;
  line-height: 58px;
  margin-bottom: 20px;
}
.index-contact-area .index-contact-contain p {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin: 0 0 25px;
}
.index-contact-area .index-contact-img img{
  width: 100%;
  object-fit: cover;
}
.index-contact-area .index-contact-main-img{
  display: flex;
  align-items: end;
}
/*-- index contact area stop --*/

/*-- heading area start --*/
.heading{
  margin-bottom: 55px;
}
.heading h2, .heading h3 {
  color: #081740;
  font-size: 45px;
  font-weight: 500;
  line-height: 55px;
  margin: 0 0 15px;
}
.heading p{
  font-size: 20px;
}
.heading .tagline {
  color: #013A63;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 5px;
}
/*-- heading area stop --*/


.innerwhychoose{ background: #346182;}
.innerbanner{background: #FFF8DE;}
.bannertext{width: 100%;max-width: 450px;}
.bannertext h1{font-size: 60px;line-height: 70px;}
.bannerimg{width: 100%;max-width: 350px;}
b, strong {font-weight: bold;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n){ margin-top: 100px; }
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lthumblebox{order: 2;}
.lambdinner_box .lambdinner_textbox .practicon{width: 65px;height: 65px;border-radius: 61px;background: rgba(47, 108, 215, 0.10);
margin-bottom: 20px;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lambdinner_textbox .practicon{display: inline-block;margin-right: 20px;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lambdinner_textbox .practicon img{right: -5px;}
.lambdinner_box .lambdinner_textbox .practicon img{position: relative;top: 5px;right: -20px;}
.lambdinner_box .lambdinner_thumble {width: 500px;display: flex;position: relative;left: 40px;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n)  .lambdinner_thumble{margin-right: auto;}

.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lambdinner_thumble:before{right: inherit; left:-30px; bottom:-30px;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n)  .lambdinner_thumble:after {right: -20px;left: auto;}
.lambdinner_box .lambdinner_thumble img{ width: 100%; object-fit: cover;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .ltextbox .lambdinner_textbox{padding-right: 35px;padding-left: 0px;text-align: left;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lambdinner_textbox h2, .lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lambdinner_textbox p{ text-align:left;}
.lambdinner_totalarea .lambdinner_box .btn-custom{ text-transform:capitalize;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .btn-custom1{ float:right;}
.lambdinner_box .lambdinner_textbox h2{font-weight: 600;font-size: 45px;line-height: 50px;color: #081740;margin-bottom: 25px;text-align: left;text-transform: capitalize;position: relative;}
.lambdinner_box .lambdinner_textbox h6{font-size: 20px;color: #013A63;}
.lambdinner_box .lambdinner_textbox p{font-weight: 300;font-size: 17px;line-height: 25px;color: #000;margin-bottom: 15px;
text-align: left;max-width: 100%;}
.lambdinner_box .lambdinner_textbox .btn-custom{background:#FDD335;padding: 13px 35px;display: inline-block;color: #000;text-align: center;font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.32px;margin: 20px 0px 0px 0px; border-radius: 25px; transition:all .3s ease-in-out;}
.lambdinner_box  .lambdinner_textbox .btn-custom:hover{ color:#fff;background:#000; transition:all .3s ease-in-out;}
.innerwhychoose h2{ color: #fff;}


.expertstaffarea{ padding: 50px 0px;}
.staffbox{box-shadow: 0px 0px 10px 0px #ddd;border-radius: 5px 50px 0px 5px;padding: 35px 26px;text-align: center;position: relative;transition: all .5s ease-in-out;}
.staffimg{width: 70px;height: 70px;background: #E2B84266;margin: 0 auto 15px;padding: 6px;border-radius: 50%;
  display: flex;align-items: center;justify-content: center;transition: all .5s ease-in-out; }
.staffimg img{width: 80%;transition: all .5s ease-in-out;}
.staffbox h4{font-size: 22px;color: #0D4660;margin-bottom: 6px;font-weight: 500;}
.staffbox p{font-size: 15px;margin-bottom: 0px;line-height: 23px;}
.staffbox::after{position: absolute;content: "";width: 100px;height: 2px;background: #E2B842;bottom: 0px;
  left: 0px;right: 0px;margin: 0 auto;}
  .staffbox:hover .staffimg{background: #13ACC224; transition: all .5s ease-in-out;}
  .staffbox:hover::after{background: #13ACC2;transition: all .5s ease-in-out; width: 160px;}
.indexabout-box h4{font-size: 28px;color: #13ACC2;margin-bottom: 10px;
    font-family: 'squishy_whale_demoregular';}
  .indexabout-box{padding-left: 50px;}
  .indexabout-box h3{font-size: 40px;color: #000;margin-bottom: 15px; font-weight: 600;}
  .indexabout-box .btn-primary{ margin-top: 20px;}

.service-area{ position: relative;transition: all .5s ease-in-out;}
.serviceimg{height: 430px; overflow: hidden;border-radius: 15px; position: relative;transition: all .5s ease-in-out;}
.service-area::after{ position: absolute; content: ""; width: 100%; height: 100%;background: linear-gradient(0deg, rgb(0, 0, 0) 7%, rgba(0,0,0,0.08725488486410193) 65%); top: 0px; left: 0px;border-radius: 15px;}
.serviceimg img{width: 100%;height: 100%;object-fit: cover;border-radius: 15px;transition: all .5s ease-in-out;}
.mediatext{position: absolute;bottom: 0px;padding: 15px 20px; z-index: 9;}
.mediatext h5{color: #FFF;font-size: 26px;margin-bottom: 10px;}
.mediatext p{font-size: 15px;color: #fff;margin-bottom: 13px;line-height: 22px;}
.mediatext .btn-primary{width: 100%;background: #fff;color: #000;text-align: left;border-radius: 25px;
  border: none;padding: 10px 15px;display: flex;align-items: center;justify-content: space-between;}
.mediatext .btn-primary:hover{border-color: #e3b942;background-color: #e3b942;color: #000;}
.service-area:hover img{ transform: scale(1.1); transition: all .5s ease-in-out;}

.services-carousel .owl-nav button.owl-prev, .services-carousel .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 50%;
    color: #000;
    font-size: 30px;
    font-size: 0;
}
.services-carousel .owl-nav button.owl-prev span { 
  position: relative; 
  top: 0px; 
  font-size: 0; 
  display: flex; 
  align-items: center; 
  justify-content: center;
}
.services-carousel .owl-nav button.owl-prev span::after {
    content: '\f060';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.services-carousel .owl-nav button.owl-next span {
    position: relative;
    top: 0px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.services-carousel .owl-nav button.owl-next span::before {
    content: '\f061';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.services-carousel .owl-nav button.owl-prev:hover, .services-carousel .owl-nav button.owl-next:hover {
    background: #E2B842;
    border: 1px solid #E2B842;
    color: #fff !important;
    transition: all .3s ease-in-out;
}


.whychooseus_area{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;
  padding: 550px 0px 0px; position: relative;}
  .whychooseus_area::after{ position: absolute; content: ""; background: url(../images/Watchvideoshap.png);width: 100%;
    height: 250px;top: -20px;}
    .whychooseus_area::before{ position: absolute; content: ""; background: url(../images/bannershap.png);width: 100%;
      height: 250px;bottom: 0px;}
.videobox{width: 100%;max-width: 350px;background: #fff;position: absolute;bottom: 0px;z-index: 9;padding: 8% 25px 47px;text-align: center;border-radius: 10px 10px 0px 0px; clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);}
.videobox h4{font-size: 28px;color: #13ACC2;margin-bottom: 10px;  font-family: 'squishy_whale_demoregular';}
.videobox h3{font-size: 30px;font-weight: 600;margin: 0px 0px 15px 0px;}
/*.videobox::after {
    content: "";
    position: absolute;
    border: 1px solid #E2B842;
    border-bottom: none;
    width: 330px;
    height: 96%;
    top: 20px;
    left: 10px;
    border-radius: 10px 10px 0 0;
     margin: 0 auto; 
}*/

.play-btn-box {border: 2px rgb(226 184 66) solid;border-radius: 50%;width: 140px;height: 140px;margin: 0px auto;display: flex;align-items: center;justify-content: center;position: absolute; top:25%;right: 0px;left: 0px;}
.play-btn-line1 {border: 2px rgb(226 184 66) solid;border-radius: 50%;width: 115px;height: 115px;display: flex;align-items: center;justify-content: center;border-right-color: transparent;}
.play-btn-line2 {border: 2px rgb(226 184 66) solid;border-radius: 50%;width: 90px;height: 90px;display: flex;align-items: center;justify-content: center;border-right-color: transparent;}
.play-button {background-color: #e2b842;width: 65px;height: 65px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.play-button .fas {width: 24px;height: 26px;margin-left: 7px;font-size: 28px;color: #fff;}
#line1 {-webkit-animation: rotation 4s infinite linear;}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

#line2 {-webkit-animation: rotation1 3s infinite linear;}

@-webkit-keyframes rotation1 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}


/* ======================================================================= */
    /* our_gallery start */
/* ======================================================================= */

.our_gallery {
  width: 100%;
}

.planing_gallery {
    column-count: 3;
    --webkit-column-count: 3;
    --moz-column-count: 3;
    gap: 1rem;
    padding: 0;
    margin-top: 50px;
}

.planing_gallery .galleryimg {
  margin-bottom: 1rem;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.planing_gallery .galleryimg:hover {
  margin-bottom: 1rem;
  cursor: pointer;
}

.galleryimg img {
  height: auto;
  width: 100%;
  object-fit: cover;
  transition: 1s;
  border-radius: 15px;
}

.galleryimg:hover img {
  opacity: 0.7;
}


/* ======================================================================= */
    /* fresh_water start */
/* ======================================================================= */

.fresh_water {
  width: 100%;
}
.fresh_water_in {
  width: 100%;
  background-color: #FFF1C9;
  padding: 40px 0px 0 50px;
  border-radius: 15px;
}

.fresh_water .headertext {
  padding-right: 60px;
}

.fresh_water_left {
  width: 100%;
  position: relative;
}

.fresh_water_leftpic {
  height: 410px;
  position: relative;
  display: flex;
  overflow: hidden;
  border-radius: 10px;
}

.fresh_water_leftpic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}










.fresh_water h3 {
    position: relative;
}

.fresh_water h3::before {
  content: "";
  background-color: #000;
  position: absolute;
  bottom: -10px;
  width: 65px;
  height: 3px;
  border-radius: 30px;
  left: 0;
}

.fresh_water h3::after {
    content: "";
    background-color: #000;
    position: absolute;
    bottom: -10px;
    left: 70px;
    width: 15px;
    height: 3px;
    border-radius: 30px;
}

.fresh_water p {
   margin-top: 15px;
   display: inline-block;
}

.count_box {
    background-color: #fff;
    padding: 35px 25px;
    margin-top: 60px;
    border-radius: 15px 0px 0 0;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
}
.count_text h4 {
  font-size: 28px;
  color: #0D4660;
  font-weight: 600;
  margin-bottom: 10px;
}
.count_text h6 {
  font-size: 14px;
  color: #000;
}







/* ======================================================================= */
    /* letsgo start */
/* ======================================================================= */

.letsgo {
  width: 100%;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  padding: 200px 0px 80px;
  position: relative;
}

.letsgo .headertext {
  width: 50%;
  margin: 0 auto;
}

.letsgo h4 {
  color: #fff;
}

.letsgo h3 {
  color: #fff;
}

.yellowBtn {
  border-color: #E2B842;
  background-color: #E2B842;
  color: #fff;
  border-radius: 6px;
  margin-top: 20px;
}

.yellowBtn:hover {
  border-color: #13ACC2;
  background-color: #13ACC2;
  color: #fff;
}

/* ======================================================================= */
    /* aboutus start */
/* ======================================================================= */

.aboutus {
  width: 100%;
  position: relative;
  height: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.aboutus::after {
  position: absolute;
  content: "";
  background: url(../images/bannershap.png);
  width: 100%;
  height: 150px;
  bottom: 0px;
}

.aboutus h1 {
  margin-bottom: 10px;
}

.breadcrumb-item.active {
  color: #000;
}

.breadcrumb-item a {
  color: #000;
  text-decoration: none;
}

/* ======================================================================= */
    /* ourstory start */
/* ======================================================================= */

.ourstory {
  width: 100%;
  text-align: center;
  padding-bottom: 0;
}

.ourstory .headertext {
  width: 70%;
  margin: 0 auto;
}

.headertext h3 {
  font-weight: 600;
}

/* ======================================================================= */
    /* trustus start */
/* ======================================================================= */

.trustus {
  width: 100%;
}

.trustus .staffbox {
  box-shadow: 0px 0px 10px 0px #ddd;
  border-radius: 15px 15px 15px 15px !important;
  padding: 60px 26px;
  text-align: center;
  border: 1px solid #0f73a1;
  position: relative;
  transition: all .5s ease-in-out;
}

.trustus .staffbox::after {
  display: none;
}

/* ======================================================================= */
    /* testimonials start */
/* ======================================================================= */

.testimonials {
  width: 100%;
}

.testimonials_in {
  width: 100%;
  margin-top: 50px;
}

.slide_box {
    width: 100%;
    padding: 0 25px 0 0;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 35px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px #ddd;
    margin: 15px;
}

.slide_boxpic {
  width: 300px;
  height: 390px;
  position: relative;
  display: flex;
  overflow: hidden;
  border-radius: 10px;
  flex-basis: 300px;
  flex-shrink: 0;
}

.slide_boxpic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slide_text p {
    font-size: 15px;
    color: #000;
    font-style: italic;
    position: relative;
    margin-bottom: 30px;
}

.slide_text p::before {
  content: "";
  position: absolute;
  bottom: -15px;
  width: 190px;
  opacity: 50%;
  height: 2px;
  background-color: #000;
  border-radius: 15px;
}

.slide_text p::after {
  content: "";
  position: absolute;
  left: 195px;
  bottom: -15px;
  width: 25px;
  opacity: 50%;
  height: 2px;
  background-color: #000;
  border-radius: 15px;
}

.slide_text h5 {
  font-size: 17px;
  color: #000;
  font-weight: 500;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.slide_text h6 {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    font-style: italic;
}

.slide_texticon {
  width: 54px;
  height: 41px;
  position: relative;
  display: flex;
  overflow: hidden;
  margin-bottom: 20px;
}

.slide_texticon img {
  width: 100%;
  height: 100%;
}


.testimonials-carousel .owl-nav button.owl-prev, .testimonials-carousel .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 50%;
    color: #000;
    font-size: 30px;
    font-size: 0;
}
.testimonials-carousel .owl-nav button.owl-prev span { 
  position: relative; 
  top: 0px; 
  font-size: 0; 
  display: flex; 
  align-items: center; 
  justify-content: center;
}
.testimonials-carousel .owl-nav button.owl-prev span::after {
    content: '\f060';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.testimonials-carousel .owl-nav button.owl-next span {
    position: relative;
    top: 0px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.testimonials-carousel .owl-nav button.owl-next span::before {
    content: '\f061';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.testimonials-carousel .owl-nav button.owl-prev:hover, .testimonials-carousel .owl-nav button.owl-next:hover {
    background: #E2B842;
    border: 1px solid #E2B842;
    color: #fff !important;
    transition: all .3s ease-in-out;
}

.testimonials-carousel .owl-nav {
    position: absolute;
    top: -110px;
    display: inline-flex;
    right: 0;
    justify-content: end;
}



/* ======================================================================= */
    /* our_services start */
/* ======================================================================= */

.our_services {
  width: 100%;
  text-align: center;
}

.our_services_row {
  width: 100%;
  margin-top: 35px;
}

.services_card {
  width: 100%;
  margin-bottom: 20px;
}

.services_cardpic {
  height: 340px;
  position: relative;
  display: flex;
  border-radius: 12px;
  overflow: hidden;
}

.services_cardpic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.services_card_btm {
  width: 100%;
  padding: 20px;
  text-align: center;
}

.services_card_btm h4 {
  font-size: 22px;
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
}

.services_card_btm p {
  margin-bottom: 15px;
}

.moreBtn {
    border: 1px solid #000;
    background-color: transparent;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    border-radius: 30px;
    text-align: center;
    padding: 10px 20px;
    margin: 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: 0.6s;
}

.moreBtn:hover {
  border: 2px solid #E2B842;
  background-color: #E2B842;
}

.services_card:hover .services_cardpic img {
  transform: scale(1.1);
}

.services_card:hover .moreBtn {
  border: 2px solid #E2B842;
  background-color: #E2B842;
}



/* ======================================================================= */
    /* contact start */
/* ======================================================================= */

.p-70{ padding: 70px 0px;}
.contactarea{ padding: 70px 0px;}
.contactbox{overflow: hidden;border-radius: 10px;position: relative;z-index: 9;background: #fff;}
.contactleft{padding: 35px 30px;}
.contactbox h4{font-size: 30px;line-height: 35px; color: #000;font-weight: 500;margin-bottom: 10px;}
.contactbox p{font-size: 16px;line-height: 27px;margin-bottom: 25px;}
.contactright .counter-body h6 a{color: #000;}
.contactleft .form-group{margin-bottom: 15px;}
.contactleft .form-control{height: 45px;border: none;border-bottom: 1px solid #ced4da;border-radius: 0px;padding: 0px;}
textarea.form-control {min-height: 110px;resize: none;}
.contactright{background: #2684B7;height: 100%;padding: 35px 40px 35px 25px;}
.contactright h4{font-size: 30px;line-height: 35px;color: #fff;font-weight: 500;margin-bottom: 10px;}
.contactright p{font-size: 16px;line-height: 27px;margin-bottom: 25px;color: #fff;}
.contactright .counter{align-items: center;border-bottom: 1px solid #e7e7e7;padding-bottom: 15px;margin-bottom: 15px;}
.contactright .counter:last-child{border-bottom: none}
.contactright .counter-img{width: 40px;height: 40px;background: #2684b7;border-radius: 50%;text-align: center;justify-content: center;margin-right: 10px;display: flex;align-items: center;font-size: 20px;color: #fff;}
.contactright .counter-body h5{font-size: 20px;line-height: 30px;color: #000;margin-bottom: 0px;}
.contactright .counter-body p{font-size: 15px;line-height: 20px;}
.contsocialmedia{ position:relative;margin-top: 40px;}
.contsocialmedia ul {margin: 0;padding: 0;list-style: none;}
.contsocialmedia ul li {position: relative;display: inline-block;list-style: none;border-radius: 7px;overflow: hidden;margin: 0 3px;}
.contsocialmedia ul li a{width: 39px;height: 39px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 18px;border: 1px solid #fff;border-radius: 50%;transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;    -khtml-transition: all ease-in-out 0.5s;}
.contsocialmedia ul li:hover a{border: 1px solid #fff;background-color: #fff;color: #000;transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-khtml-transition: all ease-in-out 0.5s;}
.contactright .socialmedia{ position:inherit;}
.contactright .socialmedia ul{text-align: left;max-width: initial;margin: 45px auto 0px;position: initial;background: inherit;}
.map{margin-top: 0px;filter: grayscale(100%);}
.maparea iframe {
  width: 100%;
  height: 500px;
  border: none;
}

/* ======================================================================= */
    /* contact start */
/* ======================================================================= */
.bannertext {
    width: 100%;
    max-width: 500px;
}
.services_details {
    width: 100%;
    padding: 80px 0;
    background-color: #fbfbfb;
}

.details_box {
    width: 100%;
}

.details_box_head {
    width: 100%;
}

.details_box_head h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 0px;
}

.details_box_head h3::after {
    display: none;
}

.marketing_circle {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #ffb700;
}

.detail_part {
    width: 100%;
    margin-top: 20px;
}

.detail_partpic {
    height: 450px;
    display: flex;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 25px;
}

.detail_partpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.detail_part p {
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #000;
}

.detail_part h4 {
    font-size: 22px;
    font-weight: 600;
    margin: 15px 0;
    position: relative;
    padding-bottom: 0px;
}

.detail_middle {
    width: 100%;
    margin-top: 25px;
}

.detail_middlepic {
    height: 275px;
    display: flex;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.detail_middlepic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.details_box ul {
    padding: 0;
    margin: 0 0 0 20px;
    list-style: none;
}

.details_box ul li {
    width: 100%;
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 22px;
    color: #000;
    list-style-type: disc;
}

.detail_part h5 {
    font-size: 22px;
    font-weight: 600;
    margin: 35px 0 15px;
    position: relative;
    border-left: 3px solid #13ACC2;
    padding-left: 15px;
}

.detail_partimg4 {
    height: 400px;
    display: flex;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin: 25px 0;
}

.detail_partimg4 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.detail_article {
    width: 100%;
    padding: 15px 0 15px 15px;
    margin: 25px 0;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
    border-top: 1px solid #B5B4B4;
    border-bottom: 1px solid #B5B4B4;
}

.detail_article h6 {
    font-size: 17px;
    font-weight: 600;
}

/*.detail_article {border: 1px solid #ffb700;border-radius: 10px;padding: 20px;box-shadow: 0px 0px 10px 0px #c5c5c5;}*/
/*.detail_article h4{font-size: 20px;font-weight: 600;margin-bottom: 15px;position: relative;}*/
.detail_article ul{padding: 0px;margin: 0px;display: flex;justify-content: space-between;text-align: center; gap: 7px;}
.detail_article ul li{ display: inline-block; margin-bottom: 0;}
.detail_article ul li a{display: flex;width: 35px;height: 35px; border: 1px solid #514444;align-items: center;
justify-content: center;border-radius: 50%;}
.detail_article ul li span{ display: block;text-transform: uppercase;font-size: 12px;}

.interested_box {
    width: 100%;
    padding: 25px 25px;
    border: 2px solid #D00000;
    border-radius: 16px;
    text-align: center;
    box-shadow: inset 0px 0px 10px 0px #c5c5c5;
}

.interested_box h4 {
    font-family: "Poppins";
    font-size: 30px;
    color: #000;
    font-weight: 600;
}

.interested_box .btn {
    border-radius: 8px;
    border: none;
    color: #fff;
    overflow: hidden;
    padding: 10px 25px;
    position: relative;
    transition: 0.5s;
    font-size: 17px;
    font-weight: 500;
    background-color: #D00000;
}

.interested_box .btn:hover {
    background-color: #38B000;
}

/* // categories_box start */
.categories_box {
    width: 100%;
    background-color: #fff;
    padding: 25px 15px;
    border-radius: 10px;
    border: 1px solid #E2B842;
    box-shadow: 0 4px 15px 0px rgb(0 0 0 / 10%);
}

.categories_box h5 {
    font-family: "Poppins", serif;
    font-size: 22px;
    color: #3A0E44;
    font-weight: 600;
    padding-left: 0px;
    margin-bottom: 15px;
    position: relative;
}

.categories_box h5::before {
    content: "";
    position: absolute;
    left: -15px;
    height: 100%;
    width: 3px;
    background-color: #FBAF41;
}

.categories_box_card {
    width: 100%;
    padding: 0px;
}

.categories_box_card ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.categories_box_card ul li {
    width: 100%;
}

.categories_box_card ul li a {
    width: 100%;
    display: flex;
    align-items: center;
    font-family: "Poppins", serif;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    padding: 12px;
    border-radius: 8px;
    margin-top: 15px;
    text-decoration: none;
    background-color: #F6F7F8;
    box-shadow: inset 0px 4px 4px 0 rgb(0 0 0 / 10%);
    transition: 0.3s;
}



.categories_box_card ul li a:hover {
    color: #000;
    background-color: #E2B842;
    box-shadow: none;
}

.categories_box_card .fa-arrow-right {
    margin-right: 10px;
    font-size: 14px;
}

@media (min-width: 992px) {
    .services_details .col-lg-8 {
        flex: 0 0 auto;
        width: 73%;
    }

    .services_details .col-lg-4 {
        flex: 0 0 auto;
        width: 27%;
    }
}

.categories_box_card .active {
    background-color: #E2B842;
    color: #000;
}






/*-- inner banner area start --*/
.innerbanner-area {
    height: auto;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #f7f7f7;
    background-image: none!important;
    margin-top: -8px;
}
.innerbanner-area
.innerbanner-area .contain-box{
    position: relative;
    z-index: 1;

}
.innerbanner-area .contain-box h1 {
    color: #000;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 600;
  margin: 0px 0 0px;
  line-height: 50px;
	display:none;
}
nav.rank-math-breadcrumb p {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    padding: 20px 0;
}

.breadcrumb{
	padding: 0;
	margin: 0;
	background-color: transparent;
	border-radius: 0;
}
.breadcrumb .breadcrumb-item a{
	font-size: 17px;
	font-weight: 600;
	color: #000;
}
.breadcrumb .breadcrumb-item a:hover{
	text-decoration: underline;
}
.breadcrumb .breadcrumb-item.active{
	color: #000;
    font-weight: 600;
	text-transform: capitalize;
}
.breadcrumb-item + .breadcrumb-item::before{
	color: #000;
}
/*-- inner banner area stop --*/


.wp-block-woocommerce-cart .wc-block-components-product-price {
    font-size: 16px!important;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata, .wc-block-components-order-summary .wc-block-components-order-summary-item__description p {
    font-size: 12px;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices {
    display: block;
    padding-top: 0px;
    font-size: 14px!important;
}
.aboutSec.p-80 {
    padding: 40px 0;
}
.wc-block-components-order-summary.is-large {
	min-height: 0;
	max-height: 520px;
	overflow: auto;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-price__regular.wc-block-components-order-summary-item__regular-individual-price {
	text-decoration-line: line-through;
	color: #8e8e8e;
}
.clientbrands  .popularbrandsbox {
	width: 96%;
}
.woof_list label {
    padding-top: 2px;
    padding-bottom: 4px;
    font-size: 13px;
}
ul.woof_list.woof_list_checkbox {
    min-height: 180px;
    max-height: 0;
    overflow: auto;
}
/*-- product list area start --*/
.productlist-area {
    padding: 40px 0px;
}
.list-add{
  margin: 0 0 30px;
}
.list-add img{
  width: 100%;
  object-fit: cover;
}
.sort-area{
 border-bottom: 1px solid #f4eedc;
margin-bottom: 15px;
background: #FDF9EE;padding: 10px 0px;
}
.sort-area .sort-right .btn-view {
  margin-right: 8px;
  font-size: 30px;
  color: #999999;
  border: none;
  background-color: transparent;
  padding: 0;
  position: relative;
top: 10px;
}
.sort-area .sort-right .btn-view:hover, .sort-area .sort-right .btn-view.active{
  color: #000000;
}
.sort-area .sort-left p {
  color: #000000;
font-size: 13px;
font-weight: 400;
margin: 0;
padding: 6px 0px 0px 20px;
}
.sort-area .sort-right ul{ padding:0px; margin:0px;}
.sort-area .sort-right ul li {
  position: relative;
  display: inline-block;
  padding: 5px 0 0;
  margin-right: 10px;
}
.sort-area .sort-right ul li:last-child{
  margin-right: 0;
}
.sort-area .sort-right ul li::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 55%;
  background-color: #ccc;
}
.sort-area .sort-right ul li:last-child::after{
  display: none;
}
.sort-area .sort-right label {
  color: #000;
  font-size: 14px;
  padding: 0;
  display: block;
}
.sort-area .sort-right select.form-select {
    font-size: 14px;
    font-weight: 400;
    color: #808080;
    border: none;
    background-color: transparent;
    cursor: pointer;
    width: 142px;
    margin-left: 12px;
    padding: 0;
}
.sort-area .sort-right select.form-select:focus{
  box-shadow: none;
}

.productlist-area .product-box.card .card-img img {
  height: 215px;
  width: auto;
}
.page-link{
  color: #7b7b7b;
border-radius: 50%;
width: 35px;
height: 35px;
padding: 5px 0px;
text-align: center;
background: #F2F3F4;
border: 1px solid #ddd;
}
.page-link span{position: relative;
}
.page-link:hover{
  border-color: #f58332;
  background-color: #f58332;
  color: #ffffff;
}
.page-item.active .page-link{
  border-color: #f58332;
  background-color: #f58332;
  color: #ffffff;
}
.page-item:first-child .page-link {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.page-item:last-child .page-link {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.filter-box h4{
  border-bottom: 1px solid #b2b2b2;
  margin-bottom: 15px;
}
.filter-box h4 strong {
  position: relative;
  padding-bottom: 12px;
  color: #000;
  font-size: 17px;
  font-weight: 600;
  display: inline-block;
}
.filter-box h4 strong::after{
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #2684b7;
}
.form-check-input:checked {
  background-color: #01A9F4;
  border-color: #01A9F4;
}
.form-check-input:focus{
  box-shadow: none;
}
.filter-box .form-check{
  margin: 0 0 10px;padding: 5px 0px 0px 30px;
}
.filter_header h5{font-size: 18px;
font-weight: 400;
color: #000; margin-bottom:0px;}
.filter_header h5:after{ display:none;}


.filter_header .reset {
  border: none;
background: transparent;
color: #000;
padding: 0px;
outline: none;
line-height: 20px;
font-size: 14px;
text-decoration: underline;
}
.filter-box{
 margin: 0 0 25px;
  padding: 20px 15px;
  box-shadow: 0px 0px 5px 0px #ddd;
  border-radius: 5px;
}
.productlist-leftbody{
  border-left: 1px solid #bfbfbf;
  padding-left: 20px;
}
.product-box.card{
  margin-bottom: 30px;
  padding: 10px; border-radius:10px;
}
.product-box.card:hover{border: 1px solid #01A9F4;}
.product-box.card .card-img{
  
  border-radius: 5px;
 
  position: relative;
 
  overflow: hidden;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}

.product-box.card .card-img img{
  object-fit: contain;
  position: relative;
  z-index: 0;
  width: auto;
}
.product-box.card .card-img .off-tag {
  background-color: #ed3f44;
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  position: absolute;
  top: 15px;
  left: 15px;
  padding: 3px 5px;
}
.product-box.card .card-img .addtocart {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}
.product-box.card .card-img .addtocart ul li{
  margin-bottom: 10px;list-style: none;
}
.product-box.card .card-img .addtocart ul li:last-child{
  margin-bottom: 0;
}
.product-box.card .card-body{
  padding: 0px 0 0;
  text-align: center;
}
.product-box.card .card-body h5{
  olor: #090a09;
font-size: 20px;
font-weight: 400;
margin: 0 0 8px;
padding: 0px 10px;
}
.product-box.card .card-body .star {
  color: #f7c548;
  font-size: 14px;
  letter-spacing: 2px;
  margin: 0 0 5px;
}

.product-box.card .card-body .price{padding: 0px;
margin-top: 15px;}

.product-box.card .card-body .price li {
  display: inline-block;
  margin-right: 2px;
  color: #01a9f4;
  font-size: 17px;
  font-weight: 500;
}
.product-box.card .card-body .price li.cut-price {
  color: #777575;
text-decoration: line-through;
font-weight: 400;
}
.btn-wishlist {
  width: 36px;
  height: 36px;
  background-color:#fff;
  border-radius: 50%;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #393939;
  color: #393939; -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}
.btn-wishlist:hover{background-color:#F7C548;border: 1px solid #fff;
  color: #fff; -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;}

.btn-wishlist.btn-wishlist-checked{
  background-color: #ef7e18;
  color: #ffffff;
}
.pagination li{ margin:0px 5px;}
.filter{background: #2684b73d;
  border-radius: 0px;
  border: 1px solid #2684b72e;
  padding: 11px 15px;}
.productlist-area .productimg{ height:300px !important;}
.filter-box .formfild{ width: 100%; margin: 0px !important;}
.filter-box .btn-primary{width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;}


/*-- product list area stop --*/


/* ======================================================================= */
    /* contact start */
/* ======================================================================= */

.contactarea{ padding: 50px 0px;}
.contactbox{overflow: hidden;border-radius: 10px;position: relative;z-index: 9;background: #fff;}
.contactleft {
    padding: 30px 45px;
}

.contactbox p{font-size: 16px;line-height: 27px;margin-bottom: 25px;}
.contactleft .form-group {
    margin-bottom: 20px;
}
.contactleft .form-control, .contactleft .form-select {
    font-size: 16px;
    height: 50px;
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0px;
    padding: 5px 10px;
}
textarea.form-control {min-height: 110px;resize: none;}
/*.contactright{background: rgb(51 104 130); height: 100%;padding: 35px 40px 35px 25px;}
.contactright h4{font-size: 40px;line-height: 45px;color: #fff;font-weight: 500;margin-bottom: 15px;}
.contactright p{font-size: 16px;line-height: 27px;margin-bottom: 25px;color: #fff;}
.contactright .counter{align-items: center;border-bottom: 1px solid #e7e7e7;padding-bottom: 15px;margin-bottom: 15px;}
.contactright .counter:last-child{border-bottom: none}
.contactright .counter-img{width: 40px;height: 40px;background: #fff;border-radius: 50%;text-align: center;justify-content: center;margin-right: 15px;display: flex;align-items: center;font-size: 20px;color: #f58332;}*/
.wpcf7-spinner{ display:none;}
.contsocialmedia{ position:relative;margin-top: 30px;}
.contsocialmedia ul {margin: 0;padding: 0;list-style: none;}
.contsocialmedia ul li {position: relative;display: inline-block;list-style: none;border-radius: 7px;overflow: hidden;margin: 0 3px;}
.contsocialmedia ul li a{width: 39px;height: 39px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 18px;border: 1px solid #fff;border-radius: 50%;transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;    -khtml-transition: all ease-in-out 0.5s;}
.contsocialmedia ul li:hover a{border: 1px solid #fff;background-color: #fff;color: #2684b7;transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-khtml-transition: all ease-in-out 0.5s;}
.contactright .socialmedia{ position:inherit;}
.contactright .socialmedia ul{text-align: left;max-width: initial;margin: 45px auto 0px;position: initial;background: inherit;}
.map{margin-top: 0px;filter: grayscale(100%); line-height: 0;}
.maparea iframe {
  width: 100%;
  height: 500px;
  border: none;
  line-height: 0;
}

.form-control:focus {
    box-shadow: none;
}

.contactarea .addbtn {
    width: 25%;
    background-color: #2684B7;
    border-color: #2684B7;
    color: #fff;
}

/* ======================================================================= */
    /* blogcard_sec start */
/* ======================================================================= */

.blog_sec {
    width: 100%;
    padding: 50px 0px;
}

.blog_secleftpic {
    height: 380px;
    position: relative;
    display: flex;
    border-radius: 12px;
    margin-bottom: 15px;
    overflow: hidden;
    transition: 0.6s;
}

.blog_secleftpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.blog_secleft:hover .blog_secleftpic img {
    transform: scale(1.1);
}

.blog_sec h6 {
    font-size: 12px;
    color: #676464;
    font-weight: 400;
}

.blog_sec h4 {
    font-size: 24px;
    color: #000;
    font-weight: 500;
    margin: 10px 0;
}

.blogRight_card {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    transition: 0.6s;
}

.blogRight_card a {
    font-size: 14px;
    color: #2684B7;
    margin: 4px 0 8px;
    display: block;
    transition: 0.6s;
}

.blogRight_card a:hover {
    color: #2684B7;
}

.blogRight_cardpic {
    height: 130px;
    position: relative;
    display: flex;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.6s;
}

.blogRight_cardpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.blogRight_card:hover .blogRight_cardpic img {
    transform: scale(1.1);
}

.blogRight_card h4 {
    font-size: 17px;
    color: #000;
    font-weight: 500;
    margin: 10px 0 0;
}

.blogRight_card h5 {
    font-size: 14px;
    color: #676464;
    font-weight: 500;
    text-transform: uppercase;
}

.blogRight_card article {
    flex-basis: 60%;
}


/* ======================================================================= */
    /* blogcard_sec start */
/* ======================================================================= */

.blogcard_sec {
    width: 100%;
    padding: 50px 0px;
    padding-top: 0;
}

.blogcard_seclist {
    width: 100%;
    border: 1px solid #ebebeb;
    border-radius: 12px;
    transition: 0.6s;
    padding: 10px;
    box-shadow: 0 4px 15px rgb(0 0 0 / 12%);
}

.blogcard_seclist a {
    font-size: 16px;
    color: #2684B7;
    margin: 4px 0 8px;
    display: block;
    transition: 0.6s;
}

.blogcard_seclistpic {
    height: 250px;
    position: relative;
    display: flex;
    border-radius: 12px;
    overflow: hidden;
}

.blogcard_seclistpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.blogcard_seclist:hover .blogcard_seclistpic img {
    transform: scale(1.1);
}

.blogcard_seclist:hover {
    margin-top: -7px;
}

.blogcard_seclist_text {
    width: 100%;
    text-align: center;
    padding: 15px;
}

.blogcard_seclist_text h5 {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
}


.accordion-button:focus {
    box-shadow: none;
}

/* ======================================================================= */
    /* contact start */
/* ======================================================================= */

.blogDetails {
    width: 100%;
    padding: 50px 0;
    background-color: #fbfbfb;
}

.blogDetails_box {
    width: 100%;
}

.blogDetails_box_head {
    width: 100%;
}

.blogDetails_box_head h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 0px;
}

.blogDetails_box_head h3::after {
    display: none;
}

.marketing_circle {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #ffb700;
}

.blogDetails_part {
    width: 100%;
    margin-top: 20px;
}

.blogDetails_partpic {
    height: 450px;
    display: flex;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 25px;
}

.blogDetails_partpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blogDetails_part h4 {
    font-size: 22px;
    font-weight: 600;
    margin: 15px 0;
    position: relative;
    padding-bottom: 0px;
}

.blogDetails_middle {
    width: 100%;
    margin: 25px 0 15px;
}

.blogDetails_middlepic {
    height: 275px;
    display: flex;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.blogDetails_middlepic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blogDetails_box ul {
    padding: 0;
    margin: 0 0 0 20px;
    list-style: none;
}

.blogDetails_box ul li {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 22px;
    color: #000;
    list-style-type: disc;
}

.blogDetails_part h5 {
    font-size: 22px;
    font-weight: 600;
    margin: 35px 0 15px;
    position: relative;
    border-left: 3px solid #2684b7;
    padding-left: 15px;
}

.blogDetails_partimg4 {
    height: 400px;
    display: flex;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin: 25px 0;
}

.blogDetails_partimg4 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blogDetails_article {
    width: 100%;
    padding: 15px 0 15px 15px;
    margin: 25px 0;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
    border-top: 1px solid #B5B4B4;
    border-bottom: 1px solid #B5B4B4;
}

.blogDetails_article h6 {
    font-size: 17px;
    font-weight: 600;
}

/*.detail_article {border: 1px solid #ffb700;border-radius: 10px;padding: 20px;box-shadow: 0px 0px 10px 0px #c5c5c5;}*/
/*.detail_article h4{font-size: 20px;font-weight: 600;margin-bottom: 15px;position: relative;}*/
.blogDetails_article ul{padding: 0px;margin: 0px;display: flex;justify-content: space-between;text-align: center; gap: 7px;}
.blogDetails_article ul li{ display: inline-block; margin-bottom: 0;}
.blogDetails_article ul li a{display: flex;width: 35px;height: 35px; border: 1px solid #514444;align-items: center;
justify-content: center;border-radius: 50%;}
.blogDetails_article ul li span{ display: block;text-transform: uppercase;font-size: 12px;}

.interested_box {
    width: 100%;
    padding: 25px 25px;
    border: 2px solid #D00000;
    border-radius: 16px;
    text-align: center;
    box-shadow: inset 0px 0px 10px 0px #c5c5c5;
}

.interested_box h4 {
    font-size: 30px;
    color: #000;
    font-weight: 600;
}

.interested_box .btn {
    border-radius: 8px;
    border: none;
    color: #fff;
    overflow: hidden;
    padding: 10px 25px;
    position: relative;
    transition: 0.5s;
    font-size: 17px;
    font-weight: 500;
    background-color: #D00000;
}

.interested_box .btn:hover {
    background-color: #38B000;
}

/* // categories_box start */
.categories_box {
    width: 100%;
    background-color: #fff;
    padding: 25px 15px;
    border-radius: 10px;
    border: 1px solid #0d4660;
    box-shadow: 0 4px 15px 0px rgb(0 0 0 / 10%);
}

.categories_box h5 {
    font-size: 22px;
    color: #F58332;
    font-weight: 600;
    padding-left: 0px;
    margin-bottom: 15px;
    position: relative;
}

.categories_box h5::before {
    content: "";
    position: absolute;
    left: -15px;
    height: 100%;
    width: 3px;
    background-color: #0d4660;
}

.categories_box_card {
    width: 100%;
    padding: 0px;
}

.categories_box_card ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.categories_box_card ul li {
    width: 100%;
}

.categories_box_card ul li a {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    padding: 12px;
    border-radius: 8px;
    margin-top: 15px;
    text-decoration: none;
    background-color: #F6F7F8;
    box-shadow: inset 0px 4px 4px 0 rgb(0 0 0 / 10%);
    transition: 0.3s;
}

.categories_box_card ul li a:hover {
    color: #fff;
    background-color: #0D4660;
    box-shadow: none;
}

.categories_box_card .fa-arrow-right {
    margin-right: 10px;
    font-size: 14px;
}

@media (min-width: 992px) {
    .services_details .col-lg-8 {
        flex: 0 0 auto;
        width: 73%;
    }

    .services_details .col-lg-4 {
        flex: 0 0 auto;
        width: 27%;
    }
}

.categories_box_card .active {
    background-color: #0D4660;
    color: #ffffff;
}

/* ======================================================================= */
    /* aboutSec start */
/* ======================================================================= */

.aboutSec {
    width: 100%;
    padding: 80px 0px;
}

.aboutSec { width: 100%; }
.aboutSec_left { width: 100%; position: relative; }
.aboutSec_left_pic01 {
    width: 415px;
    height: 500px;
    position: relative;
    display: flex;
    justify-content: end;
    margin-left: auto;
}
.aboutSec h3 span {
    color: #f58332;
}

.aboutSec_left_pic01::after { content: ""; position: absolute; top: 0; right: -30px; width: 0; height: 0; border-bottom: 30px solid #dd6c1c; border-right: 30px solid transparent; }
.green_box {
    position: absolute;
    right: -30px;
    top: 30px;
    width: 140px;
    height: 140px;
    background-color: #f58332;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    padding: 10px;
    z-index: 1;
}
.green_box img { width: 52px; height: 52px; }
.green_box h6 { font-size: 16px; color: #fff; font-weight: 600; text-align: center;}

.second_box { width: 100%; position: relative; display: flex; align-items: center;  gap: 35px; }
.aboutSec_left_pic02 { height: 300px; position: relative; display: flex; overflow: hidden; margin-top: -200px; }
.second_box h4 {  position: absolute; left: 0; top: 0; background-color: #EBF1F5; padding: 0 39px; font-size: 42px; font-weight: 800; color: transparent; line-height: 64px; -webkit-text-stroke: 1px #2684b7; text-transform: uppercase; z-index: 1; transform: rotate(-90deg); transform-origin: -48px -194%; }


.aboutSec .morebtn {
  position: inherit;
    padding: 10px 25px;
    background: #2684B7;
    border-radius: 25px;
    margin-top: 50px;
    color: #fff;
    transition: all .5s ease-in-out;
}


.video-play-button { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; /* background: #8CC63A; */ border-radius: 50%; padding: 18px 20px 18px 28px; }
.video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 70px; height: 70px; background: #fff; border-radius: 50%; animation: pulse-border 1100ms ease-out infinite; }
.video-play-button:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: flex; align-items: center; justify-content: center; width: 65px; height: 65px; background: #2684b7; border-radius: 50%; transition: all 200ms; }
.video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 19px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; top: 10px; left: 5px; }
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.aboutSec_right { width: 100%; padding-left: 75px; }
.aboutSec_right_midl { width: 100%; border-bottom: 1px solid #ADA7A7; padding-bottom: 25px; margin: 25px 0; display: flex; align-items: center; justify-content: start; gap: 35px; }
.worldwide { display: flex; align-items: center; justify-content: start; gap: 15px; }
.aboutSec_right_midl h6 { font-size: 16px; color: #000; font-weight: 600; }
.worldwide img { width: 55px;  height: 55px; }
.aboutSec_right ul { padding: 0; margin: 0; list-style: none; }
.aboutSec_right ul li { position: relative; width: 100%; font-size: 16px; color: #000; font-weight: 500;  padding-left: 35px; margin-bottom: 20px; }
.aboutSec_right ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    background: url(../images/icon08.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    padding-left: 42px;
    filter: brightness(0) saturate(100%) invert(40%) sepia(78%) saturate(509%) hue-rotate(156deg) brightness(96%) contrast(85%);
} 


.counter-section {
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding: 0;
    gap: 10px;
    margin-top: 30px;
}

.counter {
    flex: 1;
    padding: 10px;
    background-color: #f4fbff;
}

.number {
  font-size: 34px;
  font-weight: bold;
  color: #2c3e50;
}

.label {
  font-size: 14px;
  color: #7f8c8d;
}



/* ======================================================================= */
    /* inner_services start */
/* ======================================================================= */
.inner_services {
    width: 100%;
    padding: 60px 0 0;
}

.inner_services .headertext h3 {
    margin-bottom: 8px;
}

.inner_servicespic {
    width: 400px;
    height: 400px;
    position: relative;
    display: flex;
    margin: 0 auto;
    flex-basis: 30%;
    flex-shrink: 0;
}

.inner_servicespic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inner_services .btn01 {
    border: 1px solid #000;
    margin: 15px 0 0;
}

.services_gridBox .headertext {
    width: 45%;
    margin: 0 auto;
}

.mb_125 {
    margin-bottom: 125px;
}

.services_gridBox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
    margin-bottom: 15px;
}

.itemOrder .itemList:nth-of-type(2n) .inner_servicespic {
    order: 2;
}
.itemOrder .itemList:nth-of-type(2n) .headertext {
    order: 1;
}

.inner_services .dr_desc {
    text-align: center;
}
.inner_services .dr_desc h4 {
    font-size: 32px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 400;
    text-transform: uppercase;
}

.inner_services .dr_desc h6 {
    font-size: 17px;
    color: #000;
    margin-bottom: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

.inner_services .dr_desc p {
    color: #000;
    width: 75%;
    margin: 0 auto;
}

.inner_services .headertext {
    width: 60%;
    margin: 0 auto;
}

/*// benefits_iconrow */
.benefits_iconrow {
    width: 100%;
    background-color: rgb(222 222 222 / 29%);
    padding: 60px 0;
}

.icon_card {
    width: 100%;
    text-align: center;
}

.icon_card_circle {
    width: 98px;
    height: 98px;
    margin: 0 auto 15px;
    background-color: #35383F;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.icon_card_circle img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7493%) hue-rotate(137deg) brightness(101%) contrast(100%);
}

.icon_card h6 {
    font-size: 22px;
    color: #262626;
    font-weight: 600;
    margin: 0 0 5px;
}

.icon_card p {
    color: #525252;
}

/* ======================================================================= */
    /* team_member start */
/* ======================================================================= */
.team_member {
    width: 100%;
    padding: 70px 0 40px;
}

.team_member .headertext p {
    width: 65%;
    margin: 15px auto 0;
}

.team_memberin {
    width: 100%;
    margin-top: 35px;
}

.team_card {
    width: 100%;
    position: relative;
}

.team_cardpic {
    height: 380px;
    position: relative;
    display: flex;
    overflow: hidden;
}

.team_cardpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.team_cardpic::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(0);
    background: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
    z-index: 1;
    transition: all .6s ease-in-out;
}

.team_cardpic:hover::before {
    transform: scale(1);
}

.midtext {
    position: absolute;
    top: 0px;
    left: 0px;
    transform: scale(1);
    opacity: 0;
    background-color: #0009;
    width: 100%;
    height: 100%;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
}

.midtext h5 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 5px;
}

.midtext h6 {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin: 0;
}

.team_text {
    width: 90%;
    background-color: #fff;
    padding: 15px;
    text-align: left;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    margin: 0 auto;
    transition: 0.6s;
}

.team_text h5 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 0 0 5px;
}

.team_text h6 {
    font-size: 15px;
    font-weight: 500;
    color: #4c4c4c;
    margin: 0;
}

.team_card:hover .team_cardpic img {
    transform: scale(1.1);
}

.team_card:hover .team_text {
    opacity: 0;
}


.aws-container .aws-show-clear .aws-search-field {
  border-radius: 50px !important;
  height: initial;
  color: rgb(221, 221, 221);
  font-size: 14px;
  padding: 6px 44px 6px 20px;
}

.aws-search-btn.aws-form-btn {
  position: absolute !important;
  top: 4px;
  right: 5px;
  border-radius: 50px !important;
  height: 50px !important;
  font-size: 31px;
  background: #f58332 !important;
  border: none !important;
  font-weight: 299;
  z-index: 9;
  width: 50px !important;
  display: flex;
  justify-content: center;
  color: #fff;
  cursor: pointer;
}

.aws-container .aws-search-form .aws-search-btn_icon {
  fill: currentColor;
  line-height: 24px;
  color: #fff;
}






#wpgs-gallery.wcgs-woocommerce-product-gallery {
	padding: 0;
}
.yith-wcwl-add-to-wishlist-button__label {
	display: none;
}
.sp_wgs-lightbox {
	display: none !important;
}
.woocommerce span.onsale {
	display: none!important;
}
@media (min-width: 768px) {
  #wpgs-gallery.wcgs-woocommerce-product-gallery {
    margin-right: 0;
    border: 1px solid #0000000a;
    max-width: 450px !important;
    min-width: 380px;
  }
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	border-color: #2684B7 !important;
	background-color: #2684B7 !important;
	color: #ffffff !important;
	border-radius: 0px;
	font-weight: 400;
	font-size: 16px;
}
.no-results.not-found img {
	max-width: 490px;
	padding: 22px 0;
}
.woocommerce-message {border-top-color: #7a1066;}
.woocommerce-message::before { content: "\e015";color: #2684B7;}
.woocommerce a.button {color: #ffffff;background-color: #2684B7 !important;}
.woocommerce button.button {
	color: #fff !important;
	background-color: #2684b7;
	border-radius: 0px;
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 24px;
	white-space: nowrap;
}

.woocommerce table.shop_table td a{color: #000;}
.cart_totals h2{margin-bottom: 10px;}
.woocommerce form .form-row input.input-text{height: 45px;padding: 10px;border-radius: 0px;border: 1px solid #222;background: #fff;}
.woocommerce form .form-row textarea{height: 90px; padding: 10px;border: 1px solid #222;border-radius: 0px;}
.select2-container--default .select2-selection--single{height: 43px;padding: 5px;border-radius: 0px;border: 1px solid #222;
background: #fff;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 8px;}
.woocommerce-checkout h3{ margin-bottom:10px;}
.tinv-wishlist .social-buttons li a.social{border: 1px solid #7a1066;color: #7a1066;}
.fc-timeGridWeek-view.fc-view.fc-timegrid { height: 280px; overflow: auto;}
.wpfFilterTitle{border-bottom: 1px solid #b2b2b2;margin-bottom: 10px !important;position: relative;}
.wpfFilterTitle:after{position: absolute;content: "";width: 120px;height: 2px;bottom: -1px;background: #80136c;left: 0px;}
#wpfBlock_2{margin-bottom: 15px !important;}
.bookacti-custom-radio-button:before{ display:none !important;}

#customer_details{margin-bottom: 20px;}
.woocommerce ul.order_details{margin: 10px 0 3em;}
.woocommerce-order-details__title, .woocommerce-column__title{ margin-bottom:10px !important;}
.woocommerce-MyAccount-navigation{width: 26% !important;box-shadow: 0px 0px 15px 0px #DBDBDE;border-radius: 3px;display: inline-block;margin-right: 25px;float: left;padding: 0px;}
.woocommerce-MyAccount-navigation ul li{border-bottom: 1px solid #ddd;}
.woocommerce-MyAccount-navigation ul li a{padding: 10px 15px; display: block; color: #222;font-size: 18px;}
.woocommerce-MyAccount-content{width: 71% !important;display: inline-block;float: left;box-shadow: 0px 0px 15px 0px #DBDBDE;padding: 0px 0px !important;}
.woocommerce-MyAccount-navigation ul li.is-active a{background: #2684B7;color: #fff;}
.woocommerce-MyAccount-navigation ul li a:hover{background: #2684B7;color: #fff;}
a.woocommerce-button.button.wc-cancel-order { color: #fff; border-color: #b71f68 !important; background-color: #b71f68 !important; padding: 9px 11px !important; display: inline-block;margin: 20px 0; font-size: 12px;}
.woocommerce a.button {
    width: 150px;
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    border-radius: 50px;
    padding: 13px 0px;
    color: #2684B7;
    margin: 20px auto 20px;
    transition: all .3s ease-in-out;
    background: #fff !important;
}
.widget-title{font-size: 20px;
  margin-bottom: 10px;}
.woof_container_inner h4, .woof_container_inner h4{font-size: 20px;
  margin-bottom: 10px;}
.woof_price3_search_container, .woof_container{box-shadow: 0px 0px 10px 0px #ddd;
  padding: 15px;margin-bottom: 15px;
  border-radius: 5px;}
.woof_container .woof_container_inner input[type="search"] {
  line-height: normal !important;
  border: solid 1px #eee;
  height: 44px;
  padding: 5px;
  font-size: 13px;
}
.woocommerce-info::before {
  color: #2684b7 !important;
}
.woocommerce-info {
  border-top-color: #2684b7 !important;
}

.woocommerce a.button:hover {
  background: #2684B7 !important;
  color: #fff;
  border: 1px solid #2684B7 !important;
  transition: all .3s ease-in-out;
}
.woof_reset_button_2{background: #000;
  border: none;
  border-radius: 50px;
  color: #fff;
  padding: 1px 20px;
  font-size: 13px;}
.woof_products_top_panel li{color: #000;
  text-transform: capitalize;}
.view, .tooltipstered, .pay{color: #ffffff !important;margin-right: 7px !important;}
.woocommerce a.button:hover{background-color: #000;color: #ffffff;}
.woocommerce-Address{box-shadow: 0px 0px 10px 0px #e3e3e3;
padding: 15px;
border-radius: 0px;
margin: 20px 10px;
position: relative;
width: 45% !important;
background: #fff;}
.woocommerce-Address h3{ font-size:20px;margin-bottom: 30px;}
.edit{position: absolute; right: 20px; top: 25px;color: #000; padding: 2px 11px; border-radius: 3px;font-size: 14px;
box-shadow: 0px 0px 10px 0px #ccc;}
.woocommerce form .form-row select {cursor: pointer; margin: 0;height: 43px; padding: 10px;border-radius: 3px;border: 1px solid #ddd;}
.woocommerce-MyAccount-navigation ul{padding: 0px;margin: 0px;}
.woocommerce-cart table.cart .product-thumbnail{min-width: 32px;width: 100px;}
.woocommerce a.remove:hover { color: #fff !important; background: #2684b7 !important;}
.woocommerce-privacy-policy-text p a{color: #7a1066;}
.woocommerce-info {border-top-color: #2684B7;}
.wpfFilterWrapper ul:not(.wpfButtonsFilter) li{margin-bottom: 10px;}
.wpfFilterButton.wpfButton{min-height: 40px;font-size: 15px;}
.woocommerce a.remove {
	color: #fff !important;
	background-color: #2684b78a;
	font-size: 20px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.woocommerce-Address-title.title {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.woocommerce-Address-title.title h2{font-size: 22px;
  margin-top: 8px;}

.woocommerce table.shop_table th {
	font-weight: 700;
	padding: 18px 12px;
	line-height: 1.5em;
	background-color: #000;
	color: #fff;
}
.cart .coupon {
	background-color: #fff;
	box-shadow: 0px 0px 5px #00000014;
	padding: 7px;
	display: flex;
}
.woocommerce-privacy-policy-text p{font-size: 13px;line-height: 20px;margin-bottom: 10px;}
.product-action .button{padding: 10px 7px !important;font-size: 14px !important;}

#post-269 p{text-align: center;font-size: 35px;font-weight: 600;color: #222;line-height: 35px;}

.woocommerce-info::before {color: #2684B7;}
.tinv-wishlist form{border: 1px solid #ccc;margin-bottom: 25px;background: #fff;}
.blogimg-box .btn-custom1 {
	padding: 10px 20px;
	font-size: 15px;
}


.tinv-wishlist table.tinvwl-table-manage-list thead tr{font-weight: 700;
	padding: 18px 12px;
	line-height: 40px;
	background-color: #0d092e;
	color: #fff;}
legend{margin-left: 15px;}
.tinv-wishlist .tinvwl-table-manage-list .product-cb{ display:none;}
.tinv-wishlist .product-remove button{color: #fff !important;
background-color: #e4a0d7;
font-size: 20px;padding-top: 0px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;}
.tinv-wishlist .product-remove button:hover{color: #fff !important;
background: #7a1066 !important;}
.tinv-wishlist .product-thumbnail img{display: inline-flex;
width: 90px;
height: 90px;
overflow: hidden;
align-items: center;
justify-items: center;
border: 5px solid #fff;
box-shadow: 0px 0px 7px #00000029;
border-radius: 15px;}
.tinv-wishlist table td, .tinv-wishlist table th {
  padding: 10px 10px;
  vertical-align: middle;
}
.tinvwl-input-group .form-control{height: 48px;max-width: 260px;
width: 100%;
border: 1px solid #e6e6e6;
font-size: 14px;
padding: 10px 16px;
background-color: #eee;
margin-right: 0;}

.wishlist_item{border-bottom: 1px solid #ddd;}
.tinv-wishlist .tinvwl-to-left .tinvwl-input-group .form-control + .tinvwl-input-group-btn {
  padding-left: 0px;
}

.wishlist_item button.button{height: 35px;}
.bookacti-user-booking-list-table td, .bookacti-user-booking-list-table th{padding: 13px !important;
text-align: center;
font-weight: 600;}
.bookacti-user-booking-list-table thead tr{line-height: 1.5em;
background-color: #0d092e;
color: #fff;}
.bookacti-booking-state-warning, .bookacti-payment-status-warning {
  color: #f00 !important;
}
.woocommerce-account .woocommerce-MyAccount-content p{padding: 0px 15px;}

.aws-container .aws-show-clear .aws-search-field {
    border-radius: 50px !important;
    height: initial;
    color: #ddd;
    font-size: 14px;
    padding: 6px 44px 6px 20px;
    min-width: 500px;
}





.woocommerce form .form-row .input-text {
	background-color: transparent !important;
    height: 45px !important;
    font-size: 16px !important;
    color: #000 !important;
    padding: 10px 15px !important;
    border: 1px solid #6e6e6e !important;
    font-weight: 500 !important;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    padding: 12px 25px;
    margin-top: 15px;
    position: relative;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 0;
    font-weight: 600;
    border: 1px solid #2684b7;
    background-color: #2684b7;
    color: #fff !important;
    text-align: center;
    display: inline-block;
    transition: 0.6s;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover {
	background-color: #fff;
	border: 1px solid #000;
	color: #000 !important;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: inline-block;
    margin-top: 15px;
}

.woocommerce .woocommerce-Button  {
	padding: 12px 25px !important;
    margin-top: 15px !important;
    position: relative !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
    border: 1px solid #2684b7 !important;
    background-color: #2684b7;
    color: #fff !important;
    text-align: center !important;
    display: inline-block !important;
    transition: 0.6s !important;
}

.woocommerce .woocommerce-Button:hover {
	background-color: #fff !important;
	border: 1px solid #000 !important;
	color: #000 !important;
}

.woocommerce form .form-row-first, .woocommerce-page form .form-row-first {
    float: none;
    text-align: center;
   width: 100%;
}
.your_trusted .woocommerce form .form-row-first {
    float: none !important;
}
.woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
  float: none;
  width: 100%;
}

.your_trusted .woocommerce form .form-row {
    padding: 3px;
    margin: 0 auto 6px;
}


.woocommerce form.login, .woocommerce form.register{border: 1px solid #e8e8e8ab !important;box-shadow: 0px 0px 15px 0px #ddddddad !important;}
.woocommerce form .form-row label {line-height: 2;text-align: left;}
.woocommerce-account .woocommerce-MyAccount-navigation{border:1px solid #e8e8e875 !important;  box-shadow: 0px 0px 10px 0px #dddddda1 !important;background:#F0F0F05C;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{border-bottom: 1px solid #e3e3e3;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{display: block;padding:10px 15px;color: #000;font-size: 17px;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{background:#000;color: #fff;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{background:#000;color: #fff;}
.woocommerce-MyAccount-content{border:1px solid #e8e8e875 !important;  box-shadow: 0px 0px 10px 0px #dddddda1 !important;
  background:#F0F0F05C; padding:20px;}

.woocommerce-info::before {color: #2684b7 !important;}
.woocommerce-info {border-top-color: #2684b7 !important;}
.woocommerce-Address{border:1px solid #ddd;padding:10px;}


.wc-block-components-sidebar-layout .wc-block-components-main{background: #f5f5f5;
    padding: 25px;}
.wp-block-woocommerce-cart-order-summary-block{background: #f5f5f5;
    padding: 25px;}

.is-large.wc-block-cart .wc-block-cart-items th {
    padding: 8px 16px 8px 0;
    white-space: nowrap;
    font-size: 17px; font-weight:700;
}

.is-large.wc-block-cart .wc-block-cart__totals-title {font-weight: 900;
    font-size: 17px;}
.wc-block-components-product-name {
    font-size: 22px;
    overflow-wrap: anywhere;
    word-break: break-word;
    font-weight: 700;
    color: #000;
}
.wc-block-components-formatted-money-amount {
    white-space: nowrap;
    font-size: 15px;
    font-weight: 600;
}

.wc-block-cart__submit-container{background: #000;
    color: #fff !important;
    font-size: 18px;}
.wc-block-cart__submit-container a{ color:#fff;}
.wc-block-components-button{background: #2684b7;
    color: #fff;
    border: none;
    padding: 16px 0px;}

.rank-math-breadcrumb a{ color:#000;}
table.wishlist_table tr th.product-name {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}

.woocommerce table.shop_table th{ text-align: left;
  font-size: 17px;
  font-weight: 700;}

.product-name a{font-size: 17px;
  color: #000;}
.woocommerce #reviews #comments h2 {
  clear: none;
  font-size: 20px;
  margin-bottom: 15px;
}

.comment-respond label {
    display: block;
}
.woocommerce #reviews #comment {
  height: 110px !important;
  border: 1px solid #ddd !important;
  resize: none !important;
  padding: 10px;
}
.comment-form-author input, .comment-form-email input{border: 1px solid #ddd !important;height: 35px;padding: 6px;width: 100%;}
.comment-form-cookies-consent{display: flex}
#wp-comment-cookies-consent{ margin-right:10px}

input#submit, .single_add_to_cart_button.button.alt {
	background: #2684b7 !important;
	color: #fff !important;
	padding: 12px 30px !important;
	font-weight: 500 !important;
	margin: 0;
}
.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single {
	top: 6px !important;
	right: 7px !important;
}
.spswiper-wrapper .wcgs-slider-image-tag {
	padding: 30px;
	height: 380px !important;
	object-fit: contain;
}
input#submit:hover, .single_add_to_cart_button button:hover{background: #fff;color: #000; border:1px solid #000;}
.woocommerce div.product .product_title {
  clear: none;
  margin-top: 0;
  padding: 0;
  font-size: 30px;
  margin-bottom: 15px;
}
.price{color: #000 !important;
  font-size: 22px !important;
  margin-bottom: 22px !important;}
.woocommerce span.onsale{width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2684b7;}

.woocommerce-Price-amount.amount{text-decoration-line: line-through;}
.woocommerce div.product p.price ins .woocommerce-Price-amount.amount{text-decoration-line: initial !important;}
#stickersDetails .rating_sec .rating_sec_in {
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
    margin-top: 15px;
    margin-bottom: 40px;
}

.featured_sec_in .headertext h3{font-size: 30px;margin-bottom: 15px;}

.single_variation_wrap{display: flex;align-items: center;position: relative;}
.single_variation{margin-right: 15px;font-size: 25px;font-weight: 800;}

.variable-items-wrapper li{ display:block !important;}
.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared {
  display: block !important;
}
.variations tr, .variations td{display: block !important;margin-bottom: 20px;}
.variations{ width:100%;}

.variable-item-contents{ text-align:left !important;align-items: initial !important;}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item{ text-align: left !important;margin:8px 0px;border-radius:10px !important; padding:18px 4px !important;background:#f9f9f9;}
.variable-item.button-variable-item.button-variable-item-gloss.selected {
  margin-right: 15px !important;
}
.yith-wcwl-add-to-wishlist-button__label{ color:#000;}
.wvs-style-squared li{ display: block !important;width: 100% !important;}
.wishlist_table .product-add-to-cart a {display: table !important;
  margin: 0 auto 5px !important;
  text-align: center;
  background: #2684b7;
  padding: 8px 14px;
  color: #fff !important;
  border: none;
  width: 110px;}

table.wishlist_table tbody td
ins{text-decoration-line: initial !important;}
.wishlist-title-container{ display:none;}



.woocommerce .woocommerce-ordering select {
  vertical-align: top;
  height: 40px;
  padding:
10px;
}

.wishlist_table tr td{ text-align:left !important;}
.button.wc-forward{background:
#000 !important;
  color: #fff !important;}
.woocommerce-message {
  border-top-color: #ea068b !important;
}
.woocommerce-message::before {
  content: "\e015";
  color: #ea068b !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{margin: 0 5px;}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: #2684b7;
  color: #fff;
  z-index: 2;
  border-bottom-color: #2684b7;

}
.woocommerce div.product .woocommerce-tabs .panel h2{margin-bottom: 10px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a { display: inline-block; font-weight: 600;color: #000;
  text-decoration: none; padding: 10px 30px; box-shadow:none;}
#commentform{width: 55%;}
.search-button{position: relative; display:none;}
.btnnormal{position: absolute !important;
  top: 0px;
  right: 5px;
  border-radius: 50px !important;
  height: 38px !important;
  font-size: 15px;
  background: #f58332 !important;
  border: none !important;
  font-weight: 300;
  z-index: 9;
  width: 38px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;}




.popularproducts .owl-nav button.owl-prev, .popularproducts .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 50%;
    color: #000;
    font-size: 30px;
    font-size: 0;
}
.popularproducts .owl-nav button.owl-prev span { 
  position: relative; 
  top: 0px; 
  font-size: 0; 
  display: flex; 
  align-items: center; 
  justify-content: center;
}
.popularproducts .owl-nav button.owl-prev span::after {
    content: '\f060';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.popularproducts .owl-nav button.owl-next span {
    position: relative;
    top: 0px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popularproducts .owl-nav button.owl-next span::before {
    content: '\f061';
    color: #000 !important;
    font-family: FontAwesome;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
}
.popularproducts .owl-nav button.owl-prev:hover, .popularproducts .owl-nav button.owl-next:hover {
    background: #62b1f7;
    border: 1px solid #62b1f7;
    color: #fff !important;
    transition: all .3s ease-in-out;
}


.aws-search-clear{ display:none;}


#search-box {
     visibility: hidden;
     position: absolute;
     height: 100%;
     width: 100%;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 999999999;
}
 #search-box .container {
     display: table;
     width: 100%;
     height: 100%;
}
 #search-box .container .close {
     position: absolute;
     right: 32px;
     top: 32px;
     width: 32px;
     height: 32px;
     opacity: 0.3;
}
 #search-box .container .close:hover {
     opacity: 1;
}
 #search-box .container .close::before, #search-box .container .close::after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 26px;
	width: 2px;
	background-color: #000;
}
#search-box .form {
	display: flex;
}
 #search-box .container .close:before {
     transform: rotate(45deg);
}
 #search-box .container .close:after {
     transform: rotate(-45deg);
}
 #search-box .container .search-main {
     display: table-cell;
     vertical-align: middle;
}
 #search-box .container .search-main .search-inner {
     width: 80%;
     margin: 0 auto;
}
 #search-box .container .search-main form {
     position: relative;
}
#search-box .container .search-main input {
	background: #ffffff;
  border: none;
  box-shadow: none;
  padding: 0 15px;
  font-size: 15px;
  height: 60px;
  border: 1px solid #F58332;
  display: block;
  color: black;
  margin-bottom: 0;
  width: 100%;
  border-radius: 30px;
}
 #search-box .container .search-main input:focus {
     outline: none;
}
.toprght .aws-search-btn.aws-form-btn {
    height: 36px !important;
    width: 36px !important;
}
.search-inner .aws-container{ width:100%;}

#search-box .container .search-main button {
	border: 0;
	left: auto;
	outline: none;
	padding: 0;
	position: relative;
	right: 0;
	top: 0;
	bottom: 0;
	background: transparent;
	font-size: 20px;
	padding: 8px 18px;
	background-color: #e4a0d7;
	color: #fff;
	width: 60px;
	border-radius: 0px 30px 30px 0;
}
#search-box .container .search-main button:hover{
  background-color: #000000;	
}
 #search-box .container .search-main .search-info {
     display: block;
     color: white;
     text-align: right;
     float: right;
     margin-top: 4px;
}
#search-box.-open {
	background: #fffffff2;
	visibility: visible;
	animation: fadein 0.8s;
}
 #search-box.-open .container .search-main input {
    
}
 @keyframes fadein {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}



/*----------sticky-footer----------*/

.sticky-footer {
	height: 54px;
	background-image: url(../images/footerbg.png);
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 3;
	display: flex;
	background-position: center;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}
.sticky-footer .searchbtn {
	position: absolute;
	width: 46px;
	height: 46px;
	background-color: #2684b7;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: inset 0px 3px 6px 0px #463704ba;
}
.sticky-footer .searchbtn img {
	/* filter: brightness(0) saturate(100%); */
	width: 18px;
}
.sticky-footer .searchbtn:hover {
	background-color: #f58332;
}
.sticky-footer .searchbtn:hover img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(195deg) brightness(104%) contrast(102%);
}
.sticky-footer ul{margin: 0; padding: 0; list-style: none;}
.sticky-footer ul li {
	margin: 11px 15px;
}
.sticky-footer ul li.ctm {
	margin-left: 0px !important;
}
.sticky-footer ul li a span {
	display: block;
	width: 24px;
	margin: auto;
	height: 22px;
	display: flex;
	align-items: center;
	margin-bottom: -5px;
	position: relative;
}
.sticky-footer ul li a span small {
	position: absolute;
	right: -3px;
	background-color: #ec7000;
	font-size: 7px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 8px;
}
.sticky-footer ul li a span img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.sticky-footer ul li a {
	font-size: 11px;
	/* font-family: 'Corma'; */
	line-height: 12px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 0;
	color: #000;
}
.sticky-footer ul li a:hover img{
    opacity: 0.7;
}

.allCate_area{}
.allCate_area .row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.allCate_area .row li {
	list-style: none;
	background: #fff;
	border-radius: 30px;
	border: 1px solid #f2f2f2;
	box-shadow: 0px 0px 10px 0px #dddddd70;
	padding: 35px 10px;
	text-align: center;
	transition: all 0.3s ease-in-out 0s;
}
.allCate_area .woocommerce img{
	max-width: 100%;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 15px;
	border: 2px solid #fff;
	box-shadow: 0px 0px 10px 0px #aaa;
	transition: all 0.3s ease-in-out 0s;
}
.allCate_area .woocommerce-loop-category__title {
	font-size: 18px;
	color: #000;
	font-weight: 600;
}
.allCate_area .woocommerce-loop-category__title mark{
	display:none;
}
.allCate_area .row li:hover {
	background: #DDF3FF;
	box-shadow: 0px 3px 0px 0px #2684B7;
	transition: all 0.3s ease-in-out 0s;
}

/* 30.06.2025  */

.category-dropdown {
  position: relative;
  display: inline-block;
}

.category-button {
  background-color: #2196F3;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 30px;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
}

.menu-icon {
  background-color: white;
  color: #2196F3;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: bold;
}

.category-list {
  display: none;
  position: absolute;
  top: 120%;
  left: 0;
  background-color: white;
  color: #333;
  border-radius: 5px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.2);
  list-style: none;
  padding: 10px 0;
  margin: 0;
  width: 180px;
  z-index: 999;
}

.category-list li {
  padding: 10px 20px;
  cursor: pointer;
}

.category-list li:hover {
  background-color: #f0f0f0;
}

.category-dropdown:hover .category-list {
  display: block;
}
.category-list.show {
  display: block;
}



/* add css */

.logo.logomobail{
	display:none;
}
.related.products {
	clear: both;
}
.filter-area.sticky-top {
    top: 70px;
    z-index: 2;
}