img { max-width: 100%; }
:root {
    --browncolor--: #A2852E;
    --lightbrowncolor--: #F1EDE0;
    --greycolor--: #999BA1;
}

.checked {
    color: #FEB108;
}

.sectionHead {
    background-color: var(--lightbrowncolor--);
	color: #a2852e;
	font-weight: 600;
    text-align: center !important;
}
.titleHead{
	color: #a2852e !important;
}
a{
    text-decoration: none;
    display: inline-block;
}
a:hover{
    text-decoration: none;
    color: var(--greycolor--);
}
footer a i:hover{
    scale: 1.2;
    transition: .2s;
}

.head{
    background-image: url("../img/header/header.png");
    background-repeat: no-repeat;
}


/***** General style, all sections *****/

.section-container { margin: 0 auto; padding-bottom: 80px; }

.section-container-gray-bg { background: #f8f8f8; }

.section-container-image-bg, 
.section-container-image-bg h2, 
.section-container-image-bg h3 { color: #fff; }

.section-container-image-bg .divider-1 span { border-color: #fff; }

.section-description { margin-top: 60px; padding-bottom: 10px; }

.section-description p { margin-top: 20px; padding: 0 120px; }
.section-container-image-bg .section-description p { opacity: 0.8; }

.section-bottom-button { padding-top: 60px; }

.card-title,
.card-text {
    color: var(--browncolor--);
    font-weight: 550;
    font-size: 15px;
}

.card-body {
    background-color: var(--lightbrowncolor--);
    text-align: center;
}
.card-body .card-title{
        display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.carousel-control-prev,
  .carousel-control-next {
    width: 5vh;
    height: 5vh;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
  }


  /* start footer */
footer {
    background-color: var(--lightbrowncolor--);
}

footer .aboutus {
    color: var(--browncolor--);

}

footer .btn {
    background-color: var(--browncolor--);
}

footer div ul li a {
    color: var(--browncolor--);
    font-weight: 600;
    font-size: small;
}

footer .footer {
    background-color: var(--browncolor--);
}

/* end footer */



@media screen and (max-width: 575px) {
    footer div .row .xsm {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

   
    .off{
        margin-right: 50px;
        
    }

  }
@media screen and (max-width: 1600px) {
 nav div ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.frame iframe{
    width:100%;
    height:275px;
}
}
.ulNavbar a{
			color:#a3852e !important;
		}
		
		.product .card-body,.fproduct .card-body{
			text-align: center;
		}
		@media only screen and (max-width: 428px) and (min-width: 343px) {
			.ulNavbar a{
				padding-right: 5px !important;
				padding-left: 5px !important;
			}
			.ulNavbar{
				padding: 5px 5px;
    			font-size: 14px;
				justify-content: space-around;
			}
		}
		@media only screen and (max-width: 343px) {
			.ulNavbar a{
				padding-right: 5px !important;
				padding-left: 5px !important;
			}
			.ulNavbar{
				padding: 5px 5px;
				font-size: 12px;
				justify-content: space-around;

			}
		}

        .carousel-control-prev,.carousel-control-next{
            background: #f1ede0aa !important;
    		padding: 20px;
			opacity: 1;
			box-shadow: 2px 3px 4px #f1ede063;
		}
  


/******** start edits ********/
.ulNavbar a{
    color:#a3852e !important;
}
.product .card-body,.fproduct .card-body{
    text-align: center;
}
.owl-nav{
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span{
    display: none;
}

.owl-carousel .owl-nav button.owl-prev::before{
    content: '\f053';
    left: -20px;
}
.owl-carousel .owl-nav button.owl-next::before{
    content: '\f054';
    right: -20px;

}
.owl-carousel .owl-nav button.owl-next::before,
.owl-carousel .owl-nav button.owl-prev::before{
    background: #f1ede0aa !important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    box-shadow: 2px 3px 4px #a2852e38;
    border-radius: 50%;
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900; 
    position: absolute;
    color: #000;
    z-index: 1;
}
@media only screen and (max-width: 428px) and (min-width: 343px) {
    .ulNavbar a{
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .ulNavbar{
        padding: 5px 5px;
        font-size: 14px;
        justify-content: space-around;
    }
}
@media only screen and (max-width: 343px) {
    .ulNavbar a{
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .ulNavbar{
        padding: 5px 5px;
        font-size: 12px;
        justify-content: space-around;

    }
}
.ddlistSite{
    display: flex;
    align-items: center;
    width: 100%;
}
form >.ddlistSite:not(:last-child){
    margin-bottom: 20px;
}
.ddlistSite label{
    margin-bottom: 0;
    margin-right: 30px;
    width: 80px;
}

.ddlistSite .form-control{
    margin-top: 0 !important;
}
.backForm{
    background-color: #A2852E;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.titleDesc{
    background-image: linear-gradient(90deg,#a2852e,#f1ede0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    max-width: 20ch;
}
.paraDesc{
    color: #76838f;
    line-height: 1.8;
    max-width: 100ch;
    margin-top: 20px;
    font-size: 15px;
}
.secDesc{
    padding: 50px;
    background: #f1ede063;
    border-radius: 26px;
}
.card-img-top{
    width: 100%;
    height: 245px;
}
.carousel-item img,.box img{
    height: 205px;
    width: 100%;
 }
/******** end edits ********/