:root{ --body-color: #141836; --body-color-rgb: 20, 24, 54; --body-color-dark: #14172A; --body-color-dark-rgb: 20, 23, 42; --black-color: #000000; --black-color-rgb: 0, 0, 0; --white-color: #FFFFFF; --white-color-rgb: 255, 255, 255; --theme-button: #E6B45D; --theme-button-rgb: 230, 180, 93; --title-color: #B6852F; --placeholder-color: #99A5AF; --input-color: #2B304A; --input-error: #B94C4C; --input-color-rgb: 43, 48, 74; --input-color-focus: #0864AA; --input-color-focus-rgb: 8, 100, 170; --body-font: 'NarkisBlock', sans-serif;; --font-aboreto : 'Aboreto', sans-serif;; --transition: all 0.5s; } /* ------------------------------------------------------------------------------------------------------- */ ::selection{color: var(--white-color);background-color: var(--body-color);} /* ------------------------------------------------------------------------------------------------------- */ ::-webkit-scrollbar {width: 8px;height: 8px;background: rgba(var(--body-color-rgb), 0.2);border-radius: 16px;} ::-webkit-scrollbar-track {background: rgba(var(--body-color-rgb), 0.2);border-radius: 16px;} ::-webkit-scrollbar-thumb {background: var(--body-color);border-radius: 16px;} /* ------------------------------------------------------------------------------------------------------- */ @font-face { font-family: 'Aboreto'; src: url('../fonts/Aboreto-Regular.eot'); src: local('Aboreto Regular'), local('Aboreto-Regular'), url('../fonts/Aboreto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Aboreto-Regular.woff2') format('woff2'), url('../fonts/Aboreto-Regular.woff') format('woff'), url('../fonts/Aboreto-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'NarkisBlock'; src: url('../fonts/NarkissBlock-Thin.eot'); src: local('Narkiss Block Thin'), local('NarkissBlock-Thin'), url('../fonts/NarkissBlock-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/NarkissBlock-Thin.woff2') format('woff2'), url('../fonts/NarkissBlock-Thin.woff') format('woff'), url('../fonts/NarkissBlock-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'NarkisBlock'; src: url('../fonts/NarkissBlock-Regular.eot'); src: local('Narkiss Block Regular'), local('NarkissBlock-Regular'), url('../fonts/NarkissBlock-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/NarkissBlock-Regular.woff2') format('woff2'), url('../fonts/NarkissBlock-Regular.woff') format('woff'), url('../fonts/NarkissBlock-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'NarkisBlock'; src: url('../fonts/NarkissBlock-Medium.eot'); src: local('Narkiss Block Medium'), local('NarkissBlock-Medium'), url('../fonts/NarkissBlock-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/NarkissBlock-Medium.woff2') format('woff2'), url('../fonts/NarkissBlock-Medium.woff') format('woff'), url('../fonts/NarkissBlock-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'NarkisBlock'; src: url('../fonts/NarkissBlock-Bold.eot'); src: local('Narkiss Block Bold'), local('NarkissBlock-Bold'), url('../fonts/NarkissBlock-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/NarkissBlock-Bold.woff2') format('woff2'), url('../fonts/NarkissBlock-Bold.woff') format('woff'), url('../fonts/NarkissBlock-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------------------------------------------------------------------------------------- */ /* 1. Create a Clean Base ------------------------------------------------------------------------------*/ html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, label,input, textarea, option, .nobox {background: transparent;border: 0;font-size: 100%;margin: 0;outline: 0;padding: 0;vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;} blockquote, q {quotes: none;} br {height: 0;} ul, ol {margin: 0;padding: 0;} ul, ol, dl, li {margin: 0;padding: 0;} /* 2. Define Base Typography ------------------------------------------------------------------------------*/ *, *:after, *:before {box-sizing: border-box;} * {-webkit-tap-highlight-color: transparent;-moz-tap-highlight-color: transparent;-ms-tap-highlight-color: transparent;tap-highlight-color: transparent;} body{padding: 0px;margin: 0;font-family: var(--body-font);font-size: 16px;line-height:24px;color: var(--body-color);position: relative;} body.no_scroll {overflow: hidden;} /* Create the Default Headers */ h1, h2, h3, h4, h5, h6 {margin: 0;font-weight: 700;color: var(--body-color);line-height:1.2;} /* Specific Header Settings */ h1,.h1 {font-size: 32px;} h2,.h2 {font-size: 32px;} h3,.h3 {font-size: 30px;} h4,.h4 {font-size: 24px;} h5,.h5 {font-size: 20px;} h6,.h6 {font-size: 18px;} /* Other Typo */ hr {border:0 #000 solid;border-top-width: 1px;clear: both;height: 0;} ol {list-style: decimal;} ul {list-style: none;} /* 3. Images ------------------------------------------------------------------------------*/ /*Remove border around linked images*/ img {max-width: 100%;border: 0;border-style: none;will-change: transform;} /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ a {text-decoration:none;transition: var(--transition);display: inline-block;} /* 5. Forms ------------------------------------------------------------------------------*/ .theme_btn {padding: 12px 32px;background-color: var(--theme-button);color: var(--body-color);font-size: 16px;line-height: 16px;font-family: var(--body-font);font-weight: 500;border-radius: 50px;display: inline-flex;gap: 0px;justify-content: center;align-items: center;text-align: center;cursor: pointer;transition: var(--transition);border: none;outline: none;overflow: hidden;position: relative;z-index: 1;box-shadow: 3px 3px 0.5px -3.5px rgba(var(--white-color-rgb), 0.5) inset;transition: var(--transition);} .theme_btn:hover {background-color: var(--body-color);color: var(--white-color);padding: 12px 24px;gap: 8px;} .theme_btn span.effect_box_1 {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 2px 2px 1px -2px #666666 inset, -2px -2px 1px -2px #666666 inset;mix-blend-mode: plus-lighter;} .theme_btn span.effect_box_2 {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 0px 0px 0px 1px #A6A6A6 inset;mix-blend-mode: overlay;} .theme_btn span.effect_box_3 {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 0px 0px 22px 0px #F2F2F2 inset;mix-blend-mode: darken;} .theme_btn .btn_arrow {width: 0;height: 0;display: flex;align-items: center;justify-content: center;transition: var(--transition);} .theme_btn:hover .btn_arrow {width: 8px;height: 9px;} .theme_btn .btn_arrow svg path[fill] {fill: var(--body-color);transition: var(--transition);} .theme_btn:hover .btn_arrow svg path[fill] {fill: var(--white-color);} .theme_btn .btn_arrow svg path[stroke] {stroke: var(--body-color);transition: var(--transition);} .theme_btn:hover .btn_arrow svg path[stroke] {stroke: var(--white-color);} .theme_btn.theme_btn_dark {background-color: var(--body-color);color: var(--white-color);} .theme_btn.theme_btn_dark:hover {background-color: var(--theme-button);color: var(--body-color);} .theme_btn.theme_btn_dark .btn_arrow svg path[fill="white"] {fill: var(--white-color);} .theme_btn.theme_btn_dark:hover .btn_arrow svg path[fill="white"] {fill: var(--body-color);} .theme_btn.icon_btn {height: 40px;width: 40px;padding: 0;} .theme_btn.icon_btn svg {height: 18px;width: 18px;} .theme_btn.icon_btn svg path[fill] {fill: var(--theme-button);transition: var(--transition);} .theme_btn.icon_btn:hover svg path[fill] {fill: var(--body-color);} .theme_btn.icon_btn svg path[stroke] {stroke: var(--theme-button);transition: var(--transition);} .theme_btn.icon_btn:hover svg path[stroke] {stroke: var(--body-color);} .form_btn {padding: 0px 24px;background-image: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);color: var(--body-color-dark);font-family: var(--body-font);font-weight: 700;font-size: 22px;line-height: 48px;text-shadow: 0px 1px 0px rgba(var(--white-color-rgb), 0.4);display: inline-flex;align-items: center;justify-content: center;gap: 8px;border-radius: 4px;overflow: hidden;border: none;outline: none;box-shadow: none;transition: var(--transition);position: relative;z-index: 1;cursor: pointer;} .form_btn:hover {color: var(--white-color);text-shadow: 0px 0px 0px transparent;} .form_btn:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;opacity: 0;visibility: hidden;transition: var(--transition);background-color: var(--input-color);z-index: -1;} .form_btn:hover:before {opacity: 1;visibility: visible;} .form_btn.form_btn_dark {background-image: none;background-color: var(--body-color);color: var(--white-color);text-shadow: none;} .form_btn.form_btn_dark:hover {background-color: var(--theme-button);} .form_btn.form_btn_dark:before {display: none;} form {display: flex;flex-wrap: wrap;gap: 16px;} form .form-row {flex: 0 0 100%;max-width: 100%;} form .form-row.checkbox-row {display: flex;flex-wrap: wrap;gap: 36px;} form .form-btn {flex: 0 0 100%;max-width: 100%;position: relative;z-index: 1;margin-top: 40px;} form.submitting .form-btn .form_btn {color: transparent;text-shadow: 0px 0px 0px transparent;} form .form-btn .wpcf7-spinner {display: block;background-color: transparent;opacity: 0;width: auto;height: auto;border: none;border-radius: 0px;padding: 0px;margin: 0px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;visibility: hidden;} form.submitting .form-btn .wpcf7-spinner {visibility: visible;opacity: 1;} form .form-btn .wpcf7-spinner:before {display: none !important;} form.submitting .form-btn .wpcf7-spinner:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 20px;width: 20px;background-image: url(../images/loading.svg);background-position: center;background-size: contain;background-repeat: no-repeat;animation: spin 1s infinite linear;margin: auto;z-index: 1;} @keyframes spin {from {transform:rotate(0deg);} to {transform:rotate(360deg);}} .form-row label {font-family: var(--body-font);font-weight: 400;font-size: 16px;line-height: 24px;color: var(--white-color);display: block;padding: 0px 8px;} .form-row.checkbox-row label {padding: 0px;cursor: pointer;} .form-row label input[type=checkbox] {opacity: 0;position: absolute;height: 1px;width: 1px;} .form-row .wpcf7-list-item {margin: 0 !important;} .form-row label .wpcf7-list-item-label {font-family: var(--body-font);font-weight: 400;font-size: 18px;line-height: 32px;padding-right: 48px;position: relative;z-index: 1;display: block;} .form-row label .wpcf7-list-item-label a {color: #0E8EFF;text-decoration: underline;} .form-row label .wpcf7-list-item-label:before {content: '';position: absolute;height: 32px;width: 32px;top: 0;right: 0;border: 2px solid var(--placeholder-color);} .form-row label .wpcf7-list-item-label:after {content: '';position: absolute;height: 32px;width: 32px;top: 0;right: 0;background-image: url(../images/icon_check.svg);background-repeat: no-repeat;background-size: 16px 16px;background-position: center;opacity: 0;visibility: hidden;transition: var(--transition);} .form-row label [type="checkbox"]:checked + .wpcf7-list-item-label:after {opacity: 1;visibility: visible;} select, input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="date"], input[type="time"], textarea {border: none;border-bottom: 2px solid var(--input-color);border-radius: 4px;background-color: rgba(var(--input-color-rgb), 0.5);font-family: var(--body-font);font-weight: 400;font-size: 18px;height: 48px;width: 100%;padding: 0px 8px;resize: none;appearance: none;outline: none;color: var(--white-color);display: block;direction: rtl !important;transition: var(--transition);} select:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="time"]:focus, textarea:focus {border-color: #448AFF;background-color: rgba(var(--input-color-focus-rgb), 0.3);} select {padding: 0px 8px 0px 48px;background-image: url(../images/icon_select_arrow.svg);background-position: left 8px center;background-repeat: no-repeat;background-size: 24px 24px;} textarea {height: 104px;padding: 8px;} input::-webkit-input-placeholder {color: var(--placeholder-color);} input:-moz-placeholder {color: var(--placeholder-color);} input::-moz-placeholder {color: var(--placeholder-color);} input:-ms-input-placeholder {color: var(--placeholder-color);} textarea::-webkit-input-placeholder {color: var(--placeholder-color);} textarea:-moz-placeholder {color: var(--placeholder-color);} textarea::-moz-placeholder {color: var(--placeholder-color);} textarea:-ms-input-placeholder {color: var(--placeholder-color);} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {-webkit-appearance: none;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0;} .form-row:has( > span > .wpcf7-not-valid) label {color: var(--input-error) !important;} .form-row .wpcf7-not-valid {border-bottom-color: var(--input-error) !important;background-color: #FFDCE3 !important;background-image: url(../images/input_error_icon.svg) !important;background-size: 16px 16px !important;background-repeat: no-repeat !important;background-position: left 12px center !important;} .form-row .wpcf7-not-valid-tip {display: none;} .wpcf7-not-valid::-webkit-input-placeholder {color: var(--input-error) !important;} .wpcf7-not-valid:-moz-placeholder {color: var(--input-error) !important;} .wpcf7-not-valid::-moz-placeholder {color: var(--input-error) !important;} .wpcf7-not-valid:-ms-input-placeholder {color: var(--input-error) !important;} /* Removes fieldset borders. even on Opea 7 */ /* fieldset {border: 1px solid transparent;} */ /* 6. Tables ------------------------------------------------------------------------------*/ /* Table Fixes */ table {border-spacing: 0;border-collapse: collapse;} td {font-weight: normal;} /* 7. Framework ------------------------------------------------------------------------------*/ /* container */ .container{max-width: 1470px;width: 100%;padding: 0 15px;margin: 0 auto;} .row{display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;} .col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative;width: 100%;padding-right: 15px;padding-left: 15px;} .col-12 {max-width: 100%;} .col-11 {max-width: 91.66666667%;} .col-10 {max-width: 83.33333333%;} .col-9 {max-width: 75%;} .col-8 {max-width: 66.66666667%;} .col-7 {max-width: 58.33333333%;} .col-6 {max-width: 50%;} .col-5 {max-width: 41.66666667%;} .col-4 {max-width: 33.33333333%;} .col-3 {max-width: 25%;} .col-2 {max-width: 16.66666667%;} .col-1 {max-width: 8.33333333%;} .d-flex{display:flex;} .d-none{display:none;} .flex-wrap{flex-wrap:wrap;} .justify-content-start{justify-content:flex-start;} .justify-content-center{justify-content:center;} .justify-content-end{justify-content:flex-end;} .justify-content-between{justify-content:space-between;} .align-items-start{align-items: flex-start;} .align-items-center{align-items: center;} .align-items-end{align-items: flex-end;} .row-reverse{flex-direction: row-reverse;} .text-center{text-align: center;} .text-left{text-align: left;} .text-right{text-align: right;} /* ------------------------------------------------------------------------------------------------------- */ .mobile_only_1199 {display: none !important;} @media (max-width: 1199px) { .desktop_only_1199 {display: none !important;} .mobile_only_1199 {display: block !important;} } .mobile_only_1024 {display: none !important;} @media (max-width: 1024px) { .desktop_only_1024 {display: none !important;} .mobile_only_1024 {display: block !important;} } .mobile_only {display: none !important;} @media (max-width: 767px) { .desktop_only {display: none !important;} .mobile_only {display: block !important;} } /* ------------------------------------------------------------------------------------------------------- */ #full_wrapper {background-color: var(--body-color-dark);} /* ------------------------------------------------------------------------------------------------------- */ .slider_arrow {position: absolute;top: 0;bottom: 0;margin: auto;z-index: 11;height: 40px;width: 40px;cursor: pointer;} .slider_arrow .arrow_box {height: 100%;width: 100%;border-radius: 50%;overflow: hidden;position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;transition: var(--transition);background-color: rgba(var(--black-color-rgb), 0.5);box-shadow: 3px 3px 0.5px -3.5px rgba(var(--white-color-rgb), 0.5) inset;} .slider_arrow:hover .arrow_box {background-color: var(--body-color);} .slider_arrow .arrow_box.theme_box {background-color: var(--theme-button);} .slider_arrow:hover .arrow_box.theme_box {background-color: var(--body-color);} .slider_arrow .arrow_box span.effect_box_1 {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 2px 2px 1px -2px #666666 inset, -2px -2px 1px -2px #666666 inset;mix-blend-mode: plus-lighter;} .slider_arrow .arrow_box span.effect_box_2 {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 0px 0px 0px 1px #A6A6A6 inset;mix-blend-mode: overlay;} .slider_arrow .arrow_box span.effect_box_3 {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 0px 0px 22px 0px rgba(242, 242, 242, 0.5) inset;mix-blend-mode: darken;transition: var(--transition);} .slider_arrow:hover .arrow_box span.effect_box_3 {box-shadow: 0px 0px 22px 0px #F2F2F2 inset;} .slider_arrow .arrow_box img {position: absolute;top: 0;bottom: 0;height: 100%;width: 100%;transition: var(--transition);padding: 10px;} .slider_arrow.swiper-button-disabled {opacity: 0.5;pointer-events: none;} .slider_arrow_next {left: 40px;} .slider_arrow_next .arrow_box img.default_arrow {left: 0%;right: 0%;} .slider_arrow_next:hover .arrow_box img.default_arrow {left: -100%;right: 100%;} .slider_arrow_next .arrow_box img.on_hover_arrow {left: 100%;right: -100%;} .slider_arrow_next:hover .arrow_box img.on_hover_arrow {left: 0%;right: 0%;} .slider_arrow_prev {right: 40px;} .slider_arrow_prev .arrow_box img.default_arrow {left: 0%;right: 0%;} .slider_arrow_prev:hover .arrow_box img.default_arrow {left: 100%;right: -100%;} .slider_arrow_prev .arrow_box img.on_hover_arrow {left: -100%;right: 100%;} .slider_arrow_prev:hover .arrow_box img.on_hover_arrow {left: 0%;right:0%;} /* ------------------------------------------------------------------------------------------------------- */ .sharek {position: relative;z-index: 2;} .share_btn {margin: 0 12px;padding: 10px 24px;display: flex;align-items: center;gap: 8px;line-height: 1;font-size: 18px;font-weight: 400;color: var(--body-color-dark);border: 1px solid rgba(0,0,0,0.2);border-radius: 4px;} .share_links {display: flex;flex-direction: column;flex-wrap: wrap;position: absolute;z-index: 1;width: 180px;height: 160px;border-radius: 4px;background-color: #FFFFFF;padding: 5px 20px 18px;box-sizing: border-box;left: -50px;right: -50px;margin: auto;bottom: calc(100% + 15px);box-shadow: 0px 24px 34px 0px rgba(137, 200, 255, 0.10), 0px 0.8px 5.32px 0px rgba(0, 0, 0, 0.05), 0px 2.68px 17.87px 0px rgba(0, 0, 0, 0.07);opacity: 0;visibility: hidden;transition: var(--transition);} .share_links.open {opacity: 1;visibility: visible;} .share_links:after {content: "";position: absolute;bottom: -8px;left: 0;right: 0;display: table;margin: auto;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #FFFFFF;} .share_links span {font-weight: 400;font-size: 14px;line-height: 24px;text-align: center;display: block;color: var(--body-color);} .icon-list {display: flex;flex-wrap: wrap;gap: 10px;margin-top: auto;} .icon-list a {flex: 0 0 40px;max-width: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);overflow: hidden;} .icon-list a img {display: block;} /* ------------------------------------------------------------------------------------------------------- */ @keyframes fadeInUp {from {opacity: 0;transform: translate3d(0, 100px, 0);} to {opacity: 1;transform: translate3d(0, 0, 0);}} @keyframes fadeOutDown {from {opacity: 1;transform: translate3d(0, 0, 0);} to {opacity: 0;transform: translate3d(0, 100px, 0);}} .fancybox-fadeInUp {animation: fadeInUp 0.5s;} .fancybox-fadeOutDown {animation: fadeOutDown 0.5s;} .fancybox__container {z-index: 99999 !important;} .fancybox__backdrop {background-color: rgba(20, 23, 42, 0.8);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);} .fancybox__slide {padding: 24px 100px !important;} .fancybox__content {position: relative;padding: 0 !important;background: transparent !important;} .fancybox__content video, .fancybox__content iframe {object-fit: cover !important;border-radius: 4px;} .fancybox__content img {object-fit: cover !important;border-radius: 4px !important;} .fancybox__content :focus {outline: none !important;} .fancybox__caption {position: absolute;bottom: 66px;left: 0;right: 0;z-index: 30;margin: auto;text-align: center;padding: 15px;font-family: var(--font-ezer-doo);font-weight: 700;font-size: 16px;line-height: 1.5;letter-spacing: -0.16px;color: #FFFFFF;direction: rtl !important;} .carousel__button {outline: none !important;border: none !important;box-shadow: none !important;} .fancybox__content > button.carousel__button.is-close {height: 40px;width: 40px;background-color: var(--theme-button);border-radius: 2px;top: 0px;right: -48px;} .fancybox__content > button.carousel__button.is-close svg {stroke: var(--body-color);filter: none;stroke-width: 2px;height: 20px;width: 20px;} .fancybox__nav button.carousel__button {height: 48px;width: 48px;background-color: var(--theme-button);border-radius: 0px;overflow: hidden;} .fancybox__nav button.carousel__button svg {display: none;} .fancybox__nav button.carousel__button.is-next:before {content: '';background-image: url(../images/slider_prev_arrow_blue.svg);background-repeat: no-repeat;background-size: 50%;background-position: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;transition: var(--transition);} .fancybox__nav button.carousel__button.is-next:hover:before {left: 100%;right: -100%;} .fancybox__nav button.carousel__button.is-next:after {content: '';background-image: url(../images/slider_prev_arrow_blue.svg);background-repeat: no-repeat;background-size: 50%;background-position: center;position: absolute;top: 0;bottom: 0;left: -100%;right: 100%;transition: var(--transition);} .fancybox__nav button.carousel__button.is-next:hover:after {left: 0;right: 0;} .fancybox__nav button.carousel__button.is-prev:before {content: '';background-image: url(../images/slider_next_arrow_blue.svg);background-repeat: no-repeat;background-size: 50%;background-position: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;transition: var(--transition);} .fancybox__nav button.carousel__button.is-prev:hover:before {left: -100%;right: 100%;} .fancybox__nav button.carousel__button.is-prev:after {content: '';background-image: url(../images/slider_next_arrow_blue.svg);background-repeat: no-repeat;background-size: 50%;background-position: center;position: absolute;top: 0;bottom: 0;left: 100%;right: -100%;transition: var(--transition);} .fancybox__nav button.carousel__button.is-prev:hover:after {left: 0;right: 0;} /* ------------------------------------------------------------------------------------------------------- */ /* header css start */ header.site_header {position: fixed;top: 0;left: 0;right: 0;padding: 16px 12px;z-index: 999;} .header_inner {display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;border-radius: 50px;padding: 8px;background-color: rgba(var(--white-color-rgb), 0.5);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);box-shadow: 3px 3px 0.5px -3.5px rgba(var(--white-color-rgb), 0.5) inset;transition: var(--transition);} .dark_header .header_inner {background-color: rgba(var(--black-color-rgb), 0.2);} .header_inner > span.effect_box_1 {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset;mix-blend-mode: plus-lighter;} .header_inner > span.effect_box_2 {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 0px 0px 0px 1px #999999 inset;mix-blend-mode: overlay;} .header_inner > span.effect_box_3 {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 0px 0px 22px 0px rgba(242, 242, 242, 0.5) inset;mix-blend-mode: darken;} .header_inner .logo {width: 172px;height: 36px;padding-right: 16px;margin-left: 20px;} .header_inner .logo a {display: flex;align-items: center;height: 100%;width: 100%;} .header_inner .logo a svg {width: 100%;display: block;} .header_inner .logo a svg [fill="#141836"] {fill: var(--body-color);transition: var(--transition);} .header_inner .logo a svg [fill="#141836"] {fill: var(--body-color);} .dark_header .header_inner .logo a svg [fill="#141836"] {fill: var(--white-color);} .main_menu {position: relative;z-index: 1;} .main_menu > ul {display: flex;align-items: center;gap: 16px;} .main_menu > ul > li > a {font-weight: 500;font-size: 18px;line-height: 16px;letter-spacing: -0.1px;padding: 12px 16px;color: var(--body-color);position: relative;z-index: 1;transition: var(--transition);border-radius: 50px;} .dark_header .main_menu > ul > li > a {color: var(--white-color);} .main_menu > ul > li:hover > a, .main_menu > ul > li.active > a {box-shadow: 3px 3px 0.5px -3.5px rgba(var(--white-color-rgb), 0.5) inset;background-color: var(--body-color);color: var(--white-color);} .main_menu > ul > li.active > a {color: var(--theme-button);} .main_menu > ul > li > a > span.effect_box_1 {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 2px 2px 1px -2px #666666 inset, -2px -2px 1px -2px #666666 inset;mix-blend-mode: plus-lighter;opacity: 0;transition: var(--transition);} .main_menu > ul > li:hover > a > span.effect_box_1, .main_menu > ul > li.active > a > span.effect_box_1 {opacity: 1;} .main_menu > ul > li > a > span.effect_box_2 {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 0px 0px 0px 1px #A6A6A6 inset;mix-blend-mode: overlay;opacity: 0;transition: var(--transition);} .main_menu > ul > li:hover > a > span.effect_box_2, .main_menu > ul > li.active > a > span.effect_box_2 {opacity: 1;} .main_menu > ul > li > a > span.effect_box_3 {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 0px 0px 22px 0px #F2F2F2 inset;mix-blend-mode: darken;opacity: 0;transition: var(--transition);} .main_menu > ul > li:hover > a > span.effect_box_3, .main_menu > ul > li.active > a > span.effect_box_3 {opacity: 1;} .header_contact {display: flex;align-items: center;gap: 18px;padding-right: 18px;border-right: 1px solid var(--body-color);margin-right: 20px;transition: var(--transition);} .dark_header .header_contact {border-right-color: var(--white-color);} .header_contact .header_call_btn .call_number {display: flex;align-items: center;gap: 5px;font-weight: 400;font-size: 32px;line-height: 40px;letter-spacing: -0.5px;color: var(--body-color);transition: var(--transition);} .dark_header .header_contact .header_call_btn .call_number {color: var(--white-color);} .header_contact .header_call_btn .call_number svg {height: auto;width: auto;} .header_contact .header_call_btn .call_number svg [fill="#141836"] {fill: var(--body-color);transition: var(--transition);} .dark_header .header_contact .header_call_btn .call_number svg [fill="#141836"] {fill: var(--white-color);} .header_contact .header_whatsapp_btn {height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;background-color: #25D366;border-radius: 50%;box-shadow: 3px 3px 0.5px -3.5px rgba(var(--white-color-rgb), 0.5) inset;position: relative;z-index: 1;transition: var(--transition);} .header_contact .header_whatsapp_btn:hover {background-color: var(--body-color);} .header_contact .header_whatsapp_btn svg [fill="white"] {fill: var(--white-color);transition: var(--transition);} .header_contact .header_whatsapp_btn:hover svg [fill="white"] {fill: #25D366;} .header_contact .header_whatsapp_btn > span.effect_box_1 {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset;mix-blend-mode: plus-lighter;} .header_contact .header_whatsapp_btn > span.effect_box_2 {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 0px 0px 0px 1px #999999 inset;mix-blend-mode: overlay;} .header_contact .header_whatsapp_btn > span.effect_box_3 {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 0px 0px 22px 0px rgba(242, 242, 242, 0.5) inset;mix-blend-mode: darken;} .menu_toggler {height: 40px;width: 40px;position: relative;z-index: 12;cursor: pointer;display: block;margin: 0px;background-color: var(--body-color);box-shadow: 3px 3px 0.5px -3.5px rgba(var(--white-color-rgb), 0.5) inset;border-radius: 50px;} .menu_toggler > span.effect_box_1 {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset;mix-blend-mode: plus-lighter;} .menu_toggler > span.effect_box_2 {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 0px 0px 0px 1px #999999 inset;mix-blend-mode: overlay;} .menu_toggler > span.effect_box_3 {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50px;overflow: hidden;box-shadow: 0px 0px 22px 0px rgba(242, 242, 242, 0.5) inset;mix-blend-mode: darken;} .menu_toggler .menu_toggler_inner, .menu_toggler .menu_toggler_inner:after, .menu_toggler .menu_toggler_inner:before {width: 18px;height: 2px;transition-timing-function: ease;transition-duration: 0.4s;transition-property: transform;border-radius: 2px;background-color: var(--theme-button);position: absolute;left: 0;right: 0;} .menu_toggler .menu_toggler_inner{transition: top 75ms ease 0.12s,transform 75ms cubic-bezier(.55,.055,.675,.19);top: 0;bottom: 0;margin: auto;} .menu_toggler .menu_toggler_inner:after, .menu_toggler .menu_toggler_inner:before {display: block;content: "";} .menu_toggler .menu_toggler_inner:before {transition: top 75ms ease 0.12s,opacity 75ms ease;top: -7px;} .menu_toggler .menu_toggler_inner:after {transition: bottom 75ms ease 0.12s,transform 75ms cubic-bezier(.55,.055,.675,.19);bottom: -7px;} .menu_toggler.open_menu .menu_toggler_inner {transition: top 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) 0.12s;transform: rotate(45deg);top: 0;} .menu_toggler.open_menu .menu_toggler_inner:before {top: 0;transition: top 75ms ease,opacity 75ms ease 0.12s;opacity: 0;} .menu_toggler.open_menu .menu_toggler_inner:after {bottom: 0;transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) 0.12s;transform: rotate(-90deg);} .sub_menu, .sub_mega_menu {padding-top: 24px;position: absolute;z-index: 1;top: 100%;right: 0;margin: auto;transform: translateY(50px);opacity: 0;visibility: hidden;transition: var(--transition);width: 708px;} .sub_menu_inner, .sub_mega_menu_inner {border: 1px solid rgba(var(--theme-button-rgb), 0.5);border-radius: 32px;background-color: var(--body-color);overflow: hidden;display: flex;} .sub_menu_inner > ul, .sub_mega_menu_inner > ul {padding: 16px 24px 16px 8px;flex: 0 0 342px;max-width: 342px;align-self: center;} .sub_menu_inner > ul > li:not(:last-child), .sub_mega_menu_inner > ul > li:not(:last-child) {border-bottom: 1px solid var(--input-color);} .sub_menu_inner > ul > li > a, .sub_mega_menu_inner > ul > li > a {font-weight: 500;font-size: 16px;line-height: 40px;letter-spacing: -0.5px;padding: 0px 16px;color: var(--white-color);width: 100%;margin: 8px 0px;border-radius: 4px;transition: var(--transition);} .sub_menu_inner > ul > li > a:hover, .sub_mega_menu_inner > ul > li > a:hover, .sub_menu_inner > ul > li.active > a, .sub_mega_menu_inner > ul > li.active > a {padding: 0px 24px;background-color: var(--input-color);color: var(--theme-button);} .menu_image_box {padding: 4px 0px 4px 4px;position: relative;z-index: 1;flex: 0 0 364px;max-width: 364px;min-height: 280px;} .menu_image_box:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(270deg, #141836 0%, rgba(20, 24, 54, 0) 25%);z-index: 1;} .menu_image_box_inner {position: relative;height: 100%;width: 100%;border-radius: 28px 0px 0px 28px;overflow: hidden;background-size: cover;background-position: center;background-repeat: no-repeat;} .menu_image_box_inner img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;object-fit: cover;object-position: center;} /* header css end */ /* ------------------------------------------------------------------------------------------------------- */ /* footer css start */ .site_footer .container {max-width: 1490px;} .footer_top {padding: 90px 0px 32px;} .footer_top_inner {display: flex;flex-wrap: wrap;align-items: center;gap: 40px;} .footer_logo {flex: 0 0 192px;max-width: 192px;} .footer_logo a {width: 100%;display: block;} .footer_logo a img {width: 100%;display: block;} .footer_contact_details {flex: 0 0 calc(100% - 192px - 40px);max-width: calc(100% - 192px - 40px);display: flex;justify-content: flex-end;align-items: center;} .footer_contact_details .contact_email {padding: 0px 32px;border-left: 1px solid var(--input-color);border-right: 1px solid var(--input-color);} .footer_contact_details .contact_email a {display: flex;align-items: center;gap: 16px;font-weight: 400;font-size: 16px;line-height: 40px;letter-spacing: -0.5px;border-radius: 4px;color: var(--white-color);} .footer_contact_details .contact_email a:hover {color: var(--theme-button);} .footer_contact_details .contact_location {padding: 0px 32px;border-left: 1px solid var(--input-color);} .footer_contact_details .contact_location a {display: flex;align-items: center;gap: 16px;font-weight: 400;font-size: 16px;line-height: 40px;letter-spacing: -0.5px;border-radius: 4px;color: var(--white-color);} .footer_contact_details .contact_location a:hover {color: var(--theme-button);} .footer_contact_details .contact_number {padding: 0px 32px;} .footer_contact_details .contact_number a {display: flex;align-items: center;gap: 8px;font-weight: 100;font-size: 40px;line-height: 40px;letter-spacing: -0.5px;background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .contact_social {display: flex;align-items: center;gap: 16px;} .contact_social li a {height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: var(--theme-button);border: none;outline: none;overflow: hidden;position: relative;z-index: 1;box-shadow: 3px 3px 0.5px -3.5px rgba(var(--white-color-rgb), 0.5) inset;transition: var(--transition);} .contact_social li a:hover {background-color: var(--body-color);} .contact_social li a svg {height: 32px;width: 32px;} .contact_social li a svg path[fill] {fill: var(--body-color);transition: var(--transition);} .contact_social li a svg path[stroke] {fill: var(--body-color);transition: var(--transition);} .contact_social li a:hover svg path[fill] {fill: #F3D59D;} .contact_social li a:hover svg path[stroke] {fill: #F3D59D;} .contact_social li a span.effect_box_1 {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50%;overflow: hidden;box-shadow: 2px 2px 1px -2px #666666 inset, -2px -2px 1px -2px #666666 inset;mix-blend-mode: plus-lighter;} .contact_social li a span.effect_box_2 {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50%;overflow: hidden;box-shadow: 0px 0px 0px 1px #A6A6A6 inset;mix-blend-mode: overlay;} .contact_social li a span.effect_box_3 {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;border-radius: 50%;overflow: hidden;box-shadow: 0px 0px 22px 0px #F2F2F2 inset;mix-blend-mode: darken;} .footer_middle {padding: 36px 0px 50px;border-top: 1px solid var(--input-color);border-bottom: 1px solid var(--input-color);} .footer_middle_inner {display: flex;flex-wrap: wrap;gap: 40px;} .footer_middle_inner .footer_menu {flex: 0 0 calc(100% - 332px - 40px);max-width: calc(100% - 332px - 40px);} .footer_menu > ul {display: flex;gap: 40px;padding: 8px;} .footer_menu > ul > li {display: flex;flex-direction: column;gap: 8px;padding: 8px;} .footer_menu ul li a {font-weight: 400;font-size: 16px;line-height: 40px;letter-spacing: -0.5px;color: #F5F6FA;border-radius: 4px;padding: 0px 16px;margin-left: auto;transition: var(--transition);} .footer_menu ul li a:hover {background-color: var(--input-color);color: var(--theme-button);} .footer_menu > ul > li > a {font-weight: 700;} .footer_menu > ul > li > a + a {margin: 24px 0px 0px auto;} .footer_menu > ul > li > ul {display: flex;flex-direction: column;gap: 8px;} .footer_middle_inner .footer_achievement {flex: 0 0 332px;max-width: 332px;padding: 8px;border-right: 1px solid var(--input-color);} .footer_achievement a {max-width: 172px;margin: auto;display: block;} .footer_achievement a img {width: 100%;display: block;} .footer_bottom {padding: 36px 0px 50px;} .footer_bottom_inner {display: flex;gap: 40px;padding: 0px 16px;justify-content: space-between;} .footer_bottom_right ul {display: flex;align-items: center;} .footer_bottom_right ul li:not(:last-child) {position: relative;padding-left: 25px;} .footer_bottom_right ul li:not(:last-child):after {content: '';height: 16px;width: 1px;position: absolute;top: 0;bottom: 0;left: 12px;background-color: #7B809A;margin: auto;} .footer_bottom_right ul li {font-weight: 400;font-size: 16px;line-height: 40px;letter-spacing: -0.5px;color: #7B809A;} .footer_bottom_right ul li a {color: var(--white-color);text-decoration: underline;transition: var(--transition);} .footer_bottom_right ul li a:hover {color:var(--theme-button);} .footer_bottom_left a {font-weight: 400;font-size: 16px;line-height: 40px;letter-spacing: -0.5px;color: var(--white-color);padding: 0px 16px;border-radius: 4px;transition: var(--transition);} .footer_bottom_left a:hover {color:var(--theme-button);} /* footer css end */ /* ------------------------------------------------------------------------------------------------------- */ /* home banner section css start */ .home_banner_section {padding: 0px 0px 68px;} .banner_video_image_box {position: relative;min-height: 100vh;overflow: hidden;z-index: 1;} .banner_video_image_box > video, .banner_video_image_box > iframe, .banner_video_image_box > img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;object-fit: cover;object-position: center;z-index: -1;} .banner_video_image_box:before {content: '';position: absolute;bottom: 0;left: 0;right: 0;min-height: 320px;background: linear-gradient(180deg, rgba(20, 23, 42, 0) 0%, #14172A 100%);z-index: 2;} .video_play_pause_btn {position: absolute;bottom: 24px;left: 24px;z-index: 3;} .video_play_pause_btn a {width: 32px;height: 32px;border-radius: 2px;opacity: 1;background-color: rgba(var(--black-color-rgb), 0.2);display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;padding: 5px;} .video_play_pause_btn a:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border: 1px solid var(--theme-button);opacity: 0.5;border-radius: 5px;transition: var(--transition);z-index: -1;} .video_play_pause_btn a:hover:before {opacity: 1;background-color: var(--theme-button);} .banner_content {margin: -200px auto 0px;position: relative;z-index: 1;text-align: center;display: block;width: 1034px;} .banner_content h1 {font-weight: 400;font-size: 64px;line-height: 1;letter-spacing: -1.14px;font-family: var(--font-aboreto);background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);display: table;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: auto;padding: 20px 0px;position: relative;width: 100%;margin: 0px 0px 64px;} .banner_content h1:after {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(50% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 36%);} .banner_content h1:before {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(50% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 36%);} .banner_content p {font-weight: 400;font-size: 24px;line-height: 1.25;letter-spacing: -0.5px;color: var(--white-color);margin: 0px 0px 32px;} /* home banner section css end */ /* ------------------------------------------------------------------------------------------------------- */ /* accuracy and power section css start */ .accuracy_and_power_section {padding: 94px 0px 112px;overflow: hidden;} .accuracy_and_power_head h2 {font-weight: 400;font-size: 32px;line-height: 1;letter-spacing: -0.5px;text-align: center;display: table;margin: 0px auto 56px;background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .accuracy_and_power_box {padding: 86px 20px;background-image: url(../images/accuracy_and_power_bg_pattern.png), radial-gradient(140.83% 140.83% at 50% 50%, rgba(209, 164, 82, 0) 0%, rgba(209, 164, 82, 0) 40%, #D1A452 100%);background-repeat: repeat;background-position: center;border: 1px solid;border-image: radial-gradient(159.14% 77.2% at 50% 50%, rgba(209, 164, 82, 0) 0%, #D1A452 100%) 1 stretch;position: relative;z-index: 1;} .accuracy_and_power_box:before {content: '';position: absolute;top: -88px;right: -88px;width: 176px;height: 176px;background-image: url(../images/accuracy_and_power_shape_top_right.svg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;z-index: -1;} .accuracy_and_power_box:after {content: '';position: absolute;bottom: -64px;left: -64px;width: 344px;height: 344px;background-image: url(../images/accuracy_and_power_shape_bottom_left.svg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;z-index: -1;} .accuracy_and_power_number_list {display: flex;flex-wrap: wrap;gap: 20px 3px;justify-content: center;} .single_accuracy_and_power_number {padding: 0px 56px;flex: 0 0 auto;position: relative;z-index: 1;} .single_accuracy_and_power_number:not(:last-child):after {content: '';background-color: #F3D59D;height: 40px;width: 1px;position: absolute;top: 0;bottom: 0;left: -2px;margin: auto;} .single_accuracy_and_power_number h3 {display: flex;align-items: flex-end;gap: 8px;} .single_accuracy_and_power_number span.counter {font-weight: 400;font-size: 64px;line-height: 1;letter-spacing: -1.14px;font-family: var(--font-aboreto);direction: ltr;background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .single_accuracy_and_power_number span.counter * {background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .single_accuracy_and_power_number h3 small {font-weight: 400;font-size: 40px;line-height: 1;letter-spacing: -1.14px;font-family: var(--font-aboreto);background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .single_accuracy_and_power_number span.counter_lable {font-weight: 500;font-size: 20px;line-height: 32px;letter-spacing: -0.5px;color: var(--white-color);} .single_accuracy_and_power_number p {font-weight: 400;font-size: 20px;line-height: 1.25;letter-spacing: -0.5px;color: var(--white-color);margin: 8px 0px 0px;} /* accuracy and power section css end */ /* ------------------------------------------------------------------------------------------------------- */ /* marketing projects section css start */ .marketing_projects_section {padding: 56px 0px 92px;position: relative;} .marketing_projects_section .container {max-width: 1500px;} .marketing_projects_head h2 {font-weight: 100;font-size: 40px;line-height: 1;letter-spacing: 0.86px;text-align: center;display: table;width: 70%;margin: 0px auto 16px;background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding: 20px 0px;position: relative;} .marketing_projects_head h2:before {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(50% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 36%);} .marketing_projects_head h2:after {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(50% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 36%);} .marketing_projects_head p {font-weight: 400;font-size: 24px;line-height: 56px;letter-spacing: -0.5px;text-align: center;color: var(--white-color);margin: 0px 0px 16px;} .marketing_projects_slider_container {position: relative;z-index: 1;padding-bottom: 104px;} .marketing_projects_slider_container:before {content: '';position: absolute;top: 0;left: 0;right: 0;background: linear-gradient(180deg, #14172A 10%, rgba(20, 23, 42, 0) 100%);z-index: -1;height: 300px;} .marketing_projects_slider_container:after {content: '';position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(0deg, #14172A 10%, rgba(20, 23, 42, 0) 100%);z-index: -1;height: 300px;} .marketing_projects_slider_container_inner:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(180deg, #14172A 0%, rgba(20, 23, 42, 0) 40%, #14172A 100%);z-index: -1;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px)} .marketing_projects_slider_container_inner:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-image: var(--marketing-projects-bg);background-repeat: no-repeat;background-size: cover;background-position: center;opacity: 0.35;z-index: -2;} .marketing_project_slider_bg {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;} .marketing_project_slider_bg:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-image: url(../images/project_slider_main_img_1.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;z-index: -1;} .marketing_project_slider_bg:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: var(--body-color-dark);z-index: -1;opacity: 0.8;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);} .marketing_projects_list {text-align: center;} .marketing_projects_list ul {display: inline-flex;justify-content: center;align-items: flex-end;position: relative;z-index: 1;margin: auto;} .marketing_projects_list ul:after {content: '';height: 1px;width: 100%;background-color: #F5F6FA;opacity: 0.5;position: absolute;left: 0;right: 0;bottom: 0;} .marketing_projects_list ul li > span {display: block;width: 240px;font-weight: 400;font-size: 20px;line-height: 24px;letter-spacing: -0.5px;text-align: center;color: var(--white-color);position: relative;z-index: 1;overflow: hidden;padding: 42px 5px 16px;transition: var(--transition);cursor: pointer;} .marketing_projects_list ul li.project_active > span {padding: 30px 5px 20px;color: #F3D59D;} .marketing_projects_list ul li > span:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(180deg, rgba(20, 24, 54, 0) 0%, rgba(214, 168, 72, 0.3) 100%);z-index: -1;opacity: 0;transition: var(--transition);} .marketing_projects_list ul li.project_active > span:before {opacity: 1;} .marketing_projects_list ul li > span:after {content: '';position: absolute;bottom: 0;left: 0;right: 0;background-color: var(--theme-button);z-index: 1;transition: var(--transition);height: 0px;} .marketing_projects_list ul li.project_active > span:after {height: 4px;} .marketing_projects_list ul li.project_active > span:before {opacity: 1;} .marketing_projects_list ul li > span .project_pin {height: 36px;width: 36px;display: table;margin: 0px auto 2px;overflow: hidden;transition: var(--transition);} .marketing_projects_list ul li.project_active > span .project_pin {margin: 0px auto 6px;} .marketing_projects_list ul li > span .project_pin img {height: 100%;width: 100%;object-fit: contain;object-position: center;transition: var(--transition);transform: translateY(100px);display: block;} .marketing_projects_list ul li.project_active > span .project_pin img {transform: translateY(0px);} .marketing_projects_slider_box .container {position: relative;z-index: 1;} .marketing_projects_slider_box .slider_arrow_next {left: -50px;} .marketing_projects_slider_box .slider_arrow_prev {right: -50px;} .marketing_projects_slider .swiper-slide {opacity: 0;visibility: hidden;} .marketing_projects_slider .swiper-slide.swiper-slide-active {opacity: 1;visibility: visible;} .marketing_project_slide_inner {display: flex;gap: 16px;padding: 16px;position: relative;z-index: 1;} .marketing_project_slide_inner:before {content: '';position: absolute;z-index: -2;top: 72px;bottom: 0;left: 0;right: 0;opacity: 0.7;border: 1px solid;border-image: linear-gradient(-155deg, rgba(255, 255, 255, 1) 0%, rgba(209, 164, 82, 0) 68%, rgba(245, 246, 250, 1) 100%) 1 stretch;} .marketing_project_slide_inner .main_image_box {flex: 0 0 calc(100% - 296px - 16px);max-width: calc(100% - 296px - 16px);} .marketing_project_slide_inner .main_image {position: relative;z-index: 1;width: 100%;height: 100%;} .marketing_project_slide_inner .main_image > img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;object-fit: cover;object-position: center;} .main_image_content {position: absolute;top: 32px;bottom: 32px;right: 0;background: linear-gradient(270deg, #F5F6FA 0%, rgba(245, 246, 250, 0.4) 100%);z-index: 11;width: 400px;backdrop-filter: blur(28px);-webkit-backdrop-filter: blur(28px);} .main_image_content .logo_box {height: 256px;display: flex;align-items: center;justify-content: center;padding: 20px;} .main_image_content .logo_box img {max-width: 80%;max-height: 80%;object-fit: contain;object-position: center;} .main_image_content .text_box {height: 224px;display: flex;align-items: center;justify-content: center;padding: 20px 42px;border-top: 1px solid rgba(var(--body-color-rgb), 0.1);border-bottom: 1px solid rgba(var(--body-color-rgb), 0.1);} .main_image_content .text_box p {font-weight: 400;font-size: 18px;line-height: 24px;letter-spacing: -0.5px;color: var(--body-color);} .main_image_content .button_box {padding: 24px 0px 16px;display: flex;} .main_image_content .button_box .theme_btn.theme_btn_dark {margin-right: auto;border-radius: 0px 50px 50px 0px;} .main_image_content .button_box .theme_btn.theme_btn_dark .effect_box_1 {border-radius: 0px 50px 50px 0px;} .main_image_content .button_box .theme_btn.theme_btn_dark .effect_box_2 {border-radius: 0px 50px 50px 0px;} .main_image_content .button_box .theme_btn.theme_btn_dark .effect_box_3 {border-radius: 0px 50px 50px 0px;} .marketing_project_slide_inner .small_image_box {flex: 0 0 296px;max-width: 296px;} .marketing_project_slide_inner .small_image {position: relative;z-index: 1;width: 100%;height: 592px;} .marketing_project_slide_inner .small_image > img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;object-fit: cover;object-position: center;} .project_grid_list {padding: 40px 0px 0px;} .project_grid_list .container {max-width: 1550px;} .project_grid_shapes_top_right {content: '';position: absolute;top: 0;right: 0;height: 176px;width: 176px;background-image: url(../images/shape_top_right_circle.svg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;z-index: 0;} .project_grid_shapes_bottom_left {content: '';position: absolute;bottom: 0;left: 0;height: 96px;width: 110px;background-image: url(../images/shape_bottom_left_triangle.svg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;z-index: 0;} .project_grid_list_inner {display: flex;flex-wrap: wrap;gap: 16px;padding: 40px;position: relative;z-index: 1;} .project_grid_list_inner:before {content: '';position: absolute;z-index: -2;top: 0;bottom: 0;left: 0;right: 0;border: 1px solid;border-image: linear-gradient(46.88deg, rgba(38, 95, 107, 0.7) 3.7%, rgba(38, 95, 107, 0) 42.29%, #265F6B 98.89%) 1 stretch;} .single_project_grid.no_link {cursor: auto;} .single_project_grid {flex: 0 0 calc((100% - (16px * 1)) / 2);max-width: calc((100% - (16px * 1)) / 2);position: relative;z-index: 1;border-radius: 4px;overflow: hidden;display: block;padding: 1px;background-color: var(--input-color);transition: var(--transition);cursor: pointer;} .single_project_grid:before {content: '';position: absolute;z-index: -2;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);opacity: 0;visibility: hidden;transition: var(--transition);} .single_project_grid:hover:before {opacity: 1;visibility: visible;} .project_thumbnail {position: relative;z-index: 1;padding-top: 62.817%;overflow: hidden;border-radius: 4px;} .project_thumbnail:after {content: '';position: absolute;top: 0;bottom: -50%;left: 0;right: 0;background: linear-gradient(180deg, rgba(1, 3, 36, 0) 0%, rgba(20, 23, 42, 0.8) 100%);z-index: 1;transition: var(--transition);} .single_project_grid:hover .project_thumbnail:after {bottom: 0%;} .project_thumbnail img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;height: 100%;width: 100%;object-fit: cover;object-position: center;transition: var(--transition);} .single_project_grid:hover .project_thumbnail img {transform: scale(1.15);} .project_badge {position: absolute;top: -2px;left: -2px;z-index: 2;height: 80px;width: 80px;display: flex;align-items: center;justify-content: center;} .project_badge:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;} .project_badge[data-type="marketing"]:before {background-image: url(../images/marketing.svg);} .project_badge[data-type="planning"]:before {background-image: url(../images/planning.svg);} .project_badge[data-type="populated"]:before {background-image: url(../images/populated.svg);} .project_badge .badge_text {font-weight: 500;font-size: 16px;line-height: 100%;letter-spacing: -0.5px;color: var(--body-color);text-shadow: 0px 1px 0px rgba(var(--white-color-rgb), 60%);transform: rotate(-45deg);display: flex;align-items: center;justify-content: center;padding-bottom: 32px;} .project_grid_content {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 2;display: flex;align-items: center;justify-content: center;transition: var(--transition);width: 268px;height: 165px;} .single_project_grid:hover .project_grid_content {transform: scale(1.15);} .project_grid_content .logo_box {height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;} .project_grid_content .logo_box img {max-width: 100%;max-height: 100%;object-fit: contain;object-position: center;} .project_grid_content .text_box {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;flex-direction: column;height: 130px;width: 250px;margin: auto;padding: 10px;text-align: center;} .project_grid_content .text_box.with_bg {background-color: rgba(var(--body-color-rgb), 0.7);} .project_grid_content .text_box h3 {font-weight: 400;font-size: 32px;line-height: 1;letter-spacing: -0.5px;color: var(--white-color);margin-bottom: 8px;} .project_grid_content .text_box p {font-weight: 100;font-size: 24px;line-height: 1;letter-spacing: -0.5px;color: var(--white-color);} .category_title {position: absolute;top: 0;left: 0;right: 0;padding: 16px 80px;font-weight: 500;font-size: 20px;line-height: 1.3;letter-spacing: -0.5px;text-align: center;color: var(--white-color);z-index: 3;} .project_title {position: absolute;left: 0;right: 0;bottom: -48px;padding: 0px 28px;z-index: 3;transition: var(--transition);} .single_project_grid:hover .project_title {bottom: 16px;} .project_title p {font-weight: 400;font-size: 18px;line-height: 32px;position: relative;padding-left: 24px;color: var(--white-color);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;min-height: 32px;} .project_title p:after {content: '';height: 20px;width: 20px;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;background-image: url(../images/project_plus.svg);background-repeat: no-repeat;background-size: 16px 16px;background-position: center;transition: var(--transition);} .single_project_grid:hover .project_title p:after {transform: rotate(90deg);} .more_project_btn {text-align: center;margin-top: 52px;} /* marketing projects section css end */ /* ------------------------------------------------------------------------------------------------------- */ /* precision meets comfort section css start */ .precision_meets_comfort_section {overflow: hidden;} .precision_meets_comfort_head {padding: 136px;background-color: var(--white-color);} .precision_meets_comfort_head_inner {padding: 52px;position: relative;z-index: 1;border: 1px solid;border-image: linear-gradient(14deg, rgba(38, 95, 107, 0) 32%, #265F6B 100%) 1 stretch;} .precision_meets_comfort_head_inner:before {content: '';position: absolute;top: -2px;right: -60px;width: 245px;height: 245px;background-image: url(../images/precision_meets_comfort_head_top_right.svg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;z-index: 1;} .precision_meets_comfort_head_inner:after {content: '';position: absolute;bottom: -84px;left: -50px;width: 395px;height: 428px;background-image: url(../images/precision_meets_comfort_head_bottom_left.svg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;z-index: 1;} .precision_meets_comfort_head_inner .bg_box {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;} .precision_meets_comfort_head_content {text-align: center;max-width: 1240px;margin: auto;} .precision_meets_comfort_head_content h2 {font-weight: 400;font-size: 40px;line-height: 1.6;letter-spacing: -1.14px;font-family: var(--font-aboreto);color: var(--body-color);padding: 20px 0px;} .precision_meets_comfort_head_content h3 {font-weight: 400;font-size: 32px;line-height: 1;letter-spacing: -0.5px;padding: 5px 0px;color: var(--title-color);} .precision_meets_comfort_head_content p {font-weight: 400;font-size: 24px;line-height: 40px;letter-spacing: -0.5px;margin: 16px 0px 0px;color: var(--body-color);} .precision_meets_comfort_list {background-color: #F5F6FA;} .single_precision_meets_comfort {position: relative;} .single_precision_meets_comfort:before {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(50% 720.89% at 50% 50%, rgba(20, 24, 54, 0.9) 0%, rgba(20, 24, 54, 0) 36%);z-index: 3;} .single_precision_meets_comfort:after {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(50% 720.89% at 50% 50%, rgba(20, 24, 54, 0.9) 0%, rgba(20, 24, 54, 0) 36%);z-index: 3;} .single_precision_meets_comfort .single_precision_meets_comfort_inner {display: flex;flex-wrap: wrap;position: relative;} .single_precision_meets_comfort:not(:first-child) .single_precision_meets_comfort_inner:before {content: '';position: absolute;top: -15px;left: 0;right: 0;margin: auto;height: 30px;width: 30px;z-index: 4;transform: rotate(45deg);background: linear-gradient(45deg, #F3D59D 0%, #E6B45D 100%);background-size: 100% 100%;border: 1px solid rgba(var(--black-color-rgb), 0.1);} .single_precision_meets_comfort:not(:first-child) .single_precision_meets_comfort_inner:after {content: '';position: absolute;top: -214px;left: 0;right: 0;margin: auto;height: 428px;width: 428px;z-index: 1;background-image: url(../images/grid_diamond_pattern.svg);background-size: contain;background-position: center;background-repeat: no-repeat;} .single_precision_meets_comfort:nth-child(even) .single_precision_meets_comfort_inner {flex-direction: row-reverse;} .precision_meets_comfort_image {flex: 0 0 50%;max-width: 50%;position: relative;z-index: 3;} .precision_meets_comfort_image_inner {position: relative;z-index: 2;overflow: hidden;padding-top: 69.167%;min-height: 100%;} .precision_meets_comfort_image_inner img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 100%;width: 100%;object-position: center;object-fit: cover;} .precision_meets_comfort_image_inner .theme_btn.icon_btn {position: absolute;bottom: 24px;left: 24px;z-index: 11;} .precision_meets_comfort_content {flex: 0 0 50%;max-width: 50%;position: relative;align-self: center;} .precision_meets_comfort_content_inner {max-width: 544px;margin: 0px auto;padding: 20px;position: relative;z-index: 11;} .precision_meets_comfort_content_inner h3 {font-weight: 400;font-size: 32px;line-height: 40px;letter-spacing: -0.5px;color: var(--title-color);margin: 16px 0px;} .precision_meets_comfort_content_inner p {font-weight: 400;font-size: 18px;line-height: 32px;letter-spacing: -0.5px;color: var(--body-color);margin: 0px 0px 40px;} .precision_meets_comfort_content_inner .title_label {font-weight: 400;font-size: 16px;line-height: 32px;letter-spacing: -0.5px;color: var(--body-color-dark);background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);display: table;padding: 0px 16px;position: relative;z-index: 1;} .precision_meets_comfort_content_inner .title_label:before {content: '';position: absolute;top: 1px;bottom: 1px;left: 0;right: 0;background-color: #F5F6FA;z-index: -1;} /* precision meets comfort section css end */ /* ------------------------------------------------------------------------------------------------------- */ /* our precision section css start */ .our_precision_section {background-color: var(--theme-button);padding: 176px 0px;position: relative;z-index: 1;} .our_precision_section .container {max-width: 1262px;} .our_precision_video_box {position: absolute;top: 0;bottom: 0;left: auto;right: 0;height: 100%;width: 65%;z-index: -1;} .our_precision_video_box:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(270deg, rgba(218, 133, 68, 0) 0%, #E6B45D 100%);z-index: 1;} .our_precision_video_box video {height: 100%;width: 100%;object-fit: cover;object-position: center;opacity: 0.3;position: relative;z-index: -1;} .our_precision_content {text-align: center;} .our_precision_content h2 {font-weight: 400;font-size: 32px;line-height: 40px;letter-spacing: -0.5px;color: var(--body-color-dark);} .our_precision_content h2 strong {font-weight: 700;} .our_precision_content p {font-weight: 400;font-size: 24px;line-height: 40px;letter-spacing: -0.5px;color: var(--body-color-dark);margin: 24px 0px 56px;} /* our precision section css end */ /* ------------------------------------------------------------------------------------------------------- */ /* choose differently section css start */ .choose_differently_section {padding: 96px 0px;position: relative;z-index: 1;background-image: url(../images/choose_differently_pattern.png);background-repeat: repeat;background-position: center;} .choose_differently_section:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(180deg, rgba(20, 23, 42, 0) 0%, #14172A 100%);z-index: -1;} .general_contact_form {padding: 48px 78px 80px;background-color: var(--body-color-dark);background-image: radial-gradient(140.83% 140.83% at 50% 50%, rgba(209, 164, 82, 0) 0%, rgba(209, 164, 82, 0) 40%, #D1A452 100%);border: 1px solid;border-image: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%) 1 stretch;} .general_contact_form_head {padding-bottom: 32px;} .general_contact_form_head h2 {font-weight: 400;font-size: 32px;line-height: 40px;letter-spacing: -0.5px;background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .general_contact_form_head p {font-weight: 400;font-size: 18px;line-height: 32px;letter-spacing: -0.5px;color: #F5F6FA;} .general_contact_form form {align-items: flex-end;gap: 24px 16px;} .general_contact_form form .form-row {flex: 0 0 calc((100% - 206px - (16px * 3)) / 3);max-width: calc((100% - 206px - (16px * 3)) / 3);} .general_contact_form form .form-row.checkbox-row {flex: 0 0 100%;max-width: 100%;order: 2;} .general_contact_form form .form-btn {flex: 0 0 206px;max-width: 206px;margin: 0;} .general_contact_form form .form-btn .form_btn {width: 100%;} .cf7-thank-you {display: flex;align-items: center;justify-content: space-between;flex-direction: column;height: 128px;} .cf7-thank-you .icon {height: 56px;width: 56px;} .cf7-thank-you .icon img {height: 100%;width: 100%;object-fit: contain;object-position: center;} .cf7-thank-you h3 {font-weight: 400;font-size: 24px;line-height: 32px;letter-spacing: -0.5px;color: var(--theme-button);} .cf7-thank-you p {font-weight: 400;font-size: 16px;line-height: 32px;letter-spacing: -0.5px;color: var(--white-color);} /* choose differently section css end */ /* ------------------------------------------------------------------------------------------------------- */ /* segments banner section css start */ .segments_banner_section {height: 784px;width: 100%;position: relative;overflow: hidden;z-index: 1;} .segments_banner_video_image_box {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;height: 100%;width: 100%;background-color: var(--body-color);} .segments_banner_video_image_box img, .segments_banner_video_image_box video {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;object-fit: cover;object-position: center;z-index: -1;opacity: 0.3;mix-blend-mode: screen;} .segments_banner_content {position: relative;z-index: 2;padding: 88px 35px 24px;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;} .segments_banner_content .container {max-width: 850px;} .segments_banner_logo {max-width: 320px;display: block;margin: 0px auto 75px;} .segments_banner_logo img {width: 100%;display: block;} .segments_banner_text {text-align: center;} .segments_banner_text h1 {font-weight: 500;font-size: 40px;line-height: 1;letter-spacing: 0.86px;background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);display: table;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: 0px auto 16px;padding: 20px 0px;position: relative;} .segments_banner_text h1:before {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(40% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 132.92%);} .segments_banner_text h1:after {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(40% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 132.92%);} .segments_banner_text p {font-weight: 400;font-size: 24px;line-height: 40px;letter-spacing: -0.5px;color: var(--white-color);} /* segments banner section css end */ /* ------------------------------------------------------------------------------------------------------- */ /* segments list section css start */ .segments_list {background-color: #F5F6FA;} .single_segment {position: relative;} .single_segment:before {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(50% 720.89% at 50% 50%, rgba(20, 24, 54, 0.9) 0%, rgba(20, 24, 54, 0) 36%);z-index: 3;} .single_segment:after {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(50% 720.89% at 50% 50%, rgba(20, 24, 54, 0.9) 0%, rgba(20, 24, 54, 0) 36%);z-index: 3;} .single_segment .single_segment_inner {display: flex;flex-wrap: wrap;position: relative;} .single_segment:not(:first-child) .single_segment_inner:before {content: '';position: absolute;top: -15px;left: 0;right: 0;margin: auto;height: 30px;width: 30px;z-index: 4;transform: rotate(45deg);background: linear-gradient(45deg, #F3D59D 0%, #E6B45D 100%);background-size: 100% 100%;border: 1px solid rgba(var(--black-color-rgb), 0.1);} .single_segment:not(:first-child) .single_segment_inner:after {content: '';position: absolute;top: -214px;left: 0;right: 0;margin: auto;height: 428px;width: 428px;z-index: 1;background-image: url(../images/grid_diamond_pattern.svg);background-size: contain;background-position: center;background-repeat: no-repeat;} .single_segment:nth-child(odd) .single_segment_inner {flex-direction: row-reverse;} .single_segment_image {flex: 0 0 50%;max-width: 50%;position: relative;z-index: 3;} .single_segment_image_inner {position: relative;z-index: 2;overflow: hidden;padding-top: 69.16%;min-height: 100%;} .single_segment_image_inner img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 100%;width: 100%;object-position: center;object-fit: cover;} .single_segment_content {flex: 0 0 50%;max-width: 50%;position: relative;align-self: center;} .single_segment_content_inner {max-width: 544px;margin: 0px auto;padding: 20px;position: relative;z-index: 5;} .single_segment_content_inner h3 {font-weight: 400;font-size: 32px;line-height: 40px;letter-spacing: -0.5px;color: var(--title-color);margin: 16px 0px;} .single_segment_content_inner p {font-weight: 400;font-size: 18px;line-height: 32px;letter-spacing: -0.5px;color: var(--body-color);margin: 0px 0px 40px;} .single_segment_content_inner .title_label {font-weight: 400;font-size: 16px;line-height: 32px;letter-spacing: -0.5px;color: var(--body-color-dark);background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);display: table;padding: 0px 16px;position: relative;z-index: 1;} .single_segment_content_inner .title_label:before {content: '';position: absolute;top: 1px;bottom: 1px;left: 0;right: 0;background-color: #F5F6FA;z-index: -1;} /* segments list section css end */ /* ------------------------------------------------------------------------------------------------------- */ /* single segment banner section css start */ .single_segment_banner_section {height: 784px;width: 100%;position: relative;overflow: hidden;z-index: 1;} .single_segment_banner_video_image_box {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;height: 100%;width: 100%;background-color: var(--body-color);} .single_segment_banner_video_image_box:before {content: '';position: absolute;top: 0;bottom: auto;left: 0;right: 0;height: 200px;background: linear-gradient(0deg, rgba(20, 24, 54, 0) 0%, rgba(20, 23, 42, 1) 100%);opacity: 1;} .single_segment_banner_video_image_box:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(180deg, rgba(20, 24, 54, 0.4) 0%, rgba(20, 23, 42, 1) 100%);opacity: 0.7;} .single_segment_banner_video_image_box img, .single_segment_banner_video_image_box video {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;object-fit: cover;object-position: center;z-index: -1;} .single_segment_banner_content {position: relative;z-index: 2;padding: 88px 35px 24px;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;} .single_segment_banner_content .container {max-width: 850px;} .segment_commercial .single_segment_banner_content .container {max-width: 1325px;} .segment_renewal .single_segment_banner_content .container {max-width: 1325px;} .single_segment_banner_logo {max-width: 320px;display: block;margin: 0px auto 50px;} .single_segment_banner_logo img {width: 100%;display: block;} .single_segment_banner_text {text-align: center;} .single_segment_banner_text h1 {font-weight: 500;font-size: 40px;line-height: 1;letter-spacing: 0.86px;background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);display: table;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: 0px auto 16px;padding: 20px 0px;position: relative;} .single_segment_banner_text h1:before {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(40% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 132.92%);} .single_segment_banner_text h1:after {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(40% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 132.92%);} .single_segment_banner_text p {font-weight: 400;font-size: 24px;line-height: 40px;letter-spacing: -0.5px;color: var(--white-color);} /* single segment banner section css end */ /* ------------------------------------------------------------------------------------------------------- */ /* single segment specification section css start */ .single_segment_specification_section {padding: 96px 88px;} .single_segment_specification_inner {display: flex;flex-wrap: wrap;background-color: #F5F6FA;border-radius: 4px;overflow: hidden;} .single_segment_specification_image {flex: 0 0 50%;max-width: 50%;} .single_segment_specification_image_inner {position: relative;padding-top: 76.15%;overflow: hidden;z-index: 1;min-height: 100%;} .single_segment_specification_image_inner img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;object-fit: cover;object-position: center;z-index: -1;} .single_segment_specification_content {flex: 0 0 680px;max-width: 680px;margin: 0px auto;padding: 64px 20px;align-self: center;} .single_segment_specification_content h3 {font-weight: 400;font-size: 32px;line-height: 40px;letter-spacing: -0.5px;color: var(--title-color);margin-bottom: 16px;} .single_segment_specification_content p {font-weight: 400;font-size: 18px;line-height: 32px;letter-spacing: -0.5px;color: var(--body-color);} .single_segment_specification_content p strong {font-weight: 700;} .single_segment_specification_content ul li {position: relative;padding-right: 80px;display: flex;align-items: center;flex-wrap: wrap;margin-top: 16px;min-height: 56px;} .single_segment_specification_content ul li:before {content: '';height: 56px;width: 56px;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;background-image: url(../images/segment_specification_item_icon.svg);background-repeat: no-repeat;background-size: contain;background-position: center;} .single_segment_specification_content ul li p {line-height: 24px;flex: 0 0 100%;max-width: 100%;} /* single segment specification section css end */ /* ------------------------------------------------------------------------------------------------------- */ /* renewal process section css start */ .renewal_process_section {padding: 120px 0px 0px;overflow: hidden;} .renewal_process_section .container {max-width: 1550px;} .renewal_process_head {text-align: center;max-width: 1235px;margin: 0px auto 64px;} .renewal_process_head h2 {font-weight: 100;font-size: 40px;line-height: 1;letter-spacing: 0.86px;text-align: center;display: table;width: 70%;margin: 0px auto 40px;background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding: 20px 0px;position: relative;} .renewal_process_head h2:before {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(50% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 36%);} .renewal_process_head h2:after {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(50% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 36%);} .renewal_process_head p {font-weight: 400;font-size: 24px;line-height: 56px;letter-spacing: -0.5px;color: var(--white-color);} .renewal_process_head p strong {font-weight: 700;display: block;} .renewal_process {padding: 32px 0px 144px;position: relative;z-index: 1;} .renewal_process:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(180deg, #14172A 0%, rgba(20, 23, 42, 0) 40%, #14172A 100%);z-index: -1;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);} .renewal_process:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-image: url(../images/renewal_process_bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;opacity: 0.35;z-index: -2;} .renewal_process_inner {display: flex;flex-wrap: wrap;gap: 80px 76px;counter-reset: stepNumber;position: relative;z-index: 1;} .renewal_process_inner:before {content: '';position: absolute;z-index: -2;top: 16px;bottom: 16px;left: 16px;right: 16px;opacity: 0.7;border: 1px solid;border-image: linear-gradient(31.63deg, #FFFFFF -5.11%, rgba(209, 164, 82, 0) 56.78%, #F5F6FA 85.7%) 1 stretch;} .single_process_step {flex: 0 0 calc((100% - (76px * 2)) / 3);max-width: calc((100% - (76px * 2)) / 3);background: linear-gradient(270deg, #F5F6FA 0%, rgba(245, 246, 250, 0.8) 100%);backdrop-filter: blur(28px);-webkit-backdrop-filter: blur(28px);border-radius: 4px;padding: 64px 16px 16px;} .process_step_image {height: 144px;width: 144px;display: block;margin: auto;border: 4px solid #DDDDDD;border-radius: 50%;background-color: #DDDDDD;box-shadow: 0px 10px 32px -4px rgba(24, 39, 75, 0.1), 0px 6px 14px -6px rgba(24, 39, 75, 0.12);margin-top: -124px;margin-bottom: -28px;position: relative;z-index: 1;} .process_step_image img {height: 100%;width: 100%;object-fit: cover;object-position: center;mix-blend-mode: multiply;} .process_step_content {padding: 48px 8px 40px;border-top: 1px solid rgba(var(--body-color-rgb), 0.1);border-bottom: 1px solid rgba(var(--body-color-rgb), 0.1);text-align: center;} .process_step_content h3 {font-weight: 400;font-size: 22px;line-height: 28px;letter-spacing: -0.5px;display: inline-flex;padding: 10px 72px 10px 24px;background-color: var(--black-color);color: var(--theme-button);position: relative;z-index: 1;margin-bottom: 32px;} .process_step_content h3:before {counter-increment: stepNumber;content: counter(stepNumber);background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);height: 44px;width: 44px;display: flex;align-items: center;justify-content: center;font-weight: 400;font-size: 24px;color: var(--body-color);position: absolute;top: 0;bottom: 0;right: 2px;margin: auto;} .process_step_content p {font-weight: 400;font-size: 18px;line-height: 24px;letter-spacing: -0.5px;color: var(--body-color);} /* renewal process section css end */ /* ------------------------------------------------------------------------------------------------------- */ /* segment projects section css start */ .segment_projects_section {padding: 56px 0px 116px;} .segment_projects_with_filter_section {padding: 40px 0px 168px;} .segment_projects_head h2 {font-weight: 100;font-size: 40px;line-height: 1;letter-spacing: 0.86px;text-align: center;display: table;width: 70%;margin: 0px auto 40px;background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding: 20px 0px;position: relative;} .segment_projects_head h2:before {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(50% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 36%);} .segment_projects_head h2:after {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(50% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 36%);} .segment_projects_section .project_grid_list .container {max-width: 1678px;width: calc(100% - 80px);} .segment_projects_with_filter_section .project_grid_list .container {max-width: 1678px;width: calc(100% - 80px);} .project_grid_filters {text-align: center;position: sticky;top: 59px;z-index: 4;} .admin-bar .project_grid_filters {top: calc(59px + 32px);} .project_grid_filters p {font-weight: 400;font-size: 16px;line-height: 24px;color: var(--white-color);text-align: initial;} .project_grid_filters .custom_select {width: 100%;font-weight: 400;font-size: 18px;line-height: 48px;color: var(--white-color);text-align: initial;padding: 0px 8px 0px 40px;border-radius: 4px;position: relative;z-index: 1;border-radius: 4px;transition: var(--transition);overflow: hidden;} .project_grid_filters .custom_select:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -2;border-radius: 4px;background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);} .project_grid_filters .custom_select:after {content: '';position: absolute;top: 1px;bottom: 1px;left: 1px;right: 1px;z-index: -1;border-radius: 4px;background-color: var(--body-color-dark);} .project_grid_filters .custom_select svg {position: absolute;top: 0;bottom: 0;left: 8px;margin: auto;} .project_grid_filters .custom_select svg [fill] {fill: var(--white-color);} .project_grid_filters ul {display: inline-flex;align-items: center;justify-content: center;margin: 0px auto;background: var(--body-color-dark);border: 1px solid #40476A;border-radius: 8px;overflow: hidden;position: relative;z-index: 2;top: 29px;} .project_grid_filters ul li a {font-weight: 400;font-size: 18px;line-height: 24px;letter-spacing: -0.5px;color: var(--white-color);padding: 16px 24px;position: relative;z-index: 1;min-width: 112px;display: flex;align-items: center;justify-content: center;} .project_grid_filters ul li.filter_selected a, .project_grid_filters ul li a:hover {color: var(--theme-button);} .project_grid_filters ul li a:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: linear-gradient(180deg, rgba(20, 24, 54, 0) 0%, rgba(214, 168, 72, 0.3) 100%);z-index: -1;opacity: 0;transition: var(--transition);} .project_grid_filters ul li.filter_selected a:before, .project_grid_filters ul li a:hover:before {opacity: 1;} .project_grid_filters ul li a:after {content: '';position: absolute;bottom: 0;left: 0;right: 0;background-color: var(--theme-button);z-index: 1;transition: var(--transition);height: 0px;} .project_grid_filters ul li.filter_selected a:after, .project_grid_filters ul li a:hover:after {height: 4px;} .segment_projects_section .project_grid_list_inner {padding: 108px 104px;justify-content: center;} .segment_projects_section .renewal_grid_list .project_grid_list_inner {justify-content: flex-start;} .segment_projects_with_filter_section .project_grid_list_inner {padding: 108px 104px;} .segment_projects_section .project_grid_shapes_top_right:before {content: '';height: 139.25%;width: 139.25%;position: absolute;top: 0;left: 0;background-image: url(../images/texture_circle.svg);background-position: center;background-repeat: no-repeat;background-size: contain;} .segment_projects_section .project_grid_shapes_bottom_left:before {content: '';height: 194%;width: 194%;position: absolute;top: 0;left: -47%;right: -47%;margin: auto;background-image: url(../images/texture_triangle.svg);background-position: center center;background-repeat: no-repeat;background-size: contain;} .segment_projects_with_filter_section .project_grid_shapes_top_right:before {content: '';height: 139.25%;width: 139.25%;position: absolute;top: 0;left: 0;background-image: url(../images/texture_circle.svg);background-position: center;background-repeat: no-repeat;background-size: contain;} .segment_projects_with_filter_section .project_grid_shapes_bottom_left:before {content: '';height: 194%;width: 194%;position: absolute;top: 0;left: -47%;right: -47%;margin: auto;background-image: url(../images/texture_triangle.svg);background-position: center center;background-repeat: no-repeat;background-size: contain;} .renewal_grid_list .single_project_grid {flex: 0 0 calc((100% - (16px * 2)) / 3);max-width: calc((100% - (16px * 2)) / 3);} .residential_grid_list .single_project_grid {flex: 0 0 calc((100% - (16px * 2)) / 3);max-width: calc((100% - (16px * 2)) / 3);} .renewal_grid_list .project_thumbnail {padding-top: 100%;} .residential_grid_list .project_thumbnail {padding-top: 100%;} .renewal_grid_list .project_thumbnail:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(var(--body-color-rgb), 0.4);z-index: 0;} .renewal_grid_list .project_thumbnail:after {bottom: 0%;} .renewal_project_bottom {position: absolute;bottom: 16px;left: 16px;right: 16px;z-index: 3;background: linear-gradient(270deg, rgba(245, 246, 250, 0.4) 0%, #F5F6FA 100%);backdrop-filter: blur(28px);-webkit-backdrop-filter: blur(28px);border-radius: 4px;} .renewal_project_bottom ul {padding: 0px 72px;display: flex;align-items: center;justify-content: space-between;text-align: center;gap: 88px;} .renewal_project_bottom ul li {flex: 0 0 calc((100% - (88px * 1)) / 2);max-width: calc((100% - (88px * 1)) / 2);padding: 12px 0px;position: relative;} .renewal_project_bottom ul li:not(:last-child):after {content: '';position: absolute;height: 70px;width: 40px;top: 0;bottom: 0;left: -64px;margin: auto;background-image: url(../images/renewal_project_double_arrow.svg);background-repeat: no-repeat;background-size: contain;background-position: center center;} .renewal_project_bottom ul li span {font-weight: 400;font-size: 18px;line-height: 24px;letter-spacing: -0.5px;color: var(--body-color);display: block;} .renewal_project_bottom ul li p {font-weight: 400;font-size: 26px;line-height: 24px;letter-spacing: -0.5px;color: var(--body-color);} .renewal_project_bottom ul li.after_renewal p {font-weight: 700;} /* segment projects section css end */ /* ------------------------------------------------------------------------------------------------------- */ /* elbit imaging banner section css start */ .elbit_imaging_banner_section {height: 784px;width: 100%;position: relative;overflow: hidden;z-index: 1;} .elbit_imaging_banner_video_image_box {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;height: 100%;width: 100%;background-color: #333E41;} .elbit_imaging_banner_video_image_box img, .elbit_imaging_banner_video_image_box video {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;object-fit: cover;object-position: center;z-index: -1;opacity: 0.3;mix-blend-mode: screen;} .elbit_imaging_banner_content {position: relative;z-index: 2;padding: 88px 35px 24px;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;} .elbit_imaging_banner_content .container {max-width: 850px;} .segment_commercial .elbit_imaging_banner_content .container {max-width: 1325px;} .segment_renewal .elbit_imaging_banner_content .container {max-width: 1325px;} .elbit_imaging_banner_logo {max-width: 320px;display: block;margin: 0px auto 50px;} .elbit_imaging_banner_logo img {width: 100%;display: block;} .elbit_imaging_banner_text {text-align: center;} .elbit_imaging_banner_text h1 {font-weight: 500;font-size: 40px;line-height: 1;letter-spacing: 0.86px;background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);display: table;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: 0px auto 16px;padding: 20px 0px;position: relative;} .elbit_imaging_banner_text h1:before {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(40% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 132.92%);} .elbit_imaging_banner_text h1:after {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(40% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 132.92%);} .elbit_imaging_banner_text p {font-weight: 400;font-size: 24px;line-height: 40px;letter-spacing: -0.5px;color: var(--white-color);} /* elbit imaging banner section css end */ /* ------------------------------------------------------------------------------------------------------- */ /* bold ambitions section css start */ .bold_ambitions_section {overflow: hidden;} .bold_ambitions_head {padding: 136px;background-color: var(--white-color);} .bold_ambitions_head_inner {padding: 52px;position: relative;z-index: 1;border: 1px solid;border-image: linear-gradient(14deg, rgba(38, 95, 107, 0) 32%, #265F6B 100%) 1 stretch;} .bold_ambitions_head_inner:before {content: '';position: absolute;top: -2px;right: -60px;width: 245px;height: 245px;background-image: url(../images/precision_meets_comfort_head_top_right.svg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;z-index: 1;} .bold_ambitions_head_inner:after {content: '';position: absolute;bottom: -84px;left: -50px;width: 395px;height: 428px;background-image: url(../images/precision_meets_comfort_head_bottom_left.svg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;z-index: 1;} .bold_ambitions_head_inner .bg_box {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;} .bold_ambitions_head_content {text-align: center;max-width: 1240px;margin: auto;} .bold_ambitions_head_content h2 {font-weight: 400;font-size: 40px;line-height: 1.6;letter-spacing: -1.14px;font-family: var(--font-aboreto);color: var(--body-color);padding: 20px 0px;} .bold_ambitions_head_content h3 {font-weight: 400;font-size: 32px;line-height: 1;letter-spacing: -0.5px;padding: 5px 0px;color: var(--title-color);} .bold_ambitions_head_content p {font-weight: 400;font-size: 24px;line-height: 40px;letter-spacing: -0.5px;margin: 16px 0px 0px;color: var(--body-color);} .bold_ambitions_list {background-color: #F5F6FA;} .single_bold_ambitions {position: relative;} .single_bold_ambitions:before {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(50% 720.89% at 50% 50%, rgba(20, 24, 54, 0.9) 0%, rgba(20, 24, 54, 0) 36%);z-index: 3;} .single_bold_ambitions:after {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(50% 720.89% at 50% 50%, rgba(20, 24, 54, 0.9) 0%, rgba(20, 24, 54, 0) 36%);z-index: 3;} .single_bold_ambitions .single_bold_ambitions_inner {display: flex;flex-wrap: wrap;position: relative;} .single_bold_ambitions:not(:first-child) .single_bold_ambitions_inner:before {content: '';position: absolute;top: -15px;left: 0;right: 0;margin: auto;height: 30px;width: 30px;z-index: 4;transform: rotate(45deg);background: linear-gradient(45deg, #F3D59D 0%, #E6B45D 100%);background-size: 100% 100%;border: 1px solid rgba(var(--black-color-rgb), 0.1);} .single_bold_ambitions:not(:first-child) .single_bold_ambitions_inner:after {content: '';position: absolute;top: -214px;left: 0;right: 0;margin: auto;height: 428px;width: 428px;z-index: 1;background-image: url(../images/grid_diamond_pattern.svg);background-size: contain;background-position: center;background-repeat: no-repeat;} .single_bold_ambitions:nth-child(even) .single_bold_ambitions_inner {flex-direction: row-reverse;} .bold_ambitions_image {flex: 0 0 50%;max-width: 50%;position: relative;z-index: 3;} .bold_ambitions_image_inner {position: relative;z-index: 2;overflow: hidden;padding-top: 69.167%;min-height: 100%;} .bold_ambitions_image_inner img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 100%;width: 100%;object-position: center;object-fit: cover;} .bold_ambitions_content {flex: 0 0 50%;max-width: 50%;position: relative;align-self: center;} .bold_ambitions_content_inner {max-width: 544px;margin: 0px auto;padding: 20px;position: relative;z-index: 11;} .bold_ambitions_content_inner h3 {font-weight: 400;font-size: 32px;line-height: 40px;letter-spacing: -0.5px;color: var(--title-color);margin: 16px 0px;} .bold_ambitions_content_inner p {font-weight: 400;font-size: 18px;line-height: 32px;letter-spacing: -0.5px;color: var(--body-color);} .bold_ambitions_content_inner p strong {font-weight: 700;} .bold_ambitions_content_inner ul li {position: relative;padding-right: 80px;display: flex;align-items: center;flex-wrap: wrap;margin-top: 16px;min-height: 56px;} .bold_ambitions_content_inner ul li:before {content: '';height: 56px;width: 56px;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;background-image: url(../images/segment_specification_item_icon.svg);background-repeat: no-repeat;background-size: contain;background-position: center;} .bold_ambitions_content_inner ul li p {line-height: 24px;flex: 0 0 100%;max-width: 100%;} /* bold ambitions section css end */ /* ------------------------------------------------------------------------------------------------------- */ /* more info section css start */ .more_info_section {background-color: var(--theme-button);padding: 128px 0px;position: relative;z-index: 1;} .more_info_section .container {max-width: 1170px;} .more_info_video_box {position: absolute;top: 0;bottom: 0;left: auto;right: 0;height: 100%;width: 65%;z-index: -1;} .more_info_video_box:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(270deg, rgba(218, 133, 68, 0) 0%, #E6B45D 100%);z-index: 1;} .more_info_video_box video {height: 100%;width: 100%;object-fit: cover;object-position: center;opacity: 0.3;position: relative;z-index: -1;} .more_info_head {text-align: center;margin: 0px 0px 56px;} .more_info_head h2 {font-weight: 700;font-size: 32px;line-height: 40px;letter-spacing: -0.5px;color: var(--body-color-dark);} .more_info_list {display: flex;flex-wrap: wrap;gap: 54px;flex-direction: row-reverse;} .singel_info_box {flex: 0 0 calc((100% - (54px * 2)) / 3);max-width: calc((100% - (54px * 2)) / 3);min-height: 240px;background-color: var(--white-color);border-radius: 4px;padding: 16px;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;z-index: 1;overflow: hidden;} .singel_info_box:before {content: '';position: absolute;z-index: -1;top: 8px;bottom: 8px;left: 8px;right: 8px;border: 1px solid;border-image: radial-gradient(141.42% 142.59% at 15.34% 84.09%, rgba(38, 95, 107, 0) 0%, #265F6B 100%) 1 stretch;transition: var(--transition);} .singel_info_box:hover:before {background-color: var(--body-color);} .singel_info_box a.overlay_link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;} .singel_info_box .info_icon {width: 132px;height: 58px;display: flex;align-items: center;justify-content: center;} .singel_info_box .info_icon svg {max-height: 100%;max-width: 100%;object-fit: contain;object-position: center;} .singel_info_box .info_icon svg [fill] {fill: var(--body-color);transition: var(--transition);} .singel_info_box:hover .info_icon svg [fill] {fill: #F3D59D;} .singel_info_box .info_icon svg [stroke] {stroke: var(--body-color);transition: var(--transition);} .singel_info_box:hover .info_icon svg [stroke] {stroke: #F3D59D;} .singel_info_box .info_text p {font-weight: 400;font-size: 26px;line-height: 32px;letter-spacing: -0.5px;text-align: center;color: var(--body-color);transition: var(--transition);margin: 20px 0px 0px;} .singel_info_box:hover .info_text p {color: #F3D59D;margin: 32px 0px 0px;} /* more info section css end */ /* ------------------------------------------------------------------------------------------------------- */ /* contact details section css start */ .contact_details_section {padding: 132px 0px 64px;} .contact_details_section .container {max-width: 1358px;} .contact_details_content_logo {max-width: 320px;display: block;margin: 0px auto 32px;} .contact_details_content_logo img {width: 100%;display: block;} .contact_details_content_text {text-align: center;margin-bottom: 48px;} .contact_details_content_text h1 {font-weight: 500;font-size: 40px;line-height: 1;letter-spacing: 0.86px;background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);display: table;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: 0px auto 24px;padding: 20px 0px;position: relative;} .contact_details_content_text h1:before {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(40% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 132.92%);} .contact_details_content_text h1:after {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;margin: auto;background: radial-gradient(40% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 132.92%);} .contact_details_content_text p {font-weight: 400;font-size: 24px;line-height: 40px;letter-spacing: -0.5px;color: var(--white-color);} .contact_details_list {display: flex;flex-wrap: wrap;gap: 64px;flex-direction: row-reverse;} .single_contact_detail {padding: 24px;background-color: var(--body-color-dark);background-image: url(../images/accuracy_and_power_bg_pattern.png), radial-gradient(140.83% 140.83% at 50% 50%, rgba(209, 164, 82, 0) 0%, rgba(209, 164, 82, 0) 40%, #D1A452 100%);border: 1px solid;border-image: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%) 1 stretch;text-align: center;flex: 0 0 calc((100% - (64px * 2)) / 3);max-width: calc((100% - (64px * 2)) / 3);background-repeat: repeat;background-position: center;display: flex;flex-direction: column;flex-wrap: wrap;align-items: center;} .contact_icon {height: 128px;width: 128px;display: flex;align-items: center;justify-content: center;margin: 0px 0px 16px;background-image: url(../images/contact_icon_frame.svg);background-position: center;background-repeat: no-repeat;background-size: contain;position: relative;z-index: 1;} .contact_icon:before {content: '';position: absolute;top: -20px;left: -20px;height: 205px;width: 205px;background-image: url(../images/contact_icon_frame_texture.svg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;z-index: 0;} .contact_text {margin-bottom: 24px;} .contact_text p {font-weight: 400;font-size: 28px;line-height: 32px;letter-spacing: -0.5px;color: #F3D59D;margin: 0px 0px 7px;} .contact_text a.text_link {font-weight: 400;font-size: 24px;line-height: 1;letter-spacing: -0.5px;color: var(--white-color);max-width: 245px;} .contact_text a.text_link:hover {color: var(--theme-button);} .contact_call_link .call_number {display: flex;align-items: center;gap: 5px;font-weight: 100;font-size: 48px;line-height: 40px;letter-spacing: -0.5px;color: var(--white-color);transition: var(--transition);} .contact_call_link:hover .call_number {color: var(--theme-button);} .contact_call_link .call_number svg {height: auto;width: auto;} .contact_call_link .call_number svg [fill="#141836"] {fill: var(--white-color);transition: var(--transition);} .contact_call_link:hover .call_number svg [fill="#141836"] {fill: var(--theme-button);} .contact_btn {font-weight: 500;font-size: 20px;line-height: 32px;letter-spacing: -0.5px;display: inline-flex;align-items: center;gap: 8px;padding: 8px 16px;border-radius: 8px;margin-top: auto;color: #000000;transition: var(--transition);} .contact_btn img {width: 24px;height: auto;max-height: 24px;} .contact_btn.navigator_btn {background-color: #32CCFE;} .contact_btn.navigator_btn:hover {background-color: var(--theme-button);} .contact_btn.whatsapp_btn {background-color: #25D366;} .contact_btn.whatsapp_btn:hover {background-color: var(--theme-button);} /* contact details section css end */ /* ------------------------------------------------------------------------------------------------------- */ /* contact form section css start */ .contact_form_section {padding: 120px 0px 136px;position: relative;z-index: 1;overflow: hidden;} .contact_form_section img.bg_image {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;height: 100%;width: 100%;object-fit: cover;object-position: center;opacity: 0.6;} .contact_form_section:before {content: '';position: absolute;top: 0;left: 0;right: 0;z-index: 0;height: 320px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(40, 40, 40, 0) 100%);} .contact_form_section .container {max-width: 776px;} .general_contact_form_white {background: linear-gradient(270deg, #F5F6FA 0%, rgba(245, 246, 250, 0.9) 100%);backdrop-filter: blur(28px);-webkit-backdrop-filter: blur(28px);border-radius: 4px;padding: 48px 120px;} .general_contact_form_white_head h2 {font-weight: 400;font-size: 32px;line-height: 40px;letter-spacing: -0.5px;color: var(--title-color);margin: 0px 0px 16px;} .general_contact_form_white_head p {font-weight: 400;font-size: 18px;line-height: 32px;letter-spacing: -0.5px;color: var(--body-color);margin: 0px 0px 24px;} .general_contact_form_white .form-row label {color: var(--body-color);} .general_contact_form_white select, .general_contact_form_white input[type="search"], .general_contact_form_white input[type="text"], .general_contact_form_white input[type="email"], .general_contact_form_white input[type="password"], .general_contact_form_white input[type="tel"], .general_contact_form_white input[type="number"], .general_contact_form_white input[type="date"], .general_contact_form_white input[type="time"], .general_contact_form_white textarea {border-radius: 0;background-color: transparent;color: var(--body-color);} .general_contact_form_white select:focus, .general_contact_form_white input[type="search"]:focus, .general_contact_form_white input[type="text"]:focus, .general_contact_form_white input[type="email"]:focus, .general_contact_form_white input[type="password"]:focus, .general_contact_form_white input[type="tel"]:focus, .general_contact_form_white input[type="number"]:focus, .general_contact_form_white input[type="date"]:focus, .general_contact_form_white input[type="time"]:focus, .general_contact_form_white textarea:focus {border-color: #0E8EFF;background-color: #F7FAFF;} .general_contact_form_white .form-row label .wpcf7-list-item-label:after {background-image: url(../images/icon_check_dark.svg);} .general_contact_form_white form .form-row.checkbox-row {margin: 24px 0px 16px;} .general_contact_form_white form .form-btn {margin: 0;flex: 0 0 110px;max-width: 110px;} .general_contact_form_white form .form-btn .form_btn {width: 100%;} .general_contact_form_white .cf7-thank-you {justify-content: center;height: 400px;gap: 8px;} .general_contact_form_white .cf7-thank-you h3 {color: var(--title-color);} .general_contact_form_white .cf7-thank-you p {color: var(--body-color);} /* contact form section css end */ /* ------------------------------------------------------------------------------------------------------- */ /* single project contact form section css start */ .single_project_contact_form_section {padding: 120px 0px 136px;position: relative;z-index: 1;overflow: hidden;} .single_project_contact_form_section img.bg_image {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;height: 100%;width: 100%;object-fit: cover;object-position: center;opacity: 0.6;} .single_project_contact_form_section:before {content: '';position: absolute;top: 0;left: 0;right: 0;z-index: 0;height: 320px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(40, 40, 40, 0) 100%);} .single_project_contact_form_section .container {max-width: 1038px;} .single_project_contact_form_box {display: flex;flex-wrap: wrap;border-radius: 4px;overflow: hidden;} .single_project_contact_form {flex: 0 0 calc(100% - 360px);max-width: calc(100% - 360px);background: linear-gradient(270deg, #F5F6FA 0%, rgba(245, 246, 250, 0.9) 100%);backdrop-filter: blur(28px);-webkit-backdrop-filter: blur(28px);padding: 48px 80px 48px 64px;} .single_project_contact_form_head h2 {font-weight: 400;font-size: 32px;line-height: 40px;letter-spacing: -0.5px;color: var(--title-color);margin: 0px 0px 16px;} .single_project_contact_form_head p {font-weight: 400;font-size: 18px;line-height: 32px;letter-spacing: -0.5px;color: var(--body-color);margin: 0px 0px 24px;} .single_project_contact_form .form-row {max-width: 400px;} .single_project_contact_form .form-row.checkbox-row {max-width: 100%;} .single_project_contact_form .form-row label {color: var(--body-color);} .single_project_contact_form select, .single_project_contact_form input[type="search"], .single_project_contact_form input[type="text"], .single_project_contact_form input[type="email"], .single_project_contact_form input[type="password"], .single_project_contact_form input[type="tel"], .single_project_contact_form input[type="number"], .single_project_contact_form input[type="date"], .single_project_contact_form input[type="time"], .single_project_contact_form textarea {border-radius: 0;background-color: transparent;color: var(--body-color);} .single_project_contact_form select:focus, .single_project_contact_form input[type="search"]:focus, .single_project_contact_form input[type="text"]:focus, .single_project_contact_form input[type="email"]:focus, .single_project_contact_form input[type="password"]:focus, .single_project_contact_form input[type="tel"]:focus, .single_project_contact_form input[type="number"]:focus, .single_project_contact_form input[type="date"]:focus, .single_project_contact_form input[type="time"]:focus, .single_project_contact_form textarea:focus {border-color: #0E8EFF;background-color: #F7FAFF;} .single_project_contact_form .form-row label .wpcf7-list-item-label:after {background-image: url(../images/icon_check_dark.svg);} .single_project_contact_form form .form-row.checkbox-row {margin: 24px 0px 16px;} .single_project_contact_form form .form-btn {margin: 0;flex: 0 0 110px;max-width: 110px;} .single_project_contact_form form .form-btn .form_btn {width: 100%;} .single_project_contact_form_image {flex: 0 0 360px;max-width: 360px;} .single_project_contact_form_image_inner {width: 100%;height: 100%;position: relative;z-index: 1;} .single_project_contact_form_image_inner img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;} .single_project_contact_form .cf7-thank-you {justify-content: center;height: 400px;gap: 8px;} .single_project_contact_form .cf7-thank-you h3 {color: var(--title-color);} .single_project_contact_form .cf7-thank-you p {color: var(--body-color);} /* single project contact form section css end */ /* ------------------------------------------------------------------------------------------------------- */ .inner__banner {padding:152px 0 80px 0; position: relative;} .inner__banner::before {position: absolute; bottom: 0; left: 0; width:100%; height:100%; content: ""; background: linear-gradient(0deg,rgba(20, 24, 54, 0.4) 0%, rgba(20, 23, 42, 1) 100%); z-index: 1;} .inner__banner::after {position: absolute; top: 0; left: 0; width:100%; height:200px; content: ""; background: linear-gradient(0deg,rgba(20, 24, 54, 0) 0%, rgba(20, 23, 42, 1) 100%); opacity: 0.5; z-index: 1;} .inner__banner > img {position: absolute; left: 0; top: 0; width:100%; height:100%; object-fit: cover;} .inner__banner-content {position: relative; z-index: 1;} .inner__banner h1 { font-size:40px; font-weight:500; line-height: 1; background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%); display: table; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: auto; padding:24px 0px 16px; position: relative; z-index: 1; min-width:260px; text-align: center;} .inner__banner h1:before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; margin: auto; background: radial-gradient(80% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 62.92%); pointer-events: none;} .inner__banner h1:after {content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 1px; margin: auto; background: radial-gradient(80% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 62.92%); pointer-events: none;} .blog__list {padding:88px 0 152px; background-image: url('../images/choose_differently_pattern.png'); background-repeat: repeat; background-position: top left; position: relative;} .blog__list::before {position: absolute; top: 0; left: 0; width:100%; height:100%; content: ""; pointer-events: none; background: linear-gradient(0deg,rgba(20, 23, 42, 1) 0%, rgba(20, 23, 42, 0) 100%);} .blog__list .container {max-width: 1294px;} .blog__list-inner {display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;} .blog__item.blog__item-latest {max-width:100%;} .blog__item {margin: 0 0 48px 0; padding:8px; display: flex; flex-wrap: wrap; background-color: var(--white-color); max-width: calc(50% - 24px); width:100%; border-radius:4px; transition: var(--transition);} .blog__item-img {max-width:208px; width:100%; line-height: 0;} .blog__item-img img {border-radius:2px; height:100%; width:100%; object-fit: cover;} .blog__item-img a {line-height: 0; height:100%;} .blog__item-content {padding: 0 16px 0 0; display: flex; flex-direction: column; align-items: flex-start; max-width: calc(100% - 208px); width:100%; letter-spacing: -0.3px;} .blog__item-content p {margin-bottom:16px;} .blog__item-title {margin: 0 0 15px 0; font-size:24px; line-height: 32px; letter-spacing:-0.5px; color: var(--title-color);} .blog__item-title a {color: var(--title-color);} .blog__item-bottom {padding:16px 0 0 0; margin-top: auto; display: flex; flex-wrap: wrap; width:100%; border-top:1px solid #CFD8DC;} .blog__item-date {margin: 0 0 0 8px; padding:7px 16px 5px; border-radius: 4px; background-color:#ECEFF1; color: var(--body-color); line-height:20px;} .blog__item-date span {margin: 0 8px 0 0; padding: 0 8px 0 0; border-right:1px solid #90A4AE;} .blog__item-tag {margin: 0 0 0 auto; padding:7px 16px 5px; border-radius: 4px; background-color:#CFD8DC; color: var(--body-color); line-height:20px;} .arrow-btn {padding:5px 11px; border-radius: 4px; background-color:var(--theme-button); color: var(--body-color); line-height:20px; transition: var(--transition);display: flex;align-items: center;justify-content: center;} .arrow-btn::after {margin:0 8px 0 0; content: ""; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:8px solid var(--body-color);display: inline-block; vertical-align: middle;transition: var(--transition);} .blog__item:not(.blog__item-latest) .arrow-btn {font-size:0; width:32px;} .blog__item:not(.blog__item-latest) .arrow-btn:after {margin:0 2px 2px 0;} .blog__item-latest .blog__item-img {max-width:50%;} .blog__item-latest .blog__item-content {padding:40px 80px 40px 56px; max-width:50%; font-size:18px; line-height: 32px;} .blog__item-latest .blog__item-title {font-size:40px; line-height: 40px;} .blog__item-latest .arrow-btn {font-size:16px; width: auto;} .blog__item-latest .arrow-btn:after {margin: 0 8px 0 0;} .blog__item:hover {background-color:#F5F6FA;} .blog__item:hover .blog__item-title a {color: var(--body-color);} .blog__item:hover .arrow-btn {background-color: var(--body-color); color: var(--white-color);} .blog__item:hover .arrow-btn::after {border-right:8px solid var(--white-color);} .career-banner {padding: 216px 0 165px 0; background-color:var(--body-color);} .career-banner::before, .career-banner::after {display: none;} .inner__banner.career-banner > img {opacity: 0.2; mix-blend-mode: screen;} .inner__banner-content {margin: 0 auto; max-width:977px; width:100%; color: var(--white-color); font-size:24px; line-height:40px; letter-spacing:-0.5px; text-align: center;} .career-banner.inner__banner h1 {margin-bottom:16px;} .vacancy {padding:48px 0 120px 0;background: linear-gradient(0deg,rgba(20, 23, 42, 1) 0%, rgba(20, 23, 42, 0) 100%);} .vacancy .container {max-width: 1318px;padding: 0px 27px;} .vacancy h2 {margin: 0 auto 90px auto; font-size:40px; font-weight:500; line-height: 1; background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%); display: table; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding:24px 0px 16px; position: relative; z-index: 1; min-width:260px; text-align: center;} .vacancy h2:before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; margin: auto; background: radial-gradient(80% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 62.92%); pointer-events: none;} .vacancy h2:after {content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 1px; margin: auto; background: radial-gradient(80% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 62.92%); pointer-events: none;} .vacancy__list {margin: 0 -27px; display: flex; flex-wrap: wrap;} .vacancy__item {margin: 0 0 64px 0; padding:0 27px; display: flex; flex-direction: column; max-width:33.33%; width:100%;} .vacancy__item-inner {padding:70px 6px 6px 6px; display: flex; flex-direction: column; flex-grow: 1; background: radial-gradient(circle,rgba(20, 24, 54, 1) 0%, rgba(20, 24, 54, 0) 80%); border-radius:4px; position: relative;} .vacancy__item-inner::before {position: absolute; left:0; top:0; right:0; bottom:0; content: ""; background-color:var(--theme-button); transition: var(--transition); opacity: 0; border-radius:2px; pointer-events: none; transition: var(--transition);} .vacancy__item-inner::after {position: absolute; left:2px; top:2px; right:2px; bottom:2px; content: ""; background-color:var(--white-color); transition: var(--transition); border-radius:2px; pointer-events: none;} .vacancy__item-icon {margin:0 auto; position: absolute;left: 0; right: 0; top:-40px; padding:1px; display: flex; align-items: center; justify-content: center; width: 80px; height:80px; border-radius:50%; background: radial-gradient(circle at 25% 60%, rgba(38, 95, 107, 0) 20%, rgba(38, 95, 107, 1) 160%); z-index: 1;} .vacancy__item-icon img {position: relative; z-index: 1;} .vacancy__item-icon::after {position: absolute; left:1px; top:1px; right:1px; bottom:1px; content: ""; border-radius:50%; background-color: var(--white-color); transition: var(--transition); pointer-events: none;} .vacancy__item-inner h3 {margin: 0 0 8px 0; font-size:24px; font-weight:400; text-align: center; letter-spacing:-0.5px; line-height:32px; color: var(--title-color); position: relative; z-index: 1;} .vacancy__item-inner p {padding: 0 16px 32px; position: relative; z-index: 1; text-align: center; letter-spacing: -0.5px;} .vacancy__bottom {padding:16px 0 0 0; margin-top: auto; display: flex; flex-wrap: wrap; width:100%; border-top:1px solid #CFD8DC; position: relative; z-index: 1;} .vacancy__time {margin: 0 0 0 8px; display: flex; align-items: center; padding:7px 16px 5px; border-radius: 4px; background-color:#CFD8DC; color: var(--body-color); line-height:20px;} .vacancy__time img {margin: 0 0 2px 8px;} .vacancy__location {margin: 0 0 0 auto; display: flex; align-items: center; padding:7px 16px 5px; border-radius: 4px; background-color:#CFD8DC; color: var(--body-color); line-height:20px;} .vacancy__location img {margin: 0 0 2px 8px;} .arrow-btn {padding:5px 11px; width:32px; border-radius: 4px; background-color:var(--theme-button); color: var(--body-color); line-height:20px; transition: var(--transition);display: flex;align-items: center;justify-content: center;} .arrow-btn::after {margin:0 2px 0 0; content: ""; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:8px solid var(--body-color);display: inline-block; vertical-align: middle;transition: var(--transition);} .vacancy__item-pattern {position: absolute; top: -30px; left: -40px; width: 173px; height: 173px; background-image: url(../images/career-icon-texture.svg); background-position: center; background-repeat: no-repeat;} .vacancy__item-inner .overlink {position: absolute; top: 0; left: 0; width:100%; height:100%; z-index: 1;} .vacancy__item-inner:hover::after {background-color:#F5F6FA;} .vacancy__item-inner:hover::before {opacity: 1;} .vacancy__item-inner:hover .vacancy__item-icon::after {background-color:var(--theme-button);} .vacancy__item-inner:hover .arrow-btn {background-color: var(--body-color); color: var(--white-color);} .vacancy__item-inner:hover .arrow-btn::after {border-right: 8px solid var(--white-color);} body.modal-open {overflow: hidden;} .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; z-index: 1040; background-color:rgba(20,23,42,0.8); backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);} .fade { opacity: 0; transition: opacity .15s linear; } .fade.show { opacity: 1; } .modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; padding: 0!important; z-index: 1050; display: none; overflow: hidden; outline: 0; pointer-events: none;} .modal__close { margin: 0; padding: 0; position: relative; min-width: 48px; width: 48px; height: 48px; cursor: pointer; z-index: 1; transition: var(--transition); background-color: var(--body-color); border-radius:4px;} .modal__close:before { margin: auto; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width:2px; height:40%; background-color: var(--white-color); content: ""; transform: rotate(45deg);} .modal__close:after { margin: auto; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width:2px; height:40%; background-color:var(--white-color); content: ""; transform: rotate(-45deg);} .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal__dialog {padding:0 0 0 0; display: inline-block; text-align: right; vertical-align: middle; background-color: #fff; border-radius:4px; border: 0;} .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 1; visibility: visible; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal__dialog { position: relative; width: calc(100% - 30px); margin: 0.5rem; pointer-events: none; } .modal__dialog { max-width:856px; margin: 1.75rem auto; pointer-events: all;} .modal.fade .modal__dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; -webkit-transform: translate(0,-25%); transform: translate(0,-25%); } .modal.show .modal__dialog { -webkit-transform: translate(0,0); transform: translate(0,0); } .modal__content {padding:16px 24px 0; pointer-events: auto;} .modal__career-head {padding:8px 0; display: flex; align-items: center; border-top: 1px solid #CFD8DC; border-bottom: 1px solid #CFD8DC;} .modal__career-head .vacancy__bottom {padding: 0; margin: 0; border-top:0;width: auto;} .modal__career-head h2 {padding: 0 16px 0 0; flex: 1; font-size:24px; color: var(--title-color); font-weight:400;} .modal__career-content {margin:24px 0 15px; padding:0; max-height:520px; overflow: auto;} .modal__career-content h3 { font-size:16px;} .modal__career-content p, .modal__career-content ul {margin-bottom:40px;} .modal__career-content ul {margin-right: 18px; list-style-type: disc;} .modal__career-head .vacancy__location {margin: 0;} .modal__career-bottom {padding:24px 0; display: flex; align-items: center; justify-content: center; border-top:1px solid #CFD8DC;} .modal__career-bottom .form_btn {margin:0 12px; padding:10px 32px 10px 32px; line-height:1; font-size:18px; color: var(--body-color-dark);} .modal__career-bottom .form_btn:hover {color: var(--white-color);} .modal__career-content::-webkit-scrollbar {width:4px;height:4px;background: rgba(var(--body-color-rgb), 0.2);border-radius: 16px;} .modal__career-content::-webkit-scrollbar-track {background:#F3D59D;border-radius: 16px;} .modal__career-content::-webkit-scrollbar-thumb {background: var(--body-color);border-radius: 16px;} .inner__banner.career-banner.term > img {object-position:top;} .inner__banner.career-banner.term h1:before {background: radial-gradient(40% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 62.92%);} .inner__banner.career-banner.term h1:after {background: radial-gradient(40% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 62.92%);} .modal-document .modal__dialog {max-width: 800px;background-color: var(--body-color);border-radius: 8px;} .modal-document .modal__content {padding: 0px 24px;} .modal__document-head {display: flex;align-items: center;justify-content: center;padding: 32px 56px;position: relative;z-index: 1;border-bottom: 1px solid var(--white-color);} .modal__document-head .modal__close {background-color: var(--theme-button);position: absolute;top: 0;bottom: 0;right: 0;margin: auto;} .modal__document-head .modal__close:after {background-color: var(--body-color);} .modal__document-head .modal__close:before {background-color: var(--body-color);} .modal__document-head h2 {font-weight: 400;font-size: 32px;line-height: 34px;text-align: center;color: var(--white-color);} .modal__document-content {padding: 32px 28px 48px;max-height: calc(100dvh - 200px);overflow: auto;} .modal__document-content::-webkit-scrollbar {width: 2px;height: 2px;background: transparent;border-radius: 2px;} .modal__document-content::-webkit-scrollbar-track {background: transparent;border-radius: 2px;} .modal__document-content::-webkit-scrollbar-thumb {background: var(--theme-button);border-radius: 2px;} .modal__document-content ul {display: flex;flex-wrap: wrap;gap: 24px;} .modal__document-content ul li {flex: 0 0 100%;max-width: 100%;} .modal__document-content ul li a {display: block;font-weight: 400;font-size: 22px;line-height: 1;color: var(--white-color);padding: 12px 16px 12px 48px;border-bottom: 1px solid var(--white-color);position: relative;z-index: 1;transition: var(--transition);} .modal__document-content ul li a:hover {background-color: var(--input-color);} .modal__document-content ul li a span.doc_icon {position: absolute;height: 24px;width: 24px;top: 0;bottom: 0;left: 16px;margin: auto;} .modal__document-content ul li a span.doc_icon img {height: 100%;width: 100%;object-fit: contain;object-position: center;} .modal-faq .modal__dialog {max-width: 800px;background-color: var(--white-color);border-radius: 8px;} .modal-faq .modal__content {padding: 0px 24px;} .modal__faq-head {display: flex;align-items: center;justify-content: center;padding: 32px 56px;position: relative;z-index: 1;border-bottom: 1px solid var(--body-color);} .modal__faq-head .modal__close {background-color: var(--theme-button);position: absolute;top: 0;bottom: 0;right: 0;margin: auto;} .modal__faq-head h2 {font-weight: 400;font-size: 32px;line-height: 34px;text-align: center;color: var(--black-color);} .modal__faq-content {padding: 32px 28px 48px;max-height: calc(100dvh - 200px);overflow: auto;} .modal__faq-content::-webkit-scrollbar {width: 2px;height: 2px;background: transparent;border-radius: 2px;} .modal__faq-content::-webkit-scrollbar-track {background: transparent;border-radius: 2px;} .modal__faq-content::-webkit-scrollbar-thumb {background: var(--theme-button);border-radius: 2px;} .modal__faq-accordion .accordion_item {border-bottom: 1px solid var(--body-color);} .modal__faq-accordion .accordion_item:not(:last-child) {margin-bottom: 24px;} .modal__faq-accordion .accordion_item .accordion_title {cursor: pointer;padding: 12px 16px 12px 48px;position: relative;z-index: 1;transition: var(--transition);} .modal__faq-accordion .accordion_item .accordion_title:hover {background-color: #F3D59D;} .modal__faq-accordion .accordion_item .accordion_title h3 {font-weight: 400;font-size: 22px;line-height: 100%;color: var(--body-color);} .modal__faq-accordion .accordion_item .accordion_title .faq_arrow {position: absolute;top: 0;bottom: 0;left: 16px;margin: auto;height: 24px;width: 24px;} .modal__faq-accordion .accordion_item .accordion_title .faq_arrow img {height: 100%;width: 100%;object-fit: contain;object-position: center;transition: var(--transition);} .modal__faq-accordion .accordion_item.item_active .accordion_title .faq_arrow img {transform: rotate(-90deg);} .modal__faq-accordion .accordion_item .accordion_content {padding: 0px 16px 16px 40px;} .modal__faq-accordion .accordion_item .accordion_content p {font-weight: 400;font-size: 16px;line-height: 25px;color: var(--body-color);margin: 12px 0px;} .modal__faq-accordion .accordion_item .accordion_content ul {padding-right: 20px;list-style: disc;} .modal__faq-accordion .accordion_item .accordion_content ol {padding-right: 20px;list-style: decimal;} .modal__faq-accordion .accordion_item .accordion_content li {font-weight: 400;font-size: 16px;line-height: 25px;color: var(--body-color);margin: 0px 0px 12px;} .default__section {padding:70px 0 88px 0; background-color: var(--white-color);} .default__section .container {max-width:1230px;} .default__section {font-size: 20px; line-height: 40px;} .default__section p {margin-bottom:40px;} .default__section h2 {margin: 0 0 40px 0; color: var(--title-color); font-size: 36px; font-weight:400;} .default__section h3 {margin: 0 0 40px 0; font-size:36px;} .default__section h4 {margin:0; font-size:20px;} .default__section ul {margin: 0 18px 40px 0; list-style-type: disc;} .default__section a {color: var(--body-color); font-family:sans-serif;} .section__404 {padding:88px 0 105px; background-color: var(--white-color); text-align: center; font-size:18px; letter-spacing: -0.5px; line-height: 32px;} .section__404 h2 {margin: 0 auto 16px; padding:8px 17px 4px; font-size:16px; line-height: 20px; font-weight:400; display: table; background: linear-gradient(0deg,rgba(230, 180, 93, 1) 0%, rgba(243, 213, 157, 1) 100%); position: relative; z-index: 1;} .section__404 h2::before {position: absolute; top: 1px; left: 0; right: 0; bottom:1px; content: ""; background-color: var(--white-color); z-index: -1;} .section__404 h3 {margin: 0 0 16px 0; font-size:32px; font-weight:400; color: var(--title-color); letter-spacing: -0.5px;} .section__404 p {margin: 0 0 40px 0;} .blog-single-banner {padding:205px 0 125px 0;} .blog-single-banner h1 {color: var(--white-color);-webkit-background-clip: text; -webkit-text-fill-color:var(--white-color); font-size:56px; line-height:1;} .blog-single-banner h1::before, .blog-single-banner h1::after {display: none;} .blog__single {padding: 0 0 100px 0; background-color: var(--white-color); font-size:18px; letter-spacing: -0.5px; line-height: 32px;} .blog__single .container {max-width: 1230px;} .blog__single-head .blog__item-bottom {padding:40px 0; border-top: 0;} .blog__single-head .arrow-btn {width: auto;} .blog__single-head .arrow-btn::after {margin: 0 8px 0 0;} .blog__single-head .arrow-btn:hover {background-color: var(--body-color); color: var(--white-color);} .blog__single-head .arrow-btn:hover::after {border-right: 8px solid var(--white-color);} .blog__single-short {margin: 0 0 24px 0; padding:32px 56px; background-color:#1A1F37; border-radius:8px; color: var(--white-color); font-size:24px; line-height:40px; letter-spacing: -0.5px; text-align: center;} .blog__single p {margin-bottom:24px;} figure {margin: 0 0 24px 0;} .wp-caption img, img.wp-caption {width:100%; border-radius:8px;} figcaption {letter-spacing: -0.5px; font-size:16px;} .video-html { margin:0 0 65px; padding:51.25% 0 0 0; position: relative; } .video-html video, .video-html iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 8px;} .video-html p {position: relative; top:45px; margin: 0; font-size:16px;} .related__article {padding:65px 0 95px 0;} .related__article .container {max-width:1270px;} .related__article-inner {display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;} .related__article-inner .blog__item {margin: 0 0 24px 0; max-width: calc(50% - 12px);} .related__article h2 { font-size: 40px; font-weight: 500; line-height: 1; background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%); display: table; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin:0 auto 55px; padding: 24px 0px 16px; position: relative; z-index: 1; min-width: 260px; text-align: center; } .related__article h2:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; margin: auto; background: radial-gradient(80% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 62.92%); pointer-events: none; } .related__article h2:after { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 1px; margin: auto; background: radial-gradient(80% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 62.92%); pointer-events: none; } .more__btn {padding:24px 0 0 0; text-align: center; border-top:1px solid #2B304A;} .future-living {padding:64px 0 136px; position: relative;overflow: hidden;} .future-living::before {position: absolute; margin: 0 auto; content: ""; top: 0; left: 0; right: 0; width:637px; height: 1px; background: linear-gradient(90deg, rgba(209, 164, 82, 0) 0%, #E6B45D 50%, rgba(220, 172, 88, 0) 100%); } .future-living:after {content: ''; position: absolute; top: -15px; left: 0; right: 0; margin: auto; height: 30px; width: 30px; z-index: 4; transform: rotate(45deg); background: linear-gradient(45deg, #F3D59D 0%, #E6B45D 100%); background-size: 100% 100%; border: 1px solid rgba(var(--black-color-rgb), 0.1);} .future-living .container {max-width:1678px;} .future-living__inner {padding:93px 0 114px 0; position: relative; z-index:1;} .future-living__inner:before { content: ''; position: absolute; z-index: -2; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid; border-image: linear-gradient(46.88deg, rgba(38, 95, 107, 0.7) 3.7%, rgba(38, 95, 107, 0) 42.29%, #265F6B 98.89%) 1 stretch;} .future-living__inner .project_grid_shapes_top_right {top: 80px;} .future-living__inner .project_grid_shapes_top_right:before {content: '';height: 139.25%;width: 139.25%;position: absolute;top: 0;left: 0;background-image: url(../images/texture_circle.svg);background-position: center;background-repeat: no-repeat;background-size: contain;} .future-living__inner .project_grid_shapes_bottom_left:before {content: '';height: 194%;width: 194%;position: absolute;top: 0;left: -47%;right: -47%;margin: auto;background-image: url(../images/texture_triangle.svg);background-position: center center;background-repeat: no-repeat;background-size: contain;} .future-living__inner .accuracy_and_power_number_list .single_accuracy_and_power_number {padding: 0px 35px;} .future-living__content {margin: 0 auto 50px; max-width:1238px; width:100%; text-align: center; font-size:18px; line-height:32px; letter-spacing:-0.5px; color:#F5F6FA;} .future-living__content h2 {margin: 0 0 45px 0; font-family: var(--font-aboreto); font-size:40px; font-weight:400; letter-spacing:-1.14px; color:#F5F6FA; line-height:1; text-align: center;} .future-living__content h3 {margin: 0px auto 8px; font-weight: 400; font-size: 32px; line-height: 1; letter-spacing: -0.5px; text-align: center; background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .benefits-project {padding:144px 0; background-color: var(--white-color);} .benefits-project .container {max-width:1550px;} .benefits-project h2 {margin: 0px auto 78px; font-weight: 400; font-size: 32px; line-height: 1; letter-spacing: -0.5px; text-align: center; color: var(--title-color);} .benefits-project__list {margin: 0 -40px; display: flex; flex-wrap: wrap;} .benefits-project__item {margin: 0; padding:0 40px; max-width:25%; width:100%; } .benefits-project__item-inner {text-align: center; font-size:18px; line-height:24px; letter-spacing:-0.5px;} .benefits-project__icon {margin: 0 auto 32px; width:128px; height: 128px; display: flex; align-items: center; justify-content: center; background: url('../images/benefits-shape.svg'); background-position:center; background-repeat: no-repeat; position: relative;} .benefits-project__icon::before {position: absolute; content: ""; top:-20px; left:-20px; width:205px; height:205px; background: url('../images/benefits-texture.svg'); background-position: center; background-repeat: no-repeat; pointer-events: none;} .benefits-project__item-inner h3 {margin: 0px auto 8px; font-weight: 400; font-size:20px; line-height: 1; letter-spacing: -0.5px; text-align: center; color: var(--title-color);} .team {padding:88px 0 95px 0; background-color:#F5F6FA; border-top:1px solid rgba(0,0,0,0.2);} .team__head {margin: 0 auto 78px; max-width: 1238px; width:100%; text-align: center; font-size:24px; line-height:40px; letter-spacing:-0.5px;} .team__head h2 {margin: 0px auto 16px; font-weight: 400; font-size: 32px; line-height: 1; letter-spacing: -0.5px; text-align: center; color: var(--title-color);} .team__list { display: flex; flex-wrap: wrap; gap:12px; } .single_team_member { flex: 0 0 calc((100% - (12px * 2)) / 3); max-width: calc((100% - (12px * 2)) / 3); } .team_member_image { position: relative; overflow: hidden; padding-top: 110%; border-radius: 4px; background-color: var(--white-color); border:1px solid #CFD8DC; box-shadow: 0px 8px 8px -4px rgba(24, 39, 75, 0.08), 0px 4px 6px -4px rgba(24, 39, 75, 0.12); transition: var(--transition);} .team_member_image svg { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: auto; opacity: 0.2; transition: var(--transition); } .team_member_image .member_image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; margin: auto; object-fit: contain; object-position: center; transition: var(--transition); } .single_team_member:hover .team_member_image .member_image { transform: scale(1.08); } .team_member_text { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px); box-shadow: 0px 8px 28px 0px rgba(24, 39, 75, 0.12); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 8px 25px; } .team_member_text h3 { font-weight: 400; font-size: 26px; line-height: 32px; letter-spacing: -0.16px; } .team_member_text h4 { font-family: var(--font-ezer-doo); font-weight: 400; font-size: 18px; line-height:24px; color:#265F6B; letter-spacing: -0.16px; } .team_member_hover_text { overflow: hidden; max-height: 0px; transition: var(--transition); } .single_team_member:hover .team_member_hover_text { max-height: var(--box-height); } .team_member_hover_text p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.16px; color:#121212; } .single_team_member:hover .team_member_image {background-color: var(--body-color-dark);} .project-single-img-text .precision_meets_comfort_content_inner p:last-child {margin-bottom:0;} .project-single-img-text .precision_meets_comfort_image_inner { border-right:1px solid rgba(0,0,0,0.2); } .project-single-img-text .single_precision_meets_comfort:nth-child(even) .precision_meets_comfort_image_inner {border-left:1px solid rgba(0,0,0,0.2);} .doc-unit {padding:144px 0; position: relative; background-color: var(--theme-button);} .doc-unit .container {max-width:1375px;} .doc-unit__img {position: absolute; top: 0; right: 0; width:65%; height:100%;} .doc-unit__img img {width:100%; height:100%; object-fit: cover; opacity: 0.3;} .doc-unit__img:before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(270deg, rgba(218, 133, 68, 0) 0%, #E6B45D 100%); z-index: 1;} .doc-unit__inner {display: flex; flex-wrap: wrap; justify-content: center; gap:72px;} .doc-unit__item { flex: 0 0 calc((100% - (72px * 2)) / 3); max-width: calc((100% - (72px * 2)) / 3); background-color: var(--white-color); border:2px solid var(--white-color); border-radius:12px; padding:40px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; overflow: hidden; box-shadow: 0px 8px 24px -4px #18274B14; transition: all 0.5s;} .doc-unit__icon {margin: 0 0 32px 0; display: flex; align-items: center; justify-content: center; width:128px; height:128px; position: relative;} .doc-unit__svg {position: absolute; top: 0; left: 0; width:100%; height:100%;z-index: 1;} .doc-unit__svg svg {width:100%; height:100%;} .doc-unit__title {margin: 0px auto; font-weight: 400; font-size:28px; line-height:32px; letter-spacing: -0.5px; text-align: center; color: var(--title-color); transition: all 0.5s;} .doc-unit__icon::before { position: absolute; content: ""; top: -20px; left: -20px; width: 205px; height: 205px; background: url(../images/benefits-texture.svg); background-position: center; background-repeat: no-repeat; pointer-events: none; } .doc-unit__item:hover {background-color:#141836; border-color:var(--theme-button);} .doc-unit__item:hover .doc-unit__title {color:#F3D59D;} .doc-unit__icon > svg path {transition: all 0.5s;} .doc-unit__item:hover .doc-unit__icon > svg path {stroke:#F3D59D;} .doc-unit__svg svg stop {transition: all 0.5s;} .doc-unit__item:hover .doc-unit__svg svg stop {stop-color:#F3D59D;} .doc-unit__item .modal-btn {position: absolute; top: 0; left: 0; width:100%; height:100%; border-radius: 12px; z-index: 1;} .perfect-project {padding:96px 0 115px;} .perfect-project .benefits-project__item {max-width:20%;} .project_single_banner {position: relative;} .home_banner_section.project_single_banner {padding-bottom: 0;} .project_single_banner .video_play_pause_btn {bottom:72px;} .project_single_banner .banner_video_image_box:before {background: linear-gradient(180deg, rgba(20, 23, 42, 0) 0%, #14172A 80%);} .project-banner_content {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1;text-align: center;width: 298px;display: table;} .project-banner_box {margin:0 auto; padding:8px; width:293px; height:213px; position: relative;} .project-banner_box-inner {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;margin: auto;padding: 16px;} .project-banner_box-inner img {max-width: 100%;max-height:100%;object-fit: contain;object-position: center;} .project-banner_box-inner .text_box h3 {font-weight: 400;font-size: 32px;line-height: 1;letter-spacing: -0.5px;color: var(--body-color);margin-bottom: 8px;} .project-banner_box-inner .text_box p {font-weight: 100;font-size: 24px;line-height: 1;letter-spacing: -0.5px;color: var(--body-color);} .project-banner_box:before {content: '';position: absolute;z-index: 2;top: 5px;bottom: 5px;left: 5px;right: 5px;border: 1px solid;border-image: linear-gradient(40.5deg, rgba(220, 172, 88, 0.5) -1.62%, rgba(209, 164, 82, 0) 46.07%, #E6B45D 84.92%) 1 stretch;transition: var(--transition);pointer-events: none;} .project-banner_box:after {content: ''; position: absolute; z-index: 1; top: -3px; bottom: -3px; left: -3px; right: -3px; border: 1px solid; background: linear-gradient(270deg, #F5F6FA 0%, rgba(245, 246, 250, 0.8) 100%); border: 1px solid; border-image: linear-gradient(31.63deg, #FFFFFF -5.11%, rgba(209, 164, 82, 0) 56.78%, #F5F6FA 85.7%); backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px); box-shadow: 0px 8px 18px -6px #18274B1F; border-radius:4px; } .project-banner_content h1 {margin: 10px 0 0 0;width: 100%;font-weight: 500;font-size: 18px;line-height: 40px;letter-spacing: -0.5px;padding: 0px 24px;background-image: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%);color: var(--body-color);display: inline-flex;align-items: center;justify-content: center;gap: 8px;border-radius: 4px;overflow: hidden;border: none;outline: none;box-shadow: none;transition: var(--transition);position: relative;z-index: 1;} .project-banner_bottom { padding: 8px 14px; position: absolute; left: 15px; right: 15px; bottom: 40px; display: flex; margin: 0 auto; z-index: 1; justify-self: center; border-radius: 8px; background: radial-gradient(141.42% 142.59% at 15.34% 84.09%, rgba(245, 246, 250, 0.5) 0%, rgba(209, 164, 82, 0.15) 100%); } .project-banner_bottom::before { position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; content: ""; background-color: rgba(20, 24, 54, 0.9); z-index: 1; border-radius: 8px; } .project-bottom-item {padding: 0 12px; display: flex; align-items: center; position: relative; z-index: 1} .project-bottom-icon {margin: 0 0 0 10px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 4px; position: relative; } .project-bottom-icon:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%); z-index: 1; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude; border: 1px solid transparent; border-radius: 4px; } .project-bottom-text {color: var(--white-color);font-weight: 500;font-size: 18px;letter-spacing: -0.5px;line-height: 24px;} .project-bottom-text span {padding: 0 6px;} .future-living__btn {padding:24px 0 0 0; display: flex; align-items: center; justify-content: center;} .future-living__btn .theme_btn {margin: 0 12px;} .future-living__video {margin:100px auto 0 auto; padding:37.25% 0 0 0; max-width:1242px; border:5px solid rgba(255, 255, 255, 0.05); border-radius:8px; position: relative;} .future-living__video video, .future-living__video iframe, .future-living__video img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius:8px;} .project-gallery__nav {margin: 0 0 44px 0; text-align: center; } .project-gallery__nav ul { display: inline-flex; align-items: center; justify-content: center; margin: 0px auto; background: var(--body-color-dark); border: 1px solid #40476A; border-radius: 8px; overflow: hidden; position: relative; z-index: 2;} .project-gallery__nav ul li { font-weight: 400; font-size: 18px; line-height: 24px; letter-spacing: -0.5px; color: var(--white-color); padding: 16px 24px; position: relative; z-index: 1; min-width: 112px; display: flex; align-items: center; justify-content: center; transition: var(--transition); cursor: pointer; } .project-gallery__nav ul li:hover { color: var(--theme-button); } .project-gallery__nav ul li:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: linear-gradient(180deg, rgba(20, 24, 54, 0) 0%, rgba(214, 168, 72, 0.3) 100%); z-index: -1; opacity: 0; transition: var(--transition); } .project-gallery__nav ul li:hover:before, .project-gallery__nav ul li.activelink:before { opacity: 1; } .project-gallery__nav ul li:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; background-color: var(--theme-button); z-index: 1; transition: var(--transition); height: 0px; } .project-gallery__nav ul li.activelink:after, .project-gallery__nav ul li:hover:after { height: 4px; } .project-gallery__desc p {margin: 0 auto 12px; max-width:824px; width:100%; text-align: center; color: var(--white-color);} .project-gallery__slider {padding: 24px 19vw 32px; background-image: url('../images/choose_differently_pattern.png'); background-repeat: repeat; background-position: center;} .project-gallery__slider {width:100%; position: relative;} .project-gallery__slider::before {position: absolute; left: 0; top: 0; width:64px; height:100%; content: ""; background: linear-gradient(-90deg,rgba(20, 23, 42, 0) 0%, rgba(20, 23, 42, 1) 100%); z-index: 2; pointer-events: none;} .project-gallery__slider::after {position: absolute; right: 0; top: 0; width:64px; height:100%; content: ""; background: linear-gradient(90deg,rgba(20, 23, 42, 0) 0%, rgba(20, 23, 42, 1) 100%); z-index: 2; pointer-events: none;} .project-gallery__img {padding:56.25% 0 0 0;position: relative;} .project-gallery__img a {position: absolute; top: 0; left: 0; width:100%; height:100%; z-index: 1;overflow: hidden;} .project-gallery__img a img {width:100%;height:100%;object-fit: cover;} .project-gallery__img:hover .project_title {bottom: 16px;} .project-gallery__img:hover .project_title p:after { transform: rotate(90deg); } .project-gallery__img a:after {content: '';position: absolute; top:50%; bottom: -50%; left: 0; right: 0; background: linear-gradient(180deg, rgba(1, 3, 36, 0) 0%, rgba(20, 23, 42, 0.8) 100%); z-index: 1; transition: var(--transition); pointer-events: none;} .project-gallery__img:hover a:after { bottom: 0%; } .project-gallery__item {display: none;} .project-gallery__item.active {display: block;} .project-gallery__slider .slider_arrow .arrow_box {background-color: rgba(var(--black-color-rgb), 0.15);} .project-gallery__slider .slider_arrow .arrow_box span.effect_box_3 {box-shadow: 0px 0px 22px 0px rgba(242, 242, 242, 0.25) inset;} .project-gallery__slider .slider_arrow:hover .arrow_box {background-color: var(--body-color);} .project-gallery__item-iframe {padding: 34.8% 0 0 0; position: relative;} .project-gallery__item-iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;} .process-tenants {padding:112px 0 95px 0; position: relative;} .process-tenants::before {position: absolute; top: 0; left:0; width:100%; height:100%; content: ""; background: linear-gradient(0deg,rgba(20, 24, 54, 0.4) 0%, rgba(20, 23, 42, 1) 80%); z-index: 1;} .process-tenants .container {position: relative; z-index: 2;} .process-tenants h2 {margin: 0 auto 80px auto; font-weight: 100; font-size: 40px; line-height: 1; letter-spacing: 0.86px; text-align: center; display: table; width: 70%; background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 20px 0px; position: relative; } .process-tenants > img {position: absolute; top: 0; left: 0; width:100%; height:100%; object-fit: cover;} .process-tenants h2:before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; margin: auto; background: radial-gradient(50% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 36%);} .process-tenants h2:after {content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 1px; margin: auto; background: radial-gradient(50% 720.89% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 36%);} .process-tenants__nav {margin: 0 0 32px 0; text-align: center; } .process-tenants__nav ul { display: inline-flex; align-items: center; justify-content: center; margin: 0px auto; border-bottom: 1px solid rgba(245,246,250,0.5); overflow: hidden; position: relative; z-index: 2;} .process-tenants__nav ul li { font-weight: 400; font-size: 18px; line-height: 24px; letter-spacing: -0.5px; color: var(--white-color); padding:12px 32px; position: relative; z-index: 1; min-width: 112px; display: flex; align-items: center; justify-content: center; transition: var(--transition); cursor: pointer; } .process-tenants__nav ul li span {margin: 0 0 0 24px; width:32px; height:32px; background-color: #E6B45D; border-radius:4px; display: flex; align-items: center; justify-content: center; font-size: 20px; color:var(--body-color); font-weight:400;} .process-tenants__nav ul li:hover { color: var(--theme-button); } .process-tenants__nav ul li:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: linear-gradient(180deg, rgba(20, 24, 54, 0) 0%, rgba(214, 168, 72, 0.3) 100%); z-index: -1; opacity: 0; transition: var(--transition); } .process-tenants__nav ul li:hover:before, .process-tenants__nav ul li.active:before { opacity: 1; } .process-tenants__nav ul li:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; background-color: var(--theme-button); z-index: 1; transition: var(--transition); height: 0px; } .process-tenants__nav ul li.active:after, .process-tenants__nav ul li:hover:after { height: 4px; } .process-tenants__inner {display: flex; flex-wrap: wrap; position: relative;} .process-tenants__thumb {padding:36px 0; max-width:408px; width:100%; background-color:var(--body-color); border-radius:0 8px 8px 0;} .process-tenants__thumb .swiper-slide {padding: 0 36px; display: flex; flex-direction: column; align-items: center; justify-content: center;} .process-tenants__content {max-width:calc(100% - 408px); width:100%; background-color: var(--white-color); border-radius:8px 0 0 8px;} .process-tenants__num { display: flex; width:100%; align-items: center; justify-content: center; font-weight: 400; font-size: 96px; line-height: 1; letter-spacing: -5.14px; font-family: var(--font-aboreto); background: linear-gradient(180deg, #F3D59D 0%, #E6B45D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; min-height:176px;} .process-tenants__title {padding:10px 0; width:100%; display: flex; align-items: center; justify-content: center; border-top:1px solid #F5F7F2; border-bottom:1px solid #F5F7F2; min-height:112px; color: var(--white-color); font-size:24px; letter-spacing:-0.07px;} .process-tenants__content .swiper-slide {padding:24px 48px 24px 16px; opacity: 0 !important;} .process-tenants__content .swiper-slide.swiper-slide-active{opacity: 1 !important;} .process-tenants__content-inner {padding: 0 0 0 60px; height:424px; overflow: auto; font-size:18px; line-height:24px; color:#353E48;} .process-tenants__content-inner p {margin-bottom:24px;} .process-tenants__content-inner p:last-child {margin-bottom:0;} .process-tenants__content-inner h3 {margin: 0 0 24px 0; font-size:40px; line-height:56px; font-weight:400;} .process-tenants__inner .slider_arrow_next {left:-64px;} .process-tenants__inner .slider_arrow_prev {right:-64px;} .process-tenants__content-inner::-webkit-scrollbar {width:2px;height: 2px;background:transparent;border-radius: 16px;} .process-tenants__content-inner::-webkit-scrollbar-track {background: transparent;border-radius: 16px;} .process-tenants__content-inner::-webkit-scrollbar-thumb {background:var(--theme-button);border-radius: 16px;} .process-tenants__items {display: flex; flex-wrap: wrap; gap:32px;} .process-tenants__item { flex: 0 0 calc((100% - (32px * 2)) / 3); max-width: calc((100% - (32px * 2)) / 3); margin: 0 0 32px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 0; padding: 16px; border:1px solid #2B304A;color: var(--body-color);text-align: center;} .arrow-scroll {display: none;} /* ------------------------------------------------------------------------------------------------------- */ /* scroll animation css start */ .anim-fadein {transition: 0.5s ease-out all;opacity: 0;transform: scale(0.8);} .anim-fadein.come-in {opacity: 1;transform: scale(1);} .anim-btt {transition: 0.5s ease-out all;transform: translateY(100px);opacity: 0;} .anim-btt.come-in {opacity: 1;transform: translateY(0);} .anim-ltr {transition: 0.5s ease-out all;transform: translateX(-100px);opacity: 0;} .anim-ltr.come-in {opacity: 1;transform: translateX(0);} .anim-rtl {transition: 0.5s ease-out all;transform: translateX(100px);opacity: 0;} .anim-rtl.come-in {opacity: 1;transform: translateX(0);} /* scroll animation css end */ /* ------------------------------------------------------------------------------------------------------- */