@import url("../font/stylesheet.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

html,
body {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

*::before,
*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    border-radius: 50px;
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
    border-radius: 50px;
    width: 4px;
    height: 4px;
}

::selection {
    background: var(--border-color);
    color: var(--primary-color);
}

:root {
    --primary-color: #3f1212;
    --white-color: #ffffff;
    --description-color: #5c5c5c;
    --border-color: #c4afaf;
    --border-grey: #a1a19f;

    --primary-color-rgba: 63, 18, 18;

    --primary-font-AustinCyr: Austin Cyr;
    --secondary-font-Poppins: "Poppins", sans-serif;
    --font-inter: "Inter", sans-serif;
}

a {
    margin: 0;
    text-decoration: none;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
}
ul li {
    list-style-type: none;
}

figure {
    margin: 0;
}

img {
    margin: 0;
    vertical-align: middle;
}

a,
input,
button,
select {
    margin: 0;
    outline: none;
    box-shadow: none;
}

input:focus,
select:focus,
button:focus {
    outline: none;
    box-shadow: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

/* Hide the default calendar icon */
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
/* Input Date */
input[type="date"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 100%;
    /* background: url("../src/image/icon/date_icon.svg") no-repeat right 10px center; */
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2898_29706)'%3E%3Cpath d='M13.3333 1.66602C13.4858 1.66602 13.6292 1.70768 13.7517 1.77852L13.7792 1.79518C14.0125 1.94268 14.1667 2.20352 14.1667 2.49935V3.33268H15C15.6377 3.33265 16.2513 3.57629 16.7152 4.01375C17.1792 4.45122 17.4584 5.04944 17.4958 5.68602L17.5 5.83268V15.8327C17.5 16.4704 17.2564 17.0839 16.8189 17.5479C16.3815 18.0119 15.7832 18.2911 15.1467 18.3285L15 18.3327H5C4.36232 18.3327 3.74874 18.0891 3.28478 17.6516C2.82083 17.2141 2.54158 16.6159 2.50417 15.9793L2.5 15.8327V5.83268C2.49996 5.19501 2.7436 4.58142 3.18107 4.11746C3.61854 3.65351 4.21676 3.37426 4.85333 3.33685L5 3.33268H5.83333V2.49935C5.83333 2.35079 5.87304 2.20493 5.94835 2.07687C6.02366 1.94881 6.13183 1.84322 6.26167 1.77102L6.33917 1.73268L6.39417 1.71185L6.4775 1.68768L6.56667 1.67185L6.66667 1.66602C6.71278 1.66602 6.7575 1.66963 6.80083 1.67685L6.9025 1.70102L6.93583 1.71102L6.98583 1.73018C7.25917 1.84268 7.45917 2.09685 7.49417 2.40185L7.5 2.49935V3.33268H12.5V2.49935C12.5 2.27834 12.5878 2.06637 12.7441 1.91009C12.9004 1.75381 13.1123 1.66602 13.3333 1.66602ZM15.8333 7.49935H4.16667V15.5202C4.16667 16.1077 4.48833 16.5918 4.9025 16.6585L5 16.666H15C15.4275 16.666 15.78 16.2243 15.8275 15.6535L15.8333 15.5202V7.49935Z' fill='%235E5E5E'/%3E%3Cpath d='M7.51149 10.8341C7.51149 11.0551 7.42369 11.267 7.26741 11.4233C7.11113 11.5796 6.89917 11.6674 6.67816 11.6674C6.5656 11.6727 6.45314 11.6552 6.34756 11.6158C6.24197 11.5765 6.14546 11.5161 6.06383 11.4385C5.9822 11.3608 5.91715 11.2674 5.87262 11.1639C5.82808 11.0604 5.80497 10.9489 5.80469 10.8363C5.80441 10.7236 5.82696 10.612 5.87098 10.5083C5.915 10.4046 5.97957 10.3108 6.06081 10.2327C6.14205 10.1547 6.23827 10.0939 6.34365 10.054C6.44904 10.0141 6.56141 9.99599 6.67399 10.0007C7.13816 10.0007 7.51149 10.3741 7.51149 10.8341Z' fill='%235E5E5E'/%3E%3Cpath d='M10.8474 10.8341C10.8474 11.0551 10.7596 11.267 10.6033 11.4233C10.4471 11.5796 10.2351 11.6674 10.0141 11.6674C9.90154 11.6727 9.78908 11.6552 9.68349 11.6158C9.57791 11.5765 9.48139 11.5161 9.39976 11.4385C9.31814 11.3608 9.25309 11.2674 9.20855 11.1639C9.16402 11.0604 9.14091 10.9489 9.14063 10.8363C9.14035 10.7236 9.1629 10.612 9.20692 10.5083C9.25093 10.4046 9.31551 10.3108 9.39675 10.2327C9.47799 10.1547 9.5742 10.0939 9.67959 10.054C9.78498 10.0141 9.89735 9.99599 10.0099 10.0007C10.4741 10.0007 10.8474 10.3741 10.8474 10.8341Z' fill='%235E5E5E'/%3E%3Cpath d='M14.1834 10.8341C14.1834 11.0551 14.0956 11.267 13.9393 11.4233C13.783 11.5796 13.571 11.6674 13.35 11.6674C13.2375 11.6727 13.125 11.6552 13.0194 11.6158C12.9138 11.5765 12.8173 11.5161 12.7357 11.4385C12.6541 11.3608 12.589 11.2674 12.5445 11.1639C12.5 11.0604 12.4768 10.9489 12.4766 10.8363C12.4763 10.7236 12.4988 10.612 12.5429 10.5083C12.5869 10.4046 12.6514 10.3108 12.7327 10.2327C12.8139 10.1547 12.9101 10.0939 13.0155 10.054C13.1209 10.0141 13.2333 9.99599 13.3459 10.0007C13.81 10.0007 14.1834 10.3741 14.1834 10.8341Z' fill='%235E5E5E'/%3E%3Cpath d='M10.018 12.5007C10.239 12.5007 10.451 12.5885 10.6073 12.7448C10.7635 12.9011 10.8513 13.1131 10.8513 13.3341C10.8513 13.5551 10.7635 13.767 10.6073 13.9233C10.451 14.0796 10.239 14.1674 10.018 14.1674C9.90545 14.1727 9.79299 14.1552 9.6874 14.1158C9.58182 14.0765 9.4853 14.0161 9.40367 13.9385C9.32204 13.8608 9.257 13.7674 9.21246 13.6639C9.16792 13.5604 9.14482 13.4489 9.14453 13.3363C9.14425 13.2236 9.1668 13.112 9.21082 13.0083C9.25484 12.9046 9.31942 12.8108 9.40066 12.7327C9.4819 12.6547 9.57811 12.5939 9.6835 12.554C9.78888 12.5141 9.90126 12.496 10.0138 12.5007H10.018Z' fill='%235E5E5E'/%3E%3Cpath d='M7.51149 13.3341C7.51149 13.5551 7.42369 13.767 7.26741 13.9233C7.11113 14.0796 6.89917 14.1674 6.67816 14.1674C6.5656 14.1727 6.45314 14.1552 6.34756 14.1158C6.24197 14.0765 6.14546 14.0161 6.06383 13.9385C5.9822 13.8608 5.91715 13.7674 5.87262 13.6639C5.82808 13.5604 5.80497 13.4489 5.80469 13.3363C5.80441 13.2236 5.82696 13.112 5.87098 13.0083C5.915 12.9046 5.97957 12.8108 6.06081 12.7327C6.14205 12.6547 6.23827 12.5939 6.34365 12.554C6.44904 12.5141 6.56141 12.496 6.67399 12.5007C7.13816 12.5007 7.51149 12.8741 7.51149 13.3341Z' fill='%235E5E5E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2898_29706'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
        right 10px center;
    background-repeat: no-repeat;
    background-size: 18px;
    cursor: pointer;
    padding: 9.5px 35px 9.5px 10px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 22px;
    padding-right: 25px;
    border-color: #e5e5e5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

input,
textarea {
    padding: 24px 0;
    border: 0;
    outline: 0;
    border-bottom: 0.5px solid var(--border-color);
    width: 100%;
    font-family: var(--secondary-font-Poppins);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: var(--primary-color);
}

input::placeholder,
textarea::placeholder {
    color: var(--primary-color);
    opacity: 0.4;
}

form .invalid-feedback {
    font-size: 12px;
    color: red;
    margin-top: -10px;
}

/*----- Loader -----*/
body.loading {
    overflow: hidden;
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100svh;
    background: url("../images/hero-image.webp") no-repeat;
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 99999;
    transition: all 1s ease-in-out;
}

#loader::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    background: rgba(var(--primary-color-rgba), 0.4);
    z-index: 0;
    pointer-events: none;
}

#loader > * {
    position: relative;
    z-index: 1;
}
#loader.hide {
    /* transform: translateY(-100%); */
    opacity: 0;
    pointer-events: none;
}

#loader .logo1,
#loader .logo2 {
    position: absolute;
    opacity: 0;
    height: 200px;
    user-select: none;
    pointer-events: none;
}

#loader .logo1 {
    -webkit-animation: logo1Sequence 2.5s ease-in-out forwards;
    -moz-animation: logo1Sequence 2.5s ease-in-out forwards;
    animation: logo1Sequence 2.5s ease-in-out forwards;
}

#loader .logo2 {
    -webkit-animation: logo2Sequence 3.7s 2.3s ease-in-out forwards;
    -moz-animation: logo2Sequence 3.7s 2.3s ease-in-out forwards;
    animation: logo2Sequence 3.7s 2.3s ease-in-out forwards;
}

@keyframes logo1Sequence {
    0% {
        opacity: 0;
        transform: scale(0) rotate(0deg);
    }
    30% {
        opacity: 1;
        transform: scale(1) rotate(360deg);
    }
    70% {
        opacity: 1;
        transform: scale(1) rotate(360deg);
    }
    100% {
        opacity: 0;
        transform: scale(0) rotate(720deg);
    }
}

@keyframes logo2Sequence {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    30% {
        opacity: 1;
        transform: scale(1);
    }
    60% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
    100% {
        opacity: 0;
        transform: scale(0.4) translateY(-110vh);
    }
}

/*======== Global Styles ========*/
.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding-inline: 16px;
}

.titleHeading {
    font-family: var(--primary-font-AustinCyr);
    font-weight: 700;
    font-size: 60px;
    line-height: 120%;
    color: var(--primary-color);
}

p {
    font-family: var(--secondary-font-Poppins);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--description-color);
}

.btn {
    font-family: var(--secondary-font-Poppins);
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    text-align: center;
    padding: 14px 28px;
    border-radius: 0;
    border: 1px solid var(--white-color);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    white-space: nowrap;
}

.btn.btnOutlineprimary {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.btn.btnOutlineprimary:hover,
.btn.btnOutlineprimary:focus-visible {
    background: var(--primary-color);
    color: var(--white-color);
}

.btn.btnOutlineWhite {
    border: 1px solid var(--white-color);
    color: var(--white-color);
}

.btn.btnOutlineWhite:hover,
.btn.btnOutlineWhite:focus-visible {
    background: var(--white-color);
    color: var(--primary-color);
}

.btn.btnPrimaryWhite {
    border: 1px solid var(--white-color);
    background: var(--white-color);
    color: var(--primary-color);
}

.btn.btnPrimaryWhite:hover,
.btn.btnPrimaryWhite:focus-visible {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: var(--white-color);
}

.btn.btnPrimary {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: var(--white-color);
}

.btn.btnPrimary:hover,
.btn.btnPrimary:focus-visible {
    background: transparent;
    color: var(--primary-color);
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--white-color);
    background-color: var(--primary-color);
}

.modal-header {
    border-bottom: var(--bs-modal-header-border-width) solid var(--border-color);
}
.modal-footer {
    border-top: var(--bs-modal-footer-border-width) solid var(--border-color);
}

.submitModal h3 {
    color: var(--primary-color);
    font-family: var(--primary-font-AustinCyr);
    font-weight: 700;
    font-size: 30px;
    line-height: 100%;
    text-align: center;
}

/*---- Language Select ----*/
.lang-flag {
    margin-right: 6px;
    border-radius: 3px;
}

.languageDropdown .btn {
    font-family: var(--secondary-font-Poppins);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    background: transparent;
    color: var(--white-color);
    border: 0;
    padding: 0;
}

.languageDropdown .dropdown-toggle {
    padding-right: 18px;
}
.languageDropdown .dropdown-toggle::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%225%22%20viewBox%3D%220%200%2010%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.5%200.75L5%204.25L8.5%200.75%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 10px;
    height: 100%;
    border: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.languageDropdown .dropdown-toggle.show::after {
    transform: rotate(180deg) translateY(50%);
}

.languageDropdown .dropdown-menu {
    min-width: 120px;
    margin-block: 10px !important;
    border-color: var(--border-color);
}

header.scrolled .languageDropdown .btn {
    color: var(--primary-color);
}
header.scrolled .languageDropdown .dropdown-toggle::after {
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%225%22%20viewBox%3D%220%200%2010%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.5%200.75L5%204.25L8.5%200.75%22%20stroke%3D%22%235C5C5C%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

/*========= Header Start =========*/
header {
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 1000;
    width: 100%;
    padding: 16px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header.scrolled {
    background: var(--white-color);
    color: var(--primary-color);
    border-bottom: 0.5px solid var(--border-color);
}

header .navbar {
    padding: 0;
}

header .navbarBrand {
    padding-right: 55px;
}
header .navbarBrand img,
header .headerLogo {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

header.scrolled .lightLogo,
header .darkLogo {
    display: none;
}

header .lightLogo,
header.scrolled .darkLogo {
    display: block;
}

header .navbar-toggler {
    margin: 0;
    padding: 0;
    padding-right: 25px;
    border: 0;
    color: var(--white-color);
}

header.scrolled .navbar-toggler {
    color: var(--primary-color);
}

header .navbar-toggler:focus,
header .navbar-toggler:focus-visible {
    outline: none;
    box-shadow: none;
}

header .offcanvas {
    width: 100% !important;
    height: 100dvh !important;
    background: var(--primary-color);
    color: var(--white-color);
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

header .offcanvas .offcanvas-body {
    padding: 0;
    overflow-y: unset;
}

header .offcanvas .logoBox {
    padding: 32px 32px 32px 37px;
    border-right: 1px solid var(--border-grey);
    height: 100%;
}

header .offcanvas .linkBox {
    padding: 30px 30px 30px 80px;
}

header .navLink_list {
    padding-top: 100px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

header .navLink_list .nav-link {
    position: relative;
    width: fit-content;
    font-family: var(--primary-font-AustinCyr);
    font-weight: 700;
    font-size: 60px;
    line-height: 86px;
    color: var(--white-color);
    opacity: 0.4;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

header .navLink_list .nav-link:hover,
header .navLink_list .nav-link.active,
header .navLink_list .nav-link:focus-visible {
    opacity: 1;
}

header .offcanvas .btn.text-reset {
    border: 0;
    padding: 0;
}

header .offcanvas-bottom {
    padding: 26px 26px 26px 37px;
    border-top: 0.5px solid var(--border-grey);
}

header .socialLink {
    display: flex;
    align-items: center;
    gap: 11px;
}

header .socialLink li a {
    color: var(--white-color);
    font-family: var(--secondary-font-Poppins);
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Sidebar open animation thing */
.offcanvas .logoBox,
.offcanvas .navLink_list li,
.offcanvas .socialLink li {
    opacity: 0;
    transform: translateY(20px);
    -webkit-transition:
        opacity 0.4s ease,
        transform 0.4s ease;
    -moz-transition:
        opacity 0.4s ease,
        transform 0.4s ease;
    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}

.offcanvas.show .logoBox,
.offcanvas.show .navLink_list li,
.offcanvas.show .socialLink li {
    opacity: 1;
    transform: translateY(0);
}

.offcanvas.show .logoBox {
    transition-delay: 0.1s;
}
.offcanvas.show .navLink_list li:nth-child(1) {
    transition-delay: 0.05s;
}
.offcanvas.show .navLink_list li:nth-child(2) {
    transition-delay: 0.35s;
}
.offcanvas.show .navLink_list li:nth-child(3) {
    transition-delay: 0.5s;
}
.offcanvas.show .navLink_list li:nth-child(4) {
    transition-delay: 0.75s;
}
.offcanvas.show .navLink_list li:nth-child(5) {
    transition-delay: 0.9s;
}
.offcanvas.show .socialLink li {
    transition-delay: 0.8s;
}
/* .offcanvas.show .socialLink li:nth-child(2) {
    transition-delay: 0.95s;
}
.offcanvas.show .socialLink li:nth-child(3) {
    transition-delay: 1.1s;
} */

/*====== FOOTER ======*/
footer {
    background: var(--primary-color);
    color: var(--white-color);
}

footer .ftrLogoBox {
    padding: 75px 20px 80px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    min-height: 100%;
}

footer .ftrLogo img {
    height: 105px;
}

footer .ftrSubHeading {
    font-family: var(--secondary-font-Poppins);
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: var(--white-color);
    width: fit-content;
}

footer a.ftrSubHeading {
    position: relative;
    text-decoration: underline transparent 1px;
    text-underline-offset: 4px;
    transition: all 0.3s linear;
}

footer .ftrLink {
    color: var(--white-color);
    font-family: var(--secondary-font-Poppins);
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    width: fit-content;
    position: relative;
    text-decoration: underline transparent 1px;
    text-underline-offset: 4px;
    transition: all 0.3s linear;
}

footer .ftrLink:hover,
footer .ftrLink:focus-visible,
footer a.ftrSubHeading:hover,
footer a.ftrSubHeading:focus-visible {
    text-decoration-color: var(--border-color);
}

/* footer a.ftrSubHeading::after,
footer .ftrLink::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 1px;
    width: 0;
    background: var(--border-color);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

footer .ftrLink:hover::after,
footer .ftrLink:focus-visible::after,
footer a.ftrSubHeading:hover::after,
footer a.ftrSubHeading:focus-visible::after {
    width: 100%;
} */

footer .ftrSocial {
    display: block;
    color: var(--white-color) !important;
    font-family: var(--secondary-font-Poppins);
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}

footer .rightBox {
    border-left: 0.5px solid var(--border-grey);
    padding: 73px 20px 80px 100px;
}

footer .rightBox .title {
    font-family: var(--primary-font-AustinCyr);
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
}

footer .bottomFtr {
    padding: 54px 0;
    border-top: 1px solid var(--border-grey);
}

footer .bottomFtr p {
    color: var(--white-color);
    font-size: 12px;
}

footer .bottomFtr p a {
    text-decoration: underline;
    color: var(--white-color);
}

/*====== Hero Section ======*/
.hero_sec {
    min-height: 100svh;
    height: 100%;
    background: url("../images/hero-image.webp") no-repeat;
    background-size: cover;
    background-position: center right;
    /* padding: 150px 0 100px 0; */
    padding: clamp(6.25rem, 5.208vw + 4.688rem, 9.375rem) 0 clamp(3.75rem, 4.167vw + 2.5rem, 6.25rem);
    display: flex;
    align-items: end;
    position: relative;
}

.hero_sec::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    background: rgba(var(--primary-color-rgba), 0.3);
    z-index: 0;
}

.hero_sec > * {
    position: relative;
    z-index: 1;
}

.hero_sec .hero_title {
    font-family: var(--primary-font-AustinCyr);
    font-weight: 700;
    /* font-size: 84px; */
    font-size: clamp(3.25rem, 3.333vw + 2.25rem, 5.25rem);
    line-height: 120%;
    color: var(--white-color);
}

.hero_sec .bookAppointment {
    position: relative;
    min-width: 126px;
    max-width: 126px;
    height: 126px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: var(--primary-font-AustinCyr);
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: var(--white-color);
    background: #ffffff33;
    -webkit-backdrop-filter: blur(22px);
    -moz-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    border: 1px solid var(--white-color);
    margin-left: auto;
    margin-bottom: 56px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.hero_sec .bookAppointment .arrow {
    position: absolute;
    top: 20px;
    left: -7px;
    user-select: none;
    pointer-events: none;
    rotate: 7deg;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.hero_sec .bookAppointment:hover {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.hero_sec .bookAppointment:hover .arrow {
    left: 0;
    top: 25px;
}

.hero_sec .desc {
    font-family: var(--secondary-font-Poppins);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--white-color);
    text-align: right;
    max-width: 530px;
    margin-left: auto;
}

/*------ About section ------*/
.about_where_sec .boxLine {
    width: 100%;
    height: 70px;
    border-left: 1px solid var(--border-color);
}

.about_where_sec .aboutImage {
    max-height: 617px;
    width: 100%;
    object-fit: cover;
}

.about_where_sec .innerSection {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.about_where_sec .detailInner {
    padding: 96px 40px 100px 74px;
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
}

.about_where_sec .detailInner .titleHeading {
    margin-bottom: 40px;
}

/*----- Our Service Section -----*/
.OurServices_sec {
    padding: 90px 0 80px;
    border-bottom: 1px solid var(--border-color);
}

.OurServices_sec .serviceCard {
    width: 100%;
    background: rgb(var(--primary-color-rgba), 0.1);
    border: 0.5px solid var(--border-color);
    display: flex;
    height: 100%;
}

.OurServices_sec .serviceCard .content {
    padding: 47px 30px 43px;
    flex-grow: 1;
}

.OurServices_sec .serviceCard .icon {
    max-height: 140px;
    margin-bottom: 90px;
}
.OurServices_sec .serviceCard .title {
    font-family: var(--primary-font-AustinCyr);
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    color: var(--primary-color);
}

.serviceCard .ctaBox {
    padding: 35px;
    height: 100%;
    background: var(--primary-color);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-left: 1px solid var(--border-color);
}

.OurServices_sec .serviceCard .icon,
.serviceCard .ctaBox img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.serviceCard .ctaBox:focus-visible,
.serviceCard .ctaBox:hover {
    background: rgba(var(--primary-color-rgba), 0.9);
}
.serviceCard .ctaBox:focus-visible img,
.serviceCard .ctaBox:hover img {
    rotate: 45deg;
}

.serviceCard:focus-visible .icon,
.serviceCard:hover .icon {
    scale: 1.05;
}

/*====== Give Gift Style ======*/
.GiftStyle_sec {
    padding: 100px 0 90px;
}

.GiftStyle_sec .giftCard_grid {
    /* display: grid;
    grid-template-columns: repeat(auto-fill, minmax(305px, 1fr)); */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.GiftStyle_sec .giftCard_grid .giftCard {
    border: 1px solid var(--border-grey);
    padding: 12px;
    max-width: 390px;
    width: 100%;
    aspect-ratio: 16/9;
    /* flex-grow: 1; */
    cursor: pointer;
}

.GiftStyle_sec .giftCard_grid .giftCard .innerCard {
    background: var(--primary-color);
    color: var(--white-color);
    padding: 27px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px;
    height: 100%;
}

.GiftStyle_sec .giftCard_grid .giftCard .innerCard img {
    max-height: 60px;
}

.GiftStyle_sec .giftCard_grid .giftCard .innerCard h5,
.GiftStyle_sec .giftCard_grid .giftCard .innerCard h6 {
    font-family: var(--secondary-font-Poppins);
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
}

.GiftStyle_sec .giftCard_grid .giftCard .innerCard h5 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 6px;
}

.GiftStyle_sec .giftCard_grid .giftCard .innerCard h6 {
    font-weight: 500;
    font-size: 12px;
}

/*===== Carefully Pick Brand =====*/
.pickBrand_sec .boxLine {
    height: 70px;
    width: 100%;
    border-right: 1px solid var(--border-color);
}

.pickBrand_sec .innerSection {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.pickBrand_sec .innerSection .cardsInner {
    padding: 77px 16px 60px 60px;
    border-left: 0.5px solid var(--border-color);
}

.pickBrand_sec .innerSection .titleHeading {
    font-size: 50px;
}

.productPick_card {
    border: 0.5px solid var(--border-color);
    display: block;
    margin-bottom: 20px;
    height: fit-content;
    max-width: 250px;
    width: 100%;
}

.productPick_card .imgBox {
    padding: 10px;
    height: 236px;
    width: 100%;
    overflow: hidden;
}

.productPick_card .imgBox img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.productPick_card .content {
    padding: 16px;
    font-family: var(--secondary-font-Poppins);
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: var(--description-color);
    border-top: 0.5px solid var(--border-color);
}

/*------ All Beauty one place (contact banner) ------*/
.allBeautyOneplace_sec {
    padding: 100px 0 180px;
    background: url("../images/contact-sec-banner-allBeauty.png") no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.allBeautyOneplace_sec .btn {
    padding-inline: 32px;
}

/*----- Map Address and Opening hr -----*/
.mapAddress_sec {
    position: relative;
    padding: 80px 0 40px;
}

.mapAddress_sec .bgMap {
    user-select: none;
    pointer-events: none;
    position: absolute;
    inset: 0;
    margin: auto;
}

.mapAddress_sec::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    background: rgba(var(--primary-color-rgba), 0.5);
    user-select: none;
    pointer-events: none;
}

.mapAddress_sec .container {
    position: relative;
    z-index: 1;
}
.mapAddress_sec .addressTitle {
    font-family: var(--primary-font-AustinCyr);
    font-weight: 700;
    font-size: 74px;
    line-height: 110%;
    margin-bottom: 10px;
    color: var(--white-color);
}

.mapAddress_sec h6 {
    color: var(--white-color);
    font-family: var(--secondary-font-Poppins);
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
}

.mapAddress_sec .openingHr {
    font-family: var(--primary-font-AustinCyr);
    font-weight: 700;
    font-size: 50px;
    line-height: 110%;
    color: var(--white-color);
}

.mapAddress_sec ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 16px;
}
.mapAddress_sec ul li {
    font-family: var(--font-inter);
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    color: var(--white-color);
}

.mapAddress_sec ul li span {
    font-weight: 600;
}

/*================== 
    Trimz Services Page
==================*/
.page_banner {
    /* padding: 190px 0 100px; */
    padding: clamp(6.875rem, 8.333vw + 4.375rem, 11.875rem) 0 clamp(3.125rem, 5.208vw + 1.563rem, 6.25rem);
    background: url("../images/service-page/service-banner.webp") no-repeat;
    background-size: cover;
    background-position: center bottom;
    position: relative;
}

.page_banner::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    background: rgba(var(--primary-color-rgba), 0.4);
    z-index: 0;
}

.page_banner > * {
    position: relative;
    z-index: 1;
}

.page_banner .banner_title {
    font-family: var(--primary-font-AustinCyr);
    font-weight: 700;
    /* font-size: 84px; */
    font-size: clamp(2.875rem, 3.958vw + 1.688rem, 5.25rem);
    line-height: 115%;
    text-align: center;
    color: var(--white-color);
}

.serviceDetail .box {
    border-color: var(--border-color) !important;
    width: 100%;
    height: 70px;
}

.serviceDetail .innerContent {
    border-top: 0.5px solid var(--border-color);
    border-bottom: 0.5px solid var(--border-color);
}

.serviceDetail .serviceList {
    padding: 80px 0;
    border-right: 0.5px solid var(--border-color);
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
}

.serviceDetail .serviceBox {
    height: 100%;
    border-right: 0;
    background: rgba(var(--primary-color-rgba), 0.1);
    scroll-margin-top: 100px;
    border: 0.5px solid var(--border-color);
    border-bottom: 0;
}

.serviceDetail .serviceBox .serviceBoxHeader {
    display: flex;
}

.serviceDetail .serviceBox .contentBox {
    padding: 34px 47px;
    flex: 1;
    display: flex;
    align-items: center;
    row-gap: 16px;
    border-right: 0.5px solid var(--border-color);
}
.serviceDetail .serviceBox .contentBox .icon {
    max-height: 150px;
    transition: all 0.3s ease-in-out;
}
.serviceDetail .serviceBox:hover .icon {
    scale: 1.05;
}
.serviceDetail .serviceBox .contentBox .titleHeading {
    font-size: 32px;
    margin: 0 auto;
    color: var(--primary-color);
}
.serviceDetail .serviceBox .collapseBtn {
    background: var(--primary-color);
    padding: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 0;
}

.serviceDetail .serviceBox .collapseBtn:focus-visible,
.serviceDetail .serviceBox .collapseBtn:hover {
    background: rgba(var(--primary-color-rgba), 0.8);
}

.serviceDetail .serviceBox .collapseContent {
    max-height: 0;
    -webkit-transition: max-height 0.5s ease;
    -moz-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
    overflow: hidden;
    border-top: 0.5px solid var(--border-color);
}

/* Active (open state) */
.serviceDetail .serviceBox.active {
    border-bottom: 0.5px solid var(--border-color);
}
.serviceDetail .serviceBox.active .collapseContent {
    /* max-height: 1060px;
    overflow-y: auto; */
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.serviceDetail .serviceBox .serviceItem {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    padding: 30px 40px;
    border-top: 1px solid var(--border-color);
}
.serviceDetail .serviceBox .serviceItem:first-child {
    border-top: none;
}
.serviceDetail .serviceBox .serviceItem h4 {
    font-family: var(--primary-font-AustinCyr);
    color: var(--primary-color);
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    margin-bottom: 10px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.serviceDetail .serviceBox .serviceItem p {
    max-width: 715px;
    width: 100%;
}
.serviceDetail .serviceBox .serviceItem h4 small {
    font-size: 16px;
}

.serviceDetail .serviceBox .serviceInnerList .innerTitle .badge,
.serviceDetail .serviceBox .serviceItem h4 .badge {
    display: inline;
    background: #3f12121a;
    color: var(--primary-color);
    font-family: var(--secondary-font-Poppins);
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    padding: 4px 8px;
    border-radius: 70px;
    display: inline-flex;
    align-items: center;
}

.serviceDetail .serviceBox .priceBox {
    display: flex;
    align-items: center;
    gap: 20px;
}
.serviceDetail .serviceBox .price {
    font-family: var(--secondary-font-Poppins);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: var(--primary-color);
    white-space: nowrap;
}

.serviceDetail .serviceBox .serviceInnerList {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}
.serviceDetail .serviceBox .serviceInnerList .dashLine {
    min-width: 80px;
    flex: 1;
    border-top: 1px dashed var(--primary-color);
    margin-right: 10px;
}

.serviceDetail .serviceBox .serviceInnerList .innerTitle {
    font-family: var(--primary-font-AustinCyr);
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
}

.serviceDetail .serviceBox .mobileHide {
    display: block;
}
.serviceDetail .serviceBox .mobileShow {
    display: none;
}

.serviceDetail .serviceBox .plusIcon {
    transition: transform 0.3s ease;
}
.serviceDetail .serviceBox.active .plusIcon {
    transform: rotate(45deg);
}

.allPriceIncludeLine {
    font-family: var(--primary-font-AustinCyr);
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: #000000;
}

/*====== FAQS Sec ======*/
.faqs_sec {
    margin-top: 80px;
    border-top: 0.5px solid var(--border-color);
}

.faqs_sec .titleHeading {
    font-size: clamp(2rem, 1.875vw + 1.438rem, 3.125rem);
}

.faqs_sec .faqsBox {
    border-left: 0.5px solid var(--border-color);
}

.faqs_sec .accordion-item {
    border: 0;
}

.faqs_sec .accordion-item:not(:last-child) {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 0.5px solid #00000033;
}

.faqs_sec .accordion-button {
    margin: 0;
    padding: 0;
    padding-right: 20px;
    font-family: var(--secondary-font-Poppins);
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    box-shadow: none;
    border: none;
    background: transparent;
    color: var(--primary-color);
}

.faqs_sec .accordion-button::after {
    width: 21px;
    height: 21px;
    background: url("../images/icon/plus-icon-primary.svg") center center no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    background-size: 100% 100% !important;
}

.faqs_sec .accordion-button:not(.collapsed)::after {
    background: url("../images/icon/minus-icon-primary.svg") center center no-repeat;
    transition: all ease-in-out 0.3s;
}

.faqs_sec .accordion-body {
    padding: 20px 20px 0px 0px;
}

.faqs_sec .accordion-body p {
    padding-right: 16px;
    line-height: 140%;
    font-size: clamp(0.875rem, 0.208vw + 0.813rem, 1rem);
}

.faqs_sec .accordion-body .faq_ansTitle {
    color: var(--description-color);
    font-family: var(--secondary-font-Poppins);
    font-weight: 700;
    font-size: 16px;
    line-height: 29px;
}

/*======== Contact Us Page ========*/
.contactPage_main {
    padding-top: 90px;
}

.contactPage_main .imgeBox {
    padding: 80px 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contactPage_main .imgeBox img {
    max-height: 617px;
    width: 100%;
    object-fit: cover;
}

.contactPage_main .formBox {
    padding: 80px 70px;
    min-height: 100%;
    border-left: 0.5px solid var(--border-color);
    border-right: 0.5px solid var(--border-color);
}

.contactPage_main .formBox form {
    margin-top: 10px;
}

.contactPage_main .formBox form input {
    margin-bottom: 20px;
}

.contactPage_main .formBox form textarea {
    resize: none;
    margin-bottom: 0;
}
.contactPage_main .formBox form .btnPrimary {
    padding: 15.5px 44px;
    margin-top: 40px;
}