/*----------------------------------------------------------------------------------- Template Name: Immigration and Visa Consulting HTML5 Template Author: RRDevs Support: https://support.rrdevs.net Description: Immigration and Visa Consulting HTML5 Template Version: 1.0 Developer: Soukhin khan (https://github.com/Soukhinkhan) ----------------------------------------------------------------------------------- /************ 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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&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: #001D08; } .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; } .home-4-latest-gallery__item-text, .mean-container .mean-nav ul li > a.mean-expand i, .main-menu ul li .submenu, .main-menu ul li .submenu li a::before, .main-menu ul li .mega-menu, .main-menu ul li .mega-menu li ul 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 */ .product-categories-select .nice-select::after, .contact-us-message__form-input i, .contact-us-message__form .nice-select::after, .breadcrumb__menu ul li:not(:last-child)::before { -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: 'DM Sans', sans-serif; --rr-ff-heading: 'Plus Jakarta Sans', sans-serif; --rr-ff-subtitle: 'Plus Jakarta Sans'; --rr-ff-fontawesome: "Font Awesome 6 Pro"; /** @color declaration */ --rr-common-white: #FFFFFF; --rr-common-black: #000000; --rr-common-placeholder: #4A5764; --rr-body-primary: #fff; --rr-theme-primary: #5B01AE; --rr-theme-secondary: #07CBEB; --rr-heading-primary: #1B062F; --rr-text-body: #7F8289; --rr-text-primary: #000; --rr-shadow-primary: 0px 30px 60px 0px rgba(0, 15, 32, 0.1); --rr-background-gray: #F1F5EB; --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-body2: 18px; --rr-fs-p: 16px; --rr-fs-h1: 80px; --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-body2: 26px; --rr-lh-p: 26px; --rr-lh-h1: 94px; --rr-lh-h2: 64px; --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 { 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); } 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: 1200px; } .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; } /*nice-select css*/ #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: 50px; 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: 30px; } } @media only screen and (max-width: 767px) { #scroll-percentage.active { bottom: 20px; } } #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; } .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; } .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; } } /*--------------------------------- 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-2 { padding-top: 100px; padding-bottom: 120px; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section-space-2 { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section-space-2 { padding-top: 70px; padding-bottom: 70px; } } .top-bottom { padding-top: 120px !important; padding-bottom: 120px !important; } @media only screen and (min-width: 768px) and (max-width: 992px) { .top-bottom { padding-top: 80px !important; padding-bottom: 80px !important; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .top-bottom { padding-top: 70px !important; padding-bottom: 70px !important; } } .bottom { padding-bottom: 120px !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) { .bottom { padding-bottom: 70px !important; } } .bottom-160 { padding-bottom: 160px; } @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) { .bottom-160 { padding-bottom: 70px; } } .bottom-306 { padding-bottom: 303px !important; } .section-top { padding-top: 142px !important; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section-top { padding-top: 100px !important; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section-top { padding-top: 80px !important; } } .section-space-top { padding-top: 120px; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section-space-top { padding-top: 80px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section-space-top { padding-top: 70px; } } .section-space-bottom { padding-bottom: 120px; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section-space-bottom { padding-bottom: 80px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section-space-bottom { padding-bottom: 70px; } } .section-space-bottom-2 { padding-bottom: 110px; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section-space-bottom-2 { padding-bottom: 80px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section-space-bottom-2 { padding-bottom: 70px; } } .section-space-bottom-170 { padding-bottom: 170px; } @media only screen and (min-width: 768px) and (max-width: 992px) { .section-space-bottom-170 { padding-bottom: 100px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .section-space-bottom-170 { padding-bottom: 0px; } } .section__title-space { margin-bottom: 50px; } .mb-minus-30 { margin-bottom: -30px; } .ml { margin-left: 140px; } .mb-25 { margin-bottom: 25px; } .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-color: var(--rr-background-gray); } .gradient-bg { background: linear-gradient(90deg, rgba(244, 236, 194, 0.36) 0%, rgba(228, 250, 242, 0.36) 35%, rgba(211, 243, 207, 0.36) 68.5%, rgba(255, 243, 228, 0.36) 100%); } .footer-bg { background-color: #fff; } .theme-bg-1 { background-color: var(--rr-theme-primary); } .theme-bg-2 { background-color: var(--rr-gray-900); } .bg-gray { background: #F1F5EB; } .service-bg { background: linear-gradient(90deg, rgba(244, 236, 194, 0.18) 0%, rgba(228, 250, 242, 0.18) 35%, rgba(211, 243, 207, 0.18) 68.5%, rgba(255, 243, 228, 0.18) 100%); } .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: 16px; font-style: normal; line-height: 26px; text-transform: capitalize; font-weight: var(--rr-fw-sbold); display: inline-flex; align-items: center; gap: 10px; justify-content: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; position: relative; overflow: hidden; padding: 12px 24px; background-color: var(--rr-theme-primary); z-index: 5; width: 100%; } .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); } /*----------------------------------------*/ /* 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: 130px; } } .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 /*----------------------------------------*/ /*----------------------------------------*/ /* 2.6 sectiontitle /*----------------------------------------*/ .section__title-wrapper { z-index: 1; } .section__title-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: 14px; } @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: 22px; 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-paragraph { 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: 26px; 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) { .section__title-wrapper-paragraph br { display: none; } } .section-title2 { display: flex; justify-content: space-between; position: relative; align-items: center; flex-wrap: wrap; column-gap: 10px; row-gap: 20px; z-index: 1; } .section-title2__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-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); } /*----------------------------------------*/ /* 2.7 breadcrumb /*----------------------------------------*/ .breadcrumb-space { padding: 180px 0 180px; } @media (max-width: 575px) { .breadcrumb-space { padding: 150px 0 150px; } } .breadcrumb-space-2 { padding: 230px 0 250px; } .breadcrumb__area { background-size: cover; background-repeat: no-repeat; } .breadcrumb__shape-1 { top: 195px; left: 96px; width: 59px; } @media (max-width: 575px) { .breadcrumb__shape-1 { top: 105px; left: 25px; } } .breadcrumb__shape-1-2 { top: 196px; left: 98px; } @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) { .breadcrumb__shape-1-2 { display: none; } } .breadcrumb__shape-2 { bottom: 73px; left: 200px; width: 71px; } @media (max-width: 575px) { .breadcrumb__shape-2 { bottom: 25px; left: 30px; } } .breadcrumb__shape-2-2 { top: 450px; } @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) { .breadcrumb__shape-2-2 { display: none; } } .breadcrumb__shape-3 { right: 74px; top: 237px; } @media (max-width: 575px) { .breadcrumb__shape-3 { right: 30px; top: 90px; } } @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) { .breadcrumb__shape-3-2 { display: none; } } .breadcrumb__shape-4 { right: 80px; bottom: 58px; } @media (max-width: 575px) { .breadcrumb__shape-4 { right: 30px; bottom: 0; transform: rotate(55deg); } } .breadcrumb__shape-4-2 { right: 21px; bottom: -90px; } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .breadcrumb__shape-4-2 { display: none; } } .breadcrumb__shape-5 { right: 0px; z-index: 1; 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) { .breadcrumb__shape-5 { display: none; } } .breadcrumb__shape-5-2 { right: -56px; z-index: -1; bottom: -589px; } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .breadcrumb__shape-5-2 { display: none; } } .breadcrumb__subtitle { font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-medium); font-style: normal; font-size: 24px; color: #5B01AE; line-height: 26px; margin-bottom: 14px; } .breadcrumb__title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-bold); font-size: 64px; line-height: 80px; font-style: normal; text-transform: capitalize; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .breadcrumb__title { font-size: 60px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) { .breadcrumb__title { font-size: 46px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .breadcrumb__title { font-size: 44px; line-height: 50px; } } @media (max-width: 575px) { .breadcrumb__title { font-size: 34px; line-height: 20px; margin-bottom: 20px; } } @media (max-width:450px) { .breadcrumb__title { font-size: 32px; line-height: 42px; } } .breadcrumb__menu ul { display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flexbox; display: inline-flex; gap: 27px; justify-content: center; align-items: center; } .breadcrumb__menu ul li { list-style: none; position: relative; line-height: 1; } .breadcrumb__menu ul li:not(:last-child)::before { display: inline-block; content: "\f105"; position: absolute; top: 55.8888%; font-family: var(--rr-ff-fontawesome); inset-inline-end: -17px; color: var(--rr-common-white); font-size: 16px; font-style: normal; font-weight: 900; line-height: 16px; } .breadcrumb__menu ul li span { color: var(--rr-common-white); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h6); font-size: 18px; font-style: normal; } .breadcrumb__menu ul li span a:hover { color: var(--rr-theme-primary); } .breadcrumb__menu ul li.active span { color: var(--rr-common-white); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h6); font-size: 18px; font-style: normal; } /*----------------------------------------*/ /* 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); } } .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; } .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 #003eff; background: #007fff; font-weight: 400; color: #fff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; 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 #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; 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); } #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: var(--rr-common-white); box-shadow: 0px 10px 20px rgba(27, 6, 47, 0.1); border-top: 0; } .rs-sticky .header2__bg { 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 .header2__left { margin-left: 0; margin-right: 0; } .rs-sticky .header2__right { margin-left: 0; margin-right: 0; } .rs-sticky.header-2 .main-menu .mobile-menu ul li ul.submenu li a { color: var(--rr-heading-primary) !important; } .header__area { position: inherit; width: 100%; z-index: 99; } @media (max-width: 1199px) { .header__area { padding: 15px 0; } } .header__area.header-inner { background: var(--rr-common-white); } .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__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: 30px; } .header__main .header__right .header__action .search-icon { cursor: pointer; } @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-login { font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-medium); color: var(--rr-heading-primary); font-size: 14px; line-height: 22px; font-style: normal; } .header__main .header__right-login a { display: flex; align-items: center; gap: 6px; } .header__main .header__right-login a:hover { color: var(--rr-theme-primary); } .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 CSS */ /*----------------------------------------*/ /* 3.1 banner Style 1 /*----------------------------------------*/ @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner2__right-thumb { justify-content: center; } } .banner2__shape { width: 1821px; height: 1134px; position: absolute; left: -221px; top: -237px; } .banner2__padding-space2 { padding: 304px 0 0 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner2__padding-space2 { padding: 200px 0 0 0; } } @media only screen and (min-width: 768px) and (max-width: 992px) { .banner2__padding-space2 { padding: 70px 0 0 0; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .banner2__padding-space2 { padding: 60px 0 0 0; } } @media (max-width: 575px) { .banner2__padding-space2 { padding: 20px 0 0 0; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px) { .banner2__content { margin-bottom: 50px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner2__content { margin-bottom: 90px; margin-top: 90px; } } @media (max-width: 575px) { .banner2__content { margin-bottom: 50px; margin-top: 90px; } } .banner2__title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-bold); font-size: 80px; line-height: 94px; font-style: normal; text-transform: inherit; margin-bottom: 14px; } .banner2__title span { color: var(--rr-theme-primary); } @media (max-width: 1746px) { .banner2__title { font-size: 70px; line-height: 84px; } } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner2__title { font-size: 70px; line-height: 84px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner2__title { font-size: 67px; line-height: 80px; } } @media only screen and (min-width: 768px) and (max-width: 992px) { .banner2__title { font-size: 60px; line-height: 80px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .banner2__title { font-size: 55px; line-height: 75px; } } @media (max-width: 575px) { .banner2__title { font-size: 37px; line-height: 45px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner2__title br { display: none; } } .banner2__text { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); font-size: 18px; line-height: 28px; font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner2__text { font-size: 17px; } } .banner2__button-wrapper { display: flex; gap: 30px; align-items: center; flex-wrap: wrap; row-gap: 5px; } .banner2__button { background: var(--rr-theme-primary); font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-weight: var(--rr-fw-sbold); line-height: 26px; border-radius: 4px; font-size: 16px; font-style: normal; padding: 12px 24px; display: inline-flex; align-items: center; gap: 6px; transition: 0.3s; text-transform: capitalize; } .banner2__button i { transform: rotate(-45deg); transition: 0.3s; } .banner2__button:hover { background: var(--rr-heading-primary); border-color: var(--rr-theme-primary); color: var(--rr-common-white); } .banner2__button:hover i { transform: rotate(0deg); } .banner2__button-2 { color: var(--rr-heading-primary) !important; font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); display: flex; align-items: center; line-height: 26px; border-radius: 4px; font-size: 16px; font-style: normal; display: inline-flex; align-items: center; gap: 6px; transition: 0.3s; text-transform: capitalize; } .banner2__button-2 i { transform: rotate(0deg); transition: 0.3s; } .banner2__button-2:hover { color: var(--rr-theme-primary) !important; } .banner2__right-img { 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) { .banner2__right-img { position: relative; margin: 0 auto; right: -50px; margin-top: 50px; } } @media (max-width: 575px) { .banner2__right-img { position: relative; margin: 0 auto; right: -50px; margin-top: 0; } } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner2__right-img { right: 0; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner2__right-img { right: 0; height: 500px; } } @media (max-width:450px) { .banner2__right-img { right: 0; height: 400px; } } @media (max-width:376px) { .banner2__right-img { right: 0; height: 320px; } } .banner2__right-img-big-img { position: absolute; max-width: 568px; width: 100%; height: 475px; } .banner2__right-img-big-img img { width: 100%; height: 100%; } @media (max-width: 575px) { .banner2__right-img-big-img { height: auto; } } .banner2__right-img-shape1 { top: 50px; right: 105px; position: absolute; width: 100%; max-width: 231PX; height: 152px; } @media (max-width: 575px) { .banner2__right-img-shape1 { display: none; } } .banner2__right-img-shape2 { bottom: 123px; left: -23px; position: absolute; width: 100%; max-width: 142PX; height: 133px; } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .banner2__right-img-shape2 { display: none; } } .banner2__right-img-shape3 { bottom: 0; right: 25px; position: absolute; width: 100%; max-width: 302PX; height: 278px; } @media (max-width: 575px) { .banner2__right-img-shape3 { display: none; } } .banner2__item-germany { background: var(--rr-common-white); display: inline-flex; align-items: center; gap: 15px; border-radius: 10px; border: 0.498824px solid #E3DBD8; padding: 10px 65px 10px 15px; position: absolute; z-index: 1; top: 71px; left: -59px; transition: 0.3s; } @media (max-width: 575px) { .banner2__item-germany { top: 71px; left: 0px; } } .banner2__item-germany-small-img img { width: 100%; height: 100%; border: 1px solid var(--rr-theme-primary); border-radius: 50%; } .banner2__item-germany-text span { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-style: normal; font-size: 16px; } .banner2__item-south-korea { background: var(--rr-common-white); display: inline-flex; align-items: center; gap: 15px; border-radius: 10px; border: 0.498824px solid #E3DBD8; padding: 10px 41px 10px 15px; position: absolute; z-index: 1; top: 71px; right: -80px; transition: 0.3s; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner2__item-south-korea { top: 175px; right: 0px; } } @media (max-width: 575px) { .banner2__item-south-korea { top: 160px; right: 0px; } } .banner2__item-south-korea-small-img img { width: 100%; height: 100%; border: 1px solid var(--rr-theme-primary); border-radius: 50%; } .banner2__item-south-korea-text span { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-style: normal; font-size: 16px; } .banner2__item-south-africa { background: var(--rr-common-white); display: inline-flex; align-items: center; gap: 15px; border-radius: 10px; border: 0.498824px solid #E3DBD8; padding: 10px 42px 10px 15px; position: absolute; z-index: 1; top: 311px; left: -75px; transition: 0.3s; } @media (max-width: 575px) { .banner2__item-south-africa { top: 250px; left: 0px; } } .banner2__item-south-africa-small-img img { width: 100%; height: 100%; border: 1px solid var(--rr-theme-primary); border-radius: 50%; } .banner2__item-south-africa-text span { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-style: normal; font-size: 16px; } .banner2__item-turkey { background: var(--rr-common-white); display: inline-flex; align-items: center; gap: 15px; border-radius: 10px; border: 0.498824px solid #E3DBD8; padding: 10px 84px 10px 15px; position: absolute; z-index: 1; bottom: 98px; left: -110px; } @media (max-width: 575px) { .banner2__item-turkey { bottom: 98px; left: 0px; } } @media (max-width:320px) { .banner2__item-turkey { bottom: 350px; left: 0px; } } .banner2__item-turkey-small-img img { width: 100%; height: 100%; border: 1px solid var(--rr-theme-primary); border-radius: 50%; } .banner2__item-turkey-text span { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-style: normal; font-size: 16px; } .banner2__item-indonesia { background: var(--rr-common-white); display: inline-flex; align-items: center; gap: 15px; border-radius: 10px; border: 0.498824px solid #E3DBD8; padding: 10px 59px 10px 15px; position: absolute; z-index: 1; bottom: 116px; right: -80px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner2__item-indonesia { bottom: 155px; right: 0px; } } @media (max-width: 575px) { .banner2__item-indonesia { bottom: 190px; right: 0px; } } @media (max-width:450px), (max-width:376px) { .banner2__item-indonesia { bottom: 25px; right: 0px; } } .banner2__item-indonesia-small-img img { width: 100%; height: 100%; border: 1px solid var(--rr-theme-primary); border-radius: 50%; } .banner2__item-indonesia-text span { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-style: normal; font-size: 16px; } /*----------------------------------------*/ /* 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 */ /* mega menu 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.active > a { color: var(--rr-theme-primary); } .main-menu ul li > a { display: inline-block; color: var(--rr-heading-primary); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); padding: 40px 0; text-transform: capitalize; font-size: 16px; 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: 14px; } } .main-menu ul li:last-child { margin-right: 0; } .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 > a::after { top: 35% !important; right: 0; } .main-menu ul li.has-mega-menu { position: static; } .main-menu ul li.megamenu-wrapper { position: static; } .main-menu ul li .submenu { position: absolute; top: 110%; inset-inline-start: 0; min-width: 280px; background: var(--rr-common-white); z-index: 99; visibility: hidden; opacity: 0; transform-origin: top center; padding: 35px 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); 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 .mega-menu { position: absolute; top: 100%; left: 50%; padding: 30px 35px 30px; background: var(--rr-heading-primary); visibility: hidden; opacity: 0; z-index: 99; width: 100%; -webkit-transform: translateX(-50%) translateZ(0); -moz-transform: translateX(-50%) translateZ(0); -ms-transform: translateX(-50%) translateZ(0); -o-transform: translateX(-50%) translateZ(0); transform: translateX(-50%) translateZ(0); clip: rect(0px, 200vw, 0, 0px); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-menu ul li .mega-menu { padding: 25px 25px; } } .main-menu ul li .mega-menu.mega-menu.mega-menu-grid-4 { padding: 30px 35px 30px; display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 30px; column-gap: 30px; } .main-menu ul li .mega-menu.mega-menu.mega-menu-grid-3 { padding: 30px 35px 30px; display: grid; row-gap: 30px; column-gap: 30px; grid-template-columns: repeat(3, 1fr); width: 950px; margin: 0 auto; justify-content: space-around; } .main-menu ul li .mega-menu li .mega-menu-title { font-weight: 500; color: var(--rr-text-body); cursor: text; padding: 0; display: block; margin-bottom: 15px; border-bottom: 1px solid var(--rr-border-primary); padding-bottom: 5px; } .main-menu ul li .mega-menu li .mega-menu-title::before { display: none; } .main-menu ul li .mega-menu li ul li { width: 100%; float: none; margin-bottom: 9px; } .main-menu ul li .mega-menu li ul li:last-child { margin-bottom: 0; } .main-menu ul li .mega-menu li ul li a { font-size: 16px; color: var(--rr-text-body); padding: 0; position: relative; } .main-menu ul li .mega-menu li ul li a::before { position: absolute; content: ""; left: 0; right: auto; top: 50%; bottom: auto; width: 0; height: 1px; background-color: var(--rr-theme-primary); } .main-menu ul li .mega-menu li ul li:hover > a { color: var(--rr-theme-primary); } .main-menu ul li .mega-menu li ul li:hover > a::before { background-color: var(--rr-theme-primary); } .main-menu ul li .mega-menu li:hover > .mega-menu-title { color: var(--rr-theme-primary); padding-inline-start: 0; } .main-menu ul li .mega-menu li:hover > a { color: var(--rr-theme-primary); } .main-menu ul li .mega-menu li a:hover { padding-inline-start: 18px; } .main-menu ul li .mega-menu li a:hover::before { width: 12px; } .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-secondary); } .main-menu-2 ul li > a::before { background: var(--rr-theme-primary); } .main-menu-2 ul li .submenu li a:hover { color: var(--rr-theme-primary); } .main-menu-2 ul li .submenu li a:hover::before { background: var(--rr-theme-primary); } .main-menu-2 ul li .submenu li:hover > a { color: var(--rr-theme-primary); } .main-menu-2 ul li .submenu li:hover > a::before { background-color: var(--rr-theme-primary); } .main-menu-2 ul li .submenu li.has-dropdown:hover > a::after { color: var(--rr-theme-primary); } .main-menu-2 ul li .mega-menu li ul li:hover > a { color: var(--rr-theme-primary); } .main-menu-2 ul li .mega-menu li ul li:hover > a::before { background: var(--rr-theme-primary); } .main-menu-2 ul li .mega-menu li:hover > .mega-menu-title { color: var(--rr-theme-primary); } .main-menu-2 ul li:hover > a { color: var(--rr-theme-primary); } .main-menu-2 ul li:hover > a::after { color: var(--rr-theme-primary); } .main-menu-2.main-menu-2 ul li > a { color: var(--rr-common-white); } .main-menu-2.main-menu-2 ul li > a::before { background: var(--rr-theme-primary); } .main-menu-2.main-menu-2 ul li .submenu li a:hover { color: var(--rr-theme-primary); } .main-menu-2.main-menu-2 ul li .submenu li a:hover::before { background: var(--rr-theme-primary); } .main-menu-2.main-menu-2 ul li .submenu li:hover > a { color: var(--rr-theme-primary); } .main-menu-2.main-menu-2 ul li .submenu li:hover > a::before { background-color: var(--rr-theme-primary); } .main-menu-2.main-menu-2 ul li .submenu li.has-dropdown:hover > a::after { color: var(--rr-theme-primary); } .main-menu-2.main-menu-2 ul li .mega-menu li ul li:hover > a { color: var(--rr-theme-primary); } .main-menu-2.main-menu-2 ul li .mega-menu li ul li:hover > a::before { background: var(--rr-theme-primary); } .main-menu-2.main-menu-2 ul li .mega-menu li:hover > .mega-menu-title { color: var(--rr-theme-primary); } .main-menu-2.main-menu-2 ul li:hover > a { color: var(--rr-theme-primary); } .main-menu-2.main-menu-2 ul li:hover > a::after { color: var(--rr-theme-primary); } .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 scss*/ .blog__item { background: var(--rr-common-white); border: 1px solid rgba(1, 9, 21, 0.1); border-radius: 10px; } .blog__thumb { overflow: hidden; border-radius: 10px; padding: 10px 10px 0 10px; } .blog__thumb img { width: 100%; height: 100%; border-radius: 10px; } .blog__thumb img:hover { transform: scale(1.2); } .blog__cat { font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-medium); color: var(--rr-text-body); font-style: normal; font-size: 16px; line-height: 26px; margin-bottom: 6px; } .blog__content { margin-top: 18px; padding: 0 23px 30px 30px; } .blog__content p { font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); color: var(--rr-text-body); font-style: normal; font-size: 16px; line-height: 21px; margin-bottom: 0; } .blog__content-bottom { margin-top: 20px; display: flex; justify-content: space-between; } .blog__content-bottom-link { display: flex; gap: 6px; } .blog__content-bottom-right span { font-family: var(--rr-ff-body); color: var(--rr-heading-primary); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 14px; line-height: 24px; opacity: 0.6; } .blog__title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-sbold); font-style: normal; font-size: 20px; line-height: 30px; margin-bottom: 12px; } .blog__title:hover { color: var(--rr-theme-primary); } .blog__icon { background: #F5F5F5; width: 30px; height: 30px; border-radius: 500%; display: flex; justify-content: center; align-items: center; transition: 0.3s; } .blog__icon:hover { background: var(--rr-theme-primary); } .blog__icon:hover a i { color: var(--rr-common-white); } .blog__text a { font-family: var(--rr-ff-body); color: var(--rr-heading-primary); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 14px; line-height: 24px; opacity: 0.6; transition: 0.3s; } .blog__text a:hover { color: var(--rr-theme-primary); } .bottom-button { gap: 10px; justify-content: center; } .bottom-button a { color: var(--rr-heading-primary); background: #F5F5F5; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 4px; transition: 0.3s; } .bottom-button a:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .bottom-button .active { background: var(--rr-theme-primary) !important; color: var(--rr-common-white); } /*----------------------------------------*/ /* 6.1 footer /*----------------------------------------*/ .footer__area-common { position: relative; z-index: 1; } .footer__area-common.background { background: #FFF5F1; } @media only screen and (min-width: 768px) and (max-width: 992px) { .footer__area-common { padding-top: 40px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .footer__area-common { padding-top: 30px; } } .footer__area-common .footer-top { flex-wrap: wrap; row-gap: 20px; position: relative; } .footer__area-common .footer-top::before { width: 117px; top: 89px; left: 47%; right: 50%; content: ""; position: absolute; border-bottom: 1px solid #356d5c; transform: rotate(90deg); } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .footer__area-common .footer-top::before { display: none; } } .footer__area-common .footer-top .footer-top-left { gap: 30px; } .footer__area-common .footer-top .footer-top-left .footer-left-svg { display: flex; justify-content: center; align-items: center; background: var(--rr-theme-primary); width: 80px; height: 80px; border-radius: 50%; } .footer__area-common .footer-top .footer-top-left .footer-left-svg svg { transition: 0.3s; } .footer__area-common .footer-top .footer-top-left .footer-left-svg:hover svg { animation: shake 0.5s; } .footer__area-common .footer-top .footer-top-left h3 { color: var(--rr-common-white); font-weight: var(--rr-fw-sbold); font-size: var(--rr-fs-h3); line-height: var(--rr-lh-h3); font-style: normal; text-transform: capitalize; } @media only screen and (min-width: 768px) and (max-width: 992px) { .footer__area-common .footer-top .footer-top-left h3 { font-size: 22px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .footer__area-common .footer-top .footer-top-left h3 { font-size: 17px; } } @media (max-width: 575px) { .footer__area-common .footer-top .footer-top-left h3 { font-size: 17px; } } .footer__area-common .footer-top .footer-top-right { gap: 30px; } .footer__area-common .footer-top .footer-top-right .footer-right-svg { display: flex; justify-content: center; align-items: center; background: var(--rr-theme-primary); width: 80px; height: 80px; border-radius: 50%; } .footer__area-common .footer-top .footer-top-right .footer-right-svg svg { transition: 0.3s; } .footer__area-common .footer-top .footer-top-right .footer-right-svg:hover svg { animation: shake 0.5s; } .footer__area-common .footer-top .footer-top-right h3 { color: var(--rr-common-white); font-weight: var(--rr-fw-sbold); font-size: var(--rr-fs-h3); line-height: var(--rr-lh-h3); font-style: normal; text-transform: capitalize; } @media only screen and (min-width: 768px) and (max-width: 992px) { .footer__area-common .footer-top .footer-top-right h3 { font-size: 20px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .footer__area-common .footer-top .footer-top-right h3 { font-size: 17px; } } @media (max-width: 575px) { .footer__area-common .footer-top .footer-top-right h3 { font-size: 16px; } } .footer-wrap { padding: 80px 0 80px 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: 40px 0 70px 0; } } .footer__border-bottom { border-bottom: 1px solid #356d5c; } .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; } .footer__widget.footer__widget-item-1 { max-width: 323px; } @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%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer__widget.footer__widget-item-2 { 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-2 { padding-left: 0; } } .footer__widget.footer__widget-item-3 { padding-left: 44px; } @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.footer__widget-item-4 { padding-left: 83px; } @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-4 { padding-left: 0; } } .footer__widget-title h4 { font-family: var(--rr-ff-body); color: var(--rr-heading-primary); font-weight: var(--rr-fw-sbold); font-style: normal; font-size: 20px; line-height: 30px; z-index: 10; position: relative; margin-bottom: 35px; text-transform: capitalize; margin-top: 18px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer__widget-title h4 { font-size: 18px; } } @media (max-width: 575px) { .footer__widget-title-2 { margin-top: 35px; } } .footer__widget-description p { font-size: var(--rr-fs-body2); margin-bottom: 0; opacity: 0.9; color: var(--rr-common-black); } .footer__widget .footer-form { position: relative; margin-top: 24px; } .footer__widget .footer-form .form-control { background: transparent; font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); font-style: normal; width: 280px; height: 50px; font-size: 14px; border: 1px solid rgba(27, 6, 47, 0.1) !important; border-radius: 4px; box-shadow: none; border: none; padding: 12px 110px 12px 14px; } @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) { .footer__widget .footer-form .form-control { width: 100%; } } .footer__widget .footer-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-text-body); } .footer__widget .footer-form .form-control::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-text-body); } .footer__widget .footer-form .form-control:-moz-placeholder { /* Firefox 4-18 */ color: var(--rr-text-body); } .footer__widget .footer-form .form-control:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-text-body); } .footer__widget .footer-form .form-control::placeholder { /* MODERN BROWSER */ color: var(--rr-text-body); } .footer__widget .footer-form .form-control-2 { color: var(--rr-common-white); background: #1c5a47; } .footer__widget .footer-form input { margin-left: 0; } .footer__widget .footer-form .submit { background-color: var(--rr-theme-primary); color: var(--rr-common-white); font-weight: var(--rr-fw-sbold); font-family: var(--rr-ff-heading); position: absolute; top: 50%; right: 12px; transform: translateY(-50%); text-transform: capitalize; font-style: normal; display: flex; align-items: center; text-align: center; font-size: 16px; line-height: normal; padding: 10px 20px; border-radius: 4px; transition: 0.3s; } @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) { .footer__widget .footer-form .submit { right: 6px; } } .footer__widget .footer-form .submit:hover { background: var(--rr-heading-primary); } .footer__logo img { max-width: 150px; } .footer__content p { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); font-size: 16px; line-height: 26px; font-style: normal; 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__content p br { display: none; } } .footer__link ul { display: grid; grid-template-columns: 1fr; grid-gap: 10px; } .footer__link ul li { list-style: none; display: flex; align-items: flex-start; } .footer__link ul li a { font-weight: var(--rr-fw-regular); font-family: var(--rr-ff-body); color: var(--rr-text-body); font-style: normal; font-size: 16px; line-height: 30px; position: relative; } .footer__link ul li a:hover { color: var(--rr-theme-primary); } .footer__link ul li a:hover::before { width: 12px; } .footer__link-date span { font-family: var(--rr-ff-heading); color: var(--rr-common-white); line-height: var(--rr-lh-h5); font-weight: var(--rr-fw-regular); display: block; display: flex; align-items: center; gap: 10px; font-style: normal; font-size: 16px; } .footer__link-date span i { color: var(--rr-theme-primary); } .footer__link-date a { font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-weight: var(--rr-fw-sbold); font-style: normal; font-size: 18px; line-height: 28px; margin-top: 5px; } .footer__link-date a:hover { color: var(--rr-theme-primary); } .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); font-weight: var(--rr-fw-regular); display: -ms-flexbox; display: -webkit-box; display: flex; font-size: 15px; line-height: 15; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(27, 6, 47, 0.1); border-radius: 4px; padding: 14px 17px; } .footer__social a::before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all 0.35s; z-index: -1; content: ""; } .footer__social a:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .footer__social a:hover::before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .footer__subscribe { max-width: 210px; } .footer__subscribe ul li { list-style: none; display: flex; align-items: flex-start; } .footer__subscribe ul li p { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); font-size: 16px; line-height: 26px; font-style: normal; margin-bottom: 0; } .footer__subscribe.subscribe-2 { max-width: inherit; } .footer__subscribe .footer-input input { width: 300px; height: 58px; background: #111214; color: var(--rr-common-white); padding-right: 15px; padding-left: 15px; margin-left: 0; border: none; border-radius: 150px; } .footer__background-shpae { position: absolute; z-index: -1; bottom: 0; left: 0; background-position: left bottom; background-repeat: no-repeat; width: 100%; height: 100%; } .footer__widget-item-1 .footer__widget-item-1-location { position: absolute; z-index: -1; right: 59%; top: 53%; transform: translate(-50%, -50%); } .footer__widget-item-1 .footer__widget-item-1-location img { width: 45px; height: 65px; } /*----------------------------------------*/ /* 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 #356d5c; } @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: center; padding: 30px 0; gap: 10px 30px; border-top: 1px solid rgba(27, 6, 47, 0.1); } @media (max-width: 660px) { .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-text-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 16px; font-style: normal; opacity: 0.8; margin-bottom: 0; } .footer__copyright p a { text-decoration: underline; } .footer__copyright p 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: 39px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px) { .footer__copyright-menu ul { flex-wrap: wrap; justify-content: center; } } @media (max-width: 575px) { .footer__copyright-menu ul { gap: 10px; } } .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-common-white); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 16px; font-size: 14px; font-style: normal; position: relative; opacity: 0.8; } .footer__copyright-menu ul li a:hover { color: var(--rr-theme-primary); } .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); } /*about*/ .about__thumb { margin-top: -123px; position: relative; z-index: 1; } .about__thumb img { width: 100%; height: 100%; border-radius: 10px; } .about__text p { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 18px; line-height: 26px; } .about__text p span { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-sbold); font-style: normal; font-size: 16px; line-height: 26px; } @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) { .about__text p br { display: none; } } .about__title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-bold); font-style: normal; font-size: 30px; line-height: 40px; margin-bottom: 14px; } /*----------------------------------------*/ /* 8.8 contact-us /*----------------------------------------*/ .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; } .contact-us__widget { max-width: 587px; width: 100%; } .contact-us__widget img { width: 100%; height: 100%; } /*contact us*/ .contact-us__wrapper { border: 1px solid rgba(27, 6, 47, 0.14); border-radius: 10px; padding: 0 35px; } @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) { .contact-us__wrapper { padding: 0 20px; border: transparent; } } @media (max-width:376px) { .contact-us__wrapper { padding: 0; } } .contact-us__information2 { padding: 50px 0 112px 0; position: relative; z-index: 1; } @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) { .contact-us__information2 { padding: 0px 0 40px 0; } } .contact-us__information2::before { background: rgba(27, 6, 47, 0.1); content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: -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), (max-width: 575px) { .contact-us__information2::before { background: transparent; } } .contact-us__information__item { gap: 20px; display: flex; flex-wrap: wrap; align-items: center; } @media (max-width:376px) { .contact-us__information__item { gap: 10px; } } .contact-us__information__item .icon { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(27, 6, 47, 0.1); border-radius: 4px; } @media (max-width:376px) { .contact-us__information__item .icon { width: 60px; height: 60px; } } .contact-us__information__item .icon i { font-size: 20px; color: var(--rr-theme-primary); } .contact-us__information__item .text { display: flex; flex-direction: column; } .contact-us__information__item .text span { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-medium); font-style: normal; font-size: 13px; line-height: 22px; } .contact-us__information__item .text a { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-medium); font-style: normal; font-size: 18px; line-height: 23px; } @media (max-width:376px) { .contact-us__information__item .text a { font-size: 16px; } } .contact-us__information__item .text a:hover { color: var(--rr-theme-primary); } .contact-us__holiday { 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: 26px; margin-top: 30px; margin-bottom: 0; } .contact-us__title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-bold); font-style: normal; font-size: 30px; line-height: 40px; } @media (max-width: 575px) { .contact-us__title { font-size: 26px; line-height: 36px; } } .contact-us-message-wrapper { max-width: 690px; margin: 0 auto; margin-right: 0; } .contact-us-message-wrapper .section__title-wrapper { max-width: 659px; margin-left: auto; margin-right: auto; } .contact-us-message-wrapper .section__title { margin-bottom: 5px; } @media (max-width:450px) { .contact-us-message-wrapper .section__title { font-size: 25px; line-height: 35px; } } .contact-us-message-wrapper .g-20 { --bs-gutter-x: 20px; } .contact-us-message__form-input { position: relative; margin-bottom: 20px; line-height: 0; } .contact-us-message__form-input-select { display: flex; margin-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) { .contact-us-message__form-input-select { margin-bottom: 0; } } .contact-us-message__form-input input, .contact-us-message__form-input textarea { padding: 16px 25px; padding-right: 45px; border: 1px solid #EAEAEA; width: 100%; max-width: 100%; height: 50px; font-family: var(--rr-ff-jost); font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: var(--rr-text-body); background-color: var(--rr-common-white); } .contact-us-message__form-input input:focus, .contact-us-message__form-input input:focus-visible, .contact-us-message__form-input textarea:focus, .contact-us-message__form-input textarea:focus-visible { outline: none; } .contact-us-message__form-input textarea { min-height: 180px; } .contact-us-message__form-input i { position: absolute; top: calc(50% - 1px); right: 25px; font-family: var(--rr-ff-fontawesome); color: #74787C; font-style: normal; font-weight: 300; font-size: 16px; line-height: 14px; } .contact-us-message__form .nice-select { box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; outline: none; position: relative; text-align: left; -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%; z-index: inherit; padding-left: 20px; padding-right: 45px; padding-top: 22px; padding-bottom: 23px; border: 1px solid #EAEAEA !important; background-color: var(--rr-common-white); height: 50px; font-family: var(--rr-ff-jost); font-style: normal; font-weight: 400; font-size: 16px; line-height: 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: var(--rr-text-body); } @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) { .contact-us-message__form .nice-select { margin-bottom: 20px; } } .contact-us-message__form .nice-select:hover { border-color: #EAEAEA; } .contact-us-message__form .nice-select:active, .contact-us-message__form .nice-select.open, .contact-us-message__form .nice-select:focus { border-color: #EAEAEA; } .contact-us-message__form .nice-select::after { position: absolute; content: "\f107"; top: calc(50% - 1px); right: 25px; font-family: var(--rr-ff-fontawesome); color: #74787C; pointer-events: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; margin-top: 0; transform-origin: center; font-style: normal; font-weight: 300; font-size: 16px; line-height: 14px; } .contact-us-message__form .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); } .contact-us-message__form .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); } .contact-us-message__form .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .contact-us-message__form .nice-select.disabled::after { border-color: #cccccc; } .contact-us-message__form .nice-select.wide { width: 100%; } .contact-us-message__form .nice-select.wide .list { left: 0; right: 0; } .contact-us-message__form .nice-select.right { float: right; } .contact-us-message__form .nice-select.right .list { left: auto; right: 0; } .contact-us-message__form .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .contact-us-message__form .nice-select.small::after { height: 4px; width: 4px; } .contact-us-message__form .nice-select.small .option { line-height: 34px; min-height: 34px; } .contact-us-message__form .nice-select .list { border: 1px solid #C9F3FF; width: 100%; 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; } .contact-us-message__form .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 55px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; color: #74787C; transition: all 0.2s; line-height: 55px; } .contact-us-message__form .nice-select .option:hover { background-color: #f6f7f9; } .contact-us-message__form .nice-select .option.selected { font-weight: bold; } .contact-us-message__form .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .contact-us-message__form .no-csspointerevents .nice-select .list { display: none; } .contact-us-message__form .no-csspointerevents .nice-select.open .list { display: block; } .contact-us-message__form .rr-btn-solid { width: 100%; padding: 16px 29px; } @media (max-width: 575px) { .contact-us-message__form .rr-btn-solid { padding: 15px 20px; } } .contact-us-message__form .rr-btn-solid .btn-wrap .text-one, .contact-us-message__form .rr-btn-solid .btn-wrap .text-two { display: flex; align-items: center; gap: 6px; } .home-4-latest-gallery { position: relative; overflow: hidden; background: var(--rs-gray-900); } .home-4-latest-gallery:before { top: 0; left: 0; right: 0; width: 100%; content: ""; height: 100%; opacity: 0.12; position: absolute; background: var(--rs-common-yellow); } .home-4-latest-gallery:after { top: -370px; content: ""; width: 1172px; height: 415px; filter: blur(192px); position: absolute; left: calc(50% - 586px); background: var(--rs-common-yellow); } .home-4-latest-gallery__active { margin: 0px -344px; } @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) { .home-4-latest-gallery__active { margin: 0px 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) { .home-4-latest-gallery__active { margin: 0px 30px; } } @media (max-width: 575px) { .home-4-latest-gallery__active { margin: 0px 15px; } } .home-4-latest-gallery__content { z-index: 1; max-width: 750px; margin-left: auto; margin-right: auto; position: relative; } @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) { .home-4-latest-gallery__content { max-width: 100%; } } .home-4-latest-gallery__content .section__subtitle { color: var(--rs-common-white); } .home-4-latest-gallery__content .section__title { margin-bottom: 0; color: var(--rs-common-white); } .home-4-latest-gallery__item { position: relative; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .home-4-latest-gallery__item:nth-child(2n) .home-4-latest-gallery__item-text { bottom: 82px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .home-4-latest-gallery__item:nth-child(2n) .home-4-latest-gallery__item-text { bottom: 71px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .home-4-latest-gallery__item:nth-child(2n) .home-4-latest-gallery__item-text { bottom: 59px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .home-4-latest-gallery__item:nth-child(2n) .home-4-latest-gallery__item-text { bottom: 0; } } .home-4-latest-gallery__item:nth-child(4n) { margin-top: -82px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .home-4-latest-gallery__item:nth-child(4n) { margin-top: -71px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .home-4-latest-gallery__item:nth-child(4n) { margin-top: -59px; } } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .home-4-latest-gallery__item:nth-child(4n) { margin-top: 0; } } .home-4-latest-gallery__item:nth-child(4n) .home-4-latest-gallery__item-text { bottom: 0; } .home-4-latest-gallery__item-wrapper { display: grid; grid-gap: 30px; grid-template-columns: 1fr 1fr; } @media only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .home-4-latest-gallery__item-wrapper { grid-template-columns: 1fr; } } .home-4-latest-gallery__item-media { width: 100%; max-width: 100%; height: auto; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .home-4-latest-gallery__item-media img { width: 100%; height: 100%; max-width: 100%; object-fit: cover; } .home-4-latest-gallery__item:hover .home-4-latest-gallery__item-media 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); } .home-4-latest-gallery__item:hover .home-4-latest-gallery__item-text { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .home-4-latest-gallery__item-text { bottom: 0; margin: 20px; padding: 22px 30px; position: absolute; align-items: center; width: calc(100% - 40px); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color: var(--rs-common-white); -webkit-transform: translate(calc(100% + 20px), 0); -moz-transform: translate(calc(100% + 20px), 0); -ms-transform: translate(calc(100% + 20px), 0); -o-transform: translate(calc(100% + 20px), 0); transform: translate(calc(100% + 20px), 0); } @media only screen and (min-width: 576px) and (max-width: 768px), only screen and (min-width: 768px) and (max-width: 992px) { .home-4-latest-gallery__item-text { margin: 10px; padding: 15px 15px; } } @media (max-width: 575px) { .home-4-latest-gallery__item-text { margin: 10px; padding: 10px; width: calc(100% - 20px); } } .home-4-latest-gallery__item-text a:hover h4 { color: var(--rs-common-yellow); } .home-4-latest-gallery__item-text h4 { margin-bottom: 5px; margin-bottom: 0; color: var(--rs-gray-900); } @media only screen and (min-width: 576px) and (max-width: 768px), only screen and (min-width: 768px) and (max-width: 992px) { .home-4-latest-gallery__item-text h4 { font-size: 22px; } } @media (max-width: 575px) { .home-4-latest-gallery__item-text h4 { font-size: 18px; line-height: 28px; } } .home-4-latest-gallery__item-text span { color: var(--rs-gray-900); font-family: var(--rs-ff-rubik); } .home-4-latest-gallery__item-text .read-more { gap: 10px; z-index: 1; width: 50px; height: 50px; padding: 10px; display: flex; overflow: hidden; position: relative; align-items: center; justify-content: center; flex-direction: column; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background: var(--rs-common-yellow); } @media (max-width: 575px) { .home-4-latest-gallery__item-text .read-more { width: 40px; height: 40px; } } .home-4-latest-gallery__item-text .read-more::before { top: 0; left: 0; width: 100%; z-index: -1; content: ""; height: 100%; position: absolute; transition: all 0.35s; transform-origin: top left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color: var(--rs-gray-900); transform: translate(-100%, 0) rotate(50deg); } .home-4-latest-gallery__item-text .read-more i { color: var(--rs-gray-900); } .home-4-latest-gallery__item-text .read-more:hover i { color: var(--rs-common-white); } .home-4-latest-gallery__item-text .read-more:hover::before { transform: translate(0, 0); } /*----------------------------------------*/ /* 8.12 home1 /*----------------------------------------*/ /*team scss*/ .team__item { display: flex; align-items: center; justify-content: center; flex-direction: column; } .team__thumb { display: flex; align-items: center; justify-content: center; position: relative; } .team__thumb:hover { border-radius: 135px 135px 135px 0px; } .team__thumb img { max-width: 270px; width: 100%; height: 100%; border-radius: 135px 0px 135px 135px; transition: 0.3s; } .team__thumb::before { position: absolute; content: ""; top: 10px; left: 10px; border: 2px solid rgba(91, 1, 174, 0.3); border-radius: 135px 0px 135px 135px; width: 250px; height: 250px; transition: 0.3s; } .team__thumb:hover { border-radius: 135px 135px 135px 0px; } .team__thumb:hover img { border-radius: 135px 135px 135px 0px; } .team__thumb:hover::before { position: absolute; content: ""; top: 10px; left: 10px; border: 2px solid rgba(91, 1, 174, 0.3); border-radius: 135px 135px 135px 0px; width: 250px; height: 250px; } .team__content { text-align: center; margin-top: 20px; } .team__content h4 { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-sbold); font-style: normal; font-size: 22px; line-height: 26px; margin-bottom: 6px; } .team__content span { 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: 26px; } /*service section*/ .service__shape-bottom-shape { position: absolute; right: 111px; bottom: 23px; } .service__shape-bottom-shape img { width: 100%; height: 100%; } @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) { .service__shape-bottom-shape { display: none; } } .service__item { background: #FFFFFF; box-shadow: 0px 10px 20px rgba(27, 6, 47, 0.1); border-radius: 10px; padding: 40px 30px; } .service__item p { font-family: var(--rr-ff-heading); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 15px; line-height: 26px; margin-bottom: 0; } .service__title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-sbold); font-style: normal; font-size: 22px; line-height: 30px; margin-top: 24px; margin-bottom: 12px; } @media only screen and (min-width: 576px) and (max-width: 768px) { .service__title { font-size: 15px; line-height: 25px; margin-bottom: 6px; } } @media (max-width: 575px) { .service__title { font-size: 17px; line-height: 27px; } } /*service & service-2 esc*/ .service-2__shape-3 { background: var(--rr-theme-secondary); filter: blur(200px); top: 193px; left: 233px; width: 192.33px; height: 192.33px; transform: rotate(45deg); } .service-2__shape-1 { bottom: 80px; left: 220px; } .service-2__item { padding: 30px 22px 31px 24px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; border: 1px solid rgba(1, 9, 21, 0.1); background: var(--rr-common-white); box-shadow: 0px 10px 40px rgba(8, 23, 46, 0.08); } .service-2__item-space-up { margin-top: -30px; } @media (max-width: 575px) { .service-2__item-space-up { margin-top: inherit; } } .service-2__item-space-down { margin-top: 30px; } @media (max-width: 575px) { .service-2__item-space-down { margin-top: inherit; } } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 768px), only screen and (min-width: 768px) and (max-width: 992px) { .service-2__item { padding: 30px 20px; } } .service-2__item-icon { max-width: 40px; } .service-2__item-title a:hover { color: var(--rr-theme-secondary); } .service-2__item-dsc { font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--rr-heading-primary); } .service-2__item-readmore { display: flex; gap: 8px; align-items: center; color: var(--rr-heading-primary, #010915); font-style: normal; font-weight: 600; font-size: 16px; line-height: 19px; } .service-2__item-readmore i { font-size: 14px; } .service-2__item-flip { position: relative; transition: all 750ms ease-out; transform-style: preserve-3d; height: calc(100% - 30px); min-height: 324px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .service-2__item-flip { min-height: 365px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .service-2__item-flip { min-height: 380px; } } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .service-2__item-flip { min-height: 360px; } } .service-2__item-flip-front, .service-2__item-flip-back { backface-visibility: hidden; position: absolute; height: calc(100% - 30px); } .service-2__item-flip-front { z-index: 2; } .service-2__item-flip-back { display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; overflow: hidden; z-index: 1; background-size: cover; background-position: center; background-repeat: no-repeat; background: linear-gradient(90deg, rgba(244, 236, 194, 0.36) 0%, rgba(228, 250, 242, 0.36) 35%, rgba(211, 243, 207, 0.36) 68.5%, rgba(255, 243, 228, 0.36) 100%); border-color: inherit; } .service-2__item-flip-back:before { background: linear-gradient(90deg, rgba(244, 236, 194, 0.36) 0%, rgba(228, 250, 242, 0.36) 35%, rgba(211, 243, 207, 0.36) 68.5%, rgba(255, 243, 228, 0.36) 100%); bottom: 0; content: " "; left: 0; z-index: -1; position: absolute; right: 0; top: 0; } .service-2__item-flip-back .service-2__item-icon img { filter: brightness(0) invert(1); } .service-2__item-flip-back .service-2__item-title { color: var(--rr-common-white); } /**register scss**/ .register-area .title-wrapper .title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-bold); font-size: 36px; line-height: 45px; font-style: normal; margin-bottom: 14px; } @media (max-width: 575px) { .register-area .title-wrapper .title { font-size: 27px; line-height: 37px; } } .register-area .title-wrapper .subtitle { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-size: 16px; line-height: 19px; font-style: normal; } .signin-area-wrapper { display: flex; } .sign-up-wrapper { display: flex; } .signup-item .wrap a { color: var(--rr-theme-primary); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-size: 12px; line-height: 16px; font-style: normal; } .signup-item .wrap a:hover { color: var(--rr-heading-primary); } .signup-item input { font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); width: 100%; height: 50px; background: transparent; border: 1px solid #e5e8e6; border-radius: 4px; margin-bottom: 24px; display: flex; padding: 10px 20px; outline: none; font-style: normal; font-size: 14px; line-height: 18px; color: #7F8289; margin-left: 0; } .signup-input-wrapper { display: flex; justify-content: space-between; gap: 20px; } .signup-input-wrapper input { width: 100%; height: 60px; background: transparent; border: 1px solid #e5e8e6; border-radius: 4px; margin-bottom: 20px; display: flex; padding: 10px 20px; outline: none; color: var(--clr-common-text); font-size: 16px; } .sign-check span { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-size: 12px; line-height: 16px; font-style: normal; } .signup-box { background: #f5f5f5; padding: 45px 30px; } .signup-thumb img { max-width: 100%; } .signup-form-wrapper { background: var(--rr-common-white); } .signup-form-wrapper h6 { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-sbold); font-style: normal; font-size: 16px; line-height: 20px; margin-bottom: 12px; } .signup-action { margin-bottom: 25px; } .signup-action .course-sidebar-list { display: flex; align-items: start; gap: 5px; } .signup-action .course-sidebar-list #sing-in { margin-top: 7px; } .signup-action .course-sidebar-list #sing-in:checked { color: var(--rr-theme-primary); } .sing-buttom { height: 50px; width: 100%; background: var(--rr-theme-primary); text-align: center; line-height: 20px; color: var(--rr-common-white); border-radius: 4px; font-size: 16px; font-weight: 600; transition: 0.3s; display: flex; align-items: center; justify-content: center; border: 1px solid var(--clr-theme-1); } .sing-buttom:hover { color: var(--rr-common-white); background: var(--rr-heading-primary); } .registered.wrapper { display: flex; justify-content: space-around; margin-bottom: 20px; flex-wrap: wrap; } .forget-password a:hover { color: var(--clr-common-heading); } .not-register a:hover { color: var(--clr-common-heading); } .acount-login { margin-bottom: 30px; } .acount-login a { font-weight: 600; color: var(--clr-theme-1); margin-left: 5px; text-decoration: underline; } .acount-login a:hover { color: var(--clr-common-heading); } .sign-social { position: relative; z-index: 2; } .sign-social h5 { color: var(--rr-heading-primary); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-medium); font-size: 14px; line-height: 17px; font-style: normal; } .sign-social h5 a:hover { color: var(--rr-theme-primary); } .sign-social:before { position: absolute; height: 1px; background: var(--clr-common-border); content: ""; width: 100%; top: 15px; left: 0; z-index: -1; } .sign-social-icon { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 30px; } .signup-text h3 { font-size: 28px; margin-bottom: 106px; } .signup-message img { max-width: 100%; margin-bottom: 5px; } .not-register a { font-weight: 600; color: var(--clr-theme-1); text-decoration: revert; margin-left: 5px; } .sign-gmail a { border: 1px solid #e5e8e6; padding: 10px 20px; border-radius: 4px; display: flex; justify-content: center; align-items: center; gap: 10px; transition: 0.3s; } .sign-gmail a img { max-width: 20px; } .sign-gmail a span { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-medium); font-style: normal; font-size: 12px; line-height: 18px; } .sign-gmail a:hover { background: var(--rr-heading-primary); } .sign-gmail a:hover span { color: var(--rr-common-white); } .sign-gmail a:hover img { filter: brightness(0) invert(1); } .sign-facebook a { border: 1px solid #e5e8e6; padding: 10px 20px; border-radius: 4px; display: flex; justify-content: center; align-items: center; gap: 10px; transition: 0.3s; } .sign-facebook a span { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-medium); font-style: normal; font-size: 12px; line-height: 18px; } .sign-facebook a:hover { background: var(--rr-heading-primary); } .sign-facebook a:hover span { color: var(--rr-common-white); } .all-content { padding: 40px; border: 1px solid #e5e8e6; border-radius: 10px; } @media (max-width: 575px) { .all-content { padding: 20px; } } .all-content .button-wrap { justify-content: center; gap: 30px; } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .all-content .button-wrap { gap: 0; flex-wrap: wrap; } } .all-content .button-wrap .sign-facebook { width: 100%; } .all-content .button-wrap .sign-gmail { width: 100%; } /**feature section**/ .feature__shape-top-shape { position: absolute; top: -100px; right: 132px; } @media only screen and (min-width: 768px) and (max-width: 992px) { .feature__shape-top-shape { top: -80px; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .feature__shape-top-shape { top: -70px; } } @media (max-width: 575px) { .feature__shape-top-shape { display: none; } } .feature__shape-top-shape img { width: 100%; height: 10%; } .feature__shape-bottom-shape { position: absolute; left: 67px; top: 395px; } @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) { .feature__shape-bottom-shape { display: none; } } .feature__shape-bottom-shape img { width: 100%; height: 10%; } .feature__item { overflow: hidden; transition: 0.3s; border-radius: 10px; position: relative; } .feature__item-media { border-radius: 10px 10px 0px 0px; overflow: hidden; position: relative; } .feature__item-media a img { width: 100%; height: 100%; border-radius: 10px 10px 0px 0px; } .feature__item-text { background: #FFFFFF; border: 1px solid rgba(27, 6, 47, 0.1); border-radius: 0px 0px 10px 10px; border-top: none; padding: 24px 25px 30px 30px; } .feature__item-text-bottom p { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 14px; line-height: 24px; margin-bottom: 0; } .feature__item:hover { box-shadow: 0px 10px 20px rgba(27, 6, 47, 0.1); } .feature__title { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-sbold); font-style: normal; font-size: 22px; line-height: 32px; margin-bottom: 4px; transition: 0.3s; } .feature__title:hover { color: var(--rr-theme-primary); } .feature__bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .feature__bottom-btn { display: flex; align-items: center; gap: 10px; } .feature__bottom-btn a { background: #F5F5F5; font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); padding: 0 11px; border-radius: 10px; font-style: normal; font-size: 12px; line-height: 20px; transition: 0.3s; } .feature__bottom-btn a:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .feature__bottom-price { display: flex; align-items: center; gap: 5px; } .feature__delet { font-weight: var(--rr-fw-sbold); font-family: var(--rr-ff-body); color: #E90000; font-style: normal; font-size: 14px; line-height: 20px; text-decoration-line: line-through; } .feature__decount { font-weight: var(--rr-fw-sbold); font-family: var(--rr-ff-body); color: var(--rr-heading-primary); font-style: normal; font-size: 14px; line-height: 20px; } .feature__btn { text-align: center; margin-top: 60px; } .feature__btn a { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-sbold); border: 1px solid rgba(27, 6, 47, 0.1); justify-content: center; display: inline-flex; line-height: normal; align-items: center; padding: 12px 24px; font-style: normal; border-radius: 4px; font-size: 16px; transition: 0.3s; gap: 6px; } .feature__btn a i { transform: rotate(-45deg); transition: 0.3s; } .feature__btn a:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .feature__btn a:hover i { transform: rotate(0deg); } .feature__button { flex-wrap: wrap; row-gap: 15px; } .feature__button h5 { font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); font-style: normal; color: #051145; font-size: 18px; line-height: 28px; } .feature__social { gap: 10px; display: flex; align-items: center; } .feature__social a { color: var(--rr-heading-primary); background-color: #F5F5F5; width: 40px; height: 40px; border-radius: 4px; display: flex; justify-content: center; align-items: center; transition: 0.3s; } .feature__social a.active, .feature__social a:hover { color: var(--rr-common-white); background: var(--rr-theme-primary); } .feature__cart { display: flex; align-items: center; gap: 10px; position: absolute; top: 170px; left: 25px; visibility: hidden; opacity: 0; transition: 0.3s; } .feature__button-btn { background: var(--rr-theme-primary); color: var(--rr-common-white); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-sbold); display: inline-flex; font-style: normal; font-size: 12px; line-height: 20px; padding: 5px 14px; border-radius: 15px; transition: 0.3s; } .feature__button-btn:hover { background: var(--rr-heading-primary); color: var(--rr-common-white); } .feature__icon { border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 15px; background: transparent; display: flex; width: 35px; height: 35px; justify-content: center; align-items: center; border-radius: 18px; } .feature__icon:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .feature__icon i { color: var(--rr-common-white); } .feature__top { flex-wrap: wrap; row-gap: 15px; } .feature__top .text h6 { font-family: var(--rr-ff-body); color: var(--rr-heading-primary); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 16px; line-height: 26px; } .product-categories-select { width: 270px; } .product-categories-select .nice-select { box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; outline: none; position: relative; text-align: left; -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% !important; z-index: inherit; padding-left: 10px; padding-right: 45px; padding-top: 18px; padding-bottom: 23px; border: 1px solid rgba(27, 6, 47, 0.1) !important; background-color: transparent !important; height: 44px; font-family: var(--rr-ff-jost); font-style: normal; font-weight: 400; font-size: 16px; line-height: 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #1B062F !important; } @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) { .product-categories-select .nice-select { margin-bottom: 20px; } } .product-categories-select .nice-select .current { color: var(--rr-heading-primary) !important; font-weight: var(--rr-fw-regular) !important; font-size: 16px !important; } .product-categories-select .nice-select:hover { border-color: #1B062F; } .product-categories-select .nice-select:active, .product-categories-select .nice-select.open, .product-categories-select .nice-select:focus { border-color: #1B062F; } .product-categories-select .nice-select::after { position: absolute; content: "\f107"; top: calc(50% - 1px); right: 10px; font-family: var(--rr-ff-fontawesome); color: #1B062F !important; pointer-events: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; margin-top: 0; transform-origin: center; font-style: normal; font-weight: 400; font-size: 16px; line-height: 14px; } .product-categories-select .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); } .product-categories-select .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); } .product-categories-select .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .product-categories-select .nice-select.disabled::after { border-color: #cccccc; } .product-categories-select .nice-select.wide { width: 100%; } .product-categories-select .nice-select.wide .list { left: 0; right: 0; } .product-categories-select .nice-select.right { float: right; } .product-categories-select .nice-select.right .list { left: auto; right: 0; } .product-categories-select .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .product-categories-select .nice-select.small::after { height: 4px; width: 4px; } .product-categories-select .nice-select.small .option { line-height: 34px; min-height: 34px; } .product-categories-select .nice-select .list { border: 1px solid rgba(27, 6, 47, 0.1); width: 100%; 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; } .product-categories-select .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 55px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; color: #74787C; transition: all 0.2s; line-height: 55px; } .product-categories-select .nice-select .option:hover { background-color: #f6f7f9; } .product-categories-select .nice-select .option.selected { font-weight: bold; } .product-categories-select .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .product-categories-select .no-csspointerevents .nice-select .list { display: none; } .product-categories-select .no-csspointerevents .nice-select.open .list { display: block; } /*testimonial*/ .feedback__active { max-width: 770px; margin: 0 auto; width: 100%; overflow: visible; } .feedback__active .swiper-slide.swiper-slide-active .feedback__item { box-shadow: 0px 20px 50px rgba(1, 9, 21, 0.06); } .feedback__item { transition: 0.3s; background: var(--rr-common-white); -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; padding: 40px 50px; margin-bottom: 50px; border: 1px solid rgba(27, 6, 47, 0.1); border-radius: 10px; } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .feedback__item { margin-left: 15px; margin-right: 15px; } } .feedback__item__button-slider { gap: 10px; margin-bottom: 15px; } @media (max-width: 575px) { .feedback__item__button-slider { margin-bottom: 0; margin-top: 20px; } } .feedback__item__button-prev, .feedback__item__button-next { cursor: pointer; width: 50px; height: 50px; display: flex; padding: 0 !important; align-items: center; justify-content: center; border: 1px solid rgba(1, 9, 21, 0.14); border-radius: 500px; transition: 0.3s; } .feedback__item__button-prev svg, .feedback__item__button-next svg { transition: 0.3s; } .feedback__item__button-prev:hover, .feedback__item__button-next:hover { background: var(--rr-theme-primary); } .feedback__item__button-prev:hover svg path, .feedback__item__button-next:hover svg path { stroke: var(--rr-common-white); } @media (max-width: 575px) { .feedback__item { padding: 30px; } } .feedback__item-author__left { gap: 10px 17px; } .feedback__item-qoute { display: flex; flex-direction: row; flex-wrap: wrap; gap: 4px; } .feedback__item-qoute i { color: #FFA24D; } .feedback__item-content p { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-medium); font-style: normal; font-size: 20px; line-height: 30px; margin-bottom: 0; } @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), md, only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .feedback__item-content p br { display: none; } } .feedback__item-info h4 { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); font-weight: var(--rr-fw-bold); font-style: normal; font-size: 16px; line-height: 24px; text-transform: capitalize; } .feedback__item-info span { font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 14px; line-height: 24px; } .feedback__item-thumb { width: 60px; height: 60px; overflow: hidden; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; -ms-border-radius: 500px; border-radius: 500px; } .feedback__item-thumb img { width: 100%; height: 100%; object-fit: cover; } /*subscribe-section*/ .subscribe__content { background: linear-gradient(90deg, #5B01AE 0%, #1B062F 100%); border-radius: 10px; padding: 60px; display: flex; justify-content: space-between; flex-wrap: wrap; column-gap: 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) { .subscribe__content { justify-content: center; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .subscribe__content { padding: 30px; } } @media (max-width: 575px) { .subscribe__content { padding: 15px; } } .subscribe__title { font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-weight: 800; font-style: normal; font-size: 32px; line-height: 46px; } @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) { .subscribe__title { margin-bottom: 15px; } } @media (max-width: 575px) { .subscribe__title { font-size: 21px; line-height: 31px; } } .subscribe__input { position: relative; } .subscribe__input .form-control { background: var(--rr-common-white); font-family: var(--rr-ff-body); color: var(--rr-text-body); font-weight: var(--rr-fw-regular); width: 499px; height: 60px; font-style: normal; font-size: 14px; border: 1px solid rgba(27, 6, 47, 0.1) !important; border-radius: 4px; box-shadow: none; border: none; padding: 17px 150px 17px 20px; } .subscribe__input .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-text-body); } .subscribe__input .form-control::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-text-body); } .subscribe__input .form-control:-moz-placeholder { /* Firefox 4-18 */ color: var(--rr-text-body); } .subscribe__input .form-control:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-text-body); } .subscribe__input .form-control::placeholder { /* MODERN BROWSER */ color: var(--rr-text-body); } @media only screen and (min-width: 576px) and (max-width: 768px), (max-width: 575px) { .subscribe__input .form-control { width: 100%; } } .subscribe__input .form-control-2 { color: var(--rr-common-white); background: #1c5a47; } .subscribe__input input { margin-left: 0; } .subscribe__input .submit { background-color: var(--rr-theme-primary); color: var(--rr-common-white); font-weight: var(--rr-fw-sbold); font-family: var(--rr-ff-heading); position: absolute; top: 50%; right: 4px; transform: translateY(-50%); text-transform: capitalize; font-style: normal; display: flex; align-items: center; text-align: center; font-size: 16px; line-height: normal; padding: 15px 24px; border-radius: 4px; transition: 0.3s; } .subscribe__input .submit:hover { background: var(--rr-heading-primary); } .sponsor-wrap { justify-content: center; } .sponsor-wrap > div { padding: 0; } .sponsor-item { background-color: var(--rr-common-white); text-align: center; transition: 0.3s; height: 125px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(27, 6, 47, 0.1); margin-right: -1px; margin-bottom: -1px; } @media (max-width: 575px) { .sponsor-item { margin-left: 15px; margin-right: 15px; } } .sponsor-item img { height: auto; width: auto; object-fit: inherit; } .sponsor-item:hover { box-shadow: 0px 14px 43px rgba(147, 151, 160, 0.15); } .project-section { margin-top: 10px; width: 100%; height: auto; display: flex; justify-content: center; flex-wrap: wrap; } .project-section-items { width: 100%; height: auto; display: flex; justify-content: center; margin-top: 20px; } .boxes { background-color: coral; margin: 5px 10px; cursor: pointer; transition: all 1s; /* lets make it smooth */ display: flex; align-items: center; justify-content: center; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: white; padding: 10px; } .boxes .title { display: none; } .boxes:hover { background-color: crimson; transition: all 2s; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .boxes:hover .time { display: none; } .boxes:hover .title { display: block; transform: rotateY(176deg); } .feature__item-media::before { position: absolute; content: ""; left: 0; top: 0; background: linear-gradient(180deg, rgba(27, 6, 47, 0) 0%, rgba(27, 6, 47, 0.7) 100%); width: 100%; height: 100%; transition: 0.3s; visibility: hidden; opacity: 0; } .feature__item:hover .feature__item-media::before { opacity: 1; visibility: visible; } .feature__item:hover .feature__cart { opacity: 1; visibility: visible; } /*# sourceMappingURL=main.css.map */