@charset "UTF-8";
/*
Theme Name: RedCross V4 by Redfluence
Theme URI: https://redfluence.com
Author: Redfluence (Pvt) Ltd.
Author URI: https://redfluence.com
Description: RedCross Theme Developed by Redfluence
Version: 4.0
Text Domain: redfluence
*/


/*
    font-family: 'Roboto', sans-serif;
    font-family: 'Ubuntu', sans-serif;
*/


:root {
    --defaultlg: 28px;
    --default: 18px;
    --defaultmd: 16px;
    --defaultsm: 14px;
    --defaultxs: 12px;
    
    --titlelg: 50px;
    --title: 44px;
    --titlemd: 40px;
    --titlesm: 26px;
    --titlexs: 22px;
    --titlexxs: 18px;
  
    --pagetitle: 40px;

    --defaultlh:34px;
    --titlelh:56px;

    --pagetitlelh:1.25;

    --defaultff: 'Roboto', sans-serif;
    --htff:'Ubuntu', sans-serif;
    --latoff:'Roboto', sans-serif;
  
    --brand-color-main: #ED1C24;
    --brand-color-main-dark: #c91017;
    --color-dafault: #3d3d3d;
    --white: #fff;
    --black: #000;
    --light-grey: #c1c1c1;

    --col:calc((100vw - 140px - (25px * 11)) / 12);
    --gap:25px;
    --site-margin:70px;
  }

@media (max-width: 1440px) {
    :root {
      --defaultlg: 18px;
      --default: 16px;
      --defaultmd: 14px;
      --defaultsm: 12px;
      --defaultxs: 12px;
      
      --titlelg: 38px;
      --title: 32px;
      --titlemd: 28px;
      --titlesm: 20px;
      --titlexs: 18px;
      --titlexxs: 16px;
    
      --pagetitle: 34px;

      --defaultlh:24px;
      --titlelh:42px;

      --site-margin:35px;
    }
}


@media (max-width: 768px) {
    :root {
      --defaultlg: 28px;
      --default: 16px;
      --defaultmd: 16px;
      --defaultsm: 14px;
      --defaultxs: 14px;
      
      --titlelg: 50px;
      --title: 36px; /* 44px; */
      --titlemd: 32px;
      --titlesm: 26px;
      --titlexs: 22px;
      --titlexxs: 18px;
    
      --pagetitle: 34px;

      --defaultlh:1.75;
      --titlelh:56px;
  
        --col:calc((100vw - 70px - (20px * 3)) / 12);
        --gap:20px;
        --site-margin:35px;
      }
}

@media (max-width: 580px) {
    :root {
        --site-margin:20px;
      }
}

html{font-size:16px;scroll-behavior: smooth;}
@media (max-width: 2400px) {html{font-size:12px;}}
@media (max-width: 1920px) {html{font-size:12px;}}
@media (max-width: 1800px) {html{font-size:10px;}}
@media (max-width: 1600px) {html{font-size:9px;}}
@media (max-width: 1440px) {html{font-size:9px;}}
@media (max-width: 1201px) {html{font-size:10px;}}
@media (max-width: 992px){html{font-size:10px;}}
body{margin: 0;padding: 0;color:#000;font-family: var(--defaultff);font-weight:400;line-height: 1;font-size:var(--default);overflow-x: hidden;overflow-y: scroll;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;-ms-overflow-style: none;  /* IE and Edge */scrollbar-width: none;  /* Firefox */} /* background: #f9f9f9;  color:#3d3d3d; */
body.page{background: #f9f9f9;}

p{line-height: var(--defaultlh);font-size: var(--default);}
h2{font-family: var(--htff);}
h3{font-family: var(--htff);}

a{color:var(--brand-color-main);text-decoration: none;text-decoration: underline;}
a:hover{color:#666;}

picture{display: block;line-height: 0;height: 100%;}

.container{margin: 0 var(--site-margin);}

.grid{position: fixed;left: 70px;top: 0;right: 70px;bottom: 0;z-index: 1;display: grid;gap:25px;grid-template-columns: repeat(12,1fr);pointer-events: none;/*gap: calc((100% - (4vw*24))/22);*/}
.grid > div{border: solid 1px #ccc5;border-collapse: collapse;}




#redfluence-header{color: #333;position: sticky;left: 0;top: 0;right: 0;z-index: 10;}
#redfluence-header header{background:#ffffff;transition: all 0.4s ease 0s;}
#redfluence-header header > div.header-top{background: #3d3d3d;padding: 0.5rem 18.125rem 0.5rem 8.125rem;text-align: right;}
#redfluence-header header > div.header-top .social-media{}
#redfluence-header header > div.header-top .social-media a{color: #fff;font-size: 14px;margin-left: 1rem;}

#redfluence-header header > div.header-main{display: grid;grid-template-columns:1fr auto;align-items: center;transition: all 0.5s ease 0s;position: relative;background:rgba(255,255,255,0.9);padding: 2px 0;} /* background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0)); */
#redfluence-header header > div.header-main::before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 13.5rem;background: #fff;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;}
#redfluence-header.small header::before{bottom: 0;}
#redfluence-header.small header{background:#ffffffff;box-shadow: 0 0 5px rgba(0,0,0,0.1);}



#redfluence-header header .site-logo{grid-column: 1/2;grid-row: 1/2;padding-left: 8.125rem;z-index: 1000;line-height: 0;}
#redfluence-header header .site-logo a{color: inherit;text-decoration: none;font-weight: 300;}
#redfluence-header header .site-logo a img{height: 7.5rem;transition: transform 0.5s ease 0s;transition: all 0.5s ease 0s;width: auto;}
#redfluence-header.small header .site-logo a img{height: 5rem;}
/* #redfluence-header.small header .site-logo a img{filter: grayscale(0) brightness(0%);} */
/* .page-inner #redfluence-header header .site-logo a img{filter: grayscale(0) brightness(0%);} */

#redfluence-header header nav{color: #000;font-family: var(--htff);}
#redfluence-header header nav ul{margin: 0 3rem 0 3rem;padding: 0;list-style: none;text-align: right;}
#redfluence-header header nav ul li{display: inline-block;padding: 0 1.5rem;position: relative;}
#redfluence-header header nav ul li a{text-decoration: none;font-weight: 400;color: inherit;position: relative;overflow: hidden;transition: color 0.5s cubic-bezier(0.500, 0, 0, 0.900) 0s;padding: 14px 0;font-size: var(--defaultmd);} /* text-transform: uppercase; */
/* #redfluence-header header nav ul li a::before{content: "";position: absolute;display: block;left: 0;bottom: 12px;width: 100%;height: 2px;background: #91bd0c;transform: scaleX(0);transition: transform 0.5s cubic-bezier(0.500, 0, 0, 0.900) 0s;hero-home-carousel: transform;transform-origin: right;} */
#redfluence-header header nav ul li:hover > a{color: var(--brand-color-main);}
#redfluence-header header nav ul li a:hover{color: var(--brand-color-main);}
/* #redfluence-header header nav ul li a:hover::before{transform: scaleX(1);transform-origin: left;} */
#redfluence-header header nav ul li.call-us{float:right;margin-right:5rem;font-size:2.5rem;height: 0;transform: translateY(-1.125rem);}
#redfluence-header header nav ul li.call-us a i{margin-right:1rem;transform:rotate(100deg);color:#000;}


#redfluence-header header nav ul li.menu-item-has-children{}
#redfluence-header header nav ul li.menu-item-has-children > a{padding-right:0.5rem;}
#redfluence-header header nav ul li.menu-item-has-children::after{content: "\f0d7";position: absolute;top:50%;right: 0;color: #111;transform: translate(-100%,-50%);font-family: "FontAwesome";font-size: 1rem;}
#redfluence-header header nav ul li.menu-item-has-children:hover::after{color: var(--brand-color-main);}
#redfluence-header header nav ul li .nav-expand{display: none;}

@media (min-width: 1200px) {
  #redfluence-header header > div.header-main{padding-right: 12.5rem;}
}

@media (min-width: 992px) and (max-width: 1200px) {
    #redfluence-header header > div.header-main{padding-right: 8rem;}
}

@media (min-width: 992px) {
/* sub menus*/
#redfluence-header header nav > ul > li > ul{position: absolute;left: 0;top:auto;padding: 1rem 0;margin: 0;width: max-content;visibility: hidden;opacity: 0;background: var(--brand-color-main);border-radius: 5px;transition: all 0.4s ease 0s;transform: translateY(25px);pointer-events: none;box-shadow: 0 5px 5px 5px rgba(0,0,0,0.025);}
#redfluence-header header nav > ul > li > ul::before{content: "";position: absolute;left: 35px;top:0;background: var(--brand-color-main);width: 10px;height: 10px;transform: translateY(-50%) rotate(45deg);}
#redfluence-header header nav > ul > li:hover > ul{visibility: visible;opacity: 1;transform: translateY(15px);pointer-events: auto;}
#redfluence-header header nav > ul > li > ul > li{display: block;width: auto!important;text-align: left;}
#redfluence-header header nav > ul > li > ul > li a{display: block;text-transform: none;padding: 12px 1rem;color: #fff;transition: all 0.2s ease 0s;}
#redfluence-header header nav > ul > li > ul > li:hover{background: rgba(255,255,255,0.05);}
#redfluence-header header nav > ul > li > ul > li:hover a{color: #fff;}
#redfluence-header header nav > ul > li > ul > li a:hover{color: #fff;transform: translateX(5px);}

#redfluence-header header nav > ul > li > ul > li.menu-item-has-children > a{padding-right:1.5rem;}
#redfluence-header header nav > ul > li > ul > li.menu-item-has-children::after{content: "\f0da";position: absolute;top:50%;right: 10px;color: #fff;transform: translate(-100%,-50%);font-family: "FontAwesome";font-size: 1rem;}
#redfluence-header header nav > ul > li > ul > li.menu-item-has-children:hover::after{color: #fff;}



#redfluence-header header nav > ul > li > ul > li > ul{position: absolute;left: 100%;right: auto;top:0;padding: 1rem 0;margin: 0;width: max-content;visibility: hidden;opacity: 0;background: var(--brand-color-main);border-radius: 5px;transform: translateX(-10px);transition: all 0.4s ease 0s;pointer-events: none;box-shadow: 0 5px 5px 5px rgba(0,0,0,0.025);border: solid 2px rgba(255,255,255,0.1);}
#redfluence-header header nav > ul > li > ul > li:hover > ul{visibility: visible;opacity: 1;transform: translateX(0);pointer-events: auto;}
#redfluence-header header nav > ul > li > ul > li > ul > li{display: block;width: auto!important;text-align: left;}
#redfluence-header header nav > ul > li > ul > li > ul > li a{display: block;text-transform: none;padding: 12px 1rem;color: #fff;transition: all 0.2s ease 0s;}
#redfluence-header header nav > ul > li > ul > li > ul > li:hover{background: rgba(255,255,255,0.05);}
#redfluence-header header nav > ul > li > ul > li > ul > li a:hover{color: #fff;transform: translateX(5px);}

}


#redfluence-header header .menu{display: none;justify-content: flex-end;z-index: 10;}
#redfluence-header header .menu > span{display: flex;width: 8rem;height: 8rem;text-align: center;letter-spacing: 0.25rem;color: #000;justify-content: center;flex-direction: column;cursor: pointer;transition: all 0.4s ease 0.6s, color 0.2s ease 0s;}
#redfluence-header header .menu:hover > span{color:#000;}
#redfluence-header header .menu > span > span{}
#redfluence-header header .menu > span > span > span{display: block;width: 100%;padding-left: 0.1rem;}
#redfluence-header.small header .menu > span{height: 7.5rem;}


@media (max-width: 1101px) {
	#redfluence-header header nav ul li.call-us{display:none;}
}


@media (max-width: 992px) {
    #redfluence-header header > div.header-main{padding: 0;}
    #redfluence-header header > div.header-top{padding: 0.5rem 2rem;}

    #redfluence-header header .header-main nav ul{margin: 0 1rem;}

    
    #redfluence-header header .menu{display: flex;grid-column: 2/3;}
    #redfluence-header header .menu.open{}
    #redfluence-header header .menu.open .fa-bars::before {content: "\f00d";}

    #redfluence-header header .site-logo{padding-left: 2rem;}

	  #redfluence-header header nav{position: absolute;width: 100%;top:8rem;background: #fff;padding: 2rem 1rem 2rem 1rem;box-sizing: border-box;transform: translateY(-170%);transition: all 0.4s ease 0s;}
    #redfluence-header header nav.open{transform: translateY(0);transition: all 0.75s cubic-bezier(0, 0.87, 0, 1.35) 0s;}
    #redfluence-header header nav ul li{display: block;font-size: 16px;padding: 0;text-align: left;}
    #redfluence-header header nav ul li a{display: block;background: #f5f5f5;padding: 1.5rem 2rem;margin-bottom: 1px;}

    #redfluence-header header nav ul li.menu-item-has-children::after{display: none;}
    #redfluence-header header nav ul li.menu-item-has-children > a{width: calc(100% - 5rem);display: inline-block;box-sizing: border-box;vertical-align: middle;}
    #redfluence-header header nav ul li .nav-expand{display: inline-block;width: 5rem;height: 100%;padding: 1.5rem 2rem;box-sizing: border-box;background: #ccc;color: #fff;text-align: center;vertical-align: middle;cursor: pointer;font-size: 14px;}
    #redfluence-header header nav ul li.open > .nav-expand .fa-chevron-down::before{content: "\f077";}

    #redfluence-header header nav ul li ul{display: none;position: static;margin: 0!important;padding: 0 0 0 10px;background: #ddd;}
    #redfluence-header header nav ul li ul li a{background: #f0f0f0;}

    #redfluence-header header nav ul li ul li ul{background: #ccc;}
    
    

}








@media (max-width: 768px) {
  
  #redfluence-header header .site-logo a img{}

  #redfluence-header header nav ul li{}

  /* #redfluence-header header .menu > span{width: 7.5rem;height: 7.5rem;} */
}

@media (max-width: 680px) {
  #redfluence-header header >  div.header-main{display: grid;grid-template-columns: 5fr auto 7.5rem;background: #fff;}

  #redfluence-header header .site-logo a img{}

}



/* cart-icon */
.shopping-cart-icon-wrapper{display: grid;align-items: center;}
#shopping-cart-icon{z-index: 1000;bottom:2vw;right:2vw;}
#shopping-cart-icon .shopping-cart-icon-inner{}
#shopping-cart-icon .shopping-cart-icon-inner a{position: relative;display: block;background: none;width: 5rem;height: 5rem;display: grid;align-items: center;border-radius: 200px;transition: all 0.4s ease 0s;}
#shopping-cart-icon .shopping-cart-icon-inner a:hover{background: #f5f5f5;}
#shopping-cart-icon .shopping-cart-icon-inner a svg{width:20px;filter: brightness(0);}
#shopping-cart-icon .shopping-cart-icon-inner a span.icon-holder{text-align: center;line-height: 0;}
#shopping-cart-icon .shopping-cart-icon-inner a span.cart-contents{position: absolute;top:-2px;right: -4px;background: #fff;;color: #000;border-radius: 50px;width: 2rem;height: 2rem;font-size: 1rem;text-align: center;line-height: 2rem;z-index: 1001;}


@media (max-width: 992px) {
  #redfluence-header header .menu{grid-column: 3/4;}
}

@media (max-width: 680px) {
  .shopping-cart-icon-wrapper{}
  #shopping-cart-icon .shopping-cart-icon-inner a{width: 5.75rem;height: 5.75rem;}
  #shopping-cart-icon{bottom:2vw;right:auto;left: 2vw;}
}





.hero{position: relative;width: 100%;display: grid;overflow: hidden;}


.hero-mid{min-width: 100%;}

#hero-home-carousel{position: relative;overflow:hidden;}
#hero-home-carousel .item{position: relative;}
#hero-home-carousel .item img{object-fit: cover;width: 100%;height: calc(78vh - 8rem - 8px - 0.5rem);height: calc(90vh - 8rem - 8px - 0.5rem);} /* height: calc(100vh - 8rem); */
#hero-home-carousel .active .item img{} /*transform: scale(1.5); */
.page-inner #hero-home-carousel .item img{ height: auto;}
.page-inner #hero-home-carousel .active .item img{}


#hero-home-carousel .item .text{position: absolute;left: 4vw;top:40%;right: 4vw;text-align: center;color: #fff;}
#hero-home-carousel .item .text .caption{font-size:var(--herocaption);color:inherit;font-family: var(--htff);font-weight: 900;opacity: 0;transition: opacity 2s ease 1s, transform 1s ease 1s;will-change: opacity, transform;transform: translateX(-10px);}
#hero-home-carousel .item .text .description{color: inherit;opacity: 0;transition: opacity 2s ease 1.5s, transform 1s ease 1.5s;hero-home-carousel: opacity transform;transform: translateX(-10px);}
#hero-home-carousel .active .item .text .caption{opacity: 1;transform: translateX(0);}
#hero-home-carousel .active .item .text .description{opacity: 1;transform: translateX(0);}

#hero-home-carousel.owl-theme .owl-dots{position: absolute;bottom:1rem;left: 50%;transform: translateX(-50%);padding: 1rem 0 1rem;}
#hero-home-carousel.owl-theme .owl-dots .owl-dot span{width: 2rem;}
#hero-home-carousel.owl-theme .owl-dots .owl-dot span{background:var(--white)}
#hero-home-carousel.owl-theme .owl-dots .owl-dot.active span{background:var(--brand-color-main)}

#hero-home-carousel.owl-theme .owl-nav{position:absolute;left:auto;left:-15rem;bottom:3.5rem;width: 6rem;padding: 0 0 5rem;background: #fff;display:none;}
#hero-home-carousel.owl-theme .owl-nav::after{content: '';display: block;position: absolute;top: 0;height: calc(100vh - 28rem);background: #000;width: 1px;left: 50%;transform: translateX(-50%);z-index: -1;}
#hero-home-carousel.owl-theme .owl-nav [class*="owl-"]{color: #fff;margin:0;padding: 2.5rem 3rem;display: block;cursor: pointer;border-radius: 0;transition:all 0.4s ease 0s;border: solid 1px #fff;line-height: 0;background: #fff;opacity: 1}
#hero-home-carousel.owl-theme .owl-nav [class*="owl-"]:hover{background:#ea3c53;}

#hero-home-carousel .owl-prev{left:0;opacity:0.75;margin-bottom: 25px!important;}
#hero-home-carousel .owl-prev:hover{opacity:1;}
#hero-home-carousel .owl-prev svg{width:1rem;height:1rem;transform:rotate(180deg);margin: 0 0 0 -0.5rem;}
#hero-home-carousel .owl-next{right:0;opacity:0.75;}
#hero-home-carousel .owl-next:hover{opacity:1;}
#hero-home-carousel .owl-next svg{width:1rem;height:1rem;margin: 0 0 0 -0.5rem;}






.hero-text{position: absolute;top:0;bottom:0;left: 8vw;width: 40vw;padding: 2vw 3vw 2vw;display: grid;align-items: center;}
.hero-text-inner{}
.hero-text .title{font-size: var(--title);font-weight: 800;color: #3a4042;margin-bottom: 2rem;}
.hero-text .description{font-size: var(--default);margin-bottom: 3rem;line-height: 1.2;}
.hero-text.light .title{color: #fff;}
.hero-text.light .title span{background: #ed1c2499;display: inline;padding: 2px 0 2px;line-height: 1;}
.hero-text.light .description{color: #fff;text-shadow: 0 0 10px rgb(0, 0, 0);}
.hero-text.light .description span{text-shadow: text-shadow: 0 0 2rem rgba(0,0,0,0.5);}


@media (min-width: 768px) {
  /* #hero-home-carousel.owl-theme .owl-dots .owl-dot{margin-bottom: 0;width: 3rem;transition: all 0.2s ease 0s;position:relative;cursor:pointer;border-radius: 0;} */
  
  /* #hero-home-carousel.owl-theme .owl-dots .owl-dot.active{background:none;}
  #hero-home-carousel.owl-theme .owl-dots .owl-dot:hover{background: none;}
  #hero-home-carousel.owl-theme .owl-dots .owl-dot::before {counter-increment: dots;content: counters(dots, ".", decimal-leading-zero);font-family: var(--htff);color: #fff;font-weight: 600;font-size: 1.75rem;line-height: 3rem;}
  #hero-home-carousel.owl-theme .owl-dots .owl-dot.active:before {color: #fff;}
  #hero-home-carousel.owl-theme .owl-dots .owl-dot.active::after {content:"";position:absolute;display:block;width:2rem;height:0.35rem;background:#fff;left:0.5rem;bottom:-0.175rem;}
  #hero-home-carousel.owl-theme .owl-dots .owl-dot:hover::before {color: #fff;}
  #hero-home-carousel.owl-theme .owl-dots .owl-dot span{width: 0;height: 0;}
  #hero-home-carousel.owl-theme .owl-dots .owl-dot:hover::before {color: #fff;}
  #hero-home-carousel.owl-theme .owl-dots .owl-dot span{width: 0;height: 0;} */
}


@media (max-width: 992px) {
  .hero-text{width: 60vw;}
}

@media (max-width: 768px) {
  .hero{}
	
  .hero-mid{position: relative;display:block;}	

 .hero .social-media{display: none;}
	
  #hero-home-carousel .item img{object-fit: cover;width: 100%;height: calc(70vh - 8rem);transition:none;} /*height: calc(100vh - 7.5rem);*/
  #hero-home-carousel .active .item img{transform: scale(1);}
  /* #hero-home-carousel.owl-theme .owl-dots{position: absolute;left:0;right:0;bottom:0;counter-reset: dots;padding: 0 0 1rem;} */


  #hero-home-carousel.owl-theme .owl-nav{position:absolute;left:auto;right:-6.75rem;top:3.5rem;width: 6rem;padding: 0 0 5rem;background: #fff;}
  #hero-home-carousel.owl-theme .owl-nav::after{display: none;}
  #hero-home-carousel .owl-prev{left:0;opacity:0.75;margin-bottom: 5px!important;}
}

@media (max-width: 680px) {
  .hero{display: block;}
  
  .hero .social-media{position: absolute;;left:0;bottom:5rem;z-index: 1;}
  .hero .social-media::before{color: #fff;top:-10.5rem;}
  .hero .social-media a{display: block;color: #fff;background: none;font-size: 1.5rem;width: 4rem;height: 4rem;text-align: center;line-height: 4rem;transition: all 0.2s ease 0s;}
  .hero .social-media a:hover{background: none;}	
	
  #hero-home-carousel .item .text .caption{font-size: 3.5rem;}

  #hero-home-carousel.owl-theme .owl-nav{right:0;top:auto;top: 50%;bottom: auto;background: none;width: 4rem;}
  #hero-home-carousel.owl-theme .owl-nav [class*="owl-"]{color: #fff;margin:0;border: solid 1px #ffffff88;line-height: 0;background: #ffffff88;width: 1rem;padding: 1rem;}
  #hero-home-carousel .owl-prev svg{width:1rem;height:1rem;transform:rotate(180deg);margin: 0;}
  #hero-home-carousel .owl-next svg{width:1rem;height:1rem;margin: 0;}
	
  .hero .mouse{display: none;}
  #hero-home-carousel.owl-theme .owl-nav{display: none;}
  #hero-home-carousel.owl-theme .owl-dots{width: 100%;}
  /* #hero-home-carousel.owl-theme .owl-dots{display: none;} */
  /* #hero-home-carousel.owl-theme .owl-dots .owl-dot::before {counter-increment: dots;content: '';} */

  .hero-text{left:0;right: 0;bottom:5rem;width: auto;padding: 8vw;top: auto;background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.5));padding: 8vw;}
  .hero-text .title{font-size: 2.5rem;line-height: 1.5;}
  .hero-text .description{font-size: var(--default);display: none;}
	
  body.home #tawkchat-container iframe {inset: auto 30px 14px auto !important;}

}




.hero .mouse{position: absolute;left: 50%;transform: translateX(-50%);top: 82%;z-index: 1;}
.hero .mouse svg{width: 2rem;height: auto;animation: float 2s ease-in-out infinite;}

@keyframes float {
	0% {transform: translateY(0px);}
	50% {transform: translateY(-10px);}
	100% {transform: translateY(0px);}
}



.donate-btn-wrapper{position: absolute;right: -1rem;top: 10%;z-index: 1;transition: all 0.4s ease 0s;}
.donate-btn-wrapper:hover{right: 0;}
.donate-btn-wrapper a{display: block;background: var(--brand-color-main);color: #fff;text-decoration: none;padding: 2rem 3rem 2rem 2rem;border-radius: 5px 0 0 5px;border-bottom: solid 2px var(--brand-color-main-dark);}
.donate-btn-wrapper a{}

/* product-style */
.home-carousel .owl-carousel .owl-stage-outer{padding:2rem 0;}
.home-carousel .woocommerce ul.products li.product, .home-carousel .woocommerce-page ul.products li.product {float: none;width: 100%;}

.redfluence-product-style  ul.products li.product,
.redfluence-product-style .woocommerce-page ul.products li.product{position: relative;text-align: center;margin-bottom: 2rem;}
.redfluence-product-style ul.products li.product .woocommerce-loop-product__title{font-size: var(--titlexxs);font-weight: 700;margin: 2rem;color: var(--color-dafault);padding: 0;font-family: var(--tff);line-height: 1;}
.redfluence-product-style  ul.products li.product .woocommerce-loop-product__category{color: var(--color-dafault);font-size: var(--defaultsm);text-transform: uppercase;margin-bottom: 5px;}

.redfluence-product-style span.onsale{background-color: var(--color-dafault);border-radius: 5px;min-height: 0;line-height: 1.5;}
.redfluence-product-style ul.products li.product .onsale{margin: 15px 0 0 15px;right: auto;left: 0;}


.redfluence-product-style ul.products li.product a .product-image-holder{display: block;margin: 0 0 1em;position: relative;}
.redfluence-product-style ul.products li.product a .product-image-holder img{margin: 0;width: 100%;}
.redfluence-product-style ul.products li.product a .product-image-holder img.img-primary{}
.redfluence-product-style ul.products li.product a .product-image-holder img.img-secondary{position: absolute;left: 0;top: 0;opacity: 0;transition: all 0.2s cubic-bezier(.32,.16,.46,.84) 0s;transform-origin: center;transform: scale(0.75);}
.redfluence-product-style ul.products li.product a:hover .product-image-holder img.img-secondary{opacity: 1;transform: scale(1);}

.redfluence-product-style  ul.products li.product .price,
.redfluence-product-style  ul.products li.product .price ins{font-size: var(--defaultsm);color: var(--color-dafault);font-weight: 700;text-decoration: none;text-align: center;}
.redfluence-product-style  ul.products li.product .price ins{margin-right: 1rem;}
.redfluence-product-style  ul.products li.product .price del{font-size: var(--defaultsm);color: var(--color-dafault);}

.redfluence-product-style  ul.products li.product .product-loop-buttons{display: flex;}
.redfluence-product-style  ul.products li.product .button{background: var(--brand-color-main);color: var(--white);border-radius: 0;font-size: var(--defaultsm);font-weight: 400;padding: 10px 20px;display: inline-block;transition: all 0.2s ease 0s;border: solid 1px var(--brand-color-main);text-align: center;border-radius: 0;}
.redfluence-product-style  ul.products li.product .button:hover{background: var(--color-dafault);border: solid 1px var(--color-dafault);}
.redfluence-product-style  ul.products li.product .button.add_to_cart_button{}
/* .redfluence-product-style  ul.products li.product .button.add_to_cart_button.added{display: none;} */

.redfluence-product-style  ul.products li.product  a.added_to_cart{background: var(--color-dafault);color: var(--white);border-radius: 0;font-size: var(--defaultsm);font-weight: 400;padding: 10px 20px;display: none;transition: all 0.2s ease 0s;border: solid 1px var(--color-dafault);text-align: center;border-radius: 0;margin-left: 2px;}
.redfluence-product-style  ul.products li.product  a.added_to_cart:hover{background: var(--black);border: solid 1px var(--black);}
/* .redfluence-product-style  ul.products li.product  a.added_to_cart{width: calc(100% - 20px);} */

.redfluence-product-style ul.products li.product .btn-view-product{width: 20px;}

.redfluence-product-style ul.products li.product span.product-price-installments{font-size: var(--defaultsm)!important;color: var(--dark-grey)!important;font-weight: 400;}

@media (max-width: 768px){
    .redfluence-product-style .woocommerce-page ul.products li.product{margin-bottom: 1rem;}
    #new-products .redfluence-product-style .woocommerce ul.products li.product, #new-products  .redfluence-product-style .woocommerce-page ul.products li.product{width: 47%;}

    /* .redfluence-product-style ul.products li.product .button.add_to_cart_button{width: calc(100% - 34px);}
    .redfluence-product-style ul.products li.product  a.added_to_cart{width: calc(100% - 34px);}
    .redfluence-product-style ul.products li.product .btn-view-product{width: 34px;} */
}






/* footer{}
.footer-top{background: #F4F5F4;}
.footer-top-inner{display: grid;grid-template-columns: 2.1fr 2.1fr 6.1fr;padding: 3rem calc(var(--col) + var(--gap));}

.footer-nav{}
.footer-nav ul{margin: 0;padding: 0;list-style: none;line-height: 2.5;}
.footer-nav > ul > li{font-size: var(--defaultmd);}
.footer-nav > ul > li > a{font-weight: 700;text-transform: uppercase;}
.footer-nav > ul > li > ul > li{font-size: var(--defaultsm);}
.footer-nav  ul  li  a{color:#3d3d3d;text-decoration: none;}
.footer-nav  ul  li  a:hover{text-decoration: underline;}

.footer-nav-about{}
.footer-nav-shop{}
.footer-company-details{text-align: right;line-height: 1.5;}
.footer-company-details .footer-logo img{max-width: 100%;height: auto;}
.footer-company-details address{font-style: normal;margin-bottom: 1rem;}
.footer-company-details .phone{margin-bottom: 1rem;}
.footer-company-details .social-media{}
.footer-company-details .social-media a{margin-left: 0.5rem;}
.footer-company-details .social-media a img{height: 20px;width: auto;text-decoration: none;}

.footer-bottom{}
.footer-bottom-inner{padding: 2rem calc(var(--col) + var(--gap));display: grid;grid-template-columns: 1fr 1fr;font-size: var(--defaultxs);}
.footer-bottom-inner .company{}
.footer-bottom-inner .website-development{text-align: right;visibility: hidden;}

@media (max-width: 768px){
  .footer-top-inner{grid-template-columns: 1fr;padding: 3rem 0;}
  .footer-nav{display: none;}
  .footer-company-details{text-align: left;font-size: var(--defaultxs);}
  .footer-company-details address{margin-left: 57px;}
  .footer-company-details .phone{margin-left: 57px;}
  .footer-company-details .social-media{margin-left: 57px;}
  .footer-company-details .social-media a{margin: 0 1rem 0 0;font-size: var(--titlemd);}
  .footer-company-details .social-media a img{height: 16px;width: auto;text-decoration: none;}

  .footer-bottom-inner{padding: 2rem 0;grid-template-columns: 1fr;}
} */




footer{padding: 2vw 2vw 1vw;text-align: center;background: #0f1117;color: #fff;font-size: 0.8984375vw;}


.footer-top{}
.footer-nav{}
.footer-nav ul{margin: 0;padding: 0;list-style: none;line-height: 2.5;}
.footer-nav > ul > li{font-size: 14px;display: inline-block;position: relative;padding: 0 1rem;}
.footer-nav > ul > li::after{content: '|';position: absolute;right: 0;transform: translateX(50%);}
.footer-nav > ul > li > a{}
.footer-nav > ul > li > ul > li{}
.footer-nav  ul  li  a{color:#ccc;text-decoration: none;font-size: 14px;}
.footer-nav  ul  li  a:hover{text-decoration: underline;}


  footer .social-media-wrapper{padding: 20px;line-height: 1.5}
  footer .social-media-wrapper .social-media{padding: 20px;}
  footer .social-media-wrapper .social-media a{color: #fff;margin: 0 15px;}

  .footer-disclaimer{font-size: 12px;margin-bottom: 15px;font-weight: 300;line-height: 1.5;color: #ccc;}

  .website-coyright{margin-bottom: 15px;line-height: 1.5;}
  .website-coyright span{color: var(--brand-color-main);}
  .website-development{margin-top: 2rem;font-size: 14px;font-weight: 300;line-height: 1.25;color: #ccc;opacity: 0.5;transition: all 0.4s ease 0s;}
  .website-development:hover{opacity: 1;}
  .website-development a{color: #ccc;}
  .website-development a:hover{color: var(--brand-color-main);}

  @media (max-width: 992px) {
    footer{padding: 20px;font-size: 16px;}
    .website-development{text-align: center;}
  }