/*-----------------------------------------------------------------------------------

 Theme Name: Affiliate Marketing
 Description: Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 Author: Kapil Prajapati
-----------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
:root {
  --primary-background:#1a4845; 
  --white-background:#fff;
  --black-background:#000;
  --primary-color:#1a4845;
  --black-color:#000;
  --white-color:#fff;
  --font-weight-100:100;
  --font-weight-200:200;
  --font-weight-300:300;
  --font-weight-400:400;
  --font-weight-500:500;
  --font-weight-600:600;
  --font-weight-700:700;
  --font-weight-800:800;
  --font-10:10px;
  --font-11:11px;
  --font-12:12px;
  --font-13:13px;
  --font-14:14px;
  --font-15:15px;
  --font-16:16px;
  --font-17:17px;
  --font-18:18px;
  --font-19:19px;
  --font-20:20px;
  --font-21:21px;
  --font-22:22px;
  --font-23:23px;
  --font-24:24px;
  --font-25:25px;
  --font-26:26px;
  --font-27:27px;
  --font-28:28px;
  --font-29:29px;
  --font-30:30px;
  --font-31:31px;
  --font-32:32px;
  --font-33:33px;
  --font-34:34px;
  --font-35:35px;
  --font-36:36px;
  --font-37:37px;
  --font-38:38px;
  --font-39:39px;
  --font-40:40px;
  --font-41:41px;
  --font-42:42px;
  --font-43:43px;
  --font-44:44px;
  --font-45:45px;
  --font-46:46px;
  --font-47:47px;
  --font-48:48px;
  --font-49:49px;
  --font-50:50px;
  --font-60:60px;
  --font-70:70px;
  --font-80:80px;
  --font-90:90px;
  --font-100:100px;
  --justify-center:center;
  --justify-spabe:space-between;
  --align-center:center;
  --primary-display:block;
  --secondary-display:flex;
  --display-inline:inline-block;
  --text-uppercase:uppercase;
  --text-capital:capitalize;
}
body{font-family: var(--primary-font-family); }
p{ font-family: "Lato", sans-serif;}
h1{  font-family: "Lato", sans-serif;}
h2{  font-family: "Lato", sans-serif;}
h3{  font-family: "Lato", sans-serif;}
h4{  font-family: "Lato", sans-serif; margin-bottom: 0;}
h5{ font-family: "Lato", sans-serif;}
h6{ font-family: "Lato", sans-serif;}
a{ font-family: "Lato", sans-serif;}
li{ font-family: "Lato", sans-serif;}
span{ font-family: "Lato", sans-serif;}
div{ font-family: "Lato", sans-serif;}
button{ font-family: "Lato", sans-serif;}
label{ font-family: "Lato", sans-serif;}
input{ font-family: "Lato", sans-serif;}
html {
  scroll-behavior: smooth;
}

/*=======================header ccss start============================*/
/* sticky menu css */
.is-sticky{position: fixed!important;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 2px 15px rgba(0,0,0,.1);}
.is-sticky{animation: smoothScroll 1s forwards; }
@keyframes smoothScroll {
    0% {transform: translateY(-150px); } 
    100% {transform: translateY(0px); }
}
.top-bar{background-color: #011e29; padding: 3px;}
.top-left ul{display: flex; align-items: center; list-style-type: none; padding-left: 0px; margin-bottom: 0px;}
.top-left ul li{margin-right: 20px; font-size: 15px;}
.top-left ul li i{color: #00b1cd; font-weight: 600; margin-right: 5px; font-size: 20px;}
.top-left ul li a{text-decoration: none; color: #fff;}
.top-right ul{list-style-type: none; padding-left: 0px;display: flex;margin-bottom: 0px; justify-content: flex-end;align-items: center;}
.top-right ul li{margin-right: 20px;}
.top-right ul li h5{color: #00b1cd; font-size: 15px; margin-bottom: 0px; margin-right: 0px;}
.top-right ul li i{color: #fff; font-size: 18px;}
.top-right ul li a{text-decoration: none;}
.top-bar marquee{color: #fff;}
.navbar-nav li a{color: #000; font-weight: 600; font-size: 16px;}
.navbar-nav li{margin-left: 15px;}
.navbar-nav li:first-child{margin-left: 0px;}
.navbar-nav li a.active{color: #00b1cd;}
.nav-right button{background-color: unset; border-radius: 0; border:none; padding-right: 20px; color: #00b1cd;}
.nav-right button:hover{background-color: unset; border-radius: 0; border:none; padding-right: 20px; color: #00b1cd;}
.nav-right .input-group{border:1px solid #00b1cd; border-radius: 50px;}
.nav-right input{border:none; background-color: unset; padding: 11px 18px; font-weight: 600;}
.navbar{background-color: #f4f4f4; padding: 0px;}
.nav-right input:focus{background-color: unset; box-shadow: unset; outline: none;}
.nav-right button:focus{background-color: unset!important; box-shadow: unset!important; outline: none!important; color: #00b1cd;}
.nav-right{margin-left: 20px;}
.is-sticky .navbar{background-color: #fff;}
/*========================header css end===========================*/

.banner-slide-box img{border-radius: 10px;}
.banner-wrapper{padding: 30px 0px;}

/*==================================== Footer Sec css start===================================*/

.main-footer{background-color: #011e29; padding: 30px;}
.footer-about img{margin-bottom: 20px;}
.footer-about p{color: var(--white-color); font-size: var(--font-15); margin-bottom: 0px;}
.quick-link h5{color: #00b1cd; font-size: 20px; display: inline-block; margin-bottom: 30px; font-weight: 700;} 
.quick-link ul{list-style-type: none; padding-left: 0px;}
.quick-link ul li a{color: var(--white-color); text-decoration: none; font-size: var(--font-15);}
.quick-link ul li {margin-bottom: 7px;}
.quick-link{padding-top:25px; padding-left: 12px;}
.footer-contact{padding-top:40px;}
.footer-contact h5{color: #00b1cd; font-size: var(--font-20); font-weight: var(--font-weight-600); display: var(--display-inline); border-bottom: 2px solid #00b1cd; margin-bottom: 30px;}
.footer-contact ul{list-style-type: none; padding-left: 0px;}
.footer-contact ul li p a{color: var(--white-color); text-decoration: none; font-size: var(--font-15);}
.footer-contact ul li p{color: var(--white-color); font-size: var(--font-15); margin-bottom: 0px;}
.footer-contact ul li i{color: #00b1cd; font-size: var(--font-17); margin-right: 10px;}
.footer-contact ul li{display: var(--secondary-display); margin-bottom: 20px;}
.footer-newsletter{padding-top:25px; padding-left: 10px;}
.footer-newsletter h5{color: #00b1cd; font-size: 20px; display: inline-block; margin-bottom: 30px; font-weight: 700;}
.footer-newsletter form input{padding: 10px; border-radius: 50px;}
.footer-newsletter form input:focus{outline: none; box-shadow: unset;}
.footer-newsletter form button{border-radius: 50px; background-color: #00b1cd; color: #fff; padding: 10px 30px 10px 20px; border:none;}
.footer-newsletter form button:hover{background-color: #00b1cd; color: #fff;}
.footer-newsletter form button:focus{outline: none; box-shadow: unset;}
.footer-newsletter .top-right ul{justify-content: flex-start;}
.footer-newsletter .top-right ul li h5{border:none;}
.footer-newsletter .top-right{margin-top: 28px;}
.copyright{background-color: #000; text-align: center; padding: 15px;}
.copyright p{font-size: var(--font-15); color: #fff; margin-bottom: 0px;}
.copyright p a{font-size: var(--font-15); color: #00b1cd; margin-bottom: 0px; text-decoration: none;}
.footer-newsletter p{color: #fff; font-size: 15px;}

.footer-newsletter .top-right ul li a i{border: 1px solid #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50px; }
.footer-newsletter .top-right ul li {margin-right: 9px; }
/*==================================== Footer Sec css end===================================*/

/*============================= might be interested Sec css start===========================*/
.to-be-interest-wrapp{padding: 40px 0px 50px; background-color: #f4f4f4;}
.interest-head{text-align: center; margin-bottom: 50px;}
.interest-head h5{font-weight: 800; font-size: 30px; margin-bottom: 20px; color: #011e29;}
.interest-head h5 span{color: #00b1cd;}
.interest-head p{font-size: 15px; color: #000; width: 60%; margin: 0 auto;}
.you-might-box img{width: 90%; border-radius: 80px; margin: 0 auto; display: block; margin-bottom: 20px;}
.you-might-box h4{text-align: center; font-weight: 800; font-size: 20px; margin-bottom: 15px; color: #011e29;}
.you-might-box p{text-align:center; font-size: 15px;}
.you-might-box{text-align: center;}
.you-might-box a{border: 1px solid #00b1cd; border-radius: 50px; padding: 8px 30px; display: inline-block; color: #00b1cd; text-decoration: none; font-weight: 600; }
.you-might-box a:hover{background-color: #000; color: #fff;}
/*============================== might be interested Sec css end==============================*/

/*============================ popular category Sec css start===============================*/

.popular-category-wrapp{padding: 50px 0px; }
.popular-cat-head{display: flex; align-items: center; justify-content: space-between;    margin-bottom: 28px;}
.popular-cat-head a{border: 1px solid #00b1cd; border-radius: 50px; padding: 8px 30px; display: inline-block; color: #00b1cd; text-decoration: none; font-weight: 600; }
.category-box{border:1px solid #bfbfbf; margin: 10px; padding: 20px; border-radius: 10px;}
.popular-cat-head h5{margin-bottom: 0px; position: relative;}
.popular-cat-head h5:after{content: ''; width: 103px; height: 4px; background-color: #00b1cd; position: absolute; bottom: -16px; left: 0; border-radius: 10px; }
.popular-cat-head h5{font-weight: 800; font-size: 30px; margin-bottom: 20px; color: #011e29;}
.popular-cat-head h5 span{color: #00b1cd;}

/*=============================== popular category Sec css start==============================*/
 .axil-breadcrumb-area {position: relative;background: linear-gradient(148deg, #15303a 14%, #00b1cd 86%);padding: 40px 0 45px;}
 .axil-breadcrumb-area .inner .title {font-size: 37px; margin-bottom: 0; color: #fff; }
 .axil-breadcrumb-area .inner .bradcrumb-thumb {text-align: right; position: relative; z-index: 1; }
 .axil-breadcrumb-area .inner .bradcrumb-thumb::after {content: ""; height: 110px; width: 110px; background-color: var(--color-white); border-radius: 50%; position: absolute; top: -10px; right: 60px; z-index: -1; }
 .axil-breadcrumb {display: flex;padding: 0;margin: 0 0 7px;list-style: none;align-items: center;}
 .axil-breadcrumb li {margin-top: 0;margin-bottom: 0;font-size: var(--font-size-b1);line-height: var(--line-height-b1);font-weight: unset !important;}
 .axil-breadcrumb li a {color: #fff; display: block; text-decoration: none; }
 .axil-breadcrumb li.axil-breadcrumb-item.active {color: #fff; }
 .axil-breadcrumb li.separator {height: 11px; width: 2px; background-color: #e5e5e5; margin: 0 8px; }

/*================================ popular store Sec css start===============================*/


.popular-left p{font-weight: 500;color: #7b7b7b;font-size: 16px;border-bottom: 1px solid #d8d8d8;position: unset;left: 12px;padding-bottom: 12px;top: 19px;width: 100%;/* width: calc(100% - 24px); */margin: 0 auto 26px;}
.popular-left  h6{bottom: 12px;/* width: 90%; *//* width: calc(100% - 24px); */top: auto;color: #000;height: 40px;font-size: 13px;border-radius: 4px;border: solid 1px #2395ff;padding: 12px 12px;box-sizing: border-box;text-align: center;margin-top: 20px;}
.popular-store-wrapp{padding: 20px 0px; background-color: #f4f4f4;}
.popular-store-wrapp h3{text-transform: uppercase;font-weight: 600;margin-bottom: 32px;font-size: 20px;font-family: 'Lato', sans-serif;padding-left: 24px;}
.withou-carousel .store-div a{width: 100%;}
#store-slide .owl-nav .owl-prev {position: absolute;left: 8px;top: 37%;opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: #ffff; width: 40px; cursor: pointer; height: 40px; position: absolute; display: block; z-index: 1000; border-radius: 0; border-radius: 5px; font-size: 22px; box-shadow: 0px 0px 10px #ccc; border-radius: 50%;}
#store-slide .owl-nav .owl-next:hover {background: #fff;color: var(--color);}
#store-slide .owl-dots{justify-content: var(--justify-center);margin-top: 30px;margin-bottom: 30px;position: absolute;display: block;bottom: -66px;right: 0;left: 0;text-align: center;}

.popular-left{height: 271px;border-radius: 6px; width: 100%; background-color: #fff; box-shadow: 0 3px 12px 0 rgb(2 3 5 / 7%);border: solid 1px #e7e7e7;padding: 12px;box-sizing: border-box;transition: all .3s ease;text-align: center;display: flex;justify-content: center;align-items: center;}
.popular-left a{text-decoration: none; width: 100%;}
.popular-left p{font-weight: 500; color: #7b7b7b; font-size: 16px; border-bottom: 1px solid #d8d8d8; position: unset; left: 12px; padding-bottom: 12px; top: 19px; width: 90%; /* width: calc(100% - 24px); */ margin: 0 auto 26px; }
.popular-left img{max-width: 100%; max-height: 100%; vertical-align: middle; transition: all .3s ease; }
.store-div a img {margin: 0 auto; vertical-align: middle; max-width: 60%; max-height: 150%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }   
.store-div a>p {line-height: 15px; margin: 0; opacity: 0; top: 0; visibility: hidden; width: 100%; height: 100%; position: absolute; left: 0; color: #fff; font-size: 13px; transition: all .3s cubic-bezier(.31,.17,.52,.96); display: flex; justify-content: center; flex-direction: column; }
.store-div a {display: inline-block; position: relative; text-align: center; border: 1px solid #c7c3c3; border-radius: 4px; overflow: hidden; width: 94%; height: 75px; line-height: 75px; margin-bottom: 10px; }
.store-div a img {margin: 0 auto; vertical-align: middle; max-width: 60%; max-height: 150%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }   
.store-div a:focus>p, .store-div a:hover>p {background-color: #2d3e50; opacity: 1; visibility: visible; }
.store-div a:nth-child(3n+1) {margin-left: 6px; }
.store-div a img {margin: 0 auto;vertical-align: middle;max-width: 75%;max-height: 150%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}   
.store-div a>p span {text-decoration: underline; }
#store-slide .owl-nav .owl-next {position: absolute; right: 8px; top: 37%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: #ffff; width: 40px; cursor: pointer; height: 40px; position: absolute; display: block; z-index: 1000; border-radius: 0; border-radius: 5px; font-size: 22px; box-shadow: 0px 0px 10px #ccc; border-radius: 50%;} #store-slide .owl-nav .owl-next span {font-size: 1.6875rem; color: var(--color); }
#store-slide .owl-nav .owl-next:focus {outline: 0; }
#store-slide:hover .owl-prev {left: 8px;opacity: 1;}
#store-slide:hover .owl-next {right: 8px; opacity: 1; }
#store-slide .owl-dots button.active{background-color: #2395ff!important;height: 15px;border-color: #2395ff!important;}
.store-div.filter-store-div a>p {line-height: 15px; margin: 0; opacity: 0; top: 0; visibility: hidden; width: 100%; height: 100%; position: absolute; left: 0; color: #fff; font-size: 13px; transition: all .3s cubic-bezier(.31,.17,.52,.96); display: flex; justify-content: center; flex-direction: column; right: 0; margin: 0 auto; text-align: center; }
.store-div.filter-store-div a:focus>p, .store-div.filter-store-div a:hover>p {background-color: #2d3e50!important; opacity: 1!important; visibility: visible; }
.popular-store-wrapp{padding: 50px 0px;}
.pop-store-div{ padding-left: 0px; list-style-type: none; display: flex; align-items: center; flex-wrap: wrap;}
.pop-store-div li{width: 25%;}





/*==================================== popular store Sec css end===================================*/
/*==================================== product review css start===================================*/
.product-review-wrapp{padding: 50px 0px; background-color: #f4f4f4;}
.product-review-box img{width: 100%; border-radius: 10px; height: 180px; object-fit: cover; margin-bottom: 15px;}
.product-review-box{padding: 10px; border: 1px solid #ccc; border-radius: 10px;}
.pro-review-con{padding: 0px 10px;}
.pro-review-con h4{font-weight: 800; font-size: 20px; margin-bottom: 10px;}
.pro-review-con p{font-size: 15px; color: #000; margin-bottom: 5px;}

.pro-review .owl-nav .owl-next {position: absolute; right: -22px; top: 37%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: #ffff!important; width: 40px; cursor: pointer; height: 40px; position: absolute; display: block; z-index: 1000; border-radius: 0; border-radius: 5px; font-size: 22px; box-shadow: 0px 0px 10px #ccc; border-radius: 50%;} .pro-review .owl-nav .owl-next span {font-size: 1.6875rem; color: var(--color); }
.pro-review .owl-nav .owl-next:focus {outline: 0; }
.pro-review:hover .owl-prev {left: -22px;opacity: 1;}
.pro-review:hover .owl-next {right: -22px; opacity: 1; }
.pro-review .owl-nav .owl-prev {position: absolute;left: -22px;top: 37%;opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: #ffff!important; width: 40px; cursor: pointer; height: 40px; position: absolute; display: block; z-index: 1000; border-radius: 0; border-radius: 5px; font-size: 22px; box-shadow: 0px 0px 10px #ccc; border-radius: 50%;}
.pro-review .owl-nav .owl-next:hover {background: #fff;color: var(--color);}

.pro-review-con a.blog-read{color: #fff;font-size: 15px;background-color: #00b1cd;padding: 8px 16px;display: inline-block;margin-top: 7px;border-radius: 50px;text-decoration: none;margin-bottom: 12px;}
.pro-review-con a.blog-read i{margin-left: 5px;font-size: 14px;}
.pro-review-con a.blog-read:hover{color: #fff!important;}
.pro-review-con a.blog-read:hover i{color: #fff!important;}
/*============================== product review Sec css end===================================*/

/*=========================== header search Sec css start===================================*/

.search-modal .btn-close{background-image: unset; position: absolute; right: 6px; top: 6px; display: block; padding: 0; line-height: 0; height: auto; width: auto; opacity: 1;} 
.search-modal .btn-close i{width: 35px; height: 35px; border-radius: 50px; background-color: #011e29; color: #fff; display: flex; align-items: center; justify-content: center;}
.search-modal .nav-right{margin-left: 0px;}
.search-form{width: 90%; margin: 13px auto 0px;}
.search-coupons .category-box {border: 1px solid #bfbfbf; margin: 0; padding: 8px; border-radius: 10px; margin-bottom: 20px; }
.search-coupons{margin-top: 20px;}
.search-coupons .category-box img{width: 100%;     margin-bottom: 9px;}
.search-coupons .category-box h5{font-size: 18px; text-align: center; color: #011e29; font-weight: 600;}
/*=========================== header search Sec css end===================================*/

/*=========================== how coupon work Sec css start===================================*/

.coupon-worked-wrapp{padding: 50px 0px 50px;}
.how-work-box{background-color: #fff; padding: 20px; box-shadow: 0px 0px 10px #ccc; border-radius: 10px; position: relative; height:100%;}
.how-work-box img{width: 50px; margin-bottom: 15px;}
.how-work-box h4{color: #000; font-size: 19px; font-weight: 700; margin-bottom: 10px;}
.how-work-box p{color: #000; font-size: 15px; margin-bottom: 0px;}
.how-work-box h3{position: absolute; top: 13px; right: 20px; font-weight: 900; font-size: 54px; color: #00b1cd33; }
/*=========================== how coupon work Sec css end===================================*/

/*=========================== faq Sec css start===================================*/

.faq-wrapper{padding: 50px 0px 50px;}
.faq-head{margin-bottom: 40px;}
.faq-head h5{color: #000; text-align: center; font-weight: 700; font-size: 30px;}
.faq-page-wrapper .accordion-item{margin-bottom: 20px;background-color: #fff; border: none!important; box-shadow: 0px 0px 10px #ccc;}
.faq-page-wrapper .accordion-button:not(.collapsed){background-color: #fff; color: #000; box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%)!important;}
.faq-page-wrapper .accordion-button:focus{outline: none; border-color:  #ccc; box-shadow: none;}
.accordion-button:not(.collapsed)::after {background-image: url('../images/download.png'); transform: rotate(-180deg); width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; background-color: #08bef0; padding: 0; background-position: center; }
.accordion-button::after{background-image: url('../images/download.png'); width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; background-color: #08bef0; padding: 0; background-position: center; }
.faq-page-wrapper .accordion-button{padding: 0px;}
.faq-page-wrapper .accordion-button p{margin-bottom: 0px; padding-left: 10px;}
.accordion-header button{font-weight: 600; padding-left: 20px!important; font-size:18px;}
/*=========================== faq Sec css end===================================*/
/*==========================Inner banner section css start==========================*/

.inner-banner-inner{background-position: 100%;background-size: cover;height: 500px;position: relative;}
.inner-banner-main{opacity: 1;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;height: 100%;width: 100%;top: 0;left: 0;position: absolute;display: flex; justify-content: center; align-items: center;}
.inner-banner-content h3{color: #fff;font-weight: 700;font-size: 38px;padding-top: 80px;text-transform: uppercase;}
.inner-banner-img{width: 100%;}
.inner-banner-img img{width: 100%;}
.inner-banner-img{position: relative;}
.inner-banner-con-inn h2{color: #fff; font-weight: 700; font-size: 30px; margin-bottom: 20px;}

ol.breadcrumb li {display: inline; font-size: 18px; color: #fff!important;font-weight: 500;}
ol.breadcrumb li+li:before {padding: 0px; color: #fff!important; content: "/\00a0"; }
ol.breadcrumb li a {color: #fff!important; text-decoration: none; font-weight: 500;}
ol.breadcrumb li a:hover {color: #fff; text-decoration: underline; }
.bread-crumbs{margin-bottom: 0;}
ol.breadcrumb li a i{margin-right: 7px;}
/*==========================Inner banner section css end===========================*/


/*========================about page css start===========================*/
 .rv-20-about_image {position: relative; width: 100%; padding-left: 104px; height: 100%;  padding-top: 50px;}
 .rv-20-about_image img {width: 440px; object-fit: cover; height: 100%; }
 .rv-20-about_image img:nth-child(2) {position: absolute; content: ""; width: 220px; height: 240px; top: 0px; left: 0px; object-fit: contain; animation: aimoveY 2.4s linear infinite alternate; }
 .rv-20-about_image .rv-20-about_experience_txt {position: absolute; left: -60px; bottom: 100px; rotate: -90deg; display: flex; align-items: center; }
.rv-20-about_image .rv-20-about_experience_txt h3 {font-size: 60px; font-weight: 800; color: #081c15; margin: 0; line-height: 1px; margin-right: 20px; }
 .rv-20-about_image .rv-20-about_experience_txt p {color: rgba(8, 28, 21, .6); font-size: 18px; font-weight: 600; margin: 0; width: 100px; line-height: 20px; }
.home-about-wrapp{padding: 50px 0px;}
.home-about-con{height: 100%; display: flex; align-items: center;}
.home-about-con h5{display: inline-block; background-color: #f7f7f7; padding: 8px 20px; border-radius: 50px; font-size: 15px; color: #bd9052;}
.home-about-con h5 i{margin-right: 5px;}
.home-about-con h2{font-size: 28px; font-weight: 800; margin: 7px 0px; color: #011e29;}
.home-about-con h2 span{color: #00b1cd;}
.home-about-con p{font-size: 15px; color: #000; line-height: 23px;}
.home-about-con a{background-color: #00b1cd; padding: 8px 20px; color: #fff; font-size: 15px; border-radius: 50px; text-decoration: none; display: inline-block;margin-top: 15px;}
.abt-work{background-color: #f4f4f4;}

.why-choose-wrapp{padding: 50px 0px;}
.why-choose-box{background-color: #fff; padding: 20px; box-shadow: 0px 0px 10px #ccc; border-radius: 10px; position: relative;}
.why-choose-box img{width: 50px; }
.why-choose-box h4{color: #000; font-size: 19px; font-weight: 700; margin-bottom: 10px;}
.why-choose-box p{color: #000; font-size: 15px; margin-bottom: 0px;}
.why-choose-img{margin-bottom: 15px; background-color: #00b1cd29; padding: 10px; width: 80px; height:80px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}

/*======================== about page css end===========================*/

.news-page-wrapp{padding: 50px 0px;}
.news-page-wrapp .product-review-box{margin-bottom: 30px;}

/*======================== contact page css start===========================*/
.contact-map-div iframe{width: 100%; height: 100%;}
.contact-map-div{height: 100%;}

.contact-left{margin-top: 0px; background-color: #fff; padding: 22px; box-shadow: 0px 0px 10px #ccc; border-radius: 19px; }
.contact-left h5{font-size: 26px; color: #000; font-weight: 600; letter-spacing: 0px; margin-bottom: 15px; }
.contact-left h2{font-size: 28px; margin-bottom: 14px; }
.contact-left h6{font-size: 15px; margin-bottom: 24px; }
.contact-left form{}
.contact-left form label{margin-bottom: 8px; font-size: 15px; }
.contact-left form input{margin-bottom: 14px; padding: 10px; border-radius: 1px; border-radius: 50px; font-size: 16px; }
.contact-left form input:focus{border-color: #00b1cd; box-shadow: unset; outline: none;}
.contact-left form textarea{height: 150px; border-radius: 20px;}
.contact-left form textarea:focus{border-color: #00b1cd; box-shadow: unset; outline: none;}
.contact-left form button{border: 1px solid #00b1cd; border-radius: 0; text-transform: capitalize; font-weight: 600; letter-spacing: 1px; padding: 11px 21px; margin-top: 32px; margin-bottom: 30px; border-radius: 50px; background-color: #00b1cd; color: #fff;}

/*======================== contact page css end===========================*/

/*======================== privacy policy page css start===========================*/
.privacy-policy-wrapp{padding: 50px 0px;}
.privacy-policy-con h1{font-weight: 800; font-size: 30px; color: #000; margin-bottom: 10px; }
.privacy-policy-con h2{font-weight: 800; font-size: 24px; color: #000; margin-bottom: 10px; } 
.privacy-policy-con h3{font-weight: 800; font-size: 24px; color: #000; margin-bottom: 10px; }
.privacy-policy-con h4{font-weight: 800; font-size: 22px; color: #000; margin-bottom: 10px; }
.privacy-policy-con h5{font-weight: 800; font-size: 22px; color: #000; margin-bottom: 10px; }
.privacy-policy-con p{font-size: 15px; color: #000;}
.privacy-policy-con ul{list-style-type: none; padding-left: 0px;}
.privacy-policy-con ul li{font-size: 15px; color: #000;}
.privacy-policy-con ul li:before{content: '\f0da'; font-family: 'Font Awesome 5 Free'; font-weight: 600; margin-right: 6px; color: #00b1cd; }
/*======================== privacy policy page css end===========================*/


/*===============================blog page section css start================================*/

.blog-content a.blog-read:hover{background-color: #011e29;color: #000;border-color: #011e29;}
.blog-headings p{padding: 0% 27%;}
.blog-content{padding: 15px;}
.blog-headings{text-align: center; padding-bottom: 40px;}
.blog-headings h5{color: #00E5CC;font-size: 18px;font-weight: 500;text-transform: uppercase;margin-bottom: 13px;}
.blog-headings h2{color: #000E44;font-size: 42px;font-weight: 700;/ text-transform: uppercase; /margin-bottom: 14px;}
.blog-headings p{color: #848E9F; font-size: 16px; font-weight: 400;}
.home-blog-image img{width: 100%;border-radius: 10px;border-bottom-left-radius: 0;border-bottom-right-radius: 0; height: 220px; object-fit: cover;}
.blog-category{color: #848E9F;font-size: 16px;font-weight: 400;position: absolute;bottom: 10px;right: 10px;background-color: #731a17;padding: 5px 23px;border-radius: 50px;color: #fff;box-shadow: 0px 0px 10px #fff;}
.blog-category a{color: #fff;}
.home-blog-image{position: relative; margin-bottom: 15px;}
.blog-date {color: #000;font-size: 14px;font-weight: 500;margin-left: 20px;}
.blog-feat{margin-top: 10px;margin-bottom: 9px;}
.blog-date:first-child{margin-left: 0px;}
.blog-date i{color: #00b1cd;}
.blog-content h4 a{color: #000;font-weight: 700;font-size: 20px;text-decoration: none;line-height: 15px;}
.blog-content p{color: #000;font-size: 15px;font-weight: 400;}
.blog-content a.blog-read{color: #fff;font-size: 15px;background-color: #00b1cd;padding: 8px 16px;display: inline-block;margin-top: 7px;border-radius: 50px;text-decoration: none;margin-bottom: 12px;}
.blog-content a.blog-read i{margin-left: 5px;font-size: 14px;}
.blog-wrapper{padding: 40px 0px 20px;}
.blog-page{margin-bottom: 30px;background-color: #fff; padding: 6px; border-radius: 10px;box-shadow: 0 2px 20px rgb(0 0 0 / 15%);}
.blog-content h4{line-height: 22px;margin-bottom: 14px;}
.blog-content a.blog-read:hover{color: #fff!important;}
.blog-content a.blog-read:hover i{color: #fff!important;}
/*=================================blog page section css end==============================*/



/*=================================Blog detail section css start==================================*/

.blog-detail-page-title h3{font-size: 24px; text-align: center; margin-bottom: 30px; color: #000E44; font-weight: 600; }
.blog-detail-image img{width: 100%;height: auto;max-height: auto;object-fit: cover;}
.blog-detail-image{position: relative;}
.blog-detail-title h1{color: #000E44;text-decoration: none;font-size: 33px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title h2{color: #000E44;text-decoration: none;font-size: 29px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title h3{color: #000;text-decoration: none;font-size: 22px;margin-top: 10px;font-weight: 700;margin-bottom: 15px;}
.blog-detail-title h4{color: #000E44;text-decoration: none;font-size: 24px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title h5{color: #000E44;text-decoration: none;font-size: 22px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title h6{color: #000E44;text-decoration: none;font-size: 20px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title{margin-top: 20px;}
.blod-detail-description p{text-align: justify;font-size: 15px;font-weight: 400;color: #000;}
.blod-detail-description{margin-top: 13px;}
.blog-detail-wrapper .widget {margin-bottom: 0px;padding: 22px 30px 0px;background-color: #fff;border-radius: 10px;position: relative;/ box-shadow: 0 0 20px rgb(0 0 0 / 7%); /}
h2.widget-title, h2.widgettitle {font-size: 21px;padding-bottom: 18px;margin-bottom: 30px;position: relative;color: #000;font-weight: 700;}
.blog-detail-wrapper .widget-title:after{position: absolute;content: '';width: 63px;height: 2px;background-color: #00b1cd;bottom: 6px;left: 0;}
#secondary .widget ul {margin: 0; padding-left: 0; list-style-type: none; }
.blog-detail-wrapper .widget ol li, .blog-detail-wrapper .widget ul li {padding: .72rem 0; border-bottom: 1px solid #e8ecef; border-top: 1px solid #e8ecef; list-style-type: none; padding-left: 0; display: flex; justify-content: flex-start; align-items: center; }
.blog-detail-wrapper .widget_categories ul{padding-left: 0;}
.blog-detail-wrapper .widget ol li:first-child, .blog-detail-wrapper .widget ul li:first-child {border-top: none; padding-top: 0; }
#secondary .widget ul li {position: relative; }
.blog-detail-wrapper .widget_categories li a {display: flex; color: #000!important; font-size: 15px; text-decoration: none; }
.blog-detail-wrapper .widget_categories li a i {display: flex; color: #000!important; padding-left: 20px; font-size: 19px; padding-right: 14px; padding-top: 7px; }
.blog-detail-wrapper .widget_recent_entries img {margin-right: 17px; height: 74px; max-width: 75px; display: block; object-fit: contain; border-radius: 10px; }
.blog-detail-wrapper .widget_recent_entries li.item-recent-post .title-post {display: flex; flex-direction: column; }
.blog-detail-wrapper .widget_recent_entries li.item-recent-post a {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.3;max-height: 2.6em;margin-bottom: .5em;font-size: 15px;color: #000;text-decoration: none;font-weight: 600;}
.blog-detail-wrapper .widget_recent_entries .post-date {display: block;font-size: 14px!important;font-size: .6875rem;color: #00b1cd;text-transform: uppercase;}
.blog-detail-wrapper .widget_recent_entries ul{padding-left: 0px;}
.feat_blog_con p span {color: #00b1cd;font-size: 15px;margin-right: 17px;font-weight: 400;}
.feat_blog_con p span a {color: #848e9f;font-size: 15px;margin-right: 17px;font-weight: 400; text-decoration: none;}
.feat_blog_con p span i{margin-right: 5px;}
.blog-detail-image{position: relative;}
.blog-detail-image img{border-radius: 10px; height: auto;}
.blog-detail-image .blog-detail-cat{font-size: 16px;font-weight: 400;position: absolute;bottom: 10px;right: 10px;background-color: #721915;padding: 5px 23px;border-radius: 50px;color: #fff;box-shadow: 0px 0px 10px #fff;}
.blog-detail-image .blog-detail-cat a{color: #fff; text-decoration: none;}
.blod-detail-description h2{font-size: 20px; font-weight: 600; color: #000;}
.blod-detail-description h3{font-size: 18px; font-weight: 600; color: #000;}
.blod-detail-description h4{font-size: 16px; font-weight: 600; color: #000;}
.blod-detail-description ul{list-style: none; margin-top: 10px; padding-left: 5px;}
.blod-detail-description ul li{color: #000; font-size: 15px; margin-bottom: 10px;}
.blod-detail-description ul li a{color: #000; font-size: 15px; text-decoration: none;}
.widget_categories ul li{justify-content: space-between!important;}
/*=================================Blog detail section css end==================================*/

/*============================store listing section css start==================================*/

.store-div1 a {display: flex; justify-content: center; align-items: center; }
.store-div1 a {display: inline-block; position: relative; text-align: center; border: 1px solid #e7e7e7; border-radius: 4px; overflow: hidden; width: 94%; height: 75px; line-height: 28px; margin-bottom: 10px; text-decoration: none; color: black; font-size: 15px; }
.store-div1 p {margin-bottom: 0px; }
.store-listing-wrapp{padding: 50px 0px;}
.store-coupon-box h3{font-size:20px;}
/*============================store listing section css end==================================*/

/*============================store detail section css start==================================*/
.store-detail-wrapp{padding: 0px 0px 50px;}
.store-img{width: 261px; height: 261px;margin-top: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; padding: 20px; background-color: #fff; box-shadow: 0px 0px 10px #ccc;}
.store-top-con{display: flex; align-items: center; height: 100%;position: relative;}
.store-img img{width:100%;}
.store-top-con h2{color: #fff; font-size: 28px; font-weight: 700; text-transform: uppercase;}
.store-top-con ul{display: flex; align-items: center; list-style: none; padding-left: 0px; margin-top: 23px; position: relative;}
.store-top-con ul li{margin-right: 20px; width: 152px;}
.store-top-con ul li a{text-align: center; display: block; background-color: #00b1cd; color: #fff; text-decoration: none; padding: 11px; }

.store-detail-top {position:relative;z-index:99;}
.store-detail-top:before{content:''; background-color:#021e2a; width:100%; height:215px; position: absolute;}





.store-detail-pop{background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 10px #ccc; padding:10px 15px; margin-bottom: 20px;}
.store-detail-pop h3{font-size: 18px; font-weight: 700; color: #000; border-bottom: 1px solid #ccc; padding: 10px 4px 13px; }
.store-detail-pop ul{margin-top: 20px; padding-left: 0px; list-style-type: none; display: flex; flex-wrap: wrap; }
.store-detail-pop ul li{width: 48%; margin-right: 3px; margin-bottom: 00px;}
.store-detail-middle{margin-top: 50px;}
.may-like ul li{width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.store-divs a{text-decoration: none; color: #000;}
.store-divs img{ width: 100px; }
.store-divs p{font-size: 15px; margin-bottom: 9px;}
.may-like ul li:last-child{border:none;}
.store-coupon-box{width: 100%; box-shadow: 0px 0px 10px #ccc; background-color: #fff; padding: 10px; display: flex; align-items: center; justify-content: space-between; border-top-left-radius: 150px; border-bottom-left-radius: 150px; margin-bottom: 20px; }
.store-coupon-box h3{width: 120px; height: 120px; background-color: #011e29; color: #97edfb; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; font-weight: 800; margin-bottom: 0px; }
.store-coupon-box p{margin-bottom: 0px;width: 100%;font-size: 22px;font-weight: 600;}
/*.store-coupon-box a{text-align: center; display: block; background-color: #00b1cd; color: #fff; text-decoration: none; padding: 11px 21px; width: 198px; font-weight: 600; text-transform: uppercase; }*/
.store-detail-con-wrapp{padding: 13px 0px 40px; background-color: #f4f4f4;}
.coupons-detail-head h5{text-align: left; padding: 20px 0px; border-bottom: 1px solid #ccc; margin-bottom: 0px;}
.coupons-detail-head{margin-bottom: 30px;}
.store-info {
    width: 60%;
}
.store-upper-info {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}
.vision-info {
    position: relative;
    padding-right: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.verified-info {
    display: flex;
    align-items: center;
    gap: 10px;
}
.vision-info p, .verified-info p {
    margin-bottom: 0;
    font-size:15px;
}
.vision-info::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 60%;
    background-color: grey;
}
.coupon-detail-desc h3{font-weight: 700; font-size: 23px; color: #000; margin-bottom: 25px;}
.coupon-detail-desc table {border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; margin-bottom: 30px; }
.coupon-detail-desc table caption {font-size: 1.5em; margin: .5em 0 .75em; }
.coupon-detail-desc table tr {background-color: #f8f8f8; border: 1px solid #ddd; padding: .35em; }
.coupon-detail-desc table th, .coupon-detail-desc table td {padding: .625em; text-align: center; border: 1px solid #ccc; }
.coupon-detail-desc table th {font-size: .85em; letter-spacing: .1em; text-transform: uppercase; background-color: #011e29; color: #fff; padding: 16px; }
@media screen and (max-width: 600px) {
  .coupon-detail-desc table {border: 0; }
  .coupon-detail-desc table caption {font-size: 1.3em; }
  .coupon-detail-desc table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  .coupon-detail-desc table tr {border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
  .coupon-detail-desc table td {border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; }
  .coupon-detail-desc table td::before {/* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */ content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }
  .coupon-detail-desc table td:last-child {border-bottom: 0; }
}

/*============================store detail section css end==================================*/


/*=========================category listing section css start===============================*/

  .category-list-wrapp{padding: 50px 0px;}
  .category-list-img{text-align: center;}
  .category-list-img img{width: 170px;/* border-radius: 50%; */margin: 0 auto 12px;display: block;}
  .category-list-img h4{font-size: 19px; font-weight: 700; }
  .category-list-box {margin-bottom: 25px; border: 1px solid #ccc; border-radius: 10px; padding: 25px;}
.category-list-img a{color:#000; text-decoration:none;}
/*============================category listing section css end==============================*/
.pro-review-con h4 a{color:#000; text-decoration:none;}
.news-page-wrapp .pro-review-con h4{
font-weight: 800;
    font-size: 17px;
    margin-bottom: 10px;
    line-height: 26px;}




.back-go{color: #fff;font-size: 17px;text-decoration: none;display: flex;align-items: center;}
.back-go:hover{color: #fff;}
.back-go i{ width: 35px; height: 35px; background-color: #fff; border-radius: 50px;color: #000; display: flex; justify-content: center;align-items: center; margin-right: 10px; }
.share-button{color: #fff;font-size: 17px;text-decoration: none;display: flex;align-items: center;justify-content: end;}
.share-button:hover{color: #fff;}
.share-button i{
    width: 35px;
    height: 35px;
    background-color: #2395ff;
    border-radius: 50px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}
.coupon-list-page{background: linear-gradient(148deg,#2f7bd9 14%,#293a91 86%);padding: 16px 0px 30px;}
.coupon-list-action{display: flex; justify-content: space-between; align-items: center;}

.list-cop-con h5{
   font-size: 21px;
    font-weight: 600;
}
.list-cop-con h5 span{
    font-size: 26px;
    font-weight: 800;
}
.list-cop-con p{
    font-size: 15px;
}
.list-coupon-con{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list-coupon-con img{
    width: 20%;
    margin-left: 40px;
}
.show-cop-div h6{
    font-size: 17px;
    margin-bottom: 20px;
}
.show-cop-div h6 a{color:#000; text-decoration:none;}

.show-cop-div p {
    border-radius: 2px;
    border: dashed 2px #000;
    background-color: #f0f0f0;
    text-align: center;
    color: #000;
    font-weight: 700;
    height: 63px;
    line-height: 63px;
    box-sizing: border-box;
    font-size: 26px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  gap: 18px;}


.show-cop-div a{
    font-size: 15px;
}
.show-cop-div a i{
    margin-right: 6px;
}
.show-cop-div {
    border-top: 1px solid #ccc;
    padding: 19px 0px  0px;
    text-align: center;
}
.main-coupon-list{
      border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgb(17 19 35 / 7%);
    border: solid 0.6px #f1f1f1;
    background-color: #fff;
    margin-top: 30px;
    padding: 20px;
}

.cop-extra-con{height: 100%; display: flex; align-items: center; }
.cop-extra-inner{    max-height: 150px;
    overflow-y: auto;
    padding: 12px 12px;
    color: #515151;     border-left: 1px solid #d6d8da; }
.cop-extra-inner ul{
  color: #373737;
    line-height: 22px;
    padding-left: 16px;
    margin: 0 auto 24px;
    list-style-type: decimal;
}
.cop-extra-inner li{ margin-bottom: 12px; font-size: 14px;}
.cop-extra-inner li span.span1{color: #ff4136;}
.cop-extra-inner li span.span2{color: #ff851b;}
/* width */
.cop-extra-inner::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.cop-extra-inner::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.cop-extra-inner::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.cop-extra-inner::-webkit-scrollbar-thumb:hover {
  background: #555; 
}








.dropdownContainer {position: relative; left: 0; z-index: 9; }

.dropdown-toggle {cursor: pointer; color:#00b1cd; }
.dropdown-toggle::after{display: none; }
.dropdownContainer ul.dropdown {display: none; position: absolute; top:222%; right: -113px; min-width: 284px; padding: 0; border: unset; border-radius: 0; box-shadow: 0 0px 1px #ccc; background-color: #fff; }

.dropdownContainer ul.dropdown:before {content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 127px; border-width: 0 10px 10px 10px; border-style: solid; border-color: rgba(115, 187, 22, 1) transparent; display: none; }
.dropdownContainer ul.dropdown:after {content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 129px; border-width: 0 8px 7px 7px; border-style: solid; border-color: #fff transparent; display: none; }
.dropdownContainer ul.dropdown li {height: 45px; list-style-type: none; border-top: 1px solid lightgrey; }
.dropdownContainer ul.dropdown li:hover{background-color: #eee; }
.dropdownContainer ul.dropdown li:first-child {list-style-type: none; border-top: none; }
.dropdownContainer ul.dropdown .fa-circle{font-size: 15px; color: rgba(115, 187, 22, 1); }
.dropdownContainer ul.dropdown li a {text-decoration: none; padding: .5em 1em; display: block; color: black; font-size: 15px; font-weight: 600; }

.dropdownContainer ul.dropdown .fa-list{font-size: 15px; padding:5px; color: rgba(115, 187, 22, 1); border: 2px solid rgba(115, 187, 22, 1); border-radius: 100%; }
.desktop-search{display: flex; align-items: center;}
.notifiy-icon{position: relative;}
.notifiy-icon span{position: absolute; top: -10px; width: 17px; height: 17px; background-color: red; border-radius: 20px; display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: 600; color: #fff; right: -8px; }
.notifiy-icon i{font-size: 21px;}
.mob-head{display: none;}


.cbtn {background: unset; width: 175px; border-radius: 2px; height: 44px; line-height: 40px; position: relative; border: 1.5px dashed #979797; z-index: 1; display: block; text-decoration: none; }
.cbtn>span{text-align: right; color: #000; font-weight: 700; padding-right: 18px; position: relative; display: block; }
.cbtn>div {transition: all .3s ease;position: absolute;left: -2px;top: -2px;height: 44px;background: #2491ef;font-size: 13px;font-weight: 700;width: 142px;color: #fff;box-shadow: 0 2px 4px 0 rgb(157 157 157 / 50%);border-radius: 2px 2px 2px 2px;line-height: 43px;text-align: left;padding-left: 13px;}