/************ TABLE OF CONTENTS *************** ----------------- 01. THEME CSS ----------------- 1.1 colors 1.2 mixins 1.3 extends 1.4 breakpoints 1.5 typography 1.6 root 1.7 common 1.8 spacing 1.9 index ----------------- 02. COMPONENTS CSS ----------------- 2.1 color 2.2 background 2.3 buttons 2.4 offcanvas 2.5 niceselect 2.6 sectiontitle 2.7 breadcrumb 2.8 lightmode 2.9 carousel 2.10 backtotop 2.11 animation 2.12 preloader 2.13 rangeSlider 2 index ----------------- 03. HEADER CSS ----------------- 3.1 header-1 3.2 header-2 3.3 header-3 3.4 header-common 3 index --------------------------------- 04. MENU CSS --------------------------------- 4.1 Meanmenu 4.2 Menu 4 index --------------------------------- 05. BLOG CSS --------------------------------- 5.1 blog 5.2 postbox 5.3 sidebar 5.4 blog-details 5 index --------------------------------- 06. FOOTER CSS --------------------------------- 6.1 footer 6.2 footer-2 6.3 footer-3 6.4 footer-copyright 6. index --------------------------------- 07. CTA CSS --------------------------------- 7.1 cta 7. index --------------------------------- 08. BRAND CSS --------------------------------- 8.1 brand 8. index --------------------------------- 07. PAGES CSS --------------------------------- 8.1 404 8.2 faq 8.3 feedback 8.4 portfolio 8.5 pricing 8.6 service 8.7 about 8.8 contact-us 8.9 service-details 8.10 project-details 8.11 team-details 8.12 home1 8.13 home2 8.14 home3 8.15 index */ /*----------------------------------------*/ /* 1.1 Theme Default /*----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=ZCOOL+XiaoWei&display=swap"); .banner-home-bg { background: linear-gradient(90deg, rgba(255, 61, 0, 0.1) 0.19%, rgba(255, 177, 152, 0.1) 49.48%, rgba(255, 61, 0, 0.1) 99.8%); } .latest-feature-bg { background-color: #fffbfa; } .latest-Choose-bg { background-color: #fff; } .latest-service-bg { background-color: #FAFAFA; } .latest-counter-bg { background-color: #FFF5F1; } .question-bg { background-color: #fff; } .latest-team-bg { background-color: #001D08; } .latest-project-bg { background-color: #fff; } .latest-testimonial-bg { background-color: #fff; } .latest-blog-bg { background-color: #fff; } .latest-newsletter-bg { background-color: #FAFAFA; } .footer-home-1-bg { background-color: #FFF5F1; } .footer__bottom-home-1-bg { background-color: var(--rr-common-white); } .latest-blog2-bg { background-color: #FAFAFA; } .white-bg { background: #fff !important; } .product-bg { background: #FAFAFA; } .heading-color { color: #001D08 !important; } .white-color { color: #fff !important; } .gray-color { color: #d8d9da !important; } /*home-3-feature-card-bg-color*/ .frist-bg { background: #f5f0ea; } .second-bg { background: #e9eef4; } .thaird-bg { background: #f2f1ec; } .banner-bg-3 { background: #fcffea; } .body-color { color: var(--rr-text-body) !important; } .happy-customer-bg { background: #ffefeb; } .footer-home-3-bg { background: #F5F5F5; } .bg-headr-3 { background: var(--rr-common-white) !important; } .hover-theme:hover { color: red; } .mean-container .mean-nav ul li > a.mean-expand i, .main-menu ul li .submenu, .main-menu ul li .submenu li a::before, .offcanvas__overlay, .offcanvas__navigation button svg, .rr-btn svg path, .rr-btn.btn-transparent.btn-border-gray i, .body__overlay, a, .btn, button, span, sub, sup, p, input, select, textarea, li, img, svg, .transition-3, h1, h2, h3, h4, h5, h6 { -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; } /* transform */ .room-details__sidebar-item .nice-select::after, .room__cheek-box-item .nice-select::after, .rs__faq .accordion-button::after, .blog-details__wrapper-from-input .nice-select::after, .banner__navigation button, .breadcrumb__menu ul li:not(:last-child)::before, .nice-select::after { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } :root { /** @font family declaration */ --rr-ff-body: 'Open Sans', sans-serif; --rr-ff-heading: 'ZCOOL XiaoWei', sans-serif; --rr-ff-subtitle: 'ZCOOL XiaoWei'; --rr-ff-fontawesome: "Font Awesome 6 Pro"; /** @color declaration */ --rr-common-white: #FFFFFF; --rr-common-black: #000000; --rr-common-placeholder: #E21D23; --rr-body-primary: #fff; --rr-theme-primary: #E21D23; --rr-heading-primary: #00061D; --rr-heading-primary1: #0E1730; --rr-heading-primary2: #212121; --rr-text-body: #595959; --rr-text-primary: #000; --rr-shadow-primary: 0px 30px 60px 0px rgba(0, 15, 32, 0.1); --rr-background-gray: #EF7F1A; --rr-background-dark-green: #034833; --rr-border-primary: 1px solid #E3DBD8; /** @font weight declaration */ --rr-fw-normal: normal; --rr-fw-thin: 100; --rr-fw-elight: 200; --rr-fw-light: 300; --rr-fw-regular: 400; --rr-fw-medium: 500; --rr-fw-sbold: 600; --rr-fw-bold: 700; --rr-fw-ebold: 800; --rr-fw-black: 900; /** @font size declaration */ --rr-fs-body: 16px; --rr-fs-p: 16px; --rr-fs-h1: 66px; --rr-fs-h2: 48px; --rr-fs-h3: 30px; --rr-fs-h4: 24px; --rr-fs-h5: 22px; --rr-fs-h6: 18px; --rr-lh-body: 28px; --rr-lh-p: 27px; --rr-lh-h1: 80px; --rr-lh-h2: 50px; --rr-lh-h3: 36px; --rr-lh-h4: 28px; --rr-lh-h5: 30px; --rr-lh-h6: 28px; } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { overflow-x: hidden; } html { font-size: 10px; } /*--------------------------------- Typography css start ---------------------------------*/ body { font-family: var(--rr-ff-body); font-size: var(--rr-fs-body); font-weight: normal; color: var(--rr-text-body); line-height: var(--rr-lh-body); background: var(--rr-body-primary); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, .h1 h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); margin-top: 0; margin-bottom: 0; font-weight: var(--rr-fw-bold); word-break: break-word; } h1, .h1 { font-size: var(--rr-fs-h1); line-height: var(--rr-lh-h1); } @media only screen and (min-width: 1200px) and (max-width: 1399px) { h1, .h1 { font-size: 60px; line-height: 72px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { h1, .h1 { font-size: 52px; line-height: 64px; } } @media only screen and (min-width: 768px) and (max-width: 992px) { h1, .h1 { font-size: 50px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { h1, .h1 { font-size: 38px; line-height: 50px; } } @media (max-width: 575px) { h1, .h1 { font-size: 32px; line-height: 44px; } } h2, .h2 { font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); } @media only screen and (min-width: 992px) and (max-width: 1199px) { h2, .h2 { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 992px) { h2, .h2 { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { h2, .h2 { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { h2, .h2 { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { h2, .h2 { font-size: 27px; line-height: 37px; } } h3, .h3 { font-size: var(--rr-fs-h3); line-height: var(--rr-lh-h3); } @media (max-width: 575px) { h3, .h3 { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { h3, .h3 { font-size: 27px; line-height: 37px; } } h4, .h4 { font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h4); } h5, .h5 { font-size: var(--rr-fs-h5); line-height: var(--rr-lh-h5); } h6, .h6 { font-size: var(--rr-fs-h6); line-height: var(--rr-lh-h6); } ul { margin: 0px; padding: 0px; } p { font-size: var(--rr-fs-p); font-weight: var(--rr-fw-normal); color: var(--rr-text-body); line-height: var(--rr-lh-p); } .body-2 { font-size: var(--rr-fs-body2); line-height: var(--rr-lh-body2); font-weight: var(--rr-fw-light); } a { text-decoration: none; } a:focus, .button:focus { text-decoration: none; outline: none; } a:focus, a:hover { text-decoration: none; color: inherit; } a, button { color: inherit; outline: none; border: none; background: transparent; } img { width: 100%; height: auto; object-fit: cover; } button:hover { cursor: pointer; } button:focus { outline: 0; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } hr:not([size]) { margin: 0; border-color: var(--rr-border-primary); opacity: 1; border-width: 1px; } input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password], textarea { outline: none; background-color: rgba(255, 255, 255, 0.1); width: 100%; font-size: 16px; color: var(--rr-heading-primary); border: 2px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(0, 29, 8, 0.1); margin-left: 30px; } textarea { outline: none; background-color: rgba(255, 255, 255, 0.1); width: 100%; height: 60px !important; font-size: 16px; color: var(--rr-heading-primary); border: 2px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(0, 29, 8, 0.1); } *::-moz-selection { background: var(--rr-common-selection); color: var(--rr-common-white); text-shadow: none; } ::-moz-selection { background: var(--rr-common-selection); color: var(--rr-common-white); text-shadow: none; } ::selection { background: var(--rr-common-selection); color: var(--rr-common-white); text-shadow: none; } ::selection { background: var(--rr-common-black); color: var(--rr-common-white); text-shadow: none; } *::-moz-placeholder { opacity: 1; font-size: 16px; } *::-moz-placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-common-placeholder); } *::-moz-placeholder::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-common-placeholder); } *::-moz-placeholder:-moz-placeholder { /* Firefox 4-18 */ color: var(--rr-common-placeholder); } *::-moz-placeholder:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-common-placeholder); } *::-moz-placeholder::placeholder { /* MODERN BROWSER */ color: var(--rr-common-placeholder); } *::placeholder { opacity: 1; font-size: 16px; } *::placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-common-placeholder); } *::placeholder::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-common-placeholder); } *::placeholder:-moz-placeholder { /* Firefox 4-18 */ color: var(--rr-common-placeholder); } *::placeholder:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-common-placeholder); } *::placeholder::placeholder { /* MODERN BROWSER */ color: var(--rr-common-placeholder); } /*---------------------------------------- Bootstrap customize -----------------------------------------*/ .container { --bs-gutter-x: 30px; max-width: 1320px; } .custom-width-2 { --bs-gutter-x: 30px; max-width: 1030px; width: 100%; margin: 0 auto; } .custom-width { --bs-gutter-x: 30px; max-width: 1825px; width: 100%; margin: 0 auto; } .row { --bs-gutter-x: 30px; } .row-none { --bs-gutter-x: none !important; } .g-40, .gx-40 { --bs-gutter-x: 40px; } .g-40, .gy-40 { --bs-gutter-y: 40px; } .g-50, .gx-50 { --bs-gutter-x: 50px; } .g-50, .gy-50 { --bs-gutter-y: 50px; } .g-60, .gy-60 { --bs-gutter-y: 60px; } #scroll-percentage { position: absolute; } #scroll-percentage { height: 60px; width: 60px; background-color: var(--rr-common-white); border-radius: 50%; position: fixed; bottom: 40px; right: 50px; transform: scale(0); display: grid; place-items: center; cursor: pointer; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 100; } @media only screen and (max-width: 992px) { #scroll-percentage { right: 30px; } } @media only screen and (max-width: 767px) { #scroll-percentage { bottom: 20px; right: 20px; } } #scroll-percentage.active { bottom: 66px; transform: scale(1); opacity: 1; visibility: visible; -webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop; animation: 500ms ease-in-out 0s normal none 1 running scrollToTop; -webkit-transition: 0.3s; transition: 0.3s; } @media only screen and (max-width: 992px) { #scroll-percentage.active { bottom: 77px; } } @media only screen and (max-width: 767px) { #scroll-percentage.active { bottom: 77px; } } #scroll-percentage-value { height: calc(100% - 6px); width: calc(100% - 6px); background-color: var(--rr-common-white); color: var(--rr-theme-primary); border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 600; } #scroll-percentage-value i { font-size: 20px; } @-webkit-keyframes scrollToTop { 0% { -webkit-transform: translate3d(0, 80%, 0); transform: translate3d(0, 80%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes scrollToTop { 0% { -webkit-transform: translate3d(0, 80%, 0); transform: translate3d(0, 80%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @-webkit-keyframes wobble-vertical { 16.65% { transform: translateY(8px); } 33.3% { transform: translateY(-6px); } 49.95% { transform: translateY(4px); } 66.6% { transform: translateY(-2px); } 83.25% { transform: translateY(1px); } 100% { transform: translateY(0); } } @keyframes wobble-vertical { 16.65% { transform: translateY(8px); } 33.3% { transform: translateY(-6px); } 49.95% { transform: translateY(4px); } 66.6% { transform: translateY(-2px); } 83.25% { transform: translateY(1px); } 100% { transform: translateY(0); } } /* Custom Cursor */ @media (min-width: 992px) { .mt-cursor { display: block; width: 10px; height: 10px; border-radius: 50%; position: fixed; left: 10px; top: 10px; user-select: none; pointer-events: none; visibility: hidden; z-index: 10000; -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .mt-cursor:before { background: var(--rr-theme-primary); opacity: 1; content: ""; width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0; top: 0; transition: all 0.3s ease; } .mt-cursor.cursor-grow:before { opacity: 0.7; transform: scale(1.5); transition: all 0.3s ease; } .mt-cursor.hide { opacity: 0; transition: opacity 0.3s ease; transition-delay: 0.4s; } .mt-cursor.hide .inner { transform: scale(0.1); transition: transform 0.3s ease; } } /*--------------------------------- 1.7 common ---------------------------------*/ .fix { overflow: hidden; } .clear { clear: both; } .f-left { float: left; } .f-right { float: right; } .z-index-1 { z-index: 1; } .p-0 { padding-left: 0 !important; } .z-index-11 { z-index: 11; } .opacity-05 { opacity: 0.5; } .overflow-y-visible { overflow-x: hidden; overflow-y: visible; } .p-relative { position: relative; } .p-absolute { position: absolute; } .include-bg { background-position: center; background-size: cover; background-repeat: no-repeat; } .hr-1 { border-top: 1px solid rgb(232, 232, 232); } .x-clip { overflow-x: clip; } @media (max-width: 575px) { .o-xs { overflow-x: hidden; } } .valign { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; } /*---------------------------------------- Body Overlay -----------------------------------------*/ .body__overlay { background-color: var(--rr-common-heading); height: 100%; width: 100%; position: fixed; top: 0; z-index: 9999; left: 0; opacity: 0; visibility: hidden; } .body__overlay { background-color: var(--rr-common-heading); height: 100%; width: 100%; position: fixed; top: 0; z-index: 9999; left: 0; opacity: 0; visibility: hidden; } .body__overlay.opened { opacity: 0.7; visibility: visible; } /*---------------------------------------- Mfp customize -----------------------------------------*/ .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 1280px; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .mfp-iframe-holder .mfp-content { max-width: 1000px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .mfp-iframe-holder .mfp-content { max-width: 850px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .mfp-iframe-holder .mfp-content { max-width: 820px; } } @media only screen and (min-width: 768px) and (max-width: 992px) { .mfp-iframe-holder .mfp-content { max-width: 750px; } } .mfp-close { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .mfp-close:hover { color: var(--rr-common-white); } .mfp-close::after { position: absolute; content: "\f00d"; height: 100%; width: 100%; font-family: var(--rr-ff-fontawesome); font-size: 31px; font-weight: 200; right: -20px; margin-top: -25px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px), only screen and (min-width: 768px) and (max-width: 992px) { .mfp-close::after { right: 15px; margin-top: -30px; } } .z-index-1 { z-index: 1; } .mb-48 { margin-bottom: 48px; } .mb-83 { margin-bottom: 83px; } .border-gray { border: 1px solid rgba(0, 29, 8, 0.1); border-radius: 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .border-gray { border: none; border-radius: none; } } .text-white { color: var(--rr-common-white) !important; } .opacity { opacity: 0.7 !important; } .float-right { float: right; } .box-shadow { box-shadow: 0px 20px 40px rgba(0, 29, 8, 0.1); border-radius: 10px; } .box-shadow-3 { box-shadow: 0px 10px 20px rgba(0, 29, 8, 0.1); } .bg-cover { background-size: cover; } .container-width { max-width: 1520px; } .home3-container-width { max-width: 1550px; padding-left: 15px; padding-right: 15px; } @media only screen and (min-width: 768px) and (max-width: 992px) { .mb-md-30 { margin-bottom: 30px; } } @media only screen and (min-width: 768px) and (max-width: 992px) { .mt-md-30 { margin-bottom: 30px; } } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .gap-6 { gap: 6px; } .p-none { padding: 0; } .gap-10 { gap: 10px; } .fw-sbold { font-weight: var(--rr-fw-sbold) !important; } .heading-space { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; row-gap: 20px; margin-bottom: 40px; } .heading-space2 { display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap; row-gap: 20px; margin-bottom: 60px; } .section-space-bottom-2 { padding-bottom: 120px; } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section-space-bottom-2 { padding-bottom: 50px; } } .pb-70-custom { padding-bottom: 70px; } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .pb-70-custom { padding-bottom: 35px; } } .right { margin-right: 60px; margin-left: 60px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .right { margin-right: 0; margin-left: 0; } } .pb-190 { padding-bottom: 190px; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) { .pb-190 { padding-bottom: 100px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .pb-190 { padding-bottom: 70px; } } .border { border: none !important; padding-bottom: 0 !important; } .gap { display: flex; align-items: center; gap: 10px; } .wrap { flex-wrap: wrap; row-gap: 20px; column-gap: 10px; } .border { border-radius: 50px; } @media (max-width: 1820px) { .border { border-radius: 0; } } .border-1px { border: 1px solid #E3DBD8 !important; border-radius: 50px; } button:hover { color: #0e1730 !important; } .faq-padding { padding: 40px 5px 40px 60px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .faq-padding { padding: 30px; } } .faq-radius { border-radius: 20px; } .theme-bg { background: var(--rr-theme-primary); } .row-reverse { flex-direction: row-reverse; } .m-5 { margin: 5px; } .margin-t80 { margin-top: 80px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px) { .margin-t80 { margin-top: 40px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .margin-t80 { margin-top: 10px; } } .padding-t100 { padding-top: 100px; } @media only screen and (min-width: 768px) and (max-width: 992px) { .padding-t100 { padding-top: 80px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .padding-t100 { padding-top: 70px; } } .bg-gray-2 { background: #F7F7F7; } .p-0 { padding: 0; } /*--------------------------------- 1.8 spacing ---------------------------------*/ .section-space { padding-top: 120px; padding-bottom: 120px; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section-space { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section-space { padding-top: 70px; padding-bottom: 70px; } } .section-space-top { padding-top: 40px; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section-space-top { padding-top: 40px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section-space-top { padding-top: 40px; } } .section-space-bottom { padding-bottom: 20px; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section-space-bottom { padding-bottom: 20px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section-space-bottom { padding-bottom: 20px; } } .mb-minus-30 { margin-bottom: -30px; } .ml { margin-left: 140px; } .fs-16 { font-size: 16px !important; } .pb-306 { padding-bottom: 306px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .pb-306 { padding-bottom: 255px; } } .pb-337 { padding-bottom: 337px !important; } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .pb-337 { padding-bottom: 240px !important; } } .mt-255 { margin-top: -183px; } .height-693 { height: 693px !important; } @media (max-width: 575px) { .height-693 { height: 450px !important; } } .height-611 { height: 611px !important; } @media (max-width: 575px) { .height-611 { height: 400px !important; } } .padding-b { padding-bottom: 20px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .padding-b { padding-bottom: 0; } } .padding-t85 { padding-top: 85px; } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .padding-t85 { padding-top: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px) { .padding-t85 { padding-top: 60px; } } /*----------------------------------------*/ /* 2.1 color /*----------------------------------------*/ .color-white { color: var(--rr-common-white); } .color-heading-primary { color: var(--rr-heading-primary); } .rs-fw-sbold { font-weight: var(--rr-fw-sbold); } /*----------------------------------------*/ /* 2.2 background /*----------------------------------------*/ .white-bg { background-color: var(--rr-common-white) !important; } .black-bg { background-color: var(--rr-common-black); } .gray-bg { background: #F7F7F7; } .dark { background-color: #0E1730; } .theme-bg-1 { background-color: var(--rr-theme-primary); } .theme-bg-2 { background-color: var(--rr-gray-900); } .bg-gray { background: #F1F5EB; } .bg-gradient-1 { background: linear-gradient(90deg, #674AD9 0%, #FB5141 50.52%, #089EFF 100%); } /*----------------------------------------*/ /* 2.3 buttons /*----------------------------------------*/ .rr-btn { color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-size: 14px; font-style: normal; line-height: 30px; text-transform: capitalize; font-weight: var(--rr-fw-sbold); display: inline-flex; align-items: center; gap: 10px; justify-content: center; -webkit-border-radius: 150px; -moz-border-radius: 150px; -o-border-radius: 150px; -ms-border-radius: 150px; border-radius: 150px; position: relative; overflow: hidden; padding: 15px 30px; background-color: var(--rr-theme-primary); z-index: 5; } .rr-btn:focus { color: var(--rr-common-white); } .rr-btn::before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: translate(-165%, 0) rotate(0deg); transform-origin: right bottom; transition: all 0.35s; z-index: -1; content: ""; } .rr-btn:hover { color: var(--rr-common-white); background: var(--rr-heading-primary); } .rr-btn:hover::before { transform: translate(0, 0); } .rr-btn:hover svg path[fill="#00160A"] { fill: var(--rr-common-white); } .rr-btn.btn-hover-white::before { background-color: var(--rr-common-white); } .rr-btn.btn-hover-white:hover { color: var(--rr-heading-primary); } .rr-btn.btn-hover-white:hover svg path[fill=white] { fill: var(--rr-heading-primary); } .rr-btn.btn-transparent { padding: 10px 28px; border: 1px solid var(--rr-common-white); color: var(--rr-common-white); background-color: transparent; } .rr-btn.btn-transparent::before { background-color: var(--rr-theme-primary); } .rr-btn.btn-transparent.btn-border-2 { padding: 18px 30px; border: 2px solid var(--rr-theme-primary); } .rr-btn.btn-transparent.btn-border-2::before { border-radius: 0; } .rr-btn.btn-transparent.btn-border-gray { padding: 19px 22px; border-color: var(--rr-heading-primary); } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) { .rr-btn.btn-transparent.btn-border-gray { padding: 10px 15px; } } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px) { .rr-btn.btn-transparent.btn-border-gray { padding: 6px 10px; } } .rr-btn.btn-transparent.btn-border-gray:hover i { background-color: var(--rr-theme-primary); } .rr-btn.btn-transparent.btn-border-gray i { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; width: 40px; height: 40px; padding: 10px; background-color: var(--rr-heading-primary); display: inline-flex; align-items: center; justify-content: center; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px) { .rr-btn.btn-transparent.btn-border-gray i { width: 30px; height: 30px; } } .rr-btn.btn-transparent svg path[fill=white] { fill: var(--rr-theme-primary); } .rr-btn.btn-transparent:hover { color: var(--rr-common-white); border: 1px solid var(--rr-theme-primary); } .rr-btn.btn-transparent:hover svg path[fill=white] { fill: var(--rr-common-white); } .rr-btn.btn-white { color: var(--rr-heading-primary); background-color: var(--rr-common-white); } .rr-btn.btn-white::before { background-color: var(--rr-theme-primary); } .rr-btn.btn-white:hover { color: var(--rr-common-white); } .rr-btn.btn-text-color-white { color: var(--rr-common-white); } .rr-btn-2 { background: var(--rr-theme-primary); color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 15px; padding: 15px 34px; display: inline-flex; align-items: center; gap: 10px; transition: 0.3s; } .rr-btn-2 i { transition: 0.3s; } .rr-btn-2:hover { background: var(--rr-heading-primary); color: var(--rr-common-white); } .rr-btn-2:hover i { transform: rotate(45deg); } .rr-btn-4 { background: var(--rr-common-white); color: var(--rr-heading-primary1); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 15px; padding: 15px 34px; display: inline-flex; align-items: center; gap: 10px; transition: all 0.3s ease-in-out; border: 1px solid #E7E7EB; } .rr-btn-4 i { transition: 0.3s; } .rr-btn-4:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .rr-btn-4:hover i { transform: rotate(45deg); } .rr-btn-3 { background: transparent; color: var(--rr-heading-primary1); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); border: 1px solid #E7E7EB; font-style: normal; font-size: 15px; padding: 15px 34px; display: inline-flex; align-items: center; gap: 10px; transition: 0.3s; } .rr-btn-3 i { transition: 0.3s; } .rr-btn-3:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .rr-btn-3:hover i { transform: rotate(45deg); } .small-btn { height: 60px; width: 60px; border: 1px solid #E3DBD8; background: #d5dfd4; border-radius: 50%; transition: 0.3s; } .small-btn:hover { background: var(--rr-theme-primary); } .small-btn:hover i { color: var(--rr-common-white); } .small-btn:hover svg path { fill: var(--rr-common-white); } .small-btn-transparent { background: transparent; border: 1px solid #e5e8e6; } .rr-btn2 { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-sbold); font-size: 14px; line-height: var(--rr-lh-h5); padding: 15px 30px; border-radius: 30px; font-style: normal; border: 1px solid #e3dbd8; display: inline-flex; align-items: center; gap: 10px; } .rr-btn2:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .rr-btn-3 { background: transparent; border: 1px solid var(--rr-theme-primary); color: var(--rr-common-white); text-transform: capitalize; font-weight: var(--rr-fw-regular); font-size: 15px; padding: 15px 30px; border-radius: 999px; transition: 0.3s; display: flex; gap: 10px; align-items: center; } .rr-btn-3 i { color: var(--rr-theme-primary); transition: 0.3s; } .rr-btn-3:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .rr-btn-3:hover i { color: var(--rr-common-white); } /*----------------------------------------*/ /* offcanvas /*----------------------------------------*/ .offcanvas__area { background: #0E0A24 none repeat scroll 0 0; position: fixed; right: 0; top: 0; width: 500px; height: 100%; -webkit-transform: translateX(calc(100% + 80px)); -moz-transform: translateX(calc(100% + 80px)); -ms-transform: translateX(calc(100% + 80px)); -o-transform: translateX(calc(100% + 80px)); transform: translateX(calc(100% + 80px)); -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out; -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out; transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out; z-index: 999; overflow-y: scroll; overscroll-behavior-y: contain; scrollbar-width: none; border-left: 1px solid var(--rr-border-primary); } .offcanvas__area ::-webkit-scrollbar { display: none; } @media (max-width: 575px) { .offcanvas__area { width: 400px; } } @media (max-width:450px) { .offcanvas__area { width: 100%; } } .offcanvas__area.info-open { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .offcanvas__logo a img { width: 160px; } @media (max-width: 575px) { .offcanvas__logo a img { width: 150px; } } @media (max-width: 575px) { .offcanvas__logo a img { width: 75px; } } .offcanvas__content { padding-bottom: 45px; } .offcanvas__wrapper { position: relative; height: 100%; padding: 35px 40px; } @media (max-width: 575px) { .offcanvas__wrapper { padding: 25px 25px; } } .offcanvas__top { padding-bottom: 20px; margin-bottom: 35px; border-bottom: 1px solid rgba(255, 255, 255, 0.079); } @media (max-width: 575px) { .offcanvas__top { padding-bottom: 15px; margin-bottom: 30px; } } .offcanvas__search { position: relative; } .offcanvas__search input { width: 100%; height: 40px; line-height: 40px; padding-right: 20px; background: transparent; border-bottom: 1px solid var(--rr-border-primary); font-size: 16px; color: var(--rr-common-white); padding-bottom: 15px; } .offcanvas__search input::placeholder { color: var(--rr-common-white); } .offcanvas__search input:focus { border-color: var(--rr-common-white); } .offcanvas__search button { position: absolute; top: 2px; right: 0; font-size: 20px; color: var(--rr-common-white); } .offcanvas__search button:hover { color: var(--rr-theme-primary); } .offcanvas__title { color: var(--rr-common-white); } @media (max-width:450px) { .offcanvas__title { font-size: 20px; } } .offcanvas__text p { margin-bottom: 25px; } .offcanvas__social { margin-bottom: 40px; } .offcanvas__social ul li { display: inline-block; } .offcanvas__social ul li:not(:last-child) { margin-right: 5px; } .offcanvas__social ul li a { color: var(--rr-theme-primary); display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: var(--rr-common-white); font-size: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .offcanvas__social ul li a:hover { background-color: var(--rr-theme-primary); color: var(--rr-common-white); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px); } .offcanvas__notification-icon a { font-size: 14px; color: var(--rr-common-white); position: relative; } .offcanvas__notification-icon a .notification-count { position: absolute; top: -4px; right: -13px; display: inline-block; width: 20px; height: 20px; line-height: 22px; font-size: 12px; font-weight: 600; background-color: var(--rr-theme-primary); -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: var(--rr-common-white); text-align: center; } .offcanvas__notification-text p { margin-bottom: 0; font-weight: 500; color: var(--rr-common-white); font-size: 14px; } .offcanvas__notification-text p .notification-number { color: var(--rr-theme-primary); } .offcanvas__notification-text p a { color: var(--rr-theme-primary); } .offcanvas__overlay { position: fixed; height: 100%; width: 100%; background: var(--rr-common-black); z-index: 900; top: 0; opacity: 0; visibility: hidden; right: 0; } .offcanvas__overlay.overlay-open { opacity: 0.6; visibility: visible; } .sidebar__toggle { cursor: pointer; } .offcanvas__contact-icon { margin-inline-end: 15px; } .offcanvas__slider-content { border: 1px solid var(--rr-border-primary); padding: 20px; } .offcanvas__navigation { display: flex; align-items: center; gap: 20px; } .offcanvas__navigation button svg * { fill: var(--rr-common-white); } .offcanvas__navigation button:hover svg * { fill: var(--rr-theme-primary); } .offcanvas__post-title { font-size: 26px; color: var(--rr-common-white); } .offcanvas__post-title a:hover { color: var(--rr-theme-primary); } .offcanvas-close-icon { line-height: 1; color: var(--rr-common-white); } .offcanvas-close-icon .offcanvas-m-lines { position: relative; display: block; height: 12px; width: 30px; } .offcanvas-close-icon.animation--flip .offcanvas-m-line.line--1 { top: 6px; transform: rotate(45deg); } .offcanvas-close-icon.animation--flip .offcanvas-m-line.line--3 { opacity: 0; opacity: 0; } .offcanvas-close-icon.animation--flip .offcanvas-m-line.line--2 { top: 6px; transform: rotate(-45deg); } .offcanvas-close-icon .offcanvas-m-line { position: absolute; left: 0; height: 2px; width: 100%; background-color: currentColor; transition: top 0.15s ease, transform 0.3s ease; } .offcanvas-close-icon .offcanvas-m-line.line--1 { top: 0; } .offcanvas-close-icon .offcanvas-m-line.line--2 { top: 5px; } .offcanvas-close-icon .offcanvas-m-line.line--3 { bottom: 0; bottom: 0; } .offcanvas-close-icon:hover .offcanvas-m-line { animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards; animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards; } .offcanvas-close-icon:hover .offcanvas-m-line:nth-of-type(2) { animation-delay: 0.1s; } /*----------------------------------------*/ /* 2.5 niceselect /*----------------------------------------*/ .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 15px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; } .nice-select::after { position: absolute; content: "\f107"; top: 50%; right: 0; font-family: var(--rr-ff-fontawesome); color: var(--rr-common-black); font-weight: 500; pointer-events: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; margin-top: 0; transform-origin: center; } .nice-select.open::after { -webkit-transform: translateY(-50%) rotate(-180deg); -moz-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); -o-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled::after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small::after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover { background-color: #f6f7f9; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } /*----------------------------------------*/ /* 2.6 sectiontitle /*----------------------------------------*/ .section__title-wrapper { z-index: 1; } .section__title-wrapper-subtitle { font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); color: var(--rr-theme-primary); font-style: normal; font-size: 15px; line-height: 26px; text-align: center; letter-spacing: 1px; text-transform: uppercase; } .section__title-wrapper-title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary2); font-weight: var(--rr-fw-regular); font-style: normal; font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); text-align: center; text-transform: capitalize; font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section__title-wrapper-title { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .section__title-wrapper-title { font-size: 35px; line-height: 45px; } } @media (max-width: 575px) { .section__title-wrapper-title { font-size: 28px; line-height: 38px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section__title-wrapper-title br { display: none; } } .section__title-wrapper-title-2 { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-bold); font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px) { .section__title-wrapper-title-2 { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .section__title-wrapper-title-2 { font-size: 35px; line-height: 45px; } } @media (max-width: 575px) { .section__title-wrapper-title-2 { font-size: 28px; line-height: 38px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section__title-wrapper-title-2 br { display: none; } } .section__title-wrapper-subtitle.text-left { text-align: left; } .section2__title-wrapper-title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary2); font-weight: var(--rr-fw-regular); font-style: normal; font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); text-transform: capitalize; font-style: normal; padding-bottom: 10px; border-bottom: 1px solid #E7E7EB; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section2__title-wrapper-title { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .section2__title-wrapper-title { font-size: 35px; line-height: 45px; } } @media (max-width: 575px) { .section2__title-wrapper-title { font-size: 28px; line-height: 38px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section2__title-wrapper-title br { display: none; } } .section3__title-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; column-gap: 15px; row-gap: 10px; border-bottom: 1px solid #E7E7EB; padding-bottom: 15px; } .section3__title-wrapper-title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary2); font-weight: var(--rr-fw-regular); font-style: normal; font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); text-transform: capitalize; font-style: normal; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section3__title-wrapper-title { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .section3__title-wrapper-title { font-size: 35px; line-height: 45px; } } @media (max-width: 575px) { .section3__title-wrapper-title { font-size: 28px; line-height: 38px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section3__title-wrapper-title br { display: none; } } .section__title-wrapper2 { z-index: 1; } .section__title-wrapper2-black-subtitle { color: var(--rr-common-white); font-weight: var(--rr-fw-bold); font-size: 14px; line-height: 14px; display: flex; align-items: center; gap: 10px; font-style: normal; text-transform: uppercase; letter-spacing: 1.4px; } @media (max-width:376px) { .section__title-wrapper2-black-subtitle { letter-spacing: 0.4px; } } .section__title-wrapper2-title { font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-weight: var(--rr-fw-bold); font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section__title-wrapper2-title { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .section__title-wrapper2-title { font-size: 35px; line-height: 45px; } } @media (max-width: 575px) { .section__title-wrapper2-title { font-size: 28px; line-height: 38px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section__title-wrapper2-title br { display: none; } } @media (max-width: 575px) { .section__title-wrapper2-2 { display: flex; flex-direction: column; justify-content: center; align-items: center; } } .section-title2 { display: flex; justify-content: space-between; position: relative; align-items: end; flex-wrap: wrap; column-gap: 10px; row-gap: 20px; z-index: 1; } .section-title2__wrapper-subtitle { font-family: var(--rr-ff-subtitle); color: var(--rr-heading-primary); font-weight: var(--rr-fw-sbold); font-size: 14px; font-style: normal; line-height: 14px; display: flex; align-items: center; gap: 10px; margin-bottom: 10px; letter-spacing: 1.4px; text-transform: uppercase; } .section-title2__wrapper-title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary2); font-weight: var(--rr-fw-regular); font-style: normal; font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); text-transform: capitalize; font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section-title2__wrapper-title { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .section-title2__wrapper-title { font-size: 35px; line-height: 45px; } } @media (max-width: 575px) { .section-title2__wrapper-title { font-size: 28px; line-height: 38px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section-title2__wrapper-title br { display: none; } } .section-title2__button a { color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lg-h5); background: var(--rr-theme-primary); font-size: 14px; font-style: normal; display: inline-flex; padding: 15px 30px; align-items: center; gap: 10px; transition: 0.3s; margin-bottom: 0; border-radius: 30px; } .section-title2__button a:hover { background: var(--rr-heading-primary); } .section-title2__paragraph { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lg-h5); font-size: 16px; margin-bottom: 0; font-style: normal; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section-title2__paragraph br { display: none; } } .section-slider-title { justify-content: space-between; align-items: end; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 20px; } .section-slider-title-wrapper-subtitle { font-family: var(--rr-ff-subtitle); color: var(--rr-common-white); font-weight: var(--rr-fw-sbold); font-size: 14px; font-style: normal; line-height: 14px; display: flex; align-items: center; gap: 10px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1.4px; } .section-slider-title-wrapper-title { font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-weight: var(--rr-fw-bold); font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section-slider-title-wrapper-title { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .section-slider-title-wrapper-title { font-size: 35px; line-height: 45px; } } @media (max-width: 575px) { .section-slider-title-wrapper-title { font-size: 28px; line-height: 38px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section-slider-title-wrapper-title br { display: none; } } .section-slider-title-button { display: flex; align-items: center; gap: 20px; } .section-slider-title-button-right { height: 60px; width: 60px; border: 1px solid #E3DBD8; background: #034833; border-radius: 50%; transition: 0.3s; } .section-slider-title-button-right i { color: var(--rr-common-white); } .section-slider-title-button-right:hover { background: var(--rr-theme-primary); border-color: var(--rr-theme-primary); } .section-slider-title-button-right:hover i { color: var(--rr-common-white); } .section-slider-title-button-right:hover svg path { fill: var(--rr-common-white); } .section-slider-title-2 { justify-content: space-between; align-items: end; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 20px; } .section-slider-title-2-wrapper-subtitle { font-family: var(--rr-ff-subtitle); color: var(--rr-heading-primary); font-weight: var(--rr-fw-sbold); font-size: 14px; font-style: normal; line-height: 14px; display: flex; align-items: center; gap: 10px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1.4px; } .section-slider-title-2-wrapper-title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-bold); font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section-slider-title-2-wrapper-title { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .section-slider-title-2-wrapper-title { font-size: 35px; line-height: 45px; } } @media (max-width: 575px) { .section-slider-title-2-wrapper-title { font-size: 28px; line-height: 38px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section-slider-title-2-wrapper-title br { display: none; } } .section-slider-title-2-button { display: flex; align-items: center; gap: 20px; } .section-slider-title-2-button-right { height: 60px; width: 60px; border: 1px solid #E3DBD8; background: #F1F5EB; border-radius: 50%; transition: 0.3s; } .section-slider-title-2-button-right i { color: var(--rr-heading-primary); } .section-slider-title-2-button-right:hover { background: var(--rr-theme-primary); border-color: var(--rr-theme-primary); } .section-slider-title-2-button-right:hover i { color: var(--rr-common-white); } .section-slider-title-2-button-right:hover svg path { fill: var(--rr-common-white); } .section-slider-title-3 { justify-content: space-between; align-items: end; display: flex; flex-wrap: wrap; gap: 10px; column-gap: 10px; row-gap: 20px; } .section-slider-title-3-wrapper-subtitle { font-family: var(--rr-ff-subtitle); color: var(--rr-heading-primary); font-weight: var(--rr-fw-sbold); font-size: 14px; font-style: normal; line-height: 14px; display: flex; align-items: center; gap: 10px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1.4px; } .section-slider-title-3-wrapper-title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-bold); font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section-slider-title-3-wrapper-title { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .section-slider-title-3-wrapper-title { font-size: 35px; line-height: 45px; } } @media (max-width: 575px) { .section-slider-title-3-wrapper-title { font-size: 28px; line-height: 38px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section-slider-title-3-wrapper-title br { display: none; } } .section-slider-title-3-button { display: flex; align-items: center; gap: 20px; } .section-slider-title-3-button-right { height: 60px; width: 60px; background: #d5dfd4; border-radius: 50%; transition: 0.3s; } .section-slider-title-3-button-right i { color: var(--rr-heading-primary); } .section-slider-title-3-button-right:hover { background: var(--rr-theme-primary); border-color: var(--rr-theme-primary); } .section-slider-title-3-button-right:hover i { color: var(--rr-common-white); } .section-slider-title-3-button-right:hover svg path { fill: var(--rr-common-white); } .section-slider-title-7 { justify-content: space-between; align-items: end; display: flex; flex-wrap: wrap; gap: 10px; column-gap: 10px; row-gap: 20px; } .section-slider-title-7-wrapper-subtitle { font-family: var(--rr-ff-subtitle); color: var(--rr-heading-primary); font-weight: var(--rr-fw-sbold); font-size: 14px; font-style: normal; line-height: 14px; display: flex; align-items: center; gap: 10px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1.4px; } .section-slider-title-7-wrapper-title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-bold); font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section-slider-title-7-wrapper-title { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .section-slider-title-7-wrapper-title { font-size: 35px; line-height: 45px; } } @media (max-width: 575px) { .section-slider-title-7-wrapper-title { font-size: 28px; line-height: 38px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section-slider-title-7-wrapper-title br { display: none; } } .section-slider-title-7-button { display: flex; align-items: center; gap: 20px; position: absolute; bottom: 46px; right: 67px; z-index: 1; } @media (max-width: 575px) { .section-slider-title-7-button { display: none; } } .section-slider-title-7-button-right { height: 60px; width: 60px; background: #f1f5eb; border-radius: 50%; transition: 0.3s; } .section-slider-title-7-button-right i { color: var(--rr-heading-primary); } .section-slider-title-7-button-right:hover { background: var(--rr-theme-primary); border-color: var(--rr-theme-primary); } .section-slider-title-7-button-right:hover i { color: var(--rr-common-white); } .section-slider-title-7-button-right:hover svg path { fill: var(--rr-common-white); } .section-slider-title-4 { justify-content: space-between; align-items: end; display: flex; flex-wrap: wrap; gap: 10px; column-gap: 10px; row-gap: 20px; position: relative; z-index: 2; } .section-slider-title-4-wrapper-subtitle { font-family: var(--rr-ff-subtitle); color: var(--rr-heading-primary); font-weight: var(--rr-fw-sbold); font-size: 14px; font-style: normal; line-height: 14px; display: flex; align-items: center; gap: 10px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1.4px; } .section-slider-title-4-wrapper-title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-bold); font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section-slider-title-4-wrapper-title { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .section-slider-title-4-wrapper-title { font-size: 35px; line-height: 45px; } } @media (max-width: 575px) { .section-slider-title-4-wrapper-title { font-size: 28px; line-height: 38px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section-slider-title-4-wrapper-title br { display: none; } } .section-slider-title-4-button { display: flex; align-items: center; gap: 20px; } .section-slider-title-4-button-right { height: 60px; width: 60px; background: transparent; border-radius: 50%; transition: 0.3s; border: 1px solid var(--rr-heading-primary); } .section-slider-title-4-button-right i { color: var(--rr-heading-primary); } .section-slider-title-4-button-right:hover { background: var(--rr-theme-primary); border-color: var(--rr-theme-primary); } .section-slider-title-4-button-right:hover i { color: var(--rr-common-white); } .section-slider-title-4-button-right:hover svg path { fill: var(--rr-common-white); } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .coustom__title br { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .coustom__paragraph br { display: none; } } .si__section__title h6 { font-weight: 400; font-size: 20px; line-height: 42px; text-transform: uppercase; color: var(--rr-theme-primary); } @media (max-width:991px) { .si__section__title h6 { font-size: 17px; } } .si__section__title h1 { font-size: 49px; line-height: 60px; font-weight: 500; } @media (max-width:991px) { .si__section__title h1 { font-size: 31px; } } @media (max-width: 575px) { .si__section__title h1 { font-size: 29px; line-height: 35px; } } .si__section__title p { font-weight: 400; font-size: 16px; margin-top: 19px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__section__title p br { display: none; } } @media (max-width:991px) { .si__section__title p br { display: none; } } @media (max-width:991px) { .si__section__title p { margin-bottom: 31px; font-size: 15px; } } /*----------------------------------------*/ /* 2.7 breadcrumb /*----------------------------------------*/ /* ===== Responsive Image Banner ===== */ .breadcrumb__area { width: 100%; height: 400px; /* Default desktop height */ background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; overflow: hidden; } /* Optional: subtle overlay for better visual balance */ /* .breadcrumb__area::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.2); } */ /* ===== Responsiveness ===== */ /* ===== Large Screen Responsiveness (1500px - 1920px) ===== */ @media (min-width: 1550px) and (max-width: 2000px) { .breadcrumb__area { height: 550px; background-size: contain; } } @media (max-width: 1200px) { .breadcrumb__area { height: 351px; background-size: contain; } } @media (max-width: 992px) { .breadcrumb__area { height: 244px; } } @media (max-width: 768px) { .breadcrumb__area { height: 200px; } } @media (max-width: 576px) { .breadcrumb__area { height:118px; } } /*----------------------------------------*/ /* 2.8 lightmode /*----------------------------------------*/ .rs-theme-light:root { --rr-text-primary: rgba(6, 6, 6, 1); --rr-text-secondary: rgba(255, 255, 255, 1); --rr-text-body: rgb(81, 82, 84); --rr-border-primary: rgba(6, 6, 6, 0.1); --rr-bg-2: rgba(249, 249, 249, 1); --rr-bg-5: rgb(243, 243, 243); } .rs-theme-light:root body { background: var(--rr-body-secondary); } .rs-theme-light:root .theme-bg-1 { background-color: var(--rr-bg-2); } /*----------------------------------------*/ /* 2.9 carousel /*----------------------------------------*/ .rs-swiper-dot .swiper-pagination-bullet { width: 10px; height: 10px; background-color: rgba(255, 255, 255, 0.2); opacity: 1; border-radius: 30px; position: relative; margin: 0 8px !important; } .rs-theme-light .rs-swiper-dot .swiper-pagination-bullet { background-color: rgba(6, 6, 6, 0.2); } .rs-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(255, 255, 255); } .rs-theme-light .rs-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(6, 6, 6); } .rs-swiper-dot.is-white .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.2); } .rs-swiper-dot.is-white .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(255, 255, 255); } /*----------------------------------------*/ /* 2.10 backtotop /*----------------------------------------*/ .backtotop-wrap { position: fixed; bottom: 30px; right: 30px; height: 46px; overflow: hidden; width: 46px; cursor: pointer; display: block; border-radius: 50px; z-index: 100; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear; background: var(--rr-theme-primary); } @media (max-width:450px) { .backtotop-wrap { bottom: 20px; right: 20px; } } .backtotop-wrap.active-progress { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .backtotop-wrap::before { width: 100%; height: 100%; position: absolute; top: 0; border: 1px solid var(--rr-theme-primary); left: 0; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; -ms-border-radius: 500px; border-radius: 500px; transform: translate(-100%, 0) rotate(50deg); transform-origin: top left; transition: all 0.35s; background-color: var(--rr-heading-primary); z-index: -1; content: ""; } .backtotop-wrap::after { position: absolute; font-family: var(--rr-ff-fontawesome); content: "\f062"; text-align: center; line-height: 46px; font-size: 16px; font-weight: 400; color: var(--rr-common-white); left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear; } .backtotop-wrap svg path { fill: none; } .backtotop-wrap svg.backtotop-circle path { stroke: #ccc; stroke-width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear; } .backtotop-wrap:hover::before { border-color: var(--rr-heading-primary); transform: translate(0, 0); } /*----------------------------------------*/ /* 2.11 animation /*----------------------------------------*/ @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); } 70% { -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); } 70% { -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes textrotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .textrotate { animation: textrotate 3s linear infinite; } .image-anime { position: relative; overflow: hidden; } .image-anime:after { content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, 0.3); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; } .image-anime:hover:after { height: 250%; transition: all 600ms linear; background-color: transparent; } .animate-play { position: relative; } .animate-play::before { content: ""; display: inline-block; width: 100%; height: 100%; border-radius: 50%; position: absolute; border: 1px solid rgb(134, 134, 134); top: 0; left: 0; right: 0px; bottom: 0px; z-index: 0; animation-name: popupBtn; animation-duration: 1.6s; animation-timing-function: linear; animation-iteration-count: infinite; z-index: -1; } .animate-play::after { content: ""; display: inline-block; width: 100%; height: 100%; border-radius: 50%; position: absolute; border: 1px solid rgb(134, 134, 134); top: 0; left: 0; right: 0; bottom: 0px; z-index: 0; animation-name: popupBtn; animation-duration: 1.8s; animation-timing-function: linear; animation-iteration-count: infinite; z-index: -1; } /*shake*/ @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } @keyframes popupBtn { 0% { transform: scale(1); opacity: 0.6; } 50% { transform: scale(1.4); opacity: 0.3; } 100% { transform: scale(2); opacity: 0; } } @keyframes slide-left { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes leftRight { 0% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); -ms-transform: translateX(-15px); -o-transform: translateX(-15px); transform: translateX(-15px); } } .spin { animation-name: spin; animation-duration: 10s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes qode-draw { 0%, 100% { -webkit-clip-path: inset(-2px 0); clip-path: inset(-2px 0); } 42% { -webkit-clip-path: inset(-2px 0 -2px 100%); clip-path: inset(-2px 0 -2px 100%); } 43% { -webkit-clip-path: inset(-2px 100% -2px 0); clip-path: inset(-2px 100% -2px 0); } } @-webkit-keyframes scroll { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(16px); -moz-transform: translateY(16px); -ms-transform: translateY(16px); -o-transform: translateY(16px); transform: translateY(16px); } } @-moz-keyframes scroll { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(16px); -moz-transform: translateY(16px); -ms-transform: translateY(16px); -o-transform: translateY(16px); transform: translateY(16px); } } @-ms-keyframes scroll { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(16px); -moz-transform: translateY(16px); -ms-transform: translateY(16px); -o-transform: translateY(16px); transform: translateY(16px); } } @keyframes scroll { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(16px); -moz-transform: translateY(16px); -ms-transform: translateY(16px); -o-transform: translateY(16px); transform: translateY(16px); } } @keyframes bubble { 0% { -webkit-transform: rotate(0deg) translateX(-50px); -moz-transform: rotate(0deg) translateX(-50px); -ms-transform: rotate(0deg) translateX(-50px); transform: rotate(0deg) translateX(-50px); } 100% { -webkit-transform: rotate(360deg) translateY(100px); -moz-transform: rotate(360deg) translateY(100px); -ms-transform: rotate(360deg) translateY(100px); transform: rotate(360deg) translateY(100px); } } @-webkit-keyframes leftright { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } } @-moz-keyframes leftright { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } } @-ms-keyframes leftright { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes leftright { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes bounce { 0%, 10%, 100%, 20%, 50%, 80% { transform: translateX(0); } 40%, 60% { transform: translateX(-15px); } } @keyframes top-image-bounce { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(12px); transform: translateY(12px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes scroll { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(16px); -moz-transform: translateY(16px); -ms-transform: translateY(16px); -o-transform: translateY(16px); transform: translateY(16px); } } @-moz-keyframes scroll { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(16px); -moz-transform: translateY(16px); -ms-transform: translateY(16px); -o-transform: translateY(16px); transform: translateY(16px); } } @-ms-keyframes scroll { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(16px); -moz-transform: translateY(16px); -ms-transform: translateY(16px); -o-transform: translateY(16px); transform: translateY(16px); } } @keyframes scroll { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(16px); -moz-transform: translateY(16px); -ms-transform: translateY(16px); -o-transform: translateY(16px); transform: translateY(16px); } } .cd-words-wrapper { display: inline-block; position: relative; text-align: left; } .cd-words-wrapper b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; font-weight: inherit; } .cd-words-wrapper b.is-visible { position: relative; } .no-js .cd-words-wrapper b { opacity: 0; } .no-js .cd-words-wrapper b.is-visible { opacity: 1; } .cd-headline.clip span { display: inline-block; transition: none; } .cd-headline.clip .cd-words-wrapper { overflow: hidden; vertical-align: top; } .cd-headline.clip .cd-words-wrapper::after { top: 0; right: 0; width: 2px; content: ""; height: 100%; position: absolute; background-color: #3b3b3b; } .cd-headline.clip b { opacity: 0; } .cd-headline.clip b.is-visible { opacity: 1; } .ripple, .ripple:before, .ripple:after { position: absolute; left: 50%; top: 50%; width: 110px; height: 110px; transform: translateX(-50%) translateY(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); -webkit-animation: rippleOne 3s infinite; -moz-animation: rippleOne 3s infinite; -ms-animation: rippleOne 3s infinite; -o-animation: rippleOne 3s infinite; animation: rippleOne 3s infinite; } .ripple { z-index: -1; } .ripple:before { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; right: 0; bottom: 0; } .ripple:after { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; right: 0; bottom: 0; } @-webkit-keyframes rippleOne { 70% { box-shadow: 0 0 0 30px rgba(244, 68, 56, 0); } 100% { box-shadow: 0 0 0 0 rgba(244, 68, 56, 0); } } @keyframes rippleOne { 70% { box-shadow: 0 0 0 30px rgba(244, 68, 56, 0); } 100% { box-shadow: 0 0 0 0 rgba(244, 68, 56, 0); } } .upDown { animation: upDown 1.3S infinite alternate; } @keyframes upDown { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } } .upDown-top { animation: upDown 1S infinite alternate; } @keyframes upDown-top { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } } .upDown-bottom { animation: upDown 0.8S infinite alternate; } @keyframes upDown-bottom { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); } } .leftRight { animation: leftRight 1.3S infinite alternate; } @keyframes rightLeft { 0% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } } .rightLeft { animation: rightLeft 1.3S infinite alternate; } @keyframes zooming { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .zooming { animation: zooming 1.3S infinite alternate; } @keyframes zoom { 0% { transform: scale(1) translate(0, 0); } 50% { transform: scale(1.1) translate(19px, 19px); } 100% { transform: scale(1) translate(0, 0); } } .zoom { animation: zooming 1.3S infinite alternate; } /*----------------------------------------*/ /* 2.12 preloader /*----------------------------------------*/ .preloader-close { position: fixed; z-index: 99999999; font-size: 26px; background: var(--rr-common-white); width: 40px; height: 40px; line-height: 36px; text-align: center; border-radius: 50%; cursor: pointer; right: 30px; top: 30px; } #preloader { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #121212; z-index: 999; } .sk-three-bounce { margin: 0; width: 100%; height: 100%; text-align: center; background-color: #121212; } .sk-three-bounce .sk-child { position: relative; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-color: var(--rr-theme-primary); border-radius: 100%; display: inline-block; -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; } .sk-three-bounce.is-brick-red.sk-three-bounce .sk-child { background-color: var(--rr-theme-2); } .sk-three-bounce.is-mainly-blue.sk-three-bounce .sk-child { background-color: var(--rr-theme-3); } .sk-three-bounce.is-orange.sk-three-bounce .sk-child { background-color: var(--rr-theme-4); } .sk-three-bounce.is-purple.sk-three-bounce .sk-child { background-color: var(--rr-theme-5); } .sk-three-bounce .sk-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sk-three-bounce .sk-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /*----------------------------------------*/ /* 2.13 rangeSlider /*----------------------------------------*/ .ui-button-icon-only, .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-checkboxradio-disabled, .ui-state-disabled { pointer-events: none; } .ui-datepicker .ui-icon, .ui-icon { text-indent: -99999px; background-repeat: no-repeat; } .ui-helper-reset, .ui-menu { outline: 0; list-style: none; } .ui-helper-hidden, .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; line-height: 1.3; text-decoration: none; font-size: 100%; } .ui-helper-clearfix:after, .ui-helper-clearfix:before { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; overflow: hidden; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0; padding: 0.5em 0.5em 0.5em 0.7em; font-size: 100%; } .ui-autocomplete, .ui-menu .ui-menu { position: absolute; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { top: 0; left: 0; cursor: default; } .ui-menu { padding: 0; margin: 0; display: block; } .ui-button, .ui-controlgroup { display: inline-block; vertical-align: middle; } .ui-button, .ui-menu-icons, .ui-resizable { position: relative; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px 0.4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0; } .ui-menu .ui-state-active, .ui-menu .ui-state-focus { margin: -1px; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } .ui-button, .ui-controlgroup .ui-controlgroup-label { padding: 0.4em 1em; } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: 0.2em; margin: auto 0; } .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { line-height: normal; margin-right: 0.1em; cursor: pointer; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: visible; } .ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited { text-decoration: none; } .ui-button-icon-only { width: 2em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-button-icon-only { text-indent: 0; } .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: 0.4em 1em; } button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus, .ui-controlgroup > .ui-controlgroup-item:focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } .ui-controlgroup-vertical .ui-spinner-input { width: 75%; width: calc(100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: 0.12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0 0 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: 700; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td a, .ui-datepicker td span { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker .ui-icon { display: block; overflow: hidden; left: 0.5em; top: 0.3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: 0.2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0.5em 1em; background: 0 0; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle, .ui-selectable, .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted #000; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: 700; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-loan-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-loan-range { filter: inherit; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-loan-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-loan-range-min { left: 0; } .ui-slider-horizontal .ui-loan-range-max { right: 0; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-loan-range { left: 0; width: 100%; } .ui-slider-vertical .ui-loan-range-min, .ui-spinner-down { bottom: 0; } .ui-slider-vertical .ui-loan-range-max, .ui-spinner-up { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: 0 0; color: inherit; padding: 0.222em 0; margin: 0.2em 2em 0.2em 0.4em; vertical-align: middle; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: 0.5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-tabs { position: relative; padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px 0.2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: 0 0; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } .ui-widget, .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333; } .ui-widget-content a, .ui-widget-header a { color: #333; } .ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: 700; } .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: 400; color: #454545; } .ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button { color: #454545; text-decoration: none; } .ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover { border: 1px solid #ccc; background: #ededed; font-weight: 400; color: #2b2b2b; } .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6; } .ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active { border: 1px solid var(--rr-theme-primary); background: #007fff; font-weight: 400; color: #fff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: var(--rr-theme-primary); background-color: #fff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid var(--rr-theme-primary); background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid var(--rr-theme-primary); background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: 700; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: Alpha(Opacity=70); font-weight: 400; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter: Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); } .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-button:active .ui-icon, .ui-state-active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first, .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right { border-bottom-right-radius: 3px; } .ui-widget-overlay { background: #aaa; opacity: 0.3; filter: Alpha(Opacity=30); } .ui-widget-shadow { -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; } /* HEADER CSS */ /*----------------------------------------*/ /* 3.1 header-1 /*----------------------------------------*/ .header-1.rs-sticky .header__btn .text h5, .header-1.rs-sticky .header__btn .text span { color: var(--rr-common-white); } .header-1.rs-sticky .header__btn .text a:hover h5 { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li > a { color: var(--rr-heading-primary); } .header-1.rs-sticky .main-menu ul li > a::before { background: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .submenu li a:hover { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .submenu li a:hover::before { background: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .submenu li:hover > a { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .submenu li:hover > a::before { background-color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .submenu li.has-dropdown:hover > a::after { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .mega-menu li ul li:hover > a { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .mega-menu li ul li:hover > a::before { background: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .mega-menu li:hover > .mega-menu-title { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li:hover > a { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li:hover > a::after { color: var(--rr-theme-primary); } /*----------------------------------------*/ /* 3.2 header-2 /*----------------------------------------*/ .header-1.rs-sticky .header__btn .text h5, .header-1.rs-sticky .header__btn .text span { color: var(--rr-common-white); } .header-1.rs-sticky .header__btn .text a:hover h5 { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li > a { color: var(--rr-heading-primary); } .header-1.rs-sticky .main-menu ul li > a::before { background: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .submenu li a:hover { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .submenu li a:hover::before { background: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .submenu li:hover > a { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .submenu li:hover > a::before { background-color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .submenu li.has-dropdown:hover > a::after { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .mega-menu li ul li:hover > a { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .mega-menu li ul li:hover > a::before { background: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .mega-menu li:hover > .mega-menu-title { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li:hover > a { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li:hover > a::after { color: var(--rr-theme-primary); } #popup-search-box { background-color: var(--rr-common-white); position: fixed; width: 100%; height: 20%; top: -100%; left: 0; right: 0; white-space: nowrap; z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: 500ms ease all; -moz-transition: 500ms ease all; transition: 500ms ease all; } #popup-search-box .box-inner-wrap { position: relative; width: 100%; height: 100%; box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05); } #popup-search-box .box-inner-wrap form { position: relative; width: 100%; max-width: 560px; margin: 0 auto; padding: 0 15px; } #popup-search-box .box-inner-wrap form input { width: 100%; padding: 20px 15px; padding-right: 80px; background: transparent; border: none; color: #ddd; border: 1px solid var(--rr-common-black); color: #666; font-size: 16px; } #popup-search-box .box-inner-wrap form input:focus { outline: none; } #popup-search-box .box-inner-wrap:hover { cursor: url(../img/cross.png), auto; } #popup-search-box .box-inner-wrap .search-close { position: absolute; top: 30px; right: 50px; color: var(--rr-heading-primary); border: 1px solid var(--rr-heading-primary); height: 50px; width: 50px; font-size: 20px; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; } #popup-search-box .box-inner-wrap .search-close:hover { background-color: var(--rr-theme-primary); border: 1px solid var(--rr-theme-primary); color: var(--rr-common-white); } #popup-search-box.toggled { top: 0; opacity: 1; visibility: visible; } /*----------------------------------------*/ /* 3.4 header-common /*----------------------------------------*/ .rs-sticky { position: fixed !important; top: 0; z-index: 111; inset-inline-end: 0; inset-inline-start: 0; width: 100%; -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; background: #fff !important; box-shadow: 0px 10px 20px 0px rgba(0, 29, 8, 0.1); border-top: 0; } .rs-sticky-2 { padding-bottom: 20px; background: transparent !important; box-shadow: none; } .rs-sticky .header-top { position: fixed !important; top: -100%; z-index: 111; inset-inline-end: 0; inset-inline-start: 0; width: 100%; -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; background: var(--rr-gray-900); border-top: 0; } .rs-sticky.header-2 { background: var(--rr-heading-primary) !important; } .rs-sticky.header-2 .main-menu .mobile-menu ul li a { color: var(--rr-common-white) !important; } .rs-sticky.header-2 .main-menu .mobile-menu ul li a:hover { color: var(--rr-theme-primary) !important; } .rs-sticky.header4 { background: #1c243c !important; } .rs-sticky.header-2 .main-menu .mobile-menu ul li ul.submenu li a { color: var(--rr-heading-primary) !important; } .header__area { position: relative; width: 100%; z-index: 99; } @media (max-width: 1199px) { .header__area { padding: 15px 0; } } .header3 { background-color: var(--rr-common-white) !important; } .header__logo { max-width: 188px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px) { .header__logo { max-width: 150px; } } @media (max-width:450px) { .header__logo { max-width: 150px; } } .header__logo.header__logo-3 { display: flex; justify-content: center; align-items: center; gap: 30px; } @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .header__logo.header__logo-3 .header__hamburger { margin-left: 55px; } } .header__logo.header__logo-3 .header__hamburger .sidebar__toggle { background: var(--rr-heading-primary); width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .header__logo.header__logo-3 .header__hamburger .sidebar__toggle .bar-icon span { background: var(--rr-common-white); } .header__logo.header__logo-3 .logo-3 { width: 164px; } @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .header__logo.header__logo-3 .logo-3 { width: 130px; } } .header-container { max-width: 1825px; width: 100%; margin: 0 auto; } @media (max-width: 1900px) { .header-container { padding: 0 20px; } } .header2 { position: absolute; } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .header2 { padding: 0; } } .header2__bg { background: var(--rr-heading-primary1); border-radius: 60px; } .header2__left { margin-left: 30px; } .header2__right { margin-right: 20px; } .header2__menu ul li > a { padding: 39px 0 !important; } .header2__menu ul li ul li a { padding: 5px 25px !important; } .header2__main { margin-top: 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .header2__main { padding-top: 10px; padding-bottom: 10px; margin-top: 0; } } .rs-sticky .header2__main { margin-top: 0; } .header__main { display: flex; justify-content: space-between; align-items: center; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header__main .header__middle .mean__menu-wrapper .main-menu .mobile-menu ul li { margin-inline-end: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header__main .header__middle .mean__menu-wrapper .main-menu .mobile-menu ul li a { font-size: 14px; } } .header__main .header__right .header__action { gap: 25px; } .header__main .header__right .header__action .search-icon { cursor: pointer; background: #1c243c; border-radius: 50%; width: 62px; height: 62px; line-height: 62px; text-align: center; } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .header__main .header__right .header__action .search-icon { display: none !important; } } .header__main .header__right .header__action .text span { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 16px; font-style: normal; } .header__main .header__right .header__action .text h4 a { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-heading-primary); font-style: normal; font-size: 18px; line-height: 28px; } .header__main .header__right .header__action .text h4 a:hover { color: var(--rr-theme-primary); } @media (max-width: 575px) { .header__main .header__right .header__action .text { display: none; } } .header__main .header__right .header__action .header__social { gap: 24px; } .header__main .header__right .header__action .header__social a { position: relative; } .header__main .header__right .header__action .header__social a .icon-wrapper { position: absolute; top: -13px; left: 13px; width: 15px; height: 16px; display: flex; background: #FF3D00; align-items: center; border-radius: 500px; justify-content: center; } .header__main .header__right .header__action .header__message { gap: 10px; } .header__main .header__right .header__action .header__message h6 { font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-30); font-size: 16px; font-style: normal; } @media (max-width: 575px) { .header__main .header__right .header__action .header__message h6 { display: none; } } .header__main .header__right .header__action .header__message h6:hover { color: var(--rr-theme-primary); } .header__main .header__right .header__action .header__message .circle-message { height: 50px; width: 50px; display: flex; background: var(--rr-theme-primary); justify-content: center; align-items: center; border-radius: 50%; position: relative; } .header__main .header__right .action-3 { margin-right: 74px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .header__main .header__right .action-3 { margin-right: 0; } } .header__main .header__right .lan-select-2 { outline: none; } .header__main .header__right .lan-select-2 .nice-2 { outline: none; border: none; background: transparent; } .bar-icon { width: 26px; height: 18px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; transition: color 0.2s ease-out; } .bar-icon span { width: 100%; height: 2px; background: var(--rr-theme-primary); display: inline-block; transition: color 0.2s ease-out; } .bar-icon span:nth-child(2) { margin-left: 0px; } .bar-icon:hover span { animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards; } .bar-icon:hover span:nth-child(2) { margin-left: 0px; animation-delay: 0.1s; } .bar-icon:hover span:nth-child(3) { animation-delay: 0.2s; } .bar-icon.is-black span { background: var(--rr-common-black); } .bar-icon.is-white span { background: var(--rr-common-white); } .social-media { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; gap: 6px; } .social-media a { color: var(--rr-gray-900); display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; position: relative; overflow: hidden; justify-content: center; width: 42px; height: 42px; background: var(--rr-common-white); font-size: 20px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; -ms-border-radius: 500px; border-radius: 500px; border: 1px solid rgba(0, 213, 99, 0.2); } .social-media a::before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; -ms-border-radius: 500px; border-radius: 500px; transform: translate(-100%, 0) rotate(50deg); transform-origin: top left; transition: all 0.35s; background-color: var(--rr-theme-primary); z-index: -1; content: ""; } .social-media a:hover { color: var(--rr-common-white); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px); } .social-media a:hover::before { transform: translate(0, 0); } .social-media-2 a { border-color: var(--rr-gray-200); color: var(--rr-theme-primary); } .social-media-2 a:hover { border-color: var(--rr-theme-primary); } .header__btn { gap: 15px; } .header-top { padding: 5px 0; background: rgba(255, 255, 255, 0.1); } .header-top-menu { gap: 30px; list-style: none; } .header-top-menu li { gap: 6px; display: flex; align-items: center; color: var(--rr-common-white); font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; } @media only screen and (min-width: 768px) and (max-width: 992px) { .header-top-menu li { font-size: 12px; } } .header-top-menu li a { display: flex; align-items: center; gap: 10px; color: var(--rr-common-white); } .header-top-menu li a:hover { color: var(--rr-theme-primary); } .header-top-socail-menu { gap: 20px; list-style: none; display: flex; justify-content: center; align-items: center; } .header-top-socail-menu .lan-select-2 { width: 85px; } .header-top-socail-menu .lan-select-2 .lan-home-2 { background: transparent; color: #fff; border: none; } .header-top-socail-menu .lan-select-2 .lan-home-2 option { background: #000; border: none; } .header-top-socail-menu span a { display: flex; font-size: 14px; color: var(--rr-common-white); font-family: var(--rr-ff-body); font-style: normal; line-height: 17px; } @media only screen and (min-width: 768px) and (max-width: 992px) { .header-top-socail-menu span a { font-size: 12px; } } .header-top-socail-menu span a:hover { color: var(--rr-theme-primary); } .header-top-3 { padding: 5px 0; background: var(--rr-heading-primary); } .header-top-3 .header-top-socail-menu { gap: 15px !important; } .header-top-3 .container-width { padding-left: 15px; padding-right: 15px; max-width: 1550px; } .header-top-3-menu { gap: 30px; list-style: none; } .header-top-3-menu li { gap: 6px; display: flex; align-items: center; color: var(--rr-common-white); font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; } .header-top-3-menu li a { display: flex; align-items: center; gap: 10px; color: var(--rr-common-white); } .header-top-3-menu li a:hover { color: var(--rr-theme-primary); } .header-top-3-socail-menu { gap: 20px; list-style: none; display: flex; justify-content: center; align-items: center; } .header-top-3-socail-menu .lan-select .lan { background: transparent; color: #fff; border: none; } .header-top-3-socail-menu .lan-select .lan option { background: #000; border: none; } .header-top-3-socail-menu li a { display: flex; font-size: 14px; color: var(--rr-common-white); font-family: var(--rr-ff-body); font-style: normal; font-weight: 500; line-height: 17px; } .header-top-3-socail-menu li a:hover { color: var(--rr-theme-primary); } .header-top-3 .header-top-menu li a { color: var(--rr-theme-primary); } .header-top-3 .header-top-menu li a:hover { text-decoration: underline; } .header-top-3 .header-top-social { font-style: normal; font-weight: 400; font-size: 14px; line-height: 15px; color: rgba(255, 255, 255, 0.7); gap: 20px; } .header-top-3 .header-top-social a:hover { color: var(--rr-common-white); } .inner-page { padding: 5px 0; background: var(--rr-heading-primary); } .inner-page-menu { gap: 30px; list-style: none; } .inner-page-menu li { gap: 6px; display: flex; align-items: center; color: var(--rr-common-white); font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; } .inner-page-menu li a { display: flex; align-items: center; gap: 10px; color: var(--rr-common-white); } .inner-page-menu li a:hover { color: var(--rr-theme-primary); } .inner-page-socail-menu { gap: 20px; list-style: none; display: flex; justify-content: center; align-items: center; } .inner-page-socail-menu .lan-select .lan { background: transparent; color: #fff; border: none; } .inner-page-socail-menu .lan-select .lan option { background: #000; border: none; } .inner-page-socail-menu li a { display: flex; font-size: 14px; color: var(--rr-common-white); font-family: var(--rr-ff-body); font-style: normal; font-weight: 500; line-height: 17px; } .inner-page-socail-menu li a:hover { color: var(--rr-theme-primary); } .inner-page .header-top-menu li a { color: var(--rr-theme-primary); } .inner-page .header-top-social { font-style: normal; font-weight: 400; font-size: 14px; line-height: 15px; color: rgba(255, 255, 255, 0.7); gap: 20px; } .inner-page .header-top-social a:hover { color: var(--rr-common-white); } .header-select { margin-left: -18px; } .header__area.header4 { background: #0e1730 !important; position: absolute; top: 0; width: 100%; z-index: 2; } /* HEADER CSS */ /*----------------------------------------*/ /* 3.1 banner Style 1 /*----------------------------------------*/ .banner1__content p { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 16px; line-height: 27px; margin-bottom: 0; } .banner1__subtitle { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 15px; line-height: 26px; letter-spacing: 1px; text-transform: uppercase; } .banner1__title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 66px; line-height: 80px; } .banner1__media { position: absolute; max-width: 694px; top: 28%; right: 100px; width: 100%; height: 666px; transition: 0.3s; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner1__media { position: relative; margin: 0 auto; right: -50px; margin-top: 50px; } } @media (max-width: 575px) { .banner1__media { position: relative; margin: 0 auto; right: -50px; margin-top: 0; } } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner1__media { right: 0; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner1__media { right: 0; height: 500px; } } @media (max-width:450px) { .banner1__media { right: 0; height: 400px; } } @media (max-width:376px) { .banner1__media { right: 0; height: 320px; } } .banner1__media img { width: 100%; height: 100%; } /*banner-1*/ .banner { position: relative; z-index: 1; } .banner .bg-color { background-color: var(--rr-common-white); width: 100%; height: 140px; position: absolute; bottom: 0; left: 0; z-index: -1; } .banner__slider { width: 944px; height: 434px; } .banner__slider__arrow { gap: 20px; } .banner__slider__arrow .arrow-nav { position: absolute; top: 50%; left: 0; z-index: 2; transform: translateY(-50%); left: -50px; } .banner__slider__arrow .arrow-nav.right-arrow { left: auto; right: -50px; } .banner__slider__arrow-prev svg path, .banner__slider__arrow-next svg path { stroke: #595959; } .banner__slider__arrow-prev:hover svg path[stroke="var(--rr-heading-primary)"], .banner__slider__arrow-next:hover svg path[stroke="var(--rr-heading-primary)"] { stroke: var(--rr-theme-primary); } .banner__content1 { padding-top: 40px; background: #F7F7F7; } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner__content1 { margin-bottom: 50px; } } .banner__content1 .subtitle { font-family: var(--rr-ff-heading); font-style: normal; font-weight: 400; font-size: 25px; line-height: 26px; letter-spacing: 1px; text-transform: uppercase; color: #E21D23; margin-bottom: 0; } .banner__content1 .title { font-family: var(--rr-ff-heading); font-style: normal; font-weight: 600; font-size: 60px; line-height: 64px; color: var(--rr-background-gray); margin-bottom: 20px; } @media (max-width: 575px) { .banner__content1 .title { font-size: 50px; line-height: 60px; } } .banner__content1 .dec { font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; color: #595959; margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner__content1 .dec br { display: none; } } .banner__bottom-wrapper { display: flex; align-items: center; position: absolute; top: 56%; bottom: 0; z-index: 5; /* left: 24.5%; */ justify-content: center; } @media only screen and (min-width: 991px) and (max-width: 1100px) { .banner__content1 .title { font-family: var(--rr-ff-heading); font-style: normal; font-weight: 600; font-size: 44px; line-height: 54px; color: var(--rr-background-gray); margin-bottom: 20px; } .banner__content1 .dec { font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 13px; line-height: 22px; color: #595959; margin-bottom: 0; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner__bottom-wrapper { left: 7%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__bottom-wrapper { left: 7%; } } @media (max-width: 575px) { .banner__bottom-wrapper { display: none; } } .gallery { overflow: hidden; } .gallery-thumbs { max-width: 345px; width: 100%; padding: 0; left: 50%; overflow: hidden; } .gallery-thumbs .swiper-slide { width: 104px; height: 104px; text-align: center; overflow: hidden; } .gallery-thumbs .swiper-slide-active { opacity: 1; } .gallery-thumbs .swiper-slide img { width: 104px; height: 104px; cursor: pointer; } .first-p-0 { padding: 0; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .first-p-0 { padding-left: 15px; } } .gallery-thumbs .swiper-slide-active { position: relative; } .gallery-thumbs .swiper-slide::before { position: absolute; content: ""; background: var(--rr-common-placeholder); width: 85%; height: 86%; top: 8px; left: 8px; opacity: 0.8; right: 8px; bottom: 8px; transform: scale(0); transition: 0.5s; } .gallery-thumbs .swiper-slide-active::before { transform: scale(1); } /*----------------------------------------*/ /* 3.1 banner Style 1 /*----------------------------------------*/ /*banner-2*/ .banner { background-color: #F7F7F7; z-index: 1; position: relative; overflow: hidden; } .banner-custom-container { max-width: 1550px; width: 100%; margin: 0 auto; padding: 0 15px; } .banner__navigation { position: absolute; left: 47%; top: 90%; } .banner__navigation button { width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: var(--rr-theme-primary); position: absolute; top: 90%; left: 80px; z-index: 55; background-color: var(--rr-common-white); } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner__navigation button { left: 20px; width: 50px; height: 50px; } .banner__navigation button svg { max-width: 17px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner__navigation button { left: 10px; width: 50px; height: 50px; } .banner__navigation button svg { max-width: 17px; } } .banner__navigation button svg { max-width: 24px; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner__navigation button svg { max-width: 17px !important; } } .banner__navigation button:after { top: 0; z-index: -1; left: 0; content: ""; position: absolute; width: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); height: 100%; background: var(--rr-theme-primary); -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .banner__navigation button:hover { background: var(--rr-theme-primary); } .banner__navigation button:hover svg path[stroke="#001D08"] { stroke: var(--rr-common-white); } .banner__navigation .banner__button-next { left: auto; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner__navigation .banner__button-next { width: 50px; height: 50px; right: 20px; } .banner__navigation .banner__button-next svg { max-width: 17px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner__navigation .banner__button-next { right: 10px; width: 50px; height: 50px; } .banner__navigation .banner__button-next svg { max-width: 17px; } } .banner_parallax-slider { position: relative; } .banner_parallax-slider .swiper-slide { position: relative; overflow: hidden; width: 100%; height: calc(100% + 1px); top: -1px; } .banner__space { padding: 335px 0 191px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner__space { padding-top: 150px; padding-bottom: 200px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__space { padding-top: 120px; padding-bottom: 180px; } } @media only screen and (min-width: 768px) and (max-width: 992px) { .banner__space { padding-top: 80px; padding-bottom: 150px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner__space { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px), (max-width:450px) { .banner__space-shape-wrapper { display: none; } } .banner__space-shape-wrapper-top-black-shape { position: absolute; top: -10px; left: 0; } .banner__space-shape-wrapper-top-black-shape img { width: 100%; height: auto; } .banner__space-shape-wrapper-bottom-shape { position: absolute; right: 0; bottom: -15px; } .banner__space-shape-wrapper-bottom-shape img { width: 100%; height: auto; } .banner__thumb-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; } .banner__thumb-bg::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: linear-gradient(180deg, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0.68) 60.5%, #212121 100%); } .banner__subtitle { font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-style: normal; font-weight: var(--rr-fw-regular); padding: 8px 14px; border: 1px solid var(--rr-common-white); font-size: 15px; line-height: 26px; border-radius: 99px; display: inline; text-align: center; letter-spacing: 1px; text-transform: uppercase; } .banner__title { font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-style: normal; font-weight: var(--rr-fw-regular); font-size: 88px; line-height: 80px; font-style: normal; text-transform: capitalize; margin-top: 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 992px) { .banner__title { font-size: 45px; line-height: 57px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .banner__title { font-size: 45px; line-height: 57px; margin-bottom: 10px; } } @media (max-width: 575px) { .banner__title { font-size: 30px; line-height: 42px; margin-bottom: 10px; } } @media (max-width:450px) { .banner__title { font-size: 27px; line-height: 37px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px) { .banner__content { left: 9px; margin-top: 80px; } } .banner__content p { font-family: var(--rr-ff-body); color: var(--rr-common-white); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 16px; font-style: normal; } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner__content p br { display: none; } } /*----------------------------------------*/ /* 3.1 banner Style 1 /*----------------------------------------*/ /*banner-2*/ .banner { background-color: #F7F7F7; z-index: 1; position: relative; overflow: hidden; } .banner-custom-container { max-width: 1550px; width: 100%; margin: 0 auto; padding: 0 15px; } .banner__navigation { position: absolute; left: 47%; top: 90%; } .banner__navigation button { width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: var(--rr-theme-primary); position: absolute; top: 90%; left: 80px; z-index: 55; background-color: var(--rr-common-white); } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner__navigation button { left: 20px; width: 50px; height: 50px; } .banner__navigation button svg { max-width: 17px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner__navigation button { left: 10px; width: 50px; height: 50px; } .banner__navigation button svg { max-width: 17px; } } .banner__navigation button svg { max-width: 24px; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner__navigation button svg { max-width: 17px !important; } } .banner__navigation button:after { top: 0; z-index: -1; left: 0; content: ""; position: absolute; width: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); height: 100%; background: var(--rr-theme-primary); -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .banner__navigation button:hover { background: var(--rr-theme-primary); } .banner__navigation button:hover svg path[stroke="#001D08"] { stroke: var(--rr-common-white); } .banner__navigation .banner__button-next { left: auto; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner__navigation .banner__button-next { width: 50px; height: 50px; right: 20px; } .banner__navigation .banner__button-next svg { max-width: 17px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner__navigation .banner__button-next { right: 10px; width: 50px; height: 50px; } .banner__navigation .banner__button-next svg { max-width: 17px; } } .banner_parallax-slider { position: relative; } .banner_parallax-slider .swiper-slide { position: relative; overflow: hidden; width: 100%; height: calc(100% + 1px); top: -1px; } .banner__space { padding: 335px 0 191px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner__space { padding-top: 150px; padding-bottom: 200px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__space { padding-top: 120px; padding-bottom: 180px; } } @media only screen and (min-width: 768px) and (max-width: 992px) { .banner__space { padding-top: 80px; padding-bottom: 150px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner__space { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px), (max-width:450px) { .banner__space-shape-wrapper { display: none; } } .banner__space-shape-wrapper-top-black-shape { position: absolute; top: -10px; left: 0; } .banner__space-shape-wrapper-top-black-shape img { width: 100%; height: auto; } .banner__space-shape-wrapper-bottom-shape { position: absolute; right: 0; bottom: -15px; } .banner__space-shape-wrapper-bottom-shape img { width: 100%; height: auto; } .banner__thumb-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; } .banner__thumb-bg::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: linear-gradient(180deg, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0.68) 60.5%, #212121 100%); } .banner__subtitle { font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-style: normal; font-weight: var(--rr-fw-regular); padding: 8px 14px; border: 1px solid var(--rr-common-white); font-size: 15px; line-height: 26px; border-radius: 99px; display: inline; text-align: center; letter-spacing: 1px; text-transform: uppercase; } .banner__title { font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-style: normal; font-weight: var(--rr-fw-regular); font-size: 88px; line-height: 80px; font-style: normal; text-transform: capitalize; margin-top: 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 992px) { .banner__title { font-size: 45px; line-height: 57px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .banner__title { font-size: 45px; line-height: 57px; margin-bottom: 10px; } } @media (max-width: 575px) { .banner__title { font-size: 30px; line-height: 42px; margin-bottom: 10px; } } @media (max-width:450px) { .banner__title { font-size: 27px; line-height: 37px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px) { .banner__content { left: 9px; margin-top: 80px; } } .banner__content p { font-family: var(--rr-ff-body); color: var(--rr-common-white); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 16px; font-style: normal; } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner__content p br { display: none; } } .banner__content p { font-size: 19px; margin-top: 31px; color: var(--rr-common-white); opacity: 0.7; } .si__slider__area { position: relative; z-index: 2; padding-top: 270px; } .si__slider__area::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: -1; } .si__slider__content h6 { color: var(--rr-common-white); background: var(--rr-heading-primary1); font-weight: 500; display: inline-block; padding: 5px 11px 9px 11px; border-radius: 60px; } @media (max-width:991px) { .si__slider__content h6 { padding: 0px 5px 4px 5px; } } .si__slider__content h2 { color: var(--rr-common-white); font-size: 70px; line-height: 70px; margin-top: 15px; } @media (max-width:991px) { .si__slider__content h2 { font-size: 51px; line-height: 55px; } } @media (max-width: 575px) { .si__slider__content h2 { font-size: 40px; line-height: 45px; } } @media (max-width:450px) { .si__slider__content h2 { font-size: 30px; line-height: 35px; } } .si__slider__content p { color: var(--rr-common-white); font-size: 17px; margin-top: 27px; opacity: 0.7; } @media (max-width:991px) { .si__slider__content p br { display: none; } } .si__slider__box { display: flex; justify-content: center; margin-top: 55px; } .si__slider__main { max-width: 845px; width: 100%; background: #fff; border: 3px solid #E1DACB; backdrop-filter: blur(10px); padding: 30px; display: flex; gap: 41px; } @media (max-width:991px) { .si__slider__main { display: none; } } .si__slider__main__inner { display: flex; align-items: center; border: 1px solid transparent; border-bottom: 1px solid #595959; padding: 0 0 10px; width: 148px; } .si__slider__form input { max-width: 96px; margin-left: 0px; border: none; background: none; } .si__slider__icon { display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 50px; height: 50px; border: 1px solid #E7E7EB; } .si__slider__icon a i { font-size: 19px; } .border__bg { width: 83px; display: flex; align-items: center; border: none; border-bottom: none; padding: 0 0 10px; } .si__slider__form form select { border: none; margin-top: 21px; } /*----------------------------------------*/ /* 3.1 banner Style 1 /*----------------------------------------*/ /*banner-4*/ .si__slider__four__area { position: relative; z-index: 2; padding-top: 370px; padding-bottom: 330px; } @media (max-width:991px) { .si__slider__four__area { padding-top: 225px; } } @media (max-width:991px) { .si__slider__four__area { padding-bottom: 180px; } } .si__slider__four__area::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; z-index: -1; } .si__slider__four__content h2 { color: var(--rr-common-white); font-size: 70px; margin-bottom: 63px; } @media only screen and (min-width: 576px) and (max-width: 768px) { .si__slider__four__content h2 { font-size: 49px; } } @media (max-width: 575px) { .si__slider__four__content h2 { font-size: 49px; } } @media (max-width:450px) { .si__slider__four__content h2 { font-size: 39px; } } .si__slider__four__content p { position: relative; color: var(--rr-common-white); font-size: 15px; } .si__slider__four__content p::before { position: absolute; content: ""; width: 127px; height: 1px; top: -75px; left: 0; right: 0; bottom: 0; margin: auto; border: 1px solid var(--rr-theme-primary); } .si__slider__four__box { display: flex; justify-content: center; margin-top: 33px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__slider__four__box { display: block; } } @media (max-width:991px) { .si__slider__four__box { display: block; } } .si__slider__four__main { display: flex; align-items: center; background: var(--rr-common-white); padding: 15px 41px 16px 42px; border-left: 1px solid #b1b4b7; } .si__slider__four__text { margin-left: 19px; } .si__slider__four__text h6 { font-size: 15px; color: var(--rr-heading-primary); top: 5px; position: relative; font-weight: 400; } .si__slider__four__text span { font-size: 15px; color: #b1b4b7; top: -4px; position: relative; font-weight: 400; } .si__slider__four__text input { margin-left: 0; } .bg-border { border-radius: 10px 0px 0px 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .bg-border { border-radius: 0px 0px 0px 0px; } } @media (max-width:991px) { .bg-border { border-radius: 0px 0px 0px 0px; } } /*----------------------------------------*/ /* 3.1 banner Style 1 /*----------------------------------------*/ /*banner-5*/ .si__slider__five__area { padding-top: 173px; padding-bottom: 350px; position: relative; z-index: 2; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__slider__five__area { padding-bottom: 220px; } } @media (max-width:991px) { .si__slider__five__area { padding-bottom: 200px; } } .si__slider__five__area::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: var(--rr-heading-primary); opacity: 0.7; z-index: -1; } .si__slider__five__mine { position: relative; } .si__slider__five__title h6 { font-weight: 400; font-size: 15px; color: var(--rr-common-white); text-transform: uppercase; } @media (max-width:991px) { .si__slider__five__title h6 { font-size: 14px; } } .si__slider__five__title h1 { font-weight: 400; font-size: 80px; color: var(--rr-common-white); margin-top: 7px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__slider__five__title h1 { font-size: 75px; line-height: 75px; } } @media only screen and (min-width: 768px) and (max-width: 992px) { .si__slider__five__title h1 { font-size: 70px; line-height: 70px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .si__slider__five__title h1 { font-size: 60px; line-height: 60px; } } @media (max-width: 575px) { .si__slider__five__title h1 { font-size: 47px; } } @media (max-width:450px) { .si__slider__five__title h1 { font-size: 36px; } } .si__slider__five__title p { font-size: 16px; color: var(--rr-common-white); margin-top: 13px; margin-bottom: 25px; } @media (max-width:991px) { .si__slider__five__title p br { display: none; } } .si__slider__five__box__inner { margin-left: 55px; position: absolute; bottom: 40px; left: 0; z-index: 1; } .si__navigation { display: flex; gap: 20px; justify-content: right; margin-right: 55px; position: absolute; bottom: 75px; right: 0; z-index: 1; } @media (max-width:991px) { .si__navigation { display: none; } } .si__navigation button { height: 60px; width: 60px; line-height: 60px; background: var(--rr-theme-primary); border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; transition: 0.6s; } .si__navigation button:hover { background: var(--rr-heading-primary); } .si__navigation button i { font-weight: 900; font-size: 16px; line-height: 16px; color: var(--rr-common-white); } .style-five { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; } @media (max-width:1200px) { .style-five { display: none; } } .style-five a { border-radius: 100px; } /*----------------------------------------*/ /* 3.1 banner Style 1 /*----------------------------------------*/ /*banner-5*/ .si__slider__six__mine { position: relative; } .si__slider__six__area { padding-top: 250px; padding-bottom: 141px; } .si__slider__six__content { background: rgba(15, 13, 11, 0.3); backdrop-filter: blur(8px); padding: 69px 0 59px 0; } .si__slider__six__content h6 { color: var(--rr-common-white); font-size: 18px; font-weight: 400; margin-top: 23px; } @media (max-width:991px) { .si__slider__six__content h6 { font-size: 15px; } } .si__slider__six__content h1 { color: var(--rr-common-white); font-size: 75px; font-weight: 500; line-height: 1.2; text-transform: uppercase; letter-spacing: 5px; margin-top: 6px; margin-bottom: 25px; } @media (max-width:991px) { .si__slider__six__content h1 { font-size: 73px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .si__slider__six__content h1 { font-size: 52px; } } @media (max-width: 575px) { .si__slider__six__content h1 { font-size: 38px; } } @media (max-width:450px) { .si__slider__six__content h1 { font-size: 27px; } } .si__slider__six__icon a i { color: var(--rr-theme-primary); } .swiper-pagination-bullet { height: 20px; width: 20px; border-radius: 50%; position: absolute; right: 0; border: 1px solid #fff; margin-bottom: 10px !important; background: transparent; } .swiper-pagination-bullet-active { background: var(--rr-theme-primary); border: 1px solid var(--rr-theme-primary); } /*----------------------------------------*/ /* 7.1 cta /*----------------------------------------*/ /*----------------------------------------*/ /* 4.2 Menu /*----------------------------------------*/ @media (max-width: 1100px) { .main-menu { display: none; } } .main-menu ul { margin-bottom: 0; } .main-menu ul li { position: relative; list-style: none; display: inline-block; margin-inline-end: 26px; /* submenu css start */ } @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-menu ul li { margin-inline-end: 20px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .main-menu ul li { margin-inline-end: 30px; } } .main-menu ul li > a { display: inline-block; color: var(--rr-common-white) !important; font-family: var(--rr-ff-body); font-weight: var(--rr-fw-bold); padding: 47px 0; text-transform: capitalize; font-size: 15px; line-height: 26px; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .main-menu ul li > a { padding: 32.8px 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) { .main-menu ul li > a { padding: 30px 0; font-size: 18px; } } .main-menu ul li.has-dropdown > a { position: relative; padding-right: 13px !important; } .main-menu ul li.has-dropdown > a::after { background-image: none; font-family: "Font Awesome 6 Pro"; font-size: 12px; font-weight: 700; content: "\f107"; position: absolute; top: 40%; right: 0; transform: translateY(1px); transition: all 0.3s ease-in-out; cursor: pointer; } @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .main-menu ul li.has-dropdown > a::after { top: 34%; right: 0; } } .main-menu ul li.has-dropdown-2 { margin-inline-end: 20px; } .main-menu ul li.has-dropdown-2 > a::after { top: 39% !important; right: 0; } .main-menu ul li.has-mega-menu { position: static; } .main-menu ul li .submenu { position: absolute; top: 110%; inset-inline-start: 0; min-width: 280px; background: #f7f7f7; z-index: 99; visibility: hidden; opacity: 0; transform-origin: top center; padding: 25px 0 6px; color: var(--rr-common-white); border: 1px solid var(--rr-border-primary); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .main-menu ul li .submenu li { display: block; width: 100%; margin: 0; padding: 0; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } .main-menu ul li .submenu li.has-dropdown > a::after { position: absolute; top: 50%; inset-inline-end: 25px; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); color: var(--rr-text-1); } .main-menu ul li .submenu li a { position: relative; z-index: 11; color: var(--rr-heading-primary) !important; font-size: 15px; padding: 0 25px; padding-inline-start: 30px; padding-bottom: 9px; width: 100%; } .main-menu ul li .submenu li a::before { position: absolute; content: ""; left: 28px; top: 47%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 0px; height: 1px; background-color: var(--rr-theme-primary); } .main-menu ul li .submenu li .submenu { inset-inline-start: 100%; top: 0; visibility: hidden; opacity: 0; } .main-menu ul li .submenu li:hover > a { color: var(--rr-theme-primary); padding-inline-start: 43px !important; } .main-menu ul li .submenu li:hover > a::before { width: 12px; } .main-menu ul li .submenu li:hover > a::after { color: var(--rr-theme-primary); } .main-menu ul li .submenu li:hover > .submenu { -webkit-transform: translateY(1); -moz-transform: translateY(1); -ms-transform: translateY(1); -o-transform: translateY(1); transform: translateY(1); visibility: visible; opacity: 1; } .main-menu ul li:hover > a { color: var(--rr-theme-primary); } .main-menu ul li:hover > a::after { color: var(--rr-theme-primary); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .main-menu ul li:hover > .submenu { visibility: visible; opacity: 1; top: 100%; } .main-menu ul li:hover .mega-menu { visibility: visible; opacity: 1; clip: rect(0px, 100vw, 200vh, -30px); transition: clip 0.6s linear, opacity 0.4s linear; } .main-menu-2 ul li > a { color: var(--rr-text-body) !important; font-weight: var(--rr-fw-sbold) !important; } .home__menu-item { position: relative; } .home__menu-item:hover .home__menu-buttons { transform: scale(1, 1); opacity: 1; visibility: visible; } .home__menu-item:hover .home__menu-thumb::before { opacity: 1; } .home__menu-grid { display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 20px; column-gap: 30px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px), only screen and (min-width: 768px) and (max-width: 992px) { .home__menu-grid { padding: 10px 0 20px; grid-template-columns: repeat(1, 1fr); } } .home__menu-thumb { position: relative; padding: 20px 20px 20px; border: 1px solid var(--rr-theme-primary); -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; } .home__menu-thumb::before { position: absolute; content: ""; height: 100%; width: 100%; background: rgba(13, 13, 13, 0.7); opacity: 0; transition: 0.3s; left: 0; top: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px), only screen and (min-width: 768px) and (max-width: 992px) { .home__menu-thumb::before { opacity: 1; } } .home__menu-buttons { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; transform: scale(1, 0); opacity: 0; visibility: hidden; transform-origin: bottom center; transition: 500ms ease; gap: 10px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px), only screen and (min-width: 768px) and (max-width: 992px) { .home__menu-buttons { transform: scale(1, 1); opacity: 1; visibility: visible; } } .home__menu-buttons .rr-btn { height: 45px; font-size: 14px !important; padding: 0 25px !important; display: inline-flex !important; align-items: center; justify-content: center; color: var(--rr-common-white) !important; width: inherit !important; } .home__menu-buttons .rr-btn:before { width: 100% !important; background-color: var(--rr-common-white); } .home__menu-buttons .rr-btn:hover { color: var(--rr-heading-primary) !important; } .home__menu-title { margin-bottom: 12px; font-weight: 500; font-size: 16px; color: var(--rr-common-white); } /*----------------------------------------*/ /* 4.1 Meanmenu /*----------------------------------------*/ .mean-container { margin-bottom: 35px; } .mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 13px 13px 11px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; font-weight: 700; display: none !important; } .mean-container a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 3px; } .mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; } .mean-container .mean-nav { background: none; margin-top: 0; float: left; width: 100%; } .mean-container .mean-nav .wrapper { width: 100%; padding: 0; margin: 0; } .mean-container .mean-nav > ul { padding: 0; margin: 0; width: 100%; list-style-type: none; display: block !important; } .mean-container .mean-nav > ul > li:first-child > a { border-top: 0; } .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; } .mean-container .mean-nav ul li { position: relative; float: left; width: 100%; } .mean-container .mean-nav ul li.dropdown-opened > a, .mean-container .mean-nav ul li.dropdown-opened > span { color: var(--rr-theme-primary); } .mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked { background: var(--rr-theme-primary); color: var(--rr-common-white); border-color: transparent; } .mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked i, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked i { color: var(--rr-common-white); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .mean-container .mean-nav ul li.mean-last { border-bottom: none; margin-bottom: 0; } .mean-container .mean-nav ul li > a.mean-expand i { display: inline-block; } .mean-container .mean-nav ul li > a > i { display: none; } .mean-container .mean-nav ul li a, .mean-container .mean-nav ul li span { display: block; float: left; margin: 0; text-align: left; text-decoration: none; text-transform: capitalize; width: 100%; padding: 10px 0; color: var(--rr-common-white); border-top: 1px solid rgba(255, 255, 255, 0.079); font-size: 16px; line-height: 1.5; font-weight: 500; } .mean-container .mean-nav ul li a:hover, .mean-container .mean-nav ul li span:hover { color: var(--rr-theme-primary); } .mean-container .mean-nav ul li a:hover i, .mean-container .mean-nav ul li span:hover i { color: var(--rr-common-white); } .mean-container .mean-nav ul li a.mean-expand, .mean-container .mean-nav ul li span.mean-expand { text-align: center; position: absolute; right: 0; top: 1px; z-index: 2; font-size: 14px; margin-top: 5px; padding: 0 !important; border: 1px solid rgba(255, 255, 255, 0.079) !important; height: 30px; width: 30px; color: var(--rr-text-body); line-height: 30px; font-weight: 400; border-radius: 3px; } .mean-container .mean-nav ul li a.mean-expand:hover, .mean-container .mean-nav ul li span.mean-expand:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); border-color: var(--rr-theme-primary); } .mean-container .mean-nav ul li a.mean-expand:hover i, .mean-container .mean-nav ul li span.mean-expand:hover i { color: var(--rr-common-white); } .mean-container .mean-nav ul li a.mean-expand.mean-clicked, .mean-container .mean-nav ul li span.mean-expand.mean-clicked { color: var(--rr-common-white); } .mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover, .mean-container .mean-nav ul li span.mean-expand.mean-clicked:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); border-color: var(--rr-theme-primary); } .mean-container .mean-nav ul li li a { width: 90%; padding: 10px 7%; text-shadow: none !important; visibility: visible; } .mean-container .mean-nav ul li li li a { width: 80%; padding: 10px 12%; } .mean-container .mean-nav ul li li li li a { width: 70%; padding: 10px 17%; } .mean-container .mean-nav ul li li li li li a { width: 60%; padding: 10px 20%; } .mean-container .mean-bar { background: none; float: left; width: 100%; position: relative; padding: 4px 0; min-height: 42px; z-index: 999999; } .mean-container .mean-bar, .mean-container .mean-bar * { /* Fix for box sizing on Foundation Framework etc. */ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /*----------------------------------------*/ /* 5.1 blog /*----------------------------------------*/ .blog__content-thumb { overflow: hidden; position: relative; } .blog__content-thumb img { width: 100%; height: 100%; } .blog__content-thumb img:hover { transform: scale(1.2); } .blog__content-meta { background: #F7F7F7; align-items: center; gap: 30px; flex-wrap: wrap; display: inline-flex; position: absolute; bottom: 20px; left: 20px; padding: 10px 20px; border: 1px solid #E7E7EB; } @media (max-width: 575px) { .blog__content-meta { gap: 20px; } } .blog__content-meta li { list-style: none; } .blog__content-meta li a { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 16px; line-height: 27px; display: flex; align-items: center; gap: 10px; } .blog__content-meta li a:hover { color: var(--rr-theme-primary); } .blog__content-meta li a i { color: var(--rr-theme-primary); } .blog__content-text { background: var(--rr-common-white); border: 1px solid #E7E7EB; padding: 30px 40px 40px 40px; } .blog__content-text-title a { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-style: normal; font-weight: 400; font-size: 47px; line-height: 50px; text-transform: capitalize; transition: all 0.3s ease-in-out; } .blog__content-text-title a:hover { color: var(--rr-theme-primary); } @media only screen and (min-width: 768px) and (max-width: 992px) { .blog__content-text-title a { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .blog__content-text-title a { font-size: 35px; line-height: 45px; } } @media (max-width: 575px) { .blog__content-text-title a { font-size: 25px; line-height: 35px; } } .blog__content-pagination-social { gap: 15px; } .blog__content-pagination-social a { background: #F7F7F7; color: var(--rr-heading-primary); border: 1px solid #E7E7EB; border-radius: 999px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in-out; } .blog__content-pagination-social a:hover { background-color: var(--rr-theme-primary); color: var(--rr-common-white); } .blog__content-pagination-social .active { background-color: var(--rr-theme-primary); color: var(--rr-common-white); } .blog__btn { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 15px; text-transform: capitalize; display: inline-flex; align-items: center; gap: 10px; border: 1px solid #E7E7EB; padding: 15px 30px; } .blog__btn i { color: var(--rr-theme-primary); } .blog__btn:hover { background-color: var(--rr-heading-primary); color: var(--rr-common-white); } .blog__next-prev-post { background: var(--rr-common-white); position: relative; padding: 30px; border: 1px solid #E7E7EB; row-gap: 30px; display: flex; align-items: center; justify-content: space-between; } .blog__next-prev-post .line-border { background: #AF8C3E; width: 1px; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .blog__next-prev-post .prev-post { display: flex; align-items: center; gap: 20px; } .blog__next-prev-post .prev-post .btn { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; color: var(--rr-heading-primary1); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); background: var(--rr-common-white); border: 1px solid #E7E7EB; border-radius: 999px; font-size: 20px; line-height: 12px; font-style: normal; transition: ease-in-out 0.3s all; } .blog__next-prev-post .prev-post .btn:hover { color: var(--rr-common-white); background: var(--rr-theme-primary); } .blog__next-prev-post .prev-post .post-title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 20px; line-height: 26px; transition: ease-in-out 0.3s all; } .blog__next-prev-post .prev-post .post-title:hover { color: var(--rr-theme-primary); } .blog__next-prev-post .next-post { display: flex; align-items: center; gap: 20px; } .blog__next-prev-post .next-post .btn { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; color: var(--rr-heading-primary1); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); background: var(--rr-common-white); border: 1px solid #E7E7EB; border-radius: 999px; font-size: 20px; line-height: 12px; font-style: normal; transition: ease-in-out 0.3s all; } .blog__next-prev-post .next-post .btn:hover { color: var(--rr-common-white); background: var(--rr-theme-primary); } .blog__next-prev-post .next-post .post-title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 20px; line-height: 26px; transition: ease-in-out 0.3s all; } .blog__next-prev-post .next-post .post-title:hover { color: var(--rr-theme-primary); } .blog__content-pagination-social a i { font-weight: 400; font-size: 13px; } /*----------------------------------------*/ /* 5.3 sidebar /*----------------------------------------*/ .sidebar-rr-sticky { position: sticky; top: 120px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) { .sidebar-rr-sticky { margin-top: 50px; } } .sidebar__widget:not(:last-child) { margin-bottom: 30px; } .sidebar__widget { background: var(--rr-common-white); padding: 30px; border: 1px solid #E7E7EB; } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .sidebar__widget { margin-top: 50px; } } .sidebar__widget-title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-style: normal; font-weight: 400; font-size: 24px; line-height: 26px; } .sidebar__widget-title__have-bar { position: relative; } .sidebar__widget-service { display: flex; flex-direction: column; gap: 17px; } .sidebar__widget-service a { padding-bottom: 20px; display: flex; gap: 10px; align-items: center; font-size: 18px; line-height: 27px; border-bottom: 1px solid rgba(0, 15, 32, 0.1); color: var(--rr-heading-primary); } .sidebar__widget-service a:last-child { padding-bottom: 0; border-bottom: 0; } .sidebar__widget-service a:hover { color: var(--rr-theme-primary); } .sidebar__widget-service a i { color: var(--rr-theme-primary); font-size: 14px; font-style: normal; font-weight: 900; line-height: normal; } .sidebar__widget-download { display: flex; flex-direction: column; gap: 20px; } .sidebar__widget-download a { padding: 11.5px 20px; display: flex; gap: 10px; align-items: center; font-size: 16px; line-height: 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(0, 15, 32, 0.1); color: var(--rr-heading-primary); } .sidebar__widget-download a img { max-width: 15px; } .sidebar__widget-download a:hover { background-color: var(--rr-theme-primary); color: var(--rr-common-white); } .sidebar__widget-download a:hover img { filter: brightness(0) invert(1); } .sidebar__widget-search .search__bar { height: 50px; width: 100%; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .sidebar__widget-search .search__bar input { height: 100%; padding: 15px 30px; width: 100%; border: 1px solid #E3DBD8; background: var(--rr-common-white); color: var(--rr-text-body); font-family: var(--rr-ff-body); font-size: 14px; font-style: normal; font-weight: 400; line-height: 10px; margin-left: 0; } .sidebar__widget-search .search__bar button { position: absolute; left: 18px; padding: 0; height: 100%; line-height: 0; } .sidebar__widget-search .search__bar button:hover svg path[stroke="#525257"] { stroke: var(--rr-theme-primary); } .sidebar__widget-search .search__bar .icon { position: absolute; top: 23%; right: 20px; transform: translate(-50%); } .sidebar__widget-category { display: flex; flex-direction: column; } .sidebar__widget-category .text { background: #F7F7F7; padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; transition: all 0.3s ease-in-out; } .sidebar__widget-category .text:hover { background-color: var(--rr-theme-primary); } .sidebar__widget-category .text:hover .item { color: var(--rr-common-white); } .sidebar__widget-category .text:hover .item i { color: var(--rr-common-white); } .sidebar__widget-category .text:hover span { color: var(--rr-common-white); } .sidebar__widget-category .text .item { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; display: flex; align-items: center; gap: 15px; } .sidebar__widget-category .text .item i { color: var(--rr-heading-primary1); } .sidebar__widget-category .text span { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; } .sidebar__widget-tags .tags { display: flex; flex-wrap: wrap; gap: 10px; } .sidebar__widget-tags .tags a { background: #F7F7F7; font-family: var(--rr-ff-body); color: var(--rr-text-body); display: block; padding: 5px 10px; border: 1px solid rgba(0, 15, 32, 0.1); font-size: 16px; font-style: normal; font-weight: 400; line-height: 27px; } .sidebar__widget-tags .tags a:hover { color: var(--rr-common-white); background: var(--rr-theme-primary); } .sidebar__widget-have_any_question { padding: 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; background: var(--rr-theme-primary); box-shadow: 0px 1px 3px 0px rgba(0, 15, 32, 0.1); background-repeat: no-repeat; background-size: cover; } .sidebar__widget-have_any_question-space { padding: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; box-shadow: none; } .sidebar__widget-have_any_question-media { padding-left: 41px; margin-top: -93px; margin-bottom: -30px; margin-right: -30px; max-width: 367px; } .sidebar__widget-have_any_question h3 { margin-bottom: 5px; } .sidebar__widget-have_any_question p { max-width: 275px; opacity: 0.8; color: var(--rr-common-white); } .sidebar__widget-have_any_question .rr-btn .text-one { color: var(--rr-heading-primary); } .sidebar__widget .sidebar-post { margin-bottom: 20px; display: flex; align-items: center; } .sidebar__widget .sidebar-post:last-child { margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px) { .sidebar__widget .sidebar-post { flex-wrap: wrap; } } .sidebar__widget .sidebar-post_thumb { width: 120px; overflow: hidden; height: 153px; min-width: 120px; min-height: 153px; } .sidebar__widget .sidebar-post_thumb img { width: 100%; height: 100%; object-fit: cover; } .sidebar__widget .sidebar-post_thumb:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .sidebar__widget .sidebar-post_content { max-width: 186px; background-color: #F7F7F7; padding: 20px; position: relative; margin-left: -13px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .sidebar__widget .sidebar-post_content { max-width: 100%; } } .sidebar__widget .sidebar-post_content .post-meta { margin-bottom: 6px; } .sidebar__widget .sidebar-post_content .post-meta li { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); line-height: 24px; display: flex; gap: 10px; align-items: center; font-size: 14px; font-style: normal; } @media (max-width:376px) { .sidebar__widget .sidebar-post_content .post-meta li { font-size: 12px; } } .sidebar__widget .sidebar-post_content .post-meta li i { color: var(--rr-theme-primary); } .sidebar__widget .sidebar-post_content h3 { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px; margin-bottom: 0; } @media (max-width:320px) { .sidebar__widget .sidebar-post_content h3 { font-size: 13px; line-height: 20px; } } .sidebar__widget .sidebar-post_content a:hover h3 { color: var(--rr-theme-primary); } /*----------------------------------------*/ /* 5.1 blog-details /*----------------------------------------*/ .blog-details__content-thumb { position: relative; } .blog-details__content-thumb img { width: 100%; height: 100%; } .blog-details__content-thumb-date { position: absolute; background-color: var(--rr-theme-primary); color: var(--rr-common-white); padding: 12px 20px; display: inline-flex; align-items: center; bottom: 0; right: 0; transition: all 0.3s ease-in-out; } .blog-details__content-thumb-date:hover { background-color: var(--rr-heading-primary); } .blog-details__content-meta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } .blog-details__content-meta li { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; list-style: none; } .blog-details__content-meta li a { display: flex; align-items: center; gap: 5px; } .blog-details__content-meta li span { display: flex; align-items: center; gap: 5px; } .blog-details__content-text-title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-bold); font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); font-style: normal; } @media only screen and (min-width: 768px) and (max-width: 992px) { .blog-details__content-text-title { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .blog-details__content-text-title { font-size: 35px; line-height: 45px; } } @media (max-width: 575px) { .blog-details__content-text-title { font-size: 25px; line-height: 35px; } } .blog-details__content-text-paragraph { margin-bottom: 10px !important; } .blog-details__content-text p { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 16px; font-style: normal; margin-bottom: 0; } .blog-details__content-list { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; row-gap: 15px; } .blog-details__content-list ul li { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; display: flex; align-items: center; gap: 15px; list-style: none; } .blog-details__content .dec { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 16px; font-style: normal; margin-bottom: 0; } .blog-details__content .title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 36px; line-height: 36px; margin-top: 30px; margin-bottom: 20px; } .blog-details__middel-img { display: flex; align-items: center; gap: 30px; } .blog-details__social { padding: 20px 0px 20px 0px; border-top: 1px solid #E7E7EB; border-bottom: 1px solid #E7E7EB; flex-wrap: wrap; column-gap: 10px; row-gap: 20px; } .blog-details__social-tags { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; } .blog-details__social-tags a { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 16px; font-style: normal; border: 1px solid #E7E7EB; border-radius: 999px; padding: 5px 20px; transition: 0.3s; } .blog-details__social-tags a:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .blog-details__social-tags .title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 24px; line-height: 26px; margin-bottom: 0; } .blog-details__social-media { display: flex; align-items: center; gap: 10px; } .blog-details__social-media a { background: #F7F7F7; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.3s ease-in-out; } .blog-details__social-media a i { color: var(--rr-heading-primary); } .blog-details__social-media a:hover { border: 1px solid var(--rr-theme-primary); } .blog-details__wrapper { margin-top: 40px; border-radius: 20px; } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .blog-details__wrapper { padding: 20px; } } .blog-details__wrapper h3 { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 36px; line-height: 36px; } @media (max-width: 575px) { .blog-details__wrapper h3 { font-size: 25px; line-height: 35px; } } .blog-details__wrapper p { font-family: var(--rr-ff-body); color: var(--rr-heading-primary); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 16px; margin-bottom: 0; font-style: normal; } .blog-details__wrapper-from-input input { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); background: var(--rr-common-white); border: 1px solid #E7E7EB; font-size: 16px; line-height: 27px; margin-left: 0; font-style: normal; outline: none; padding: 14px 20px; width: 100%; margin-bottom: 27px; } .blog-details__wrapper-from-input .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 57px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 15px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; } .blog-details__wrapper-from-input .nice-select:hover { border-color: #dbdbdb; } .blog-details__wrapper-from-input .nice-select:active, .blog-details__wrapper-from-input .nice-select.open, .blog-details__wrapper-from-input .nice-select:focus { border-color: #999; } .blog-details__wrapper-from-input .nice-select::after { position: absolute; content: "\f107"; top: 50%; right: 0; font-family: var(--rr-ff-fontawesome); color: var(--rr-common-black); font-weight: 500; pointer-events: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; margin-top: 0; transform-origin: center; } .blog-details__wrapper-from-input .nice-select.open::after { -webkit-transform: translateY(-50%) rotate(-180deg); -moz-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); -o-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .blog-details__wrapper-from-input .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .blog-details__wrapper-from-input .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .blog-details__wrapper-from-input .nice-select.disabled::after { border-color: #cccccc; } .blog-details__wrapper-from-input .nice-select.wide { width: 100%; } .blog-details__wrapper-from-input .nice-select.wide .list { left: 0 !important; right: 0 !important; } .blog-details__wrapper-from-input .nice-select.right { float: right; } .blog-details__wrapper-from-input .nice-select.right .list { left: auto; right: 0; } .blog-details__wrapper-from-input .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .blog-details__wrapper-from-input .nice-select.small::after { height: 4px; width: 4px; } .blog-details__wrapper-from-input .nice-select.small .option { line-height: 34px; min-height: 34px; } .blog-details__wrapper-from-input .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; width: 100%; } .blog-details__wrapper-from-input .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .blog-details__wrapper-from-input .nice-select .option:hover { background-color: #f6f7f9; } .blog-details__wrapper-from-input .nice-select .option.selected { font-weight: bold; } .blog-details__wrapper-from-input .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .blog-details__wrapper-from-input .no-csspointerevents .nice-select .list { display: none; } .blog-details__wrapper-from-input .no-csspointerevents .nice-select.open .list { display: block; } .blog-details__wrapper-from-textarea textarea { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); background: var(--rr-common-white); border: 1px solid #E7E7EB; line-height: 27px; font-size: 16px; margin-left: 0; font-style: normal; padding: 10px 20px; max-width: 100%; height: 176px !important; } .blog-details__button { background: var(--rr-theme-primary); font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 15px; text-transform: capitalize; padding: 16px 130px 16px 115px; display: flex; align-items: center; gap: 10px; transition: all 0.3s ease-in-out; } .blog-details__button:hover { background: var(--rr-heading-primary); } .form-check-input:checked { background-color: var(--rr-theme-primary); } .form-check-input:focus { box-shadow: none; } /*----------------------------------------*/ /* 6.1 footer /*----------------------------------------*/ .footer__area-common { position: relative; z-index: 1; } .footer__area-common.background { background: #F7F7F7; } .footer__area-common .shape { position: absolute; left: 0; bottom: 0; z-index: -1; } .footer__area-common .shape img { width: 100%; height: 100%; } @media only screen and (min-width: 768px) and (max-width: 992px) { .footer__area-common { padding-top: 60px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .footer__area-common { padding-top: 50px; } } .footer-wrap { padding: 50px 0 77px 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer-wrap { --bs-gutter-x: none; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .footer-wrap { padding: 0px 0 70px 0; } } .footer__main { position: relative; padding-bottom: 80px; } @media only screen and (min-width: 576px) and (max-width: 768px) { .footer__main { padding-bottom: 60px; } } @media (max-width: 575px) { .footer__main { padding-bottom: 40px; } } .footer__widget { margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .footer__widget.footer__widget-item-1 { max-width: 100%; } } .footer__widget.footer__widget-item-2 { padding-left: 20px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer__widget.footer__widget-item-2 { padding-left: 10px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .footer__widget.footer__widget-item-2 { padding-left: 0; } } .footer__widget.footer__widget-item-3 { padding-left: 65px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer__widget.footer__widget-item-3 { padding-left: 20px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .footer__widget.footer__widget-item-3 { padding-left: 0; } } .footer__widget-title h4 { font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); color: var(--rr-heading-primary2); margin-bottom: 35px; font-style: normal; font-size: 24px; line-height: 26px; z-index: 10; margin-top: 18px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer__widget-title h4 { font-size: 18px; } } .footer__widget-title-2 h4 { color: var(--rr-common-white); margin-top: 0; } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .footer__widget-title-2 h4 { margin-top: 30px; } } .footer__widget-description p { font-size: var(--rr-fs-body2); margin-bottom: 0; opacity: 0.9; color: var(--rr-common-black); } .footer__widget-from { display: flex; align-items: center; gap: 12px; } .footer__logo img { height: 65px; max-width: 188px; } .footer__content p { font-family: var(--rr-fs-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 16px; line-height: 27px; margin-bottom: 0; } .footer__content-2 p { color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 20px; line-height: 26px; } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .footer__content-2 p { margin-top: 30px; } } .footer__link ul { display: grid; grid-template-columns: 1fr; grid-gap: 15px; } .footer__link ul li { list-style: none; display: flex; align-items: flex-start; } .footer__link ul li a { font-family: var(--rr-fs-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 16px; line-height: 27px; } .footer__link ul li a i { margin-top: 5px; } .footer__link ul li a:hover { color: var(--rr-theme-primary); } .footer__link ul li a:hover::before { width: 12px; } .footer__link-2 ul li a { color: var(--rr-common-white); } .footer__social { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; gap: 10px; } .footer__social a { overflow: hidden; position: relative; color: var(--rr-text-body); align-items: center; display: flex; justify-content: center; width: 36px; height: 36px; background: transparent; font-size: 14px; border-radius: 500px; border: 1px solid rgba(0, 29, 8, 0.1); } .footer__social a:hover { color: var(--rr-theme-primary); border: 1px solid var(--rr-theme-primary); } .footer__subscribe { max-width: 210px; } .footer__subscribe ul li { list-style: none; display: flex; align-items: flex-start; } .footer__subscribe ul li a { font-family: var(--rr-fs-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 16px; line-height: 27px; margin-bottom: 15px; display: flex; align-items: center; gap: 15px; } .footer__subscribe ul li a:hover { color: var(--rr-theme-primary); } .footer__subscribe ul li .icon { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border: 1px solid #E7E7EB; border-radius: 500px; } .footer__subscribe ul li .text { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 16px; line-height: 27px; } .footer__subscribe ul li .text-2 { color: var(--rr-common-white); color: var(--rr-common-white); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 16px; line-height: 27px; opacity: 0.8; } .footer__subscribe ul li .mail { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 16px; line-height: 27px; } .footer__subscribe ul li .mail-2 { color: var(--rr-common-white); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 16px; line-height: 27px; opacity: 0.8; } .footer__subscribe ul li .number { color: var(--rr-common-white); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 16px; line-height: 27px; opacity: 0.8; } .footer__subscribe.subscribe-2 { max-width: inherit; } .footer__subscribe-2 ul li { display: block !important; } .footer__subscribe-2 ul li a { display: block !important; } .footer__subscribe-2-heading { color: var(--rr-common-white); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-sbold); font-style: normal; font-size: 16px; line-height: 27px; } .footer__background-shpae { position: absolute; z-index: -1; bottom: 0; left: 0; background-position: left bottom; background-repeat: no-repeat; width: 100%; height: 100%; } /*----------------------------------------*/ /* 6.2 footer-2 /*----------------------------------------*/ .footer2__area-common { background-repeat: no-repeat; } .footer2__top { flex-wrap: wrap; column-gap: 10px; row-gap: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .footer2__widget2 { margin-left: 85px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .footer2__widget2 { margin-left: 0; } } .footer2__widget3 { margin-left: 15px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .footer2__widget3 { margin-left: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .footer2__date a br { display: none; } } .footer2__right-social { align-items: center; gap: 10px; } .footer2__right-social a { background: rgba(255, 255, 255, 0.1); color: var(--rr-theme-primary); display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; transition: 0.3s; } .footer2__right-social a:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .footer2__title h4 { margin-bottom: 30px; } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .footer2__title h4 { margin-bottom: 15px; } } .footer2__wrap { padding: 80px 0 80px 0; } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .footer2__wrap { padding: 50px 0 50px 0; } } /*----------------------------------------*/ /* 6.3 footer-3 /*----------------------------------------*/ .footer__area-common { background-size: contain; background-repeat: no-repeat; background-position: bottom center; } .footer__area-common-3 { background-position: center right; padding-top: 94px; } @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .footer__area-common-3 { background-image: none !important; } } @media only screen and (min-width: 768px) and (max-width: 992px) { .footer__area-common-3 { padding-top: 85px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .footer__area-common-3 { padding-top: 80px; } } .footer__area-common-3 .footer__bottom { border-top: 1px solid var(--rr-border-secondary); } .footer__area-common-3 .footer__bottom-wrapper { border-top: 0; } .footer__widget-3:nth-child(1) { max-width: 381px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer__widget-3:nth-child(1) { max-width: 250px; } } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px), only screen and (min-width: 768px) and (max-width: 992px) { .footer__widget-3:nth-child(1) { max-width: 100%; } } .footer__widget-3:nth-child(2) { max-width: 221px; } .footer__widget-3:nth-child(3) { max-width: 191px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px), only screen and (min-width: 768px) and (max-width: 992px) { .footer__widget-3:nth-child(3) { max-width: 100%; } } .footer__widget-3:nth-child(4) { max-width: 300px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px) { .footer__widget-3:nth-child(4) { max-width: 100%; min-width: 100%; } } .footer__widget-3:nth-child(4) .footer__link ul { max-width: 166px; } .footer__widget-3 .footer__widget-title h4 { border-bottom: 0; padding-bottom: 0; margin-bottom: 40px; } .footer__widget-3 .footer__link ul { gap: 10px; } .footer__social-xl { gap: 10px; } .footer__social-xl a { border: 0; background: var(--rr-gray-700); width: 50px; height: 50px; } .footer3 { background-repeat: no-repeat; } .footer3__item { padding-left: 70px; } .footer3__item-2 { margin-left: -25px; } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .footer3__item-2 { margin-left: 0; } } .our-gallery__item::before { position: absolute; content: ""; top: 0; left: 0; height: 100%; border-radius: 10px; width: 100%; background-color: var(--rr-theme-primary); transform: scale(0); -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0.8; } .rr-footer__widget-gallery { margin: 0px 5px 5px 5px; } .rr-footer__widget-gallery:hover .our-gallery__item::before { transform: scale(1); } .rr-footer__widget-gallery:hover.rr-footer__widget-gallery a span { opacity: 1; } .rr-footer__widget-gallery a span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; opacity: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .rr-footer__widget-gallery a img { width: 100%; object-fit: cover; border-radius: 10px; } .rr-footer-widget-content-item { margin-bottom: 16px; } .rr-footer-widget-content-item:last-child { margin-bottom: 0; } .rr-footer-widget-content-item svg { margin-top: -4px; height: 18px; width: 18px; margin-right: 8px; } .rr-footer-widget-content p { color: var(--rr-common-white); font-family: var(--rr-ff-p); } .rr-footer-widget-content-item a { color: var(--rr-common-white); font-family: var(--rr-ff-p); font-weight: 400; font-size: 16px; line-height: 26px; transition: 0.3s; } .rr-footer-widget-content-item a:hover { color: var(--rr-heading-1); } .rr-footer-title { font-family: var(--rr-ff-h); font-weight: 400; font-size: 24px; line-height: 34px; display: flex; align-items: center; color: var(--rr-common-white); } .rr-footer-social span { font-family: var(--rr-ff-p); font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; display: flex; align-items: center; color: #FFFFFF; margin-right: 10px; } .rr-footer-social a { font-size: 18px; display: inline-block; height: 36px; width: 36px; line-height: 36px; text-align: center; margin-right: 10px; background-color: #fff; color: #051145; transition: 0.3s; transition: 0.3s; border-radius: 50px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), (max-width: 575px) { .rr-footer-social a { font-size: 13px; height: 30px; width: 30px; line-height: 30px; } } .rr-footer-social a svg path { transition: 0.3s; } .rr-footer-social a:hover { color: var(--rr-common-white); background-color: #051145; } .rr-footer-social a:hover svg path { stroke: var(--rr-common-white); } .rr-footer-title { font-weight: 700; font-size: 22px; color: var(--rr-common-white); margin-top: 5px; margin-bottom: 23px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), (max-width: 575px) { .rr-footer-title { font-size: 20px; } } .rr-footer-list ul li { list-style-type: none; overflow: hidden; } .rr-footer-list ul li:not(:last-child) { margin-bottom: 10px; } .rr-footer-list ul li a { color: var(--rr-common-white); position: relative; padding-left: 16px; margin-left: -16px; transition: 0.3s; font-family: var(--rr-ff-p); font-weight: 400; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), (max-width: 575px) { .rr-footer-list ul li a { font-size: 14px; } } .rr-footer-list ul li a::after { position: absolute; content: ""; top: 50%; left: 0; transform: translateY(-50%); height: 2px; width: 10px; } .rr-footer-list ul li a:hover { margin-left: 0; color: var(--rr-heading-primary); } /*----------------------------------------*/ /* 6.4 footer-copyright /*----------------------------------------*/ .footer__bottom { display: flex; align-items: center; justify-content: space-between; padding: 30px 0; gap: 10px 30px; } .footer__bottom-wrapper { border-top: 1px solid var(--rr-border-secondary); } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px), only screen and (min-width: 768px) and (max-width: 992px) { .footer__bottom { flex-wrap: wrap; justify-content: center; } } .footer-bottom-border { border: 1px solid #e5e8e6; } .footer-bottom-border .footer__bottom .footer__copyright p { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); font-size: 18px; font-style: normal; text-align: center; } .footer-bottom-border .footer__bottom .footer__copyright p a:hover { color: var(--rr-theme-primary); } .footer-bottom-border .footer__bottom .footer__copyright-menu ul li a { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); font-size: 18px; font-style: normal; } .footer-bottom-border .footer__bottom .footer__copyright-menu ul li a:hover { color: var(--rr-theme-primary); } .footer__copyright p { color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 14px; margin-bottom: 0; } .footer__copyright p a:hover { color: var(--rr-theme-primary); } .footer__copyright-2 p { color: var(--rr-common-white); } .footer__bottom { display: flex; align-items: center; justify-content: space-between; padding: 30px; gap: 10px 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px) { .footer__bottom { flex-wrap: wrap; justify-content: center; } } .footer__bottom-1 { padding-top: 80px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px) { .footer__bottom-1 { padding-top: 60px; } } .footer__copyright p { font-family: var(--rr-ff-body); color: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 16px; line-height: 27px; } .footer__copyright p a:hover { color: var(--rr-theme-primary); } .footer__copyright .copy { color: rgba(255, 255, 255, 0.8); } .footer__copyright .copy a { color: rgba(255, 255, 255, 0.8); font-weight: 400; } .footer__copyright .copy a:hover { color: var(--rr-theme-primary); } .footer__copyright-menu ul { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; gap: 30px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px) { .footer__copyright-menu ul { flex-wrap: wrap; justify-content: center; } } .footer__copyright-menu ul li { list-style: none; position: relative; } .footer__copyright-menu ul li.no_bullet:after { display: none; } .footer__copyright-menu ul li a { font-family: var(--rr-ff-body); color: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 16px; line-height: 27px; } .footer__copyright-menu ul li a:hover { color: var(--rr-theme-primary); } .footer__copyright-menu-2 ul li a { color: rgba(255, 255, 255, 0.8); } .footer__bottom-2 { padding: 25px 0; border-top-color: rgba(0, 15, 32, 0.1); } .footer__copyright-2 p { text-align: center; color: var(--rr-text-body); } .footer__copyright-2 a { font-weight: var(--rr-fw-sbold); color: var(--rr-theme-primary); } /*----------------------------------------*/ /* 8.1 404 /*----------------------------------------*/ .error .error__content .error__content-media img { width: 100%; height: auto; } .error .error__content .section__title-wrapper { margin: auto; } .error .error__content .section__title-wrapper .section__title { color: var(--rr-heading-primary); font-size: var(--rr-fs-h2); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-bold); line-height: var(--rr-lh-h2); font-style: normal; } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .error .error__content .section__title-wrapper .section__title { font-size: 35px; line-height: 50px; } .error .error__content .section__title-wrapper .section__title br { display: none; } } .error .error__content .section__title-wrapper p { color: var(--rr-text-body); font-family: var(--rr-ff-heading); line-height: var(--rr-lh-h5); font-weight: 400; font-size: 16px; font-style: normal; } @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .error .error__content .section__title-wrapper p br { display: none; } } .error .error__content .section__title-wrapper .error-btn { background: var(--rr-heading-primary); color: var(--rr-common-white); width: 217px; height: 50px; display: flex; justify-content: center; align-items: center; top: 0; position: relative; left: 0; margin: auto; border-radius: 4px; transition: 0.3s; } .error .error__content .section__title-wrapper .error-btn:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .error .error__content .section__title-wrapper .footer-form { position: relative; width: 630px; display: inline-block; } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .error .error__content .section__title-wrapper .footer-form { width: 100%; } } .error .error__content .section__title-wrapper .footer-form .form-control { background-color: #F1F5EB; padding: 17px 104px 17px 20px; color: var(--rr-text-body); box-shadow: none; border-radius: 150px; border: none; } .error .error__content .section__title-wrapper .footer-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-text-body); } .error .error__content .section__title-wrapper .footer-form .form-control::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-text-body); } .error .error__content .section__title-wrapper .footer-form .form-control:-moz-placeholder { /* Firefox 4-18 */ color: var(--rr-text-body); } .error .error__content .section__title-wrapper .footer-form .form-control:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-text-body); } .error .error__content .section__title-wrapper .footer-form .form-control::placeholder { /* MODERN BROWSER */ color: var(--rr-text-body); } .error .error__content .section__title-wrapper .footer-form input { margin-left: 0; } .error .error__content .section__title-wrapper .footer-form .submit { background-color: var(--rr-theme-primary); color: var(--rr-common-white); position: absolute; top: 50%; right: 0; transform: translateY(-50%); height: 58px; font-size: 12px; font-weight: 700; text-transform: uppercase; width: 58px; border-radius: 50%; } .project1__thumb { display: flex; align-items: center; gap: 38px; } .project1__media img { width: 100%; height: 100%; } .project1__media-item img { width: 100%; height: 100%; } /*about section*/ .about__area { padding-top: 53px; } .about__thumb img { max-width: 558px; width: 100%; height: 100%; } .about__content p { font-family: var(--rr-ff-body); color: #000; text-align: justify; hyphens: auto; font-weight: var(--rr-fw-regular); font-style: normal; font-size: 16px; line-height: 27px; } .about__title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary2); font-weight: var(--rr-fw-regular); font-style: normal; font-size: var(--rr-fs-h3); line-height: var(--rr-lh-h3); text-transform: capitalize; font-style: normal; margin-bottom: 20px; } @media only screen and (min-width: 768px) and (max-width: 992px) { .about__title { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .about__title { font-size: 35px; line-height: 45px; } } @media (max-width: 575px) { .about__title { font-size: 28px; line-height: 38px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .about__title br { display: none; } } .about__list { margin-top: 30px; } .about__list ul li { font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); display: flex; align-items: center; list-style: none; gap: 16px; color: #0E1730; text-transform: capitalize; font-style: normal; font-size: 15px; line-height: 30px; margin-bottom: 8px; } .resturent__item-media img{ height: 250px !important; width: 100%!important; object-fit: cover !important; } /*----------------------------------------*/ /* 8.8 contact-us /*----------------------------------------*/ .map { width: 100%; height: 478px; } @media only screen and (min-width: 768px) and (max-width: 992px) { .map { height: 400px; } } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px) { .map { height: 300px; } } .map iframe { width: 100%; height: 100%; } .loading-form { position: fixed !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; overflow: hidden !important; z-index: 9999 !important; background: #000 !important; opacity: 0.5 !important; display: none; } .success-message { color: green; } .error-message { color: red !important; } .si__contact__bg { background: #f7f7f7; padding: 44px 14px 68px 44px; margin: 0 !important; --bs-gutter-x: 0; } .si__contact__text h1 { font-weight: 400; font-size: 48px; margin-bottom: 8px; } .si__contact__info input { border: none; background: #fff; width: 100%; height: 57px; padding: 0 0 0 30px; margin-top: 34px; margin-left: 0; } .si__contact__info textarea { height: 150px; background: #fff; height: 118px !important; background: #fff; padding: 16px 10px 7px 27px; margin: 30px 0 0; border: none; } .si__contact__info .nice-select.nice-2 { width: 100%; padding: 10px 29px 19px; margin: 0 0 0 0px; height: 60px; border: none; margin-top: 30px; font-size: 15px; } .si__contact__info .nice-select::after { right: 15px; color: #AF8C3E; } .si__contact__info .nice-select .list { width: 100%; } .si__contact__info .room__btn2 svg { margin-left: 10px; } .si__contact__info .room__btn2 { padding: 17px 113px; display: inline-flex; align-items: center; margin-top: 20px; font-size: 15px; } .si__info__border { border: 1px solid rgba(0, 0, 0, 0.1); padding: 41px 0 34px 0; } .si__info__box { border-right: 1px solid rgba(0, 0, 0, 0.1); } .si__info__icon a i { width: 80px; height: 80px; line-height: 80px; background: #f7f7f7; border-radius: 50px; color: #af8c3e; text-align: center; font-size: 31px; } .si__info__text { margin-top: 21px; } .si__info__text span { font-weight: 400; font-size: 24px; color: #000; } .si__info__text p { margin-top: 7px; } .border__none { border: none; } /*----------------------------------------*/ /* 8.12 home1 /*----------------------------------------*/ /*tab*/ .hotel__menu { padding-bottom: 30px; border-bottom: 1px solid #E7E7EB; flex-wrap: wrap; row-gap: 20px; } .hotel__title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary2); font-weight: var(--rr-fw-regular); font-style: normal; font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); text-transform: capitalize; font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 992px) { .hotel__title { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .hotel__title { font-size: 35px; line-height: 45px; } } @media (max-width: 575px) { .hotel__title { font-size: 28px; line-height: 38px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .hotel__title br { display: none; } } .hotel__nav-tab { display: flex; align-items: center; gap: 36px; } @media (max-width:450px) { .hotel__nav-tab { gap: 22px; } } .hotel__nav-tab button { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-weight: var(--rr-regular); font-style: normal; font-size: 20px; line-height: 26px; } .hotel__nav-tab .active { font-family: var(--rr-ff-heading); font-weight: var(--rr-regular); color: #AF8C3E; font-style: normal; font-size: 20px; line-height: 26px; } .hotel__thumb { overflow: hidden; } .hotel__thumb img { width: 100%; height: 100%; } .hotel__thumb img:hover { transform: scale(1.2); } /*accomodation section*/ .accomodation__item { background: var(--rr-common-white); box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05); position: relative; } .accomodation__thumb { overflow: hidden; } .accomodation__thumb img { width: 100%; height: 250px; object-fit: cover; } .accomodation__thumb img:hover { transform: scale(1.2); } .accomodation__content { padding: 51px 22px 30px 39px; } .accomodation__content p { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-regular); font-style: normal; font-size: 15px; line-height: 24px; margin-bottom: 0; } .accomodation__dolar { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-weight: var(--rr-regular); font-style: normal; font-size: 36px; line-height: 36px; margin-bottom: 10px; } .accomodation__dolar span { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-regular); font-style: normal; font-size: 16px; line-height: 27px; } .accomodation__title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-weight: var(--rr-regular); font-style: normal; font-size: 24px; line-height: 26px; margin-bottom: 20px; } .accomodation__box { background: #F7F7F7; display: flex; align-items: center; justify-content: space-between; padding: 19px 31px; border: 1px solid #E7E7EB; cursor: pointer; width: 100%; position: absolute; top: 224px; left: 50%; transition: 0.3s; transform: translateX(-50%); width: calc(100% - 80px); flex-wrap: wrap; } @media (max-width: 575px) { .accomodation__box { width: 100%; } } .accomodation__box:hover { background: var(--rr-theme-primary); border: 1px solid var(--rr-theme-primary); } .accomodation__box:hover .accomodation__box-list-icon svg path { stroke: var(--rr-common-white); } .accomodation__box:hover .accomodation__box-list-text { color: var(--rr-common-white); } .accomodation__box-list { display: flex; align-items: center; gap: 4px; } .accomodation__box-list-text { font-family: var(--rr-text-body); color: var(--rr-heading-primary1); font-weight: var(--rr-regular); font-style: normal; font-size: 15px; line-height: 24px; } /*counter section*/ .counter__bg { width: 100%; height: 420px; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 115px 315px 126px 244px; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .counter__bg { height: 100%; background-size: cover; padding: 100px 0; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px) { .counter__bg { height: 100%; background-size: cover; padding: 100px 0; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .counter__bg { height: 100%; background-size: cover; padding: 100px 0; } } .counter__bg::before { background: rgba(14, 23, 48, 0.8); position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; } .counter__wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .counter__wrapper { justify-content: center; gap: 47px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px) { .counter__wrapper { justify-content: center; gap: 90px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .counter__wrapper { justify-content: center; gap: 90px; } } .counter__icon { background: var(--rr-theme-primary); width: 104px; height: 106px; display: flex; align-items: center; justify-content: center; position: absolute; top: -21%; left: 33%; z-index: 2; } .counter__box { position: relative; } .counter__item { text-align: center; border: 1px solid var(--rr-common-white); z-index: 1; position: relative; padding: 69px 73px 34px 56px; } .counter__item-title { font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-weight: var(--rr-regular); font-style: normal; font-size: 40px; line-height: 40px; z-index: 1; } .counter__item p { font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-weight: var(--rr-regular); font-style: normal; font-size: 20px; line-height: 26px; z-index: 1; margin-bottom: 0; } .counter__item-2 { border: 1px solid #595959; } .counter__item-2-title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-weight: var(--rr-regular); font-style: normal; font-size: 64px; line-height: 60px; z-index: 1; } .counter__item-2 p { font-family: var(--rr-ff-heading); color: var(--rr-text-body); font-weight: var(--rr-regular); font-style: normal; font-size: 20px; line-height: 26px; z-index: 1; margin-bottom: 0; } /*gallery*/ .gallery__thumb { overflow: hidden; } .gallery__thumb img { width: 100%; height: 100%; } .gallery__thumb img:hover { transform: scale(1.2); } .gallery__thumb-2 { padding: 13px 16px; border: 1px solid #0E1730; } /*our-service__area*/ @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .rs__faq { margin-top: 40px; } } .rs__faq .accordion-button { font-size: 24px; line-height: var(--rr-lh-h5); color: var(--rr-heading-primary); font-weight: var(--rr-fw-medium); background: #fff; padding: 0 0 12px 0; display: flex; align-items: center; width: 100%; gap: 16px; position: relative; margin-bottom: 10px; } @media (max-width: 575px) { .rs__faq .accordion-button { font-size: 15px; line-height: 25px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px) { .rs__faq .accordion-button { font-size: 16px; } } .rs__faq .accordion-button:focus { box-shadow: none; } .rs__faq .accordion-button:not(.collapsed) { box-shadow: none; background: transparent; } .rs__faq .accordion-button:not(.collapsed)::after { background: transparent; color: var(--rr-heading-primary); content: "\f061"; border: 1px solid #E7E7EB; transform: rotate(-45deg); top: 0; } .rs__faq .accordion-button::after { width: 42px; height: 42px; position: absolute; border: 1px solid #E7E7EB; border-radius: 500px; right: 24px; content: "\f061"; background-image: none; font-family: var(--rr-ff-fontawesome); font-size: 16px; top: calc(50% + 1px); line-height: 29px; font-weight: 900; text-align: center; color: var(--rr-heading-primary); background: transparent; display: flex; align-items: center; justify-content: center; } @media (max-width: 575px) { .rs__faq .accordion-button::after { right: 0; } } .rs__faq .accordion-body { padding: 0px 0px 25px 53px; } .rs__faq .accordion-body > p { color: var(--rr-heading-primary); margin-bottom: 0; width: 80%; } .rs__faq .accordion-item { overflow: hidden; margin-bottom: 14px; border: none; transition: 0.3s; border-bottom: 1px solid #E7E7EB; } .rs__faq .accordion-item:last-child { margin-bottom: 0; } .rs__faq { margin-left: 60px; } /*latest-testimonial area start*/ .testimonial { position: relative; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; } .testimonial-2::before { display: none; } .testimonial-3 { background: #F7F7F7; } .testimonial-3::before { display: none; } .testimonial::before { background: rgba(14, 23, 48, 0.6); position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; } .testimonial__title-wrapper-subtitle { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 12px; } .testimonial__title-wrapper-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h2); font-weight: var(--rr-fw-bold); line-height: var(--rr-lh-h2); font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonial__title-wrapper-title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 992px) { .testimonial__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .testimonial__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .testimonial__title-wrapper-title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .testimonial__title-wrapper-title { font-size: 27px; line-height: 37px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .testimonial-buttons { display: none !important; } } .testimonial-buttons .testimonial-prev { position: absolute; left: 115px; top: 50%; transform: translate(50%, 0); z-index: 99; font-size: 25px; color: #b3bbb5; transition: 0.3s; } .testimonial-buttons .testimonial-prev:hover { color: var(--rr-theme-primary); } .testimonial-buttons .testimonial-next { position: absolute; right: 155px; top: 50%; transform: translate(0, -50%); z-index: 99; font-size: 25px; color: #b3bbb5; transition: 0.3s; } .testimonial-buttons .testimonial-next:hover { color: var(--rr-theme-primary); } .testimonial__content-2 { background: #0E1730; opacity: 0.9; padding: 90px 80px 60px 80px; } @media (max-width: 575px) { .testimonial__content-2 { padding: 90px 20px 60px 20px; } } .testimonial__content-2 .dec { font-family: var(--rr-ff-body); color: var(--rr-common-white); font-style: normal; font-weight: 400; font-size: 24px; line-height: 47px; } .testimonial__content-2 .title-2 h4 { font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-style: normal; font-weight: 400; font-size: 24px; line-height: 26px; text-align: center; margin-bottom: 10px; } .testimonial__content-2 .title-2 h6 { font-family: var(--rr-ff-body); color: var(--rr-common-white); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; text-align: center; margin-bottom: 0; } .testimonial__content-3 .dec-3 { color: #0E1730; } .testimonial__content-3 .title-3 h4 { color: #0E1730; } .testimonial__content-3 .title-3 h6 { color: #595959; } .testimonial__content .icon { background: var(--rr-theme-primary); width: 88px; height: 88px; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; left: 50%; transform: translate(-50%, 0); margin-bottom: 35px; } .testimonial__content .icon-2 { background: none; width: inherit; height: inherit; margin-bottom: 30px; border-radius: 0; display: block; position: relative; } .testimonial__content p { font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-style: normal; font-weight: 400; font-size: 24px; line-height: 31px; margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .testimonial__content p { font-size: 25px; line-height: 35px; } .testimonial__content p br { display: none; } } .testimonial__content-title { margin-top: 40px; } .testimonial__content-title h4 { font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-style: normal; font-weight: 400; font-size: 20px; line-height: 26px; margin-bottom: 2px; } .testimonial__content-title h6 { font-family: var(--rr-ff-body); color: var(--rr-common-white); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; text-align: center; margin-bottom: 0; } .testimonial.testimonial-2 { padding: 80px 0 80px; } .about2.about__area { padding-top: 120px; } /*----------------------------------------*/ /* 8.12 home3 /*----------------------------------------*/ /*service*/ .service__item { background: #F7F7F7; padding: 40px 40px 30px 40px; transition: 0.3s; } .service__item-2 { background: var(--rr-common-white); box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05); transition: 0.3s; } .service__item:hover .service__content-icon svg { animation: shake 0.5s; } .service__item p { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); margin-top: 20px; font-style: normal; font-size: 16px; line-height: 27px; margin-bottom: 0; } .service__content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; row-gap: 20px; } .service__content-icon { background: var(--rr-common-white); padding: 10px; border-radius: 50%; } .service__content-icon-2 { background: #F7F7F7; } .service__title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary2); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 24px; line-height: 26px; padding-bottom: 20px; width: 215px; border-bottom: 1px solid #E7E7EB; } .service__btn { background: var(--rr-common-white); font-family: var(--rr-ff-heading); color: var(--rr-heading-primary2); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 15px; padding: 23px 30px; display: inline-flex; line-height: normal; align-items: center; gap: 10px; border-radius: 999px; margin-top: 40px; transition: all 0.3s ease-in-out; } .service__btn-2 { border: 1px solid #E7E7EB; } .service__btn:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .event-service-subtitle { color: #0E1730; } .event-service-btn { border-radius: 0; } /*luxury-section*/ .luxury__content { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .luxury__content { justify-content: center; } } .luxury__thumb img { width: 100%; height: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .luxury__thumb-2 { margin-top: 30px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .luxury__title { margin-top: 30px; } } .luxury__bottom { display: flex; justify-content: center; } .luxury__btn { background: var(--rr-theme-primary); font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-weight: var(--rr-fw-regular); font-style: normal; text-transform: capitalize; font-size: 15px; border-radius: 999px; padding: 16px 30px; display: inline-flex; align-items: center; gap: 10px; transition: 0.3s; letter-spacing: 1px; } .luxury__btn:hover { background: var(--rr-heading-primary); color: var(--rr-common-white); } .gallery__item { position: relative; } .gallery__item:hover .gallery__content { opacity: 1; visibility: visible; } .gallery__media img { width: 100%; height: 100%; } .gallery__content { background: var(--rr-common-white); color: var(--rr-heading-primary); padding: 20px 45px; border-radius: 20px; position: absolute; width: calc(100% - 30px); z-index: 1; bottom: 0; left: 50%; opacity: 0; visibility: hidden; transition: 0.6s; transform: translate(-50%, -50%); } .gallery__title { color: var(--rr-heading-primary); margin-bottom: 10px; display: list-item; font-size: 24px; font-weight: 400; } .restaurant__item.rr-pro-img { margin: 0 2px 5px; } .cta__bg-img { width: 100%; height: 841px; background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } .cta__bg-img-2 { height: 652px; } @media (max-width: 575px) { .cta__bg-img-2 { height: 300px; } } .cta__bg-img-3::before { background: rgba(14, 23, 48, 0.6); position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; } .cta__content { background-color: var(--rr-theme-primary); color: var(--rr-common-white); font-size: 25px; width: 110px; height: 110px; border-radius: 50%; top: 42%; left: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; position: absolute; z-index: 1; transform: translate(-50%, -50%); } .cta__content a i { font-size: 34px; } .cta__content-2 { background: var(--rr-common-white); top: 50%; width: 81px; height: 81px; } @media (max-width: 575px) { .cta__content-2 { top: 40%; left: 41%; } } .video2.cta__content { height: 80px; width: 80px; } .video2.cta__content .ripple, .ripple:before, .ripple:after { width: 80px; height: 80px; top: 50%; } .cta-2__bg-img-3 { height: 511px; } .cta-2__content-3 { background: var(--rr-theme-primary); top: 38%; } .cta-2__content-3 .video-btn i { color: var(--rr-common-white); } .book__area { position: relative; margin-top: -247px; z-index: 12; } .book__content { background: #F4F1EA; padding: 80px 191px; border: 1px solid var(--rr-theme-primary); } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .book__content { padding: 80px 130px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .book__content { padding: 80px 100px; } } @media only screen and (min-width: 768px) and (max-width: 992px) { .book__content { padding: 80px 80px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .book__content { padding: 80px 60px; } } @media (max-width: 575px) { .book__content { padding: 80px 40px; } } .book__content p { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 16px; line-height: 27px; margin-bottom: 0; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .book__content p br { display: none; } } .book__title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary2); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 64px; line-height: 60px; margin-bottom: 30px; } @media only screen and (min-width: 768px) and (max-width: 992px) { .book__title { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .book__title { font-size: 35px; line-height: 45px; } } .book__form { margin-top: 40px; gap: 10px; flex-wrap: wrap; justify-content: center; } .book__form-control { background: var(--rr-common-white) !important; margin-left: 0 !important; border-radius: 999px; padding: 15px 30px; width: 100%; max-width: 406px; height: 60px; } .book__form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-heading-primary2); } .book__form-control::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-heading-primary2); } .book__form-control:-moz-placeholder { /* Firefox 4-18 */ color: var(--rr-heading-primary2); } .book__form-control:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-heading-primary2); } .book__form-control::placeholder { /* MODERN BROWSER */ color: var(--rr-heading-primary2); } .book__form-control-2 { background: transparent !important; border-radius: 0; border: 1px solid #E7E7EB !important; color: var(--rr-common-white) !important; } .book__form-control-2::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-common-white); } .book__form-control-2::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-common-white); } .book__form-control-2:-moz-placeholder { /* Firefox 4-18 */ color: var(--rr-common-white); } .book__form-control-2:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-common-white); } .book__form-control-2::placeholder { /* MODERN BROWSER */ color: var(--rr-common-white); } .book__form-btn { background: var(--rr-theme-primary); font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h5); display: inline-flex; align-items: center; padding: 15px 29px; gap: 10px; border-radius: 999px; font-style: normal; font-size: 14px; transition: 0.3s; } .book__form-btn:hover { background: var(--rr-heading-primary); color: var(--rr-common-white) !important; } .facility__item { display: flex; align-items: center; justify-content: center; gap: 40px; border: 1px solid #E7E7EB; padding: 40px; flex-wrap: wrap; } .facility__content { background: #E7E7EB; padding: 30px 40px; } .facility__content h5 { font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); color: var(--rr-heading-primary2); font-style: normal; font-size: 20px; line-height: 26px; margin-bottom: 10px; } .facility__content p { font-family: var(--rr-ff-body); color: #595959; font-weight: var(--rr-fw-regular); font-style: normal; font-size: 16px; line-height: 27px; margin-bottom: 28px; } .facility__thumb img { width: 100%; height: 100%; } .facility__title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary2); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 24px; line-height: 26px; margin-bottom: 40px; } .facility__btn { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary2); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 15px; display: flex; align-items: center; gap: 10px; transition: 0.3s; } .facility__btn i { color: var(--rr-theme-primary); transition: 0.3s; } .facility__btn:hover i { color: var(--rr-heading-primary2); } .restaurant__menu { padding-bottom: 30px; flex-wrap: wrap; row-gap: 20px; } .restaurant__title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary2); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 36px; line-height: var(--rr-lh-h2); text-transform: capitalize; font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 992px) { .restaurant__title { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .restaurant__title { font-size: 35px; line-height: 45px; } } @media (max-width: 575px) { .restaurant__title { font-size: 28px; line-height: 38px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .restaurant__title br { display: none; } } .restaurant__nav-tab { display: flex; align-items: center; gap: 29px; } .restaurant__nav-tab button { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-weight: var(--rr-regular); font-style: normal; font-size: 15px; line-height: 26px; padding: 17px 23px; border: 1px solid #E7E7EB; border-radius: 50px; } .restaurant__nav-tab .active { font-family: var(--rr-ff-heading); font-weight: var(--rr-regular); color: #fff; font-style: normal; font-size: 15px; line-height: 26px; background: var(--rr-theme-primary); } .restaurant__item:hover .restaurant__thumb .overlay { visibility: visible; opacity: 1; } .restaurant__item:hover .restaurant__thumb-content { visibility: visible; opacity: 1; } .restaurant__item-border { border-top: 4px solid #fff; } .restaurant__thumb { height: 385px; } .restaurant__thumb .overlay { background: rgba(33, 33, 33, 0.8); width: 100%; height: 100%; z-index: 1; position: absolute; visibility: hidden; opacity: 0; top: 0; left: 0; transition: all 0.3s ease-in-out; } .restaurant__thumb img { width: 100%; height: 100%; } .restaurant__thumb-content { position: absolute; top: 25%; left: 0%; visibility: hidden; opacity: 0; z-index: 1; text-align: center; transition: all 0.3s ease-in-out; } .restaurant__thumb-content .title { font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-style: normal; font-weight: 400; font-size: 24px; line-height: 26px; text-align: center; margin-bottom: 20px; } .restaurant__thumb-content .dec { font-family: var(--rr-ff-body); color: var(--rr-common-white); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; text-align: center; margin-bottom: 0; } .restaurant__thumb-content-btn { background: transparent; font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-style: normal; font-weight: 400; font-size: 15px; border: 1px solid #AF8C3E; border-radius: 999px; padding: 15px 30px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 40px; transition: all 0.3s ease-in-out; } .restaurant__thumb-content-btn:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .feature__item { padding: 30px; background: var(--rr-common-white); box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05); } .feature__thumb { overflow: hidden; } .feature__thumb img { width: 100%; height: 100%; } .feature__thumb img:hover { transform: scale(1.2); } .feature__content p { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 16px; line-height: 27px; margin-bottom: 0; } .feature__title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary2); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 24px; line-height: 26px; margin-bottom: 10px; margin-top: 20px; } .feature__dolar { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary2); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 20px; line-height: 26px; margin-bottom: 20px; } .feature__dolar span { color: var(--rr-theme-primary); } .feature__btn { margin-top: 40px; font-family: var(--rr-ff-heading); color: var(--rr-heading-primary2); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 15px; line-height: normal; padding: 21px 30px; text-transform: capitalize; display: inline-flex; align-items: center; gap: 10px; transition: 0.3s; border: 1px solid #E7E7EB; } .feature__btn i { color: var(--rr-theme-primary); transition: 0.3s; } .feature__btn:hover { background: var(--rr-theme-primary); border: 1px solid transparent; color: var(--rr-common-white); } .feature__btn:hover i { color: var(--rr-common-white); } .footer__area-common.footer2 { padding: 57px 0 0; } /*----------------------------------------*/ /* 8.12 account /*----------------------------------------*/ .email__content .title { font-family: var(--rr-ff-heading); font-style: normal; font-weight: 400; font-size: 36px; line-height: 36px; color: #0E1730; margin-bottom: 20px; } .email__content .dec { font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; color: #595959; margin-bottom: 0; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .email__content .dec br { display: none; } } .email__content-form { margin-top: 40px; } .email__content-form .title { font-family: var(--rr-ff-heading); font-style: normal; font-weight: 400; font-size: 20px; line-height: 26px; color: #0E1730; margin-bottom: 20px; } .email__content-form .form-control { outline: none; margin-left: 0; border-bottom: none; border: 1px solid #E7E7EB; width: 630px; height: 60px; box-shadow: none; padding: 15px 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .email__content-form .form-control { width: 100%; } } .email__content-form .btn { background: var(--rr-theme-primary); font-family: var(--rr-ff-heading); font-style: normal; font-weight: 400; font-size: 15px; text-transform: capitalize; color: #FFFFFF; padding: 18px 80px; display: inline-flex; align-items: center; gap: 10px; margin-top: 40px; border-radius: 0; transition: all 0.3s ease-in-out; } .email__content-form .btn:hover { background: var(--rr-heading-primary); } .email__thumb img { width: 100%; height: 100%; object-fit: cover; } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .email__thumb { margin-top: 30px; } } .email__gap { border: 1px solid #E7E7EB; padding: 57px; } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .email__gap { border: none; padding: 0; } } .registration__wrap .title { font-family: var(--rr-ff-heading); font-style: normal; font-weight: 400; font-size: 48px; line-height: 50px; text-transform: capitalize; color: #0E1730; margin-bottom: 20px; } .registration__wrap .dec { font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; color: #595959; margin-bottom: 0; } .registration__form { margin-top: 40px; } .registration__form .title { font-family: var(--rr-heading-primary); font-style: normal; font-weight: 400; font-size: 20px; line-height: 26px; color: #0E1730; margin-bottom: 40px; } .registration__input input { background: #F7F7F7; width: 100%; padding: 15px 30px; height: 60px; margin-left: 0; border-bottom: none; border: none; outline: none; margin-top: 20px; } .registration__input input span { font-family: var(--rr-ff-heading); font-style: normal; font-weight: 400; font-size: 20px; line-height: 26px; color: #0E1730; margin-bottom: 0; } .registration__btn { background: var(--rr-theme-primary); color: var(--rr-common-white); padding: 18px 97px; font-size: 15px; display: inline-flex; align-items: center; gap: 10px; transition: all 0.3s ease-in-out; } .registration__btn:hover { background: var(--rr-heading-primary); } .registration__btn i { margin-top: 4px; } /*----------------------------------------*/ /* 8.12 room scss /*----------------------------------------*/ .range-slider-text span { padding: 4px 20px; border: 1px solid var(--rr-theme-primary); } .price-range-wrap { border: 1px solid #E7E7EB; padding: 35px 40px 49px; } .price-range-wrap .range-slider { margin-top: 32px; display: flex; justify-content: space-between; } .price-range-wrap .range-slider .price-input { position: relative; display: flex; width: 139px; } .price-range-wrap .range-slider .price-input:after { position: absolute; left: 88px; top: 13px; height: 2px; width: 5px; background: #0E1730; content: ""; } .price-range-wrap .range-slider { font-weight: 400; font-size: 20px; color: #0E1730; } .price-range-wrap .range-slider .price-input input { color: #0E1730; border: none; display: inline-block; margin-left: 0; font-weight: 400; font-size: 20px; } .price-range-wrap .price-range { border-radius: 0; } .price-range-wrap .price-range.ui-widget-content { border: none; background: var(--rr-theme-primary); height: 5px; cursor: pointer; } .price-range-wrap .price-range.ui-widget-content .ui-slider-handle { height: 15px; width: 15px; border-radius: 50%; background: var(--rr-theme-primary); border: none; -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2); outline: none; cursor: pointer; } .price-range-wrap .price-range .ui-slider-range { border-radius: 0; } /*----------------------------------------*/ /* 5.1 event /*----------------------------------------*/ .event__content .subtitle { font-family: var(--rr-ff-heading); font-style: normal; font-weight: 400; font-size: 15px; line-height: 26px; letter-spacing: 1px; text-transform: uppercase; color: #0E1730; margin-bottom: 10px; } .event__content .title { font-family: var(--rr-ff-heading); font-style: normal; font-weight: 400; font-size: 48px; line-height: 50px; text-transform: capitalize; color: #0E1730; margin-bottom: 20px; } @media (max-width: 575px) { .event__content .title { font-size: 40px; line-height: 50px; } } .event__content .dec { font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; color: #595959; margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .event__content .dec br { display: none; } } .event__content-wrap { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; row-gap: 20px; } .event__content-wrap .item { display: inline-flex; align-items: center; gap: 15px; padding: 10px 20px; border: 1px solid #E7E7EB; } .event__content-wrap .item h3 { font-family: var(--rr-ff-heading); font-style: normal; font-weight: 400; font-size: 48px; line-height: 50px; text-transform: capitalize; color: #0E1730; margin-bottom: 0; } .event__content-wrap .item h6 { font-family: var(--rr-ff-heading); font-style: normal; font-weight: 400; font-size: 20px; line-height: 26px; color: #0E1730; margin-bottom: 0; } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .event__thumb { margin-top: 30px; } } .event__thumb img { width: 100%; height: 100%; object-fit: cover; } /*----------------------------------------*/ /* 5.1 resturent /*----------------------------------------*/ .resturent__thumb img { width: 100%; height: 100%; object-fit: cover; } .resturent__content { background: #F7F7F7; padding: 35px; } .resturent__content-title-wrap { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; margin-bottom: 20px; } .resturent__content-title-wrap .icon { background: var(--rr-theme-primary); width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .resturent__content-title-wrap .title { font-family: var(--rr-ff-heading); color: #0E1730; font-style: normal; font-weight: 400; font-size: 36px; line-height: 36px; margin-bottom: 0; } .resturent__content .dec { font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; color: #595959; margin-bottom: 0; } .resturent__content-contact { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; } .resturent__content-contact .icon { background: var(--rr-common-white); border: 1px solid #E7E7EB; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .resturent__content-contact .title { font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; color: #595959; margin-bottom: 0; transition: all 0.3s ease-in-out; } .resturent__content-contact .title:hover { color: var(--rr-theme-primary); } .resturent__content-social { display: flex; align-items: center; gap: 10px; } .resturent__content-social a { background: var(--rr-common-white); border: 1px solid #E7E7EB; border-radius: 999px; width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease-in-out; } .resturent__content-social a:hover { border: 1px solid var(--rr-theme-primary); color: var(--rr-theme-primary); } .selling__item { background: var(--rr-common-white); border: 1px solid #E7E7EB; padding: 30px; transition: all 0.3s ease-in-out; } .selling__item:hover .selling__item-thumb img { transform: scale(1.2); } .selling__item:hover .selling__item-content-title-box .icon svg { animation: shake 0.5s; } .selling__item:hover .selling__item-content-dolar-box .icon { color: var(--rr-theme-primary); } .selling__item-thumb { overflow: hidden; } .selling__item-thumb img { width: 100%; height: 250px; object-fit: cover; } .selling__item-content-title-box { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; flex-wrap: wrap; row-gap: 15px; margin-top: 20px; } .selling__item-content-title-box .title a { font-family: var(--rr-ff-heading); font-style: normal; font-weight: 400; font-size: 24px; line-height: 26px; color: #0E1730; margin-bottom: 0; } .selling__item-content-title-box .title a:hover { color: var(--rr-theme-primary); } .selling__item-content-title-box .icon { background: var(--rr-theme-primary); width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .selling__item-content .dec { font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; color: #595959; margin-bottom: 0; } .selling__item-content-dolar-box { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; row-gap: 15px; margin-top: 20px; } .selling__item-content-dolar-box .dolar { font-family: var(--rr-ff-heading); font-style: normal; font-weight: 400; font-size: 24px; line-height: 26px; color: #0E1730; margin-bottom: 0; } .selling__item-content-dolar-box .dolar span { font-family: var(--rr-ff-heading); color: var(--rr-theme-primary); font-style: normal; font-weight: 400; font-size: 24px; line-height: 26px; } .selling__item-content-star-list { margin-top: 20px; margin-bottom: 33px; } .selling__item-content-star-list ul { display: flex; align-items: center; gap: 8px; } .selling__item-content-star-list ul li { list-style: none; } .selling__btn { font-family: var(--rr-ff-heading); font-style: normal; font-weight: 400; font-size: 15px; color: #0E1730; text-transform: capitalize; display: flex; align-items: center; gap: 10px; transition: all 0.3s ease-in-out; } .selling__btn:hover { color: var(--rr-theme-primary); } /*----------------------------------------*/ /* 8.12 room scss /*----------------------------------------*/ /*accomodation section*/ .room__cheek-box { margin-bottom: 60px; border: 1px solid #E7E7EB; padding: 20px; display: flex; flex-wrap: wrap; row-gap: 15px; align-items: center; justify-content: space-around; } .room__cheek-box-2 { border: none; margin-bottom: 0; padding: 50px 0; } .room__cheek-box-3 { max-width: 922px; width: 100%; background: rgba(255, 255, 255, 0.7); margin-bottom: 0; position: absolute; z-index: 2; justify-content: flex-start; gap: 36px; border: 2px solid #E1DACB; backdrop-filter: blur(10px); top: 292px; left: auto; padding: 30px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .room__cheek-box-3 { left: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .room__cheek-box-3 { left: 15px; } } @media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px) { .room__cheek-box-3 { display: none; } } .room__cheek-box-item { display: inline-flex; align-items: center; gap: 10px; border: 1px solid #E7E7EB; padding: 13px 10px; } .room__cheek-box-item-2 { gap: 60px; padding: 22px 31px; border: 2px solid #595959; border-radius: 999px; } @media (max-width: 575px) { .room__cheek-box-item-2 { gap: 45px; } } .room__cheek-box-item-2 span { color: var(--rr-common-white); font-size: 15px; } .room__cheek-box-item-2 .sidebar-right-info .nice-select { padding-right: 20px; margin-top: -2px; } .room__cheek-box-item-2 .sidebar-right-info .nice-select:after { color: var(--rr-common-white); top: 60%; } .room__cheek-box-item-3 { border: 1px solid transparent; border-bottom: 1px solid #595959; padding: 0 0 10px; } .room__cheek-box-item-icon { display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 50px; height: 50px; border: 1px solid #E7E7EB; } .room__cheek-box-item-icon-2 { width: inherit; height: inherit; border: none; border-radius: 0; } .room__cheek-box-item-icon-2 .input-datepicker input { margin-left: 0; border-bottom: 0; width: 103px; color: var(--rr-common-white); border: none; background: transparent; } .room__cheek-box-item-icon-2 .input-datepicker input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-common-white); font-size: 15px; } .room__cheek-box-item-icon-2 .input-datepicker input::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-common-white); font-size: 15px; } .room__cheek-box-item-icon-2 .input-datepicker input:-moz-placeholder { /* Firefox 4-18 */ color: var(--rr-common-white); font-size: 15px; } .room__cheek-box-item-icon-2 .input-datepicker input:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-common-white); font-size: 15px; } .room__cheek-box-item-icon-2 .input-datepicker input::placeholder { /* MODERN BROWSER */ color: var(--rr-common-white); font-size: 15px; } .room__cheek-box-item .room-seclect .input-datepicker input { max-width: 95px; margin-left: 0; border: none; } .room__cheek-box-item .nice-select { -webkit-tap-highlight-color: transparent; background-color: transparent; border: none; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 26px; line-height: 32px; outline: none; padding-left: 0; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; margin-bottom: 1px; } .room__cheek-box-item .nice-select span { font-size: 15px; } .room__cheek-box-item .nice-select:hover { border-color: #dbdbdb; } .room__cheek-box-item .nice-select:active, .room__cheek-box-item .nice-select.open, .room__cheek-box-item .nice-select:focus { border-color: #999; } .room__cheek-box-item .nice-select::after { position: absolute; content: "\f107"; top: 50%; right: 0; font-family: var(--rr-ff-fontawesome); color: var(--rr-common-black); font-weight: 500; pointer-events: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; margin-top: 0; transform-origin: center; } .room__cheek-box-item .nice-select.open::after { -webkit-transform: translateY(-50%) rotate(-180deg); -moz-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); -o-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .room__cheek-box-item .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .room__cheek-box-item .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .room__cheek-box-item .nice-select.disabled::after { border-color: #cccccc; } .room__cheek-box-item .nice-select.wide { width: 100%; } .room__cheek-box-item .nice-select.wide .list { left: 0 !important; right: 0 !important; } .room__cheek-box-item .nice-select.right { float: right; } .room__cheek-box-item .nice-select.right .list { left: auto; right: 0; } .room__cheek-box-item .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .room__cheek-box-item .nice-select.small::after { height: 4px; width: 4px; } .room__cheek-box-item .nice-select.small .option { line-height: 34px; min-height: 34px; } .room__cheek-box-item .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; width: 100%; } .room__cheek-box-item .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 10px; padding-right: 0px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .room__cheek-box-item .nice-select .option:hover { background-color: #f6f7f9; } .room__cheek-box-item .nice-select .option.selected { color: var(--rr-theme-primary); } .room__cheek-box-item .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .room__cheek-box-item .no-csspointerevents .nice-select .list { display: none; } .room__cheek-box-item .no-csspointerevents .nice-select.open .list { display: block; } .room__thumb { overflow: hidden; } .room__thumb img { width: 100%; height: 100%; } .room__thumb img:hover { transform: scale(1.2); } .room__content { background: var(--rr-common-white); padding: 30px 40px 40px 30px; border: 1px solid #E7E7EB; } .room__content-box { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; row-gap: 15px; } .room__content-box h3 { font-family: var(--rr-ff-heading); color: #0E1730; font-style: normal; font-weight: 400; font-size: 36px; line-height: 36px; } .room__content-box-star { color: #AF8C3E; } .room__dolar { font-family: var(--rr-ff-heading); color: #0E1730; font-style: normal; font-weight: 400; font-size: 36px; line-height: 36px; } .room__dolar span { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-regular); font-style: normal; font-size: 16px; line-height: 27px; } .room__cat { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; flex-wrap: wrap; row-gap: 10px; } .room__cat-item { display: flex; align-items: center; gap: 10px; } .room__cat-item span { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; } .room__btn { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-style: normal; font-weight: 400; font-size: 15px; border: 1px solid #AF8C3E; padding: 15px 30px; display: inline-flex; align-items: center; gap: 10px; transition: 0.3s; } .room__btn i { color: #AF8C3E; transform: 0.3s; } .room__btn:hover { background-color: var(--rr-heading-primary); color: var(--rr-common-white); } .room__btn2 { background-color: var(--rr-theme-primary); color: var(--rr-common-white); padding: 17px 30px; display: inline-flex; align-items: center; } .room__btn2:hover { background-color: var(--rr-heading-primary); color: var(--rr-common-white); } .room__btn2-2 { display: flex; align-items: center; gap: 10px; border-radius: 999px; padding: 16px 27px; } .style-four { border-bottom: 1px solid rgba(0, 29, 8, 0.1); padding: 0px 0px 2px; } .check { background: #212121; margin-top: -1px; } .room__cheek-box-item .room-seclect .input-datepicker input::placeholder { color: #595959 !important; } .room__cheek-box-item .after-none.nice-select::after { display: none; } .room__content-box-star i { font-size: 14px; margin-inline-end: 4px; } .btn-four { padding: 30px 45px; border-radius: 0 10px 10px 0px; } /*----------------------------------------*/ /* 8.12 room scss /*----------------------------------------*/ .room-details__star-wrap { display: flex; align-items: center; justify-content: space-between; } .room-details__cat { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; } .room-details__cat-item span { font-family: var(--rr-ff-body); color: #595959; font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; } .room-details__content-box-star i { color: var(--rr-theme-primary); } .room-details__title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-style: normal; font-weight: 400; font-size: 36px; line-height: 36px; margin-bottom: 0; } .room-details__dolar-title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-style: normal; font-weight: 400; font-size: 36px; line-height: 36px; } .room-details__dolar-title .dolar { color: var(--rr-theme-primary); } .room-details__dolar-title .span { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; } .room-details__dec { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; margin-bottom: 0; } .room-details__list { margin-top: 30px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; row-gap: 15px; } .room-details__list-item ul li { list-style: none; font-family: var(--rr-ff-body); color: var(--rr-text-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; display: flex; align-items: center; gap: 15px; } .room-details__list-item ul li i { color: var(--rr-theme-primary); } .room-details__sm-title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-style: normal; font-weight: 400; font-size: 24px; line-height: 26px; } .room-details__sm-dec { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; } .room-details__content-box { display: flex; align-items: center; flex-wrap: wrap; row-gap: 15px; justify-content: space-between; } .room-details__content-box-item { display: flex; align-items: center; gap: 20px; border: 1px solid #E7E7EB; padding: 20px 43px; } .room-details__content-box-item .icon { background: #F7F7F7; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .room-details__content-box-item .title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-style: normal; font-weight: 400; font-size: 24px; line-height: 26px; } .room-details__list-title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-style: normal; font-weight: 400; font-size: 36px; line-height: 36px; margin-bottom: 0; } .room-details__sm-list { display: flex; align-items: center; gap: 106px; flex-wrap: wrap; row-gap: 15px; } .room-details__sm-list-item ul li { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; list-style: none; display: flex; align-items: center; gap: 15px; } .room-details__sm-list-item ul li i { color: #00061D; } .room-details-seclect .title { font-weight: 400; font-size: 20px; } .room-details__form { cursor: pointer; border: none !important; text-align: right; margin-left: 0 !important; } .room-details__total__info { display: flex; justify-content: space-between; margin-top: 28px; } .room-details__total__info h4 { font-weight: 400; font-size: 24px; } .room-details__total__info h4 i { font-size: 16px; margin-left: 20px; } .room-details__submitbtn a { background: var(--rr-theme-primary); width: 100%; padding: 16px 30px; color: #fff; margin-top: 30px; display: inline-block; text-align: center; } .room-details__submitbtn a:hover { background: var(--rr-heading-primary); } .room-details__submitbtn a i { margin-left: 10px; } .room-details__sidebar { border: 1px solid #E7E7EB; padding: 40px; } .room-details__sidebar-title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-style: normal; font-weight: 400; font-size: 36px; line-height: 36px; margin-bottom: 0; } .room-details__sidebar-dolar { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary1); font-style: normal; font-weight: 400; font-size: 20px; line-height: 26px; margin-bottom: 22px; margin-top: 20px; } .room-details__sidebar-dolar span { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; } .room-details__sidebar-item { display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--rr-theme-primary); padding: 9px 20px; margin-bottom: 18px; } .room-details__sidebar-item .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border: none; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 0; padding-right: 15px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } .room-details__sidebar-item .nice-select:hover { border-color: #dbdbdb; } .room-details__sidebar-item .nice-select:active, .room-details__sidebar-item .nice-select.open, .room-details__sidebar-item .nice-select:focus { border-color: #999; } .room-details__sidebar-item .nice-select::after { position: absolute; content: "\f107"; top: 50%; right: 0; font-family: var(--rr-ff-fontawesome); color: var(--rr-common-black); font-weight: 500; pointer-events: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; margin-top: 0; transform-origin: center; } .room-details__sidebar-item .nice-select.open::after { -webkit-transform: translateY(-50%) rotate(-180deg); -moz-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); -o-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .room-details__sidebar-item .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .room-details__sidebar-item .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .room-details__sidebar-item .nice-select.disabled::after { border-color: #cccccc; } .room-details__sidebar-item .nice-select.wide { width: 100%; } .room-details__sidebar-item .nice-select.wide .list { left: 0 !important; right: 0 !important; } .room-details__sidebar-item .nice-select.right { float: right; } .room-details__sidebar-item .nice-select.right .list { left: auto; right: 0; } .room-details__sidebar-item .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .room-details__sidebar-item .nice-select.small::after { height: 4px; width: 4px; } .room-details__sidebar-item .nice-select.small .option { line-height: 34px; min-height: 34px; } .room-details__sidebar-item .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .room-details__sidebar-item .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .room-details__sidebar-item .nice-select .option:hover { background-color: #f6f7f9; } .room-details__sidebar-item .nice-select .option.selected { font-weight: bold; } .room-details__sidebar-item .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .room-details__sidebar-item .no-csspointerevents .nice-select .list { display: none; } .room-details__sidebar-item .no-csspointerevents .nice-select.open .list { display: block; } .room-details__sidebar-item .sidebar-right-info .form-control { box-shadow: none; border: none; } .item-2 { background: #262e44; border: none; } .item-2 .title { color: #fff; } .item-2 .sidebar-right-info input { background: transparent; color: #fff; } .item-2 .sidebar-right-info input::placeholder { color: #fff; } .room-details__sidebar-item.item-2 .nice-select { background: #262e44; color: #fff; } .room-details__sidebar-item.item-2 .nice-select .list { background-color: #262e44; } .room-details__sidebar-item.item-2 .nice-select .option:hover { background-color: #262e44; } .room-details__sidebar-item.item-2 .nice-select::after { color: #fff; } .si__about__area { background: #fcfaf4; } .si__about__thumb { margin-right: 45px; } .si__about__content { display: flex; margin-bottom: 6px; } .si__about__icon img { width: 40px; } .si__about__text { margin-left: 24px; } .si__about__text h5 { font-weight: 500; font-size: 21px; } @media (max-width:991px) { .si__about__text h5 { font-size: 20px; } } .si__about__text p { font-size: 16px; margin-top: 17px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__about__text p br { display: none; } } @media (max-width:991px) { .si__about__text p br { display: none; } } @media (max-width:991px) { .si__about__text p { font-size: 15px; } } .si__about__btn { margin-top: 25px; } .si__fotter__area { padding-top: 250px; } @media (max-width:991px) { .si__fotter__area { padding-top: 180px; } } .si__fotter__right { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #505050; } .si__fotter__logo { margin-bottom: 59px; } .si__fotter__icon { margin-bottom: 59px; } .si__fotter__icon a i { width: 40px; height: 40px; line-height: 40px; border: 1px solid rgba(255, 255, 255, 0.3); color: #fff; text-align: center; border-radius: 50%; transition: 0.6s; margin-right: 10px; } @media (max-width:450px) { .si__fotter__icon a i { margin-top: 15px; } } .si__fotter__icon a i:hover { background: #af8c3e; border: 1px solid #af8c3e; } .si__fotter__content { margin-top: 49px; } .si__fotter__content h5 { color: #fff; font-size: 30px; position: relative; margin-bottom: 53px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__fotter__content h5 { font-size: 25px; } } .si__fotter__content h5::before { position: absolute; content: ""; height: 3px; width: 124px; bottom: -23px; left: 65px; transform: translateX(-50%); background: #af8c3e; } .si__fotter__content h5::after { position: absolute; content: ""; height: 15px; width: 15px; border-radius: 50px; background-color: #af8c3e; left: 0; bottom: -28px; animation: pulsex 3s ease infinite alternate; -webkit-animation: pulsex 3s ease infinite alternate; } .si__fotter__content p { color: #fff; font-size: 14px; padding-top: 7px; padding-bottom: 13px; } .si__fotter__list span a { font-size: 16px; color: #fff; display: block; margin-bottom: 7px; } .si__fotter__listtwo { margin-top: 131px; } @media (max-width:991px) { .si__fotter__listtwo { margin-top: 55px; } } .si__fotter__listtwo span a { font-size: 16px; color: #fff; display: block; margin-bottom: 7px; } .si__fotter__form input { margin-left: 0; padding: 18px 20px; background: #505050; border-radius: 5px; border: none; color: #fff; } .si__fotter__form input::placeholder { color: #fff; } .si__fotter__btn { padding-top: 25px; } .fotter__btn:hover { background: #fff; color: #000; } .si__fotter__area .footer__bottom { border-top: none; } .fotter__btn { padding: 10px 40px; border-radius: 3px; } .style-fotter { padding-top: 120px; } @keyframes pulsex { 0% { transform: translateX(0); } 100% { transform: translateX(124px); -webkit-transform: translateX(124px); -moz-transform: translateX(124px); -ms-transform: translateX(124px); -o-transform: translateX(124px); } } .si__service__area { background: #fef0d7; } .si__service__thumb { border: 1px dashed #AF8C3E; border-radius: 6px; padding: 10px 11px; } .si__service__text { margin-top: 17px; } .si__service__text h6 { font-weight: 500; font-size: 20px; } .si__service__text p { font-weight: 400; font-size: 14px; } @media (max-width:450px) { .si__service__text p br { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__service__text p br { display: none; } } @media (max-width:376px) { .si__service__text p br { display: none; } } .si__right__content { margin-top: 102px; margin-bottom: 102px; margin-left: 93px; } @media (max-width:991px) { .si__right__content { margin-left: 0; } } .si__right__content h6 { font-size: 20px; color: #FFf; } @media (max-width:991px) { .si__right__content h6 { font-size: 16px; } } .si__right__content h3 { font-size: 36px; color: #FFf; } @media (max-width:991px) { .si__right__content h3 { font-size: 26px; } } .si__right__btn { margin-top: 102px; margin-bottom: 102px; } @media (max-width:991px) { .si__right__btn { margin-top: -40px; } } .right__bg { background-image: url(../imgs/right/bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; margin-top: 0; margin-bottom: -141px; position: relative; } .si__feature__area { background: #fcfaf4; } .si__feature__thumb { margin-top: 45px; } @media (max-width:991px) { .si__feature__thumb { margin-bottom: 25px; } } .si__feature__img p { font-size: 16px; color: #000; margin-top: 33px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .si__feature__img p br { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__feature__img p br { display: none; } } @media (max-width:991px) { .si__feature__img p br { display: none; } } .si__feature__box { display: flex; justify-content: center; gap: 44px; margin-top: 24px; } .si__feature__icon { display: flex; justify-content: center; } .si__feature__icon__inner { width: 73px; height: 73px; line-height: 64px; border: 1px dashed #AF8C3E; border-radius: 50%; text-align: center; } .si__feature__icon__inner img { width: 40px; } .si__feature__right { margin-top: 5px; text-align: center; } .si__feature__right span { font-weight: 400; font-size: 18px; color: #000; } .si__feature__right p { font-size: 14px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .si__feature__right p br { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__feature__right p br { display: none; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .si__feature__right p br { display: none; } } @media (max-width: 575px) { .si__feature__right p br { display: none; } } .si__feature__btn { margin-top: 25px; } .si__video__thumb { position: relative; } .si__video__box { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: flex; justify-content: center; align-items: center; } .si__video__text h3 { font-size: 45px; color: #fff; margin-bottom: 25px; } @media (max-width:991px) { .si__video__text h3 { font-size: 33px; } } @media (max-width: 575px) { .si__video__text h3 { font-size: 27px; margin-bottom: 0; } } @media (max-width:450px) { .si__video__text h3 { font-size: 24px; margin-bottom: 0px; } } .si__video__text span { font-size: 25px; font-weight: 700; color: #fff; } @media (max-width:991px) { .si__video__text span { font-size: 20px; } } @media (max-width: 575px) { .si__video__text span { font-size: 17px; } } @media (max-width: 575px) { .si__video__text span { font-size: 14px; } } .si__video__play { display: flex; justify-content: center; margin-top: 25px; } @media (max-width: 575px) { .si__video__play { margin-bottom: 20px; } } @media (max-width:450px) { .si__video__play { margin-top: 10px; margin-bottom: 20px; } } .si__video__play a { width: 131px; height: 131px; line-height: 131px; background: #fff; border-radius: 50%; display: inline-block; display: flex; align-items: center; justify-content: center; transition: 0.6s; } .si__video__play a:hover { background: #af8c3e; } .si__video__play a:hover i { color: #fff; } @media (max-width:991px) { .si__video__play a { width: 100px; height: 100px; } } @media (max-width: 575px) { .si__video__play a { width: 90px; height: 90px; } } @media (max-width:450px) { .si__video__play a { width: 70px; height: 70px; } } .si__video__play a i { font-size: 39px; color: #af8c3e; } @media (max-width:450px) { .si__video__play a i { font-size: 27px; } } .si__gallery__thumb { border: 1px dashed #AF8C3E; border-radius: 6px; padding: 10px 11px; overflow: hidden; transition: 0.6s; } .si__gallery__thumb img:hover { transform: scale(1.1); } .si__gallery__img { border: 1px dashed #AF8C3E; border-radius: 6px; padding: 10px 11px; margin-top: 30px; overflow: hidden; transition: 0.6s; } .si__gallery__img img:hover { transform: scale(1.1); } @media (max-width:991px) { .style__one { margin-top: 30px; } } .si__testimonial__box { background: #fff; padding: 47px 10px 51px 10px; border-radius: 15px; border: 2px solid #af8c3e; } .si__testimonial__text p { color: #000; font-size: 16px; } .si__testimonial__icon i { color: #af8c3e; } .si__testimonial__thumb img { width: 100px; } .si__testimonial__right { margin-top: -41px; } .si__testimonial__content { margin-top: 7px; } .si__testimonial__content span { font-size: 18px; color: #000; } .si__testimonial__content p { font-size: 14px; margin-top: -5px; } .si__about__four__area { background: #edebe5; } .si__about__four__thumb { margin-top: 184px; } @media (max-width:991px) { .si__about__four__thumb { margin-top: 35px; } } @media (max-width: 575px) { .si__about__four__thumb { margin-top: 0px; } } .si__about__four__thumb img { border-radius: 10px; } .si__about__four__thumbtwo { margin-top: 75px; } .si__about__four__thumbtwo img { border-radius: 10px; } .si__about__four__icon a i { width: 60px; height: 60px; line-height: 60px; background: var(--rr-common-white); text-align: center; font-size: 21px; border-radius: 50px; color: var(--rr-theme-primary); transition: 0.6s; } .si__about__four__icon a i:hover { background: var(--rr-heading-primary); } .si__about__four__main { background: var(--rr-theme-primary); padding: 11px 0px 23px 22px; border-radius: 10px; } @media (max-width:991px) { .si__about__four__main { margin-top: 40px; } } .si__about__four__box { margin-bottom: 37px; position: relative; } .si__about__four__box::before { position: absolute; content: ""; bottom: -17px; left: 0; width: 241px; height: 1px; border: 1px solid rgba(71, 71, 71, 0.3); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__about__four__box::before { width: 185px; } } .si__about__four__text { margin-top: 10px; } .si__about__four__text h6 { font-size: 20px; color: var(--rr-common-white); font-weight: 400; text-transform: uppercase; } .si__about__four__text p { color: var(--rr-common-white); font-size: 17px; } .si-border::before { border: none; } .si__luxuries__box { transition: 0.6s; position: relative; } @media (max-width:991px) { .si__luxuries__box { margin-top: 40px; } } .si__luxuries__box:hover .si__luxuries__thumb img { transform: scale(1.07); } .si__luxuries__right { text-align: center; position: relative; z-index: 2; } .si__luxuries__thumb { overflow: hidden; border-radius: 10px; } .si__luxuries__thumb img { border-radius: 10px; } .si__luxuries__content { background: var(--rr-common-white); display: inline-block; padding: 25px 50px 27px 50px; border-radius: 10px; z-index: 22; margin-top: -65px; } .si__luxuries__content span { font-weight: 400; font-size: 16px; color: #acadb3; } .si__luxuries__content h6 { font-weight: 400; font-size: 25px; color: var(--rr-heading-primary); margin-top: 3px; margin-bottom: 21px; } .si__luxuries__list ul li { display: inline-block; margin-right: 13px; } .si__luxuries__list ul li h5 { font-weight: 400; font-size: 16px; } .si__luxuries__list ul li h5 i { margin-right: 7px; } .si__luxuries__btn { background: var(--rr-theme-primary); padding: 9px 27px; display: inline-block; color: var(--rr-common-white); transition: 0.6s; border-radius: 7px; margin-top: 17px; } .si__luxuries__btn:hover { background: var(--rr-heading-primary); } .si__service__area { background: #fef0d7; } .si__service__thumb { border: 1px dashed #AF8C3E; border-radius: 6px; padding: 10px 11px; } .si__service__text { margin-top: 17px; } .si__service__text h6 { font-weight: 500; font-size: 20px; } .si__service__text p { font-weight: 400; font-size: 14px; } @media (max-width:450px) { .si__service__text p br { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__service__text p br { display: none; } } @media (max-width:376px) { .si__service__text p br { display: none; } } .si__menu__title h6 { font-weight: 400; font-size: 40px; color: var(--rr-theme-primary); border: 1px dashed var(--rr-theme-primary); padding: 13px 45px 18px; border-radius: 8px; display: inline-block; } .si__menu__main { display: flex; justify-content: space-between; align-items: center; margin-top: 59px; position: relative; z-index: 1; overflow: hidden; } .si__menu__main::before { position: absolute; content: ""; top: 18px; right: 55px; height: 2px; width: 100%; border: 1px dotted #767572; z-index: -1; } .si__menu__text { position: relative; } .si__menu__text h6 { font-weight: 400; font-size: 31px; background: #eeebe6; padding-right: 15px; } .si__menu__text h6 img { width: inherit; } .si__menu__texttwo span { font-size: 23px; color: var(--rr-heading-primary); } .si__menu__p p { font-size: 14px; margin-top: 11px; } @media (max-width:991px) { .si__facilities__box { margin-bottom: 40px; } } .si__facilities__icon { position: relative; display: inline-block; } .si__facilities__icon img { width: 45px; } .si__facilities__icon::before { position: absolute; content: ""; top: -35px; left: -39px; width: 120px; height: 120px; border: 2px dashed var(--rr-theme-primary); border-radius: 50%; animation: textrotate 3s linear infinite; } .si__facilities__text { margin-top: 50px; } .si__facilities__text h6 { font-weight: 400; font-size: 20px; } .si__facilities__text p { font-weight: 400; font-size: 15px; margin-top: 3px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__facilities__text p { font-size: 14px; } } .si__section__title h4 { font-weight: 400; font-size: 20px; color: var(--rr-theme-primary); text-transform: uppercase; } .si__section__title h5 { font-weight: 400; font-size: 48px; color: var(--rr-heading-primary); margin-top: 22px; margin-bottom: 35px; } @media (max-width:991px) { .si__section__title h5 { font-size: 31px; } } @media (max-width: 575px) { .si__section__title h5 { font-size: 24px; } } @media (max-width:450px) { .si__section__title h5 { font-size: 22px; } } .si__section__title span { font-size: 30px; font-weight: 400; color: var(--rr-heading-primary); } @media (max-width:991px) { .si__section__title span { font-size: 21px; } } .si__section__title p { font-weight: 400; font-size: 20px; color: #474747; } @media (max-width:991px) { .si__section__title p { font-size: 17px; } } @media (max-width: 575px) { .si__section__title p { font-size: 14px; } } .tilte-color h5 { color: var(--rr-common-white); } .tilte-colortwo p { color: #474747; text-transform: capitalize; font-size: 18px; } .si__counter__four__area { position: relative; z-index: 2; } .si__counter__four__area::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; z-index: -1; } .si__counter__four__box__inner { display: flex; justify-content: center; } @media (max-width:991px) { .si__counter__four__box__inner { margin-top: 50px; } } .si__icon { background: transparent; position: inherit !important; width: 150px; height: 150px; line-height: 150px; border: 1px dashed var(--rr-theme-primary); border-radius: 50%; text-align: center; margin-left: 0; margin-bottom: 25px; } .si__icon img { width: 80px; } .si__item { border: none; padding: 0; } .si__item span { top: -3px; } .si__location__area { position: relative; z-index: 2; } .si__location__area::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; z-index: -2; } .si__location__box { transition: 0.6s; } @media (max-width:991px) { .si__location__box { margin-top: 40px; } } .si__location__box:hover .si__location__text h6 { background: var(--rr-theme-primary); color: var(--rr-common-white); } .si__location__text { text-align: center; margin-top: -41px; } .si__location__text h6 { background: var(--rr-common-white); display: inline-block; padding: 25px 75px 32px; font-size: 45px; font-weight: 400; color: var(--rr-heading-primary); z-index: 2; } .si__location__right { display: flex; justify-content: center; margin-top: 84px; } .si__location__right h6 { font-weight: 400; font-size: 30px; color: var(--rr-common-white); position: relative; } .si__location__right h6::before { position: absolute; content: ""; bottom: -1px; left: 0; height: 1px; width: 223px; border: 1px solid var(--rr-common-white); } .si__location__right h6:hover { color: var(--rr-theme-primary); } .si__gallery__four__area { background: #edebe5; } .si__gallery__four__box { display: flex; align-items: center; gap: 26px; } .si__gallery__four__thumb img { margin-bottom: 26px; width: 100%; border-radius: 10px; } .custom-container { max-width: 1797px; } .si__testimonial__four__area { position: relative; z-index: 2; padding: 200px 0; background-attachment: fixed !important; } .si__testimonial__four__area::before { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; z-index: -2; opacity: 0.6; } .si__testimonial__four__text h6 { font-weight: 400; font-size: 35px; line-height: 45px; color: var(--rr-common-white); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__testimonial__four__text h6 { font-size: 31px; } } @media (max-width:991px) { .si__testimonial__four__text h6 { font-size: 29px; } } @media (max-width:991px) { .si__testimonial__four__text h6 br { display: none; } } .si__testimonial__four__content { margin-top: 35px; } .si__testimonial__four__content a i { color: var(--rr-theme-primary); } .si__testimonial__four__content h5 { color: var(--rr-common-white); font-size: 40px; font-weight: 400; margin-top: 11px; margin-bottom: 10px; } @media (max-width:991px) { .si__testimonial__four__content h5 { font-size: 37px; } } .si__testimonial__four__content span { font-size: 16px; color: var(--rr-common-white); } .si__prices__area { position: relative; z-index: 2; } .si__prices__area::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; z-index: -1; } .si__prices__box { background: var(--rr-common-white); padding: 75px 23px 57px 23px; display: inline-block; z-index: 2; overflow: hidden; text-align: center; border-radius: 10px; position: relative; transition: 0.6s; } @media (max-width:991px) { .si__prices__box { margin-bottom: 30px; } } .si__prices__box::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 0%; background: var(--rr-theme-primary); transition: 0.6s; z-index: -1; } .si__prices__box:hover { transform: scale(1.07); } .si__prices__box:hover::before { height: 100%; } .si__prices__text h5 { font-size: 35px; font-weight: 400; color: var(--rr-heading-primary); margin-bottom: 39px; } @media (max-width:991px) { .si__prices__text h5 { font-size: 30px; } } .si__prices__text h6 { font-weight: 400; font-size: 40px; color: var(--rr-heading-primary); } @media (max-width:991px) { .si__prices__text h6 { font-size: 32px; } } .si__prices__text h6 span { font-weight: 400; font-size: 70px; margin-right: 9px; } @media (max-width:991px) { .si__prices__text h6 span { font-size: 53px; } } .si__prices__text p { font-weight: 400; font-size: 17px; margin-top: 27px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .si__prices__text p { font-size: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__prices__text p { font-size: 15px; } } @media (max-width:991px) { .si__prices__text p { font-size: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__prices__text p br { display: none; } } @media (max-width:991px) { .si__prices__text p br { display: none; } } .si__prices__text a { display: inline-block; font-size: 18px; text-transform: uppercase; background: var(--rr-theme-primary); color: var(--rr-common-white); padding: 13px 27px; margin-top: 30px; transition: 0.6s; } .si__prices__box:hover .si__prices__text h5 { color: var(--rr-common-white); } .si__prices__box:hover .si__prices__text h6 { color: var(--rr-common-white); } .si__prices__box:hover .si__prices__text span { color: var(--rr-common-white); } .si__prices__box:hover .si__prices__text a { color: var(--rr-common-white); background: var(--rr-heading-primary); } .si__prices__box:hover .si__prices__text p { color: var(--rr-common-white); } .si__prices__shape { position: absolute; top: -40px; right: 0px; transition: 0.6s; } .si__prices__shape img { width: inherit; opacity: 0; } .si__prices__box:hover .si__prices__shape { top: 0px; } .si__prices__box:hover .si__prices__shape img { opacity: 1; } .si__about__five__number { display: inline-block; margin-right: 33px; margin-top: 28px; } .si__about__five__number h4 { color: var(--rr-theme-primary); font-size: 55px; font-weight: 500; } .si__about__five__number span { font-size: 20px; margin-top: 19px; display: inline-block; } .si__about__five__mine { margin-left: 30px; } @media (max-width:991px) { .si__about__five__mine { margin-left: 0; margin-top: 45px; } } .si__about__five__box { display: flex; align-items: center; justify-content: space-between; padding: 31px 49px 0 0; border-top: 1px dashed var(--rr-theme-primary); margin-top: 29px; } @media (max-width:991px) { .si__about__five__box { display: block; } } .si__about__five__right { display: flex; align-items: center; gap: 20px; position: relative; } .si__about__five__right::before { position: absolute; content: ""; top: 20px; right: -43%; width: 1px; height: 44px; background: var(--rr-theme-primary); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__about__five__right::before { display: none; } } .si__about__five__thumb img { width: inherit; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__about__five__thumb img { width: 100%; } } @media (max-width:991px) { .si__about__five__thumb img { width: 100%; } } .si__about__five__text h6 { font-size: 27px; font-weight: 500; } .si__about__five__text span { font-size: 16px; } @media (max-width:991px) { .si__about__five__signature { margin-top: 23px; } } .si__about__five__signature img { width: inherit; } .si__room__five__mine { position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; } .si__room__five__box { display: inline-block; transition: 0.6s; width: 100%; } .si__room__five__box:hover .si__room__five__right { bottom: -35px; opacity: 1; } .si__room__five__right { bottom: -180px; position: absolute; transition: 0.6s; opacity: 0; width: 100%; } .si__room__five__thumb { position: relative; } .si__room__five__thumb img { width: 100%; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; } .si__room__five__text { background: var(--rr-common-white); display: inline-block; text-align: center; padding: 22px 75px 38px 75px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; position: absolute; bottom: 69px; left: 50px; right: 50px; } .si__room__five__text h6 { font-weight: 400; font-size: 30px; color: var(--rr-heading-primary); } .si__room__five__text h6:hover { color: var(--rr-theme-primary); } .si__room__five__text span { font-size: 14px; color: var(--rr-heading-primary); position: relative; margin-right: 6px; margin-left: 7px; } .si__room__five__text span::before { position: absolute; content: ""; top: 4px; right: -10px; width: 1px; height: 11px; background: var(--rr-theme-primary); } .si__room__five__text span::before:last-child { display: none; } .si__room__five__number { top: -51px; display: flex; justify-content: center; position: relative; } .si__room__five__number h6 { font-weight: 400; font-size: 25px; color: var(--rr-common-white); width: 45px; height: 45px; line-height: 35px; text-align: center; background: var(--rr-heading-primary); border: 5px solid var(--rr-common-white); -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; transition: 0.6s; } .si__room__five__number h6:hover { background: var(--rr-theme-primary); } .before-none::before { display: none; } .five-navigation { position: inherit !important; top: 0; } .si__service__five__title h6 { font-size: 45px; color: var(--rr-common-white); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__service__five__title h6 { font-size: 40px; } } .si__service__five__title p { font-weight: 500; font-size: 16px; opacity: 0.7; color: var(--rr-common-white); margin-top: 29px; text-transform: capitalize; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .si__service__five__title p br { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__service__five__title p br { display: none; } } .si__service__five__title a { font-weight: 700; font-size: 20px; color: var(--rr-theme-primary); display: inline-block; position: relative; margin-top: 7px; } .si__service__five__title a::before { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--rr-theme-primary); } .si__service__five__box { text-align: center; } @media only screen and (min-width: 576px) and (max-width: 768px) { .si__service__five__box { margin-top: 15px; } } @media (max-width: 575px) { .si__service__five__box { margin-top: 15px; } } .si__service__five__thumb { display: flex; justify-content: center; } .si__service__five__thumb__inner { width: 57px; height: 57px; line-height: 50px; border: 1px dashed var(--rr-theme-primary); -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; text-align: center; } .si__service__five__thumb__inner img { width: 40px; } .si__service__five__text h6 { font-size: 20px; color: var(--rr-common-white); position: relative; margin-top: 7px; margin-bottom: 25px; } @media only screen and (min-width: 576px) and (max-width: 768px) { .si__service__five__text h6 { display: inline-block; } } @media (max-width: 575px) { .si__service__five__text h6 { display: inline-block; } } .si__service__five__text h6::before { position: absolute; content: ""; bottom: -15px; left: 0; width: 100%; height: 0px; border: 1px dashed #AF8C3E; } .si__service__five__text p { font-weight: 500; font-size: 20px; opacity: 0.7; color: var(--rr-common-white); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__service__five__text p { font-size: 16px; } } @media (max-width:991px) { .si__service__five__text p { font-size: 16px; } } .si__menu__title h6 { font-weight: 400; font-size: 40px; color: var(--rr-theme-primary); border: 1px dashed var(--rr-theme-primary); padding: 13px 45px 18px; border-radius: 8px; display: inline-block; } .si__menu__main { display: flex; justify-content: space-between; align-items: center; margin-top: 59px; position: relative; z-index: 1; overflow: hidden; } .si__menu__main::before { position: absolute; content: ""; top: 18px; right: 55px; height: 2px; width: 100%; border: 1px dotted #767572; z-index: -1; } .si__menu__text { position: relative; } .si__menu__text h6 { font-weight: 400; font-size: 31px; background: #eeebe6; padding-right: 15px; } .si__menu__text h6 img { width: inherit; } .si__menu__texttwo span { font-size: 23px; color: var(--rr-heading-primary); } .si__menu__p p { font-size: 14px; margin-top: 11px; } @media (max-width:991px) { .si__section__title__five { padding-bottom: 25px; } } .si__section__title__five h6 { font-weight: 400; font-size: 18px; background: var(--rr-theme-primary); display: inline-block; color: var(--rr-common-white); padding: 10px 41px 12px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; } .si__section__title__five h2 { font-weight: 400; font-size: 44px; margin-top: 21px; } @media (max-width:991px) { .si__section__title__five h2 { font-size: 35px; line-height: 40px; } } @media (max-width:450px) { .si__section__title__five h2 { font-size: 28px; } } .si__section__title__five p { font-size: 18px; margin-top: 17px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .si__section__title__five p { font-size: 17px; } } @media (max-width:991px) { .si__section__title__five p { font-size: 16px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__section__title__five p br { display: none; } } @media (max-width:991px) { .si__section__title__five p br { display: none; } } .si__gallery__five__area { background: #fbf9f4; } .si__gallery__five__mine { display: flex; gap: 30px; } @media (max-width:991px) { .si__gallery__five__mine { flex-wrap: wrap; justify-content: center; } } .si__gallery__five__thumb { margin-top: 30px; } @media (max-width:991px) { .si__gallery__five__thumb { margin-top: inherit; } } .si__gallery__five__thumb img { width: 100%; } .custom__container { max-width: 1665px; } .si__thumb { padding-top: 30px; } @media (max-width:991px) { .si__thumb { padding-top: 0px; } } .si__project__five__area { background: #0d151e; } .si__project__five__menu__inner { margin-top: 127px; } @media (max-width:991px) { .si__project__five__menu__inner { margin-top: 0; margin-bottom: 40px; margin-left: -20px; } } @media (max-width: 575px) { .si__project__five__menu__inner { margin-left: 0px; } } .si__project__five__menu { text-align: center; margin: 31px 0 21px; } @media (max-width:991px) { .si__project__five__menu { margin: 0px 0px 21px; text-align: left; } } .si__project__five__menu li { display: inline; margin: 0 20px; transition: 0.6s; cursor: pointer; background: #454C5E; color: var(--rr-common-white); padding: 11px 23px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__project__five__menu li { margin: 0 8px; } } @media (max-width: 575px) { .si__project__five__menu li { margin: 0 3px; padding: 7px 10px; } } .si__project__five__menu li.active { background: var(--rr-theme-primary); } .si__project__five__thumb { margin-bottom: 21px; position: relative; } @media (max-width:991px) { .si__project__five__thumb { margin-bottom: 0; } } .si__project__five__thumb::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(9, 7, 33, 0) 29.36%, rgba(4, 19, 38, 0.7) 100%); opacity: 0; transition: 0.6s; } .si__project__five__thumb img { transition: 0.6s; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .si__project__five__thumb:hover .si__project__five__text { bottom: 41px; opacity: 1; } .si__project__five__thumb:hover::before { opacity: 1; } .si__project__five__thumbtwo { position: relative; } @media (max-width:991px) { .si__project__five__thumbtwo { margin-top: 15px; } } .si__project__five__thumbtwo::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(9, 7, 33, 0) 29.36%, rgba(4, 19, 38, 0.7) 100%); opacity: 0; } .si__project__five__thumbtwo img { transition: 0.6s; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .si__project__five__thumbtwo:hover .si__project__five__text { bottom: 41px; opacity: 1; } .si__project__five__thumbtwo:hover::before { opacity: 1; } .si__project__five__thumbthree { position: relative; } @media (max-width:991px) { .si__project__five__thumbthree { margin-top: 15px; } } .si__project__five__thumbthree::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(9, 7, 33, 0) 29.36%, rgba(4, 19, 38, 0.7) 100%); opacity: 0; } .si__project__five__thumbthree img { transition: 0.6s; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .si__project__five__thumbthree:hover .si__project__five__text { bottom: 41px; opacity: 1; } .si__project__five__thumbthree:hover::before { opacity: 1; } .si__project__five__thumbfour { position: relative; margin-top: 21px; } @media (max-width:991px) { .si__project__five__thumbfour { margin-top: 15px; } } .si__project__five__thumbfour::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(9, 7, 33, 0) 29.36%, rgba(4, 19, 38, 0.7) 100%); opacity: 0; } .si__project__five__thumbfour img { transition: 0.6s; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .si__project__five__thumbfour:hover .si__project__five__text { bottom: 41px; opacity: 1; } .si__project__five__thumbfour:hover::before { opacity: 1; } .si__project__five__thumbfive { position: relative; margin-top: 21px; } @media (max-width:991px) { .si__project__five__thumbfive { margin-top: 15px; } } .si__project__five__thumbfive::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(9, 7, 33, 0) 29.36%, rgba(4, 19, 38, 0.7) 100%); opacity: 0; } .si__project__five__thumbfive img { transition: 0.6s; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .si__project__five__thumbfive:hover .si__project__five__text { bottom: 41px; opacity: 1; } .si__project__five__thumbfive:hover::before { opacity: 1; } .si__project__five__thumbsix { position: relative; margin-top: 22px; } @media (max-width:991px) { .si__project__five__thumbsix { margin-top: 15px; } } .si__project__five__thumbsix::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(9, 7, 33, 0) 29.36%, rgba(4, 19, 38, 0.7) 100%); opacity: 0; } .si__project__five__thumbsix img { transition: 0.6s; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .si__project__five__thumbsix:hover .si__project__five__text { bottom: 41px; opacity: 1; } .si__project__five__thumbsix:hover::before { opacity: 1; } .si__project__five__text { position: absolute; bottom: 0px; left: 41px; opacity: 0; transition: 0.6s; } .si__project__five__text span { font-size: 14px; color: var(--rr-common-white); } .si__project__five__text h6 { font-weight: 400; font-size: 28px; color: var(--rr-common-white); } .si__blog__five__area { background: #fbf9f4; } .si__blog__five__mine { display: flex; justify-content: space-between; align-items: center; } @media (max-width:991px) { .si__blog__five__mine { display: block; } } .si__blog__five__p p { font-size: 16px; } @media (max-width:991px) { .si__blog__five__p p br { display: none; } } .si__blog__five__box { background: var(--rr-common-white); padding: 29px 30px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; } @media (max-width:991px) { .si__blog__five__box { margin-top: 23px; } } .si__blog__five__text { margin-top: 20px; } .si__blog__five__text h6 { font-weight: 400; font-size: 25px; } .si__blog__five__text h5 { font-weight: 400; font-size: 20px; margin-top: 7px; } .si__blog__five__text h5 span { color: var(--rr-theme-primary); } .si__blog__five__text p { font-size: 16px; margin-top: 19px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .si__blog__five__text p br { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__blog__five__text p br { display: none; } } @media (max-width:991px) { .si__blog__five__text p br { display: none; } } .si__blog__five__text a { display: inline-block; background: transparent; border: 1px solid #E7E7EB; padding: 9px 29px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; transition: 0.6s; margin-top: 29px; } .si__blog__five__text a:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .si__accommodations__five__area { background: #fbf9f4; } .si__accommodations__five__box:hover .si__accommodations__five__thumb::before { opacity: 1; } .si__accommodations__five__box:hover .si__accommodations__five__right { opacity: 1; } .si__accommodations__five__box:hover .si__accommodations__five__price { opacity: 1; } .si__accommodations__five__thumb { position: relative; } .si__accommodations__five__thumb::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(62, 88, 59, 0.7); opacity: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; transition: 0.6s; } .si__accommodations__five__thumb img { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; transition: 0.6s; } .si__accommodations__five__right { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; text-align: center; opacity: 0; transition: 0.6s; } .si__accommodations__five__list { background: var(--rr-common-white); display: inline-block; padding: 15px 20px 21px 33px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; transition: 0.6s; } .si__accommodations__five__list ul li { display: inline; margin-right: 11px; color: var(--rr-heading-primary); } .si__accommodations__five__list ul li img { width: inherit; margin-right: 7px; } .si__accommodations__five__text { margin-top: 25px; transition: 0.6s; } .si__accommodations__five__text h6 { font-weight: 400; font-size: 30px; margin-bottom: 20px; color: var(--rr-common-white); transition: 0.6s; } .si__accommodations__five__text h6:hover { color: var(--rr-theme-primary); } .si__accommodations__five__price { position: absolute; bottom: 21px; right: 19px; opacity: 0; transition: 0.6s; } .si__accommodations__five__price h6 { font-weight: 400; font-size: 36px; color: var(--rr-common-white); } .si__accommodations__five__price h6 span { font-size: 20px; } .si__about__six__area { background: #212121; } @media (max-width:991px) { .si__about__six__thumb { margin-bottom: 30px; } } .si__about__six__star { margin-bottom: 15px; } .si__about__six__star a i { color: var(--rr-theme-primary); font-size: 14px; } .si__about__six__content { display: flex; align-items: center; gap: 77px; margin-top: 45px; } @media (max-width:991px) { .si__about__six__content { margin-top: 0; } } @media (max-width: 575px) { .si__about__six__content { display: block; } } .si__about__six__right { display: flex; align-items: center; gap: 20px; } @media (max-width: 575px) { .si__about__six__right { margin-top: 10px; } } .si__about__six__phone a i { font-size: 40px; color: var(--rr-theme-primary); transform: rotate(-45deg); } .si__about__six__text h6 { font-size: 19px; margin-bottom: 5px; margin-top: 7px; font-weight: 500; color: var(--rr-common-white); } .si__about__six__text span { line-height: 25px; font-size: 18px; } .si__about__six__shape { position: relative; top: 25px; left: -15%; } @media (max-width:991px) { .si__about__six__shape { display: none; } } .si__about__six__shape img { width: inherit; animation: textrotate 3s linear infinite; } .si__room__six__area { background: #222222; } .si__room__six__box { position: relative; } .si__room__six__right { position: absolute; display: flex; align-items: center; justify-content: center; bottom: 0; left: 0; right: 0; top: 0; } .si__room__six__right__inner { opacity: 0; margin-top: 80px; transition: 0.6s; z-index: 1; } .si__room__six__box:hover .si__room__six__right__inner { opacity: 1; margin-top: 0; } .si__room__six__thumb { position: relative; } .si__room__six__thumb::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: ""; background: #000; opacity: 0; pointer-events: none; transition: 0.6s; } .si__room__six__box:hover .si__room__six__thumb::before { opacity: 0.3; } .si__room__six__text { position: relative; z-index: 1; text-align: center; } .si__room__six__text h6 { font-size: 28px; display: inline-block; color: var(--rr-common-white); margin-bottom: 15px; } .si__room__six__list { position: relative; z-index: 1; } .si__room__six__list ul li { color: var(--rr-common-white); display: inline; margin-right: 13px; } @media (max-width: 575px) { .si__room__six__list ul li { display: block; margin-top: 7px; } } .si__room__six__list ul li a img { width: 35px; margin-right: 5px; } .si__room__six__price { position: absolute; top: 10px; left: 15px; z-index: 1; opacity: 0; transition: 0.6s; } @media (max-width:450px) { .si__room__six__price { display: none; } } .si__room__six__price h6 { color: var(--rr-common-white); background: var(--rr-theme-primary); padding: 7px 12px; font-size: 15px; font-weight: 600; } .si__room__six__box:hover .si__room__six__price { opacity: 1; } .before-none::before { display: none; } .five-navigation { position: inherit !important; top: 0; } .si__service__six__area { background: #151719; } .si__service__six__box { display: block; padding: 33px 0; border-radius: 7px; border: 1px solid rgba(255, 255, 255, 0.1); width: 100%; overflow: hidden; } .si__service__six__box:hover .si__service__six__text img { animation: 0.5s forwards toBottomFromTop; } .si__service__six__text img { width: 55px; } .si__service__six__text h5 { color: var(--rr-common-white); font-weight: 500; font-size: 22px; margin-top: 19px; } .si__service__six__text p { color: rgba(255, 255, 255, 0.5); margin-bottom: 0; margin-top: 11px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .si__service__six__text p { font-size: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__service__six__text p { font-size: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__service__six__text p br { display: none; } } .six__box { margin-top: 50px; } @keyframes toBottomFromTop { 49% { transform: translateY(-100%); } 50% { opacity: 0; transform: translateY(100%); } } @media (max-width:991px) { .si__section__title__six { padding-bottom: 25px; } } .si__section__title__six h6 { display: inline-block; border-radius: 7px; font-size: 14px; color: var(--rr-theme-primary); margin-bottom: 0px; text-transform: uppercase; } .si__section__title__six h2 { line-height: 72px; font-size: 52px; font-weight: 500; margin-top: 13px; text-transform: uppercase; color: var(--rr-common-white); } @media (max-width:991px) { .si__section__title__six h2 { font-size: 35px; line-height: 50px; } } @media (max-width:450px) { .si__section__title__six h2 { font-size: 28px; } } .si__section__title__six p { margin-top: 22px; font-size: 15px; color: var(--rr-common-white); } @media (max-width:991px) { .si__section__title__six p { font-size: 16px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .si__section__title__six p br { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__section__title__six p br { display: none; } } @media (max-width:991px) { .si__section__title__six p br { display: none; } } .six-title { padding-top: 67px; } .si__testimonial__six__area { position: relative; background-attachment: fixed !important; z-index: 1; } .si__testimonial__six__area::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; z-index: -1; } .si__testimonial__six__p p { font-size: 18px; color: var(--rr-common-white); text-align: center; margin-top: 43px; } @media (max-width:991px) { .si__testimonial__six__p p { font-size: 17px; } } @media (max-width:991px) { .si__testimonial__six__p p br { display: none; } } .si__testimonial__six__right { display: flex; gap: 20px; justify-content: center; margin-top: 35px; } .si__testimonial__six__img img { width: 90px; border-radius: 50%; } .si__testimonial__six__text h6 { font-size: 22px; color: var(--rr-common-white); } .si__testimonial__six__text span { color: var(--rr-common-white); margin-bottom: 5px; display: inline-block; font-size: 14px; margin-top: 4px; } .si__testimonial__six__text ul li { display: inline; } .si__testimonial__six__text ul li a i { font-size: 12px; color: var(--rr-theme-primary); } .si__price__six__area { background: #151719; } .si__price__six__box { text-align: center; padding: 0 0 31px 0; background: #2b2b2b; } .si__price__six__thumb img { transition: 0.6s; } .si__price__six__thumb img:hover { transform: translateY(-8px); } .si__price__six__text h6 { margin-bottom: 5px; color: var(--rr-common-white); font-size: 25px; font-weight: 500; margin-top: 27px; margin-bottom: 8px; } .si__price__six__text span { color: #AA8453; font-size: 18px; } .si__price__six__text ul { margin-top: 20px; } .si__price__six__text ul li { display: inline-block; color: #878787; font-size: 16px; margin-bottom: 5px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__price__six__text ul li { font-size: 15px; } } @media (max-width:991px) { .si__price__six__text ul li { display: block; } } .si__price__six__text ul li i { color: var(--rr-theme-primary); margin-right: 5px; } .six__custom { max-width: 1400px; } .si__blog__six__area { background: #222222; } @media (max-width:991px) { .si__blog__six__box { margin-bottom: 20px; } } .si__blog__six__thumb { position: relative; } .si__blog__six__thumb::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 0%; background: var(--rr-theme-primary); opacity: 0.7; transition: 0.6s; } .si__blog__six__box:hover .si__blog__six__thumb::before { height: 100%; } .si__blog__six__date { background: var(--rr-theme-primary); display: inline-block; padding: 4px 20px 3px 20px; position: absolute; top: 12px; left: 12px; } .si__blog__six__date h6 { font-size: 22px; color: var(--rr-common-white); } .si__blog__six__date span { color: var(--rr-common-white); } .si__blog__six__icon { margin-top: 33px; } .si__blog__six__icon ul li { display: inline; margin-right: 11px; } .si__blog__six__icon ul li a span { font-size: 15px; font-weight: 500; color: var(--rr-common-white); } .si__blog__six__icon ul li a i { color: var(--rr-theme-primary); display: inline-block; margin-right: 8px; } .si__blog__six__text h5 a { display: inline-block; font-size: 24px; font-weight: 700; color: #fff; margin-top: 35px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .si__blog__six__text h5 a { font-size: 23px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__blog__six__text h5 a { font-size: 18px; } } @media (max-width:991px) { .si__blog__six__text h5 a { font-size: 21px; } } .si__blog__six__text a { color: var(--rr-common-white); display: inline-block; font-size: 17px; transition: 0.6s; margin-top: 22px; } .si__blog__six__text a i { font-size: 12px; font-weight: 900; margin-left: 5px; } .si__blog__six__text a:hover { color: var(--rr-theme-primary); } .si__text__six__area { background: #151719; padding: 47px 0px; } .si__text__six__content { display: flex; justify-content: center; } .si__text__six__content h5 { font-size: 22px; font-weight: 400; line-height: 1.6em; color: var(--rr-common-white); } @media (max-width:991px) { .si__text__six__content h5 br { display: none; } } @media (max-width:991px) { .si__text__six__content h5 { font-size: 19px; } } .si__video__six__area { position: relative; padding-top: 120px; padding-bottom: 120px; background-attachment: fixed !important; } .si__video__six__area::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; } .si__video__six__text { position: relative; z-index: 1; } .si__video__six__text h6 { display: inline-block; border-radius: 7px; font-size: 14px; color: var(--rr-theme-primary); margin-bottom: 0px; text-transform: uppercase; } .si__video__six__text h1 { line-height: 72px; font-size: 50px; font-weight: 500; margin-top: 13px; text-transform: uppercase; color: var(--rr-common-white); } @media (max-width: 575px) { .si__video__six__text h1 { font-size: 33px; } } .si__video__six__icon { text-align: center; margin-top: 35px; } .si__video__six__icon a { color: #fff; font-size: 25px; width: 150px; height: 150px; line-height: 150px; background: transparent; display: inline-block; text-align: center; border-radius: 50%; position: relative; z-index: 1; transition: 0.7s; border: 1px solid rgba(255, 255, 255, 0.5); } .si__video__six__icon a:hover { background: var(--rr-common-white); color: var(--rr-theme-primary); } .si__offer__six__area { background: #222222; } .si__offer__six__right { display: flex; align-items: center; gap: 20px; margin-bottom: 25px; } .si__offer__six__icon a i { font-size: 40px; color: var(--rr-theme-primary); } .si__offer__six__text h6 { font-size: 19px; margin-bottom: 5px; margin-top: 7px; font-weight: 500; color: var(--rr-common-white); } .si__offer__six__text p { line-height: 25px; font-size: 18px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .si__offer__six__text p { font-size: 17px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__offer__six__text p { font-size: 17px; } } @media (max-width:991px) { .si__offer__six__text p { font-size: 17px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__offer__six__text p br { display: none; } } @media (max-width:991px) { .si__offer__six__text p br { display: none; } } .si__offer__six__content { display: flex; align-items: center; gap: 25px; } .si__restaurent__six__area { background: #151719; } .si__restaurent__six__right { background: #222222; align-items: center; } .si__restaurent__six__box { margin-left: 13px; } @media (max-width:991px) { .si__restaurent__six__box { margin-top: 33px; } } .si__restaurent__six__text h6 { display: inline-block; border-radius: 7px; font-size: 14px; color: var(--rr-theme-primary); margin-bottom: 0px; text-transform: uppercase; } .si__restaurent__six__text h2 { color: #FFFFFF; font-size: 32px; text-transform: uppercase; margin: 0px 0px 0px 0px; margin-top: 12px; } @media (max-width: 575px) { .si__restaurent__six__text h2 { font-size: 24px; } } .si__restaurent__six__text p { color: #CFCFCF; margin: 0px 0px 0px 0px; margin-top: 11px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .si__restaurent__six__text p br { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .si__restaurent__six__text p br { display: none; } } @media (max-width:991px) { .si__restaurent__six__text p br { display: none; } } @media (max-width:991px) { .si__restaurent__six__thumb { margin-top: 21px; } } .si__restaurent__six__btn { margin-top: 23px; } .si__brand__six__area { background: #151719; padding: 47px 0px; } .si__brand__six__thumb { display: flex; align-items: center; justify-content: center; } .si__brand__six__thumb ul li { display: inline; } .si__brand__six__thumb ul li img { width: inherit; } .logo img{ height: 60px; scale: 1.4; } /* WhatsApp Floating Button */ .whatsapp-float { position: fixed; bottom: 71px; left: 25px; background: #25d366; color: white; border-radius: 50%; width: 60px; height: 60px; font-size: 28px; text-align: center; z-index: 1000; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; } /* Hover Effect */ .whatsapp-float:hover { transform: scale(1.1); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); } .whatsapp-float:hover i{ color: #fff; } /* Bounce-in Animation */ @keyframes bounceIn { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 80% { transform: scale(0.9); } 100% { transform: scale(1); } } .animated { animation: bounceIn 0.6s ease; } /* Pulse Animation */ @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6); } 70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } } .whatsapp-float::after { content: ''; position: absolute; width: 60px; height: 60px; border-radius: 50%; animation: pulse 2s infinite; z-index: -1; } @media(max-width:767px){ .breadcrumb-space { padding: 70px 0 45px; } } .para-cus{ color: #000; text-align: justify; hyphens: auto; } .para-cus::first-letter{ font-size: 25px; color: var(--rr-theme-primary); font-weight: 600; } /* ===== Section Base ===== */ .Resturent__area { padding: 60px 0; background: #f9f9f9; } /* ===== Text Content ===== */ .resturent__title { font-size: 32px; font-weight: 700; margin-bottom: 20px; color: #1a1a1a; } .resturent__list { list-style: none; padding: 0; margin: 0 0 20px; } .resturent__list li { font-size: 16px; color: #000; margin-bottom: 10px; position: relative; padding-left: 25px; } .resturent__list li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #28a745; font-weight: bold; } /* ===== Responsiveness ===== */ @media (max-width: 992px) { .resturent__title { font-size: 28px; } } @media (max-width: 768px) { .Resturent__area { padding: 40px 0; } .resturent__title { text-align: center; } .resturent__list li { font-size: 15px; } } @media (max-width: 576px) { .resturent__title { font-size: 24px; } .resturent__list li { font-size: 14px; } } /* ===== Section Base ===== */ .whychoose__area { background: #f4f9f4; padding: 80px 0; } /* ===== Section Header ===== */ .section-header { max-width: 700px; margin: 0 auto 50px; } .section-title { font-size: 32px; font-weight: 700; color: #1b4332; } .section-title span { color: #2d6a4f; } .section-subtitle { font-size: 16px; color: #555; } /* ===== Item Cards ===== */ .whychoose__item { background: #fff; border-radius: 16px; padding: 30px 20px; text-align: center; transition: all 0.4s ease; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08); height: 100%; } .whychoose__item:hover { transform: translateY(-8px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); } /* ===== Icons ===== */ .whychoose__icon { width: 70px; height: 70px; background: var(--rr-theme-primary); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; margin: 0 auto 15px; } /* ===== Titles & Text ===== */ .whychoose__title { font-size: 18px; font-weight: 600; margin-bottom: 10px; color: var(--rr-heading-primary1); } .whychoose__text { font-size: 15px; line-height: 1.6; color: #000; } /* ===== Responsiveness ===== */ @media (max-width: 992px) { .section-title { font-size: 28px; } .whychoose__item { padding: 25px 15px; } } @media (max-width: 768px) { .whychoose__area { padding: 60px 0; } .section-title { font-size: 26px; } .whychoose__item { margin-bottom: 20px; } } @media (max-width: 576px) { .section-title { font-size: 22px; } .whychoose__icon { width: 60px; height: 60px; font-size: 24px; } }