@media (max-width: 991.98px){
     .navbar-expand-lg .navbar-brand img {
         height: 38px;
    }
}
/* Desktop Header Styles */
 .desktop-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 1rem;
     background-color: #fff;
     box-shadow: 0 2px 4px rgba(0,0,0,0.1);
     z-index: 1000;
}
 .desktop-nav {
     display: flex;l
     justify-content: space-between;
     align-items: center;
     width: 100%;
}
 .desktop-menu {
     display: none;
     list-style: none;
     margin: 0;
     padding: 0;
     width: 100%;
     background-color: #F6B913;
     padding: 31px 79px;
}
 .desktop-menu li {
     margin: 0 1rem;
     padding: 12px 0px;
}
 .desktop-menu li a {
     color: #333;
     text-decoration: none;
     font-weight: bold;
     font-size: 19px;
}
 .desktop-menu li a:hover{
     border: 2px solid white;
     border-radius: 5px;
     padding: 8px 17px;
}
/* Hamburger Icon Styles */
 .hamburger-icon {
     display: block;
     border: none;
     background-color: transparent;
     cursor: pointer;
     padding: 0;
}
 .hamburger-icon:focus {
     outline: none;
}
 .hamburger-icon__line {
     display: block;
     width: 25px;
     height: 3px;
     background-color: #333;
     margin: 5px auto;
}
 @media screen and (max-width: 768px) {
    /* Hamburger Menu Styles */
     .desktop-nav--open .desktop-menu {
         display: block;
         flex-direction: column;
         align-items: center;
    }
     .desktop-nav--open .desktop-menu li {
         margin: 1rem 0;
    }
     .desktop-menu {
         padding: 12px;
         margin-top:-6px;
    }
}
 .navbar-toggler {
     color: #F6B913;
     padding:0px;
     font-size: 24px;
}
 @media (min-width: 992px){
     .navbar-expand-lg .navbar-brand img {
         height: 3.25rem;
    }
     .navbar-expand-lg .navbar-toggler {
         display: block;
    }
}
 .heart-border {
     border: 2px dashed #F6B913;
     background-color: #F5F1D1;
     border-radius: 4px;
     padding: 25px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
}
 .heart-icon {
     position: absolute;
     top: -12px;
     left: 50%;
     transform: translateX(-50%);
     font-size: 25px;
     color: #F6B913;
}
 .bg-yello {
background: radial-gradient(circle at 100% 100%, #153232 0, #153232 4px, transparent 4px) 0% 0%/6px 6px no-repeat,
            radial-gradient(circle at 0 100%, #153232 0, #153232 4px, transparent 4px) 100% 0%/6px 6px no-repeat,
            radial-gradient(circle at 100% 0, #153232 0, #153232 4px, transparent 4px) 0% 100%/6px 6px no-repeat,
            radial-gradient(circle at 0 0, #153232 0, #153232 4px, transparent 4px) 100% 100%/6px 6px no-repeat,
            linear-gradient(#153232, #153232) 50% 50%/calc(100% - 4px) calc(100% - 12px) no-repeat,
            linear-gradient(#153232, #153232) 50% 50%/calc(100% - 12px) calc(100% - 4px) no-repeat,
            linear-gradient(#ac804d 0%, #f9deb3 100%);
border-radius: 6px;


}
 .bela h2, p {
     font-family: 'Almarai', sans-serif;
     color: #574435;
}
 .accordion .card-header:after {
     content: '+';
     position: absolute;
     right: 1.5rem;
     top: 50%;
     transform: translateY(-50%);
     font-family: "Nunito Sans", sans-serif;
     font-weight: 900;
     color: #574435;
     font-size: 26px;
}
 .card-bela {
     border: 2px solid #574435;
     background-color: #f5f1d1;
     box-shadow: none;
}
 .accordion-1 [aria-expanded="true"] h6 {
     color: white;
}
 .accordion-1 .card-header[aria-expanded="true"] {
     background-color: #574435;
     border-bottom: 1px solid #f5f1d1;
}
 .accordion-1 #collapse-1-1, .accordion-1 #collapse-1-2, .accordion-1 #collapse-1-3, .accordion-1 #collapse-1-4, .accordion-1 #collapse-1-5, .accordion-1 #collapse-1-6 {
     background-color: #574435;
     color: #f5f1d1;
}
 .accordion .card-header[aria-expanded=true]:after {
     content: '-';
     color: white;
}
 .col-3.text-center {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
}
 .dotted-line-tag {
     position: relative;
     display: inline-block;
}
 .dotted-line {
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     height: 1px;
     background-color: #ccc;
     transform: translateY(-50%);
     z-index: -1;
     border-radius: 20px;
     background-image: radial-gradient(circle, #000 1px, transparent 1px);
     background-size: 10px 10px;
}
 .fa-heart {
     font-size: 24px;
}
 .card-bela2 {
     border: 2px dashed #F6B913;
     background-color: #f5f1d1;
     box-shadow: none;
}
 .test .card-header:after {
     content: '' !important;
     position: absolute;
     right: 1.5rem;
     top: 50%;
     transform: translateY(-50%);
     font-family: "Nunito Sans", sans-serif;
     font-weight: 900;
     color: #574435;
     font-size: 26px;
}
 .accordion-2 #collapse-1-1, .accordion-2 #collapse-1-2, .accordion-2 #collapse-1-3, .accordion-2 #collapse-1-4, .accordion-2 #collapse-1-5, .accordion-2 #collapse-1-6 {
     color: #f5f1d1;
}
 .location-list {
     text-align: right;
}
 .location-list li {
     list-style: none;
     padding: 5px 0;
     line-height: 1.5;
}
 .location-list li i {
     margin-right: 5px;
     color: #F6B913;
}
 .carousel-indicators li {
     width: 10px;
     height: 10px;
     border-radius: 173px;
     border-top: 0px solid transparent;
     border-bottom: 0px solid transparent;
}
 .bg-brown {
     background-color: #574435 !important;
     border: 0px !important;
}
 .accordion-spaced .card {
     margin-bottom: 18PX;
     border-radius: 0.75rem !important;
}
 .carousel-indicators {
     bottom: 30px;
}
 .testimonial {
     margin: 50px;
     text-align: center;
}
 .testimonial-text {
     font-size: 18px;
}
 .testimonial-author {
     font-size: 16px;
     font-weight: bold;
}
 .hello-2 {
     background-color: #574435;
     padding: 100px;
}
 .footer-dark {
    background-color: #0B1C1C;
     color: #a0aec0;
}
 .path-1 {
     background-image: url(images/patterns/path-1.svg);
     background-size: cover;
     background-repeat: no-repeat;
     height: 10;
     margin-bottom: -6px;
     min-height: 100%;
     height: 25vh;
}
 .path-3 {
     background-image: url(images/patterns/path-3.svg);
     background-size: cover;
     background-repeat: no-repeat;
     height: 5vh;
     min-height: 100%;
}
 .quote-up{
     position: absolute;
     top: -25px;
     left: 50%;
     transform: translateX(-50%);
}
 .quote-down{
     position: absolute;
     bottom: -25px;
     left: 50%;
     transform: translateX(-50%);
}
 .footer-dark .heading {
     color: #F6B913;
 font-family: 'Almarai', sans-serif;
     font-size: 26px;
}
 .footer-dark .footer-link, .footer-dark .list-unstyled li a, .footer-dark .nav .nav-item .nav-link {
     color: #FFFFFF;
 font-family: 'Almarai', sans-serif;
     font-size: 15px;
}
 .footer-dark li{
     color: #FFFFFF;
 font-family: 'Almarai', sans-serif;
     font-size: 17px;
}
 .footer .list-unstyled li{
     padding: 0.125rem 0;
}
 .heading-1-b {
     color: #F5DAAF !important
}
/* .hello-2 {
     background-color: #574435;
     padding: 67px;
}
 */
 .my-bela{
     padding:50px;
}
 .quote-2{
     top: 470px;
}
 .heading-hidden{
     visibility: hidden;
}
 .imgfor{
     background-image: url(images/general/bg-1.png);
     height: 100vh;
     min-height: 100%;
}
 @media (max-width: 767px) {
     .quote-up{
         left: 85%;
    }
     .quote-down{
         left: 15%;
    }
     .path-1 {
         height: 14vh;
    }
     .imgfor{
         height: 24vh;
    }
     .heading-hidden{
         display:none;
    }
     .my-bela{
         padding:20px;
    }
     .brand{
         padding:12px 21px 
    }
     .hello-2 {
         padding: 29px;
    }
     .testimonial-author {
         font-size: 23px;
    }
}
 [data-toggle="collapse"][aria-expanded="true"] .fa-chevron-down {
     transform: rotate(180deg);
}
 .hr{
     height: 1.5px;
     border-top: 2px dashed #F6B913!important;
}
 .testimonial-author {
     font-size: 27px;
     font-weight: bold;
     color: #F6B913;
}
	.my-button{
background: rgb(239,211,168);
background: linear-gradient(90deg, rgba(239,211,168,1) 20%, rgba(146,110,65,1) 100%);
border-radius: 100px;
font-size: 31px;
color: #153232!important;
font-family: 'Almarai', sans-serif;
padding: 2px;
	}

 .my-button-2{
     border-radius:4px;
     font-size:20px;
     border:2px solid #574435;
     background-color:none;
     color:#574435;
     font-family: 'Almarai', sans-serif;
}
 .my-button-2:hover{
     background-color:#574435;
     color:white;
}
 .my-button-3 {
     border:2px solid #F6B913;
}
 .my-button-3 span{
     color:#F6B913;
     font-size:30px;
}
 .my-button-3:hover {
     background-color: #F6B913;
}
 .my-button-3 span:hover{
     color:white 
}
 .my-button-2 span{
     font-size:30px;
}
 .partial{
     width:90%;
}
 .heading-1 {
     font-family: 'Almarai', sans-serif;
     color: #574435;
     font-size: 30px;
     font-weight: 900;
}
 .heading-2 {
     font-family: 'Almarai', sans-serif;
     color: #574435;
     font-size: 30px;
     font-weight: 400;
}
 .heading-3 {
     font-family: 'Almarai', sans-serif;
     color: #574435;
     font-size: 30px;
     font-weight: 900;
}
 .heading-4 {
     font-family: 'Almarai', sans-serif;
     color: #574435;
     font-size: 30px;
     font-weight: 900;
}
 .heading-5 {
     font-family: 'Almarai', sans-serif;
     color: #574435;
     font-size: 25px;
     font-weight: 700;
}
 .heading-7 {
     font-family: 'Almarai', sans-serif;
     color: #574435;
     font-size: 21px;
     font-weight: 700;
}
.heading-6 {
     font-family: 'Almarai', sans-serif;
     color: #574435;
     font-size: 18px;
     font-weight: 700;
}
 .heading-8 {
     font-family: 'Almarai', sans-serif;
     color: #574435;
     font-size: 30px;
     font-weight: 900;
}
 .heading-9 {
     font-family: 'Almarai', sans-serif;
     color: #574435;
     font-size: 30px;
     font-weight: 900;
}
 .second-heading {
     font-family: 'Almarai', sans-serif;
   color:white;
     font-size: 25px;
     font-weight: 400;
}
 .p-1{
     font-size: 16px;
	   font-family: 'Almarai', sans-serif;
}
.heading-locations{
 font-family: 'Almarai', sans-serif;
     color: #574435;
     font-size: 16px;
     font-weight: 400;
	}
 @media (max-width: 450px) {
     .heading-1 {
     
		  font-size: 47px;
    }
	.second-heading {

    font-size: 32px;

}
     .heading-2 {
  font-size: 35px;
    }
     .heading-3 {
  font-size: 45px;
  
    }
     .heading-4 {
font-size: 35px;
    }
     .heading-5 {
         font-size: 22px;
    }
	  .heading-7 {
         font-size: 22px;
    }.heading-6 {

    font-size: 18px;

}
	
     .heading-8 {
   font-size: 35px;
    }
     .heading-9 {
   font-size: 35px;
    }
	
     .p-1{
         font-size: 17px;
		    font-family: 'Almarai', sans-serif;
    }
     .my-button span{
         font-size:30px;
    }
     .partial{
         width:75%;
    }
     .footer-dark .footer-link, .footer-dark .list-unstyled li a, .footer-dark .nav .nav-item .nav-link {
         color: #FFFFFF;
    font-family: 'Rubik', sans-serif;
         font-size: 18px;
		 text-decoration: underline;
    }
}
 @media (max-width: 400px) {
     .heading-1 {
              font-size: 45px;
    }
     .heading-2 {
           font-size: 30px;
    }
     .heading-3 {
            font-size: 35px;
    }
     .heading-4 {
    font-size: 30px;
    }
     .heading-5 {
         font-size: 17px;
    }
	  .heading-7 {
         font-size: 17px;
    }
	.heading-6 {
    font-size: 14px;
}
	.heading-8 {
 font-size: 30px;
}
    .heading-9 {
            font-size: 24px;
    }
     .p-1{
         font-size: 15px;
		    font-family: 'Almarai', sans-serif;
    }
	

.second-heading {

    font-size: 30px;
 
}
     .my-button span{
         font-size:30px;
    }
     .partial{
         width:75%;
    }
     .footer-dark .footer-link, .footer-dark .list-unstyled li a, .footer-dark .nav .nav-item .nav-link {
         color: #FFFFFF;
font-family: 'Rubik', sans-serif;
         font-size: 22px;
    }
}