*, *::after, *::before{padding:0;margin:0;box-sizing:border-box}
html{
    overflow-x:hidden;
}

@font-face {
    font-family: "ttnorms";
   src: url(../font/ttnormsbold.ttf);
}
:root{--primary-color: #000;--secondary-color: #1f66b1;--territiary-color: #1f66b1;--other-color: #1E7EC2;--lt-bg-color: #F9FBFB;--lt-color:#F9FBFB;--heading-color: #000;--btn-color: #1f66b1;--btn-hover: #1E7EC2;--sec-line:#FD3358;--white-color:#fff;--black-color:#000;--primary-font: "IBM Plex Sans", serif;--secondary-font: "IBM Plex Sans", serif;--other-font: "IBM Plex Sans", serif;--territiary-font: "IBM Plex Sans", serif;--f1:1px;--f2:2px;--f3:3px;--f4:4px;--f5:5px;--f6:6px;--f7:7px;--f8:8px;--f9:9px;--f10:10px;--f11:11px;--f12:12px;--f13:13px;--f14:14px;--f15:15px;--f16:16px;--f17:17px;--f18:18px;--f19:19px;--f20:20px;--f21:21px;--f22:22px;--f23:23px;--f24:24px;--f25:25px;--f26:26px;--f27:27px;--f28:28px;--f29:29px;--f30:30px;--f31:31px;--f32:32px;--f33:33px;--f34:34px;--f35:35px;--f36:36px;--f37:37px;--f38:38px;--f39:39px;--f40:40px;--f41:41px;--f42:42px;--f43:43px;--f44:44px;--f45:45px;--f46:46px;--f47:47px;--f48:48px;--f49:49px;--f50:50px;--f51:51px;--f52:52px;--f53:53px;--f54:54px;--f55:55px;--f56:56px;--f57:57px;--f58:58px;--f59:59px;--f60:60px;--f70:70px;--f75:75px;--f80:80px;--f85:85px;--f90:90px;--p1:1px;--p2:2px;--p3:3px;--p4:4px;--p5:5px;--p6:6px;--p7:7px;--p8:8px;--p9:9px;--p10:10px;--p11:11px;--p12:12px;--p13:13px;--p14:14px;--p15:15px;--p16:16px;--p17:17px;--p18:18px;--p19:19px;--p20:20px;--p21:21px;--p22:22px;--p23:23px;--p24:24px;--p25:25px;--p26:26px;--p27:27px;--p28:28px;--p29:29px;--p30:30px;--p31:31px;--p32:32px;--p33:33px;--p34:34px;--p35:35px;--p36:36px;--p37:37px;--p38:38px;--p39:39px;--p40:40px;--p41:41px;--p42:42px;--p43:43px;--p44:44px;--p45:45px;--p46:46px;--p47:47px;--p48:48px;--p49:49px;--p50:50px;--p51:51px;--p52:52px;--p53:53px;--p54:54px;--p55:55px;--p56:56px;--p57:57px;--p58:58px;--p59:59px;--p60:60px;--p61:61px;--p62:62px;--p63:63px;--p64:64px;--p65:65px;--p66:66px;--p67:67px;--p68:68px;--p69:69px;--p70:70px;--p71:71px;--p72:72px;--p73:73px;--p74:74px;--p75:75px;--p76:76px;--p77:77px;--p78:78px;--p79:79px;--p80:80px;--p81:81px;--p82:82px;--p83:83px;--p84:84px;--p85:85px;--p86:86px;--p87:87px;--p88:88px;--p89:89px;--p90:90px;--p91:91px;--p92:92px;--p93:93px;--p94:94px;--p95:95px;--p96:96px;--p97:97px;--p98:98px;--p99:99px;--p100:100px;--p120:120px;--m1:1px;--m2:2px;--m3:3px;--m4:4px;--m5:5px;--m6:6px;--m7:7px;--m8:8px;--m9:9px;--m10:10px;--m11:11px;--m12:12px;--m13:13px;--m14:14px;--m15:15px;--m16:16px;--m17:17px;--m18:18px;--m19:19px;--m20:20px;--m21:21px;--m22:22px;--m23:23px;--m24:24px;--m25:25px;--m26:26px;--m27:27px;--m28:28px;--m29:29px;--m30:30px;--m31:31px;--m32:32px;--m33:33px;--m34:34px;--m35:35px;--m36:36px;--m37:37px;--m38:38px;--m39:39px;--m40:40px;--m41:41px;--m42:42px;--m43:43px;--m44:44px;--m45:45px;--m46:46px;--m47:47px;--m48:48px;--m49:49px;--m50:50px;--m51:51px;--m52:52px;--m53:53px;--m54:54px;--m55:55px;--m56:56px;--m57:57px;--m58:58px;--m59:59px;--m60:60px;--m61:61px;--m62:62px;--m63:63px;--m64:64px;--m65:65px;--m66:66px;--m67:67px;--m68:68px;--m69:69px;--m70:70px;--m71:71px;--m72:72px;--m73:73px;--m74:74px;--m75:75px;--m76:76px;--m77:77px;--m78:78px;--m79:79px;--m80:80px;--m81:81px;--m82:82px;--m83:83px;--m84:84px;--m85:85px;--m86:86px;--m87:87px;--m88:88px;--m89:89px;--m90:90px;--m91:91px;--m92:92px;--m93:93px;--m94:94px;--m95:95px;--m96:96px;--m97:97px;--m98:98px;--m99:99px;--m100:100px;}
body{
    font-family: var(--primary-font);
    color: var(--primary-color);
    background-color: var(--white-color);
}
label.error{
    color:red;
    font-size: 13px;
}
label.valid{
    display: none !important;
}

a{
    text-decoration: none;
    color: var(--secondary-color);
    font-family: var(--primary-font);
}
a:hover{
    text-decoration: none;
    color: var(--secondary-color);
    font-family: var(--primary-font);
}
.main-btn{
    font-weight: 600;
    font-size: var(--f15);
    color: var(--white-color);
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 0 0 0 #F6F6F9;
    /* text-transform: uppercase; */
    padding: var(--p14) var(--p15);
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    border-radius: 8px;
}
.main-btn:hover{
   opacity: 0.9;
   color:#fff;
}
.animated-button {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 12px 30px;
  border: 4px solid;
  border-color: transparent;
  font-size: 16px;
  background-color: inherit;
  border-radius: 100px;
  font-weight: 600;
  color: var(--secondary-color);
  box-shadow: 0 0 0 2px var(--secondary-color);
  cursor: pointer;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.animated-button svg {
  position: absolute;
  width: 24px;
  fill: var(--secondary-color);
  z-index: 9;
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.animated-button .arr-1 {
  right: 16px;
}

.animated-button .arr-2 {
  left: -25%;
}

.animated-button .circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background-color: var(--secondary-color);
  border-radius: 50%;
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.animated-button .text {
  position: relative;
  z-index: 1;
  transform: translateX(-12px);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.animated-button:hover {
  box-shadow: 0 0 0 12px transparent;
  color: #fff;
 
}

.animated-button:hover .arr-1 {
  right: -25%;
}

.animated-button:hover .arr-2 {
  left: 16px;
}

.animated-button:hover .text {
  transform: translateX(12px);
}

.animated-button:hover svg {
  fill: #ffff;
}

.animated-button:active {
  scale: 0.95;
  box-shadow: 0 0 0 4px var(--secondary-color);
}

.animated-button:hover .circle {
  width: 220px;
  height: 220px;
  opacity: 1;
}

.row{
    margin-left: 0px;
    margin-right: 0px;
}
ul, li{
    list-style: none;
    margin-bottom: 0px;
    padding-left: 0px;
    font-family: var(--primary-font);
    font-size: var(--f19);
}
p{
    font-family: var(--primary-font);
    color: var(--black-color);
    font-size: var(--f16);
    line-height: 1.6;
    letter-spacing: 0;
}
li{
    font-family: var(--primary-font);
    color: var(--black-color);
    font-size: var(--f16);
    line-height: 1.5;
    letter-spacing: 0;
}
h1{
    font-size: 55px;
    line-height: 1.3;
    font-weight: 600;
    color: var(--white-color);
    margin-bottom: var(--m30);
    font-family: var(--secondary-font);
}
h2{
    font-size: var(--f40);
    line-height: 1.3;
    font-weight: 600;
    color: var(--heading-color);
    margin-bottom: var(--m10);
    font-family: var(--primary-font);
}
h3{
    font-size: var(--f32);
    line-height: 1.3;
    font-weight: 600;
    color: var(--heading-color);
    margin-bottom: var(--m15);
    font-family: var(--secondary-font);
}
h4{
    font-size: var(--f27);
    line-height: 1.3;
    font-weight: 600;
    color: var(--heading-color);
    margin-bottom: var(--m15);
    font-family: var(--primary-font);
}
h5{
    font-size: var(--f21);
    line-height: 1.3;
    font-weight: 600;
    color: var(--heading-color);
    margin-bottom: var(--m20);
    font-family: var(--secondary-font);
}
h6{
    font-size: var(--f20);
    line-height: 1.3;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: var(--m20);
    font-family: var(--secondary-font);
}
section{
    padding: var(--p80) var(--p12);
}
pre, sub{
    font-family: var(--primary-font);
    font-size: var(--f12);
}
table{
    font-family: var(--primary-font);
    font-size: var(--f15);
}

footer {
    background: #1f66b1;
    padding: 48px 32px;
}
footer .col-5{
    border-right: 1px solid #fff;
    padding-top: 8px;
    padding-bottom: 8px;
}
footer .col-7{
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 50px;
    display: flex;
    justify-content: space-between;
}
footer .col-7 div{
    width: 32.33%;
}
footer h5{
    font-size: 16px;
    color: #fff;
    margin-bottom: 16px;
}
footer li{
    font-weight: 600;
    line-height: 2.4;
    font-size: 13px;
    color: #fff;
}
footer li a{
    color: #fff;
}
footer li a:hover{
    color: #fff;
    text-decoration:underline;
}
.footer-social {
    margin-top: 25px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 40px;
}
.footer-social a{
    color:var(--white-color);
    font-size:30px;
}
.footer-social hr{
    /* background:#fff; */
    /* opacity: 1; */
    border-color: #fff;
    width: 40%;
}
.footer-icon{
    display:flex;
    gap:40px;
}
.footer-social img{
    width:100%;
}
.footer-logo {
    text-align: center;
}
.footer-logo img{
    width:200px;
    margin-bottom: 15px;
}
.footer-logo p{
    font-weight: 600;
    line-height: 2.4;
    font-size: 13px;
    color: #fff;
    margin-bottom: 0;
}
footer .copyright-link li a{
    padding: 8px 16px;
    font-size: 15px;
    text-decoration: underline;
    font-weight: 600;
}
footer .copyright-link li{
    position: relative;
}
footer .copyright-link li a:hover{
    color:#fff;
}
footer .copyright-link ul{
    display: flex;
    justify-content: center;
}
footer .copyright-link ul li::after{
    color: #7691ad;
    content: "|";
    display: inline-block;
    font-size: .75em;
    position: absolute;
    right: -.25em;
    top: 15%;
}
footer .copyright-link ul li:last-child::after{
    display: none;
}

.faq-sec .accordion-item{
    border: 0px solid;
    margin-bottom: 36px;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 36px;
    padding-top: 0;
    background: transparent;
}
.accordion-item, .accordion-button{
    background: transparent !important;
}
.faq-sec button.accordion-button {
   font-size: 17px;
   color: var(--black-color);
   padding: 0px;
   border-bottom: 0px solid #DBDEE3;
   padding-bottom: 0;
   margin-bottom: 0px;
   padding-left: 0;
   font-weight: 400;
}
.faq-sec .accordion-button::after {
  background-image: url("../images/plus.png");
  transition: all 0.5s;
  width: 31px;
  height: 31px;
  background-color: transparent;
  border-radius: 5px;
  background-size: 13px;
  background-position: center;
}
.faq-sec .accordion-button:hover::after{
    background-color: transparent;
}
.faq-sec .accordion-button:not(.collapsed){
 color:var(--secondary-color);
}
.faq-sec .accordion-button:not(.collapsed)::after {
  background-image: url("../images/minus.png");
  background-position: center 75%;
  background-color: transparent;
}
.faq-sec .accordion-button::after {
  transition: all 0.5s;
  /* margin-left: 0; */
  /* margin-right: auto; */
  position: absolute;
  right: 0;
}
.faq-sec .accordion-body {
    padding: 0;
    background: transparent;
    margin-top: 36px;
    margin-bottom: 0;
    padding-left: 0;
    padding-bottom: 0;
    /* width: 70%; */
}
.faq-sec .accordion-button:not(.collapsed){
    background-color: transparent;
    box-shadow: inset 0 0px 0 rgba(0, 0, 0, .125);
    margin-bottom: 0px;
    border-bottom: 0px solid;
}
section.faq-sec .col-6{
    display: flex;
    justify-content: center;
    align-items: center;
}
section.video-sec {
    background: var(--lt-bg-color);
}
section.video-sec .col-6{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
section.video-sec iframe{
    width:100%;
}
section.video-sec .video-inner{
    width:100%;
}
section.video-sec h2{
    margin-bottom: 15px;
}
section.video-sec p{
    margin-bottom: 20px;
}
section.video-sec a.main-btn {
    display: flex;
    width: 180px;
    text-align: center;
    margin: auto;
    justify-content: center;
    align-items: center;
}
section.video-sec .animated-button{
    width:200px;
    margin: auto;
}
section.blogging ul.nav.nav-pills {
    /* padding: 20px 0; */
    /* background: var(--lt-bg-color); */
    /* border: 1px solid var(--lt-bg-color); */
    border-radius: 26px;
    display: flex;
    /* flex-direction: column; */
    margin-bottom: 30px;
    gap: 20px;
}
section.blogging ul.nav.nav-pills li a {
    color: #000;
    padding: 12px 35px;
    border-radius: 30px;
    border: 1px solid;
    /* width: 120px; */
}
section.blogging ul.nav.nav-pills li a.active{
    background-color:transparent;
    background-color: var(--secondary-color);
    color: var(--white-color);
}
section.blogging ul.nav.nav-pills li{
    /* border-bottom:1px solid var(--secondary-color); */
}
section.blogging ul.nav.nav-pills li a:hover{
     background-color:var(--secondary-color);
    color:var(--white-color);
}
.feat_blog_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
 margin-bottom:30px;
}
.feat_blog_con img{
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: contain;
}
.feat_blog_con .author-name, .feat_blog_con p {
    font-size: 14px;
    margin-bottom: 0;
}
.feat_blog_con .author-name span{
 display:block;
}
.feat_blog_con .author-name a{
    text-decoration:none;
    color:#000;
}
.feat_blog_con .author-blog{
 display:flex;
 align-items:center;
 gap:10px;
}
/*===============================blog page section css start================================*/
.blog-content a.blog-read:hover{background-color: #dd2839;color: #000;border-color: #dd2839;}
.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: 210px;object-fit: contain;}
.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: 0;}
.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: #dd2839;}
.blog-content h4 a{color: #000;font-weight: 700;font-size: 16px;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: #dd2839;padding: 8px 16px;display: inline-block;margin-top: 7px;border-radius: 0;text-decoration: none;margin-bottom: 12px;}
.blog-content a.blog-read i{margin-left: 5px;font-size: 14px;}
.blog-wrapper{padding: 70px 0px 0px;}
.blog-page{margin-bottom: 30px;background-color: #fff;/* padding: 15px; */border-radius: 10px;box-shadow: 0 2px 20px rgb(0 0 0 / 15%);}
.blog-content h4{line-height: 22px;margin-bottom: 14px;height: 66px;overflow: hidden;}
.blog-content a.main-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
}
.home-blog-sec .blog-sec h3{
    padding-left: 0;
    padding-right: 0;
}
/*=================================blog page section css end==============================*/
section.how-it-work {
    background: var(--lt-bg-color);
    text-align: center;
}
section.how-it-work .how-it-head {
    margin-bottom: 50px;
}
section.how-it-work .work-number {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-size: 35px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}

section.top-products .head-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}
section.top-products .head-sec h3{
    margin-bottom: 0;
}
section.top-products .head-sec a{
    font-weight: 600;
    border-bottom: 1px solid;
    padding-bottom: 0px;
}
section.top-products .item{
   width: 24%;
    height: 445px;
    position: relative;
}
section.top-products .item:hover .front-box{
    transform: rotateY(180deg);
}
section.top-products .item:hover .back-box{
    transform: rotateY(0deg);
}
section.top-products .slide-info{
    display: flex;
    justify-content: space-between;
}
section.top-products .top-product {
    background: #fff;
    box-shadow: 0px 0px 8px #00000069;
    padding: 10px;
    padding-bottom: 20px;
}
section.top-products .top-product .img-sec img{
    width: 100%;
    height: 200px;
    object-fit: contain;
}
section.top-products .product-logo {
    display: flex;
    width: 130px;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-shadow: 0 0 8px #00000040;
    border-radius: 35px;
    margin: auto;
    margin-top: -30px;
    z-index: 1;
    position: relative;
    margin-bottom: 20px;
}
section.top-products .product-logo img{
    width: 80px;
}
section.top-products .top-content{
    text-align: center;
}
section.top-products .top-content .price {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 15px;
}
section.top-products .top-content .price del {
    color: #b9b8b8;
    font-weight: 600;
    font-size: 15px;
}
section.top-products .top-content .price p{
    margin-bottom: 0;
    font-size: 21px;
    font-weight: 700;
}
section.top-products .top-content .price span{
    font-size: 14px;
    color:var(--btn-hover);
    font-weight: 600;
}
section.top-products .top-content .main-btn{
    width: 120px;
    display: block;
    margin: auto;
}
section.top-products .top-content h6{
    margin-bottom: 10px;
}
section.newsletter-bar {
    padding: 0;
    height: 115px;
    background: var(--secondary-color);
    position: relative;
}
.news-icon img{
    width:80px;
    height:66px;
}
.news-icon {
    position: absolute;
    bottom: 0;
    left: 0;
}
.news-content h5{
    font-size: 20px;
    color: var(--white-color);
    margin-bottom: 0;
}
.news-content input{
    width: 304px;
    height: 50px;
    border-radius: 4px;
    border: none;
    outline: none;
    padding: 10px;
    font-size: 16px;
    margin-left: 25px;
}
.news-content button{
    display: inline-flex;
    width: 157px;
    /* background-color: var(--white-color); */
    color: var(--white-color);
    box-shadow: 0 0 0 2px var(--white-color);
    font-weight: bold;
    margin-left: 15px;
    cursor: pointer;
    transition: all .3s;
}
.news-content button svg{
    fill:var(--white-color);
}
.news-content button:hover{
    color: var(--white-color);
    background: var(--white-color);
    box-shadow: 0 0 0 12px transparent;
}
.news-content {
    display: flex;
    align-items: center;
    justify-content: center;
}
section.newsletter-bar .container{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
}
section.popular-stores .head-sec {
    margin-bottom: 40px;
    text-align: center;
}
section.popular-stores .stores{
    padding:5px 0px;
}
.featured-store {
    padding: 20px 10px 20px 17px;
    background: var(--lt-bg-color);
    border-radius: 8px;
}
.featured-store a{
    display: flex;
    width: 288px;
    height: 100%;
    box-sizing: border-box;
    padding: 12px;
    border-radius: 8px;
    box-shadow: 0 0 3px 0 rgba(101, 116, 150, 0.23);
    border: solid 1px #e5e5ff;
    background-color: #fff;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
}
.featured-store .img-wrapper {
    height: 260px;
    border: solid 1px #f4f4f4;
    background-color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.featured-store .img-wrapper img{
    width: 90%;
    /* height: 500px; */
    /* object-fit: contain; */
    transition: all .5s ease;
}
.featured-store .featured-name p{
    font-size: 18px;
    text-align: center;
    margin-top: 15px;
}
.featured-store .coupon-offers p{
    text-align: center;
    font-size: 16px;
    margin-bottom: 0;
    color: var(--secondary-color);
}
.featured-store .featured-head h5{
    text-align: center;
    margin-bottom: 10px;
}
.featured-store .coupon-offers li{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.featured-store .coupon-offers li:first-child{
    border-right: 1px dotted var(--secondary-color);
}
.featured-store .coupon-offers ul{
    display: flex;
}
.featured-store a:hover .img-wrapper img{
    transform: scale(1.05);
}
.featured-store .store-popular {
    padding: 20px 17px 20px 10px;
    background: var(--lt-bg-color);
    border-radius: 8px;
}
.store-popular .store-name img{width: 20px;height: auto;}
.store-name {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    margin-top: 10px;
}
.store-name img{
    opacity: 0;
    transform: translateY(-50%) translateX(calc(100% + 0));
}
.store-name p{
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
}
.stores:hover .store-name img{
    opacity: 1;
    /* transform: translateY(-50%) translateX(calc(100% + 8px)); */
}
.stores:hover .store-name p{
    text-decoration: underline;
    color: var(--secondary-color);
}
.store-img {
    /* padding: 0; */
    border-radius: 8px;
    box-shadow: 1px 1px 6px 0 #CBCBDD, -1px -1px 6px 0 #f6f6f7;
    /* min-height: 100px; */
    position: relative;
    background: var(--white-color);
}
.store-img img{
    width: 100%;
    height: 97px;
    object-fit: contain;
}

.store-img .overlay-text {
    position: absolute;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--secondary-color);
    color: var(--white-color);
    opacity:0;
   
}
.stores:hover .overlay-text{
    opacity: 1;
    animation: bubbleAnimV2 .5s ease-in-out 1 forwards;
}

.store-img .overlay-text p {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    height: 100%;
    color: var(--white-color);
    font-size: 14px;
}
.store-img .overlay-text p span{
    font-size: 22px;
    font-weight: bold;
}
.store-popular {
    padding: 20px 17px 20px 10px;
    background: var(--lt-bg-color);
    border-radius: 8px;
    width: 76%;
}
.popular-info {
    display: flex;
}
.popular-info .owl-carousel .owl-nav button.owl-prev, .popular-info .owl-carousel .owl-nav button.owl-next{
    width: 45px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--secondary-color);
    color: var(--white-color);
    border-radius: 100%;
}
.popular-info .owl-carousel .owl-nav button.owl-prev:hover, .popular-info .owl-carousel .owl-nav button.owl-next:hover{
    background: var(--btn-hover);
}
.owl-carousel .owl-stage-outer{
    padding-left: 0;
    padding-right: 0;
}
.popular-info .owl-dots{
    width: 200px;
}
.popular-info .owl-nav {
   position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    display: flex;
    gap: 10px;
    width: 100%;
    align-items: center;
}
.popular-info .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -10px;
    right: auto;
}
.popular-info .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -10px;
}
header .upper-head {
    padding: 10px 0;
}
header.header.is-sticky .upper-head {
    padding: 0px 0;
}
header .upper-head .logo-sec img{
    width:200px;
}
header .search-area {
    border: 1px solid #dfe0e4;
    background: #fff;
    padding: .5rem;
    border-radius: 50rem;
    padding-left: 1.5rem;
}
header .search-area form{
    display: flex;
    align-items: center;
    gap: 30px;
}
header .search-area form select{
    border: 0px solid;
    padding: 5px;
}
header .search-field {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}
header .search-field button{
    width:120px;
    min-width: 120px;
}
header .search-field::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 40px;
    background-color: #dfe0e4;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
}
.search-field input{
    width: 100%;
    height: 40px;
    border: 0px solid;
    background: transparent;
    color: #000;
    cursor: pointer;
}

.search-field button.main-btn {
    padding: var(--p8) var(--p20);
    border-radius: 20px;
}
.right-head button#countryflag {
    display: flex;
    align-items: center;
    border: none;
    background: 0 0;
    position: relative;
    padding-inline: 0;
}
.right-head button#countryflag>div {
    display: flex;
    align-items: center;
    gap: 10px;
    pointer-events: none;
}
.right-head button#countryflag>div>img {
    width: 28px;
    height: 28px;
}
.right-head button#countryflag>div p {
    margin: 0;
}
.right-head button#countryflag>ul.flagdropdownlist {
    position: absolute;
    padding: 8px 16px 8px 16px;
    justify-content: center;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, calc(100% + 5px));
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1);
    display: flex;
    align-items: flex-start;
    gap: 38px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    cursor: auto;
}
.right-head button#countryflag.active>ul.flagdropdownlist {
    visibility: visible;
    opacity: 1;
    animation: dropdownanim .25s cubic-bezier(.25,.46,.45,.94) both;
}
button#countryflag>ul.flagdropdownlist>li a>span img {
    width: 28px;
    height: 28px;
}
button#countryflag>ul.flagdropdownlist>li a>p {
    margin: 8px 0 0 0;
}
header .notification {
    display: inline-flex;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    line-height: 47px;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    position: relative;
    transition: all .3s ease;
    align-items: center;
    justify-content: center;
}
header .right-head {
    display: flex;
    align-items: center;
    gap: 18px;
}
header .right-head span.badge-feat{
    font-weight: 500;
        color: #fff;
        font-size: 10px;
        width: 16px;
        height: 16px;
        text-align: center;
        background-color: #de2e2e;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 50%;
        line-height: 17px;
}
header .logo-sec {
    display: flex;
    align-items: center;
}
header .right-btn {
    display: flex;
    justify-content: flex-end;
    width: 30%;
}
header .searc-sec{
    width: 53.3%;
}
header .bottom-head {
    border-top: 1px solid #dfe0e4;
    border-bottom: 1px solid #dfe0e4;
    padding-top: 15px;
    padding-bottom: 15px;
}
header .bottom-head a{
    color: #404a60;
}
header .bottom-head ul{
    display: flex;
    align-items: center;
    gap: 20px;
}
header .bottom-head ul a:hover{
    color: var(--secondary-color);
}
header .bottom-head ul a sup{
    color: var(--secondary-color);
}
header .bottom-head .bottom-right ul{
justify-content: flex-end;
}
section.main-banner-sec {
    padding: 20px 0;
}
section.main-banner-sec .col-lg-12.col-md-12.col-12{
    padding:0;
}
section.main-banner-sec button.owl-prev, section.main-banner-sec button.owl-next {
    width: 45px;
    height: 45px;
    background-color: var(--secondary-color) !important;
    border: 1px solid var(--secondary-color) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color) !important;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
section.main-banner-sec button.owl-prev:hover, section.main-banner-sec button.owl-next:hover{
    opacity: 0.9;
}
section.main-banner-sec button.owl-prev{
    left: 10px;
}
section.main-banner-sec button.owl-next{
    right:10px;
}
section.tag {
    background: var(--lt-bg-color);
    text-align: center;
    padding: 20px 0;
}
section.tag .tag-list::before{
    content: "";
    display: flex;
    align-items: center;
    width: 35%;
    height: 1px;
    background: url("./images/banner-text-left.svg") no-repeat center center / 30px 30px;
    background: var(--secondary-color);
}
section.tag .tag-list::after{
    content: "";
    display: flex;
    align-items: center;
    width: 35%;
    height: 1px;
    background: url("./images/banner-text-right.svg") no-repeat center center / 30px 30px;
    background: var(--secondary-color);
    
}
section.tag .tag-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}
section.tag h1{
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
    color: var(--secondary-color);
}
@keyframes bubbleAnimV2{from{clip-path:circle(0 at calc(1% * var(--_xValue-self,0)) calc(1% * var(--_yValue-self,0)))}to{clip-path:circle(150% at calc(1% * var(--_xValue-self,0)) calc(1% * var(--_yValue-self,0)))}}
@keyframes dropdownanim{from{transform:translate(-50%,calc(100% + 5px)) scale(.75,.75)}to{transform:translate(-50%,calc(100% + 5px)) scale(1,1)}}

section.popular-category-section .head-sec {
    margin-bottom: 40px;
}
section.popular-category-section .head-sec h3{
    text-align: center;
}
section.popular-category-section a.category-info {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
    width: 20%;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    color:#000;
    font-size: 18px;
}
section.popular-category-section a.category-info img{
    transition: all .5s ease;
    width: 80px;
}
section.popular-category-section a.category-info:hover img{
    transform:scale(1.1);
}
section.popular-category-section .category-list {
    display: flex;
    position: relative;
}
section.popular-category-section  .view-btn {
    width: 16.7%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    /* background: #00000000; */
}
section.popular-category-section  .view-btn a{
    font-size: 16px;
    color: #000;
    
}
section.popular-category-section  .view-btn a:hover{
    color:var(--secondary-color);
    text-decoration:underline;
}
section.popular-category-section a.category-info:nth-child(6){
    opacity: 0.1;
}
section.popular-stores {
    background: var(--lt-bg-color);
}
.front-box, .back-box{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:445px;
    backface-visibility: hidden;
    transition: transform 0.8s;
}
.back-box {
    background: #4b7eb5;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotateY(180deg);
}
.product-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.product-btn .animated-button{
    box-shadow: 0 0 0 2px var(--white-color);
    color: var(--white-color);
}
.product-btn .animated-button svg{
    fill:var(--white-color);
}
.product-btn .animated-button:hover{
    box-shadow: 0 0 0 2px transparent;
}
.product-btn .offer-btn{
    color:var(--white-color);
    text-decoration: underline;
}
.back-box .main-btn{
    display: inline-block;
}
.front-box {
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 0;
    background: #fff;
}
.store-detail {
    border-bottom: 1px solid #ccc;
    padding: 12px;
    text-align: center;
}
img.store-img{
    width:75px;
    height: auto;
}
.product-detail {
    text-align: center;
    padding: 0px 10px 19px;
}
.product-detail img {
    width: 50%;
    margin: 14px auto;
    height: 150px;
}
.product-detail h3 {
    font-size: 17px;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}
.product-detail h5 del {
    color: #b9b8b8;
    font-size: 14px;
    margin-right: 5px;
}
.product-detail h5 {
    font-weight: 600;
    font-size: 19px;
    margin-bottom: 15px;
}
.product-detail h5 span {
    color: #f17431;
    font-size: 12px;
    margin-left: 5px;
}
.product-box a.main-btn{
    display: inline-block;
}
section.faq-sec .head-sec {
    margin-bottom: 40px;
}
.tab-content>.tab-pane{
    padding: 0;
}

header .drop-info {
    position: absolute;
    border-radius: 4px;
    background-color: #fff;
    left: 0;
    top: 35px;
    line-height: normal;
    box-shadow: 0 2px 5px 2px rgb(0 0 0 / 2%);
    padding: 6px;
    z-index: 2;
    visibility: hidden;
    transition: all .1s;
    opacity: 0;
    transform: none;
    height: auto;
    width: 240px;
}
header .drop-info ul{
   display:block;
}
header .drop-head {
    position: relative;
}
header .drop-head:hover .drop-info{
    visibility: visible;
    opacity: 1;
}
header .drop-info ul a{
    display: block;
    padding: 6px 12px;
    border-radius: 6px;
}
header .drop-info ul a:hover{
    background: var(--secondary-color);
    color: #fff;
}
.main-right-slider img{
    border-radius: 10px;
    height: 310px;
    object-fit: cover;
}
.blog-sec {
    background: #f9f9fa;
    border-radius: 8px;
    padding: 16px 16px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 325px;
    transition: all .5s ease;
}
.blog-sec:hover{
    transform: scale(1.05);
}
.blog-sec .blog-img img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: top;
    margin-bottom: 16px;
}
.home-blog-sec .blog-sec h3{
    font-size: 24px;
    max-height: 94px;
    overflow: hidden;
    height: 100%;
}
.home-blog-sec h3 a{
    color:var(--heading-color);
}
.blog-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.blog-bottom p{
    font-size:14px;
    margin-bottom:0px;
}
.home-blog-sec .row{
    gap:30px 0;
}
section.internal-banner {
    height: 210px;
    background: #4b7eb5;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}

section.internal-banner h1{
    color: var(--white-color);
    margin-bottom: 0;
}
section.internal-banner .internal-banner-content {
    display: flex;
    align-items: center;
}
section.internal-banner .container{
    position:relative;
    height:100%;
    display: flex;
    align-items: center;
    width: 100%;
}
section.internal-banner .row{
     width: 100%;
}
section.internal-banner img{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 200px;
}
.showing-result{
    background: var(--lt-bg-color);
    padding: 16px 24px;
    border-radius: 1rem;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.filter-list {
    display: flex;
    align-items: center;
    gap: 1.75rem;
}
.showing-result p{
    margin-bottom:0;
}
.showing-result button.filter-btn.main-btn {
    width: 130px;
    border-radius: 30px;
}
.showing-result button.filter-btn.main-btn {
    width: 130px;
    border-radius: 30px;
}
.showing-result select#sorts {
    width: 150px;
    padding: 14px 10px;
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 0 0 0 #F6F6F9;
    color: var(--white-color);
    border-radius: 30px;
}
.showing-result .sort {
    display: flex;
    align-items: center;
    gap: .75rem;
}
.filter-modal {
    background: var(--white-color);
    height: 100vh;
    transition: all 0.5s ease-in-out;
    border-radius: 16px;
    border: 1px solid #ebecef;
    padding: 32px;
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(100%);
    max-width: 420px;
    transition: all 0.5s ease-in-out;
    min-width: 350px;
}
.filter-modal button.filter-close {
   width: 24px;
    height: 24px;
    padding: 0;
    border: 0px solid;
    background: transparent;
    position: absolute;
    right: -15px;
    top: -15px;
}
.filter-detail{
    position: relative;
}
.filter-modal button.filter-close svg{
     width: 24px;
    height: 24px;
}
section.store-section {
    padding-bottom: 0;
}
section.store-details {
    padding-top: 0;
}
.store-lists {
   border-radius: 0.375rem;
    background: var(--lt-bg-color);
    border: 1px solid var(--lt-bg-color);
    padding: 20px;
    display: flex;
    gap: 16px;
    height: 100%;
}
.store-list-img img {
    width: 130px;
    height: 100px;
}
.filter-modal h4{
    font-size:24px;
    margin-bottom:20px;
}
.filter-form{
    border-top: 1px dashed rgba(7, 20, 49, 0.3);
    padding-top: 24px;
    border-bottom: 1px dashed rgba(7, 20, 49, 0.3);
    padding-bottom: 8px;
}
.filter-form input, .filter-form select{
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #dfe0e4;
    border-radius: 0;
    margin-bottom: 20px;
}
.filter-form label{
    font-size: 14px;
    margin-bottom: 8px;
}
.suggested-category {
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px dashed rgba(7, 20, 49, 0.3);
}
.suggested-category h5{
    font-size: 19px;
}
.suggested-category input{
    width: 18px;
    height: 18px;
    margin-right:10px;
}
.suggested-category label{
    font-size: 14px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.category-checkbox div{
    display:flex;
    align-items:center;
    margin-bottom:20px;
}
.search-btn {
    padding-top: 24px;
}
.search-btn button{
    width:100%;
    text-align:center;
}
.store-list-content p{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
section.store-details .row{
    gap:30px 0;
}
section.store-informations {
    padding-top: 20px;
    /* background: var(--lt-bg-color); */
    margin-bottom: 0;
}
.sidebar-info, .sidebar-filter, .today-sidebar, .useful-tips, .similar-stores{
    /* background: var(--lt-bg-color); */
    background-color: #fff;
    /* box-shadow: 0px 0px 10px #ccc; */
    border-radius: 16px;
    padding: 24px;
    margin-bottom:16px;
}
section.store-informations .exclusive-btn.main-btn {
   display: inline-block;
    width: 120px;
    text-align: center;
    padding: var(--p11) var(--p15);
    font-size: 14px;
}
.heart-icon svg{
    width: 24px;
    height: 24px;
}
section.store-informations .exclusive{
   margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.store-sidebar-img img{
    width:100%;
}
.store-sidebar-img{
     margin-bottom:16px;
}
.sidebar-rating {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
.sidebar-rating span.side-rating, .sidebar-rating span.share-side {
    display: inline-flex;
    gap: .75rem;
    align-items: center;
    border: 1px solid var(--secondary-color);
    padding: 7px;
    background: var(--white-color);
    border-radius: 30px;
    min-width: 165px;
}
span.rating-no, span.share-number {
    display: inline-flex;
    width: 40px;
    height: 40px;
    background: var(--other-color);
    color: var(--white-color);
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    font-size: 18px;
}
.sidebar-rating span.side-rating svg{
    width:13px;
    height: 13px;
}
.sidebar-rating span.side-rating svg path{
    fill:var(--secondary-color);
}
.sidebar-rating span.side-rating span.rating-text, .sidebar-rating span.share-side span.per-share {
    font-size: 12px;
}
.sidebar-rating span.side-rating div, .sidebar-rating span.share-side div{
    display: flex;
    flex-direction: column;
}
.activate-cashback button{
    width:100%;
    text-align:center;
}
.sidebar-rating span.share-side span.share-earn{
    font-size:14px;
}
.today-sidebar h4, .useful-tips h4, .similar-stores h4{
    margin-bottom:24px;
}
.best-sidebar, .useful-sidebar, .similar-store{
    background: var(--white-color);
    padding: 20px;
    border: 1px solid #ebecef;
    border-radius: 5px;
}
 .similar-store .store-img{
    padding: 12px;
    
    background: var(--lt-bg-color);
    border-radius: 0;
}
 .similar-store {
     display:flex;
     flex-wrap:wrap;
     justify-content:space-between;
     margin-bottom: 16px;
     gap: 20px 0;
 }
 .similar-store .similar-list{
    width: 48%;
}
 .similar-store .store-img img {
    width: 100%;
    height: 75px;
    margin-bottom:10px;
}
.similar-store .store-img p{
    margin-bottom:0;
    text-align:center;
}
.useful-sidebar ul li{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    border-bottom:1px dashed rgba(7, 20, 49, 0.3);
    padding-bottom:16px;
}
.useful-sidebar ul li:last-child{
     border-bottom:0px dashed rgba(7, 20, 49, 0.3);
    padding-bottom:16px;
}
.useful-sidebar ul li svg{
   min-width: 20px;
    height: 20px;
    fill: var(--secondary-color);
    margin-top: 5px;
}
.useful-sidebar ul{
    display: flex;
    flex-direction:column;
    gap:16px 0;
}
.top-best li{
    list-style: initial;
    margin-bottom: 8px;
}
.top-best{
    list-style:disc;
    padding-left: 20px;
}
.store-sidebar hr{
    border-top:1px dashed rgba(7, 20, 49, 0.3);
    opacity: 1;
}
ul.bottom-best li{
    display:flex;
    justify-content:space-between;
    width:100%;
    margin-bottom:12px;
}
section.store-informations h1{
    color: var(--white-color);
    margin-bottom: 0;
    font-size: 40px;
}
.store-information{
    margin-bottom:30px;
}
section.store-informations p{
    margin-top: 0px;
    color:var(--secondary-color);
    margin-bottom:0;
}
.store-informations{
    margin-bottom:30px;
}
.store-detailing ul{
    background: var(--white-color);
    padding: 16px 24px;
    border-radius: 1rem;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    border: 0px solid !important;
    width: 100%;
    /* box-shadow: 0px 0px 0px #ccc; */
}
.store-detailing button.nav-link {
    padding: 12px 24px;
    color: var(--primary-color);
    font-size: 14px;
    border-radius: 25px;
}
.store-detailing .nav-tabs .nav-link.active, .store-detailing button.nav-link:hover{
    background: var(--other-color);
    color: var(--white-color);
    border-radius: 25px;
}
.coupon-div-main {
    background-color: #fff;
    box-shadow: 0px 0px 10px #ccc;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 16px;
}
.coup-image {
    width: 120px;
    height: 120px;
    background-color: var(--lt-bg-color);
    border-radius: 6px;
    margin-bottom: 10px;
    padding: 9px;
    display: flex;
    justify-content: center;
    align-items: end;
    margin-right: 20px;
}
.coupon-image-inn {
    width: 100%;
    height:100%;
}
.coupon-image-inn img{
    width: 100%;
    height:100%;
    object-fit:cover;
    object-position: top;
}
.coup-image h3 {
   color: var(--other-color);
   font-size: 28px;
   text-align: center;
   font-weight: 600;
   margin-bottom: 5px !important;
}
section.store-informations .coupon-image-inn p{
    margin-top:0;
    text-align:center;
}
.coupon-detail h2{
    font-size: 22px;
}
.coupon-detail p a {
    color: #000;
    text-decoration: none;
    font-size: 15px;
    padding-top: 10px;
    display: inline-block;
}
.coupon-div-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 0px 0px;
}
.cbtn {
    background: #e5e5e5;
    width: 245px;
    border-radius: 20px 2px 2px 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: var(--other-color);
    font-size: 13px;
    font-weight: 700;
    width: 211px;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgb(157 157 157 / 50%);
    border-radius: 20px 2px 2px 4px;
    line-height: 43px;
    text-align: left;
    padding-left: 24px;
}
.coupon-bottom-div {
    border-top: 1px solid #ccc;
}
.coupon-div-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 0px 0px;
    flex-direction: column;
    gap: 0;
}
.coupon-div-inner ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
    display: flex;
    background: transparent;
    padding: 0;
    gap: 19px;
    box-shadow: 0px 0px 0px #ccc;
    margin-left: 0;
    margin-right: auto;
}
.coupon-div-inner .coupon-share-details .share-info{
    background:#f6f6f7;
    padding:16px;
    border-radius: 6px;
     margin-bottom:16px;
     margin-top: 10px;
}
.coupon-div-inner .coupon-share-details{
    width:100%;
    opacity: 0;
    height: 0;
   
}
.share-bottom{
    display:flex;
    justify-content:space-between;
    width:100%;
}
.share-bottom ul.share-bottom-left{
    gap:12px;
}
.share-bottom ul.share-bottom-left li{
    font-size:14px;
    display:flex;
    align-items:center;
    gap:6px;
    position:relative;
}
.share-bottom ul.share-bottom-right {
    gap: 12px;
    align-items: center;
    position: relative;
    justify-content: flex-end;
}
.share-bottom ul.share-bottom-right li{
    position:relative;
}
.share-bottom ul.share-bottom-right img{
    width:18px;
}
.share-bottom ul.share-bottom-info{
    position:absolute;
    right: 0;
    top: 50%;
    width: max-content;
    gap: 12px;
    padding: 5px;
    background: var(--white-color);
    border-radius: 4px;
    transition: all .5s cubic-bezier(0.12, 0.74, 0.26, 1.07);
    transform: translateY(-50%) translateX(var(--_share-list-active-xvalue, 100%));
    opacity: var(--_share-list-active-opacity, 0);
    visibility: var(--_share-list-active-visibility, hidden);
}
.share-bottom ul.share-bottom-info.share-bottom-rightss{
    transform: translateY(-50%) translateX(0);
    opacity: 1;
    visibility: visible;
}
.share-bottom ul.share-bottom-info img{
    width:32px;
}
.share-bottom ul.share-bottom-right svg{
    font-size:18px;
    fill: #4F5970;
    color: #4F5970;
}
.share-bottom ul.share-bottom-right svg path{
    fill: #4F5970;
    color: #4F5970;
}
.share-bottom ul.share-bottom-left li:first-child::after{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #D0D7E2;
    display: flex;
;
    margin-inline-start: 6px;
}
.coupon-div-inner .coupon-share-details .share-info ul{
    flex-direction:column;
    width:100%;
    align-items: flex-start;
    list-style: disc;
    gap: 10px;
    padding-left:20px;
}
.coupon-div-inner .coupon-share-details .share-info ul li{
    list-style:initial;
}
.coupon-detail {
    width: 75%;
}
.coupon-detail del{
    color: #8d8d8d;
}
.coupon-detail .shop-main {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin-right: 5px;
}
.coupon-add-div {
    display: flex;
    align-items: flex-start;
}
.coupon-top-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.overview-info {
    background-color: #fff;
    box-shadow: 0px 0px 10px #ccc;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 16px;
}
.overview-info h4{
    margin-bottom:24px;
}
.overview-info table{
    width:100%;
}
.overview-info table td{
    padding:16px;
}
.overview-info table th{
    padding:16px;
}
.overview-info tr{
    border-bottom:1px solid #ebecef;
}
.overview-info th{
    background-color: var(--lt-bg-color);
     border-top:1px solid #ebecef;
     font-weight:400;
}
.overview-info hr{
    border-top: 1px dashed rgba(7, 20, 49, 0.3);
    margin-top:30px !important;
    margin-bottom:30px !important;
}
section.store-informations .overview-info p {
    margin-top: 0px;
    color: var(--black-color);
    margin-bottom: 16px;
}
section.store-details-banner {
    padding: 0;
    width: 100%;
    height: 150px;
    background: #4b7eb5;
    margin-bottom: -150px;
}

.store-description span, section.store-informations .store-information p, .store-description a{
    color:var(--white-color);
}
section.store-informations .overview-info ul{
    background: transparent;
    padding: 0;
    border-radius: 0;
    margin-bottom: 30px;
    display: block;
    align-items: center;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px #ccc;
    list-style: disc;
    padding-left: 20px;
}
section.store-informations .overview-info ul li{
    list-style:initial;
    margin-bottom:10px;
}
.store-det{
    background:var(--lt-bg-color);
}
section.blog-details-head {
    /* padding: 0px; */
    background: var(--heading-color);
    background: #4b7eb5;
    width: 100%;
    height: auto;
    padding: var(--p40) var(--p12);
}
section.blog-details-head .container-fluid{
    padding: 0px;
    height: 100%;
}
section.blog-details-head .row, section.blog-details-head .col-6{
    height: 100%;
}
section.blog-details-head img{
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 2.1875rem;
}
section.blog-details-head h1{
    margin-bottom: 0px;
    margin-top: 0;
    color: var(--white-color);
    font-size: 50px;
}
section.blog-details-head .details-head-content {
    padding-left: 3vw;
    padding-right: 0;
}
section.blog-details-head .details-head-content p{
    margin-top: 30px;
    margin-bottom: 0px;
}
section.blog-details-head .details-head-content p.last-by{
    margin-top:0px;
}
section.blog-details-head .head-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}
section.home-blog-sec .head-sec {
    margin-bottom: 40px;
}
section.blog-details-head .head-content li a{
    color: var(--white-color);
}
section.blog-details-head .head-content li{
    display: flex;
    gap: 8px;
}
section.blog-details-head .head-content li svg{
    margin-top: 5px;
    fill: #fff;
}
section.blog-details-head .head-content li svg path{
fill: #fff;
}
section.blog-details-head .head-content ul{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
section.blog-details-description .blog-details-info {
    background-color: var(--white-color);
    box-shadow: 0px 0px 5px #ccc;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 16px;
}
section.blog-details-description .blog-searchbar, section.blog-details-description .blog-top-stores, section.blog-details-description .blog-more-posts, section.blog-details-description .popular-tag, section.blog-details-description .share-with-blogs {
    background-color: #fff;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 16px;
    box-shadow: 0px 0px 5px #ccc;
}
section.blog-details-description .blog-details-info img{
    width:100%;
    margin-top:20px;
    margin-bottom:30px;
}
section.blog-details-description .blog-details-info li{
    list-style: initial;
    margin-bottom: 10px;
}
section.blog-details-description .blog-details-info ul{
    list-style: disc;
    padding-left:24px;
    margin-bottom: 20px;
}
section.blog-details-description .blog-details-info hr{
    border-top:1px dashed rgba(7, 20, 49, 0.3);
    opacity:1;
    margin-top:20px;
    margin-bottom:20px;
}
section.blog-details-description .share-details, section.blog-details-description .tag-details {
    display: flex;
    gap: .75rem;
    align-items: center;
}
section.blog-details-description .share-details a{
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--secondary-color);
    border-radius: 100%;
}
section.blog-details-description .blog-details-info .share-details ul, section.blog-details-description .blog-details-info .tag-details ul{
   list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: .75rem;
}
section.blog-details-description .blog-details-info .share-details ul li, section.blog-details-description .blog-details-info .tag-details ul li{
     list-style:none;
     margin-bottom: 0;
}
section.blog-details-description .blog-details-info  .share-tag {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
section.blog-details-description .blog-details-info .main-btn{
    /* font-size: 13px; */
    font-weight: 400;
    padding: var(--p9) var(--p20);
    border-radius: 25px;
    display: inline-block;
}
section.blog-details-description .blog-details-sidebar hr{
    opacity:1;
    margin-top: 24px;
    margin-bottom: 24px;
    border-top: 1px dashed rgba(7, 20, 49, 0.3);
}
section.blog-details-description .blog-searchbar input{
    width: 100%;
    background: #fff;
    border: 1px solid #dfe0e4;
    height: 58px;
    padding: 15px 25px;
    border-radius: 30px;
}
section.blog-details-description .blog-searchbar button{
    width: 40px;
    height: 40px;
    background: transparent;
    border: 0px solid;
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
section.blog-details-description .blog-searchbar form{
    position:relative;
}
section.blog-details-description .blog-top-stores li a{
    padding: 8px;
    display: flex;
    align-items: center;
    gap: 0 16px;
    background: #fff;
    border: 1px solid #dfe0e4;
    border-radius: 100px;
    text-transform: capitalize;
}
section.blog-details-description .blog-top-stores li a:hover{
    background: var(--secondary-color);
    color:#fff;
}
section.blog-details-description .blog-top-stores.merchants li a{
    padding:0;
    border:0px solid;
}
section.blog-details-description .blog-top-stores.merchants li a:hover{
     background: #fff;
    text-decoration:underline;
    color:var(--secondary-color);
}
section.blog-details-description .blog-top-stores li a:hover .icon-text{
    color:#fff;
}
section.blog-details-description .blog-top-stores.merchants li a:hover .icon-text{
    color:var(--secondary-color);
}
section.blog-details-description .blog-top-stores ul{
    display:flex;
    flex-direction:column;
    gap:.75rem;
    margin-bottom: 20px;
}
section.blog-details-description .blog-top-stores li span.top-icon {
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #dfe0e4;
    border-radius: 100%;
    /* border-radius: 20px; */
}
section.blog-details-description .blog-top-stores li span.top-icon img{
    width:25px;
}
.blog-more-img img{
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.blog-more-img{
    width: 100px;
}
.blog-more-posts li{
    display:flex;
    gap:1.25rem;
    align-items:center;
}
.blog-more-content h5 a{
    color:var(--heading-color);
}
.blog-more-content h5{
    font-size:18px;
    margin-bottom:12px;
}
.blog-more-posts ul{
     display:flex;
    flex-direction:column;
    gap:1.75rem;
}
.popular-tag li .main-btn{
    /* font-size: 13px; */
    font-weight: 400;
    padding: var(--p9) var(--p20);
    border-radius: 25px;
    display: inline-block;
}
.popular-tag ul{
    display:flex;
    flex-wrap:wrap;
    gap:.75rem;
}
.share-with-blogs li a{
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--secondary-color);
    border-radius: 100%;
}
.share-with-blogs ul{
    display: flex;
    align-items: center;
    gap: .75rem;
}
.similar-blogs {
    background: var(--lt-bg-color);
}
.similar-blogs .blog-sec{
    background:var(--white-color);
}
.blog-sidee {
    height: 100vh;
    overflow-y: scroll;
    position: sticky;
    top: 10px;
    padding: 2px;
}
section.faq-page-sec .head-sec{
    text-align:center;
    margin-bottom:40px;
}
section.faq-page-sec ul.nav.nav-pills li a {
    color: #000;
    padding: 12px 30px;
    border-radius: 30px;
    border: 1px solid;
    /* width: 120px; */
    display: flex;
    align-items: center;
    gap: 10px;
}
section.faq-page-sec ul.nav.nav-pills li a:hover {
    background-color: var(--secondary-color);
    color: var(--white-color);
}
section.faq-page-sec ul.nav.nav-pills li a.active {
    background-color: transparent;
    background-color: var(--secondary-color);
    color: var(--white-color);
}
section.faq-page-sec ul.nav.nav-pills{
    border-radius: 26px;
    display: flex;
    /* flex-direction: column; */
    margin-bottom: 30px;
    gap: 20px;
    justify-content: center;
}
section.faq-page-sec .accordion-item {
    border: 0px solid;
    margin-bottom: 36px;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 36px;
    padding-top: 0;
}
section.faq-page-sec button.accordion-button {
   font-size: 17px;
   color: var(--black-color);
   padding: 0px;
   border-bottom: 0px solid #DBDEE3;
   padding-bottom: 0;
   margin-bottom: 0px;
   padding-left: 0;
   font-weight: 400;
}
section.faq-page-sec .accordion-button::after {
  background-image: url("../images/plus.png");
  transition: all 0.5s;
  width: 31px;
  height: 31px;
  background-color: transparent;
  border-radius: 5px;
  background-size: 13px;
  background-position: center;
}
section.faq-page-sec .accordion-button:hover::after{
    background-color: transparent;
}
section.faq-page-sec .accordion-button:not(.collapsed){
 color:var(--secondary-color);
}
section.faq-page-sec .accordion-button:not(.collapsed)::after {
  background-image: url("../images/minus.png");
  background-position: center 75%;
  background-color: transparent;
}
section.faq-page-sec .accordion-button::after {
  transition: all 0.5s;
  /* margin-left: 0; */
  /* margin-right: auto; */
  position: absolute;
  right: 0;
}
section.faq-page-sec .accordion-body {
    padding: 0;
    background: transparent;
    margin-top: 36px;
    margin-bottom: 0;
    padding-left: 0;
    padding-bottom: 0;
    /* width: 70%; */
}
section.faq-page-sec .accordion-button:not(.collapsed){
    background-color: transparent;
    box-shadow: inset 0 0px 0 rgba(0, 0, 0, .125);
    margin-bottom: 0px;
    border-bottom: 0px solid;
}
section.contact-section .row{
    justify-content: center;
}
section.contact-section .contact-details {
    border: 1px solid #dee2e6;
    padding: 32px;
    border-radius: 16px;
    background: var(--lt-bg-color);
    display: flex;
    gap: 1.25rem;
    margin-bottom:12px;
}
section.contact-section .contact-details:hover{
    background: var(--secondary-color);
    border-color:var(--secondary-color);
}
section.contact-section .contact-details .contact-icon {
    width: 56px;
    min-width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:32px;
    color:var(--white-color);
    background:var(--secondary-color);
    border-radius:100%;
}
section.contact-section .contact-details h6{
    margin-bottom:12px;
    color: var(--heading-color);
}
section.contact-section .contact-details .contact-description p{
    margin-bottom:0;
}
section.contact-section .contact-details:hover h6, section.contact-section .contact-details:hover p{
    color:var(--white-color);
}
section.contact-section .contact-details:hover .contact-icon{
     color:var(--secondary-color);
    background:var(--white-color);
}
section.contact-section form{
        padding: 40px;
    border: 1px solid #dfe0e4;
    border-radius:32px;
}
section.contact-section form hr{
    opacity: 1;
    margin-top: 24px;
    margin-bottom: 24px;
    border-top: 1px dashed rgba(7, 20, 49, 0.3);
}
section.contact-section form .form-info {
    border: 1px solid #dfe0e4;
    padding: 15px 32px;
    border-radius: 50rem;
    position:relative;
}
section.contact-section form .form-details {
    display: flex;
    flex-direction: column;
    gap: 38px 0;
}
section.contact-section form .form-details input{
    width:100%;
    height:24px;
    border:0px solid;
    font-size: 14px;
}
section.contact-section form .form-details textarea{
    width:100%;
    height:48px;
    border:0px solid;
    font-size: 14px;
}
section.contact-section form .form-info label{
    font-size: 12px;
    background: #fff;
    padding: 0 8px;
    position: absolute;
    line-height: 1.3;
    top: -9px;
    left: 20px;
}
section.contact-section button.main-btn {
    width: 180px;
}
section.about-section .about-images-info {
    position: relative;
    padding-bottom: 80px;
}
section.about-section .about-images-info img{
    border-radius:16px;
}
section.about-section .about-images-info img.second-about-img {
    border: 1px solid #fff;
    position:absolute;
    top:36px;
    right:0;
}
section.about-section .about-images-info img.third-about-img{
     border: 1px solid #fff;
    position:absolute;
     right:0;
     bottom:0;
}
section.about-section .about-content-para{
    padding-left: 3.75rem;
}
section.about-section .about-content {
    display: flex;
    align-items: center;
}
section.how-it-works{
    background: var(--lt-bg-color);
}
section.how-it-works .head-sec{
    text-align: center;
    max-width: 80%;
    margin: auto;
    margin-bottom: 40px;
}
section.how-it-works span{
    color: var(--secondary-color);
    font-size: 115px;
    font-weight: bold;
}
section.how-it-works .how-it-content {
    text-align: center;
}
section.how-it-works .col-4:nth-child(2){
    margin-top: 50px;
}
section.login-sec {
    padding: 0;
    background: var(--lt-bg-color);
}
section.login-sec .container-fluid{
   padding: 0; 
}
section.login-sec .right-login{
    padding:0px;
}
section.login-sec .right-login img{
    width:100%;
    height:100vh;
    object-fit:cover;
}
section.login-sec .login-content {
    width: 75%;
    margin: auto;
    padding: 16px 12px;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.login-logo img{
    width:200px;
}
.login-copyright p{
    margin-bottom:0;
    text-align:center;
}
.login-info {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.login-info a.back-btn {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-weight: bold;
}
.login-head p{
    font-size:18px;
    margin-bottom:0;
}
.login-info label{
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 8px;
    display: block;
}
.login-info input{
    border: 1px solid #dfe0e4;
    padding: 14px 32px;
    border-radius: 50rem;
    width: 100%;
    font-size: 14px;
}
.login-form-info {
    position: relative;
}
.login-form-info span.eye {
    position: absolute;
    right: 20px;
    bottom: 14px;
}
.login-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.forget-password {
    text-align: right;
}
section.login-sec .login-content p.dont-message {
    margin-bottom: 40px;
}
section.login-sec button.main-btn {
    width: 100%;
}
.login-form-list .login-form-info{
    width:48%;
}
.login-form-list{
    display: flex;
    justify-content: space-between;
}
section.internal-banner.partner-banner {
    height: 290px;
}
section.internal-banner.partner-banner .internal-banner-content{
    align-items: flex-start;
    flex-direction: column;
}
section.internal-banner.partner-banner h1{
    margin-bottom: 10px;
}
section.internal-banner.partner-banner p{
    color: var(--white-color);
}
section.internal-banner.partner-banner .main-btn {
    width: 150px;
    text-align: center;
}
.partner-about-img img{
    border-radius: 16px;
    width: 100%;
}
.partner-about-img{
    padding-right: 3.75rem;
}
section.our-partners{
    background: var(--lt-bg-color);
}
section.our-partners .head-sec {
    margin-bottom: 40px;
    text-align: center;
}
section.our-partners .partner-store-img {
    border-radius: 8px;
    box-shadow: 1px 1px 6px 0 #CBCBDD, -1px -1px 6px 0 #f6f6f7;
    /* min-height: 100px; */
    position: relative;
    background: var(--white-color);
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
section.our-partners .partner-store-img img{
    width: 100%;
    height: 120px;
    object-fit: contain;
}
section.our-partners .row{
    gap:30px 0;
}
section.partner-advantage .head-sec {
    margin-bottom: 40px;
    text-align: center;
}
section.partner-advantage .work-number{
   width: 130px;
    height: 130px;
    border-radius: 100%;
    background: var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}
section.partner-advantage h4{
    text-align: center;
    height:70px;
}
section.partner-advantage p{
    text-align: center;
}
section.contact-section.partner-contact{
    background: var(--lt-bg-color);
}
section.contact-section.partner-contact .contact-details{
    background: var(--white-color);
}
section.contact-section.partner-contact .contact-details:hover {
    background: var(--secondary-color);
}
section.contact-section.partner-contact form{
    background: var(--white-color);
}


/*============================================Review page css start===========================================*/

.review-main{display: flex; border: 2px dashed #000; border-radius: 10px; padding: 20px 50px; width: 86%; margin-left: auto; align-items: center; margin-bottom: 65px; }

.second-review{margin-right: auto; }

.second-review .review-image img{margin-right: -190px; margin-left: 30px; }

.review-image img{margin-left: -190px; margin-right: 30px; }

.review-head{display: flex; align-items: center; }

.author-name{}

.author-name h5{color: #000; font-size: 21px; }

.author-name ul{padding-left: 0; display: flex; list-style-type: none; margin: 19px 0px; }

.author-name ul li{margin-right: 12px; }

.author-name ul li i{color: #ffc000; font-size: 20px; }

.review-head img{margin-left: 11%;width: 100px;height: 100px;border-radius: 50px;}


.testimonial-page-wrap .card figure{position: relative; text-align:center;}
.testimonial-page-wrap .card figure:before{content: '\f10e';position: absolute;top: -29px;font-weight: 600;font-family: 'Font Awesome 5 Free';width: 45px;height: 45px;background-color: var(--secondary-color);justify-content: center;align-items: center;display: flex;color: var(--white-color);}
.testimonial-page-wrap .card{
    background-color: var(--white-color);
    box-shadow: 0px 0px 10px #ccc;
    border-radius: 0;
    border: none;
}
.testimonial-page-wrap .card .blockquote-footer{
   margin-top: 10px;
    text-align: right;
    color: var(--secondary-color)!important;
    font-weight: 600;
    font-family: var(--secondary-font);
}
.testimonial-page-wrap .card blockquote p{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    color: var(--black-color);
}

.testimonial-page-wrap .card .blockquote-footer cite{
  font-weight: 800;
}
.testimonial-page-wrap .card img{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    object-fit:cover;
}
.testimonial-page-wrap .col-lg-4{
    margin-bottom:var(--m30);
}
.testimonial-page-wrap .rating {
    margin-top: var(--m20);
}
.testimonial-page-wrap i.fa-solid.fa-star {
    color: #FCAF3D;
    font-size: var(--f10);
    margin-right: var(--m3);
}
/*============================================Review page css end===========================================*/
section.career-banner {
    background: #4b7eb5;
    /* padding: 60px 12px; */
    text-align: center;
}
section.career-banner h1{
    /* color:var(--black-color); */
    margin-bottom:0px;
}
section.career-banner p.roles {
    font-size: 18px;
    margin-bottom:0px;
    margin-top: 24px;
    margin-bottom: 24px;
    color: var(--white-color);
}
section.career-banner .career-search {
    margin-top: 4rem;
    margin-bottom: 4rem;
    min-width: 327px;
    display: inline-block;
    position: relative;
}
section.career-banner .career-search input.facetwp-search {
    background: #f7f7f7;
    width: 100%;
    border: 0px solid;
    height: 60px;
    padding: 20px 30px;
    padding-left:38px;
    font-size: 0.875rem;
    border-radius: 9999px;
}
section.career-banner .search-text {
    position: relative;
}
section.career-banner .search-text i{
    left: 0.75rem;
    top: 22px;
    position: absolute;
}
section.career-banner button.search-btn {
    right: 0.75rem;
    top: 0.75rem;
    position: absolute;
    width: 36px;
    height: 36px;
    background: #2395ff;
    border: 0px solid;
    border-color: #2395ff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
section.career-banner button.search-btn i{
    color:var(--white-color);
}
section.career-banner .job-filters select, section.career-banner .job-filters input {
    width: 220px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    line-height: 1;
    border-radius: 9999px;
    background: transparent;
    color: var(--white-color);
    padding-left: 10px;
    padding-right: 1.5rem;
    padding-top: 1.07rem;
    font-size: 0.875rem;
    padding-bottom: 1.07rem;
    text-indent: 10px;
    border: 1px solid var(--white-color);
}
section.career-banner .job-filters input::placeholder{
    color: var(--white-color);
}
section.career-banner .job-filters form{
    display: flex;
    gap: 1.25rem;
    justify-content: center;
}
section.jobs-info ul li {
    padding: 16px 0;
    border-bottom: 1px solid #2395ff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
section.jobs-info .job-state{
    font-size: 18px;
}
section.jobs-info .post span{
    font-size:14px;
    margin-bottom:5px;
    display:inline-block;
}
section.jobs-info .post p{
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 600;
}
section.jobs-info .post p a{
 text-decoration:none;
 /* color: #0D3A71; */
}
section.jobs-info {
    padding: 60px 12px;
}
section.jobs-info ul{
    padding-left: 0;
    margin-bottom: 0;
}
button.sign-button {
    border-radius: 50px;
    width: 200px;
    box-shadow: 0 0 0 2px var(--white-color);
    color: var(--white-color);
}
button.sign-button svg{
    fill:var(--white-color);
}
section.permanent-roles {
    background: var(--lt-bg-color);
    /* padding: 60px 12px; */
}
section.permanent-roles .permanent-cotent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10%;
}
section.permanent-roles .permanent-content a.main-btn {
    display: inline-block;
    width: 180px;
    text-align: center;
    margin-top: 30px;
}
section.permanent-roles .permanent-content p{
    font-size: 17px;
}
section.permanent-roles img{
    width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: 0px;
}
section.permanent-roles .sign-button{
    margin-left: 0;
    margin-top: 30px;
    display: inline-flex;
    width: 150px;
    text-align: center;
}
section.internal-banner.internal-career-banner .internal-banner-content{
    flex-direction:column;
    gap:20px 0;
    align-items: flex-start;
}
section.internal-banner.internal-career-banner .internal-banner-content p{
    color:var(--white-color);
}
section.career-details ul#pills-tab{
    display: flex;
    gap: 20px;
    padding-bottom: 50px;
    margin-bottom: 50px !important;
    border-bottom: 2px solid #0000003b;
    list-style: none;
}
section.career-details ul#pills-tab li{
list-style:none;
}
section.career-details .nav-pills .nav-link{
    background: var(--lt-bg-color);
    border-radius: 100px;
    transition: all .15s ease-in-out;
    text-align: center;
    position: relative;
    padding: 12px 16px;
    letter-spacing: .02em;
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 600;
}
section.career-details .nav-pills .nav-link.active, section.career-details .nav-pills .nav-link.focus{
    background: var(--secondary-color);
    color:#fff !important;
}
section.career-details .tab-content ul{
    list-style:disc;
    padding-left:24px;
    margin-bottom:20px;
}
section.career-details .tab-content ul li{
    font-family: var(--primary-font);
    color: var(--black-color);
    font-size: var(--f15);
    line-height: 1.5;
    letter-spacing: 0;
    margin-bottom:10px;
    list-style:initial;
}
.apply-btn {
    text-align: center;
    margin-top: 30px;
}
.apply-btn button{
    margin:auto;
}
#pills-profile p.required-text {
    text-align: right;
    font-size: 13px;
}
#pills-profile span.asterisk {
    color: red;
    display: inline;
}
#pills-profile .linkedin-profile a.main-btn{
    background-color: #0a66c2;
    color: #fff;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: 230px;
    justify-content: center;
}
#pills-profile hr{
    margin:25px 0;
}
#pills-profile form label{
    font-size: 15px;
    padding-left: 0px;
    font-weight: 600;
    color: var(--heading-color);
    margin-bottom: 12px;
    display: block;
}
#pills-profile form input, #pills-profile form select {
    border: 0px solid;
    border: 1px solid var(--black-color);
    border-radius: 0px !important;
    font-family: var(--primary-font);
    padding: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: var(--f14);
    height: 49px;
    margin-bottom: 20px;
    width: 100%;
}
#pills-profile form span{
    font-size: 14px;
    margin-bottom: 16px;
    display: block;
}
#pills-profile form .check-field {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom:20px;
}
#pills-profile form input#decline {
    width: 18px;
    height: 18px;
    margin-bottom: 0;
}
#pills-profile form .check-field label{
    margin-bottom:0px;
}
#pills-profile button.main-btn {
    width: 200px;
    margin-left: 0;
}
section.career-details li{
    font-family: var(--primary-font);
    color: var(--black-color);
    font-size: var(--f16);
    line-height: 1.6;
    letter-spacing: 0;
    margin-bottom: 10px;
    list-style: initial;
}
section.career-details ul{
    list-style: disc;
}
section.career-details ol{
    list-style: decimal;
}
section.sitemap li{
    list-style: initial;
    margin-bottom: 15px;
}
section.sitemap li a{
    color: var(--black-color);
}
section.sitemap li a:hover{
    color: var(--secondary-color);
}
section.sitemap ul{
    padding-left: 20px;
}
section.sitemap .col-3{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
section.author-profile-section .author-details {
    max-width: 750px;
    margin: auto;
    text-align: center;
}
section.author-profile-section .author-info img{
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: contain;
}
section.author-profile-section .author-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
}
section.author-profile-section .author-info h2{
    margin-bottom:0;
    font-weight:600;
}
section.author-profile-section .author-details p{
    font-size:18px;
}
section.author-profile-section .author-details .author-social p{
    margin-bottom:0px;
}
section.author-profile-section .author-details .author-social{
    display:flex;
    align-items:center;
    gap: 12px;
    margin-top:20px;
    justify-content: center;
}
section.author-profile-section .author-details .author-social ul{
    list-style:none;
    margin-bottom:0px;
    padding-left:0px;
    display: flex;
    align-items: center;
    gap: 8px;
}
section.author-profile-section .author-details .author-social ul li i{
        font-size: 17px;
        display: flex;
        width: 30px;
        height: 30px;
        background: #1595df;
        color: #fff;
        border-radius: 50%;
        padding: 6px;
        align-items: center;
        justify-content: center;
}
.coupon-header {
    padding: 25px 12px;
    position: fixed;
    top: 0;
    left: 0;
    height: auto;
    box-shadow: 0 .0625em .3125em rgba(0, 0, 0, .15);
    width: 100%;
    background-color: #fff;
    text-align: center;
}
.coupon-header img{
    width:180px;
}
.coupon-popup-info {
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.08);
    background: var(--white-color);
    padding: 35px 25px;
    text-align: center;
    max-width: 800px;
    margin: auto;
}
section.coupon-popup {
    background: var(--lt-bg-color);
    height: 100vh;
    display: flex;
    align-items: center;
}
section.coupon-popup .popup-icon {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--secondary-color);
    color: #fff;
    border-radius: 100%;
    font-size: 22px;
}
section.coupon-popup .coupon-copy p {
    font-size: 20px;
    font-weight: bold;
    color: var(--secondary-color);
    margin-bottom: 0;
}
section.coupon-popup .coupon-copy{
    display:flex;
    align-items:center;
    gap:12px;
    justify-content: center;
    margin-bottom: 20px;
}
section.coupon-popup .paste-code{
    margin-bottom: 25px;
}
section.coupon-popup span.coupon-code {
    --_clr-border: #1f66b1;
    --_self-border-width: 10px;
    --_self-border-gap: calc(10px* 2);
    --_self-border-height: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 300px;
    margin: 24px auto;
    height: 60px;
    line-height: 150%;
    /* font-family:
    'Inter', sans-serif; */
    font-size: 24px;
    background-image: repeating-linear-gradient(0deg, var(
    --_clr-border), var(--_clr-border) var(--_self-border-width), transparent var(--_self-border-width), transparent var(--_self-border-gap)), repeating-linear-gradient(90deg, var(--_clr-border), var(--_clr-border) var(--_self-border-width), transparent var(--_self-border-width), transparent var(--_self-border-gap)), repeating-linear-gradient(180deg, var(--_clr-border), var(--_clr-border) var(--_self-border-width), transparent var(--_self-border-width), transparent var(--_self-border-gap)), repeating-linear-gradient(270deg, var(--_clr-border), var(--_clr-border) var(--_self-border-width), transparent var(--_self-border-width), transparent var(--_self-border-gap));
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 #1f66b182;
    color: #0f1930;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    background-size: var(
    --_self-border-height) calc(100% + var(--_self-border-gap)), calc(100% + var(--_self-border-gap)) var(--_self-border-height), var(--_self-border-height) calc(100% + var(--_self-border-gap)), calc(100% + var(--_self-border-gap)) var(--_self-border-height);
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}
section.coupon-popup .coupon-forward {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content:center;
}
section.coupon-popup .coupon-forward img{
    width:200px;
}
section.coupon-popup .coupon-forward img.coupon-img {width:50px;}
section.coupon-popup .auto_redirct {
    border-top: 1px solid #dfe0e4;
    padding-top: 20px;
}
section.coupon-popup .auto_redirct p{
    margin-bottom: 0;
}
section.coupon-popup .auto_redirct a{
    text-decoration: underline;
}
section.coupon-codes-section .coupon-codes-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
section.coupon-codes-section .go-backs{
    display:flex;
    align-items: center;
    gap:16px;
    transition: gap .35s cubic-bezier(0.12, 0.74, 0.26, 1.07);
    position: relative;
}
section.coupon-codes-section .go-backs-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--secondary-color);
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    position: relative;
}
section.coupon-codes-section span.go-backs-text {
    font-size: 14px;
    position: relative;
}
section.coupon-codes-section .go-backs::before{
    content: "";
    width:48px;
    height: 48px;
    border-radius: 50%;
    display:flex;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--secondary-color);
    transition: width .35s cubic-bezier(0.12, 0.74, 0.26, 1.07), border-radius .35s cubic-bezier(0.12, 0.74, 0.26, 1.07);
}
section.coupon-codes-section .go-backs:hover::before{
     width:100%;
    height: 100%;
    border-radius: 6px;
}
section.coupon-codes-section .go-backs:hover{
     gap: 0px;
    padding-right: 10px;
}
section.coupon-codes-section .go-backs:hover  span.go-backs-text{
    color:#fff;
}

section.coupon-codes-section .share-coupon-code{
    display:flex;
    align-items: center;
    gap:16px;
    transition: gap .35s cubic-bezier(0.12, 0.74, 0.26, 1.07);
    position: relative;
    background: transparent;
    border: 0px solid;
}
section.coupon-codes-section .code-last {
    transform: translateY(-110%);
}
section.coupon-codes-section .share-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--secondary-color);
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    position: relative;
}
section.coupon-codes-section .share-text {
    font-size: 14px;
    position: relative;
}
section.coupon-codes-section .share-coupon-code::before{
    content: "";
    width:48px;
    height: 48px;
    border-radius: 50%;
    display:flex;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--secondary-color);
    transition: width .35s cubic-bezier(0.12, 0.74, 0.26, 1.07), border-radius .35s cubic-bezier(0.12, 0.74, 0.26, 1.07);
}
section.coupon-codes-section .share-coupon-code:hover::before{
     width:100%;
    height: 100%;
    border-radius: 6px;
}
section.coupon-codes-section .share-coupon-code:hover{
     gap: 0px;
   padding-left: 10px;
}
section.coupon-codes-section .share-coupon-code:hover  .share-text{
    color:#fff;
}
section.coupon-codes-section .share-coupon li img{
    width: 36px;
    height: 36px;
}
section.coupon-codes-section .share-coupon ul{
  display: flex;
    gap: 12px;
    transform: translateY(100%);
    right: 0;
    position: absolute;
    left: auto;
    bottom: 0%;
}
section.coupon-codes-section .share-coupon ul.share-last{
    animation: shareULAnim .35s ease-in-out 1 forwards;
    grid-area: grid-1;
}
@keyframes shareULAnim {
                to {
                    transform: translateY(-20%);
                }
            }
section.coupon-codes-section .share-coupon li{
    transition: transform .5s cubic-bezier(0.12, 0.74, 0.26, 1.07);
    transform: translateY(0px);
}
section.coupon-codes-section .share-coupon li:hover{
     transform: translateY(-2.5px);
}
section.coupon-codes-section .share-coupon:hover ul{
     display: flex;
}
section.coupon-codes-section .share-coupon{
    position: relative;
    display: grid;
    width: 103px;
    grid-template-columns: 103px 0;
    max-height: 54px;
    overflow: clip;
    padding-block-start: 3px;
}
section.coupon-codes-section .coupon-code-section-details {
    max-width: 800px;
    margin: auto;
}
section.coupon-codes-section .coupon-codes-middle {
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.08);
    background: var(--white-color);
    padding: 35px 25px;
    text-align: center;
    border-radius: 10px;
}
section.coupon-codes-section .coupon-off {
    font-size: 28px;
    font-weight: 900;
    color: var(--secondary-color);
    margin-bottom: 0;
    padding-right: 12px;
    border-right: 1px dashed;
    line-height: 1;
}
section.coupon-codes-section .coupon-codes1-left {
    display: flex;
    align-items: center;
    gap: 12px;
}
section.coupon-codes-section .coupons-exclusive p{
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600;
}
section.coupon-codes-section .coupons-exclusive {
    text-align: left;
}
section.coupon-codes-section .coupons-exclusive span{
    color: #9FA3AC;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .48px;
}
section.coupon-codes-section .coupon-codes1-right img{
        width: 64px;
    height: 64px;
    object-fit: contain;
    border: 1px solid #E3EDFC;
    border-radius: 100%;
}
section.coupon-codes-section .coupon-codes1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
section.coupon-codes-section .inside-couponBox{
    animation: boxBorderAnimation 1s infinite linear;
    display:flex;
    padding:24px;
    --_clr-border:#d0d7e2;
    --_self-border-width:10px;
    --_self-border-gap:20px;
    --_self-border-height:2px;
    background-image:repeating-linear-gradient(0deg,var(--_clr-border),var(--_clr-border) var(--_self-border-width),transparent var(--_self-border-width),transparent var(--_self-border-gap)),repeating-linear-gradient(90deg,var(--_clr-border),var(--_clr-border) var(--_self-border-width),transparent var(--_self-border-width),transparent var(--_self-border-gap)),repeating-linear-gradient(180deg,var(--_clr-border),var(--_clr-border) var(--_self-border-width),transparent var(--_self-border-width),transparent var(--_self-border-gap)),repeating-linear-gradient(270deg,var(--_clr-border),var(--_clr-border) var(--_self-border-width),transparent var(--_self-border-width),transparent var(--_self-border-gap));
    background-size:var(--_self-border-height) calc(100% + var(--_self-border-gap)),calc(100% + var(--_self-border-gap)) var(--_self-border-height),var(--_self-border-height) calc(100% + var(--_self-border-gap)),calc(100% + var(--_self-border-gap)) var(--_self-border-height);
    background-position:0 0,0 0,100% 0,0 100%;
    background-repeat:no-repeat;
    position:relative;
    justify-content:center;
    align-items: center;
    margin-bottom: 12px;
}
section.coupon-codes-section .coupon-codes1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}
section.coupon-codes-section p.code {
    color: #4F5970;
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
}
section.coupon-codes-section #copyCode svg{
    fill:#fff;
}
section.coupon-codes-section a.go_c_red {
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}
section.coupon-codes-section .cards li p{
    color: #4f5970;
    font-size: 12px;
    margin-bottom: 0;
}
section.coupon-codes-section .cards li{
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
}
section.coupon-codes-section .cards li::after{
    content:"";
    width: 6px;
    height: 6px;
    display:flex;
    background: #D0D7E2;
    border-radius: 50%;
    margin-left: 6px;
}
section.coupon-codes-section #copyCode{
    position: absolute;
    right: 24px;
}
section.coupon-codes-section .cards{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 24px;
}
section.coupon-codes-section .cards li:last-child::after{
    display:none;
}
section.coupon-codes-section .coupon-codes3 {
    border-radius: 6px;
    background: var(--lt-bg-color);
    padding: 16px;
    text-align: left;
}
section.coupon-codes-section .coupon-codes3 p{
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 14px;
}
section.coupon-codes-section .coupon-codes3 li{
    font-size: 14px;
    list-style: decimal;
    margin-bottom: 8px;
}
section.coupon-codes-section .coupon-codes3 ul{
    padding-left:20px;
}
section.other-coupon-code {
    background: var(--lt-bg-color);
}
section.other-coupon-code p {
    margin-top: 12px;
    color: var(--secondary-color);
    margin-bottom: 0;
}
section.other-coupon-code .coupon-image-inn p {
    margin-top: 0;
    text-align: center;
}
section.other-coupon-code h3{
    margin-bottom: 40px;
}
@keyframes boxBorderAnimation{
    0%{
        background-position:0 0,-20px 0,100% -20px,0 100%;
    }
    100%{
        background-position:0 -20px,0 0,100% 0,-20px 100%;
    }
}
.notification-info a{
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    padding: 10px;
    width: 350px;
}
.notification-bar {
    position: relative;
}
.notification-info {
   position: absolute;
    background: #fff;
    z-index: 3;
    box-shadow: 0 0 3px #0000004d;
    right: 0;
    opacity: 0;
    visibility: hidden;
}
.notification-info a img{
    width:90px;
}
.notification-info a:hover{
    background-color: #e9ecef;
}
.notification-bar:hover .notification-info{
    opacity: 1;
    visibility: visible;
}
section.main-banner-sec .item {
  border-radius: 12px;
  text-align: center;
}
section.main-banner-sec .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}
section.main-banner-sec .owl-dot{width: 100%;text-align:left;}
section.main-banner-sec .pagi-btn::before{content: '';width: 5px !important;height: 5px !important;border-radius: 100%;background: transparent !important;display:table !important;margin: 0px 0px 2px 0px !important;left: 50%;position: absolute;top: 8px;}

section.main-banner-sec .owl-dot.active .pagi-btn::before{background: #1f66b1 !important;}
section.main-banner-sec .owl-dot.active .pagi-btn{color: #1f66b1;}
section.main-banner-sec .pagi-btn{position:relative;width:100%;background:transparent !important;text-align: center;border:none !important;cursor:pointer;padding: 14px 20px;font-size: 14px;display: inline-block;}
div#cpchris {
    border-radius: 12px;
    overflow: hidden;
}
section.store-informations .get-offer.main-btn {
    width: 245px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--p14) var(--p15);
}
section.store-informations .sidebar-about {
    background-color: #fff;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 16px;
}
section.store-informations .sidebar-about p{
    color:var(--black-color);
}
.is-sticky{animation: smoothScroll 1s forwards;
      box-shadow: 0 2px 15px rgba(0, 0, 0, .1);
           position:fixed;
           width:100%;
           top:0;
           left:0;
           z-index:3;
           background:#fff;
          }
@keyframes smoothScroll {
    0% {transform: translateY(-30px); } 
    100% {transform: translateY(0px); }
}
.coupon-div-main.gets-offer .coup-image h3{
    color:#56ba2e;
}
.coupon-div-main.gets-offer .get-offer.main-btn{
    background: #56ba2e;
    border-color: #56ba2e;
}
.expired-coupon .expired-head h4{
    margin-bottom:10px;
}
.expired-coupon .expired-head p{
    color: var(--black-color);
}
.expired-coupon .expired-head{
    margin-bottom: 30px;
}
.expired-coupon .coup-image h3{
    color:#797575;
}
.expired-coupon .cbtn>div{
    background-color:#797575;
}
.expired-coupon .coupon-image-inn p{
    color:#797575;
}
.expired-coupon .coupon-detail h2{
    color:#797575;
}
.expired-coupon li a{
    color:#797575;
}
.store-listing.is-sticky1{
       position: fixed;
    top: 0px;
    width: 100%;
    left: 0;
    border-radius: 0;
    justify-content: center;
    animation: smoothScroll 1s forwards;
    z-index: 2;
    background: var(--white-color);
}
.coupons-banner {
    margin-bottom: 30px;
}
.coupons-banner img{
    width:100%;
}
section.about.abt-short.short_right_video .abt-detail {
    text-align: center;
}
section.about.abt-short.short_right_video .abt-detail h2{
    margin-bottom: 20px;
}
section.about.abt-short.short_right_video .abt-detail a.sign-button.sign-in-data-form.main-btn {
    display: inline-flex;
    width: 200px;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: var(--p18) var(--p15);
    margin-top: 20px;
}
section.about.abt-short.short_right_video .cont{
    display: flex;
    align-items: center;
    justify-content: center;
}
section.video-sec.video-faq {
    background: var(--white-color);
}
section.faq-sec.store-faq {
    background: var(--lt-bg-color);
}
header.header.store-header.is-sticky {
    position: relative;
}
.store-listing .store-list-logo{
 display:none;   
}
.store-listing .store-list-logo p{
    text-align: center;
    margin-top:0;
    font-size: 18px;
    font-weight: bold;
    color: var(--black-color);
}
.store-listing .container{
    padding-left: 0;
    padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.store-listing.is-sticky1 ul{
    margin-top:0 !important;
    margin-bottom:0 !important;
    justify-content: flex-start;
}
.store-listing.is-sticky1 .store-list-logo {
    display: block;
    min-width: 35%;
}
.store-list-logo a{
    display:flex;
    align-items:center;
    gap:12px;
}
.store-listing.is-sticky1 .store-list-logo img{
    width:65px;
    height:65px;
    border-radius:100%;
    border:1px solid #f4f4f4;
    padding:10px;
}
.similar-stores.similar-images .store-img{
        width: 100%;
    background: transparent;
    padding: 0;
    box-shadow: 0 0 0;
}
.similar-stores.similar-images .similar-list {
    width: 100%;
}
.similar-stores.similar-images .store-img img{
    width: 100%;
    height: 150px;
    object-fit: cover;
    margin-bottom: 0;
}
.sidee .categories {
    background-color: #fff;
    /* box-shadow: 0px 0px 10px #ccc; */
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 16px;
}
.categories-info input{
    background: #1ca2fc0d;
    width: 22px;
    height: 20px;
    border: 1px solid #ebecef;
    border-radius: 0.375rem;
}
.categories-details {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.categories-info {
    display: flex;
    gap: 12px;
    width: 100%;
    margin-bottom: 20px;
    align-items: center;
}
section.career-details form .form-btn button.animated-button {
    width: 200px;
}
section.career-details #pills-profile form .form-btn button.animated-button span{
    margin-bottom:0;
}
.box {
   opacity: 0;  
    transform: scale(.6);
}
.login-btn .animated-button {
    width: 200px;
}
@keyframes fadeIn {
  0% {
    opacity: 0; 
  }
  100% {
    opacity: 1; 
  } 
}
@keyframes fadeUp {
  0% {
    opacity: 0; 
  }
  100% {
    opacity: 1; 
  } 
}
 .box.visible {
      opacity: 1;
      transform: scale(1);
      transition-duration: 1.5s;
      transition-timing-function: ease;
      transition-property: opacity, transform;
    }
    .front-btn.box.visible .animated-button{
        width:150px;
        margin:auto;
    }

    .animated-box{
        opacity: 0;
    transition-property: opacity, transform;
    transition-duration: 1.5s;
    transition-timing-function: ease;
    transform: translate3d(0, 100px, 0);
    }
    .animated-box.visible{
        opacity: 1;
    transform: translateZ(0);
    }
    .coupon-div-main.shop-now .coup-image h3{
        color:#EF7524;
    }
    .coupon-div-main.shop-now .cbtn>div{
        background-color:#EF7524;
    }
    .fadee{
     animation: fade-in linear forwards;
     animation-timeline: view();
     animation-range:entry 100px;
    }
    @keyframes fade-in{
        from{scale:0.8; opacity:0;}
        to{scale:1; opacity:1;}
    }
    section.internal-banner.partner-banner .animated-button{
        color:var(--white-color);
        box-shadow: 0 0 0 2px var(--white-color);
    }
      section.internal-banner.partner-banner .animated-button svg{
          fill:var(--white-color);
      }
      section.internal-banner.partner-banner .animated-button:hover{
       box-shadow: 0 0 0 2px transparent;
    }
    .similar-stores.social-feed ul{
        display: flex;
    width: 100%;
    justify-content: space-between;
    }
    .similar-stores.social-feed ul a{
        width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--secondary-color);
    border-radius: 100%;
    }
    .similar-stores.social-feed ul a svg{
        font-size: 23px;
    fill: var(--white-color);
    color: var(--white-color);
    }
    .similar-stores.social-feed ul a:hover{
         background: var(--other-color);
    }
    header.header.store-head.is-sticky{
       position: relative;
    }