body {
  overflow-x: hidden;
  position: relative; }

body {
 
  line-height: 28px;
  color: #6a6a6a;
  font-size: 14px;
  background-color: #ffffff; }
  
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400&display=swap');

@font-face {
  font-family: 'ChronicleDisplay';
  src: url('fonts/ChronicleDisplay-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
.head{
    font-family: 'Jost', sans-serif;
}
.subhead{
  font-family: 'ChronicleDisplay', serif;
  font-weight: 600;
}
  .titles{
	font-family: 'ChronicleDisplay', serif; 
	font-size: 48px;
    font-weight: 400;
    line-height: 1.1em;
   
  }
.h-12 {
    height: 8rem !important;
	margin-top:-10px ;
	margin-right: 51px;
}
.px-h {
    padding-left:4rem !important;
    padding-right: 4rem !important;
}
.px-4 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
}

.h-24 {
    height: 6rem  !important;
    margin-right: 696px;
    margin-top: 15px;
}
    .align {
        margin-top: 130px;
    }
a{
font-size:13px;
}
   .my-button:hover {
      color: #bda46e; 
	   transition: color 0.4s ease-in-out;
    }
	a:hover {
      color: #bda46e; 
	   transition: color 0.4s ease-in-out;
    }
.px-6 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
	margin-top:10px;
}
.py-2 {
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
}
.mt-6 {
    margin-top: 3.5rem !important;
}

/* Base styles for boxes */
.group-item {
transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
background-color: white;
cursor: pointer;
}
/* Icon background and icon color base */
.icon-bg {
transition: background-color 0.3s ease;
background-color: #bb6a4a;
display: flex;
align-items: center;
justify-content: center;
width: 4rem; /* 16 */
height: 4rem; /* 16 */
border-radius: 9999px; /* rounded-full */
margin-bottom: 1rem; /* mb-4 */
overflow: hidden;
position: relative;
}
.text-color {
transition: color 0.3s ease;
color: #bb6a4a;
}

/* Images inside icon-bg */
.icon-bg img {
width: 6.5rem; /* 6 */

position: absolute;
top: 48%;
left:50%;
transform: translate(-50%, -50%);
}

/* Show colored icon by default */
.icon-colored {
opacity: 1;
z-index: 2;
}
/* Hide white icon by default */
.icon-white {
opacity: 0;
z-index: 1;
filter: brightness(0) invert(1);
}

/* When box is selected (brown background), show white icon and hide colored icon */
.group-item.selected {
background-color: rgba(187, 106, 74, 0.8) !important;
box-shadow: 0 10px 15px -3px rgba(187, 106, 74, 0.5), 0 4px 6px -2px rgba(187, 106, 74, 0.3);
}
.group-item.selected .icon-bg {
background-color: white !important;
}
.group-item.selected .icon-colored {
opacity: 0;
z-index: 1;
}
.group-item.selected .icon-white {
opacity: 1;
z-index: 2;
filter: none;
}
.group-item.selected .text-color {
color: white !important;
}

/* Hover effect for non-selected boxes */
.group-item:not(.selected):hover {
background-color: rgba(187, 106, 74, 0.8);
box-shadow: 0 10px 15px -3px rgba(187, 106, 74, 0.5), 0 4px 6px -2px rgba(187, 106, 74, 0.3);
}
.group-item:not(.selected):hover .icon-bg {
background-color: white;
}
.group-item:not(.selected):hover .text-color {
color: white;
}
.group-item:not(.selected):hover .icon-colored {
opacity: 0;
z-index: 1;
}
.group-item:not(.selected):hover .icon-white {
opacity: 1;
z-index: 2;
filter: none;
}

.p-6 {
padding: 2.1rem !important;
}
.p-66 {
height: 224px;
    width: 243px;
}
/* Hide scrollbar */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.w-\[600px\] {
width: 902px !important;
}

.h-\[350px\] {
    height: 467px !important;
}

.z-10 {
    z-index: 10 !important;
}

.left-1\/2 {
    left: 52% !important;
}

.top-1\/2 {
    top: 66% !important;
}
.w-40 {
    width: 13rem !important;
}

.h-56 {
    height: 19rem !important;
}

.left-0 {
    left: -201px !important;
}
.right-2 {
    right: 1.5rem !important;
}
.left-2 {
    left: 14.5rem !important;
}
.right-0 {
    right: -233px !important;
}
.py-1\.5 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
}
.px-7{
padding-left: 1rem;
}
.images{
	max-width: 137%;
    height: auto;
    margin-left: 36px;

}
.px-10 {
    padding-left: 8rem;
    padding-right: 1rem;
}
.w-48 {
    width: 15rem !important;
}
    /* Hide default scrollbar */
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none; /* IE and Edge */
      scrollbar-width: none; /* Firefox */
    }
	.px-m {
    padding-left: 6.5rem;
    padding-right: 2.5rem;
}
.w-48 {
    width: 15rem !important;
}
.-rotate-90 {
    --tw-rotate: -180deg !important;
	
	}
	.text-\[\#C75B3A\] {
    --tw-text-opacity: 1;
    color: rgb(199 91 58 / var(--tw-text-opacity, 1));
    font-size: 25px !important;
}
	.gap-4 {
    gap: 0.3rem !important;
}
.w-2\/3 {
    width: 49.666667% !important;
}
.py-16 {
    padding-top: 2rem !important;
    padding-bottom: 4rem;
}
.h-72 {
    height: 20rem !important;
}

.w-\[70px\] {
    width: 86px !important;;
}
.fsize{
	font-size:9px;
}
.aligns{
    margin-left: 51px;

}
.iconsm{
	margin-left: 17px;
    margin-right: -33px;
}
.bg-opacity-60 {
    --tw-bg-opacity: 0.0 !important;
}
.leading-tight {
    line-height: 1.77 !important;
    letter-spacing: 0.5px;
}

.text-\[10px\] {
    font-size: 11.5px !important;
}
.max-w-md {
    max-width: 31rem !important;
}
.max-w-md1 {
max-width: 42rem !important;
    margin-left: 3px;
}
.fleximg {
    flex-direction: column;
    margin-right: -73px;
}
.flexboxs {
    flex-direction: column;
    margin-left: 311px;
	height: 580px;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 2rem !important;
}
.text-xs1 {
    font-size: 0.75rem;
    line-height: 1rem !important;
}
.px-20 {
    padding-left: 2rem !important;
    padding-right: 5rem;
}
.left-l {
    left: 13.5rem !important;
}
.right-r {
    right: 11.5rem !important;
}
.proper-list {
  list-style-position: outside;
  padding-left: 20px;
}

.proper-list li {
  text-indent: -20px;
  padding-left: 20px;
}
.text-lg {
    font-size: 2.1rem !important;
    line-height: 1.75rem;
}
.text-\[22px\] {
    font-size: 28px !important;
}
.text-\[14px\] {
    font-size: 16px !important;
}
.text-\[16px\] {
    font-size: 22px !important;
}

.py-p{
	padding-top: 2rem !important;
	padding-bottom: 4rem;
}
.w-16 {
    width: 9rem !important;
}
.mt-22 {
    margin-top: 1.8rem;
}
.mt-5 {
    margin-top: 3.25rem !important;
}
.fontsi{
	font-size:18px;
	font-weight:700;
	
}
.text-\[11px\] {
    font-size: 13px !important;
}
.text-\[13px\] {
    font-size: 15px !important;
}
.mybutton{

	color: #bda46e;
}
.mybutton:hover {
      background-color: #c75a33; /* Color on hover */
}
.w-20 {
    width: 8rem !important;
}


.h-20 {
    height: 8rem !important;
}
.max-w-7xl {
    max-width: 84rem;
}
.py-2s {
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important;

}
.px-12 {
    padding-left: 6rem !important;
    padding-right: 7rem !important;
}
.mt-55 {
    margin-top: 8.25rem !important;
}
.mt-5l{
   margin-top: 2rem !important;
  
}
  /* Custom scrollbar removal for horizontal scroll */
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    /* Fix for tab buttons background on toggle */
    .mybutton[aria-selected="true"] {
      background-color: #c75a33 !important;
      color: white !important;
    }
    .mybutton[aria-selected="false"] {
      background-color: #bda46e !important;
      color: white !important;
    }
    /* Fix for slider dots */
    #slider-dots button {
      cursor: pointer;
    }
    /* Fix for mobile menu button image */
    #mobile-menu-button img {
      width: 35px;
      height: 35px;
    }
 .buttonsicon img {
      width: 35px;
      height: 35px;
    }
    /* Slider fade transition */
    #slider > div {
      transition: opacity 1s ease-in-out;
      position: absolute;
      inset: 0;
    }

    /* Text animation */
    .slide-text {
      opacity: 0;
      transform: translateY(20px);
      animation-fill-mode: forwards;
      animation-timing-function: ease-out;
      animation-duration: 1s;
    }

    .slide-text.animate-in {
      animation-name: slideInUp;
      opacity: 1;
      transform: translateY(0);
    }

    @keyframes slideInUp {
      0% {
        opacity: 0;
        transform: translateY(20px);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* Button hover smooth transition */
    button {
      transition: background-color 0.3s ease;
    }

    /* Header nav links hover */
    nav.head a {
      transition: color 0.3s ease;
    }
    nav.head a:hover {
      color: #c96a44;
    }

 
	

	.h-123 {
    height: 8rem !important;
    margin-top: -107px !important;
}
	.h-me {
   
    margin-top: -71px !important;
}
.px-45 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}
.mt-5s{
margin-top: 6.25rem !important;
}
	.px-4p{
		 padding-left: 4px;
	}
	 #carousel {
      position: relative;
      width: 1200px;
      height: 500px;
      margin: 3rem auto;
      overflow: hidden;
      
    }
    .carousel-inner {
      position: relative;
      width: 100%;
      height: 100%;
    }
    .carousel-image {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 853px;
      height: 800px;
     
      object-fit: cover;
      user-select: none;
      pointer-events: none;
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.7);
      transition: opacity 0.6s ease, transform 0.6s ease, border-radius 0.6s ease;
      box-shadow: 0 8px 20px rgb(0 0 0 / 0.15);
      z-index: 0;
    }
    .carousel-image.active {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
      z-index: 10;
      pointer-events: auto;
      border-radius: 8%;
    }
    .carousel-image.prev,
    .carousel-image.next {
      opacity: 0.6;
      width: 400px;
      height: 240px;
      z-index: 5;
      border-radius: 0.5rem;
    }
    .carousel-image.prev {
      left: -5%;
      transform: translate(-50%, -50%) scale(0.85);
    }
    .carousel-image.next {
      left: 104%;
      transform: translate(-50%, -50%) scale(0.85);
    }
    button.carousel-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(0,0,0,0.5);
      color: white;
      
      padding: 0.5rem 0.75rem;
      border-radius: 9999px;
      cursor: pointer;
      z-index: 20;
      transition: background-color 0.3s ease;
    }
    button.carousel-btn:hover {
      background: rgba(0,0,0,0.8);
    }
    #prevBtn {
      left: 11rem;
    }
    #nextBtn {
      right: 11rem;
    }
  
.font-bold1{
	font-weight:600;
}
.fsize{
font-size:15.5px;
}
.qrcss{
	margin-left: 62px;
    margin-top: 25px;
    height: 80;
}
	.mb-11 {
    margin-bottom: 0.75rem !important;
}
.fontbolds{
font-weight: 900;
}
.w-autos {
    width: 239px !important;
}
.w-16s{
	    width: 7rem !important;
}
.px-61 {
    padding-left: 2.5rem !important;
    padding-right: 1.5rem !important;
    /* margin-top: 5px; */
}
.px-6i {
    padding-left: 2.5rem !important;
}
.btnsiz{
    width: 273px;
    height: 59px;

}
.ml-8 {
    margin-left: -1rem !important;
    margin-right: 28px;
}
  .footer-desktop {
    display: block !important;
  }
  .footer-mobile {
    display: none !important;
  }
    .iconsms
 {
		margin-left: -12px;
		margin-right: 9px;
		margin-top:-22px;
		width: 7rem;
    }
.fsizes{
font-size:25.5px;
}
/* ========== RESPONSIVE DESIGN ========== */

/* Large Laptop (max-width 1200px) */
@media (max-width: 1200px) {
  .px-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-10 {
    padding-left: 4rem !important;
    padding-right: 2rem !important;
  }
  .flexboxs {
    margin-left: 0;
  }
  .images {
    margin-left: 0;
    max-width: 100%;
  }
  .hide-on-mobile {
        display: none !important;
      }
	  .w-2\/3 {
    width: 94.666667% !important;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem !important;
}
.h-screen {
    height: 185vh;
}
.leading-relaxed {
    line-height: 1.625;
    margin-top: -11px;
}
.px-sm {
	    padding-left: 2rem;
   
}


.px-n {
	padding-left: 2rem;
        padding-right: 13rem !important;
        margin-top: -137px
}
.left-l {
    left: 1.5rem !important;
}
.right-r {
    right: 1.5rem !important;
}
.left-1\/2 {
    left: 50% !important;
}
.resi{
    margin-left: -1px;
	width: 320px;
}

.resi{
    margin-left: -1px;
	width: 361px;
}
.mt-5 {
    margin-top: -4.75rem !important;
}
.px-h {
     padding-left: 0rem !important; 
    padding-right: 0rem !important; 
}
.py-12 {
    padding-top: 0rem !important; 
    padding-bottom: 3rem !important; 
}
.px-6 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    margin-top: 10px;
}
.aligns {
    margin-left: -4px;
}
.iconsm {
        margin-left: -5px;
        margin-right: 9px;
    }
.mobbox{
	margin-top: 2.25rem !important;
}
.mt-5l{
   margin-top: 2.25rem !important;
  
}
.h-123 {
    height: 8rem !important;
    margin-top: -107px !important;
    margin-left: 30px;
}
.mt-5h{
margin-top: 1.25rem !important;
}
.mt-5s{
margin-top: 6.25rem !important;
}
.carousel-item {
    width: 389px !important;
    height: 231px !important;
   
	}
	.pp{
		    margin-top: 40px;
	}
	.qrcss{
	margin-left: 8px;
	}
	.mb-11 {
    margin-bottom: -1.75rem !important;
}
.p-6 {
    padding: 1.0rem !important;
}
.leading-tight {
    line-height: 1.5rem !important;
    letter-spacing: 0.5px;
}
.boxestwo{
    margin-bottom: 25px;
}
.gap-6
 {
    gap: 0.5rem !important;
}
.strucbtn{

margin-left: -2px;
width: 197px;
font-size: 12px !important;

}
.fontsizes{
	font-size: 12px !important;
}
.ml-5
 {
    margin-left:4.25rem !important;
}
.ml-5fi{
 margin-left:2.25rem !important;
}
.structbrick{
margin-left:36px
}
.ml-5w {
	margin-left: 6.8rem !important;
	margin-right: 2rem;
}
.ml-5e {
	margin-left: 5.25rem !important;
	
}
.px-4m{
padding-left: 0rem !important;
padding-right: 0rem !important;
    }
	.max-w-\[350px\]

 {
    max-width: 450px !important;;
}
.w-201 {
    width: 21rem !important;
}
.px-61 {
    padding-left:6.5rem!important;
    padding-right: 2.5rem !important;
    /* margin-top: 5px; */
}
.btnsiz {
    width: 369px;
    height: 59px;
	margin-left: 6px;
}
.px-6i {
    padding-left: 0rem !important;
}
.ml-8 {
    margin-left: 2rem !important;
   
}
.ml-4 {
    margin-left: -2rem !important;
}
.h-12 {
    height: 8rem !important;
	margin-top:-53px ;
	margin-right: 1px;
	
}
    .footer-desktop {
      display: none !important;
    }
    .footer-mobile {
      display: block !important;
    }
.leadt{
line-height: 2.5rem !important;
}
}

/* Tablet Devices (max-width 992px) */
@media (max-width: 992px) {
  .h-24 {
    margin-top: 50px;
    margin-right: 0;
  }
  .px-4, .px-10, .px-m {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .max-w-md1 {
    margin-left: 0;
    text-align: center;
  }
      .align {
        margin-top: 163px;
    }
  .fleximg {
    margin-right: 0;
  }
  .flexboxs {
    margin-left: 0;
  }
  .left-0, .left-2, .right-0, .right-2 {
    left: 0 !important;
    right: 0 !important;
  }
  .w-\[600px\] {
    width: 100% !important;
  }
  .h-\[350px\] {
    height: 250px !important;
  }
  .hide-on-mobile {
        display: none !important;
      }
	  .w-2\/3 {
    width: 94.666667% !important;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem !important;
}
.h-screen {
    height: 185vh;
}
.leading-relaxed {
    line-height: 1.625;
    margin-top: -11px;
}
.px-sm {
	    padding-left: 2rem;
   
}


.px-n {
	padding-left: 2rem;
        padding-right: 13rem !important;
        margin-top: -137px
}
.left-l {
    left: 1.5rem !important;
}
.right-r {
    right: 1.5rem !important;
}
.left-1\/2 {
    left: 50% !important;
}
.resi{
    margin-left: -1px;
	width: 361px;
}
.mt-5 {
    margin-top: -4.75rem !important;
}
.px-h {
     padding-left: 0rem !important; 
    padding-right: 0rem !important; 
}
.py-12 {
    padding-top: 0rem !important; 
    padding-bottom: 3rem !important; 
}
.px-6 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    margin-top: 10px;
}
.aligns {
    margin-left: -4px;
}
.iconsm {
        margin-left: -5px;
        margin-right: 9px;
    }
.mobbox{
	width:286px !important;
}
.mt-5l{
   margin-top: 2.25rem !important;
  
}
.h-123 {
    height: 8rem !important;
    margin-top: -107px !important;
    margin-left: 30px;
}
.mt-5h{
margin-top: 1.25rem !important;
}
.mt-5s{
margin-top: 6.25rem !important;
}
.carousel-item {
    width: 389px  !important;
    height: 231px !important;
	}
	.pp{
		    margin-top: 40px;
	}
	.qrcss{
	margin-left: 8px;
	}
		.mb-11 {
    margin-bottom: -1.75rem !important;
}
.p-6 {
    padding: 1.0rem !important;
}
.leading-tight {
    line-height: 1.5rem !important;
    letter-spacing: 0.5px;
}
.boxestwo{
    margin-bottom: 25px;
}
.gap-6
 {
    gap: 0.5rem !important;
}

.strucbtn{

margin-left: -2px;
width: 197px;
font-size: 12px !important;

}
.fontsizes{
	font-size: 12px !important;
}
.ml-5
 {
    margin-left:4.25rem !important;
}
.ml-5fi{
 margin-left:2.25rem !important;
}
.structbrick{
margin-left:36px
}
.ml-5w {
	margin-left: 6.8rem !important;
	margin-right: 2rem;
}
.ml-5e {
	margin-left: 5.25rem !important;
	
}
.px-4m{
padding-left: 0rem !important;
padding-right: 0rem !important;
    }
	.max-w-\[350px\]

 {
    max-width: 450px !important;;
}
.w-201 {
    width: 21rem !important;
}
.px-61 {
    padding-left:6.5rem!important;
    padding-right: 2.5rem !important;
    /* margin-top: 5px; */
}
.btnsiz {
    width: 369px;
    height: 59px;
	margin-left: 6px;
}
.px-6i {
    padding-left: 0rem !important;
}
.ml-8 {
    margin-left: 2rem !important;
   
}
.ml-4 {
    margin-left: -2rem !important;
}
.h-12 {
    height: 8rem !important;
	margin-top:-53px ;
	margin-right: 1px !important;
	
}
    .footer-desktop {
      display: none !important;
    }
    .footer-mobile {
      display: block !important;
    }
.leadt{
line-height: 2.5rem !important;
}
}


/* Mobile Devices (max-width 768px) */
@media (max-width: 768px) {
  nav.flex.space-x-6 {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  header.flex {
    flex-direction: column;
    gap: 10px;
  }
  .h-12 {
    margin-top: -57px;
  }
      .align {
        margin-top: 163px;
    }
  .h-24 {
        margin-top: 148px;
    }
  .max-w-7xl {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .text-\[22px\], .text-\[16px\] {
    font-size: 18px !important;
  }
  .text-\[10px\] {
    font-size: 10px !important;
  }
#carousel {
        width: 100vw;
        max-width: 100%;
        height: 220px;
      }
      .carousel-image,
      .carousel-image.active {
        width: 80vw;
        height: 268px;
      }
      
      .carousel-image.prev,
      .carousel-image.next {
        width: 60vw;
        height: 135px;
     
      }
      .carousel-image.prev {
        left: 20%;
      }
      .carousel-image.next {
        left: 80%;
      }
	    #prevBtn {
      left: 2.2rem;
    }
    #nextBtn {
      right: 2.2rem;
    }
  .fleximg, .flexboxs {
    flex-direction: column;
    align-items: center;
    margin: 0;
  }
  .fleximg img, .images {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
  }
  .leading-tight {
    text-align: center;
  }
  .hide-on-mobile {
        display: none !important;
      }
	  .w-2\/3 {
    width: 94.666667% !important;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem !important;
}
.h-screen {
    height: 185vh;
}
.leading-relaxed {
    line-height: 1.625;
    margin-top: -11px;
}
.px-sm {
	    padding-left: 2rem;
   
}


.px-n {
	padding-left: 2rem;
        padding-right: 13rem !important;
        margin-top: -137px
}
.left-l {
    left: 1.5rem !important;
}
.right-r {
    right: 1.5rem !important;
}
.left-1\/2 {
    left: 50% !important;
}
.resi{
    margin-left: -1px;
	width: 361px;
}
.mt-5 {
    margin-top: -4.75rem !important;
}
.px-h {
     padding-left: 0rem !important; 
    padding-right: 0rem !important; 
}
.py-12 {
    padding-top: 0rem !important; 
    padding-bottom: 3rem !important; 
}
.px-6 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    margin-top: 10px;
}
.aligns {
    margin-left: -4px;
}
.iconsm {
        margin-left: -5px;
        margin-right: 9px;
    }
.mobbox{
	width:286px !important;
}

.mt-5l{
   margin-top: 2.25rem !important;
  
}
.h-123 {
    height: 8rem !important;
    margin-top: -107px !important;
    margin-left: 30px;
}
.mt-5h{
margin-top: 1.25rem !important;
}
.mt-5s{
margin-top: 6.25rem !important;
}
.carousel-item {
    width: 389px !important;
    height: 231px !important;
	}
	.pp{
		    margin-top: 40px;
	}
	.qrcss{
	margin-left: 8px;
	}
		.mb-11 {
    margin-bottom: -1.75rem !important;
}
.p-6 {
    padding: 1.0rem !important;
}
.leading-tight {
    line-height: 1.5rem !important;
    letter-spacing: 0.5px;
}
.boxestwo{
    margin-bottom: 25px;
}
.gap-6
 {
    gap: 0.5rem !important;
}

.strucbtn{

margin-left: -2px;
width: 197px;
font-size: 12px !important;

}
.fontsizes{
	font-size: 12px !important;
}
.ml-5
 {
    margin-left:4.25rem !important;
}
.ml-5fi{
 margin-left:2.25rem !important;
}
.structbrick{
margin-left:36px
}
.ml-5w {
	margin-left: 6.8rem !important;
	margin-right: 2rem;
}
.ml-5e {
	margin-left: 5.25rem !important;
	
}
.px-4m{
padding-left: 0rem !important;
padding-right: 0rem !important;
    }
	.max-w-\[350px\]

 {
    max-width: 450px !important;;
}
.w-201 {
    width: 21rem !important;
}
.px-61 {
    padding-left:6.5rem!important;
    padding-right: 2.5rem !important;
    /* margin-top: 5px; */
}
.btnsiz {
    width: 369px;
    height: 59px;
	margin-left: 6px;
}
.px-6i {
    padding-left: 0rem !important;
}
.ml-8 {
    margin-left: 2rem !important;
   
}
.ml-4 {
    margin-left: -2rem !important;
}
.h-12 {
    height: 8rem !important;
	margin-top:-53px ;
	margin-right: 1px !important;
	
}
    .footer-desktop {
      display: none !important;
    }
    .footer-mobile {
      display: block !important;
    }
.leadt{
line-height: 2.5rem !important;
}
}


/* Extra Small Devices (max-width 576px) */
@media (max-width: 576px) {
  .text-lg, .text-xl {
    font-size: 1.25rem;
  }
  button.px-6, button.px-7, button.px-8 {
    padding-left: 0.8rem !important;
    padding-right:0.5rem !important;
  }
   .w-40 {
    width: 100% !important;
  }
  .h-56 {
    height: auto !important;
  }
  .w-\[70px\] {
    width: 50px !important;
  }
  .text-xs1, .text-xs {
    font-size: 0.7rem !important;
  }
  .flex.gap-4 {
    flex-direction: column;
  }
  .gap-4 {
    gap: 1rem !important;
  }
 
 
  
  .hide-on-mobile {
        display: none !important;
      }
	  .w-2\/3 {
    width: 94.666667% !important;
}
.px-20 {
    padding-left: 5rem;
    padding-right: 1rem !important;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem !important;
}
.h-screen {
    height: 150vh;
}
.leading-relaxed {
    line-height: 1.625;
    margin-top: -11px;
}
.px-sm {
	    padding-left: 2rem;
   
}


.px-n {
	padding-left: 2rem;
        padding-right: 13rem !important;
        margin-top: -137px
}
.left-l {
    left: 1.5rem !important;
}
.right-r {
    right: 1.5rem !important;
}
.left-1\/2 {
    left: 50% !important;
}
.resi{
    margin-left: -1px;
	width: 361px;
}
.mt-5 {
    margin-top: -4.75rem !important;
}
.px-h {
     padding-left: 0rem !important; 
    padding-right: 0rem !important; 
}
.py-12 {
    padding-top: 0rem !important; 
    padding-bottom: 3rem !important; 
}
.px-6 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    margin-top: 10px;
}
.aligns {
    margin-left: -4x;
}
.iconsm {
        margin-left: -5px;
        margin-right: 9px;
    }
.mobbox{
	width:286px !important;
}
.mt-5l{
   margin-top: 2.25rem !important;
  
}
.h-123 {
    height: 8rem !important;
    margin-top: -107px !important;
    margin-left: 54px;
}
.mt-5h{
margin-top: 1.25rem !important;
}
.mt-5s{
margin-top: 6.25rem !important;
}
.carousel-item {
    width: 389px !important;
    height: 231px !important;
	}
	.pp{
		    margin-top: 40px;
	}
.qrcss{
	margin-left: 8px;
	}
		.mb-11 {
    margin-bottom: -1.75rem !important;
}
.p-6 {
    padding: 1.0rem !important;
}
.leading-tight {
    line-height: 1.5rem !important;
    letter-spacing: 0.5px;
}
.boxestwo{
    margin-bottom: 25px;
}
.gap-6
 {
    gap: 0.5rem !important;
}

.strucbtn{

margin-left: -2px;
width: 197px;
font-size: 12px !important;

}
.fontsizes{
	font-size: 12px !important;
}
.ml-5
 {
    margin-left:4.25rem !important;
}
.ml-5fi{
 margin-left:2.25rem !important;
}
.structbrick{
margin-left:36px
}
.ml-5w {
	margin-left: 6.8rem !important;
	margin-right: 2rem;
}
.ml-5e {
	margin-left: 5.25rem !important;
	
}
.px-4m{
padding-left: 0rem !important;
padding-right: 0rem !important;
    }

.max-w-\[350px\]


 {
    max-width: 450px !important;
}
.w-201 {
    width: 21rem !important;
}
.px-61 {
    padding-left:6.5rem!important;
    padding-right: 2.5rem !important;
    /* margin-top: 5px; */
}
.btnsiz {
    width: 369px;
    height: 59px;
	margin-left: 6px;
}
.px-6i {
    padding-left: 0rem !important;
}
.ml-8 {
    margin-left: 2rem !important;
   
}
.ml-4 {
    margin-left: -2rem !important;
}
.h-12 {
    height: 8rem !important;
	margin-top:-53px ;
	margin-right: 1px !important;
	
}
    .footer-desktop {
      display: none !important;
    }
    .footer-mobile {
      display: block !important;
    }
.leadt{
line-height: 3.5rem !important;
}

}
/* Extra Small Devices (max-width 375px) */
@media (max-width: 375px) {
.sm{
	    margin-left: 289px !important;
    margin-top: -124px !important;
}
.flex-wrap {
    flex-wrap: nowrap !important;
}
    .btnsiz {
        width: 328px;
        height: 59px;
        margin-left: 11px;
    }
    .px-4 {
  
        padding-left: 0.5rem !important;
        padding-right: 0.5rem

    }
    .text-\[10px\]

 {
        font-size: 8px !important;
    }
}