@charset "utf-8";
html, body{font-family: 'Montserrat', sans-serif; font-size: 17px; line-height: 1.47059; font-weight: 400;color: var(--black); font-style: normal;background-image: url('../img/oluk-bg.svg');background-repeat: repeat-y;background-size: 100%;background-color: #2b2030;}
.headerBehind{height: 44px;}
:root {--default: #b06339; --black: #020203; --white: #f2f3f3;}
*:focus {outline: none;}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif}
h1{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
.h1 {font-size: 38px;color: var(--default);font-weight: 400;line-height: 1;margin: 30px 0 60px 0;padding: 0;text-align: center;display: grid;position: relative;}
h1.category-title{font-size: 38px;color: var(--default);font-weight: 400;line-height: 1;margin: 0 0 35px 0;padding: 0;text-align: center;display: grid;position: relative;}
h2{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit;}
a{text-decoration:none; color:inherit; outline:none;}
p{margin:0 0 20px 0;}
p:last-child{margin: auto;}
input:focus {outline:none;}
strong{color: #1d1d1f;}
body.doNotScroll{overflow:hidden; height:100vh;}
.transition2s{transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s;}
.transition3s{transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.nonMobile{display: block;}
.mobile {display:none;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 3.5px rgba(0, 0, 0, 0.3);border-radius: 2.8px;}
::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.4);border-radius: 1.4px;}
::-webkit-scrollbar {height: 2.8px;width: 5.6px;}
.pageContent a {color: var(--default);text-decoration: underline;}

.menu-bg{background-image: linear-gradient(180deg, rgba(43, 32, 48, 0.24) 0%, rgba(43, 32, 48, 0.24) 100%), url(../img/banner.jpeg) !important;height: 90vh;background-size: cover;background-position: center;}
.menu-bg .top-menu{display: flex;align-items: center;padding: 15px 0;justify-content: space-between;}
.menu-bg .top-menu .menu-contact{cursor: pointer;}
.menu-bg .top-menu .menu-contact .desktop{display: flex;align-items: center;gap: 15px;color: #bba169;font-weight: 600;letter-spacing: 1px;font-size: 17px;}
.menu-bg .top-menu .menu-contact .mobile{display: none;}
.menu-bg .top-menu .logo-holder{width: 40%;font-size: 40px;color: #bba169;font-weight: 600;}
.menu-bg .top-menu .menu-link{width: 60%;display: flex;gap: 40px;font-size: 16px;color: #bba169;}
.menu-bg .banner-holder{display: flex;justify-content: space-between;padding: 170px 0;}
.menu-bg .banner-holder .call-btn-holder{display: flex;gap: 25px;margin-top: 70px;}
.menu-bg .banner-holder .call-btn-holder .call-btn-container{display: flex;color: #fff;background: #bba169;padding: 15px 35px;outline: 1px solid #bba169;outline-offset: 5px;margin-left: 5px;gap: 10px;}
.menu-bg .banner-holder .call-btn-holder .call-btn-container img{width: 20px;filter: brightness(0) invert(1);}
.menu-bg .banner-holder .banner-title .title{font-size: 50px;color: #bba169;margin: 0;text-align: start;}
.menu-bg .banner-holder-img{outline: 1px solid #bba169;outline-offset: 10px;border-radius: 270px 270px 0 0;}
.menu-bg .banner-holder-img img{width: 380px;height: 545px;object-fit: cover;border-radius: 270px 270px 0 0;}
.menu-bg .menu-contact img{width: 25px;}

.about-section{background-image: linear-gradient(180deg, #2b2030 0%, rgba(43, 32, 48, 0.59) 77%, #2b2030 100%), url(../img/about-bg.jpeg) !important;background-position: 50%;background-size: 100%;background-size: cover;}
.about-section .about-content{text-align: center;padding: 110px 0 270px 0;}
.about-section .about-content .about-title{font-size: 40px;color: #bba169;font-weight: 600;}
.about-section .about-content .about-txt{font-size: 25px;color: #bba169;font-weight: 600;width: 80%;}

.services-section{display: flex;flex-wrap: wrap;padding: 150px 0 70px 0;}
.services-section .services-content{display: flex;gap: 70px;margin-bottom: 120px;}
.services-section .services-content .services-img-holder{outline: 1px solid #bba169;outline-offset: 10px;border-radius: 270px 270px 0 0;}
.services-section .services-content .services-img-holder .services-img{width: 370px;height: 545px;object-fit: cover;border-radius: 270px 270px 0 0;border: 10px solid #bba169;}
.services-section .services-content .services-txt-holder{color: #bba169;}
.services-section .services-content .services-txt-holder .service-title{font-size: 40px;font-weight: 600;}
.services-section .services-content .services-txt-holder .line{border-bottom: 1px solid #bba169;width: 25%;margin-bottom: 50px;}
.services-section .services-content .services-txt-holder .service-txt{font-size: 20px;margin-bottom: 70px;}
.services-section .services-content .services-txt-holder .call-btn-holder{display: flex;gap: 25px;}
.services-section .services-content .services-txt-holder .call-btn-holder .call-btn-container{display: flex;color: #fff;background: #bba169;padding: 15px 35px;outline: 1px solid #bba169;outline-offset: 5px;margin-left: 5px;gap: 10px;}
.services-section .services-content .services-txt-holder .call-btn-holder .call-btn-container img{width: 20px;filter: brightness(0) invert(1);}
.services-section .services-content .services-txt-holder .call-btn-holder .call-btn-container{display: flex;color: #fff;background: #bba169;padding: 15px 35px;outline: 1px solid #bba169;outline-offset: 5px;margin-left: 5px;gap: 10px;}
.contact-section{background-image: linear-gradient(180deg, #2b2030 0%, rgba(43, 32, 48, 0.59) 77%, #2b2030 100%), url(../img/footer-bg.jpg) !important;background-position: 50%;background-size: 100%;background-size: cover;border-top: 1px solid #bba169;}
.contact-section .contact-content{display: flex;justify-content: space-between;padding: 100px 0;}
.contact-section .contact-content .contact-txt-holder{color: #bba169;}
.contact-section .contact-content .contact-txt-holder .contact-title{font-size: 40px;font-weight: 600;}
.contact-section .contact-content .contact-txt-holder .contact-txt{font-size: 20px;margin-bottom: 70px;width: 80%;}
.contact-section .contact-content .contact-txt-holder .line{border-bottom: 1px solid #bba169;width: 25%;margin-bottom: 50px;}
.contact-section .contact-content .contact-img-holder{outline: 1px solid #bba169;outline-offset: 10px;border-radius: 270px 270px 0 0;}
.contact-section .contact-content .contact-img-holder img.contact-img{width: 370px;height: 545px;object-fit: cover;border-radius: 270px 270px 0 0;border: 10px solid #bba169;}
.contact-section .contact-content .contact-txt-holder .call-btn-holder{display: flex;gap: 25px;}
.contact-section .contact-content .contact-txt-holder .call-btn-holder .call-btn-container{display: flex;color: #fff;background: #bba169;padding: 15px 35px;outline: 1px solid #bba169;outline-offset: 5px;margin-left: 5px;gap: 10px;}
.contact-section .contact-content .contact-txt-holder .call-btn-holder .call-btn-container img{width: 20px;filter: brightness(0) invert(1);}


footer{border-top: 1px solid #bba169;}
footer .footer-container{display: flex;justify-content: space-between;color: #bba169;padding: 100px 0;align-items: center;}
footer .footer-container .navigate{display: flex;flex-direction: column;font-size: 20px;gap: 20px;}
footer .footer-container .footer-logo{font-size: 40px;font-weight: 600;}
footer .footer-container .footer-contact{display: flex;flex-direction: column;gap: 40px;}
footer .footer-container .footer-contact .call-btn-container{display: flex;color: #fff;background: #bba169;padding: 15px 35px;outline: 1px solid #bba169;outline-offset: 5px;margin-left: 5px;gap: 10px;}
footer .footer-container .footer-contact .call-btn-container img{width: 20px;filter: brightness(0) invert(1);}