body{font-family: Montserrat!important;}
ul#menu-header-menu {display: flex; gap: 54px;}
ul#menu-header-menu li a {text-transform: uppercase;color:#ebe6e7;letter-spacing: 0.5px; font-family: Montserrat;font-size: 1rem;padding: 5px 10px;     position: relative;}
ul#menu-header-menu li.current-menu-item a:after {position: absolute; content: "";width: 100%;height: 2px;background: linear-gradient(280deg, #ffffff00, #ffffffeb, #00000000);left: 0;bottom: -6px;color:#fff;}
.homeheading{font-family: "Aboreto", system-ui;}
h1.heading { letter-spacing: 14px; position: absolute; bottom: 187px; left: -145px; text-align: right; width: 100%; transition-delay: 30ms; }
.home-text { position: relative; width: 100%; height: 100%; padding: 0; }
.contact_section .contact_form input, .contact_section .contact_form textarea { width: 100%; padding: 20px; background: #2a2a2a; margin-bottom: 20px; color: #99a1af; }
.contact_section .contact_form input:focus-visible {outline: none; }
.contact_section .contact_form textarea {margin-bottom: 0; height: 200px; }
.contact_section .contact_form input.has-spinner { color: #fff; background: #6f635b; cursor: pointer; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 0; width: auto; padding: 12px 50px; }
.contact_section .contact_form input.has-spinner:hover {background: #857971; }
.project_section h1.heading {width: 100%; bottom: 45%; left: auto;  right: 40%;}
.arrowchnge img {transform: rotate(180deg);  transition: 0.3s;}
.banner_section {position: relative; width: 100%; height: 100vh;}
.banner_section img {width: 100%; height: 100%;}
.banner_section .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.openadvertiment_new, .openadvertiment1_new, .openadvertiment2_new { cursor: pointer; }
button.font-monts { cursor: pointer; }
button.font-monts img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(308deg) brightness(103%) contrast(101%); }
.crafthide, .photographyhide { display: none; }
.craftshow, .photographyshow { display: block; }
.story-side {height: 70vh; text-align: center; color: #fff; background: #000; align-items: center; display: flex; justify-content: center; padding-block: calc(var(--spacing) * 16);}
.story-side h2 {font-size: 48px; margin-bottom: calc(var(--spacing) * 8); font-family: Aboreto; font-weight: 300; --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide);}
.story-side p {font-size: 20px; margin-bottom: calc(var(--spacing) * 6); --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed);}
.story-side .story-side-inner { margin-inline: auto; max-width: var(--container-3xl); text-align: center; padding-inline: calc(var(--spacing) * 4);}
.about-side {min-height: 100vh; width: 100%; background: #1a1611; }
.about-side .container {padding-bottom: calc(var(--spacing) * 20); padding-top: calc(var(--spacing) * 28); padding-inline: calc(var(--spacing) * 6); margin-inline: auto; }
.about-side .about-heading {display: flex; justify-content: center; margin-bottom: calc(var(--spacing) * 16);}
.about-side h2 {font-size: 48px; font-family: Aboreto; font-weight: 300; --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide);}
.about-side .about_text {text-align: center; max-width: var(--container-5xl); margin-inline: auto; }
.about-side p {font-size: 20px; margin-bottom: calc(var(--spacing) * 6); --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed);}
.about_content li .image {margin-bottom: calc(var(--spacing) * 4); }
/*.about_content li .image img { width: 120px; }*/
.about_content li h3 {font-family: Montserrat-Bold; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);}
.about_content li p {margin-bottom: calc(var(--spacing) * 2); font-size: var(--text-sm); text-align: left; line-height: var(--tw-leading, var(--text-sm--line-height));}
.about_content li:nth-child(2n) .relative {align-items: flex-end;}
.about_content li:nth-child(2n) .justify-end {justify-content: flex-start;}
.about_content li:nth-child(2n) .items-start {align-items: flex-end; padding-left: 0; padding-right: calc(var(--spacing) * 6);}
.about_content li:nth-child(2n) p {text-align: right;}
.advertising-side h1 {text-align: center; color: #fff; font-size: 32px; line-height: var(--tw-leading, var(--text-2xl--line-height)); font-family: Aboreto; }
.advertising_text p {color: #000;  text-align: center; line-height: var(--tw-leading, var(--text-base--line-height)); }
.branding_text p {font-size: var(--text-base);  text-align: center; color: #fff; font-weight: var(--font-weight-light); line-height: var(--tw-leading, var(--text-base--line-height)); }
.craft-text-inner p {text-align: left; }
.craft_images img {position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent; }
.photography-side .container {padding-bottom: calc(var(--spacing) * 15); padding-top: calc(var(--spacing) * 15); padding-inline: calc(var(--spacing) * 6); margin-inline: auto; }
.photography-side p {color: #fff; font-size: 20px; text-align: center; line-height: var(--tw-leading, var(--text-base--line-height)); padding-top: 20px; }
footer .footer_menu li {margin-bottom: 30px; text-transform: uppercase; text-align: center; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));}
footer .footer_menu li a {color: #fff; }
footer .ftr_social_links {text-align: center; }
footer .ftr_social_links li { display: inline-block; margin: 0 10px; }
footer .ftr_social_links li a { padding: calc(var(--spacing) * 2); border-radius: 50%; background: #fff; display: inline-block; }
.top_menu button.fa_times {display: none; }
@media(max-width: 992px){
	nav.fixed {background: #000;}
}
@media only screen and (min-width:300px) and (max-width:768px) {
.mobile_menu { background: #fff;height: 100vh; position: absolute; left: 0; top: 0; }
.left_menu {width: 100%;height: 100%; position: absolute; top: 0; left: -100%; background-color: #000;color: #fff;z-index: 99;transition: all ease-in-out 0.5s; opacity: 0; height: 100vh;}
.show_menu {left: 0 !important;  opacity: 1;transition: all ease-in-out 0.5s; display: block;}
#menu-header-menu { display: block !important; padding: 20px; margin-top: 30px;}
#menu-header-menu li { margin-bottom: 20px; }
ul#menu-header-menu li.current-menu-item a:after {  display: none; }
.top_menu { padding: 0; }
.top_menu .justify-center { height: calc(var(--spacing)*15); cursor: pointer; }
.top_menu button.fa_times { display: block; position: absolute; top: 15px; right: 15px; font-size: 20px; padding: 5px; width: 35px; height: 35px; text-align: center; background: #fff; color: #000; border-radius: 5px; line-height: 25px; }
.project_section h1.heading{    letter-spacing: 4px;bottom: 40px; left: auto !important;transform: translateX(-40%);right: 40%;}
.story-side {padding-block: calc(var(--spacing) * 70);}
nav.fixed {background: #000;}
.font-abo{text-align: center;}
.contact_section .contact_form input.has-spinner {margin: 0 auto !important; display: block;}
}