:root{
  --yellow: #feba12;
  --white: #fff;
  --black: #000;
  --blue: #28a4d3;
  --blue-dark: #154365;
  --cream: #FBF8F3;
  --ink: #1C1A17;
  --rule: #E4DFD6;
  --terracotta: #B6562F;
}

.my-bg{background-color: var(--blue);}

a, a:hover, a:focus, a:active{text-decoration: none;}
/*a:hover{color: #f64747 !important;}*/
input:focus, select:focus, button:focus{box-shadow: none !important; outline: none !important;}
ul{padding: 0; margin: 0;}
p{font-size: 16px;}
img{max-width: 100%; width: auto;}

/*--offcanvas-css--*/
#sidebar{opacity: 0;}
#sidebar.sidebar-wrapperd-box{opacity: 1;}
.sidebar-offcanvas-menu .outer {height: 100%; background: var(--black); overflow: auto; padding: 0 0 20px;}
.sidebar-offcanvas-menu .inner {padding: 0px;}
.sidebar-offcanvas-menu #sidebar {position: fixed; top: 0px; bottom: 0px; width: 300px; left: -300px;}
.sidebar-offcanvas-menu .sidebar-top-header {padding: 15px; border-bottom: rgba(177, 177, 177, 0.29) 1px solid;}
.sidebar-offcanvas-menu .sidebar-top-header:after{content: ''; display: table; width: 100%;}
.sidebar-offcanvas-menu .sidebar-close-btn {text-align: right; float: right; padding:0;}
.sidebar-offcanvas-menu .sidebar-logo {float: left; width: 80%;}
.sidebar-offcanvas-menu .sidebar-logo img {max-width: 162px; margin: 0 auto;}
.sidebar-offcanvas-menu .sidebar-close-btn a {color: var(--white); font-size: 30px; text-align: right; padding: 10px 0 0; cursor: pointer;}
.sidebar-offcanvas-menu ul.sidebar-menu, 
.sidebar-offcanvas-menu ul.sidebar-menu ul#menu-sidebar-menu-desktop {padding: 0; margin: 0;}
.sidebar-offcanvas-menu ul.sidebar-menu li {display: block; transition: all .3s ease-in; -webkit-transition: all .3s ease-in;}
.sidebar-offcanvas-menu ul.sidebar-menu li a {color: var(--white);display: inline-block;text-transform: capitalize; padding: 10px 15px; font-size: 14px;}
ul.sidebar-menu li {border-top: #ffffff4f 1px dashed;}
ul.sidebar-menu > li a {position: relative;}
ul.sidebar-menu > li > ul {padding: 0; margin: 0; display: none;}
ul.sidebar-menu > li > ul > li a {text-transform: capitalize !important; padding-left: 35px !important; font-size: 14px !important;}
ul.sidebar-menu li.active > a, 
ul.sidebar-menu li:hover > a {color: var(--yellow);}
.sidebar-offcanvas-menu .sidebar-wrapper {position: relative; height: 100%; overflow: auto;}
.sidebar-offcanvas-menu ul.sidebar-menu li.menu-item-has-children {position: relative; }
.sidebar-offcanvas-menu ul.sidebar-menu li.menu-item-has-children:after{content:'\f107'; font-family: fontawesome; position: absolute;     right: 10px; top: 5px; color: var(--white); font-size: 20px; transition: all 1s ease;}
.sidebar-offcanvas-menu ul.sidebar-menu li.menu-item-has-children.open:after{transform: rotate(180deg);}

.mobile-menu-bar {position: fixed; z-index: 9; bottom: 0; width: 100%; left: 0; padding: 10px; background: var(--black); display: none; margin: 0;}
.mobile-menu-bar ul{display: flex; justify-content: space-between; align-items: center; list-style: none; margin: 0; padding: 0;}
.mobile-menu-bar ul a{color: var(--white); font-size: 20px;}
/*--offcanvas-css-end--*/

/*--header-css--*/
.site-header {border-bottom: 1px solid var(--rule); padding: 10px 0; }
.header-search{border: 1px solid var(--black); color: var(--ink); font-size: 0.78rem; padding: 7px 15px; border-radius: 0; text-transform: uppercase; }
.header-search:hover {background: var(--ink); color: var(--cream); }

.btnmmenu {display: none; padding: 2px 8px; background:var(--black); cursor:pointer; border-radius: 5px; vertical-align: middle;}
.btnmmenu span {width: 24px; height: 2px; background-color: var(--white); display: block; margin: 6px 0;}
.logo-boxin {display: block;}
.logo-boxin a {display:block; max-width: 300px; margin: auto;}

.main-navbarbox{padding: 10px 0;top: 0px; left: 0; width: 100%;z-index: 9999; position: relative;  border-bottom: 1px solid var(--rule);}

.main-navbarbox {text-align: center;}
.main-navbarbox .row {display: flex; align-items: center; max-width: 100%; min-width: 100%; justify-content: stretch; }
.main-navbarbox ul li{display: inline-block;margin-right: 2.25rem;}
.main-navbarbox ul li a{color: var(--black);}
.main-navbarbox ul li a:hover{color: var(--blue);}


.main-navbarbox ul.menu {padding: 0 30px; margin: 0; justify-content: space-between; display: flex; }
.main-navbarbox ul li.menu-item ul{display: none; position: absolute; width: 300px; text-align: left;background-color: var(--black);z-index: 9999; padding: 0;}
.main-navbarbox ul li.menu-item ul li{display: block; padding: 0;}
.main-navbarbox ul li.menu-item ul li a{font-size: 14px; padding: 10px 10px; display: block;}
.main-navbarbox ul li:hover > ul{display: block !important;}

.request-btn {border: solid 1px transparent;  color: var(--white); background-color: var(--blue); margin: 0; padding: 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; text-decoration: none; text-align: center; padding: 16px 30px; line-height: 1em; display: inline-block; position: relative; z-index: 1; font-size: 17px; font-weight: 900; text-transform: uppercase; -webkit-transition: 0.3s ease-in-out all; -o-transition: 0.3s ease-in-out all; transition: 0.3s ease-in-out all; }
.request-btn:hover, .request-btn:focus {background-color: #292828; color: var(--blue); }

@media (max-width: 1199px){
  .desktop-menuboxin ul li a{font-size: 13px; padding: 10px 8px 5px}
} 


@media (max-width: 991px){
  .btnmmenu{display: inline-block;}
  .main-navbarbox .rgt-col,
  .desktop-menubox {display: none;}
  .mobile-menu-bar{display: block;}
}  


.family-sec {padding: 30px 0; overflow: hidden;}
.family-slider .item{margin: 0 20px;}
.family-slider .fmly-text{padding: 15px 0}
.family-slider h3{font-size: 20px; margin-bottom: 0px;}

body {font-family: 'Inter', sans-serif; color: var(--ink); background: var(--cream); }
h1, h2, h3, .display-font {font-family: 'Fraunces', serif; }
/* Header */

/* Mosaic gallery */
.banner {overflow: hidden; }
.banner img {width: 100%; height: 100%; object-fit: cover; display: block; }

.family-slider > button{color: var(--white); background: var(--black); width: 36px; height: 36px; border-radius: 4px;}
.family-slider > button:before{color: var(--white); opacity: 1;}
/* Section titles */
.eyebrow-title {font-weight: 700; letter-spacing: 0.1em; font-size: 1.6rem; }
.lead-copy {font-size: 0.98rem; line-height: 1.75; color: #3a3631; }

/* Feature cards */
.feature-img {width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.feature-title {font-weight: 600; font-size: 1.15rem; margin-top: 1rem; }
.btn-readmore {border: 1px solid var(--rule); color: var(--ink); font-size: 0.78rem; padding: 10px 20px; border-radius: 0; background: transparent; text-transform: uppercase; margin-top: 0.9rem; }
.btn-readmore:hover {border-color: var(--terracotta); color: var(--terracotta); }
.edge-img {width: 100%; height: 100%; object-fit: cover; min-height: 220px; }

/* Explore rows */
.explore-row {border-top: 1px solid var(--rule); padding: 2.75rem 0; }

.explore-title {font-weight: 600; font-size: 1.4rem; }
.explore-desc {font-size: 0.92rem; color: #5c5750; }
.explore-img {width: 100%; object-fit: cover; height: 260px; }

/* Footer */
.site-footer {background: var(--ink); color: var(--cream); padding: 4rem 0 5rem; }
.site-footer .brand-mark {font-weight: 700; letter-spacing: 0.04em; font-size: 2.5rem; }