@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url(//db.onlinewebfonts.com/c/e853011edc919bead29569d1d79b4f6a?family=Salamat);
 html {
     overflow-x: hidden;
}
 * {
     margin: 0;
     padding: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
  @font-face {
     font-family: Muli;
     font-style: light;
     font-weight: 300;
     src: url(../fonts/Muli-Light.ttf);
}
 @font-face {
     font-family: Muli;
     font-style: normal;
     font-weight: 400;
     src: url(../fonts/Muli.ttf);
}
 @font-face {
     font-family: Muli;
     font-style: bold;
     font-weight: 600;
     src: url(../fonts/Muli-Bold.ttf);
}
 @font-face {
     font-family: Nobel BoldItalic;
     font-style: normal;
     font-weight: 400;
     src: url(../fonts/Nobile-bolditalic.ttf);
}
 @font-face {
     font-family: Quicksand;.
     font-style: normal;
     font-weight: 400;
     src: url(../fonts/Quicksand.ttf);
}
 @font-face {
     font-family: Salamat;
     font-style: normal;
     font-weight: 400;
     src: url(../fonts/salamat.ttf);
}
 body {
     font: normal normal normal 14px/26px Inter;
     letter-spacing: 0.18px;
     color: #676767;
     background: ;
}
 .btn {
     background: #ADDE6B 0% 0% no-repeat padding-box;
     border-radius: 28px;
     opacity: 1;
     text-align: center;
     font: normal normal bold 15px/22px Quicksand;
     letter-spacing: 2.6px;
     color: #3E3E3E;
     opacity: 1;
     border: 0;
     min-width: 150px;
     padding: 6px 20px;
}
.btn:hover{
    background: #114b5f;
    color: #fff;
}
 .btn-light {
     background: #FFFFFF 0% 0% no-repeat padding-box;
     color: #9E9E9E;
}
}
 .btn-light:hover {
     background: #000000 0% 0% no-repeat padding-box;
     color: #fff;
     -webkit-transition: 0.4s;
     transition: 0.4s;
}
 .btn-dark {
     background: #373737 0% 0% no-repeat padding-box;
}
 .btn-dark:hover {
     background: #000;
}
 .btn-outline-dark {
     border: 2px solid #373737;
     background: transparent;
     color: #373737;
}
 .btn-outline-dark:hover {
     background: #000;
     border-color: #000;
     color: #fff;
}
 a {
     text-decoration: none !important;
}
 .whatsapp-img {
     position: fixed;
     right: 15px;
     bottom: 150px;
     z-index: 999;
}
 .whatsapp-img a span {
     border: 2px solid #114B5F;
     width: 25px;
     height: 25px;
     position:absolute;
     top: -5px;
     left: -5px;
     display: grid;
     place-items: center;
     background: #fff;
     text-align: center;
     font: normal normal bold 12px/12px Muli;
     color: #50B36F;
     opacity: 1;
     border-radius: 50%;
}
 .back-top {
     position: fixed;
     right: 15px;
     bottom: 30px;
     z-index: 999;
     text-align: center;
     text-decoration: underline;
     font: italic normal normal 14px/20px Semplicita Pro;
     letter-spacing: 0px;
     color: #8E7B6B;
     opacity: 1;
}
 .back-top a {
     color: #1a1a1a;
}
 .main-title {
     font: normal normal normal 28px/60px Eurostile;
     letter-spacing: 0.72px;
     color: #FFFFFF;
     text-transform: uppercase;
}
 .sub-title {
     font: normal normal 500 12px/22px Inter;
     letter-spacing: 2.8px;
     color: #FFFFFF;
     text-transform: uppercase;
}
 .primary-link {
     text-align: center;
     font: normal normal normal 14px/20px Raleway;
     letter-spacing: 0px;
     color: #000;
     text-transform: uppercase;
     opacity: 1;
}
 .primary-link:hover {
     color: #0036FF;
}
 .heading {
     text-align: center;
     font: normal normal normal 40px/60px Morning Memories;
     letter-spacing: 1.95px;
     color: #464646;
     opacity: 1;
}
 .fixed {
     background-color: #fff;
     position: fixed !important;
     top: 0;
     width: 100%;
     left: 0;
     z-index: 9999999999999;
     -webkit-box-shadow: 0px 1px 8px #9999999e;
     box-shadow: 0px 1px 8px #9999999e;
     padding: 10px 0px !important;
}
/*header*/
 .topbar {
     background: #e1ded978 0% 0% no-repeat padding-box;
     padding: 12px 0;
     border-bottom: 1px solid #70707094;
}
 .topbar p {
     font: normal normal normal 15px/18px Raleway;
     letter-spacing: 0px;
     color: #707070;
     opacity: 1;
}
 header .navbar li {
     position: relative;
}
 header .navbar li a {
     padding: 0;
}
 header .navbar .navbar-brand img {
     width: 200px;
}
 header .navbar {
     padding: 20px 0;
     box-shadow: 0px 3px 6px #53350F5C;
     opacity: 1;
     height: 130px;
     margin-bottom: 60px;
}
 .main-logo {
     padding: 10px 3px 0 !important;
     position: relative;
     top: 50px;
}
 .main-logo:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     box-shadow: inset 0px 3px 6px #53350F5C;
     border-radius: 50%;
     z-index: -1;
}
 .main-logo img {
    border-top-right-radius: 90px;
    border-top-left-radius: 90px;
    width: 205px;
    background: #fff;
}
 header .navbar .nav-item {
     margin-right: 40px;
}
 header .navbar .nav-item .nav-link {
     ttext-align: center;
     font: normal normal normal 16px/26px Quicksand;
     letter-spacing: 0px;
     color: #303030;
     text-transform: uppercase;
     padding: 0;
}
 header .navbar .btn {
     min-width: 150px;
}
 header .navbar .nav-item .nav-link .fa {
     font-size: 10px;
}
 header .navbar .nav-item .nav-link:hover, header .navbar .nav-item .nav-link.active {
    /* font-weight: 600;
    */
     color: #000;
}
 header .navbar .nav-item .submenu {
     position: absolute;
     left: 0;
    /*top: 100px;
    */
     background: #FFFFFF 0% 0% no-repeat padding-box;
     box-shadow: 0px 3px 8px #0000000D;
     opacity: 0;
     width: 100%;
     visibility: hidden;
     z-index: 9;
     padding: 20px 10px;
     transform: translateY(0px);
     transition: 0.5s;
     z-index: 99;
}
 header .has-dropdown {
     position: relative;
}
 header .has-dropdown ul {
     position: absolute;
     list-style: none;
     padding: 0;
     border: 1px solid #000;
     background: #fff;
     border-top: 0;
     top: 30px;
     opacity: 0;
     visibility: hidden;
     transition: 0.5s;
     transform: translateY(-10px);
}
 header .has-dropdown:hover ul {
     opacity: 1;
     visibility: visible;
     transition: 0.5s;
     transform: translateY(0px);
}
 header .has-dropdown ul li {
}
 header .has-dropdown ul li a {
     text-align: right;
     font: normal normal bold 14px/20px Lato;
     letter-spacing: 0px;
     color: #000;
     border-top: 1px solid #000;
     display: block;
     padding: 5px 8px!important;
}
 header .has-dropdown ul li a:hover {
     color: var(--bg-primary);
}
 footer .footer-top {
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     width: 100%;
}
 footer .footer-top .container {
     padding: 70px 0px;
}
 footer .footer-top .footer-content p {
     text-align: center;
     font: normal normal 600 11px/19px Muli;
     letter-spacing: 3px;
     color: #373737;
     padding-right: 33px;
}
 footer .footer-top .footer-menu ul {
}
 footer .footer-top .footer-menu ul li {
     margin-bottom: 15px;
}
 footer .footer-top .footer-menu ul li a {
     text-align: left;
     font: normal normal 600 12px/20px Muli;
     letter-spacing: 4px;
     color: #63533E;
}
 footer .footer-title {
     text-align: left;
     font: normal normal bold 18px/29px Quicksand;
     letter-spacing: 4.6px;
     color: #251617;
     margin-bottom: 25px;
}
 footer .footer-bottom {
     padding: 7px 0px;
}
 footer .footer-bottom p {
     margin: 0;
     text-align: left;
     font: normal normal 500 11px/28px Poppins;
     letter-spacing: 0px;
     color: #1D160B;
     opacity: 1;
}
 footer .footer-bottom p a {
     color: #303030;
}
 .banner {
     position: relative;
     z-index: 9;
     padding-bottom: 220px;
}
 .banner:before {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 42%, rgba(243,252,255,1) 100%);
     z-index: -1;
}
.banner .view-more
{
    position: absolute;
    left: 50%;
    bottom: 170px;
    height: 220px;
    width: 250px;
    border-radius: 50%;
    display: grid;
    padding: 45px 30px;
    transform: translate(-50%, 0);
    background: #F3FCFF 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 3px 6px #0000005C;
    opacity: 1;
    text-align: center;
}
.banner .view-more:after 
{
    content: '';
    position: absolute;
    left: -5px;
    bottom: -5px;
    background: #F3FCFF 0% 0% no-repeat padding-box;
    width: 260px;
    height: 115px;
}
.banner .view-more a
{    
    text-align: center;
    font: normal normal 600 16px/20px Muli;
    letter-spacing: 4.4px;
    color: #114B5F;
    display: block;
    position: relative;
    z-index: 9;
}

 .banner .banner-text {
     position: absolute;
     left: 19%;
     top: 18%;
     transform: translate(-20%, -15%);
     width: 380px;
     text-align: center;
}
 .banner .banner-text h1 {
     text-align: left;
     font: normal normal normal 65px/65px Salamat;
     letter-spacing: 0px;
     color: #114B5F;
     opacity: 1;
     margin-bottom: 20px;
}
 .banner .banner-text h5 {
     text-align: center;
     font: normal normal normal 15px/30px Nobel BoldItalic;
     letter-spacing: 4px;
     color: #9F9F9F;
     opacity: 1;
     margin-bottom: 20px;
}
 .banner .banner-text p {
     text-align: center;
     font: normal normal 600 13px/18px Muli;
     letter-spacing: 3.4px;
     color: #8D867F;
     padding: 0 15px;
}
 .banner .banner-text img {
     margin-bottom: 20px;
}
 .carousel-control-prev {
     left: -50px;
}
 .carousel-control-next {
     right: -50px;
}
 .carousel-control-prev:hover img {
     transition: 0.5s;
     margin-right: 15px !important;
     height: 30px;
}
 .carousel-control-next:hover img {
     transition: 0.5s;
     margin-left: 15px !important;
     height: 30px;
}
 .carousel-indicators .active {
     width: 4px !important;
     height: 4px !important;
     border-radius: 50%!important;
     background: transparent!important;
     border: 5px solid #fff !important;
}
 .home3 {
     background: #114B5F;
     background-repeat: no-repeat;
     background-position: center top 180px;
     background-size: cover;
     margin-top: -520px;
     padding-top: 550px;
}
 .home3 .our-quality {
     padding-bottom: 70px;
}
 .home3 .our-quality h4 {
     text-align: center;
     font: normal normal bold 28px/44px Quicksand;
     letter-spacing: 7px;
     color: #FFFFFF;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .home3 .our-quality h4 .line {
     width: 80px;
     height: 2px;
     background: #fff;
     margin: 0 20px;
}
 .home3 .our-quality h4 .btn {
     min-width: 1px;
     text-align: center;
     font: normal normal bold 16px/25px Quicksand;
     letter-spacing: 4px;
     color: #1A946F;
     padding: 10px 30px;
     background: #F3E8D2;
}
 .home3 .our-quality .quality-box {
     opacity: 1;
     padding: 40px ;
     text-align: center;
     min-height: 250px;
}
 .home3 .our-quality .quality-box img {     
     margin-bottom: 70px;
     height: 160px;
}
 .home3 .our-quality .quality-box p {
     text-align: center;
     font: normal normal 600 16px/25px Muli;
     letter-spacing: 4px;
     color: #FFFFFF;
     position: relative;
     margin-bottom: 40px;
     padding-bottom: 25px;
     min-height: 75px;
}
 .home3 .our-quality .quality-box p:after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 50%;
     transform: translate(-50%, 0);
     width: 40px;
     height: 2px;
     background: #fff;
}
 .home3 .our-quality .quality-box small {
     display: block;
     text-align: center;
     font: normal normal 300 14px/20px Muli;
     letter-spacing: 3.4px;
     color: #FFFFFF;
}
 .home4 {
     background-image: url(../img/home/home4.webp);
     background-repeat: no-repeat;
     background-position: center right -70px;
    /* background-size: cover;
     */
     padding: 100px 0;
     transition: 0.5s;
     overflow: hidden;
}
 .home4:hover {
     background-position: center right 0px;
     transition: 0.5s;
}
 .home4:hover .col-lg-7 {
     transition: 0.5s;
     opacity: 0.95;
}
 .home4:hover .col-lg-4 {
     margin-left: 0;
     transition: 0.5s;
}
 .home4 .col-lg-4 {
     transition: 0.5s;
     margin-left: -100%;
}
 .home4 .col-lg-7 {
     background: #FFFFFF 0% 0% no-repeat padding-box;
     border-radius: 142px;
     padding: 50px 70px;
     position: relative;
     transition: 0.5s;
     opacity: 0;
}
 .home4 h2 {
     text-align: center;
     font: normal normal bold 28px/40px Quicksand;
     letter-spacing: 7px;
     color: #422211;
     margin-bottom: 40px;
}
 .home4 p {
     text-align: center;
     font: normal normal 600 16px/24px Muli;
     letter-spacing: 2px;
     color: #4E2509;
}
 .home5 {
     padding: 100px 0;
}
 .home5 .container:before {
     content: '';
     position: absolute;
     right: 32px;
     top: 85px;
     width: 100px;
     height: 320px;
     background: #F3FCFF;
}
 .home5 .contact-section {
     position: relative;
     padding: 100px 0;
}
 .home5 .contact-section:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 255px;
     height: 100%;
     background: #ADDE6B;
     border-radius: 70px;
     z-index: -1;
}
 .home5 .contact-section p {
     display: flex;
     align-items: center;
     justify-content: center;
}
 .home5 .contact-section img {
     width: 150px;
     margin-left: 100px;
}
 .home5 .contact-section span {
     text-align: left;
     font: normal normal 600 16px/20px Muli;
     letter-spacing: 4px;
     color: #63533E;
     margin-left: 50px;
}
 .home5 .contact-links span {
     text-align: center;
     font: normal normal 300 50px/88px Quicksand;
     letter-spacing: 14px;
     color: #1A946F;
     transform: rotate(90deg);
     display: inline-block;
     transform-origin: top right;
     position: absolute;
     bottom: -0px;
     right: 101px;
}
 .owl-carousel .owl-nav {
    /*display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
    */
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     top: 30%;
     position: absolute;
     width: 100%;
}
 .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
     position: absolute;
}
 .owl-carousel .owl-nav .owl-next:hover, .owl-carousel .owl-nav .owl-prev:hover {
     background: transparent !important;
}
 .owl-carousel .owl-nav .owl-next {
     right: -6%;
}
 .owl-carousel .owl-nav .owl-prev {
     left: -6%;
}
 .owl-carousel .owl-nav .fa {
     font-size: 40px;
}
 .page-title {
     background: #114b5f;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     padding: 20px 0px;
     position: relative;
     z-index: 0;
}
 .page-title::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #ffffff3d;
     z-index: -1;
}
 .page-title .page-title-content ul li {
     font: normal normal 500 14px/24px Inter;
     letter-spacing: 1.4px;
     color: #FFFFFF;
     margin: 0px 5px;
}
 .page-title .page-title-content ul li a {
     color: #FFFFFF;
}
 .page-title .page-title-content .page-heading {
     font: normal normal bold 38px/60px Muli;
     letter-spacing: 0.76px;
     color: #fff ;
     margin: 0;
}
 .about1 {
     padding: 50px 0 0;
     margin-bottom: 15px;
}
 .about1 .container {
     position: relative;
}
 .about1 .container .about-text {
     position: absolute;
     left: 13%;
     top: 20%;
}
 .about1 .container .about-text p {
     text-align: left;
     font: normal normal bold 25px/40px Quicksand;
     letter-spacing: 9px;
     color: #F3FCFF;
}
 .about1 .container .about-text a {
     text-align: left;
     font: normal normal bold 12px/30px Muli;
     letter-spacing: 0.9px;
     color: #FFFFFF;
     opacity: 0.89;
}
 .about1 .container .about-text a img {
     filter: brightness(4.5);
     margin-left: 50px;
}
 .about2 {
     padding: 100px 0;
     background-image: url(../img/about/about-bg.webp);
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     position: relative;
     overflow: hidden;
}
 .about2 .side-img {
     position: absolute;
     right: -90px;
     bottom: 0;
     width: 250px;
}
 .about2 .about2-text {
     position: relative;
}
 .about2 .about2-text .title {
     position: absolute;
     top: 15%;
     left: -3%;
}
 .about2 .about2-text .title h3 {
     text-align: left;
     font: normal normal normal 120px/100px Salamat;
     letter-spacing: 0px;
     color: #31231B;
     opacity: 1;
}
 .about2 .about2-text .title p {
     text-align: center;
     font: normal normal normal 16px/28px Nobel BoldItalic;
     letter-spacing: 6px;
     color: #FFFFFF;
     opacity: 1;
}
 .about2 .col-lg-4 {
     margin-left: -100px;
     position: relative;
}
 .about2 .col-lg-4 h4 {
     text-align: left;
     font: normal normal bold 25px/44px Quicksand;
     letter-spacing: 7px;
     color: #634C30;
}
 .about2 .col-lg-4 p {
     text-align: left;
     font: normal normal 600 13px/18px Muli;
     letter-spacing: 2.4px;
     color: #63533E;
     opacity: 1;
}
 .about2 .col-lg-4 a {
     background: #ADDE6B 0% 0% no-repeat padding-box;
     border-radius: 20px;
     opacity: 1;
     text-align: center;
     font: normal normal bold 14px/18px Quicksand;
     letter-spacing: 3.6px;
     color: #3E3E3E;
     display: inline-block;
     padding: 8px 30px;
}
 .about3 {
     padding: 80px 0;
     overflow: hidden;
}
 .about3 .products-det {
     background: none;
     position: relative;
     padding: 20px 50px;
     min-height: 185px;
     display: grid;
     place-items: center;
     margin-bottom: 100px;
     border-radius: 90px 0 0 90px;
     transition: 0.5s;
}
 .about3 .products-det:hover {
     background: #C3F283;
}
 .about3 .products-det:hover img {
     transition: 0.5s;
     left: -75px;
}
 .about3 .products-det:hover .details {
     opacity: 1;
     transition: 0.5s;
}
 .about3 .products-det img {
     position: absolute;
     left: -95px;
     width: 320px;
     top: -68px;
     transition: 0.5s;
}
 .about3 .products-det .details {
     width: 60%;
     margin: 0 auto;
     transition: 0.5s;
     opacity: 0;
}
 .about3 .products-det .details h5 {
     text-align: left;
     font: normal normal bold 23px/35px Quicksand;
     letter-spacing: 5px;
     color: #634C30;
     margin-bottom: 15px;
}
 .about3 .products-det .details p {
     text-align: left;
     font: normal normal 600 13px/16px Muli;
     letter-spacing: 2px;
     color: #63533E;
     margin-bottom: 0;
}
 .about3 .description {
     text-align: left;
     font: normal normal 500 13px/20px Raleway;
     letter-spacing: -0.18px;
     color: #000000;
}
 .about3 .about-title span {
     padding-bottom: 2px;
     border-bottom: 1px solid #707070;
}
 .about4 {
     padding: 200px 0 130px;
     background-image: url(../img/about/about-contact.webp);
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: left;
     position: relative;
     height: 100vh;
}
 .about4 p {
     display: flex;
     align-items: flex-start;
     margin-bottom: 60px;
}
 .about4 p i {
     width: 50px;
}
 .about4 p span {
     text-align: left;
     font: normal normal 600 16px/20px Muli;
     letter-spacing: 4px;
     color: #63533E;
}
 .about4 .title {
     text-align: center;
     font: normal normal bold 50px/55px Quicksand;
     letter-spacing: 10px;
     color: #C6DABF;
     position: absolute;
     position: absolute;
     transform: rotate(90deg) translate(0%, -50%);
     transform-origin: top;
     right: -50%;
     top: 55%;
}
/*products*/
 .filter {
}
 .filter .title {
     text-align: left;
     font: normal normal 600 20px/30px Muli;
     letter-spacing: 5.04px;
     color: #020202;
     opacity: 1;
}
 .filter .filter-box {
     border: 1px solid #61691C;
     padding: 30px 25px;
}
 .filter .filter-box .filter-main-title {
     text-align: left;
     font: normal normal 600 24px/28px Muli;
     letter-spacing: 4.76px;
     color: #020202;
     opacity: 1;
}
 .filter .filter-box .filter-main-title span {
     position: relative;
}
 .filter .filter-box .filter-main-title span:after {
     content: '';
     position: absolute;
     right: -25px;
     top: 15px;
     border-top: 8px solid #020202;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
}
 .filter .accordion-item {
     border-radius: 0;
     border: 0;
}
 .filter .accordion-button, .filter .accordion-item a {
     text-align: left;
     font: normal normal 600 20px/30px Muli;
     letter-spacing: 4.04px;
     color: #A24301;
     opacity: 1;
     border: 0;
     padding: 0;
     background: transparent;
     border-radius: 0;
     padding-left: 25px;
     position: relative;
     box-shadow: none;
     cursor: pointer;
}
 .accordion-button::after {
     content: '';
     background-image: none !important;
     position: absolute;
     left: 0;
     top: 11px;
     border-top: 8px solid #A24301;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     width: auto;
}
 .accordion-button:not(.collapsed)::after {
     height: auto;
}
 .filter .accordion-collapse {
     border: 0;
     border-radius: 0;
     padding: 12px 0 12px 25px;
}
 .filter .accordion-collapse a {
     text-align: left;
     font: normal normal normal 16px/20px Muli;
     letter-spacing: 3.6px;
     color: #020202;
     opacity: 1;
     display: block;
     margin-bottom: 10px;
}
 .product-box {
     -webkit-transition: 0.3s;
     transition: 0.3s;
     position: relative;
}
.product-box .tag{
    left: 10px;
    top: 10px ;
    right: inherit;
}
 .tag {
     text-align: center;
     font: normal normal normal 12px/16px Muli;
     letter-spacing: 0px;
     color: #E5FFDF;
     background: #114B5F;
     border: 1px solid #114B5F;
     border-radius: 20px;
     position: absolute;
     right: 0px;
     top: 0px;
     display: inline-block;
     padding: 4px 15px;
     z-index: 99;
}
 .product-box .product-img {
     opacity: 1;
     text-align: center;
     position: relative;
     height: 300px;
     padding: 0;
     border-radius: 10px;
     border: 1px solid transparent;
     overflow: hidden;
}
.product-box .product-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
 .shop-page .product-box .product-img {
     height: 350px;
}
.shop-page .product-box:hover .product-img img {
    transform: inherit !important;
}
 .product-box .product-img .addtocart-btn {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     background: #114B5F 0% 0% no-repeat padding-box;
     border-radius: 9px;
     text-align: center;
     font: normal normal bold 14px/25px Muli;
     letter-spacing: 0px;
     color: #FFFFFF;
     opacity: 1;
     border: 0;
     opacity: 0;
     visibility: hidden;
}
}
 .product-box .product-img img {
     width: 100%;
     margin: auto;
     object-fit: contain;
     transition: 0.3s;
}
 .product-box-content .pro-name {
     text-align: center;
     font: normal normal 600 16px/25px Muli;
     letter-spacing: 0px;
     color: #020202;
     opacity: 1;
}
 .product-box-content .product-price {
     text-align: left;
     font: normal normal normal 16px/25px Muli;
     letter-spacing: 0px;
     color: #A24301;
     margin-bottom: 0;
}
 .product-box-content .product-price strong {
     color: #4A1E00;
}
 .product-box:hover .product-img img {
     transform: scale(1.05);
     transition: 0.3s;
}
.on-sales .product-box:hover .product-img img{
    transform: scale(1.0);
}
 .product-box:hover .product-img {
     border-color: #A24301;
}
 .product-box:hover .pro-name {
     text-shadow: 0 0 0.2px #020202;
}
 .product-box:hover .tag {
     background: #D2F5D9;
     color: #114B5F;
}
 .product-box:hover .addtocart-btn {
     visibility: visible;
     opacity: 1;
}
 .product-category {
     position: relative;
     overflow: hidden;
     margin-top: -60px;
     padding: 170px 0 100px;
}
 .product-category:before {
     content: '';
     position: absolute;
     bottom: -70px;
     left: 0;
     width: 40%;
     height: 120%;
     background: #114b5f;
     border-top-right-radius: 175%;
     border-bottom-right-radius: 25%;
}
 .product-category .category-text {
     position: relative;
     z-index: 9;
     padding: 0 75px;
}
 .product-category .category-text h3 {
     text-align: left;
     font: normal normal bold 50px/50px Quicksand;
     letter-spacing: 0px;
     color: #D6EEB4;
     opacity: 1;
}
 .product-category .category-text p {
     text-align: left;
     font: normal normal 600 14px/18px Muli;
     letter-spacing: 2.9px;
     color: #FFFFFF;
     opacity: 1;
}
 .product-category .category-text a {
     width: 40px;
     height: 40px;
     margin: 0 auto;
     border-radius: 50%;
     display: grid;
     place-items: center;
     background: #fff;
     color: #ADDE6B;
     font-size: 20px;
}
 .product-category .owl-carousel .owl-stage-outer {
    /* overflow: inherit;
    */
}
 .product-category .category-box {
     background: #FFFFFF 0% 0% no-repeat padding-box;
     border: 1.5px solid #DDEABD;
     border-radius: 90px;
     opacity: 1;
     text-align: center;
     padding: 20px 35px 35px;
     overflow: hidden;
}
 .product-category .category-box img {
     height: 120px;
     width: auto !important;
     margin: 20px auto 30px;
}
 .product-category .category-box .category-name {
     text-align: center;
     font: normal normal 600 20px/25px Muli;
     letter-spacing: 4.86px;
     color: #020202;
     opacity: 1;
     margin-bottom: 30px;
}
 .product-category .category-box a {
     text-align: center;
     font: normal normal normal 13px/20px Muli;
     letter-spacing: 1.88px;
     color: #114B5F;
     border: 1px solid #114B5F;
     border-radius: 20px;
     opacity: 1;
     display: inline-block;
     padding: 3px 15px;
}
 .product-category .category-box a:hover {
     background: #114B5F;
     color: #fff;
}
 .view-pro a {
     color: #B9B9B9;
     font-size: 30px;
}
 .view-pro a span {
     text-align: center;
     font: normal normal normal 13px/20px Raleway;
     letter-spacing: 0px;
     color: #000000;
     text-transform: uppercase;
     opacity: 1;
     transition: 0.5s;
     transform: translateY(-10px);
     display: block;
     opacity: 0;
     visibility: hidden;
}
 .view-pro a:hover span {
     transitionn: 0.5s;
     transform: translateY(0px);
     opacity: 1;
     visibility: visible;
}
 .product1 {
     padding: 0px 0px 90px;
     background: #fff;
}
 .product1 .dropdown button {
     background: #fff;
     border-radius: 0;
     padding: 1px 10px;
     border: 1px solid #3E4245;
     text-align: left;
     font: normal normal 600 14px/25px Muli;
     letter-spacing: 2px;
     color: #3E4245;
     opacity: 1;
}
 .product1 .dropdown .dropdown-menu {
     border-radius: 0;
     border: 1px solid #3E4245;
     top: -3px !important;
}
 .product1 .dropdown .dropdown-menu .dropdown-item {
     text-align: left;
     font: normal normal 600 13px/20px Muli;
     letter-spacing: 1.5px;
     color: #3E4245;
}
 .pagination li a {
     text-align: left;
     font: normal normal normal 20px/20px Muli;
     letter-spacing: 0px;
     color: #53361E;
     opacity: 1;
     padding: 0px 10px;
     border: none;
     background-color: transparent;
}
 .page-link.active, .page-link:hover {
     background: transparent;
     color: #000;
     font-weight: bold;
}
 .product-detail1 {
     padding: 60px 0px 20px;
}
 .product-detail1 .single-img {
     background: #FFFFFF 0% 0% no-repeat padding-box;
     border-radius: 27px;
     opacity: 1;
     padding: 50px;
}
 .product-detail1 .product-detail-slider {
}
 .product-detail1 .product-detail-slider .item {
     box-shadow: 0px 3px 6px #00000029;
     border-radius: 18px;
     opacity: 1;
     margin: 5px;
}
 .product-detail1 .product-detail-slider .owl-nav button span {
     border-left: 15px solid #636363;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     display: block;
}
 .product-detail1 .product-detail-slider .owl-nav .owl-next {
     right: -8%;
}
 .product-detail1 .product-detail-slider .owl-nav .owl-prev {
     left: -8%;
}
 .product-detail1 .product-detail-slider .owl-nav .owl-prev span {
     border-left: 0;
     border-right: 15px solid #636363;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
}
 .product-detail1 .product-detail-slider .owl-nav button span img {
     display: none;
}
 .product-detail1 .product-box-details {
     padding-left: 55px;
}
 .breadcrumb-item {
     text-align: left;
     font: normal normal 600 14px/30px Muli;
     letter-spacing: 3.32px;
     color: #114B5F;
}
 .breadcrumb-item a {
     color: #848484;
     opacity: 0.8;
}
 .product-detail1 .product-box-details .category-name {
    text-align: left;
    font: normal normal 300 16px/20px Muli;
    letter-spacing: 0px;
    color: #020202;
    opacity: 1;
}
 .product-detail1 .product-box-details .product-name {
      text-align: left;
      font: normal normal 800 40px/55px Muli;
      letter-spacing: 0px;
      color: #114B5F;
      opacity: 1;
      margin-bottom: 0;
}
 .product-detail1 .product-box-details .product-price {
     text-align: left;
      font: normal normal 600 24px/30px Muli;
      letter-spacing: 0px;
      color: #91AF46;
      opacity: 1;
}
 .product-detail1 .product-box-details .des {
    text-align: left;
    font: normal normal 600 16px/24px Muli;
    letter-spacing: 0px;
    color: #020202;
    opacity: 1;
}
 .product-detail1 .product-box-details .product-inner small {
     display: inline-block;
}
 .product-detail1 .product-box-details .dropdown span {
    text-align: left;
    font: normal normal 600 15px/20px Muli;
    letter-spacing: 2px;
    color: #3E4245;
    opacity: 1;
    cursor: pointer;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #61691C;
    display: inline-block;
    padding: 5px 15px;
}
.product-detail1 .product-box-details .dropdown .dropdown-menu{
  border-radius: 0;
  border: 1px solid #61691C;
  border-bottom: 0;
  padding: 0;
  top: -3px !important;
  position: relative !important;
  transform: inherit !important;
  display: block !important;
  width: 65%;
}
.product-detail1 .product-box-details .dropdown .dropdown-menu.show{
    display: none !important;
}
.product-detail1 .product-box-details .dropdown .dropdown-menu .dropdown-item{
  text-align: left;
  font: normal normal 300 16px/18px Muli;
  letter-spacing: 0px;
  color: #020202;
  border-bottom: 1px solid #61691C;
  padding: 8px 50px 8px 15px;
}
.product-detail1 .product-box-details .dropdown .dropdown-menu .dropdown-item:hover{
  background: #114B5F;
  color: #fff;
}
 .product-detail1 .product-box-details .product-inner small .btn-check:checked+.btn {
     background: #303030;
     color: #fff;
}
 .product-detail1 .product-box-details .count-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin:17px 0px 22px;
}
 .product-detail1 .product-box-details .count-list p {
     letter-spacing: 0.2px;
     color: #676767;
}
 .count-list ul {
     padding: 5px 0px;
     margin: 0px ;
/*     width: 105px;*/
}
 .count-list ul li.count-nummber {
     width: 80px;
     height: 40px;
     border-radius: 30px;
     background: #fff;
     border: 1px solid #020202;
     text-align: center;
    font: normal normal normal 18px/34px Muli;
    letter-spacing: 0px;
    color: #020202;
    opacity: 1;
    margin: 0 15px;
}
 .count-list ul li a {
     font: normal normal normal 25px/34px Muli;
     text-align: center;
     color: #020202;
     opacity: 1;
     display: block;
     width: 40px;
     height: 40px;
     border-radius: 50px;     
     background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #020202;
    opacity: 1;
}
 .product-detail1 .product-box-details .btn {
     border: 1px solid #61691C;
     background: #fff;
     text-align: center;
    font: normal normal 600 18px/30px Muli;
    letter-spacing: 2.24px;
    color: #61691C;
    opacity: 1;    
}
 .product-detail1 .product-box-details .btn:hover {
  background: #A4C74F;
  border-color: #A4C74F;
  color: #fff;
 }
 .product-detail1 .product-box-details .side-btn:hover {
     opacity: 1;
     -webkit-transition: 0.4s;
     transition: 0.4s;
}
 .btn:focus {
     outline: none !important;
     box-shadow: none !important;
}
.on-sales
{
  background: #F9FBF4;
}
.on-sales .sale-title
{
  position: relative;
  text-align: center;
}
.on-sales .sale-title:after 
{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  border-top: 1px solid #61691C;
  width: 100%;
  opacity: 0.5;
}
.on-sales .sale-title span 
{
  text-align: center;
  font: normal normal normal 18px/30px Nobel BoldItalic;
  letter-spacing: 5px;
  color: #99A343;
  text-transform: uppercase;
  opacity: 1;
  background: #F9FBF4;
  position: relative;
  z-index: 9;
}
.on-sales .product-box .product-img
{
  height: 260px !important;
}
/*shop*/
 .shop-banner {
     position: relative;
     background-image: url(../img/home/shop-banner.webp);
     background-repeat: no-repeat;
     background-position: top;
     background-size: cover;
    /* padding: 50px 0;
    */
     margin-bottom: 50px;
}
 .shop-banner .shop-banner-text {
     padding-top: 90px;
}
 .shop-banner .shop-banner-text h1 {
     text-align: left;
     font: normal normal normal 65px/75px Salamat;
     letter-spacing: 0px;
     color: #020202;
     opacity: 1;
}
 .shop-banner .shop-banner-text h5 {
     text-align: left;
     font: normal normal normal 18px/30px Nobel BoldItalic;
     letter-spacing: 3px;
     color: #2D292A;
     text-transform: uppercase;
     opacity: 1;
}
 .shop-banner .shop-banner-text p {
     text-align: left;
     font: normal normal 600 13px/18px Muli;
     letter-spacing: 3.4px;
     color: #3E4245;
}
 .shop-banner .shop-banner-img {
     position: relative;
     top: 50px;
}
 .shop-banner .shop-banner-img a {
     position: absolute;
     left: 55%;
     top: 65%;
     transform: translate(-55%, -65%);
     text-align: center;
     font: normal normal 600 14px/30px Muli;
     letter-spacing: 1.44px;
     color: #201513;
     opacity: 1;
}
 .shop-banner .shop-banner-img a:hover {
     color: #fff;
}
 .map {
     padding: 50px 0px;
}
 .map iframe {
     border-radius: 70px;
}
 .map .map-location img {
     width: 25px;
     margin-bottom: 10px;
}
 .map .map-location p, .map .map-location a {
     font: normal normal normal 15px/26px Inter;
     color: #8B8B8B;
}
 .contact1 {
     background-image: url(../img/about/about-contact.webp);
     background-position: center top;
     background-repeat: no-repeat;
     padding: 60px 0 0;
     background-size: cover;
}
 .contact1 .container-fluid {
     background: #ffffffcc;
}
 .form-control {
     background: #FFFFFF 0% 0% no-repeat padding-box;
     border-radius: 0;
     border: 0.5px solid #DFB48D;
     text-align: left;
     text-align: left;
     font: normal normal 500 16px/23px Quicksand;
     letter-spacing: 0px;
     color: #53361E;
     padding: 8px 15px;
}
 .form-control::placeholder {
     font: normal normal 500 16px/23px Quicksand;
     color: #8D7460;
}
 .form-control:focus {
     outline: none;
     box-shadow: none;
}
 .contact1 .contect1-content .btn {
     position: absolute;
     bottom: 20px;
     right: 20px;
     text-align: center;
     font: normal normal bold 16px/25px Quicksand;
     letter-spacing: 2.6px;
     color: #3E3E3E;
     background: #ADDE6B;
     box-shadow: none;
     min-width: 120px;
}
 .contact1 .contact-text {
     margin-top: 30px;
}
 .contact1 .contect1-content p {
     text-align: left;
     font: normal normal 600 14px/18px Muli;
     letter-spacing: 3.4px;
     color: #63533E;
     opacity: 1;
}
 .catalogue-contact .contect1-content p {
     letter-spacing: 2.5px;
}
 .contact1 .contect1-content h4 {
     text-align: left;
     font: normal normal bold 35px/40px Quicksand;
     letter-spacing: 0px;
     color: #53361E;
     opacity: 1;
}
 .contact1 .contact-info p {
     text-align: left;
     font: normal normal 600 12px/21px Muli;
     letter-spacing: 3.8px;
     opacity: 1;
     color: #63533E;
}
 .contact1 .contact-info p .fa {
     color: #4A2E29;
}
 .contact1 textarea.form-control {
     height: 180px !important;
}
 .catalogue-contact .order-list {
}
 .catalogue-contact .order-list p span {
     background: #114B5F 0% 0% no-repeat padding-box;
     border-radius: 16px;
     text-align: left;
     font: normal normal bold 18px/30px Muli;
     letter-spacing: 3.32px;
     color: #ADDE6B;
     opacity: 1;
     display: inline-block;
     padding: 7px 25px;
}
 .catalogue-contact .order-list .order-box {
}
 .catalogue-contact .order-list .order-box .order-img {
     width: 150px;
     height: 150px;
     background: #FFFFFF 0% 0% no-repeat padding-box;
     border-radius: 40px;
     padding: 15px;
     text-align: center;
}
 .catalogue-contact .order-list .order-box .order-text {
     width: calc(100% - 200px);
     position: relative;
}
 .catalogue-contact .order-list .order-box .order-text .name {
     text-align: left;
     font: normal normal bold 16px/20px Muli;
     letter-spacing: 0px;
     color: #020202;
     opacity: 1;
     position: relative;
     padding-right: 20px;
}
.catalogue-contact .order-list .order-box .order-text .name small
{
    text-align: center;
    font: normal normal normal 11px/15px Muli;
    letter-spacing: 0px;
    color: #E5FFDF;
    opacity: 1;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    background: #114B5F 0% 0% no-repeat padding-box;
    padding: 4px 8px;
    border-radius: 25px;
}
 .catalogue-contact .order-list .order-box .order-text .price {
     text-align: left;
     font: normal normal normal 14px/20px Muli;
     letter-spacing: 0px;
     color: #A24301;
}
 .catalogue-contact .order-list .order-box .order-text .price strong {
     color: #4A1E00;
     font-weight: bold;
     margin-right: 10px;
}
 .catalogue-contact .order-list .order-box .order-action {
     width: 50px;
}
.after{
    position: relative;
    padding-bottom: 100px;
}
 .after:after {
     content: '';
     position: absolute;
     bottom: 0;
     right: 0;
     width: 40%;
     height: 100%;
     background-image: url(../img/home/side.png);
     background-repeat: no-repeat;
     background-position: right;
     background-size: 45%;     
}
.after:before{
    content: '';
    position: absolute;
        bottom: 50px;
    right: 25%;
    width: 320px;
    height: 320px;
    background-image: url(../img/home/spark.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transform: rotate(35deg);
}
 .sign-in {
     padding: 100px 0 100px 100px;
     background-image: url(../img/home/login-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     min-height: 100vh;
     position: relative;
     margin-top: -60px;
     overflow: hidden;
}

 .sign-in:before {
     content: '';
     position: absolute;
     bottom: 0;
     right: 0;
     width: 40%;
     height: 115%;
     background: #114b5f;
     border-top-left-radius: 130%;
     z-index: -1;
}
 .sign-in .login-form .col-lg-4{
    padding-right: 0;
 }
 .sign-in .login-form h2 {
     text-align: left;
     font: normal normal bold 35px/50px Quicksand;
     letter-spacing: 0px;
     color: #53361E;
     opacity: 1;
}
 .sign-in p {
     text-align: left;
     font: normal normal bold 16px/28px Raleway;
     letter-spacing: -0.14px;
     color: #1C2126;
     opacity: 1;
}
 .sign-in .login-form p a {
     text-align: left;
     text-decoration: underline !important;
     font: normal normal 500 15px/23px Quicksand;
     letter-spacing: 0px;
     color: #53361E;
     opacity: 1;
}
 .sign-in label {
     text-align: left;
     font: normal normal 500 14px/23px Quicksand;
     letter-spacing: 0px;
     color: #53361E;
     opacity: 1;
}
 .sign-in label a {
     font: normal normal 500 13px/15px Raleway;
     letter-spacing: 0px;
     color: #1968FF;
     opacity: 1;
}
 .form_group label {
     white-space: nowrap;
}
 .form_group label a {
     font: normal normal 600 15px/20px Poppins;
}
 .sign-in .has-icon {
     position: relative;
}
 .sign-in .has-icon img {
     position: absolute;
     right: 20px;
     top: 8px;
     cursor: pointer;
}
 .sign-in .form-control::placeholder {
}
 .sign-in .text-section {
     position: relative;
     width: 340px;
     height: 340px;
     border-radius: 50%;
     padding: 70px;
     display: grid;
     place-items: center;     
     background-image: url(../img/home/login-circle.webp);
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
     text-align: center;    
}

 .sign-in .text-section p {
     text-align: center;
     font: normal normal 600 11px/16px Muli;
     letter-spacing: 2.4px;
     color: #63533E;
     opacity: 1;
}
 hr {
     margin: 0;
}
.terms
{
    padding: 100px 0;
    font-family: 'Muli';
}
.terms .terms-sidebar
{
    margin-bottom: 25px;
}
.terms .terms-sidebar a 
{
    display: block;
    text-align: left;
    font: normal normal normal 16px/25px Muli;
    letter-spacing: 3px;
    color: #63533E;
    margin-bottom: 10px;
}
.terms .terms-sidebar a.active 
{
    font-weight: bold;
}
.sign-up
{
    background: #f3fff3;
    min-height: 100vh;
}
.sign-up .login-form 
{
    background: #fff;
    padding: 25px;
    border-radius: 20px;
}
.sign-up .login-form a 
{
    color: #114B5F;
}
 @media only screen and (max-width: 1199px) {
    .home3
    {
        margin-top: -350px;
    }
    .sign-in
    {
        padding: 100px 0;
        min-height: 1px;
    }
    .contact1 .contact-info p .fa
    {
        margin-right: 15px !important;
    }
}
 @media only screen and (max-width: 991px) {
    .navbar-collapse
    {
        background: #fff;
    }
    header .navbar
    {
        height: auto;
        padding: 0;
    }
    header .navbar .navbar-brand img
    {
        width: 150px;
    }
    .banner 
    {
        padding-bottom: 100px;
    }
    .banner .banner-text 
    {
        width: 250px;
    }
    .banner .banner-text h1
    {
        font: normal normal normal 35px/33px Salamat;
    }
    .banner .view-more
    {
        bottom: 70px;
        height: 150px;
        width: 160px;        
    }
    .banner .view-more a 
    {
        font: normal normal 600 12px/14px Muli;
    }
    .banner .view-more img 
    {
        width: 30px;
    }
    .banner .view-more:after 
    {
        height: 75px;
        width: 165px;
        border-radius: 0 50px 50px 0;
    }
    .banner .banner-text h5
    {
        font-size: 9px;
    }
    .banner .banner-text p 
    {
        font: normal normal 600 8px/10px Muli;
    }    
    .container, .container-sm
    {
        width: 100%;
        max-width: 100%;
    }
    .home4
    {
        padding: 30px;
    }
    .home3 .our-quality h4
    {
        font: normal normal bold 16px/30px Quicksand;
    }
    .home3 .our-quality h4 .btn
    {
        font: normal normal bold 11px/20px Quicksand;
        padding: 5px 15px;
    }
    .home5 .contact-section p
    {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    .home5 .contact-section span
    {
        margin-left: 10px;
    }
    .home3 
    {
        padding-top: 350px;
    }
    .home4 .col-lg-4
    {
        display: none;
    }
    .home4 .col-lg-7 
    {
        opacity: 1;
        border-radius: 80px;
        padding: 50px 30px;
    }
    .navbar-nav
    {
        margin-top: 0 !important;
    }
    header .navbar .nav-item
    {
        margin: 0 !important;
        margin-bottom: 15px !important;

    }
    .sign-in, .product-category
    {
        margin-top: 0;
    }
    .about1 .container .about-text
    {
        left: 10%;
    }
    .about1 .container .about-text p
    {
        font: normal normal bold 18px/26px Quicksand;
    }
    .about1 .container .about-text a
    {
        font-size: 10px;
    }
    .about2 .about2-text .title
    {
        left: 0;
    }
    .about2 .about2-text .title h3
    {
        font: normal normal normal 80px/60px Salamat;
    }
    .about2 .about2-text .title p
    {
        font-size: 14px;
        letter-spacing: 2px;
    }
    .about3 .products-det .details
    {
        width: 100%;
        padding-left: 200px;
    }
    .about3 .products-det .details h5
    {
        line-height: 28px;
    }
    .about3 .products-det
    {
        opacity: 1;        
        background: #C3F283;
    }
    .about3 .products-det .details
    {
        opacity: 1;
    }
    .about4
    {
        height: auto;     
    }
    .about2 .side-img
    {
        right: -65px;        
        width: 200px;
    }
    .contact1 .contact-info p
    {
        display: block !important  ;
        letter-spacing: 1px;        
    }
        .sign-in:before
    {
        width: 60%;
    }
    .after:after
    {
        background-size: 50%;
    }
    .product-box .product-img
    {
        height: 200px;
    }
    .product-box .product-img img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .filter .filter-box .filter-main-title
    {
        letter-spacing: 2px;
    }
    .product-category 
    {
        width: 100%;
        padding: 50px 15px;
    }
    .product-category:before
    {
        width: 60%;
    }
    .product-detail1 .product-box-details
    {
        padding-left: 0;
    }
    .product-detail1 .product-box-details .dropdown .dropdown-menu
    {
        width: 100%;
    }
    .about4 .title
    {
        right: -45%;
    }
    .product-category .category-text
    {
        margin-bottom: 30px;
        padding: 0;
    }
    .catalogue-contact .order-list
    {
        padding-top: 30px;
    }
    header .navbar
    {
        margin-bottom: 0;
    }
}
 @media only screen and (max-width: 767px) {
    .home3
    {
        margin-top: -250px;
        padding-top: 250px;
    }
    .banner .banner-text h5, .banner .banner-text p 
    {
        display: none;
    }
    
    .banner .banner-text {
        width: 185px;
    }
    .banner .banner-text h1 {
        font: normal normal normal 24px/24px Salamat;
    }
    .home5 .contact-links span
    {
        display: none;
    }
    body
    {
        letter-spacing: 0;
    }
    .home5 .contact-section img
    {
        margin-left: 0;
        width: 90px;
    }    
    footer .footer-top .footer-content p
    {
        text-align: left;
    }
    .about3
    {
        padding-bottom: 0;
    }
    .about3 .products-det
    {
        border-radius: 0;
        margin-bottom: 25px;
        padding: 15px 15px 30px;
    }
    .about3 .products-det img
    {
        position: inherit;
        left: inherit!important;
        top: inherit;
        width: 190px;
    }    
    .about3 .products-det .details h5
    {
        letter-spacing: 3px;
        font-size: 20px;
    }
    .about3 .products-det .details
    {
        padding-left: 0;
    }
    .about3 .products-det .details h5, .about3 .products-det .details p 
    {
        text-align: center;
    }
    .about4
    {
        height: auto;
        padding: 0;justify-content: right;
    }
    .about4 .container
    {
        padding: 15px;
        background: #ffffffab;
    }
    .about4 p
    {
        margin-bottom: 15px;
    }
    .about4 p span
    {
        letter-spacing: 1px;
        font-size: 14px;
    }
    .about4 .title
    {
        display: none;
    }
    .about2 .col-lg-4
    {
        margin-left: 0;
    }
    .about2 .about2-text .title
    {
        left: 70px;
        top: 125px;
    }
    .about1 .container .about-text p
    {
        font: normal normal bold 12px/20px Quicksand;
    }
    .about1 .container .about-text a img
    {
        margin-left: 15px;
    }
    .product-box .product-img img
    {
        height: 100%;
        width: auto !important;
        margin: 0 auto;
    }
    .product-category:before
    {
        width: 80%;
    }
    .home3 .our-quality h4 .btn {
        font: normal normal bold 11px/20px Quicksand;
        padding: 3px 7px;
        letter-spacing: 1px;
        white-space: nowrap;
        display: inline-table;
    }
}
 @media only screen and (max-width: 576px) {
    .home3
    {     
        padding-top: 200px;
    }
    .home5 .contact-section span
    {
        font: normal normal 600 14px/19px Muli;
        letter-spacing: 0px;
    }
    .home4 h2
    {
        font: normal normal bold 20px/28px Quicksand;
    }
    .banner .view-more {      
        height: 135px;
        width: 130px;
        padding: 30px 5px;
    }
    .banner .view-more a 
    {
        letter-spacing: 1.5px;
    }
    .banner .view-more
    {
        bottom: 20px;     
    }
    .about2 .about2-text .title 
    {
        left: 40px;
        top: 75px;
    }
    .about1
    {
/*        padding-top: 0;*/
    }
    .about1 .container .about-text p
    {
        line-height: 12px;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }
    .after:after
    {
        display: none;
    }
    .catalogue-contact .order-list .order-box
    {
        display: block !important;
        border: 1px solid #114b5f;
        border-radius: 30px;
        padding: 0 15px 20px;
        position: relative;
        margin-bottom: 20px;
    }
    .catalogue-contact .order-list .order-box .order-img
    {
        margin: 20px auto;
    }
    .catalogue-contact .order-list .order-box .order-text
    {
        width: 100%;
    }
    .catalogue-contact .order-list .order-box .order-text .name, .catalogue-contact .order-list .order-box .order-text .price
    {
        text-align: center;
    }
    .catalogue-contact .order-list .order-box .order-action 
    {
        width: auto;
        text-align: center;
        position: absolute;
        top: 20px;
        right: 20px;
    }
    .about1 .container .about-text
    {
        width: 105px;
    }
    .about1 .container .about-text a
    {
        font-size: 8px;
        line-height: 12px;
        position: relative;
        display: inline-block;
    }
    .about1 .container .about-text a img 
    {
        position: absolute;
        top: 0;
        width: 18px;
        right: -20px;
    }
}
 @media only screen and (max-width: 425px) {
    .home5 .contact-section span
    {
        font: normal normal 600 13px/19px Muli;     
    }
    .shop-banner .shop-banner-img a
    {
        padding: 3px 12px;
        font: normal normal 600 10px/24px Muli;
        min-width: 100px;
    }
    .about1 .container .about-text p
    {
        margin-bottom: 0;
    }
    
}
 @media only screen and (min-width: 1399px) {
}
 @media only screen and (min-width: 1599px) {
    .banner .banner-text 
    {
        width: 500px;
    }
    .banner .banner-text h1
    {
        font: normal normal normal 100px/100px Salamat;
    }
    .banner .banner-text h5
    {
        font: normal normal normal 25px/35px Nobel BoldItalic;
    }
    .banner .banner-text p 
    {
        font: normal normal 600 20px/25px Muli;
    }
    .banner .banner-text img
    {
        width: 80px ;
        margin: 30px auto;
    }
    .shop-banner
    {
        background-position: bottom;
    }
}
.atc-success
{
    z-index: 9999999 !important;
    font-family: 'Muli' !important;
}
.product-box-content .product-price strong{min-width: 75px;display: inline-block;}
/*fonts 👌 Nobel BoldItalic*/
/*footer img, login circle img, login-banner img, shop banner gradient img,  */