/*====================================== GENERAL STYLES =========================*/
	:root{ 
        --color-first:#000;
        --color-second:#a3897b;
        --color-content:#2b2b2b;
        --bg-light:#f2f2eb;
        --bg-light-1:#ecece6;
        --bg-light-2:#f2f2eb; 
        --font-family-heading:font-family: 'Lato', sans-serif;;
        --font-family-content:font-family: 'Lato', sans-serif;
	} 
	*,::after,::before{box-sizing: border-box;}
	* {
		margin: 0;
		padding: 0;
		font-family: var(--font-family-content);
		font-weight: 400;
		font-size: 16px;
		letter-spacing: 0.01em;
		line-height: 1.5;
		color: var(--color-content);
		text-transform: none;
	}
	a,a:hover,.decorationNone{text-decoration: none;}
	html {scroll-behavior: smooth;}	
	p{white-space:pre-line;}
	/*ul li {list-style: none;}*/
	img {object-fit: cover;object-position: center;max-width: 100%;}
	.hideInMobile {display: block;}
	.hideInWeb,.moreArticles{display: none;}	
	.bg-first,.button.btn-first{background:var(--color-first);}
	.bg-second,.button.btn-second{background:var(--color-second);}
	.lightBg {background:var(--bg-light);}
	.button:focus,input[type=submit].button:focus,.button i,.button:hover,.webContent.textWhite .mainHeading,
	.webContent.textWhite .subHeading,.webContent.textWhite p {color: #fff;}	
	.color-first,.webContent .color-first,small.color-first,.webContent .mainHeading.color-first,
	.webContent .subHeading.color-first,.webContent p.color-first,.webContent.textWhite p.color-first{color:var( --color-first);}
	.color-second,.webContent .color-second,small.color-second,.webContent .mainHeading.color-second,
	.webContent .subHeading.color-second,.webContent p.color-second {color:var( --color-second);}
	.wrapper,.posRel {position: relative;}
	.h-45{height: 45px;}
	.headingline {
	    width: 100%;
	    height: 1px;
	    margin: 5px 0;
	}
	.posAbs{position: absolute;}
	.button,input[type=submit].button{
		display: inline-block;
		border-radius: 0;
		padding:7px 35px;
		color: #fff;
		font-size: 1rem;
		font-weight:600;
		letter-spacing: 1px;
		border: 1px solid transparent;
		text-transform: capitalize;
		outline: 0;
		cursor: pointer;
	}
	.button i{vertical-align: middle;}
	.webContent .mainHeading {
		font-size: 2rem;
		font-weight: 600;
		color: var(--color-first);
		text-transform:initial;
		font-family:var(--font-family-heading);
		letter-spacing: 0;
		margin-bottom: 5px;
		line-height: 1em;
	}
	.webContent .line{
	    display: inline-block;
	    width: 300px;
	    height: 2px;
			border-bottom: 3px solid var(--color-second);
	    margin: 10px 0;
	 } 
	.webContent .bg-second .line:after,.webContent .bg-opacity-second .line:after{background-color: var(--color-first);}
	.webContent .bg-first .line:after{background-color: var(--color-second);}
	.webContent .subHeading {
		font-size: 1.1rem;
		color: var(--color-first);
		letter-spacing:0px;
		text-transform: capitalize;
		font-family:var(--font-family-content);
		font-weight: 700;
		margin-bottom: 5px;
	}
	.webContent p {
		color: var(--color-content);
		font-size: 1rem;
		line-height: 1.4;
		font-weight: 500;
	}	
	.webContent p a, ul li, ul li a{
		font-size: 1.1rem;
		line-height: 1.4;
	}
	.displayFlex {
		display: flex;
		justify-content: center;
		align-items: center;
	}	
	.text-limit-1{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.text-limit-2{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.text-limit-2.subHeading{height: 45px;}
	.text-limit-3{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.text-limit-3.mainHeading{height: 115px;line-height: 1.2em}
	.breadcrumb-item a {
	    color: var(--color-first) !important;
	    font-weight: 400;
	}
	.text-limit-4{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
	/*################# header ###############*/
	header{box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);}
	body{overflow-x: hidden;}
	header .navbar-nav li{margin:0 10px;}
	header .navbar-nav li a,header .navbar-nav li a:hover,header .navbar-nav li a:focus,header .navbar-nav li a span{
		color: #000;
		font-family: 'Poly', serif;
		font-size: 0.95rem;
	}
	header .navbar-nav li a span{font-weight: 500}
	.logo{width: 200px}
	.dropdown-menu{z-index: 109999}
	.sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 9999;
      top: 0;
      left: 0;
      background-color:var(--color-first);
      overflow-x: hidden;
      transition: .5s
    }
    .icon-menu.menu-icon{font-size: 1.3rem;font-weight: bold;}
    .sidenav .dropdown-menu{
      background: transparent;
    }
    .sidenav a {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 16px;
      line-height: 1.5;
      font-weight: 500;
      color: #fff;
      display: block;
      transition: .3s
    }
    .sidenav .dropdown-menu a{
      padding: 2px;
      color: var(--color-first);
      padding-left: 10px;
    }
    .sidenav a:hover {
      color: #fff
    }
    .sidenav a:focus {
      color: #fff
    }
    .sidenav .closebtn {
      position: absolute;
      top: 15px;
      right: 5px
    }
    .shop-mobile-menu {
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer
    }
    .sidenav-padding {
      padding-top: 60px
    }
	/*################# footer ###############*/
	footer,.bottom-footer{border-top: 1px solid var(--color-first); }
	footer{ font-family: 'Poly', serif; }
	.social-icons li a{
		display: inline-flex;
		width: 40px;
		height: 40px;
		line-height: 50px;
		border-radius: 50%;
		background: #d8d8d8;
		justify-content: center;
		align-items: center;
	}
	.social-icons i{ font-size:1.4rem;color: #676767}
	footer .button.btn-second{background: var(--bg-light-1);color: var(--color-first);}
	footer .button.btn-second.donateButton{
		background: var(--color-second);
		color: #fff;
		font-size: 1.8rem;
	}
	footer .webContent .line{width: 100%;border-width: 1px}	
	.footer-heading{font-size: 1.1rem}
	.copy-right-text{text-decoration: underline;}
	.menu-footer li i{font-size: 1.2rem}
	.social-icons li img{width: 25px}
	.menu-footer li a{color: var(--color-first);font-size: 0.9rem}
	.bottom-footer .paymentMethod-boxes li{border:  1px solid #d6d5d5;border-radius: 5px;padding: 5px;margin-right: 5px}
	.bottom-footer .paymentMethod-boxes li img{width: 50px;height: 30px;object-fit: scale-down;}
	/*################# mainBanner ###############*/
	.mainBanner{
		background: url(../img/banner.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		height: 550px;
	}
	.mainBanner img{width: 180px}
	.mainBanner .webContent p {font-size: 1.2rem;}
	.perks-box img{
		width: 100px;
		height: 100px;
	}
	.perks-img{height: 540px}