html{scroll-behavior: smooth;overflow-x: clip;}
body{margin: 0;padding: 0;font-family: 'Inter', sans-serif;color: #444;top: 0 !important;}
*, *:before, *:after{position: relative;box-sizing: border-box;}
a, a:hover, button, button:focus, input{outline: none;box-shadow: none;text-decoration: none;transition: all 0.4s ease;}
a{/* display: inline-block; */text-decoration: none;cursor: pointer;color: unset;}
h1, h2, h3, h4, h5, h6, p{margin: 0;padding: 0;}
ul, li{margin: 0;padding: 0;list-style: none;}
p{margin: 0 0 20px 0;font-size: 16px;font-weight: 500;line-height: 1.7;color: var(--theme-light-dark);}
p:last-child{margin-bottom: 0;}
:root {--theme-color: #9e3632; --theme-color2: #FF900C; --theme-light-dark: #636772; --theme-light: #F0E8E8; --theme-light2: #EFE0E0; }
::-webkit-scrollbar{width: 5px;height:5px;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 7px grey;}
::-webkit-scrollbar-thumb{background: var(--theme-color);}
::-webkit-scrollbar-thumb:hover{background: var(--theme-color2);}
::selection{color: #fff;background: var(--theme-color);}
.content-left-padding{padding-left: 40px;}
hr{display: block;margin: 0;width: 100%;height: 1px;background: #CCC;border: 0;opacity: 1;}
/* ====================== Theme Title ====================== */
.theme-title{margin-bottom: 21px;}
.theme-title .sub-title{display: inline-block;margin-bottom: 20px;padding: 9px 23px;min-width: 114px;border: 1px solid var(--theme-light2);border-radius: 0 50px 50px 0;font-size: 12px;font-weight: 400;font-family: "Sora", sans-serif;color: #201B1B;letter-spacing: 0.35px;text-transform: uppercase;}
.theme-title .title{font-size: 44px;font-size: 35px;font-family: "Sora", sans-serif;color: var(--theme-color);line-height: 1.15;}
/* ====================== Theme Button ====================== */
.theme-btn{padding: 10px 10px 10px 26px;border: none;font-size: 12px;font-weight: 400;font-family: "Sora", sans-serif;color: var(--theme-color);letter-spacing: 0.35px;text-transform: uppercase;position: relative;z-index: 0;transition: 0.5s;}
.theme-btn::before{content: '';position: absolute;top: calc(50% - 6px);left: 10px;width: 7px;height: 12px;background: var(--theme-color2);clip-path: polygon(0 0, 100% 50%, 0 100%, 50% 50%);transition: 0.5s;}
.theme-btn::after{content: '';position: absolute;top: 50%;left: 10px;width: 0;height: 0;background: var(--theme-color2);transform: translate(0%, -50%);z-index: -1;transition: 0.5s;}
.theme-btn:hover{padding: 10px 26px 10px 10px;color: #fff;}
.theme-btn:hover::before{left: calc(100% - 17px);background: #fff;}
.theme-btn:hover::after{left: 0;width: 100%;height: 100%;border-radius: 0 5px;}
/* ====================== Text Link ====================== */
.text-link{position: relative;}
.text-link::after{content: '';position: absolute;bottom: 0;right: 0;width: 0;height: 1px;background: var(--theme-color2);transition: 0.5s;}
.text-link:hover::after{width: 100%;right: auto;left: 0;}
/* ====================== Header ====================== */
.header-logo-area, .header-contact-area{width: 330px;}
.header-menu-area{width: calc(100% - 660px);}
.header{display: block;position: sticky;top: 0;z-index: 3;padding: 0 10px 0 50px; width: 100%;background: var(--theme-color);transition: 0.5s;}
.header .header-logo{margin: 10px 0;width: 225px;aspect-ratio: 225/60;position: relative;display: flex;}
.header .header-logo .logo-light,
.header .header-logo .logo-dark{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transition: 0.5s;}
.header .header-logo .logo-light{opacity: 1;}
.header .header-logo .logo-dark{opacity: 0;}
.navbar{padding: 0;justify-content: center;}
.navbar-collapse{justify-content: center;}
.navbar-collapse, .navbar-nav{position: unset;}
.navbar-nav .nav-item{font-size: 16px;font-weight: 500;line-height: 1;}
.navbar-nav .nav-item .nav-link{padding: 39px 17px 39px;color: #fff;letter-spacing: 0.5px;z-index: 0;transition: 0.5s;}
.navbar-nav .nav-item .nav-link::before{content: '';position: absolute;top: 0;right: 0;width: 0;height: 100%;background: var(--theme-color);z-index: -1;transition: 0.5s;}
.navbar-nav .nav-item .nav-link::after{display: none;}
/*------------- Dropdown Menu --------------*/
.navbar-nav .nav-item.dropdown{position: unset;display: flex;}
.navbar-nav .nav-item .dropdown-toggle::after{display: none;} 

.navbar-nav .nav-item.dropdown button.dropdown-toggle {background: transparent; border: none; box-shadow: none; padding: 0; }
.navbar-nav .nav-item.dropdown button.dropdown-toggle:before {content: '\f107'; font-family: 'fontAwesome'; position: relative; margin: 0px; padding-left: 0px; font-weight: 400; color: #ffffff; vertical-align: middle; display: inline-block; transition: 0.5s all; margin-left: -35px; }
.navbar-nav .nav-item .nav-link.dropdown-toggle {padding-right: 33px; }
/*-------------  --------------*/
.header:hover .navbar-nav .nav-item .nav-link{color: var(--theme-color);}
.header:hover .navbar-nav .nav-item.show .nav-link, .header:hover .navbar-nav .nav-item .nav-link:hover{color: #fff;}
.header:hover .navbar-nav .nav-item.show .nav-link::before, .header:hover .navbar-nav .nav-item .nav-link:hover::before{left: 0;right: auto; width: 100%;}
.header:hover .navbar-nav .nav-item.dropdown button.dropdown-toggle:before {color: #874444; }
.header:hover .navbar-nav .nav-item.dropdown:hover button.dropdown-toggle:before {color: #ffffff; }
/*------------- Header Contact --------------*/
.header .header-contact{display: flex;justify-content: flex-end;align-items: center;}
.header .header-contact .contact{padding: 0 27px 0 0;position: relative;}
.header .header-contact .contact::after{content: '';position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: rgb(255 255 255 /32%);transition: 0.5s;}
.header .header-contact .contact a{font-size: 18px;font-weight: 600;color: #fff;line-height: 1.2;transition: 0.5s;}
.header .header-contact .contact .icon-area{display: inline-block;margin-right: 13px;padding: 12px;width: 46px;height: 46px;background: #fff;border-radius: 50%;transition: 0.5s;}
.header .header-contact .contact .icon-area img{width: 22px;transition: 0.5s;}
/*------------- Hamburger --------------*/
.hamburger-area{display: flex;}
.hamburger{width: 32px;height: 32px;position: relative;}
.hamburger .line{height: 2px;width: 24px;background: #fff;position: absolute;top: calc(50% - 1px);left: 4px;transition: 0.5s ease;}
.hamburger .line:first-child{top: calc(50% - 8px);}
.hamburger .line:last-child{top: calc(50% + 6px);}
.navbar-toggler:not(.collapsed) .hamburger .line:first-child{transform: rotate(45deg);top: calc(50% - 1px);}
.navbar-toggler:not(.collapsed) .hamburger .line:nth-child(2){transform: scale(0);}
.navbar-toggler:not(.collapsed) .hamburger .line:last-child{transform: rotate(-45deg);top: calc(50% - 1px);}
/*------------- Language --------------*/
.language{position: relative;width: 73px;display: flex;align-items: center;justify-content: center;}
.language button{border: none;background: transparent;font-size: 16px;font-weight: 500;color: #fff;transition: 0.5s;}
.language button.dropdown-toggle::after{content: '';padding: 0;width: 10px;height: 5px;background: #fff;clip-path: polygon(0 0,5% 0,50% 50%,95% 0,100% 0,50% 100%);border: none;transition: 0.5s;}
/* ====================== Index CTA Secn ====================== */
.index-cta-secn{background: var(--theme-color);overflow: hidden;}
.index-cta-secn .title{padding-top: 100px;padding-bottom: 100px;font-size: 34px;font-family: "Sora", sans-serif;color: #fff;line-height: 1.3;}
.index-cta-secn .btn-area{position: relative;height: 100%;z-index: 0;display: flex;justify-content: center;align-items: center;}
.index-cta-secn .btn-area::before{content: '';position: absolute;top: 0;left: 0;width: 42vw;height: 100%;background: var(--theme-color) url(../img/cta-img.jpg) no-repeat center center;background-size: cover;opacity: 44%;z-index: -2;}
.index-cta-secn .btn-area::after{content: '';position: absolute;top: -1px;left: -1px;width: 120px;height: 100%;background: var(--theme-color);clip-path: polygon(0 0,100% 0,0 100%); z-index: -1;}
.index-cta-secn .btn-area .theme-btn{padding: 18px 58px 18px 38px;font-size: 16px;font-weight: 500;color: #fff;font-family: 'Inter', sans-serif;text-transform: unset;letter-spacing: unset;line-height: 1.2;}
.index-cta-secn .btn-area .theme-btn::before{left: calc(100% - 36px);background: #fff;}
.index-cta-secn .btn-area .theme-btn::after{left: 0;width: 100%;height: 100%;border-radius: 0 5px;}
.index-cta-secn .btn-area .theme-btn:hover{padding: 18px 38px 18px 58px;color: var(--theme-color2);}
.index-cta-secn .btn-area .theme-btn:hover::before{top: calc(50% - 6px);left: 38px;background: var(--theme-color2);}
.index-cta-secn .btn-area .theme-btn:hover::after{background: #fff;}
/* ====================== Footer ====================== */
.footer .text-link{line-height: 1.2;}
.footer .social-links{margin-top: 35px;display: flex;flex-wrap: wrap;justify-content: center;}
.footer .social-links li{ margin: 0 5px 5px 0;}
.footer .social-links li:last-child{margin-right: 0;}
.footer .social-links li a{width: 46px;height: 46px;background: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: relative;z-index: 0;overflow: hidden;}
.footer .social-links li a::before{content: '';position: absolute;top: 0;right: 0;height: 100%;width: 0;background: var(--theme-color2);z-index: -1;transition: 0.5s;}
.footer .social-links li a img{height: 20px;transition: 0.5s;}
.footer .social-links li a:hover::before{width: 100%;left: 0;right: auto;}
.footer .social-links li a:hover img{filter: brightness(0) invert(1);}
/* ------------------------------------ */
.footer .top-footer{padding: 90px 0 70px;background: var(--theme-light);}
.footer .top-footer .footer-company{display: flex;flex-direction: column;align-items: center;}
.footer .top-footer .footer-link{padding-left: 30px;}
.footer .top-footer .footer-link .footer-link-header{margin-bottom: 15px;font-size: 16px;font-weight: 600;color: var(--theme-color);text-transform: uppercase;}
.footer .top-footer .footer-link h5{font-size: 16px;font-weight: 400;line-height: 1.75;color: var(--theme-light-dark);}
.footer .top-footer .footer-link p{max-width: 91%;font-size: 16px;font-weight: 400;line-height: 1.75;color: var(--theme-light-dark);}
.footer .top-footer .footer-link ul li{padding: 9px 0;}
.footer .top-footer .footer-link ul li a{display: block;font-size: 16px;color: var(--theme-light-dark);line-height: 1;transition: 0.5s;}
.footer .top-footer .footer-link ul li a::before{content: '';position: absolute;top: 5px;left: -10px;width: 5px;height: 8px;background: var(--theme-color2);clip-path: polygon(0 0, 100% 50%, 0 100%, 30% 50%);transition: 0.5s;}
.footer .top-footer .footer-link ul li a:hover{color: var(--theme-color);}
.footer .top-footer .footer-link ul li a:not(:hover)::before{left: -15px;opacity: 0;}
.footer .btm-footer{padding: 29px 32px 38px 35px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.footer .btm-footer p{margin: 0;font-size: 16px;font-weight: 400;line-height: 1.2;}
.footer .btm-footer a img{ filter: grayscale(1); transition: all ease 0.5s;}
.footer .btm-footer a:hover img{ filter: grayscale(0);}
/* ====================== Theme Details ====================== */
.theme-form .input-wrap{position: relative;margin: 20px auto 0;z-index: 0;transition: 0.5s;}
.theme-form .input-wrap:first-child{margin-top: 0;}
.theme-form label{position: absolute;top: 15px;left: 12px;background: var(--theme-color);font-size: 14px;color: #ccc;transition: all 0.5s ease-in-out;z-index: 1;}
.theme-form label.active{top: -12px;padding: 0 5px;color: rgb(255 255 255/65%);transition: all 0.5s;}
.theme-form input, .theme-form textarea{padding: 10px 30px;height: 55px;background: transparent;border: 1px solid rgb(255 255 255/12%);border-radius: 0;font-size: 16px;color: rgb(255 255 255/85%);transition: 0.5s;}
.theme-form textarea{height: 150px;resize: none;}
.theme-form input::placeholder, .theme-form textarea::placeholder{color: transparent;}
.theme-form input:focus, .theme-form textarea:focus{background: transparent;border-color: rgb(255 255 255/65%);box-shadow: none;color: rgb(255 255 255/85%);}
.theme-form .input-wrap.invalid{margin-bottom: 10px;}
.theme-form i.invalid, .theme-form label.active.invalid{color: var(--theme-color2);}
.theme-form .input-wrap:before{content: ' ';position: absolute;top: 19px;right: 8px;width: 20px;height: 20px;background-color: transparent;border-radius: 50%;font-size: 13px;line-height: 13px;text-align: center;color: #fff;font-family: "FontAwesome";-webkit-padding-before: 0;-webkit-padding-end: 0;-webkit-padding-after: 0;-webkit-padding-start: 0;transform: scale(0) rotate(90deg);transform-origin: center;transition: all 0.5s;}
.theme-form .input-wrap.valid:before{content: '\f00c';color: #4CAF50;transform: scale(1) rotate(0deg);transition: all 0.5s;}
.theme-form .input-wrap.invalid:before{content: '\f00d';color: var(--theme-color2);transform: scale(1) rotate(0deg);transition: all 0.5s;}
.theme-form .invalid-feedback{position: absolute;bottom: -16px;left: 0;margin-top: 0;padding: 0 10px;width: 100%;font-size: 13px;line-height: 1; font-weight: 300;color: var(--theme-color2);}
.form-control.is-invalid, .was-validated .form-control:invalid{background: transparent;border-color: rgb(255 255 255/65%);}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{border-color: rgb(255 255 255/65%);box-shadow: unset;}
/* ------------------------ */
.themeform .theme-btn{padding: 18px 58px 18px 38px;background: transparent;font-size: 16px;font-weight: 500;color: #fff;font-family: 'Inter', sans-serif;text-transform: unset;letter-spacing: unset;line-height: 1.2;}
.themeform .theme-btn::before{left: calc(100% - 36px);background: #fff;}
.themeform .theme-btn::after{left: 0;width: 100%;height: 100%;border-radius: 0 5px;}
.themeform .theme-btn:hover{padding: 18px 38px 18px 58px;color: var(--theme-color2);}
.themeform .theme-btn:hover::before{top: calc(50% - 6px);left: 38px;background: var(--theme-color2);}
.themeform .theme-btn:hover::after{background: #fff;}


.header-contact .language .translation-links {position: absolute;background-color: white;width: 100%;max-width: 75px;right: 0;margin-top: 1px;box-shadow: 0 2px 4px rgb(204, 204, 204);border-radius: 0 1px 5px 5px;overflow: hidden;display: block;overflow-y: auto;z-index: 11;top: 100%;margin: 0 0;height: auto;max-height: 185px;visibility: hidden;opacity: 0;transform: scaleY(0.5);transition: 0.3s all;transform-origin: top;padding: 0;list-style: none;border: none;}
.header-contact .language .translation-links li,.header-contact .language .translation-links .gtranslate_wrapper a {cursor: pointer; font-size: 14px; line-height: 30px; padding: 3px 10px; font-weight: 500; color: #444; transition: 0.4s all; background: transparent; display: block; text-transform: uppercase; border-bottom: 1px solid #ddd; width: 100%; position: relative; }
.header-contact .language .translation-links li:hover {color: #874444; background-color: rgb(5 60 127 / 5%); }
.header-contact .language .translation-links li:active {background-color: #e2e2e2; }
.header-contact .language .translation-links.show {visibility: visible; opacity: 1; transform: scaleY(1); }

ul.menu-list li a.dropdown-item:hover {
	color: #874444;
}




.whatsapp-area{position: fixed;left: 43px;bottom: 160px;transform: translateX(calc(-100% - 43px));transition: 0.5s ease;z-index: 1;}
.whatsapp-area.show{transform: translateX(0);}
.whatsapp-area img{width: 70px;}



.brochure-catalog{
   position: fixed;
   left: 20px;
   bottom: 20px;
   transform: translateX(calc(-100% - 20px));
   transition: 0.5s ease;
   z-index: 1;
}
.brochure-catalog.show{
    transform: translateX(0);
}
.brochure-catalog-inr{
    background-color: var(--theme-color);
    border-radius:50%;
    overflow: hidden;
    border:2px solid #fff;
}
.brochure-catalog-inr a{
    padding: 6px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
}
.brochure-catalog-inr a svg{
    width: 100px;
    animation: move 10s infinite linear;
}
@keyframes move {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
textPath {
    fill: #fff;
    letter-spacing: 3px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
}

.catalog-download span {
    color: var(--theme-color);
    width: 65px;
    height: 65px;
    background: #fff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    overflow: hidden;
    padding: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#circlePath{
    fill: transparent;
}

/* 16-10-2025 */
.product_content p a{display: block;margin-top: 16px;padding: 5px 0;width: fit-content;line-height: 1;color: var(--theme-color);position: relative;}
.product_content p a::after{content: '';position: absolute;bottom: 0;right: 0;width: 0;height: 1px;background: var(--theme-color2);transition: 0.5s;}
.product_content p a:hover::after{width: 100%;right: auto;left: 0;}/**/