.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; } .brand__thumb img, .mean-container .mean-nav ul li > a.mean-expand i, .main-menu ul li.has-dropdown > a::after, .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, .active .rr-btn.btn-transparent svg path, .active .rr-btn.btn-transparent.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 */ .banner__navigation button, .breadcrumb__menu ul li:not(:last-child)::before, .nice-select::after { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } :root { /** @font family declaration */ --rr-ff-body: 'Rubik', sans-serif; --rr-ff-heading: 'Poppins', sans-serif; --rr-ff-subtitle: 'Sofia'; --rr-ff-fontawesome: "Font Awesome 6 Pro"; /** @color declaration */ --rr-common-white: #FFFFFF; --rr-common-black: #000000; --rr-common-placeholder: #4A5764; --rr-body-primary: #ffffff; --rr-theme-primary: #FF3D00; --rr-theme-secondary: #07CBEB; --rr-heading-primary: #001D08; --rr-text-body: #646464; --rr-text-primary: #000; --rr-shadow-primary: 0px 30px 60px 0px rgba(0, 15, 32, 0.1); --rr-border-primary: 1px solid #FF3D00; /** @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: 68px; --rr-fs-h2: 48px; --rr-fs-h3: 36px; --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: 84px; --rr-lh-h2: 66px; --rr-lh-h3: 46px; --rr-lh-h4: 28px; --rr-lh-h5: 32px; --rr-lh-h6: 28px; } /*----------------------------------------------------------------------------------- Template Name: Printfix - Printing Services Company Wordpress Theme Author: RRDevs Support: rubelmh55@gmail.com Description: Printfix - Printing Services Company Wordpress Theme. Version: 1.0 Developer: Yeamin khan ----------------------------------------------------------------------------------- /************ 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 /*----------------------------------------*/ * { 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: 991px) { h1, .h1 { font-size: 50px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { 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: 991px) { h2, .h2 { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { 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: auto; 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; } .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*/ .nice-select { background-color: transparent !important; border: none !important; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: var(--rr-ff-body) !important; font-style: normal; font-weight: 500 !important; font-size: 14px; line-height: 40px; font-weight: normal; height: 42px; outline: none; padding-left: 18px; padding-right: 15px !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 100% !important; color: var(--rr-common-white); } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; } .nice-select::after { position: absolute; content: "\f107"; top: 50% !important; right: 0; font-family: "Font Awesome 5 Pro"; color: var(--rr-heading-white) !important; font-weight: 500 !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; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .nice-select.open::after { -webkit-transform: translateY(-50%) rotate(-180deg); -moz-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); -o-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); width: 100%; } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled::after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small::after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: var(--rr-common-black) !important; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover { color: var(--rr-heading-primary) !important; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.selected:hover { color: var(--rr-heading-primary) !important; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } /*--------------------------------- 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: 991px) { .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: 767px), only screen and (min-width: 768px) and (max-width: 991px) { .mfp-close::after { right: 15px; margin-top: -30px; } } .z-index-1 { z-index: 1; } .margin-minus-400 { margin-right: -400px; } .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: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .border-gray { border: none; border-radius: none; } } .text-white { color: var(--rr-common-white); } .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: 991px) { .mb-md-30 { margin-bottom: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .mt-md-30 { margin-bottom: 30px; } } .mb-10 { margin-bottom: 15px !important; } .mb-6 { margin-bottom: 6px; } .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: 40px; } .section-space-bottom-2 { padding-bottom: 120px; } @media only screen and (min-width: 576px) and (max-width: 767px), (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: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .pb-70-custom { padding-bottom: 35px; } } /*--------------------------------- 1.8 spacing ---------------------------------*/ .section-space { padding-top: 120px; padding-bottom: 120px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-space { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .section-space { padding-top: 70px; padding-bottom: 70px; } } .section-space-top { padding-top: 120px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-space-top { padding-top: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (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: 991px) { .section-space-bottom { padding-bottom: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .section-space-bottom { padding-bottom: 70px; } } .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; } /*----------------------------------------*/ /* 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); } .black-bg { background-color: var(--rr-common-black); } .theme-bg-1 { background-color: var(--rr-theme-primary); } .theme-bg-2 { background-color: var(--rr-gray-900); } .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: 30px; 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: 10px 28px; background-color: var(--rr-theme-primary); z-index: 5; } .rr-btn:focus { color: var(--rr-common-white); } .rr-btn::before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: translate(-165%, 0) rotate(0deg); transform-origin: right bottom; transition: all 0.35s; z-index: -1; content: ""; } .rr-btn:hover { color: var(--rr-common-white); background: var(--rr-heading-primary); } .rr-btn:hover::before { transform: translate(0, 0); } .rr-btn:hover svg path[fill="#00160A"] { fill: var(--rr-common-white); } .rr-btn.btn-hover-white::before { background-color: var(--rr-common-white); } .rr-btn.btn-hover-white:hover { color: var(--rr-heading-primary); } .rr-btn.btn-hover-white:hover svg path[fill=white] { fill: var(--rr-heading-primary); } .rr-btn.btn-transparent { padding: 10px 28px; color: var(--rr-heading-primary); background-color: transparent; border: 1px solid rgba(0, 29, 8, 0.1); } .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: 991px), 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: 767px) { .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: 767px) { .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); } .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); } .active .rr-btn.btn-transparent { color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-size: 16px; font-style: normal; line-height: 30px; text-transform: capitalize; font-weight: var(--rr-fw-sbold); display: inline-flex; align-items: center; gap: 10px; justify-content: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; position: relative; overflow: hidden; padding: 10px 28px; background-color: var(--rr-theme-primary); z-index: 5; } .active .rr-btn.btn-transparent:focus { color: var(--rr-common-white); } .active .rr-btn.btn-transparent::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: ""; } .active .rr-btn.btn-transparent:hover { color: var(--rr-common-white); background: var(--rr-heading-primary); } .active .rr-btn.btn-transparent:hover::before { transform: translate(0, 0); } .active .rr-btn.btn-transparent:hover svg path[fill="#00160A"] { fill: var(--rr-common-white); } .active .rr-btn.btn-transparent.btn-hover-white::before { background-color: var(--rr-common-white); } .active .rr-btn.btn-transparent.btn-hover-white:hover { color: var(--rr-heading-primary); } .active .rr-btn.btn-transparent.btn-hover-white:hover svg path[fill=white] { fill: var(--rr-heading-primary); } .active .rr-btn.btn-transparent.btn-transparent::before { background-color: #fff; } .active .rr-btn.btn-transparent.btn-transparent.btn-border-2 { padding: 18px 30px; border: 2px solid var(--rr-theme-primary); } .active .rr-btn.btn-transparent.btn-transparent.btn-border-2::before { border-radius: 0; } .active .rr-btn.btn-transparent.btn-transparent.btn-border-gray { padding: 19px 22px; border-color: var(--rr-heading-primary); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) { .active .rr-btn.btn-transparent.btn-transparent.btn-border-gray { padding: 10px 15px; } } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .active .rr-btn.btn-transparent.btn-transparent.btn-border-gray { padding: 6px 10px; } } .active .rr-btn.btn-transparent.btn-transparent.btn-border-gray:hover i { background-color: var(--rr-theme-primary); } .active .rr-btn.btn-transparent.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: 767px) { .active .rr-btn.btn-transparent.btn-transparent.btn-border-gray i { width: 30px; height: 30px; } } .active .rr-btn.btn-transparent.btn-transparent svg path[fill=white] { fill: var(--rr-theme-primary); } .active .rr-btn.btn-transparent.btn-transparent:hover { color: var(--rr-common-black); } .active .rr-btn.btn-transparent.btn-transparent:hover svg path[fill=white] { fill: var(--rr-common-white); } .active .rr-btn.btn-transparent.btn-white { color: var(--rr-heading-primary); background-color: var(--rr-common-white); } .active .rr-btn.btn-transparent.btn-white::before { background-color: var(--rr-theme-primary); } .active .rr-btn.btn-transparent.btn-white:hover { color: var(--rr-common-white); } .active .rr-btn.btn-transparent.btn-text-color-white { color: var(--rr-common-white); } .small-btn { height: 50px; width: 50px; background: var(--rr-common-white); border-radius: 4px; transition: 0.3s; } .small-btn:hover { background: var(--rr-theme-primary); } .small-btn:hover i { color: var(--rr-common-white); } .small-btn:hover svg path { stroke: var(--rr-common-white); } .small-btn-transparent { background: transparent; border: 1px solid #e5e8e6; } .pricing-card .rr-btn.active { padding: 10px 28px; color: var(--rr-heading-primary); background-color: transparent; border: 1px solid rgba(0, 29, 8, 0.1); font-family: var(--rr-ff-heading); font-size: 16px; font-style: normal; line-height: 30px; text-transform: capitalize; font-weight: var(--rr-fw-sbold); 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; z-index: 5; } .pricing-card .rr-btn.active::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: ""; } .pricing-card .rr-btn.active::before { background-color: var(--rr-theme-primary); } .pricing-card .rr-btn.active:hover::before { transform: translate(0, 0); } /*----------------------------------------*/ /* 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 /*----------------------------------------*/ .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; } .nice-select::after { position: absolute; content: "\f107"; top: 50%; right: 10px; font-family: var(--rr-ff-fontawesome); color: var(--rr-common-black); font-weight: 500; pointer-events: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; margin-top: 0; transform-origin: center; } .nice-select.open::after { -webkit-transform: translateY(-50%) rotate(-180deg); -moz-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); -o-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled::after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small::after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover { background-color: #f6f7f9; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } .sidebar__widget .nice-select ul .option { color: #fff; margin-left: 0 !important; } .footer__widget .nice-select { background-color: #fff !important; border: solid 1px #e8e8e8 !important; z-index: 9999; } .footer__widget span.current { font-family: var(--rr-ff-p); color: #000; } .footer__widget .nice-select::after { color: var(--rr-common-black) !important; } .footer__widget .nice-select { margin-bottom: 40px; } /*----------------------------------------*/ /* 2.6 sectiontitle /*----------------------------------------*/ .section__title-wrapper { position: relative; z-index: 55; } .section__title-wrapper__white .section__title { color: var(--rr-common-white); } .section__title-wrapper__white p { color: var(--rr-common-white); } .section__title-wrapper__white ul li { color: var(--rr-common-white); } .section__subtitle { display: flex; align-items: center; position: relative; color: var(--rr-theme-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-body2); font-style: normal; font-weight: var(--rr-fw-bold); line-height: normal; letter-spacing: 0.5px; text-transform: uppercase; } .section__subtitle-2 img { margin-left: 0; margin-right: 17px; } .section__subtitle img { margin-left: 23px; max-width: 33.17px; } .section__subtitle .xlab-img { width: 18px; height: 18px; margin-left: 0; margin-right: 15px; } .section__title { text-transform: capitalize; color: var(--rr-heading-primary); } /*----------------------------------------*/ /* 2.7 breadcrumb /*----------------------------------------*/ .breadcrumb-space { padding: 155px 0 160px; } .breadcrumb__area { background-size: cover; background-repeat: no-repeat; background-position: center; } .breadcrumb__area.overly { position: relative; z-index: 1; } .breadcrumb__area.overly:after { position: absolute; width: 100%; height: 100%; top: 0; content: ""; left: 0; z-index: -1; background: linear-gradient(180deg, rgba(0, 22, 10, 0.5) 0%, #00160A 100%); } .breadcrumb__title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-bold); font-size: 68px; line-height: 84px; font-style: normal; margin-bottom: 14px; 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: 991px), 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: 767px) { .breadcrumb__title { font-size: 44px; line-height: 50px; } } @media (max-width: 575px) { .breadcrumb__title { font-size: 34px; line-height: 35px; } } @media (max-width:450px) { .breadcrumb__title { font-size: 32px; line-height: 35px; } } .breadcrumb__menu span { font-size: 17px; } .breadcrumb__menu span a { text-transform: capitalize; } .breadcrumb__menu span a:hover span { color: var(--rr-theme-primary); } .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-text-body); font-size: 16px; font-style: normal; font-weight: 900; line-height: normal; } .breadcrumb__menu ul li span { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 20px; font-style: normal; } .breadcrumb__menu ul li span a:hover { color: var(--rr-theme-primary); } .breadcrumb__menu ul li.active span { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 20px; font-style: normal; } .breadcrumb__area .inner-top-shape { z-index: -1; opacity: 0.5 !important; top: -55px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .breadcrumb__area .inner-top-shape { display: none; } } .breadcrumb__area .banner-all-shape-wrapper .first-shape { top: 222px; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .breadcrumb__area .banner-all-shape-wrapper .first-shape { left: 370px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .breadcrumb__area .banner-all-shape-wrapper .first-shape { left: 245px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .breadcrumb__area .banner-all-shape-wrapper .first-shape { display: none; } } .breadcrumb__area .banner-all-shape-wrapper .second-shape { top: 500px; left: 33px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .breadcrumb__area .banner-all-shape-wrapper .second-shape { display: none; } } .breadcrumb__area .banner-all-shape-wrapper .right-shape { position: absolute; right: 35px; } .breadcrumb__area .banner-all-shape-wrapper .right-shape img { width: 100%; height: auto; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .breadcrumb__area .banner-all-shape-wrapper .right-shape img { display: none; } } /*----------------------------------------*/ /* 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); } .feedback__active .slick-list { overflow: visible; margin-left: -15px; margin-right: -15px; } .feedback__active .slick-track { display: flex; justify-content: center; } .feedback__active .slick-slide { margin-left: 15px; margin-right: 15px; } .feedback__active .slick-dots { margin: 0; display: flex; position: static; padding-top: 50px; align-items: center; justify-content: center; } @media (max-width:450px) { .feedback__active .slick-dots { padding-top: 30px; } } .feedback__active .slick-dots li { width: auto; height: auto; margin: 0 8px; display: inline-block; } .feedback__active .slick-dots li button { font-size: 0; background: rgba(255, 255, 255, 0.2); margin: 0; padding: 0; width: 10px; height: 10px; display: block; border-radius: 100%; transition: 0.3s; border: 1px solid rgba(255, 255, 255, 0.1); } .rs-theme-light .feedback__active .slick-dots li button { background: rgba(6, 6, 6, 0.2); } .feedback__active .slick-dots li:hover button, .feedback__active .slick-dots li.slick-active button { background: rgb(255, 255, 255); } .rs-theme-light .feedback__active .slick-dots li:hover button, .rs-theme-light .feedback__active .slick-dots li.slick-active button { background-color: rgb(6, 6, 6); } .feedback__active .slick-dots li:hover button:before, .feedback__active .slick-dots li.slick-active button:before { opacity: 1; color: transparent; } .feedback__active::after { position: absolute; content: ""; height: 100%; width: 100%; background: rgb(6, 6, 6); top: 0; left: 100%; mix-blend-mode: lighten; opacity: 10%; } .feedback__active::before { position: absolute; content: ""; height: 100%; width: 100%; background: rgb(6, 6, 6); top: 0; right: 100%; mix-blend-mode: lighten; opacity: 10%; } /*----------------------------------------*/ /* 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; } @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); } } @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; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); } 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.7); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); } 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); } } /*----------------------------------------*/ /* 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; } /*----------------------------------------*/ /* 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); } .header-top-menu ul li { display: inline-block; margin-right: 20px; } .header-top-menu ul li a { display: flex; font-size: 14px; color: var(--rr-common-white); font-family: var(--rr-ff-body); font-style: normal; line-height: 17px; text-transform: capitalize; font-weight: 400; } .header__logo a img { width: 164px; height: 50px; } /*----------------------------------------*/ /* 3.2 header-2 /*----------------------------------------*/ .header-1.rs-sticky .header__btn .text h5, .header-1.rs-sticky .header__btn .text span { color: var(--rr-common-white); } .header-1.rs-sticky .header__btn .text a:hover h5 { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li > a { color: var(--rr-heading-primary); } .header-1.rs-sticky .main-menu ul li > a::before { background: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .submenu li a:hover { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .submenu li a:hover::before { background: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .submenu li:hover > a { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .submenu li:hover > a::before { background-color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .submenu li.has-dropdown:hover > a::after { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .mega-menu li ul li:hover > a { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .mega-menu li ul li:hover > a::before { background: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li .mega-menu li:hover > .mega-menu-title { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li:hover > a { color: var(--rr-theme-primary); } .header-1.rs-sticky .main-menu ul li:hover > a::after { color: var(--rr-theme-primary); } #popup-search-box { background-color: var(--rr-common-white); position: fixed; width: 100%; height: 20%; top: -100%; left: 0; right: 0; white-space: nowrap; z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: 500ms ease all; -moz-transition: 500ms ease all; transition: 500ms ease all; } #popup-search-box .box-inner-wrap { position: relative; width: 100%; height: 100%; box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05); } #popup-search-box .box-inner-wrap form { position: relative; width: 100%; max-width: 560px; margin: 0 auto; padding: 0 15px; } #popup-search-box .box-inner-wrap form input { width: 100%; padding: 20px 15px; padding-right: 80px; background: transparent; border: none; color: #ddd; border: 1px solid var(--rr-common-black); color: #666; font-size: 16px; } #popup-search-box .box-inner-wrap form input:focus { outline: none; } #popup-search-box .box-inner-wrap:hover { cursor: url(../img/cross.png), auto; } #popup-search-box .box-inner-wrap .search-close { position: absolute; top: 30px; right: 50px; color: var(--rr-heading-primary); border: 1px solid var(--rr-heading-primary); height: 50px; width: 50px; font-size: 20px; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; } #popup-search-box .box-inner-wrap .search-close:hover { background-color: var(--rr-theme-primary); border: 1px solid var(--rr-theme-primary); color: var(--rr-common-white); } #popup-search-box.toggled { top: 0; opacity: 1; visibility: visible; } .header__area.header-2 { margin-bottom: -167px; } /*----------------------------------------*/ /* 3.3 header-3 /*----------------------------------------*/ .header__logo-3 { max-width: 100% !important; } .header__logo-3 .header__hamburger { margin-left: -80px !important; } @media (max-width: 1750px) { .header__logo-3 .header__hamburger { margin-left: 0 !important; } } .header-top-menu ul li a { font-size: 14px; color: var(--rr-common-white) !important; font-family: var(--rr-ff-body); font-style: normal; line-height: 17px; transition: 0.3s; } .header-top-menu ul li a:hover { color: var(--rr-theme-primary) !important; text-decoration: none !important; } .header__logo-3 a img { width: 158px; height: auto; } .header__social a svg { transition: 0.3s; } .header__social a svg:hover path { stroke: var(--rr-theme-primary); } /*----------------------------------------*/ /* 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) !important; box-shadow: 0px 10px 20px 0px rgba(0, 29, 8, 0.1); border-top: 0; } .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.header-2 .main-menu .mobile-menu ul li ul.submenu li a { color: var(--rr-heading-primary) !important; } .header__area { background: transparent; width: 100%; z-index: 99; position: relative; } .header__area .container { max-width: 1200px; padding: 0 15px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header__area .container { font-size: 13px; } } .header__area.header-inner { background: var(--rr-common-white); } .header__logo { max-width: 188px; padding: 14px 0; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .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: 992px) and (max-width: 1199px) { .header__logo.header__logo-3 { gap: 10px; } } @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: 991px), only screen and (min-width: 576px) and (max-width: 767px), (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: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .header__logo.header__logo-3 .logo-3 { width: 130px; } } .header__main { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) { .header__main { padding: 18px 0; } } @media (max-width:450px) { .header__main { padding: 16px 0; } } @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: 13px; } } @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: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .header__main .header__right .header__action .search-icon { display: none !important; } } .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; color: #fff; font-size: 14px; } .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; } .bar-icon { width: 26px; height: 18px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; transition: color 0.2s ease-out; } .bar-icon span { width: 100%; height: 2px; background: var(--rr-theme-primary); display: inline-block; transition: color 0.2s ease-out; } .bar-icon span:nth-child(2) { margin-left: 0px; } .bar-icon:hover span { animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards; } .bar-icon:hover span:nth-child(2) { margin-left: 0px; animation-delay: 0.1s; } .bar-icon:hover span:nth-child(3) { animation-delay: 0.2s; } .bar-icon.is-black span { background: var(--rr-common-black); } .bar-icon.is-white span { background: var(--rr-common-white); } .social-media { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; gap: 6px; } .social-media a { color: var(--rr-gray-900); display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; position: relative; overflow: hidden; justify-content: center; width: 42px; height: 42px; background: var(--rr-common-white); font-size: 20px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; -ms-border-radius: 500px; border-radius: 500px; border: 1px solid rgba(0, 213, 99, 0.2); } .social-media a::before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; -ms-border-radius: 500px; border-radius: 500px; transform: translate(-100%, 0) rotate(50deg); transform-origin: top left; transition: all 0.35s; background-color: var(--rr-theme-primary); z-index: -1; content: ""; } .social-media a:hover { color: var(--rr-common-white); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px); } .social-media a:hover::before { transform: translate(0, 0); } .social-media-2 a { border-color: var(--rr-gray-200); color: var(--rr-theme-primary); } .social-media-2 a:hover { border-color: var(--rr-theme-primary); } .header__btn { gap: 15px; } .header-top { padding: 5px 0; background: rgba(255, 255, 255, 0.1); } .header-top-menu { gap: 30px; list-style: none; } .header-top-menu li { gap: 6px; display: flex; align-items: center; color: var(--rr-common-white); font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-top-menu li { font-size: 12px; } } .header-top-menu li a { display: flex; align-items: center; gap: 10px; color: var(--rr-common-white); } .header-top-menu li a:hover { color: var(--rr-theme-primary); } .header-top-socail-menu { gap: 20px; list-style: none; display: flex; justify-content: center; align-items: center; } .header-top-socail-menu .lan-select-2 { width: 85px; } .header-top-socail-menu .lan-select-2 .lan-home-2 { background: transparent; color: #fff; border: none; } .header-top-socail-menu .lan-select-2 .lan-home-2 option { background: #000; border: none; } .header-top-socail-menu span a { display: flex; font-size: 14px; color: var(--rr-common-white); font-family: var(--rr-ff-body); font-style: normal; line-height: 17px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-top-socail-menu span a { font-size: 12px; } } .header-top-socail-menu span a:hover { color: var(--rr-theme-primary); } .header-top-3 { padding: 5px 0; background: var(--rr-heading-primary); } .header-top-3 .header-top-socail-menu { gap: 15px !important; } .header-top-3 .lan-select .nice-select { margin-left: -18px !important; font-weight: 500 !important; } .header-top-3 .lan-select .nice-select:after { font-size: 12px; } .header-top-3 .container-width { padding-left: 15px; padding-right: 15px; max-width: 1550px; } .header-top-3-menu { gap: 30px; list-style: none; } .header-top-3-menu li { gap: 6px; display: flex; align-items: center; color: var(--rr-common-white); font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; } .header-top-3-menu li a { display: flex; align-items: center; gap: 10px; color: var(--rr-common-white); } .header-top-3-menu li a:hover { color: var(--rr-theme-primary); } .header-top-3-socail-menu { gap: 20px; list-style: none; display: flex; justify-content: center; align-items: center; } .header-top-3-socail-menu .lan-select .lan { background: transparent; color: #fff; border: none; } .header-top-3-socail-menu .lan-select .lan option { background: #000; border: none; } .header-top-3-socail-menu li a { display: flex; font-size: 14px; color: var(--rr-common-white); font-family: var(--rr-ff-body); font-style: normal; font-weight: 500; line-height: 17px; } .header-top-3-socail-menu li a:hover { color: var(--rr-theme-primary); } .header-top-3 .header-top-menu li a { color: var(--rr-theme-primary); } .header-top-3 .header-top-menu li a:hover { text-decoration: underline; } .header-top-3 .header-top-social { font-style: normal; font-weight: 400; font-size: 14px; line-height: 15px; color: rgba(255, 255, 255, 0.7); gap: 20px; } .header-top-3 .header-top-social a:hover { color: var(--rr-common-white); } .inner-page { padding: 5px 0; background: var(--rr-heading-primary); } .inner-page-menu { gap: 30px; list-style: none; } .inner-page-menu li { gap: 6px; display: flex; align-items: center; color: var(--rr-common-white); font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; } .inner-page-menu li a { display: flex; align-items: center; gap: 10px; color: var(--rr-common-white); } .inner-page-menu li a:hover { color: var(--rr-theme-primary); } .inner-page-socail-menu { gap: 20px; list-style: none; display: flex; justify-content: center; align-items: center; } .inner-page-socail-menu .lan-select .lan { background: transparent; color: #fff; border: none; } .inner-page-socail-menu .lan-select .lan option { background: #000; border: none; } .inner-page-socail-menu li a { display: flex; font-size: 14px; color: var(--rr-common-white); font-family: var(--rr-ff-body); font-style: normal; font-weight: 500; line-height: 17px; } .inner-page-socail-menu li a:hover { color: var(--rr-theme-primary); } .inner-page .header-top-social { font-style: normal; font-weight: 400; font-size: 14px; line-height: 15px; color: rgba(255, 255, 255, 0.7); gap: 20px; } .inner-page .header-top-social a:hover { color: var(--rr-common-white); } .lan-select form select { background: transparent; color: #fff; border: none; } /* HEADER CSS */ /*----------------------------------------*/ /* 3.1 banner Style 1 /*----------------------------------------*/ .banner-home { padding: 175px 0 107px; margin-top: -115px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .banner-home { padding-bottom: 0; } } .banner-home__middel-shape { position: absolute; background: radial-gradient(50% 50% at 49.98% 50%, #FFF 0%, #DADADA 8%, #A1A1A1 22%, #707070 36%, #474747 50%, #282828 63%, #121212 77%, #040404 89%, #000 100%); background-blend-mode: screen; mix-blend-mode: screen; width: 639.5px; height: 639.5px; border-radius: 500px; top: -62px; left: 642px; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__middel-shape { top: -200px; left: 370px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__middel-shape { top: -200px; left: 190px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__middel-shape { top: -200px; left: 190px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__middel-shape { top: -230px; left: 100px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner-home__middel-shape { top: -280px; left: -80px; } } @media (max-width: 575px) { .banner-home__middel-shape { top: -330px; left: -80px; } } .banner-home__small-red { position: absolute; top: 526px; right: 330px; } .banner-home__small-red img { max-width: 100%; height: auto; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__small-red { top: 412px; right: 360px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__small-red { top: 402px; right: 358px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__small-red { top: 395px; right: 312px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__small-red { top: 395px; right: 312px; } } .banner-home__small-parpale { position: absolute; top: 455px; right: -65px; } .banner-home__small-parpale img { max-width: 100%; height: auto; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__small-parpale { top: 354px; right: 45px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__small-parpale { top: 324px; right: 45px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__small-parpale { top: 326px; right: 47px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__small-parpale { top: 341px; right: 15px; } } .banner-home__small-blue { position: absolute; top: 247px; right: -143px; } .banner-home__small-blue img { max-width: 100%; height: auto; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__small-blue { top: 213px; right: 14px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__small-blue { top: 213px; right: 14px; } } .banner-home__blue-dot-shape { position: absolute; top: 75.81px; right: 10px; } .banner-home__blue-dot-shape img { width: 100%; height: auto; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__blue-dot-shape { top: 66.81px; right: 117px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__blue-dot-shape { top: 66.81px; right: 117px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__blue-dot-shape { top: 89.81px; right: 101px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__blue-dot-shape { top: 88.81px; right: 53px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner-home__blue-dot-shape { top: 88.81px; right: 53px; } } .banner-home__red-shape { position: absolute; top: -15px; right: -30.59px; } .banner-home__red-shape img { width: 100%; height: auto; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__red-shape { top: -27px; right: 90px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__red-shape { top: -27px; right: 90px; } } .banner-home__card1-shape { position: absolute; top: 355px; right: 308px; } .banner-home__card1-shape img { width: 100%; height: auto; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__card1-shape img { max-width: 80% !important; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__card1-shape img { max-width: 80% !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__card1-shape img { max-width: 65% !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__card1-shape img { max-width: 60% !important; } } @media (max-width: 575px) { .banner-home__card1-shape img { max-width: 70% !important; } } @media (max-width:450px) { .banner-home__card1-shape img { max-width: 70% !important; } } @media (max-width:376px) { .banner-home__card1-shape img { max-width: 55% !important; } } @media (max-width:320px) { .banner-home__card1-shape img { max-width: 60% !important; } } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__card1-shape { top: 265px; right: 335px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__card1-shape { top: 285px; right: 242px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__card1-shape { top: 282px; right: 236px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__card1-shape { top: 282px; right: 146px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner-home__card1-shape { top: 480px; right: 305px; } } @media (max-width: 575px) { .banner-home__card1-shape { top: 537px; right: 187px; } } @media (max-width:450px) { .banner-home__card1-shape { top: 537px; right: 187px; } } @media (max-width:376px) { .banner-home__card1-shape { top: 641px; right: 122px; } } @media (max-width:320px) { .banner-home__card1-shape { top: 654px; right: 102px; } } .banner-home__card2-shape { position: absolute; top: 477px; right: 375px; } .banner-home__card2-shape img { width: 100%; height: auto; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__card2-shape img { max-width: 80% !important; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__card2-shape img { max-width: 80% !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__card2-shape img { max-width: 65% !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__card2-shape img { max-width: 60% !important; } } @media (max-width: 575px) { .banner-home__card2-shape img { max-width: 70% !important; } } @media (max-width:450px) { .banner-home__card2-shape img { max-width: 70% !important; } } @media (max-width:376px) { .banner-home__card2-shape img { max-width: 55% !important; } } @media (max-width:320px) { .banner-home__card2-shape img { max-width: 60% !important; } } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__card2-shape { top: 365px; right: 370px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__card2-shape { top: 365px; right: 360px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__card2-shape { top: 365px; right: 295px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__card2-shape { top: 365px; right: 201px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner-home__card2-shape { top: 600px; right: 260px; } } @media (max-width: 575px) { .banner-home__card2-shape { top: 622px; right: 225px; } } @media (max-width:450px) { .banner-home__card2-shape { top: 622px; right: 225px; } } @media (max-width:376px) { .banner-home__card2-shape { top: 711px; right: 145px; } } @media (max-width:320px) { .banner-home__card2-shape { top: 730px; right: 112px; } } .banner-home__cup-shape { position: absolute; top: 153px; right: -160px; z-index: 1; } .banner-home__cup-shape img { width: 100%; height: auto; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__cup-shape img { max-width: 75% !important; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__cup-shape img { max-width: 75% !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__cup-shape img { max-width: 55% !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__cup-shape img { max-width: 47% !important; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner-home__cup-shape img { max-width: 75% !important; } } @media (max-width: 575px) { .banner-home__cup-shape img { max-width: 50% !important; } } @media (max-width:450px) { .banner-home__cup-shape img { max-width: 50% !important; } } @media (max-width:376px) { .banner-home__cup-shape img { max-width: 40% !important; } } @media (max-width:320px) { .banner-home__cup-shape img { max-width: 40% !important; } } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__cup-shape { top: 155px; right: -50px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__cup-shape { top: 155px; right: -50px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__cup-shape { top: 173px; right: -75px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__cup-shape { top: 170px; right: -131px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner-home__cup-shape { top: 445px; right: -50px; } } @media (max-width: 575px) { .banner-home__cup-shape { top: 465px; right: -127px; } } @media (max-width:450px) { .banner-home__cup-shape { top: 543px; right: -162px; } } @media (max-width:376px) { .banner-home__cup-shape { top: 559px; right: -144px; } } @media (max-width:320px) { .banner-home__cup-shape { top: 597px; right: -167px; } } .banner-home__blue-shape { position: absolute; right: -120px; top: 87px; } .banner-home__blue-shape img { max-width: 100%; height: auto; position: relative; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__blue-shape img { max-width: 75% !important; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__blue-shape img { max-width: 75% !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__blue-shape img { max-width: 55% !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__blue-shape img { max-width: 55% !important; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner-home__blue-shape img { max-width: 65% !important; } } @media (max-width: 575px) { .banner-home__blue-shape img { max-width: 65% !important; } } @media (max-width:450px) { .banner-home__blue-shape img { max-width: 60% !important; } } @media (max-width:376px) { .banner-home__blue-shape img { max-width: 45% !important; } } @media (max-width:320px) { .banner-home__blue-shape img { max-width: 45% !important; } } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__blue-shape { right: -25px; top: 87px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__blue-shape { right: -25px; top: 87px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__blue-shape { right: -50px; top: 116px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__blue-shape { right: -101px; top: 116px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner-home__blue-shape { right: -20px; top: 400px; } } @media (max-width: 575px) { .banner-home__blue-shape { right: -60px; top: 403px; } } @media (max-width:450px) { .banner-home__blue-shape { right: -60px; top: 403px; } } @media (max-width:376px) { .banner-home__blue-shape { right: -117px; top: 506px; } } @media (max-width:320px) { .banner-home__blue-shape { right: -134px; top: 532px; } } .banner-home__parpale-shape { position: absolute; bottom: -15px; right: -81px; z-index: -1; } .banner-home__parpale-shape img { width: 100%; height: auto; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__parpale-shape img { max-width: 85% !important; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__parpale-shape img { max-width: 85% !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__parpale-shape img { max-width: 65% !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__parpale-shape img { max-width: 55% !important; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner-home__parpale-shape img { max-width: 75% !important; } } @media (max-width: 575px) { .banner-home__parpale-shape img { max-width: 65% !important; } } @media (max-width:450px) { .banner-home__parpale-shape img { max-width: 60% !important; } } @media (max-width:376px) { .banner-home__parpale-shape img { max-width: 45% !important; } } @media (max-width:320px) { .banner-home__parpale-shape img { max-width: 45% !important; } } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__parpale-shape { bottom: -5px; right: -20px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__parpale-shape { bottom: -5px; right: -20px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__parpale-shape { bottom: 0px; right: -80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__parpale-shape { bottom: -16px; right: -154px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner-home__parpale-shape { bottom: -10px; right: -35px; } } @media (max-width: 575px) { .banner-home__parpale-shape { bottom: -16px; right: -127px; } } @media (max-width:450px) { .banner-home__parpale-shape { bottom: -16px; right: -127px; } } @media (max-width:376px) { .banner-home__parpale-shape { bottom: -19px; right: -166px; } } @media (max-width:320px) { .banner-home__parpale-shape { bottom: -26px; right: -185px; } } .banner-home__banner-shape-1 { position: absolute; top: -16px; left: 380px; } .banner-home__banner-shape-1 img { max-width: 100%; height: auto; object-fit: cover; } .banner-home__banner-shape-2 { position: absolute; top: 420px; left: -317px; } .banner-home__banner-shape-2 img { max-width: 100%; height: auto; object-fit: cover; } .banner-home__banner-right-shape { position: absolute; top: 33px; right: 32px; z-index: -1; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__banner-right-shape { top: 21px; right: 135px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__banner-right-shape { top: 6px; right: 125px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__banner-right-shape { top: 33px; right: 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__banner-right-shape { top: 46px; right: 56px; } } @media (max-width: 575px) { .banner-home__banner-right-shape { top: 343px; right: 55px; } } @media (max-width:450px) { .banner-home__banner-right-shape { top: 312px; right: 75px; } } @media (max-width:376px) { .banner-home__banner-right-shape { top: 450px; right: 42px; } } @media (max-width:320px) { .banner-home__banner-right-shape { top: 463px; right: 9px; } } .banner-home__banner-right-shape img { max-width: 100%; height: auto; object-fit: cover; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__banner-right-shape img { max-width: 340px !important; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__banner-right-shape img { max-width: 340px !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__banner-right-shape img { max-width: 315px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__banner-right-shape img { max-width: 280px !important; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner-home__banner-right-shape img { max-width: 280px !important; } } @media (max-width: 575px) { .banner-home__banner-right-shape img { max-width: 280px !important; } } @media (max-width:450px) { .banner-home__banner-right-shape img { max-width: 280px !important; } } @media (max-width:376px) { .banner-home__banner-right-shape img { max-width: 255px !important; } } @media (max-width:320px) { .banner-home__banner-right-shape img { max-width: 255px !important; } } .banner-home__content h6 { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); } .banner-home__content h1 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h1); font-weight: var(--rr-fw-bold); line-height: var(--rr-lh-h1); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__content h1 { font-size: 58px; line-height: 78px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__content h1 { font-size: 48px; line-height: 60px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner-home__content h1 { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .banner-home__content h1 { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .banner-home__content h1 { font-size: 27px; line-height: 37px; } } .banner-home__content .description p { max-width: 624px; 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: 20px; margin-bottom: 0; } .banner-home__btn__wrapper { gap: 30px; } @media (max-width:376px) { .banner-home__btn__wrapper { gap: 25px; } } .banner-home__media { position: relative; right: -55px; } .banner-home__media img { position: relative; z-index: -1; max-width: 170px; height: auto; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__media img { max-width: 140px !important; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__media img { max-width: 130px !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__media img { max-width: 120px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__media img { max-width: 120px !important; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner-home__media img { max-width: 120px !important; } } @media (max-width: 575px) { .banner-home__media img { text-align: center; max-width: 90px !important; margin-top: 30px; right: -140px; } } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-home__media { left: -25px; position: relative; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-home__media { left: -20px; position: relative; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-home__media { left: -20px; top: 30px; position: relative; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__media { left: -20px; top: 30px; position: relative; } } @media (max-width:450px) { .banner-home__media { text-align: start; right: -30px; position: relative; } } @media (max-width:320px) { .banner-home__media { text-align: start; right: 5px; position: relative; } } /*----------------------------------------*/ /* 3.1 banner Style 1 /*----------------------------------------*/ .banner { z-index: 1; position: relative; } .banner-custom-container { max-width: 1550px; width: 100%; margin: 0 auto; padding: 0 15px; } .banner__navigation { position: absolute; left: 47%; top: 90%; } .banner__navigation button { width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: var(--rr-theme-primary); position: absolute; top: 90%; left: 80px; z-index: 55; background-color: var(--rr-common-white); } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner__navigation button { left: 20px; width: 50px; height: 50px; } .banner__navigation button svg { max-width: 17px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .banner__navigation button { left: 10px; width: 50px; height: 50px; } .banner__navigation button svg { max-width: 17px; } } .banner__navigation button svg { max-width: 24px; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .banner__navigation button svg { max-width: 17px !important; } } .banner__navigation button:after { top: 0; z-index: -1; left: 0; content: ""; position: absolute; width: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); height: 100%; background: var(--rr-theme-primary); -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .banner__navigation button:hover { background: var(--rr-theme-primary); } .banner__navigation button:hover svg path[stroke="#001D08"] { stroke: var(--rr-common-white); } .banner__navigation .banner__button-next { left: auto; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner__navigation .banner__button-next { width: 50px; height: 50px; right: 20px; } .banner__navigation .banner__button-next svg { max-width: 17px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .banner__navigation .banner__button-next { right: 10px; width: 50px; height: 50px; } .banner__navigation .banner__button-next svg { max-width: 17px; } } .banner_parallax-slider { position: relative; } .banner_parallax-slider .swiper-slide { position: relative; overflow: hidden; width: 100%; height: calc(100% + 1px); top: -1px; } .banner__space { padding: 205px 0; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner__space { padding-top: 150px; padding-bottom: 200px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__space { padding-top: 120px; padding-bottom: 180px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .banner__space { padding-top: 80px; padding-bottom: 150px; } } @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: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), (max-width:450px) { .banner__space-shape-wrapper { display: none; } } .banner__space-shape-wrapper-top-black-shape { position: absolute; top: -10px; left: 0; } .banner__space-shape-wrapper-top-black-shape img { width: 100%; height: auto; } .banner__space-shape-wrapper-bottom-shape { position: absolute; right: 0; bottom: -15px; } .banner__space-shape-wrapper-bottom-shape img { width: 100%; height: auto; } .banner__thumb-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .banner__thumb-bg::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #0C0C0C; opacity: 0.3; z-index: 1; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .banner__thumb-bg { background-position: -475px 0; } } @media (max-width:450px) { .banner__thumb-bg { background-position: -562px 0; } } @media (max-width: 400px) { .banner__thumb-bg { background-position: -667px 0; } } .banner__sub-title { color: var(--rr-common-white); font-family: var(--rr-ff-subtitle); font-weight: var(--rr-fw-regular); font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 12px; } .banner__title { color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-bold); font-size: var(--rr-fs-h1); line-height: 84px; font-style: normal; margin-bottom: 14px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner__title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner__title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .banner__title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .banner__title { font-size: 36px; line-height: 50px; } } .banner__content { max-width: 800px; margin-top: 120px; } @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: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .banner__content { left: 9px; } } .banner__content p { color: var(--rr-common-white); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); font-size: 20px; opacity: 0.8; max-width: 625px; } /*----------------------------------------*/ /* 3.1 banner Style 1 /*----------------------------------------*/ .banner-3.space { padding: 110px 0 97px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-3.space { padding: 52px 0 77px; } } @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: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .banner-3.space { padding: 80px 0 90px; } } @media (max-width: 575px) { .banner-3.space { padding: 60px 0 70px; } } .banner-3__media { z-index: 1; padding-left: 119px; position: relative; margin-bottom: -97px; margin-right: -315px; margin-top: -110px; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-3__media { padding-left: 19px; margin-right: -215px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-3__media { margin-bottom: -79px; margin-top: -90px; padding-left: 0; margin-right: -290px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .banner-3__media { padding: 0; margin: 50px 0 0; } } .banner-3__media .img { overflow: hidden; padding-left: 288px; z-index: -1; position: absolute; right: 0; top: 0; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner-3__media .img { padding-left: 188px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-3__media .img { padding-left: 60px; } } .banner-3__media .img img { width: 100%; height: 100%; object-fit: cover; } .banner-3__media__shape { background-size: contain; overflow: hidden; background-repeat: no-repeat; width: 936px; height: 723px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-3__media__shape { width: 903px; height: 723px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .banner-3__media__shape { display: none; } } .banner-3__media .banner-image-mobile { overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .banner-3__content h1 { color: var(--rr-gray-900); font-size: 60px; font-style: normal; font-weight: 600; line-height: 116.667%; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-3__content h1 { font-size: 52px; line-height: 72px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-3__content h1 { font-size: 52px; line-height: 64px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-3__content h1 { font-size: 50px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner-3__content h1 { font-size: 38px; line-height: 50px; } } @media (max-width: 575px) { .banner-3__content h1 { font-size: 32px; line-height: 44px; } } .banner-3__content h1 span { color: var(--rr-theme-primary); } .banner-3__content .rr-btn__wrapper { gap: 10px; } .banner-3__item { gap: 15px; padding: 23px 42px 19px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border-left: 1px solid #000; background: var(--rr-common-white); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); } .banner-3__item-left img { width: 54px; height: 54px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; -ms-border-radius: 500px; border-radius: 500px; border: 2px solid var(--rr-common-white); } .banner-3__item-left img:not(:first-child) { margin-left: -16px; } .banner-3__item-left span.custom-img { display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin-left: -16px; background-color: var(--rr-common-white); -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; -ms-border-radius: 500px; border-radius: 500px; border: 2px solid var(--rr-common-white); filter: drop-shadow(0px 4px 13px rgba(19, 16, 34, 0.06)) drop-shadow(0px 4.8px 24.4px rgba(19, 16, 34, 0.1)); } .banner-3__item-left span.custom-img i { font-size: 32px; color: var(--rr-theme-primary); } .banner__space-3 { padding-top: 198px; padding-bottom: 190px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__space-3 { padding-top: 280px; padding-bottom: 213px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner__space-3 { padding-top: 220px; padding-bottom: 475px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner__space-3 { padding-top: 180px; padding-bottom: 475px; } } @media (max-width: 575px) { .banner__space-3 { padding-top: 130px; padding-bottom: 475px; } } .banner__space-3 .bg-shape { position: absolute; top: 90px; left: 378px; z-index: -1; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__space-3 .bg-shape { top: 275px; left: 378px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner__space-3 .bg-shape { top: 870px; left: -130px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner__space-3 .bg-shape { top: 870px; left: -130px; } } @media (max-width: 575px) { .banner__space-3 .bg-shape { top: 729px; left: -200px; } } @media (max-width:376px) { .banner__space-3 .bg-shape { top: 729px; left: -200px; } } @media (max-width:320px) { .banner__space-3 .bg-shape { top: 729px; left: -200px; } } .banner__space-3 .bg-shape img { width: auto; } .banner__area .bg-color { background: linear-gradient(90.22deg, rgba(219, 255, 0, 0.1) 0.19%, rgba(247, 255, 152, 0.1) 49.48%, rgba(219, 255, 0, 0.1) 99.8%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .banner__area .banner-home__middel-shape-2 { position: absolute; background: radial-gradient(50% 50% at 49.98% 50%, #FFF 0%, #DADADA 8%, #A1A1A1 22%, #707070 36%, #474747 50%, #282828 63%, #121212 77%, #040404 89%, #000 100%); background-blend-mode: screen; mix-blend-mode: screen; width: 639.5px; height: 639.5px; border-radius: 500px; top: -60px; left: 556px; z-index: -2; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner__area .banner-home__middel-shape-2 { top: -200px; left: 370px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner__area .banner-home__middel-shape-2 { top: -200px; left: 190px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__area .banner-home__middel-shape-2 { top: -200px; left: 190px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner__area .banner-home__middel-shape-2 { top: -230px; left: 100px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner__area .banner-home__middel-shape-2 { top: -280px; left: -80px; } } @media (max-width: 575px) { .banner__area .banner-home__middel-shape-2 { top: -330px; left: -80px; } } .banner__area .banner-custom-container .banner { position: relative; } .banner__area .banner-custom-container .banner .content-3 { margin-top: 0; max-width: 597px; margin-right: -59px; } .banner__area .banner-custom-container .banner .content-3 .sub-title { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-weight: var(--rr-fw-regular); font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 12px; } .banner__area .banner-custom-container .banner .content-3 .title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-bold); font-style: normal; font-size: 64px; line-height: 86px; margin-bottom: 0; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner__area .banner-custom-container .banner .content-3 .title { font-size: 59px; line-height: 86px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__area .banner-custom-container .banner .content-3 .title { font-size: 62px; line-height: 86px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner__area .banner-custom-container .banner .content-3 .title { font-size: 62px; line-height: 86px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner__area .banner-custom-container .banner .content-3 .title { font-size: 62px; line-height: 86px; } } @media (max-width: 575px) { .banner__area .banner-custom-container .banner .content-3 .title { font-size: 45px; line-height: 70px; } } @media (max-width:376px) { .banner__area .banner-custom-container .banner .content-3 .title { font-size: 37px; line-height: 55px; } } @media (max-width:320px) { .banner__area .banner-custom-container .banner .content-3 .title { font-size: 31px; line-height: 48px; } } .banner__area .banner-custom-container .banner .banner-media-3 .middel-img { position: relative; top: 18px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__area .banner-custom-container .banner .banner-media-3 .middel-img { top: 70px; right: 67px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner__area .banner-custom-container .banner .banner-media-3 .middel-img { top: 282px; left: 60px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner__area .banner-custom-container .banner .banner-media-3 .middel-img { top: 282px; } } @media (max-width: 575px) { .banner__area .banner-custom-container .banner .banner-media-3 .middel-img { top: 300px; right: 16px; } } @media (max-width:376px) { .banner__area .banner-custom-container .banner .banner-media-3 .middel-img { top: 300px; right: 16px; } } @media (max-width:320px) { .banner__area .banner-custom-container .banner .banner-media-3 .middel-img { top: 300px; right: 16px; } } .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .img-border { position: relative; z-index: 1; } .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .img-border:before { background-color: transparent; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 4px solid var(--rr-common-white); -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } @media (max-width:320px) { .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .img-border:before { width: 81%; } } .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .frist-img { position: absolute; top: -151px; left: 66px; transform: rotate(-20deg); width: 300px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; height: 370px; overflow: hidden; } @media (max-width: 575px) { .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .frist-img { transform: rotate(-17deg); } } @media (max-width:376px) { .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .frist-img { left: 37px; transform: rotate(-9deg); } } @media (max-width:320px) { .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .frist-img { left: 40px; transform: rotate(-7deg); top: -111px; } } .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .frist-img img { width: 300px; height: 370px; object-fit: cover; border-radius: 11px; } @media (max-width:320px) { .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .frist-img img { width: 240px; } } .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .secend-img { left: 172px; position: absolute; width: 300px; transform: rotate(30deg); -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; height: 370px; overflow: hidden; top: 138px; } @media (max-width: 575px) { .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .secend-img { transform: rotate(14deg); left: 63px; } } @media (max-width:376px) { .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .secend-img { transform: rotate(5deg); left: 36px; } } @media (max-width:320px) { .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .secend-img { transform: rotate(8deg); left: 38px; } } .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .secend-img img { width: 300px; height: 370px; object-fit: cover; border-radius: 11px; } @media (max-width:320px) { .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .secend-img img { width: 243px; } } .banner__area .banner-custom-container .banner .banner-text .text-space p { margin-bottom: 20px; max-width: 485px; font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); color: var(--rr-text-body); font-style: normal; font-size: 20px; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .banner__area .banner-custom-container .banner .banner-text .text-space p { margin-top: -60px; } } .banner__area .banner-custom-container .banner .banner-text .text-space .arrow { position: relative; left: 72px; margin-bottom: -74px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__area .banner-custom-container .banner .banner-text .text-space .arrow { left: 361px; margin-bottom: -150px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner__area .banner-custom-container .banner .banner-text .text-space .arrow { left: 397px; top: -161px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner__area .banner-custom-container .banner .banner-text .text-space .arrow { left: 397px; top: -161px; } } @media (max-width: 575px) { .banner__area .banner-custom-container .banner .banner-text .text-space .arrow { left: 397px; top: -161px; } } @media (max-width:376px) { .banner__area .banner-custom-container .banner .banner-text .text-space .arrow { left: 397px; top: -161px; } } .banner__area .banner-custom-container .banner .banner-text .text-space .arrow img { width: auto; max-width: 410px; height: auto; } .banner__area .banner__navigation-3 { position: absolute; top: 90%; left: 90%; } .banner__area .banner__navigation-3 button { background: transparent; border: 1px solid #e3e8d2; transition: 0.3s; } .banner__area .banner__navigation-3 button:hover { color: var(--rr-common-white); background: var(--rr-theme-primary); } /* HEADER CSS */ /*----------------------------------------*/ /* 7.1 cta /*----------------------------------------*/ .cta__fake-div { width: 100%; height: 183px; margin-bottom: -183px; position: relative; } .cta__fake-div:before { width: 100%; content: ""; height: 100%; background-color: currentColor; position: absolute; bottom: -100%; left: 0; } .cta__area { position: relative; z-index: 11; } .cta__area.footer-up-cta { margin-bottom: -63px; } .cta__area.footer-up-cta-2 { margin-bottom: -172px; } .cta__area.footer-up-home-1 { margin-bottom: -91.5px; } .cta__wrapper { gap: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; overflow: hidden; } .cta__wrapper.primary-border-top { border-top: 2px solid var(--rr-border-primary); } .cta__content { max-width: 420px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .cta__content { text-align: center; max-width: 100%; } } .cta__content p { max-width: 400px; } .cta__subscribe { gap: 10px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .cta__subscribe { flex-wrap: wrap; justify-content: center; } } .cta__meida { border: 36px solid rgba(255, 255, 255, 0.3); -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; -ms-border-radius: 500px; border-radius: 500px; } .cta-2 .cta__content { max-width: 654px; } .cta-2 .cta__content p { max-width: 570px; } /*----------------------------------------*/ /* 4.2 Menu /*----------------------------------------*/ .main-menu ul { margin-bottom: 0; } .main-menu ul li { position: relative; list-style: none; display: inline-block; margin-inline-end: 30px; /* submenu css start */ /* mega menu start */ } .main-menu ul li:last-child { margin-inline-end: 0px; } .main-menu ul li.active > a { color: var(--rr-theme-primary) !important; } .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: 30px 0; text-transform: capitalize; line-height: normal; } @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; } } .main-menu ul li.has-dropdown > a { position: relative; } .main-menu ul li.has-dropdown > a::after { content: "+"; -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); transform: translateY(1px); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); margin-inline-start: 5px; display: inline-block; } .main-menu ul li.has-mega-menu { position: relative; } .main-menu ul li.megamenu-wrapper { position: relative; } .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: 30%; 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: 16px; padding: 0 25px; padding-inline-start: 30px; padding-bottom: 9px; width: 100%; } .main-menu ul li .submenu li a::before { position: absolute; content: ""; left: 25px; top: 40%; -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; } .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: 767px), only screen and (min-width: 768px) and (max-width: 991px) { .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: 767px), only screen and (min-width: 768px) and (max-width: 991px) { .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: 767px), only screen and (min-width: 768px) and (max-width: 991px) { .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); } .mobile-menu > ul > li.menu-last .submenu { right: 0; left: auto; } .mobile-menu > ul > li.menu-last .submenu li .submenu { right: 100%; left: auto; } .lan-select .nice-select::after { right: 0px !important; } /*----------------------------------------*/ /* 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 /*----------------------------------------*/ .latest-blog__area .bottom-button { gap: 10px; justify-content: center; } .latest-blog__area .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; } .latest-blog__area .bottom-button a:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .postbox__thumb-slider .swiper-container { overflow: hidden; } .postbox__slider-arrow-wrap .postbox-arrow-next { position: absolute; top: 47%; transform: translateY(-50%); right: 0; z-index: 9; } .postbox__slider-arrow-wrap button { height: 50px; width: 50px; line-height: 50px; background-color: var(--rr-common-white); color: var(--rr-common-black); text-align: center; font-size: 18px; transition: 0.3s; } .postbox__slider-arrow-wrap button:hover { background-color: var(--rr-theme-primary); color: white; } .postbox__slider-arrow-wrap .postbox-arrow-prev { position: absolute; top: 47%; transform: translateY(-50%); left: 0; z-index: 9; } .postbox__play-btn a { height: 85px; width: 85px; line-height: 85px; background-color: var(--rr-common-white); color: var(--rr-theme-primary); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; border-radius: 50%; animation: pulse 2s infinite; } .postbox__play-btn a i { font-size: 20px; font-weight: 700; } .latest-blog2__item-wrapper-item-img img { width: 100% !important; height: 100% !important; border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; -o-object-fit: cover; object-fit: cover !important; } /*----------------------------------------*/ /* 5.3 sidebar /*----------------------------------------*/ .sidebar-rr-sticky { position: sticky; top: 120px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) { .sidebar-rr-sticky { margin-top: 50px; } } .sidebar__widget:not(:last-child) { margin-bottom: 30px; } .sidebar__widget { padding: 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; background: var(--rr-common-white); border: 1px solid #e5e8e6; } .sidebar__widget-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); margin-bottom: 24px; font-style: normal; } .sidebar__widget-title__have-bar { padding-bottom: 10px; position: relative; } .sidebar__widget-service { display: flex; flex-direction: column; gap: 17px; } .sidebar__widget-service a { padding-bottom: 20px; display: flex; gap: 10px; align-items: center; font-size: 18px; line-height: 27px; border-bottom: 1px solid rgba(0, 15, 32, 0.1); color: var(--rr-heading-primary); } .sidebar__widget-service a:last-child { padding-bottom: 0; border-bottom: 0; } .sidebar__widget-service a:hover { color: var(--rr-theme-primary); } .sidebar__widget-service a i { color: var(--rr-theme-primary); font-size: 14px; font-style: normal; font-weight: 900; line-height: normal; } .sidebar__widget-download { display: flex; flex-direction: column; gap: 20px; } .sidebar__widget-download a { padding: 11.5px 20px; display: flex; gap: 10px; align-items: center; font-size: 16px; line-height: 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(0, 15, 32, 0.1); color: var(--rr-heading-primary); } .sidebar__widget-download a img { max-width: 15px; } .sidebar__widget-download a:hover { background-color: var(--rr-theme-primary); color: var(--rr-common-white); } .sidebar__widget-download a:hover img { filter: brightness(0) invert(1); } .sidebar__widget-search .search__bar { height: 50px; width: 100%; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .sidebar__widget-search .search__bar input { height: 100%; padding: 20px; padding-left: 42px; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border: 1px solid #e5e8e6; background: var(--rr-common-white); color: var(--rr-text-body); font-family: var(--rr-ff-body); font-size: 14px; font-style: normal; font-weight: 400; line-height: 10px; margin-left: 0; } .sidebar__widget-search .search__bar button { position: absolute; left: 18px; padding: 0; height: 100%; line-height: 0; } .sidebar__widget-search .search__bar button:hover svg path[stroke="#525257"] { stroke: var(--rr-theme-primary); } .sidebar__widget-category { display: flex; flex-direction: column; gap: 12px; } .sidebar__widget-category a { display: flex; align-items: center; gap: 10px; justify-content: space-between; color: var(--rr-heading-primary); font-size: var(--rr-fs-body2); font-style: normal; font-weight: 400; padding: 16px; line-height: normal; border: 1px solid #e5e8e6; border-radius: 4px; } .sidebar__widget-category a span:first-child { display: flex; align-items: center; } .sidebar__widget-category a:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .sidebar__widget-category a:hover span:first-child svg circle[fill="#525257"] { fill: var(--rr-theme-primary); } .sidebar__widget-tags .tags { display: flex; flex-wrap: wrap; gap: 10px; } .sidebar__widget-tags .tags a { display: block; padding: 2px 11.5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: var(--rr-common-white); border: 1px solid rgba(0, 15, 32, 0.1); font-size: 13px; font-style: normal; font-weight: 400; line-height: 22px; } .sidebar__widget-tags .tags a:hover { color: var(--rr-common-white); background: var(--rr-theme-primary); } .sidebar__widget-have_any_question { padding: 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; background: var(--rr-theme-primary); box-shadow: 0px 1px 3px 0px rgba(0, 15, 32, 0.1); background-repeat: no-repeat; background-size: cover; } .sidebar__widget-have_any_question-space { padding: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; box-shadow: none; } .sidebar__widget-have_any_question-media { padding-left: 41px; margin-top: -93px; margin-bottom: -30px; margin-right: -30px; max-width: 367px; } .sidebar__widget-have_any_question h3 { margin-bottom: 5px; } .sidebar__widget-have_any_question p { max-width: 275px; opacity: 0.8; color: var(--rr-common-white); } .sidebar__widget-have_any_question .rr-btn .text-one { color: var(--rr-heading-primary); } .sidebar__widget .sidebar-post { margin-bottom: 20px; display: flex; gap: 18px; align-items: center; } .sidebar__widget .sidebar-post:last-child { margin-bottom: 0; } .sidebar__widget .sidebar-post_thumb { width: 90px; overflow: hidden; height: 90px; min-width: 90px; min-height: 90px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .sidebar__widget .sidebar-post_thumb img { width: 100%; height: 100%; object-fit: cover; } .sidebar__widget .sidebar-post_thumb:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .sidebar__widget .sidebar-post_content { max-width: 186px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .sidebar__widget .sidebar-post_content { max-width: 100%; } } .sidebar__widget .sidebar-post_content .post-meta { margin-bottom: 6px; } .sidebar__widget .sidebar-post_content .post-meta li { display: flex; align-items: center; gap: 8px; color: var(--rr-theme-primary); font-size: 13px; font-style: normal; font-weight: 400; line-height: 10px; } .sidebar__widget .sidebar-post_content .post-meta li i { color: var(--rr-theme-primary); } .sidebar__widget .sidebar-post_content h3 { font-size: 16px; font-style: normal; line-height: 26px; } @media (max-width:320px) { .sidebar__widget .sidebar-post_content h3 { font-size: 13px; line-height: 20px; } } .sidebar__widget .sidebar-post_content a:hover h3 { color: var(--rr-theme-primary); } .sidebar__widget { border: 1px solid #e5e8e6; border-radius: 10px; padding: 30px; margin-bottom: 26px; } .sidebar__widget:last-child { margin-bottom: 0; } .sidebar__widget .sidebar { margin-bottom: 24px; font-weight: var(--rr-fw-sbold); } .sidebar__widget .sidebar-tags .btn { gap: 10px; padding: 0; } .sidebar__widget .sidebar-tags .btn a { font-size: 14px; border: 1px solid #e5e8e6; border-radius: 4px; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; transition: 0.3s; } .sidebar__widget .sidebar-tags .btn a:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .postbox__area { padding: 60px 0; } } .postbox__title { font-family: var(--rr-ff-heading); font-style: normal; font-weight: 700 !important; font-size: 48px; line-height: 64px; color: var(--rr-heading-primary) !important; transition: 0.3s; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .postbox__title { font-size: 30px; line-height: 44px; } } .blog__details-thumb iframe { width: 100%; } .rc__post { margin-bottom: 20px; } .rc__post-title { font-size: 16px; font-style: normal; line-height: 26px; transition: 0.3s; } .rc__post-title:hover { color: var(--rr-theme-primary); } .rc__post-thumb a img { width: 90px; height: 90px; line-height: 90px; border-radius: 4px; } .rc__post:last-child { margin-bottom: 0; } .rc__meta span { align-items: center; gap: 8px; color: var(--rr-theme-primary); font-size: 13px; font-style: normal; font-weight: 400; line-height: 10px; } .sidebar-tags .sidebar-social a { font-size: 14px; border: 1px solid #e5e8e6; border-radius: 4px; width: 34px; height: 34px; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; transition: 0.3s; margin-right: 8px; } .sidebar-tags .sidebar-social a:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .sidebar__widget .tagcloud a { display: inline-block; padding: 2px 11.5px; border-radius: 4px; background: var(--rr-common-white); border: 1px solid rgba(0, 15, 32, 0.1); font-size: 13px !important; font-style: normal; font-weight: 400; line-height: 22px; margin: 3px; margin-bottom: 7px; transition: 0.3s; } .sidebar__widget .tagcloud a:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .sidebar__widget .widget_search { margin-bottom: 30px; border: 1px solid rgba(0, 29, 8, 0.1) !important; border-radius: 10px; padding: 30px; } .sidebar__widget .widget_rr-services-list { margin-bottom: 30px; border: 1px solid rgba(0, 29, 8, 0.1) !important; border-radius: 10px; padding: 30px; } .service-details-title { margin-bottom: 24px; } .service-details-wrap ul li { border: 1px solid #e5e8e6; border-radius: 4px; transition: 0.3s; margin-bottom: 20px; list-style: none; } .service-details-wrap ul li:last-child { margin-bottom: 0; } .service-details-wrap ul li a { width: 100%; height: 51px; display: flex; align-items: center; justify-content: space-between; padding: 15px; transition: 0.3s; } .service-details-wrap ul li a:hover { background: var(--rr-theme-primary); color: #fff; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .sidebar { margin-top: 50px; } } /*----------------------------------------*/ /* 5.1 blog-details /*----------------------------------------*/ .basic-pagination ul { list-style: none; padding: 0; display: inline-flex; margin-bottom: 0 !important; } .basic-pagination ul li { color: var(--rr-heading-primary); background: #F5F5F5; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; border-radius: 4px; -webkit-transition: 0.3s; transition: 0.3s; margin: 0 5px; font-weight: 500; font-size: 18px; } .basic-pagination ul li:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .basic-pagination ul li .current { background: var(--rr-theme-primary); color: var(--rr-common-white); width: 40px; height: 40px; border-radius: 4px; text-align: center; line-height: 40px; } .blog__details-content img { width: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; overflow: hidden; max-width: 100%; } .blog__details-content .blog__details-meta { list-style: none; display: flex; flex-direction: row; gap: 10px 35px; padding: 0; flex-wrap: wrap; margin-bottom: 18px; } .blog__details-content .blog__details-meta li { text-transform: capitalize; display: flex; align-items: center; justify-content: center; font-size: 14px; font-style: normal; font-weight: 400; gap: 8px; line-height: normal; } .blog__details-content .blog__details-meta li a { gap: 8px; display: flex; align-items: center; } .blog__details-content .blog__details-meta li a:hover { color: var(--rr-theme-primary); } .blog__details-content .blog__details-meta li a:hover svg path[stroke="#4A5764"] { stroke: var(--rr-theme-primary); } .blog__details-content p { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-size: 15px; line-height: 24px; font-style: normal; } .blog__details-content .media { margin-bottom: 30px; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; overflow: hidden; } .blog__details-content .media-group { display: flex; gap: 30px; } @media (max-width: 575px) { .blog__details-content .media-group { flex-wrap: wrap; } } .blog__details-content .media img { margin: 0; width: auto; max-width: 100%; } .blog__details-content blockquote { margin-bottom: 50px; padding: 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; background: var(--rr-common-white); box-shadow: 0px 20px 40px rgba(0, 29, 8, 0.1), inset 4px 0px 0px #FE5624; margin-top: 40px; } .blog__details-content blockquote p { font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; } .blog__details-content blockquote span { padding-left: 30px; position: relative; color: var(--rr-heading-primary); font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; } .blog__details-content blockquote span:after { height: 2px; left: 10px; content: ""; position: absolute; display: block; top: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 20px; background: var(--rr-theme-primary); } .blog__details-thumb { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; overflow: hidden; } .blog__details-thumb img { margin-bottom: 0; } .blog__details-bottom { padding-top: 66px; } .blog__details-bottom .share-social-media { display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap; } .blog__details-bottom .share-social-media_wrapper { display: flex; gap: 10px; align-items: center; justify-content: end; } .blog__details-bottom .share-social-media_wrapper span { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: 18px; font-style: normal; font-weight: 700; line-height: 20px; } .blog__details-bottom .share-social-media a { background-color: var(--rr-theme-primary); width: 40px; height: 40px; min-width: 40px; min-height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .blog__details-bottom .share-social-media a:nth-child(1) { background-color: #229EF2; } .blog__details-bottom .share-social-media a:nth-child(2) { background-color: #2E4E9C; } .blog__details-bottom .share-social-media a:nth-child(3) { background-color: #0681BA; } .blog__details-bottom .share-social-media a:nth-child(4) { background-color: #EB044F; } .blog__details-bottom .share-social-media a:hover { -webkit-transform: translate(0, -5px); -moz-transform: translate(0, -5px); -ms-transform: translate(0, -5px); -o-transform: translate(0, -5px); transform: translate(0, -5px); } .blog__details-bottom .share-social-media a:hover svg path[fill="#00D563"] { fill: var(--rr-heading-primary); } .blog__details-bottom-tags { display: flex; gap: 10px; flex-wrap: wrap; } .blog__details-bottom-tags_wapper { display: flex; gap: 10px; align-items: center; } .blog__details-bottom-tags_wapper span { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: 18px; font-style: normal; font-weight: 700; line-height: 20px; } .blog__details-bottom-tags a { overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background: #F5F5F5; padding: 3px 12px; color: var(--rr-heading-primary); text-align: center; font-size: 13px; font-style: normal; font-weight: 400; line-height: 22px; } @media (max-width:376px) { .blog__details-bottom-tags a { padding: 3px 6px; } } .blog__details-bottom-tags a:hover { color: var(--rr-common-white); background-color: var(--rr-theme-primary); } .next-prev-post { background: #F9F9F9; border-radius: 10px; padding: 24px 30px; row-gap: 30px; } .next-prev-post .line-border { background: var(--rr-heading-primary); opacity: 0.1; width: 1px; height: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .next-prev-post .prev-post .btn { width: 96px; height: 28px; display: flex; justify-content: center; align-items: center; color: var(--rr-heading-primary); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); background: var(--rr-common-white); font-size: 12px; border-radius: 2px; line-height: 12px; font-style: normal; transition: ease-in-out 0.3s all; margin-bottom: 8px; } .next-prev-post .prev-post .btn:hover { color: var(--rr-common-white); background: var(--rr-theme-primary); } .next-prev-post .prev-post .post-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-medium); line-height: var(--rr-lh-h6); font-size: 16px; font-style: normal; transition: 0.3s; } .next-prev-post .prev-post .post-title:hover { color: var(--rr-theme-primary); } .next-prev-post .next-post { display: flex; flex-direction: column; align-items: end; } @media (max-width: 575px) { .next-prev-post .next-post { align-items: start !important; } } @media (max-width: 575px) { .next-prev-post .next-post { margin-left: 28px; } } .next-prev-post .next-post .btn { width: 96px; height: 28px; display: flex; justify-content: center; align-items: center; color: var(--rr-heading-primary); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); background: var(--rr-common-white); font-size: 12px; border-radius: 2px; line-height: 12px; font-style: normal; transition: ease-in-out 0.3s all; margin-bottom: 8px; } .next-prev-post .next-post .btn:hover { color: var(--rr-common-white); background: var(--rr-theme-primary); } .next-prev-post .next-post .post-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-medium); line-height: var(--rr-lh-h6); font-size: 16px; font-style: normal; transition: 0.3s; } .next-prev-post .next-post .post-title:hover { color: var(--rr-theme-primary); } .author-widget { display: flex; gap: 27px; padding: 25px 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; background: var(--rr-common-white); box-shadow: 0px 10px 60px 0px rgba(8, 8, 33, 0.1), 2px 0px 0px 0px #1745B3 inset; } .author-widget__media { width: 100px; height: 100px; min-height: 100px; min-width: 100px; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .author-widget__media img { width: 100%; height: 100%; object-fit: cover; } .author-widget__content { max-width: 565px; } .author-widget__content h4 { font-size: 22px; font-style: normal; font-weight: 500; line-height: normal; } .comment-item { gap: 20px; background: #F9F9F9; border-radius: 10px; padding: 20px; } .comment-item:last-child { margin-bottom: 0; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .comment-item { gap: 10px; } } .comment-item__reply { margin-left: 80px; } @media (max-width: 575px) { .comment-item__reply { margin-left: 0; } } .comment-item__reply .comment-item__content { border-bottom: 0; } .comment-item__img { min-width: 60px; min-height: 60px; width: 60px; overflow: hidden; height: 60px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; -ms-border-radius: 500px; border-radius: 500px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .comment-item__img { width: 40px; height: 40px; min-width: 40px; min-height: 40px; } } .comment-item__img img { width: 100%; height: 100%; object-fit: cover; } .comment-item__content span { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-size: 14px; line-height: 17px; font-style: normal; text-transform: uppercase; } .comment-item__content p { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-size: 15px; line-height: 24px; font-style: normal; } .comment-item__content button { padding: 8px 23px; color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: 12px; font-style: normal; font-weight: 500; line-height: 10px; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(3, 4, 29, 0.1); } .comment-item__content button:hover { background-color: var(--rr-theme-primary); color: var(--rr-common-white); } .live-comment-widget h4 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); margin-bottom: 12px; font-style: normal; } .live-comment-widget p span { color: var(--rr-theme-primary); } .live-comment-widget__input { margin-bottom: 30px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-comment-widget__input { margin-bottom: 10px; } } .live-comment-widget__textarea { margin-bottom: 25px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-comment-widget__textarea { margin-bottom: 15px; } } .live-comment-widget__form ::-webkit-resizer { color: var(--rr-gray-200); } .live-comment-widget__form .rr-btn { padding: 16px 28px; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; margin-top: 25px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-comment-widget__form .rr-btn { margin-top: 20px; } } .live-comment-widget__form label { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: 16px; font-style: normal; margin-bottom: 11px; font-weight: 500; line-height: normal; } .live-comment-widget__form input, .live-comment-widget__form textarea { margin: 0 !important; padding: 10px 17px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: var(--rr-text-body); border: 1px solid rgba(0, 15, 32, 0.1); font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; } .live-comment-widget__form input { height: 46px; } .live-comment-widget__form textarea { min-height: 162px; } .live-comment-widget__agree { display: flex; align-items: center; gap: 10px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-comment-widget__agree { align-items: inherit; } } .live-comment-widget__agree label { margin-bottom: 0; color: var(--rr-text-body); font-family: var(--rr-ff-body); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-comment-widget__agree label { margin-top: -4px; } } .live-comment-widget__agree input { width: 14px; height: 14px; padding: 4px 6px; border-radius: 2px !important; border: 1px solid rgba(3, 4, 29, 0.3) !important; } .form-check-input:checked { background-color: var(--rr-theme-primary); } .form-check-input:focus { box-shadow: none; } .blog__details-bottom .tagcloud span { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: 18px; font-style: normal; font-weight: 700; line-height: 20px; margin-right: 20px; } .blog__details-bottom .tagcloud a { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background: #F5F5F5; padding: 4px 15px; color: var(--rr-heading-primary); text-align: center; font-size: 13px; font-style: normal; font-weight: 400; line-height: 22px; margin: 0; margin-right: 10px; margin-bottom: 10px; } .blog__details-bottom .tagcloud a:hover { color: var(--rr-common-white); background-color: var(--rr-theme-primary); } .postbox__comment-box-inner { gap: 20px; background: #F9F9F9; border-radius: 10px; padding: 20px; margin-bottom: 30px; padding-bottom: 30px; } .postbox__comment-avater img { min-width: 60px; min-height: 60px; width: 60px; overflow: hidden; height: 60px; border-radius: 500px; } .postbox__comment-title { font-family: var(--rr-ff-heading) !important; color: var(--rr-heading-primary) !important; margin-top: 0px !important; margin-bottom: 0px; font-weight: var(--rr-fw-bold) !important; word-break: break-word; font-size: 24px; margin-bottom: 20px; } .postbox__comment-name { font-family: var(--rr-ff-heading); color: var(--rr-heading-primary); margin-top: 0px; margin-bottom: 0px; font-weight: var(--rr-fw-bold); word-break: break-word; font-size: 16px !important; line-height: var(--rr-lh-h6); } .logged-in-as a { color: #001D08 !important; font-size: 16px; font-weight: 500; } .logged-in-as a:hover { color: var(--rr-theme-primary) !important; } .postbox__title a:hover { color: var(--rr-theme-primary); } .tp-postbox-item-thumb iframe { width: 100%; } .sidebar__wrapper ul li a:hover { color: var(--rr-theme-primary); } /*----------------------------------------*/ /* 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: 991px) { .footer__area-common { padding-top: 60px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer__area-common { padding-top: 50px; } } .footer-wrap { padding: 80px 0 70px 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: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer-wrap { padding: 0px 0 70px 0; } } .footer__main { position: relative; padding-bottom: 80px; } @media only screen and (min-width: 576px) and (max-width: 767px) { .footer__main { padding-bottom: 60px; } } @media (max-width: 575px) { .footer__main { padding-bottom: 40px; } } .footer__widget.footer__widget-item-1 { max-width: 323px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (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: 10px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer__widget.footer__widget-item-2 { padding-left: 0; } } .footer__widget-title h4 { margin-bottom: 35px; font-size: 22px; line-height: var(--rr-lh-h4); position: relative; z-index: 10; text-transform: capitalize; color: var(--rr-common-black); font-family: var(--rr-ff-heading); margin-top: 18px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer__widget-title h4 { font-size: 18px; } } .footer__widget-description p { font-size: var(--rr-fs-body2); margin-bottom: 0; opacity: 0.9; color: var(--rr-common-black); } .footer__logo img { max-width: 188px; } .footer__content p { color: var(--rr-text-body); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 16px; } .footer__link ul { display: grid; grid-template-columns: 1fr; grid-gap: 15px; } .footer__link ul li { list-style: none; } .footer__link ul li a { font-family: var(--rr-ff-heading); color: var(--rr-text-body); font-size: 18px; position: relative; font-weight: var(--rr-fw-regular); gap: 10px; } .footer__link ul li a::before { content: "\f105"; position: absolute; font-family: "Font Awesome 5 Pro"; font-size: 16px; color: #646464; line-height: 1; display: inline-block; transition: 0.4s; margin-top: 6px; margin-left: -14px; font-weight: 600; } .footer__link ul li a i { margin-top: 5px; } .footer__link ul li a:hover { color: var(--rr-theme-primary); } .footer__link ul li a:hover::before { width: 12px; } .footer__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); display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 36px; height: 36px; background: transparent; font-size: 14px; border-radius: 3px; border: 1px solid rgba(0, 29, 8, 0.1); } .footer__social a::before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 1px; -webkit-transform: translate(-177%, 0) rotate(50deg); transform: translate(-177%, 0) rotate(50deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transition: all 0.35s; transition: all 0.35s; background-color: var(--rr-theme-primary); z-index: -1; content: ""; } .footer__social a:hover { 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 a { font-family: var(--rr-ff-heading); display: flex; color: var(--rr-text-body); font-size: 18px; position: relative; font-weight: var(--rr-fw-regular); gap: 10px; margin-bottom: 18px; } .footer__subscribe ul li a:hover { color: var(--rr-theme-primary); } .footer__subscribe.subscribe-2 { max-width: inherit; } .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-4 ul li a { margin-left: 0 !important; margin-bottom: 0; } .footer__widget-item-2-4 ul li a { margin-left: 0 !important; margin-bottom: 0; } .footer__widget-item-2-4 ul li a:before { content: none; } .footer__link ul li a:before { content: none; } .dvr { margin: 0 10px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer__widget { margin-bottom: 30px; } } /*----------------------------------------*/ /* 6.2 footer-2 /*----------------------------------------*/ .footer__area-common-2 { padding-top: 175px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer__area-common-2 { padding-top: 150px; } } .footer__social-2 a { color: var(--rr-heading-primary); border: 1px solid rgba(0, 15, 32, 0.1); background: rgba(23, 69, 179, 0); } .footer__social-2 a:before { background: var(--rr-theme-primary-gradient); } .footer__social-2 a:hover { color: var(--rr-common-white); } .footer__content-2 p { opacity: 1; color: var(--rr-text-body); } .footer__widget-title-2 h4 { margin-bottom: 18px; color: var(--rr-heading-primary); } .footer__link-2 ul { gap: 9px; } .footer__link-2 ul li { gap: 10px; display: flex; align-items: center; color: var(--rr-text-body); justify-content: space-between; font-size: var(--rr-fs-body2); font-weight: var(--rr-fw-normal); line-height: 33.5px; } .footer__link-2 ul li a { opacity: 1; color: var(--rr-text-body); } .footer__widget-2 { margin-bottom: 30px; } .footer__widget-2.footer__widget-2-item-1 { max-width: 304px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer__widget-2.footer__widget-2-item-1 { max-width: 100%; } } .footer__widget-2.footer__widget-2-item-2 { padding-left: 36px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer__widget-2.footer__widget-2-item-2 { padding-left: 0; } } .footer__widget-2.footer__widget-2-item-3 { padding-left: 80px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer__widget-2.footer__widget-2-item-3 { padding-left: 0; } } .footer__widget-2.footer__widget-2-item-4 { padding-left: 28px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer__widget-2.footer__widget-2-item-4 { padding-left: 0; } } /*----------------------------------------*/ /* 6.3 footer-3 /*----------------------------------------*/ .footer__area-common { background-size: contain; } .footer__area-common-3 { background-position: center right; padding-top: 94px; } @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer__area-common-3 { background-image: none !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer__area-common-3 { padding-top: 85px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer__area-common-3 { padding-top: 80px; } } .footer__area-common-3 .footer__bottom { border-top: 1px solid var(--rr-border-secondary); } .footer__area-common-3 .footer__bottom-wrapper { border-top: 0; } .footer__widget-3:nth-child(1) { max-width: 381px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer__widget-3:nth-child(1) { max-width: 250px; } } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) { .footer__widget-3:nth-child(1) { max-width: 100%; } } .footer__widget-3:nth-child(2) { max-width: 221px; } .footer__widget-3:nth-child(3) { max-width: 191px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) { .footer__widget-3:nth-child(3) { max-width: 100%; } } .footer__widget-3:nth-child(4) { max-width: 300px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .footer__widget-3:nth-child(4) { max-width: 100%; min-width: 100%; } } .footer__widget-3:nth-child(4) .footer__link ul { max-width: 166px; } .footer__widget-3 .footer__widget-title h4 { border-bottom: 0; padding-bottom: 0; margin-bottom: 40px; } .footer__widget-3 .footer__link ul { gap: 10px; } .footer__social-xl { gap: 10px; } .footer__social-xl a { border: 0; background: var(--rr-gray-700); width: 50px; height: 50px; } /*----------------------------------------*/ /* 6.4 footer-copyright /*----------------------------------------*/ .footer__bottom { display: flex; align-items: center; justify-content: space-between; padding: 30px 0; gap: 10px 30px; } .footer__bottom-wrapper { border-top: 1px solid var(--rr-border-secondary); } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) { .footer__bottom { flex-wrap: wrap; justify-content: center; } } .footer-bottom-border { border: 1px solid #e5e8e6; } .footer-bottom-border .footer__bottom .footer__copyright p { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); font-size: 18px; font-style: normal; text-align: center; } .footer-bottom-border .footer__bottom .footer__copyright p a:hover { color: var(--rr-theme-primary); } .footer-bottom-border .footer__bottom .footer__copyright-menu ul li a { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); font-size: 18px; font-style: normal; } .footer-bottom-border .footer__bottom .footer__copyright-menu ul li a:hover { color: var(--rr-theme-primary); } .footer__copyright p { color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 14px; margin-bottom: 0; } .footer__copyright p a:hover { color: var(--rr-theme-primary); } .footer__copyright-2 p { color: var(--rr-common-white); } .footer__bottom { display: flex; align-items: center; justify-content: space-between; padding: 24.5px 0; gap: 10px 30px; border-top: var(--rr-border-white30); } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .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: 767px) { .footer__bottom-1 { padding-top: 60px; } } .footer__copyright p { font-size: 14px; margin-bottom: 0; color: var(--rr-common-white); opacity: 0.9; } .footer__copyright p a:hover { color: var(--rr-theme-primary); } .footer__copyright-menu ul { text-align: end; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .footer__copyright-menu ul { flex-wrap: wrap; justify-content: center; } } .footer__copyright-menu ul li { list-style: none; position: relative; } .footer__copyright-menu ul li.no_bullet:after { display: none; } .footer__copyright-menu ul li a { color: var(--rr-common-white); font-size: 14px; position: relative; opacity: 0.9; } .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); } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .footer__copyright-menu ul { text-align: center; } } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .footer__copyright p { text-align: center; } } /*----------------------------------------*/ /* 8.1 brand /*----------------------------------------*/ .brand__thumb img { cursor: pointer; height: auto; width: auto; opacity: 0.5; } .brand__thumb:hover img { opacity: 1; } .brand__active .swiper-wrapper { align-items: center; } /*----------------------------------------*/ /* 8.1 404 /*----------------------------------------*/ .error .error__content .error__content-media img { width: 100%; height: auto; } .error .error__content .section__title-wrapper { max-width: 586px; margin: auto; } .error .error__content .section__title-wrapper .section__title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h5); font-style: normal; } .error .error__content .section__title-wrapper p { color: #646464; font-family: "Rubik"; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; } .error .error__content .section__title-wrapper .error-btn { background: var(--rr-heading-primary); color: var(--rr-common-white); width: 217px; height: 50px; display: flex; justify-content: center; align-items: center; top: 0; position: relative; left: 0; margin: auto; border-radius: 4px; transition: 0.3s; } .error .error__content .section__title-wrapper .error-btn:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } /*----------------------------------------*/ /* 8.3 feedback /*----------------------------------------*/ .banner__area .banner__space-shape-wrapper .banner__space-shape-wrapper-top-black-shape { position: absolute; top: -10px; left: 0; } .banner__area .banner__space-shape-wrapper .banner__space-shape-wrapper-top-black-shape img { width: 100%; height: auto; } .banner__area .banner__space-shape-wrapper .banner__space-shape-wrapper-bottom-shape { position: absolute; right: 0; bottom: -15px; } .banner__area .banner__space-shape-wrapper .banner__space-shape-wrapper-bottom-shape img { width: 100%; height: auto; } /*----------------------------------------*/ /* 8.4 portfolio /*----------------------------------------*/ .portfolio-details__area .middel-img { gap: 30px; margin-top: 60px; margin-bottom: 24px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .portfolio-details__area .middel-img { flex-wrap: wrap; } } .portfolio-details__area .middel-img img { border-radius: 10px; width: 100%; height: auto; } .portfolio-details__area .portfolio-details-righ-widget { border: 1px solid #e5e8e6; padding: 48px 30px 4px 30px; border-radius: 10px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .portfolio-details__area .portfolio-details-righ-widget { margin-top: 40px; } } .portfolio-details__area .portfolio-details-righ-widget .title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); font-weight: var(--rr-fw-sbold) !important; font-style: normal; margin-bottom: 24px; } .portfolio-details__area .portfolio-details-righ-widget .bottom-bar { border-bottom: 1px solid #e5e8e6; } .portfolio-details__area .portfolio-details-righ-widget .bottom-bar h6 { color: var(--rr-text-body); font-family: var(--rr-ff-heading); line-height: var(--rr-lh-h6); font-weight: var(--rr-fw-sbold) !important; font-size: 16px; font-style: normal; } .portfolio-details__area .portfolio-details-righ-widget .bottom-bar p { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-size: 14px; line-height: 24px; font-style: normal; } .portfolio-details__area .portfolio-details-righ-widget .bottom-bar a { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-size: 14px; line-height: 24px; font-style: normal; } .portfolio-details__area .portfolio-details-righ-widget .bottom-bar a:hover { color: var(--rr-theme-primary); } .portfolio-details__area .portfolio-details-righ-widget .bottom-star h6 { color: var(--rr-text-body); font-family: var(--rr-ff-heading); line-height: var(--rr-lh-h6); font-weight: var(--rr-fw-sbold) !important; font-size: 16px; font-style: normal; } .portfolio-details__area .bottom-content { background: var(--rr-theme-primary); border-radius: 10px; } .portfolio-details__area .bottom-content .unnder-content { padding: 30px 25px 30px 30px; } .portfolio-details__area .bottom-content .unnder-content h4 { color: var(--rr-common-white); font-family: var(--rr-heading-primary); font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 24px; font-weight: var(--rr-fw-sbold); } .portfolio-details__area .bottom-content .unnder-content .button { color: var(--rr-heading-primary); background: var(--rr-common-white); width: 162px; height: 50px; border-radius: 4px; display: flex; justify-content: center; align-items: center; transition: 0.3s; } .portfolio-details__area .bottom-content .unnder-content .button a { font-family: var(--rr-ff-heading); line-height: var(--rr-lh-h5); font-weight: 600; font-size: 16px; font-style: normal; } .portfolio-details__area .bottom-content .unnder-content .button:hover { background: var(--rr-heading-primary); color: var(--rr-common-white); } .gallery__item { display: block; overflow: hidden; position: relative; border-radius: 10px; margin-bottom: 30px; backface-visibility: hidden; -webkit-backface-visibility: hidden; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .gallery__item { object-fit: cover; } } @media (max-width: 575px) { .gallery__item { object-fit: cover; } } .gallery__item .media { margin: 0; } .gallery__item .media img { width: 100%; height: auto; object-fit: cover; } .gallery__item:before { top: 0; left: 0; right: 0; width: 100%; content: ""; height: 100%; transition: 0.5s; position: absolute; border-radius: 10px; transform: scale(0); background: rgba(0, 29, 8, 0.8); } .gallery__item:hover:before { transform: scale(100%); } .gallery__item:hover .text { transform: translateY(100%); visibility: visible; } .gallery__item:hover .icon-wrapper { visibility: visible; transform: translateY(-30px); } .gallery__item .text { top: -36px; left: 25px; transition: 0.3s; position: absolute; visibility: hidden; transform: translateY(-100%); } .gallery__item .text .title { color: white; font-style: normal; margin-bottom: 8px; font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); } .gallery__item .text .sub-title { color: var(--rr-common-white); font-family: var(--rr-heading-primary); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); font-style: normal; font-size: 18px; opacity: 0.8; } .gallery__item .icon-wrapper { width: 80px; right: 30px; height: 80px; bottom: 0px; display: flex; transition: 0.3s; position: absolute; align-items: center; border-radius: 500px; visibility: hidden; border: 1px solid white; justify-content: center; transform: translateY(100%); } .gallery__item .icon-wrapper:hover { background: var(--rr-common-white); color: var(--rr-common-white); } .gallery__item .icon-wrapper:hover i { color: var(--rr-theme-primary); } .gallery__item .icon-wrapper i { color: white; font-size: 24px; } /*----------------------------------------*/ /* 8.8 contact-us /*----------------------------------------*/ .map { width: 100%; height: 570px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .map { height: 400px; } } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .map { height: 300px; } } .map iframe { width: 100%; height: 100%; } .loading-form { position: fixed !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; overflow: hidden !important; z-index: 9999 !important; background: #000 !important; opacity: 0.5 !important; display: none; } .success-message { color: green; } .error-message { color: red !important; } .contact-us__area .contact-us__widget .contact-us__widget-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); font-size: var(--rr-fs-h3); line-height: 46px; font-style: normal; } .contact-us__area .contact-us__widget 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; max-width: 420px; } .contact-us__area .contact-us__widget .contact-us__widget-list .contact-us__widget-list-item { display: flex; gap: 20px; align-items: center; } .contact-us__area .contact-us__widget .contact-us__widget-list .contact-us__widget-list-item .icon { width: 60px; height: 60px; background: #ffece5; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .contact-us__area .contact-us__widget .contact-us__widget-list .contact-us__widget-list-item .large-hight { min-width: 60px; height: 60px; background: #ffece5; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .contact-us__area .contact-us__widget .contact-us__widget-list .contact-us__widget-list-item .text { max-width: 240px; } .contact-us__area .contact-us__widget .contact-us__widget-list .contact-us__widget-list-item .text span { display: block; color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-size: 14px; line-height: 17px; font-style: normal; margin-bottom: 6px; } .contact-us__area .contact-us__widget .contact-us__widget-list .contact-us__widget-list-item .text a { color: var(--rr-heading-primary); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-size: 16px; line-height: 24px; font-style: normal; display: block; } .contact-us__area .contact-us__widget .contact-us__widget-list .contact-us__widget-list-item .text a:hover { color: var(--rr-theme-primary); } .contact-us__area .contact-us__form-wrapper { background: #FAFAFA; border-radius: 10px; padding: 50px 30px; } .contact-us__area .contact-us__form-wrapper .section__title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); font-size: var(--rr-fs-h3); line-height: 46px; font-style: normal; } .contact-us__area .contact-us__form-wrapper 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; max-width: 420px; } .contact-us__area .contact-us__form-wrapper .contact-us__form .contact-us__input input { margin-left: 0; background: var(--rr-common-white); margin-bottom: 30px; padding: 13px 20px; border-radius: 4px; border: 1px solid rgba(0, 29, 8, 0.1); } .contact-us__area .contact-us__form-wrapper .contact-us__form .contact-us__textarea textarea { height: 180px !important; margin-left: 0; background: var(--rr-common-white); border: 1px solid rgba(0, 29, 8, 0.1); padding: 13px 20px; border-radius: 4px; } /*----------------------------------------*/ /* 8.9 service-details /*----------------------------------------*/ .service-details-content-thumb img { width: 100%; height: auto; border-radius: 10px; } .service-details-content-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); font-weight: 600; font-style: normal; margin-bottom: 6px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .service-details-content-title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .service-details-content-title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .service-details-content-title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .service-details-content-title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .service-details-content-title { font-size: 27px; line-height: 37px; } } .service-details-content 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: 16px; font-style: normal; } .service-details-content h4 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); font-style: normal; margin-top: 28px; margin-bottom: 10px; } .service-details-content-card-wrapper { gap: 24px; } .service-details-content-card-wrapper-text h5 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-medium); line-height: var(--rr-lh-h6); font-size: 18px; font-style: normal; margin-top: 15px; margin-bottom: 6px; } .service-details-content-card-wrapper-text 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: 16px; font-style: normal; max-width: 205px; } @media (max-width: 575px) { .service-details-content-card-wrapper-text p { max-width: 100%; } } .sidebar-gallery__item { height: 100% !important; width: 100%; position: absolute !important; } .middel-icon { position: absolute; display: flex; justify-content: center; align-items: center; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; transition: 0.3s; } .middel-icon i { font-size: 36px; font-weight: 700; color: var(--rr-theme-primary); } .service-details-bottom-img:hover .middel-icon { opacity: 1; visibility: visible; } .service-details-bottom-img:hover.service-details-bottom-img::before { opacity: 0.8; visibility: visible; } .service-details-bottom-img::before { position: absolute; width: 328px; height: 240px; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--rr-common-white); border-radius: 10px; visibility: hidden; transition: all 0.3s ease-in-out; opacity: 0; } .service-details-bottom-img img { border-radius: 10px; } .readmore { font-weight: 500; } .readmore:hover { color: var(--rr-theme-primary); } .our-project-border { border-radius: 10px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .best-deal__active-content .right { margin-bottom: 0; } } .service-details-righ-widget:not(:last-of-type) { margin-bottom: 50px; border: 1px solid #e5e8e6; border-radius: 10px; padding: 30px; } /*----------------------------------------*/ /* 8.10 project-details /*----------------------------------------*/ /*----------------------------------------*/ .prodact-area .bottom-button h5 { color: var(--rr-heading-primary); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 18px; font-style: normal; } .prodact-area .bottom-button .social { gap: 10px; } .prodact-area .bottom-button .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; } .prodact-area .bottom-button .social a.active, .prodact-area .bottom-button .social a:hover { color: var(--rr-common-white); background: var(--rr-theme-primary); } /*shop-details*/ .product-filter-area .rr-product-details-thumb-wrapper { position: relative; } .product-filter-area .rr-product-details-thumb-wrapper .rr-product-media { overflow: hidden; border-radius: 10px; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .product-filter-area .rr-product-details-thumb-wrapper .rr-product-media img { width: 100%; } .product-filter-area .rr-product-details-thumb-wrapper .rr-product-search { left: 30px; opacity: 0; width: 50px; height: 50px; bottom: 0px; display: flex; cursor: pointer; background: var(--rr-common-white); border-radius: 4px; position: absolute; transition: 0.3s; visibility: hidden; align-items: center; justify-content: center; transform: translateY(0px); } .product-filter-area .rr-product-details-thumb-wrapper .rr-product-search span { font-size: 18px; color: #FF3D00; } .product-filter-area .rr-product-details-thumb-wrapper .rr-product-search:hover { background: #FF3D00; } .product-filter-area .rr-product-details-thumb-wrapper .rr-product-search:hover svg path { stroke: var(--rr-common-white); } .product-filter-area .rr-product-details-thumb-wrapper .rr-product-arrow { width: 50px; right: 30px; opacity: 0; bottom: 0px; height: 50px; display: flex; cursor: pointer; transition: 0.3s; background: white; border-radius: 4px; position: absolute; visibility: hidden; align-items: center; justify-content: center; transform: translateY(0px); } .product-filter-area .rr-product-details-thumb-wrapper .rr-product-arrow span { font-size: 18px; color: #FF3D00; } .product-filter-area .rr-product-details-thumb-wrapper .rr-product-arrow i { color: var(--rr-theme-primary); transition: 0.3s; } .product-filter-area .rr-product-details-thumb-wrapper .rr-product-arrow:hover { background: #FF3D00; } .product-filter-area .rr-product-details-thumb-wrapper .rr-product-arrow:hover i { color: var(--rr-common-white); } .product-filter-area .rr-product-details-thumb-wrapper:hover .rr-product-search, .product-filter-area .rr-product-details-thumb-wrapper:hover .rr-product-arrow { opacity: 1; visibility: visible; transform: translateY(-50%); } .product-filter-area .rr-product-details-thumb-wrapper:hover svg path { stroke: var(--rr-theme-primary); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .product-filter-area .rr-shop-details__right-warp { margin-top: 30px; } } .product-filter-area .rr-shop-details__title-sm { font-style: normal; font-weight: 600; font-size: 36px; line-height: 46px; color: #001D08; margin-bottom: 12px; } .product-filter-area .rr-shop-details__price .price .woocs_price_code { gap: 10px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; } .product-filter-area .rr-shop-details__price .price .woocs_price_code del { color: var(--rr-theme-primary); } .product-filter-area .rr-shop-details__price .price .woocs_price_code .woocommerce-old-price { font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #FF0000; } .product-filter-area .rr-shop-details__price .price .woocs_price_code .woocommerce-new-price { font-style: normal; font-weight: 500; font-size: 20px; line-height: 30px; color: #001D08; } .product-filter-area .woocommerce-product-details__short-description { margin-bottom: 30px; } .product-filter-area .woocommerce-product-details__short-description p { color: #646464; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; } .product-filter-area .rr-product-details-action__title { font-style: normal; font-weight: 500; font-size: 18px; line-height: 28px; margin-bottom: 14px; } .product-filter-area .price-cart { gap: 10px; display: flex; margin-bottom: 20px; } .product-filter-area .price-cart .cart { gap: 10px; display: flex; flex-wrap: wrap; } .product-filter-area .price-cart .cart .quantity__group { display: flex; padding: 15px 10px; align-items: center; border-radius: 4px; background-color: #F7F7F7; } .product-filter-area .price-cart .cart .quantity__group .quantity-control { height: 30px; display: flex; min-width: 30px; align-items: center; border-radius: 500px; justify-content: center; cursor: pointer; } .product-filter-area .price-cart .cart .quantity__group .quantity-control i { color: #001D08; font-size: 14px; line-height: 1; } .product-filter-area .price-cart .cart .quantity__group .quantity-control.minus { margin-right: 20px; } .product-filter-area .price-cart .cart .quantity__group .quantity-control.minus i { font-size: 14px; } .product-filter-area .price-cart .cart .quantity__group .quantity-control.plus { margin-left: 10px; } .product-filter-area .price-cart .cart .quantity__group .qty { appearance: none; color: black; border: 0 !important; padding: 0 !important; width: 47px !important; font-size: 18px !important; line-height: 19.2px !important; border-radius: 0px !important; background: transparent !important; } .product-filter-area .price-cart .cart .btn.btn-cart { padding: 10px 16px; } .product-filter-area .price-cart .cart .btn.btn-cart span { color: red; } .product-filter-area .price-cart .cart .btn.btn-cart:hover span { color: white; } .product-filter-area .price-cart .cart .btn.btn-bookmark { padding: 10px 22px; } .product-filter-area .rr-shop-details__product-info { margin-bottom: 14px; } .product-filter-area .rr-shop-details__product-info ul { list-style: none; margin-bottom: 14px; } .product-filter-area .rr-shop-details__product-info ul li { display: flex; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; align-items: center; color: #001D08; } .product-filter-area .rr-shop-details__social { display: flex; align-items: center; } .product-filter-area .rr-shop-details__social span { font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: black; margin-right: 14px; } .product-filter-area .rr-shop-details__social ul { margin-bottom: 0; } .product-filter-area .rr-shop-details__social ul li { margin-right: 14px; display: inline; } .product-filter-area .product-filter-area-review { justify-content: center; gap: 10px; } .product-filter-area .product-filter-area-review .button { display: flex; justify-content: center; align-items: center; height: 40px; width: 130px; background-color: #F7F7F7; color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lg-h5); font-size: 16px; font-style: normal; transition: 0.3s; } .product-filter-area .product-filter-area-review .button:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .rr-shop-details__social .list-unstyled li a { color: var(--rr-text-body); } .rr-shop-details__social .list-unstyled li a:hover { color: var(--rr-theme-primary); } /*3*/ .filter-area-3 .rr-fea-product__tab-3 .nav-inner-3 .all-button { gap: 10px; border-radius: 4px; } .filter-area-3 .rr-fea-product__tab-3 .nav-inner-3 .all-button .nav-link-3 { padding: 0; border-radius: 4px !important; } .filter-area-3 .rr-fea-product__tab-3 .nav-inner-3 .all-button .nav-link-3 .button { border-radius: 4px !important; } .filter-area-3 .rr-fea-product__tab-3 .nav-inner-3 .all-button .nav-link-3.active { background-color: var(--rr-theme-primary); border-radius: 0 !important; width: 130px; display: flex; justify-content: center; align-items: center; border-radius: 4px !important; } .filter-area-3 .rr-fea-product__tab-3 .nav-inner-3 .all-button .nav-link-3.active .button { border-radius: 0 !important; background: var(--rr-theme-primary); color: var(--rr-common-white); border-radius: 4px !important; } /*second product__area*/ .product-filter-area .rr-fea-product__tab .nav-inner .demo-nav { background: var(--rr-theme-primary); } .product-filter-area .rr-fea-product__tab .nav-inner .demo-nav.active { background: var(--rr-theme-primary); } .product-filter-area .second-pane .rr-fea-product__wrapper .signup-form-wrapper .title-wrapper .title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); font-size: var(--rr-fs-h3); line-height: 46px; margin-bottom: 10px; font-style: normal; } .product-filter-area .second-pane .rr-fea-product__wrapper .signup-form-wrapper .title-wrapper .dc { margin-bottom: 14px; } .product-filter-area .second-pane .rr-fea-product__wrapper .signup-form-wrapper .title-wrapper .main-dc { margin-bottom: 24px; } .product-filter-area .second-pane .rr-fea-product__wrapper .signup-form-wrapper .item-thumb .signup-item h6 { color: var(--rr-heading-primary); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h6); font-size: 18px; font-style: normal; } .product-filter-area .second-pane .rr-fea-product__wrapper .signup-form-wrapper .item-thumb .signup-item input { height: 50px; } .product-filter-area .second-pane .rr-fea-product__wrapper .signup-form-wrapper .item-thumb .signup-item textarea { height: 180px !important; border-radius: 4px; margin-left: 0; border: 1px solid #e5e8e6; padding: 10px 20px; } .product-filter-area .second-pane .rr-fea-product__wrapper .signup-form-wrapper .item-thumb .signup-item .text .social i { color: var(--rr-theme-primary); } /*cart-area*/ @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .cart-area .table-content { overflow: scroll; } } .cart-area .table-content .table thead { border-style: none; border-top: 1px solid rgba(0, 29, 8, 0.1); } .cart-area .table-content .table thead tr th { color: #646464; font-size: 16px; font-weight: 400; font-style: normal; padding: 18px 0px 16px; font-family: var(--rr-ff-body); } .cart-area .table-content .table tbody tr { vertical-align: baseline; } .cart-area .table-content .table tbody tr:not(:last-child) { border-bottom: 1px solid rgba(0, 29, 8, 0.1); } .cart-area .table-content .table tbody td { padding: 29px 0px 30px; border-style: none; } .cart-area .table-content .table tbody .product-remove { padding-right: 35px; } .cart-area .table-content .table tbody .product-remove a { width: 20px; height: 20px; display: flex; align-items: center; border-radius: 500px; justify-content: center; background: rgba(0, 29, 8, 0.1); } .cart-area .table-content .table tbody .product-remove i { font-size: 8px; } .cart-area .table-content .table tbody .product-thumbnail { display: flex; align-items: center; } .cart-area .table-content .table tbody .product-thumbnail img { width: 100px; height: 100px; max-width: 100px; margin-right: 14px; border-radius: 4px; } .cart-area .table-content .table tbody .product-thumbnail__wrapper { width: 175px; } .cart-area .table-content .table tbody .product-thumbnail__wrapper .product-name { color: #001D08; font-size: 16px; font-weight: 600; line-height: 26px; font-style: normal; font-family: var(--rr-ff-body); } .cart-area .table-content .table tbody .product-thumbnail__wrapper .product-size { color: #646464; font-size: 14px; font-weight: 400; line-height: 24px; font-style: normal; font-family: var(--rr-ff-body); display: block; max-width: 118px; } .cart-area .table-content .table tbody .product-price .amount { color: #001D08; font-family: "Rubik"; font-style: normal; font-weight: 600; font-size: 16px; line-height: 26px; padding-right: 75px !important; } .cart-area .table-content .table tbody .product-quantity { padding-right: 100px !important; } .cart-area .table-content .table tbody .product-quantity.product-quantity-left { padding-left: 55px; } .cart-area .table-content .table tbody .product-quantity .quantity__group { width: 80px; display: flex; padding: 8px 10px; border-radius: 4px; align-items: center; background-color: #F7F7F7; } .cart-area .table-content .table tbody .product-quantity .quantity__group .quantity-control { display: flex; cursor: pointer; align-items: center; justify-content: center; } .cart-area .table-content .table tbody .product-quantity .quantity__group .quantity-control i { color: #001D08; font-size: 14px; line-height: 1; } .cart-area .table-content .table tbody .product-quantity .quantity__group .quantity-control.minus { margin-right: 10px; } .cart-area .table-content .table tbody .product-quantity .quantity__group .quantity-control.minus i { font-size: 14px; } .cart-area .table-content .table tbody .product-quantity .quantity__group .quantity-control.plus { margin-left: -6px; } .cart-area .table-content .table tbody .product-quantity .quantity__group .qty { appearance: none; color: black; border: 0 !important; padding: 0 !important; width: 30px !important; font-size: 18px !important; line-height: 19.2px !important; border-radius: 0px !important; background: transparent !important; margin-left: 0 !important; } .cart-area .table-content .table tbody .product-subtotal { padding-right: 0px !important; } .cart-area .table-content .table tbody .product-subtotal .amount { color: var(--rr-heading-primary); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h5); font-size: 16px; font-style: normal; } .cart-area .text .form_input { gap: 10px; } .cart-area .text .form_input input { background: #f7f7f7; margin-left: 0; border-bottom: none; padding-left: 18px; border-radius: 4px; max-width: 440px; } .cart-area .box { background: #f7f7f7; border-radius: 10px; padding: 30px; } .cart-area .box .title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); font-size: var(--rr-fs-h4); line-height: 24px; font-style: normal; } .cart-area .box .box-wrapper { border-bottom: 1px solid #dee1df; padding-bottom: 20px; } .cart-area .box .box-wrapper .middel-box span { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 16px; font-style: normal; } .cart-area .box .box-wrapper .middel-box h6 { color: var(--rr-heading-primary); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 16px; font-style: normal; } .cart-area .box .bottom-title h5 { color: var(--rr-heading-primary); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h6); font-size: 18px; font-style: normal; } .cart-area .box .bottom-btn { justify-content: center; align-items: center; gap: 30px; } @media (max-width:376px), (max-width:320px) { .cart-area .box .bottom-btn { flex-wrap: wrap; } } .cart-area .box .bottom-btn a { width: 190px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 4px; height: 50px; background: var(--rr-common-white); color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h6); font-size: 16px; font-style: normal; transition: 0.3s; } .cart-area .box .bottom-btn a:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .register-area .title-wrapper .title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h3); line-height: 54px; font-style: normal; margin-bottom: 14px; } .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); margin-bottom: 12px; line-height: 17px; } .signup-item .wrap a:hover { color: var(--rr-heading-primary); } .signup-item input { width: 100%; height: 60px; background: transparent; border: 1px solid #e5e8e6; border-radius: 4px; margin-bottom: 24px; display: flex; padding: 10px 20px; outline: none; color: var(--clr-common-text); font-size: 16px; 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 p { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-size: 14px; line-height: 12px; font-style: normal; margin-left: 6px; } .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 { color: var(--rr-heading-primary); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-size: 14px; line-height: 17px; margin-bottom: 10px; font-style: normal; } .signup-action { margin-bottom: 25px; } .signup-action .course-sidebar-list { display: flex; align-items: start; gap: 10px; } .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: 60px; width: 100%; background: var(--rr-theme-primary); text-align: center; line-height: 58px; color: var(--rr-common-white); border-radius: 4px; font-size: 16px; font-weight: 600; transition: 0.3s; 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; } .all-content .button-wrap { justify-content: center; gap: 30px; } @media only screen and (min-width: 576px) and (max-width: 767px), (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%; } /*shop-page*/ .sub-inner-area .rr-fea-product__tab .nav-inner { padding: 13px 20px 12px; box-shadow: 0px 0px 4px rgba(0, 29, 8, 0.1); border-radius: 4px; } @media (max-width:320px) { .sub-inner-area .rr-fea-product__tab .nav-inner { padding: 13px 11px 12px; } } @media (max-width: 575px) { .sub-inner-area .rr-fea-product__tab .nav-inner { flex-direction: column; } } .sub-inner-area .rr-fea-product__tab .nav-inner button { padding: 0px 0px 0px 24px; margin: 0; } .sub-inner-area .rr-fea-product__tab .nav-inner .text h6 { color: var(--rr-heading-primary); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); font-size: 18px; font-style: normal; } .sub-inner-area .rr-fea-product__tab .nav-inner .all-button { display: flex; gap: 24px; position: relative; left: 90px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .sub-inner-area .rr-fea-product__tab .nav-inner .all-button { left: 0; } } .sub-inner-area .rr-fea-product__tab .nav-inner .all-button button { margin: 0; padding: 0; height: initial; border-radius: 0; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .sub-inner-area .rr-fea-product__tab .nav-inner .all-button button { display: none; } } .sub-inner-area .rr-fea-product__tab .nav-inner .all-button button.active svg circle { fill: #001D08 !important; fill-opacity: 100% !important; } @media (max-width: 575px) { .sub-inner-area .rr-fea-product__tab .nav-inner .right-text { margin-top: 5px !important; } } .sub-inner-area .rr-fea-product__tab .nav-inner .right-text h6 { font-size: 18px; font-style: normal; line-height: var(--rr-lh-h6); font-family: var(--rr-ff-body); color: var(--rr-heading-primary); font-weight: var(--rr-fw-regular); } .sub-inner-area .rr-fea-product__tab .nav-inner .right-text .sorting-type span { font-size: 18px; margin-right: 13px; font-style: normal; line-height: var(--rr-lh-h6); font-family: var(--rr-ff-body); color: var(--rr-heading-primary); font-weight: var(--rr-fw-regular); } @media (max-width: 575px) { .sub-inner-area .rr-fea-product__tab .nav-inner .right-text .sorting-type span { white-space: nowrap; margin-right: 0 !important; } } .sub-inner-area .rr-fea-product__tab .nav-inner .right-text .sorting-type .lan-5 { border: 1px solid #e5e8e6 !important; color: var(--rr-heading-primary); width: 270px !important; } @media only screen and (min-width: 576px) and (max-width: 767px) { .sub-inner-area .rr-fea-product__tab .nav-inner .right-text .sorting-type .lan-5 { width: 200px !important; max-width: 100% !important; } } @media (max-width: 575px) { .sub-inner-area .rr-fea-product__tab .nav-inner .right-text .sorting-type .lan-5 { width: 180px !important; max-width: 100% !important; } } .sub-inner-area .rr-fea-product__tab .nav-inner .right-text .sorting-type .lan-5 .list { background: var(--rr-common-white) !important; } .sub-inner-area .rr-fea-product__tab .nav-inner .right-text .sorting-type .lan-5:after { font-size: 18px !important; font-weight: var(--rr-fw-sbold) !important; right: 20px !important; } /*checkout*/ .filter-widget-title { font-size: 20px; font-weight: 600; position: relative; margin-bottom: 0; cursor: pointer; } .filter-widget-title:before { position: absolute; content: "\f107"; font-family: "Font Awesome 5 Pro"; right: 0; top: 0; font-weight: 300; color: var(--clr-common-heading); transition: 0.3s; transform: rotate(180deg); } .child-content-hidden .filter-widget-title::before { transform: rotate(0deg); } .filter-widget-search input { width: 100%; height: 50px; border-radius: 5px; border: 1px solid var(--clr-common-border); padding: 0 10px; padding-right: 30px; outline: none; } .filter-widget-search button { position: absolute; right: 10px; top: 12px; } .filter-widget-search { position: relative; } .filter-widget .category-items { display: flex; flex-direction: column; gap: 5px; } .filter-widget .category-item { display: flex; align-items: center; justify-content: space-between; } .filter-widget .category-sizes { display: flex; flex-direction: column; gap: 5px; } .filter-widget .category-ratings { display: flex; flex-direction: column; gap: 5px; } .filter-widget .category-brands { display: flex; flex-direction: column; gap: 5px; } input.check-box { border: 1px solid var(--clr-common-border); border-radius: 2px; appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 18px; height: 18px; cursor: pointer; position: relative; top: 5px; font-size: 15px; margin-right: 8px; background: #fbfbfb; } input.check-box[type=checkbox]:checked { border: none; background-color: var(--clr-common-heading); color: var(--rr-common-white); } input.check-box[type=checkbox]:checked::before { position: absolute; content: "\f00c"; font-family: "Font Awesome 5 Pro"; line-height: 16px; top: 0; left: 2px; font-size: 14px; } input.radio-box[type=radio] { border: 1px solid #E2E2E2; border-radius: 9px; appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 18px; height: 18px; cursor: pointer; position: relative; top: 5px; font-size: 15px; margin-right: 8px; } input.radio-box[type=radio]:checked::before { position: absolute; content: ""; font-family: "Font Awesome 5 Pro"; top: 0; left: 0; height: 18px; width: 18px; background: var(--clr-common-heading); border-radius: 50%; } .category-tags a { padding: 0 5px; flex-grow: 1; max-width: 110px; } .category-tags { display: flex; flex-wrap: wrap; gap: 5px; } .category-tags a:hover { color: var(--clr-common-heading); } .sidebar-widget-wrapper { position: sticky; top: 90px; } .product-filters { display: flex; flex-direction: column; gap: 35px; padding: 10px; background: var(--rr-common-white); } .filter-widget { display: flex; flex-direction: column; gap: 15px; } .content-hidden { display: none; } .radio-star i.fas { color: var(--clr-common-heading); } .shop-main-wrapper-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; } .sorting-type { display: flex; align-items: center; gap: 10px; } .sorting-list { border: 1px solid #E2E2E2; padding: 0 15px; min-width: 130px; } .sorting-type span { color: var(--clr-common-heading); } .sorting-list span { color: var(--clr-common-text); } .sorting-list:after { right: 15px; } .sort-type-filter { display: flex; align-items: center; } .action-item-filter { margin-left: 20px; } .shop-main-wrapper .products-wrapper > div { width: calc((100% - 90px) / 4); } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .shop-main-wrapper .products-wrapper > div { width: calc((100% - 60px) / 3); } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .shop-main-wrapper .products-wrapper > div { width: calc((100% - 30px) / 2); } } @media only screen and (min-width: 768px) and (max-width: 991px) { .shop-main-wrapper .products-wrapper > div { width: calc((100% - 60px) / 3); } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .shop-main-wrapper .products-wrapper > div { width: calc((100% - 30px) / 2); } } @media (max-width:450px) { .shop-main-wrapper .products-wrapper > div { width: calc((100% - 0px) / 1); } } .swowing-list span { color: var(--clr-common-heading); } @media (min-width: 1400px) { .shop-main-wrapper .products-wrapper.products-5-column > div { width: calc((100% - 120px) / 5); } } @media (min-width: 1400px) { .shop-main-wrapper .products-wrapper.products-4-column > div { width: calc((100% - 90px) / 4); } } @media (min-width: 1400px) { .shop-main-wrapper .products-wrapper.products-3-column > div { width: calc((100% - 60px) / 3); } } @media (min-width: 1400px) { .shop-main-wrapper .products-wrapper.products-full-6-column > div { width: calc((100% - 150px) / 6); } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .shop-main-wrapper .products-wrapper.products-full-6-column > div { width: calc((100% - 120px) / 5); } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .shop-main-wrapper .products-wrapper.products-full-6-column > div { width: calc((100% - 90px) / 4); } } @media (min-width: 1400px) { .shop-main-wrapper .products-wrapper.products-full-5-column > div { width: calc((100% - 120px) / 5); } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .shop-main-wrapper .products-wrapper.products-full-5-column > div { width: calc((100% - 90px) / 4); } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .shop-main-wrapper .products-wrapper.products-full-5-column > div { width: calc((100% - 60px) / 3); } } @media (min-width: 1400px) { .shop-main-wrapper .products-wrapper.products-full-4-column > div { width: calc((100% - 90px) / 4); } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .shop-main-wrapper .products-wrapper.products-full-4-column > div { width: calc((100% - 90px) / 4); } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .shop-main-wrapper .products-wrapper.products-full-4-column > div { width: calc((100% - 60px) / 3); } } .product-details-nav .nav-tabs { display: flex; gap: 20px; } .product-details-nav .nav-tabs > li { width: calc((100% - 60px) / 4); } .product-details-nav .nav-tabs > li img { width: 100%; } .product-details-tab .tab-content .tab-pane img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; } .product-details-tab .tab-content { margin-bottom: 20px; } .product-quantity-cart { display: flex; gap: 20px; flex-wrap: wrap; } .product-details-tab-wrapper .nav-tabs .nav-link:not(.active) { opacity: 0.8; } .product-side-info .product-name { font-size: 40px; } .product-side-info .product-price { font-size: 20px; color: var(--clr-common-heading); font-weight: 600; } .product-side-info .border-btn { height: 60px; line-height: 58px; } .product__details__tag a { padding: 0 10px; background: var(--clr-bg-gray); height: 30px; display: inline-block; line-height: 30px; border-radius: 3px; } .product__details__tag a:hover { background: var(--clr-theme-1); color: var(--rr-common-white); } .available-sizes { display: flex; gap: 5px; margin-bottom: 25px; } .product-details-tab .tab-content .tab-pane { width: 100%; padding-top: 110%; position: relative; } .product-details-nav .nav-item { position: relative; border: 0; padding: 10px 0; font-size: 16px; margin-right: 0px; font-weight: 600; color: var(--clr-common-text); } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) { .product-details-nav .nav-item { font-size: 20px; } } .product-details-nav .nav-item.active { color: var(--clr-common-heading); font-weight: 600; } .product-details-nav .nav-item::before { position: absolute; content: ""; width: 0%; height: 1px; background: var(--clr-common-heading); bottom: 0; left: 0; right: 0; transition: 0.3s; } .product-details-nav .nav-item.active::before { position: absolute; content: ""; width: 100%; height: 1px; background: var(--clr-common-heading); bottom: 0; left: 0; right: 0; } .product_info-faq-area .nav-tabs { border-bottom: 1px solid #E2E2E2; } .course-review-item { display: flex; align-items: normal; } .course-review-list { margin-left: 20px; } .course-review-list span { color: var(--clr-common-heading); margin-left: 10px; font-size: 14px; font-weight: 400; } .course-start-icon i { color: var(--clr-theme-1); font-size: 13px; } .course-start-icon { margin-bottom: 10px; } .comment-title h3 { font-size: 24px; font-weight: 700; margin-bottom: 5px; } .comment-title p { color: #454545; } .comment-rating span { font-size: 15px; color: #454545; margin-right: 5px; } .comment-rating ul li { display: inline-block; } .comment-rating ul li a { font-size: 14px; color: var(--clr-theme-1); } .comment-rating ul { display: inline-block; } .comment-agree input { margin: 0; appearance: none; display: inline-block; width: 18px; height: 18px; background: transparent; border: 2px solid #E2E2E2; border-radius: 2px; outline: none; } .comment-agree label { margin-left: 5px; font-size: 15px; color: #454545; } .comment-agree input::placeholder { color: var(--clr-common-text); font-size: 14px; opacity: 1; } .comment-input input { height: 60px; width: 100%; background: #f8f8f9; border: none; padding: 15px 20px; border-radius: 4px; outline: 0; } .comment-input input::placeholder { color: var(--clr-common-text); font-size: 14px; opacity: 1; } .comment-textarea { height: 170px; width: 100%; background: #f8f8f9; border: none; padding: 15px 20px; border-radius: 4px; resize: none; outline: 0; } .comment-textarea::placeholder { color: var(--clr-common-text); font-size: 14px; opacity: 1; } .product-available-sizes span { border: 1px solid var(--clr-common-border); width: 30px; height: 30px; display: inline-block; text-align: center; border-radius: 3px; } .product-quantity a { white-space: nowrap; } .coupon-accordion h3 { background-color: #f6f6f6; border-top: 3px solid var(--rr-heading-primary); font-size: 14px; font-weight: 400; margin: 0 0 25px; padding: 2em 2em 2em 3.5em; position: relative; width: auto; border-radius: 4px; line-height: 20px; } .coupon-accordion h3::before { content: "\f07b"; left: 15px; top: 27px; position: absolute; color: #575757; font-family: "Font Awesome 5 Pro"; font-weight: 700; } .coupon-accordion span { color: #575757; cursor: pointer; transition: 0.3s; font-weight: 500; } .coupon-accordion span:hover, p.lost-password a:hover { color: var(--clr-common-heading); } .coupon-content { border: 1px solid #E2E2E2; display: none; margin-bottom: 20px; padding: 30px; } .coupon-info p.coupon-text { margin-bottom: 15px; } .coupon-info p { margin-bottom: 0; } .coupon-info p.form-row-first label, .coupon-info p.form-row-last label { display: block; color: var(--clr-common-heading); } .coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required { color: var(--clr-common-heading); font-weight: 700; } .coupon-info p.form-row-first input, .coupon-info p.form-row-last input { border: 1px solid #E2E2E2; height: 60px; line-height: 60px; margin: 0 0 14px; max-width: 100%; padding: 0 0 0 10px; width: 100%; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .coupon-info p.form-row-first input:focus, .coupon-info p.form-row-last input:focus { border-color: var(--clr-common-heading); } .coupon-info p.form-row input[type=submit]:hover, p.checkout-coupon input[type=submit]:hover { background: #3e976c none repeat scroll 0 0; } .coupon-info p.form-row input[type=checkbox] { position: relative; top: 2px; } .form-row > label { margin-top: 15px; margin-left: 15px; color: #575757; } .buttons-cart input, .coupon input[type=submit], .buttons-cart a, .coupon-info p.form-row input[type=submit] { background: #252525 none repeat scroll 0 0; border: medium none; color: #fff; display: inline-block; float: left; font-size: 12px; font-weight: 700; height: 40px; line-height: 40px; margin-right: 15px; padding: 0 15px; text-transform: uppercase; transition: all 0.3s ease 0s; } p.lost-password { margin-top: 15px; } p.lost-password a { color: var(--rr-theme-primary) !important; } .coupon-info input[type=checkbox] { accent-color: var(--rr-theme-primary); } p.lost-password a { color: #6f6f6f; } .checkout-coupon input[type=text] { height: 60px; line-height: 60px; padding: 0 20px; width: 100%; border: 1px solid #E2E2E2; margin-bottom: 15px; outline: none; margin-left: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .checkout-coupon input[type=text]:focus { border-color: #E2E2E2; } .coupon-checkout-content { display: none; } .checkbox-form .ship-different-title { border-bottom: 1px solid #E2E2E2; margin: 0 0 20px; padding-bottom: 10px; width: 100%; } .country-select { margin-bottom: 30px; position: relative; } .country-select select { width: 100%; background-color: transparent; border: 1px solid #E2E2E2; padding: 0 10px; height: 60px; outline: none; } .country-select label, .checkout-form-list label { color: var(--clr-common-heading); display: block; margin: 0 0 5px; } .country-select label .form-check-input:checked, .checkout-form-list label .form-check-input:checked { background-color: var(--rr-theme-primary); } .country-select label span.required, .checkout-form-list label span.required { color: var(--clr-common-heading); } .country-select .nice-select { border: 1px solid #E2E2E2; height: 60px; line-height: 60px; padding-left: 20px; width: 100%; color: #575757; margin-bottom: 20px; } .country-select .nice-select .list { width: 100%; } .checkout-form-list { margin-bottom: 30px; } .checkout-form-list label { color: var(--clr-common-heading); } .checkout-form-list input[type=text], .checkout-form-list input[type=password], .checkout-form-list input[type=email] { background: #ffffff; border: 1px solid #E2E2E2; border-radius: 4px; height: 60px; line-height: 60px; padding: 0 0 0 20px; width: 100%; outline: none; margin-left: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .checkout-form-list input[type=text]:focus, .checkout-form-list input[type=password]:focus, .checkout-form-list input[type=email]:focus { border-color: #E2E2E2; } .checkout-form-list input#cbox { accent-color: var(--rr-theme-primary); } .ship-different-title input#ship-box { accent-color: var(--rr-theme-primary); } .checkout-form-list input[type=text]::-moz-placeholder, .checkout-form-list input[type=password]::-moz-placeholder, .checkout-form-list input[type=email]::-moz-placeholder { color: #575757; opacity: 1; } .checkout-form-list input[type=text]::placeholder, .checkout-form-list input[type=password]::placeholder, .checkout-form-list input[type=email]::placeholder { color: #575757; opacity: 1; } .checkout-form-list input[type=checkbox] { display: inline-block; margin-right: 10px; position: relative; top: 1px; } .create-acc label { color: #575757; display: inline-block; } .create-account { display: none; } .ship-different-title label { display: inline-block; margin-right: 10px; } .order-notes textarea { border: 1px solid #E2E2E2; height: 90px; padding: 15px; width: 100%; resize: none; padding-left: 20px; outline: none; margin-left: 0; border-radius: 4px; } .checkbox-form .lan-select-6 .nice-select { color: var(--rr-heading-primary) !important; background: transparent !important; border: 1px solid #E2E2E2 !important; border-radius: 4px; height: 60px; padding-top: 10px !important; margin-bottom: 20px; } .checkbox-form .lan-select-6 .nice-select .list { background: #fff !important; border: 1px solid #E2E2E2 !important; color: #575757 !important; } .checkbox-form .lan-select-6 .nice-select::after { right: 15px !important; } .order-notes textarea::-moz-placeholder { color: #575757; opacity: 1; } .order-notes textarea::placeholder { color: #575757; opacity: 1; } #ship-box-info { display: none; } .panel-group .panel { border-radius: 0; } .panel-default > .panel-heading { border-radius: 0; } .your-order { padding: 30px 40px 45px; border: 1px solid #E2E2E2; border-radius: 10px; } @media (max-width: 767px) { .your-order { padding: 15px; } } .your-order h3 { border-bottom: 1px solid #E2E2E2; font-size: 24px; margin: 0 0 20px; padding-bottom: 10px; width: 100%; } .your-order-table table { background: none; border: 0; width: 100%; } .your-order-table table th, .your-order-table table td { border-bottom: 1px solid #E2E2E2; border-right: medium none; color: #575757; font-size: 16px; padding: 15px 0; text-align: left; } @media (max-width: 767px) { .your-order-table table th, .your-order-table table td { padding-right: 10px; } } .your-order-table table td ul li { list-style: none; } .your-order-table table th { border-top: medium none; color: var(--clr-common-heading); font-weight: normal; text-align: left; vertical-align: middle; white-space: nowrap; width: 250px; } .panel-body > p { color: #222; } .your-order-table table .shipping ul li input { position: relative; top: 2px; } .your-order-table table .shipping ul li label { color: #575757; } .your-order-table table .shipping th { vertical-align: top; } .your-order-table table .order-total th { border-bottom: 0; } .your-order-table table .order-total td { border-bottom: medium none; } .your-order-table table tr.cart_item:hover { background: #f9f9f9; } .your-order-table table tr.order-total td span { color: var(--clr-common-heading); font-size: 18px; font-weight: 500; } .payment-method { margin-top: 40px; } .payment-method .accordion-item:last-of-type { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .payment-method .accordion-item { background-color: #fff; border: 0; border-bottom: 1px solid #E2E2E2; } .payment-method .accordion-button { font-size: 16px; font-weight: 500; color: var(--clr-common-heading); padding: 10px 10px 10px 0px; border: none; } .payment-method .accordion-button:focus { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .payment-method .accordion-button::after { position: absolute; content: "+"; right: 0; top: 20%; transform: translateY(-50%); font-size: 23px; font-weight: 400; margin-left: 0; background-image: none; } .payment-method .accordion-button:not(.collapsed) { color: var(--clr-common-heading); background-color: var(--rr-common-white); box-shadow: none; } .payment-method .accordion-button:not(.collapsed)::after { content: "-"; font-size: 30px; } .payment-method .accordion-body { padding: 8px 0; padding-bottom: 40px; margin-left: 15px; } .payment-method .accordion-collapse { border: none; } .panel-title > a { display: block; } .order-button-payment input { background: #232323 none repeat scroll 0 0; border: medium none; color: #fff; font-size: 15px; font-weight: 600; height: 40px; margin: 0px 0 0; padding: 0; text-transform: uppercase; transition: all 0.3s ease 0s; width: 100%; } .order-button-payment input:hover { background: #3e976c none repeat scroll 0 0; } .payment-method .btn-link { user-select: none; -moz-user-select: none; background: no-repeat; border: medium none; border-radius: 0; color: #444; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 1px; line-height: 1; margin-bottom: 0; padding: 3px 10px; text-align: center; text-transform: uppercase; transition: all 0.3s ease 0s; vertical-align: middle; white-space: nowrap; text-decoration: none; } .payment-method .card { background-color: #ffffff; border: 1px solid #E2E2E2; border-radius: 0; margin-bottom: 10px; } .payment-method .accordion .card:first-of-type { border: 1px solid #E2E2E2; } .card-header:first-child { border-radius: 0; } .payment-method .card-header { background-color: #ffffff; border-bottom: 1px solid #E2E2E2; } .order-button-payment button { width: 100%; } .product-details-img { margin-right: 50px; } @media (max-width: 575px) { .product-details-img { margin-right: 0; } } .product-details-img img { width: 100%; } .product-side-info .product-name { font-size: 38px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .product-side-info .product-name { font-size: 28px; } } .product-side-info .product-price { font-size: 22px; font-weight: 600; color: var(--clr-theme-1); } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .product-side-info .product-price { font-size: 18px; } } .product-side-info p { margin-top: 30px; margin-bottom: 40px; } .product-quantity-cart { display: flex; gap: 20px; flex-wrap: wrap; } .product-quantity-cart .cart-minus { height: 55px; width: 55px; border: none; } .product-quantity-form .cart-plus { height: 55px; width: 55px; border: none; } .product-quantity-cart .cart-input { height: 55px; width: 55px; border: none; text-align: center; } .product-quantity-cart .product-quantity-form { border: 1px solid #E2E2E2; border-radius: 4px; } /*range slider css start*/ #slider-range { position: relative; margin-bottom: 25px; } .ui-widget.ui-widget-content { border: none; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background: #fff; border-radius: 50%; border: none; outline: none; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.004); } .ui-slider-horizontal { height: 6px; } .ui-widget-content { background: #f0f0f0; } .ui-widget-header { background: #222; } .ui-slider-horizontal .ui-slider-handle { top: -5px; } .ui-slider .ui-slider-handle { height: 15px; width: 15px; } .ui-slider .ui-slider-handle:before { position: absolute; content: ""; height: 6px; width: 6px; background: #222; left: 4.5px; top: 4.5px; border-radius: 50%; } .slider-range p { line-height: 1; margin-top: 25px; margin-bottom: 0; } .slider-range p label { font-size: 14px; font-weight: 400; color: #6b6b6b; margin-top: 7px; } .slider-range input { font-size: 14px; font-weight: 400; color: #6b6b6b; border: none; outline: none; background: none; margin-left: 10px; width: 100px; } .slider-active-2 .slider-pagination > * { -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .slider-active-2 .slider-pagination > *:hover { background-color: var(--clr-common-black); } .slider-active-2 .slider-pagination > *:hover i { color: var(--clr-common-white); } .ui-widget.ui-widget-content { border: none; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background: var(--clr-theme-1); border-radius: 50%; border: none; outline: none; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.004); } .ui-slider-horizontal { height: 6px; } .ui-widget-content { background: #f0f0f0; } .ui-widget-header { background: var(--clr-theme-1); } .ui-slider-horizontal .ui-slider-handle { top: -5px; } .ui-slider .ui-slider-handle { height: 15px; width: 15px; -webkit-transition: all 0s linear 0s; -moz-transition: all 0s linear 0s; -ms-transition: all 0s linear 0s; -o-transition: all 0s linear 0s; transition: all 0s linear 0s; } .ui-slider .ui-slider-handle:before { position: absolute; content: ""; height: 6px; width: 6px; background: var(--clr-common-white); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; } .sidebar-action { background: var(--clr-common-white); height: 100%; position: fixed; z-index: 99999; top: 0; width: 390px; padding: 30px 30px; transition: 0.6s; overflow-y: scroll; } @media (max-width: 575px) { .sidebar-action { width: 320px; } } .close-sidebar { background: var(--clr-theme-1); display: flex; align-items: center; gap: 10px; height: 30px; padding: 0 10px; border-radius: 4px; color: var(--clr-common-white); position: absolute; right: 30px; top: 30px; } .sidebar-cart { right: -100%; } .sidebar-cart.cart-open { right: 0; } .sidebar-wishlist { right: -100%; } .sidebar-wishlist.wishlist-open { right: 0; } .sidebar-filter { right: -100%; } .sidebar-filter.filter-open { right: 0; } .sidebar-filter .product-filters { padding: 0px; } .sidebar-filter .filter-widget-title { font-size: 18px; } .sidebar-action-title { font-size: 20px; margin-bottom: 20px; } .sidebar-list-item { display: flex; gap: 20px; } .sidebar-action-btn { display: flex; gap: 10px; flex-wrap: wrap; } .sidebar-action-btn a { width: 100%; flex-wrap: wrap; white-space: nowrap; } .sidebar-action-list { display: flex; flex-direction: column; gap: 20px; } .product-pricing span { font-size: 15px; font-weight: 500; color: var(--clr-common-heading); line-height: 1; } .sidebar-list-item { display: flex; gap: 20px; border-top: 1px solid #E2E2E2; padding-top: 20px; position: relative; padding-right: 20px; } .sidebar-list-item .product-image { min-width: 100px; height: 100px; } .sidebar-list-item .product-image img { width: 100%; height: 100%; object-fit: cover; } .sidebar-list-item .product-desc { padding: 0px 0 0px; } .sidebar-list-item .remove-item { position: absolute; right: 0; top: 20px; color: var(--clr-common-heading); } .product-price-total { padding-top: 20px; border-top: 1px solid #E2E2E2; margin-top: 20px; display: flex; justify-content: space-between; padding-bottom: 20px; } .product-price-total span { color: var(--clr-common-heading); font-weight: 500; } .sidebar-action-btn a { flex-grow: 1; height: 60px; line-height: 58px; } /*----------------------------------------*/ /* 8.11 team-details /*----------------------------------------*/ .main-team__title-wrapper-subtitle { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-weight: var(--rr-fw-regular); font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); font-style: normal; } .main-team__title-wrapper-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); 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) { .main-team__title-wrapper-title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-team__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .main-team__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .main-team__title-wrapper-title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .main-team__title-wrapper-title { font-size: 27px; line-height: 37px; } } .main-team-details__first-img img { border-radius: 10px !important; width: 100%; height: auto; } .main-team-details__content-title h3 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); font-size: var(--rr-fs-h3); line-height: 46px; font-style: normal; margin-bottom: 4px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .main-team-details__content-title h3 { margin-top: 20px; } } .main-team-details__content-title 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: 16px; font-style: normal; } .main-team-details__content-thumb h4 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); font-weight: var(--rr-fw-medium); font-style: normal; margin-bottom: 14px; } .main-team-details__content-thumb 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: 16px; font-style: normal; } .main-team-details__content-thumb ul li { list-style: none; } .main-team-details__content-thumb ul li span { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h6); font-size: 18px; font-style: normal; } .main-team-details__content-thumb ul li a { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: 19px; font-size: 16px; font-style: normal; } .main-team-details__content-thumb ul li a.number { margin-left: 42px; } .main-team-details__content-thumb ul li a.email { margin-left: 49px; } .main-team-details__content-thumb ul li a.website { margin-left: 25px; } .main-team-details__content-thumb ul li a:hover { color: var(--rr-theme-primary); } .main-team-details__content-thumb-btn { gap: 10px; } .main-team-details__content-thumb-btn a { width: 36px; height: 36px; border: 1px solid #e7e8e9; border-radius: 4px; display: flex; justify-content: center; align-items: center; color: var(--rr-theme-primary); transition: 0.3s; } .main-team-details__content-thumb-btn a:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .main-team-details__content-wrapper h2 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); 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: 992px) and (max-width: 1199px) { .main-team-details__content-wrapper h2 { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-team-details__content-wrapper h2 { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .main-team-details__content-wrapper h2 { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .main-team-details__content-wrapper h2 { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .main-team-details__content-wrapper h2 { font-size: 27px; line-height: 37px; } } .main-team-details__content-wrapper 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: 16px; font-style: normal; } .main-team-details__content-wrapper .personal-info__list { margin-left: 18px; } .main-team-details__content-wrapper .personal-info__list li span { color: var(--rr-heading-primary); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-medium); line-height: var(--rr-lh-h6); font-size: 16px; font-style: normal; } .main-team-details__content-wrapper h3 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); font-size: var(--rr-fs-h3); line-height: 46px; font-style: normal; margin-bottom: 12px; } .main-team-details__content-wrapper .personal-info li { list-style: none; } .main-team-details__content-wrapper .personal-info li span { color: var(--rr-heading-primary); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-medium); line-height: var(--rr-lh-h6); font-size: 16px; font-style: normal; } /*----------------------------------------*/ /* 8.12 home1 /*----------------------------------------*/ /*latest-feature area start*/ .latest-feature__item { gap: 20px; } .latest-feature__item-icon { display: flex; background: #fff0eb; width: 60px; height: 60px; flex-shrink: 0; justify-content: center; align-items: center; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; } .latest-feature__item-icon img { width: 36px; height: 36px; } .latest-feature__item-icon:hover img { transform: rotate(45deg); } .latest-feature__item .call-center img { width: 32px; height: 36px; } .latest-feature__item-content h4 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h5); margin-bottom: 12px; font-style: normal; } .latest-feature__item-content p { margin: 0; margin-bottom: 14px; } .latest-feature__item-content a { font-size: 16px; font-weight: var(--rr-fw-sbold); display: flex; align-items: center; gap: 6px; } .latest-feature__item-content a:hover { color: var(--rr-theme-primary); } /*latest-Choose-us area start*/ .latest-Choose-us__bg-shape { position: absolute; right: -226px; bottom: -79px; z-index: -1; } .latest-Choose-us__bg-shape img { width: 100%; height: auto; } .latest-Choose-us__bag-shape { position: absolute; right: -135px; top: 128px; z-index: -1; } .latest-Choose-us__bag-shape img { max-width: 90.665px; height: 115.829px; transform: rotate(6.904deg); } .latest-Choose-us__cap-shape { position: absolute; right: 555px; bottom: 15px; z-index: -1; } .latest-Choose-us__cap-shape img { width: 67.122px; height: 87.099px; } .latest-Choose-us__content h6 { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-regular); line-height: 30px; margin-bottom: 12px; } .latest-Choose-us__content h2 { max-width: 566px; color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h2); font-weight: var(--rr-fw-bold); line-height: var(--rr-lh-h2); margin-bottom: 14px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-Choose-us__content h2 { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-Choose-us__content h2 { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest-Choose-us__content h2 { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .latest-Choose-us__content h2 { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .latest-Choose-us__content h2 { font-size: 27px; line-height: 37px; } } .latest-Choose-us__content p { font-size: 18px; line-height: 28px; margin-bottom: 24px; } .latest-Choose-us__content-text { gap: 60px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .latest-Choose-us__content-text { gap: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), (max-width:450px) { .latest-Choose-us__content-text { gap: 0; flex-wrap: wrap; column-gap: 30px; } } .latest-Choose-us__content-text-box ul { display: grid; grid-template-columns: 190px 270px; grid-column-gap: 47px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-Choose-us__content-text-box ul { grid-column-gap: 0px; grid-template-columns: 1fr 1fr; } } @media (max-width: 575px) { .latest-Choose-us__content-text-box ul { grid-template-columns: 1fr; } } .latest-Choose-us__content-text-box ul li { display: flex; gap: 6px; font-family: var(--rr-ff-heading); font-size: 16px; line-height: 26px; font-weight: var(--rr-fw-regular); margin-bottom: 16px; color: var(--rr-heading-primary); } .latest-Choose-us__content-text-box ul li i { font-size: 20px; margin-top: 2.5px; color: var(--rr-theme-primary); } .latest-Choose-us__content-btn { margin-top: 24px; } .latest-Choose-us__media { gap: 30px; } .latest-Choose-us__media-img1 { overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .latest-Choose-us__media-img1 img { width: 270px; height: 370px !important; border-radius: 10px !important; } .latest-Choose-us__media-img2 { overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .latest-Choose-us__media-img2 img { width: 270px; height: 500px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .latest-Choose-us__media-experience-box { justify-content: center; align-items: center; gap: 30px; max-width: 100%; height: 110px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; background: var(--rr-heading-primary); padding: 29px 36px 29px 30px; position: absolute; right: 200px; bottom: -10px; z-index: 1; } @media (max-width: 575px), (max-width:450px) { .latest-Choose-us__media-experience-box { right: 17px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-Choose-us__media-experience-box { right: 95px; } } .latest-Choose-us__media-experience-box .title { max-width: 100%; } .latest-Choose-us__media-experience-box .title h3 { color: var(--rr-common-white); font-size: 34px; font-style: normal; font-weight: 600; line-height: 44px; } .latest-Choose-us__media-experience-box .title h4 { color: var(--rr-common-white); font-size: 24px; font-style: normal; font-weight: 500; line-height: 26px; } .latest-Choose-us__media-experience-box .description p { margin-bottom: 0; max-width: 136px; color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-size: 16px; font-weight: 400; line-height: 26px; } /*latest-service area start*/ .latest-service__right-shape { position: absolute; right: -660px; } .latest-service__right-shape img { width: 100%; height: auto; } .latest-service__bg-shape { position: absolute; left: -460px; bottom: 0; z-index: 1; } .latest-service__bg-shape img { width: 100%; height: auto; object-fit: cover; } .latest-service__title-box-subtitle h6 { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-regular); line-height: 30px; margin-bottom: 12px; } .latest-service__title-box-title h2 { color: var(--rr-heading-primary); font-weight: var(--rr-fw-bold); margin-bottom: 0; } .latest-service__item { padding: 30px; transition: 0.3s; position: relative; z-index: 1; } .latest-service__item:hover { border-radius: 10px; background: #FFF; box-shadow: 0px 20px 40px 0px rgba(0, 29, 8, 0.1); } .latest-service__item-icon { display: flex; width: 80px; height: 80px; flex-shrink: 0; background: #fff0eb; justify-content: center; align-items: center; border-radius: 500px; margin: auto; margin-bottom: 24px; } .latest-service__item-icon img { width: 36px; height: 36px; } .latest-service__item-icon:hover img { transform: rotate(45deg); } .latest-service__item .service-4 img { width: 43.182px; height: 36px; } .latest-service__item-title h4 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h5); margin-bottom: 12px; } .latest-service__item-title h4:hover { color: var(--rr-theme-primary); } .latest-service__item-text p { margin-bottom: 0; } /*latest-counter area start*/ .latest-counter__content__counter-img { width: 100px; height: 100px; align-items: center; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; display: flex; justify-content: center; margin: auto; background: var(--rr-common-white); overflow: hidden; margin-bottom: 24px; } @media (max-width:450px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) { .latest-counter__content__counter-img { margin-top: 40px; } } .latest-counter__content__counter-img img { width: 60px; height: 60px; } .latest-counter__content__counter-img:hover img { transform: rotate(45deg); } .latest-counter__content .man-icon img { width: 60px; height: 34px; } .latest-counter__content .ellipse-icon img { width: 52px; height: 60px; } .latest-counter__content h5 { font-weight: var(--rr-fw-sbold); font-size: 60px; line-height: 60px; margin-bottom: 14px; } .latest-counter__content h5 span { font-weight: var(--rr-fw-sbold); font-size: 60px; line-height: 60px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-counter__content h5 span { font-size: 55px; line-height: 67px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-counter__content h5 span { font-size: 50px; line-height: 62px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest-counter__content h5 span { font-size: 45px; line-height: 57px; } } @media (max-width: 575px) { .latest-counter__content h5 span { font-size: 40px; line-height: 52px; } } @media (max-width:450px) { .latest-counter__content h5 span { font-size: 37px; line-height: 47px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-counter__content h5 { font-size: 55px; line-height: 67px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-counter__content h5 { font-size: 50px; line-height: 62px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest-counter__content h5 { font-size: 45px; line-height: 57px; } } @media (max-width: 575px) { .latest-counter__content h5 { font-size: 40px; line-height: 52px; } } @media (max-width:450px) { .latest-counter__content h5 { font-size: 37px; line-height: 47px; } } .latest-counter__content span { font-size: 20px; } .shape-wrapper .bg-shape { position: absolute; left: -515px; bottom: -295px; } .shape-wrapper .bg-shape img { width: 100%; height: auto; } .shape-wrapper .bulet-shape { position: absolute; right: -454px; bottom: 0; } .shape-wrapper .bulet-shape img { width: 100%; height: auto; } .shape-wrapper .close-shape { position: absolute; top: 148px; right: -60px; } .shape-wrapper .close-shape img { width: 100%; height: auto; } .shape-wrapper .media { max-width: 100%; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .shape-wrapper .media img { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } /*faq-section-start*/ @media (max-width: 1199px) { .content-area .faqs { padding-top: 30px; padding-bottom: 100px; } } @media (max-width: 991px) { .content-area .faqs { padding-bottom: 70px; } } @media (max-width: 767px) { .content-area .faqs { padding-bottom: 40px; } } @media (max-width: 680px) { .content-area .faqs { padding-bottom: 20px; padding-top: 20px; } } @media (max-width: 1199px) { .content-area .faqss { padding-top: 30px; } } @media (max-width: 991px) { .content-area .faqss { padding-bottom: 70px; } } @media (max-width: 767px) { .content-area .faqss { padding-bottom: 40px; } } @media (max-width: 680px) { .content-area .faqss { padding-bottom: 20px; padding-top: 20px; } } .content-area .faq .accordion h6 { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); margin-bottom: 12px; } .content-area .faq .accordion h2 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h2); font-weight: var(--rr-fw-bold); line-height: var(--rr-lh-h2); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .content-area .faq .accordion h2 { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .content-area .faq .accordion h2 { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .content-area .faq .accordion h2 { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .content-area .faq .accordion h2 { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .content-area .faq .accordion h2 { font-size: 27px; line-height: 37px; } } .content-area .faq .accordion .card { border: none; margin-bottom: 20px; max-width: 600px; background: none; } @media (max-width: 480px) { .content-area .faq .accordion .card { margin-bottom: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), (max-width:450px) { .content-area .faq .accordion .card { max-width: 100%; } } .content-area .faq .accordion .card .card-header { padding: 0; background-color: var(--rr-common-white); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(0, 29, 8, 0.1); } .content-area .faq .accordion .card .card-header .card-link { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); display: flex; cursor: pointer; font-size: 20px; text-align: left; font-weight: 500; align-items: center; transition: all 0.3s ease; padding: 16px 68px 16px 20px; line-height: 30px; width: 100%; } @media (max-width: 991px) { .content-area .faq .accordion .card .card-header .card-link.has--padding { font-size: 13px; line-height: 22px; padding: 10px 50px 10px 10px; } } @media (max-width: 480px) { .content-area .faq .accordion .card .card-header .card-link { padding: 8px; padding-right: 50px !important; font-size: 16px; } } @media (max-width:376px) { .content-area .faq .accordion .card .card-header .card-link { padding: 19px; font-size: 16px; text-align: inherit; line-height: 27px; } } @media (max-width:320px) { .content-area .faq .accordion .card .card-header .card-link { padding: 19px 10px; font-size: 15px; line-height: 22px; } } .content-area .faq .accordion .card .card-header .card-link:before { right: 0; width: 50px; height: 50px; display: flex; font-size: 18px; content: "\f067"; margin-right: 10px; position: absolute; align-items: center; background: var(--rr-heading-primary); justify-content: center; font-family: "Font Awesome 5 Pro"; color: var(--rr-common-white); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } @media (max-width: 480px) { .content-area .faq .accordion .card .card-header .card-link:before { width: 30px; height: 30px; margin-right: 10px; } } .content-area .faq .accordion .card .card-header .card-link[aria-expanded=true]:before { color: var(--rr-common-black); font-size: 18px; content: "\f068"; background-color: var(--rr-common-white); font-family: "Font Awesome 5 Pro"; } .content-area .faq .accordion .card .card-header .card-link[aria-expanded=true] { background-color: var(--rr-theme-primary); color: var(--rr-common-white); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; width: 100%; } .content-area .faq .accordion .card-body { padding: 0; padding-left: 20px; } .content-area .faq .accordion .card-body p { max-width: 540px; color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); padding-top: 14px; font-size: 16px; line-height: 26px; margin-bottom: 0; } @media (max-width: 575px) { .content-area .faq .accordion .card-body p { line-height: 24px; } } .content-area .media { border-radius: 10px; overflow: hidden; } .content-area .media img { border-radius: 10px; } /*latest-tema area start*/ .latest-team__title-wrapper h6 { color: var(--rr-common-white); font-family: var(--rr-ff-subtitle); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); margin-bottom: 12px; } .latest-team__title-wrapper h2 { color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h2); font-weight: var(--rr-fw-bold); line-height: var(--rr-lh-h2); margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-team__title-wrapper h2 { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-team__title-wrapper h2 { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest-team__title-wrapper h2 { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .latest-team__title-wrapper h2 { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .latest-team__title-wrapper h2 { font-size: 27px; line-height: 37px; } } @media (max-width: 575px), (max-width:450px) { .latest-team__item-slide { width: 100% !important; } } .latest-team__button-right .right-icon { margin-right: 10px; } .latest-team__button-right a { width: 50px; height: 50px; } .latest-team__item { 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: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), (max-width:450px) { .latest-team__item { margin-right: 0; } } .latest-team__item-media { overflow: hidden; } .latest-team__item-media a img { width: 100%; height: 470px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .latest-team__item-media-social { position: absolute; justify-content: center; align-items: center; gap: 10px; max-width: 100%; top: 210px; left: 0; right: 0; margin: auto; display: block; transform: translateY(-200px); transition: 0.3s; opacity: 0; z-index: 9; } .latest-team__item-media-social a { width: 50px; height: 55px; background: var(--rr-common-white); justify-content: center; display: flex; align-items: center; font-size: 20px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; color: var(--rr-text-body); transition: 0.6s; } .latest-team__item-media-social a:hover { color: var(--rr-common-white); background: var(--rr-heading-primary); } .latest-team__item-media-img-title { position: absolute; max-width: 100%; top: 372px; left: 0; right: 0; margin: auto; z-index: 1; } .latest-team__item-media-img-title h5 { color: var(--rr-common-white); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); text-align: center; font-size: 20px; line-height: 30px; margin-bottom: 4px; } .latest-team__item-media-img-title h4 { color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-sbold); text-align: center; line-height: var(--rr-lh-h4); } .latest-team__item-media-img-title h4:hover { text-decoration: underline; } .latest-item_thumb::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; border-radius: 10px; background: rgba(255, 61, 0, 0.8); opacity: 0; visibility: hidden; transition: 0.3s; } .latest-team__item-media:hover .latest-item_thumb::after { opacity: 1; visibility: visible; } .latest-team__item-media:hover .latest-team__item-media-social { opacity: 1; visibility: visible; transform: translateY(0); } /*latest-project area start*/ .project__title { max-width: 634px; margin: auto; margin-bottom: 40px; } .project__title h6 { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); margin-bottom: 12px; } .project__title h2 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h2); font-weight: var(--rr-fw-bold); line-height: var(--rr-lh-h2); margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .project__title h2 { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .project__title h2 { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .project__title h2 { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .project__title h2 { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .project__title h2 { font-size: 27px; line-height: 37px; } } .project-row-custom { display: flex; gap: 30px; margin-right: 0; margin-left: 0; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .project-row-custom { display: grid; grid-template-columns: 1fr 1fr; margin-left: 15px; margin-right: 15px; gap: 30px !important; flex-direction: column; } } @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: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .project-row-custom { gap: 15px !important; } } @media (max-width: 575px), (max-width:450px) { .project-row-custom { flex-direction: column; margin-left: 15px; margin-right: 15px; } } .project-item { height: 100%; cursor: pointer; overflow: hidden; } @media only screen and (min-width: 768px) and (max-width: 991px) { .project-item { height: inherit; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .project-item { height: inherit; } } @media (max-width:450px) { .project-item { height: 300px; } } .project-thumb { height: 100%; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; } .project-content { position: absolute; bottom: 0; left: 0; padding: 0 40px 32px 38px; width: 100%; visibility: hidden; opacity: 0; z-index: 2; } .project-title { font-size: var(--rr-fs-h3); color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h3); width: 100%; z-index: 5; position: absolute; bottom: 45px; padding: 0; opacity: 0; visibility: hidden; transition: 0.4s; display: flex; justify-content: center; } @media only screen and (min-width: 576px) and (max-width: 767px) { .project-title { font-size: 28px; bottom: 20px; } } @media (max-width:450px) { .project-title { font-size: 25px; bottom: 15px; } } .project-thumb img { width: 100%; height: 100%; object-fit: cover; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .col-custom { flex: 1; max-width: 100%; height: 500px; background-size: cover; margin-top: 0; transition: 0.4s; } .col-custom.active { flex: 2; width: 770px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .col-custom.active { width: 100%; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .col-custom.active { width: 100%; } } .col-custom.active .project-item .project-thumb { width: 770px; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .col-custom.active .project-item .project-thumb { width: 650px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .col-custom.active .project-item .project-thumb { width: 500px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .col-custom.active .project-item .project-thumb { width: 100%; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .col-custom.active .project-item .project-thumb { width: 100%; } } @media (max-width: 575px) { .col-custom.active .project-item .project-thumb { width: 100%; } } .col-custom.active .project-item .project-thumb img { width: 100%; } .col-custom.active::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; background: linear-gradient(180deg, rgba(255, 61, 0, 0.1) 0%, #FF3D00 100%); z-index: 1; opacity: 0.9; } .col-custom.active .project-title { opacity: 1; visibility: visible; } .projects-content span { font-size: 22px; color: var(--rr-grey-2); font-weight: 700; margin-bottom: 20px; display: block; } .projects-info { position: absolute; right: 0; bottom: 20px; background: #e1355c; color: var(--rr-common-white); z-index: 9; padding: 20px 50px; opacity: 0.9; font-family: var(--rr-ff-p); } .projects-info ul li { list-style: none; margin-bottom: 10px; } .projects-info ul li:last-child { margin-bottom: 0px; } .projects-info ul li span { margin-left: 29px; } /*latest-testimonial area start*/ .testimonial__big-dotted-shape { position: absolute; top: 47%; right: 49%; z-index: 98; } @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) { .testimonial__big-dotted-shape { top: 47%; right: 48%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonial__big-dotted-shape { top: 46%; right: 48%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial__big-dotted-shape { top: 44%; right: 47%; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), (max-width:450px) { .testimonial__big-dotted-shape { display: none; } } .testimonial__big-dotted-shape img { width: 100%; height: auto; } .testimonial__bg-shape { position: absolute; top: 220px; right: 530px; } .testimonial__bg-shape img { width: 100%; height: auto; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .testimonial__bg-shape { top: 215px; right: 280px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonial__bg-shape { top: 27%; right: 8%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial__bg-shape { top: 24%; right: 5%; } } @media (max-width: 575px) { .testimonial__bg-shape { top: 22%; right: 0; } } @media (max-width:320px) { .testimonial__bg-shape { top: 25%; right: -10%; } } .testimonial__title-wrapper-subtitle { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 12px; } .testimonial__title-wrapper-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h2); font-weight: var(--rr-fw-bold); line-height: var(--rr-lh-h2); font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonial__title-wrapper-title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .testimonial__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .testimonial__title-wrapper-title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .testimonial__title-wrapper-title { font-size: 27px; line-height: 37px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), (max-width:450px) { .testimonial-buttons { display: none !important; } } .testimonial-buttons .testimonial-prev { position: absolute; left: 0; top: 0; transform: translate(50%, 0); z-index: 99; font-size: 25px; color: #b3bbb5; transition: 0.3s; } .testimonial-buttons .testimonial-prev:hover { color: var(--rr-theme-primary); } .testimonial-buttons .testimonial-next { position: absolute; right: 10px; top: 0; transform: translate(50%, 0); z-index: 99; font-size: 25px; color: #b3bbb5; transition: 0.3s; } .testimonial-buttons .testimonial-next:hover { color: var(--rr-theme-primary); } .testimonial__content p { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 20px; font-style: italic; max-width: 809px; margin: auto; margin-bottom: 24px; } .testimonial__content-title h4 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h5); } .testimonial__content-title h6 { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-p); margin-bottom: 0; font-size: 16px; } .testi-carousel-wrap .testi-thumb-wrap { overflow: hidden; width: 338px; margin: 0 auto; margin-bottom: 30px; } .testi-carousel-wrap .thumb-carousel { width: 110px; margin: 0 auto; padding-top: 10px; overflow: visible; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testi-carousel-wrap .thumb-carousel { margin: 0 89px; } } .testi-carousel-wrap .thumb-carousel .swiper-slide { height: 110px; width: 110px; display: flex; justify-content: center; align-items: center; } .testi-carousel-wrap .testi-thumb { border: 5px solid transparent; height: 70px; width: 70px; border-radius: 50%; cursor: pointer; margin: 0 auto; opacity: 0.3; } .testi-carousel-wrap .testi-thumb img { border-radius: 50%; border: 3px solid #FF3D00; } .testi-carousel-wrap .swiper-slide.swiper-slide-active .testi-thumb { height: 100px; width: 100px; border: 5px solid var(--mt-color-theme-secondary); border-radius: 50%; opacity: 1; } .testi-carousel-wrap .content-carousel { padding-bottom: 55px; } .testi-carousel-wrap .content-carousel .swiper-pagination { left: 0; text-align: left; } /*latest-blog area start*/ .latest-blog__title-wrapper h6 { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-regular); line-height: 30px; margin-bottom: 12px; } .latest-blog__title-wrapper h2 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h2); font-weight: var(--rr-fw-bold); line-height: var(--rr-lh-h2); margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-blog__title-wrapper h2 { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-blog__title-wrapper h2 { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest-blog__title-wrapper h2 { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .latest-blog__title-wrapper h2 { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .latest-blog__title-wrapper h2 { font-size: 27px; line-height: 37px; } } .latest-blog__button-right { display: flex; justify-content: end; gap: 10px; margin-bottom: 20px; } .latest-blog__button-right .right-icon { padding: 10px 26px; } .latest-blog__button-right a { width: 50px; height: 50px; } .latest-blog__item { transition: 0.3s; } .latest-blog__item-media { overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; } .latest-blog__item-media a img { max-width: 100%; height: 241px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .latest-blog__item-media a img:hover { transform: scale(1.2); } .latest-blog__item-text { padding-left: 30px; border: 1px solid rgba(3, 4, 29, 0.1); background: var(--rr-common-white); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top: none; transition: 0.3s; padding-bottom: 30px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-blog__item-text { padding-left: 10px; } } .latest-blog__item-text-meta { gap: 16px; padding-bottom: 21px; } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest-blog__item-text-meta { gap: 5px; } } .latest-blog__item-text-meta-calender { width: 50px; height: 56px; flex-shrink: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: var(--rr-theme-primary); text-align: center; padding: 12px 8px; margin-top: -30px; z-index: 1; } .latest-blog__item-text-meta-calender h4 { color: var(--rr-common-white); text-align: center; font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-sbold); line-height: 14px; margin-bottom: 5px; } .latest-blog__item-text-meta-calender p { color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); font-size: 12px; font-style: normal; line-height: 14px; margin: 0; } .latest-blog__item-text-meta span { list-style: none; text-transform: capitalize; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-blog__item-text-meta span { margin-left: 10px; } } .latest-blog__item-text-meta span a { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); display: flex; justify-content: center; align-items: center; margin-top: 6px; gap: 6px; line-height: 22px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-blog__item-text-meta span a { font-size: 13px; } } .latest-blog__item-text-meta span a i { color: var(--rr-theme-primary); } .latest-blog__item-text-meta span a:hover { color: var(--rr-theme-primary); } .latest-blog__item-text-bottom a h4 { max-width: 308px; font-size: 22px; font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h5); margin-bottom: 24px; } @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: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-blog__item-text-bottom a h4 { max-width: 100%; } } .latest-blog__item-text-bottom a h4:hover { color: var(--rr-theme-primary); } .latest-blog__item-text-bottom a { color: var(--rr-text-body); font-family: var(--rr-heading-primary); font-weight: var(--rr-fw-sbold); line-height: var(--rr-fs-h4); font-size: 15px; gap: 6px; } .latest-blog__item-text-bottom a:hover { color: var(--rr-theme-primary); } .latest-blog__item-slide { transition: all 0.3s ease-in-out; } .latest-blog__item-slide:hover .latest-blog__item-text { box-shadow: 0px 10px 15px rgba(0, 29, 8, 0.1); } /*latest-newsletter area start*/ .latest-newsletter__pen-shape { position: absolute; top: 10px; right: -25px; } .latest-newsletter__pen-shape img { width: 100%; height: auto; } @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: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-newsletter__pen-shape { display: none; } } .latest-newsletter__bg-shape { position: absolute; left: -345px; top: 15px; } .latest-newsletter__bg-shape img { width: 100%; height: auto; } @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: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-newsletter__bg-shape { display: none; } } .latest-newsletter__content h2 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-bold); line-height: var(--rr-lh-h2); margin-bottom: 14px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-newsletter__content h2 { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-newsletter__content h2 { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest-newsletter__content h2 { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .latest-newsletter__content h2 { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .latest-newsletter__content h2 { font-size: 27px; line-height: 37px; } } .latest-newsletter__content p { max-width: 717px; margin: auto; font-size: 18px; line-height: 28px; margin-bottom: 30px; } .latest-newsletter__content .search { max-width: 826px; height: 60px; flex-shrink: 0; margin-left: auto; margin-right: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(0, 29, 8, 0.1); background: var(--rr-common-white); } .latest-newsletter__content .search input { border-bottom: none; } .latest-newsletter__content .search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-text-body); } .latest-newsletter__content .search input::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-text-body); } .latest-newsletter__content .search input:-moz-placeholder { /* Firefox 4-18 */ color: var(--rr-text-body); } .latest-newsletter__content .search input:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-text-body); } .latest-newsletter__content .search input::placeholder { /* MODERN BROWSER */ color: var(--rr-text-body); } .latest-newsletter__content .search button { height: 85%; position: absolute; right: 5px; top: calc(58% - 30px); } .latest-newsletter__content .search.custom-search input { padding-right: 200px; margin-top: 14px; } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest-newsletter__content .search.custom-search input { padding-right: 220px; } } @media (max-width:320px) { .latest-newsletter__content .search.custom-search input { padding-right: 160px; } } .latest-newsletter__content .rr-btn { display: inline-flex; padding: 10px 28px; justify-content: center; align-items: center; gap: 10px; } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest-newsletter__content .rr-btn { padding-left: 40px; padding-right: 40px; } } @media (max-width: 575px) { .latest-newsletter__content .rr-btn { padding-left: 35px; padding-right: 35px; } } @media (max-width:450px) { .latest-newsletter__content .rr-btn { padding-left: 30px; padding-right: 30px; } } @media (max-width:320px) { .latest-newsletter__content .rr-btn { padding-left: 10px; padding-right: 10px; } } .latest-newsletter__content .rr-btn:before { background-color: var(--rr-heading-primary); border-top-left-radius: 0; border-bottom-left-radius: 0; } .latest-newsletter__content .rr-btn:hover { color: var(--rr-common-white); box-shadow: none !important; } .lan-select .nice-select { border: none; } .latest-service__item-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h5); margin-bottom: 12px; transition: 0.3s; } .latest-service__item-title:hover { color: var(--rr-theme-primary); } .rr-contact__title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); font-size: var(--rr-fs-h3); line-height: 46px; font-style: normal; text-transform: capitalize; } .rr-contact__comment-form-box2 { 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; } .rr-contact-item-icon span { width: 60px; height: 60px; background: #ffece5; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; margin-right: 20px; } .rr-contact-item-title { display: block; color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-size: 14px; line-height: 17px; font-style: normal; margin-bottom: 6px; } .rr-contact-item-content a { color: var(--rr-heading-primary); font-family: var(--rr-ff-body); font-weight: 500; font-size: 16px; line-height: 24px; font-style: normal; display: block; } .rr-contact-item-content a:hover { color: var(--rr-theme-primary); } /*----------------------------------------*/ /* 8.12 home3 /*----------------------------------------*/ /*latest-feature2 area start*/ .latest-feature2__media { position: relative; z-index: 1; } .latest-feature2__media .overlay { background: linear-gradient(180deg, rgba(255, 61, 0, 0.1) 0%, #FF3D00 100%); width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; z-index: 2; transition: 0.3s all ease-in-out; visibility: hidden; opacity: 0; border-radius: 10px; } .latest-feature2__media .number-top { background: var(--rr-common-white); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: var(--rr-common-black); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-medium); line-height: var(--rr-lh-h6); font-size: 18px; font-style: normal; position: absolute; top: 10px; right: 20px; z-index: 2; transition: 0.3s all ease-in-out; visibility: hidden; opacity: 0; border-radius: 4px; } .latest-feature2__media .overlay-heading { position: absolute; z-index: 2; transition: 0.3s all ease-in-out; visibility: hidden; opacity: 0; bottom: 0; left: 36px; } .latest-feature2__media .overlay-heading a { position: relative; z-index: 99; } .latest-feature2__media .overlay-heading a h6 { color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h6); font-size: 18px; font-style: normal; } .latest-feature2__media img { width: 100%; height: 346px; border-radius: 10px; } .latest-feature2__media:hover .overlay { visibility: visible; opacity: 1; transition: 0.3s; } .latest-feature2__media:hover .number-top { visibility: visible; opacity: 1; top: 20px; } .latest-feature2__media:hover .overlay-heading { visibility: visible; opacity: 1; transition: 0.3s; bottom: 36px; } .latest-feature2__content { max-width: 579px; } .latest-feature2__content-sub-title { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 12px; } .latest-feature2__content-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h2); font-weight: var(--rr-fw-bold); font-style: normal; line-height: 58px; margin-bottom: 14px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-feature2__content-title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-feature2__content-title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest-feature2__content-title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .latest-feature2__content-title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .latest-feature2__content-title { font-size: 27px; line-height: 37px; } } .latest-feature2__content-description { margin-bottom: 40px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-feature2__content-description { margin-bottom: 28px; } } .latest-feature2__content-description p { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-size: var(--rr-fs-h6); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); font-style: normal; } /*latest-about2 area start*/ .latest-about2__all-shape-bg-shape { position: absolute; top: -90px; right: -150px; } .latest-about2__all-shape-bg-shape img { width: 100%; height: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-about2__all-shape-bg-shape { display: none; } } .latest-about2__all-shape-circle-shape { position: absolute; top: 150px; right: -200px; } .latest-about2__all-shape-circle-shape img { width: 100%; height: 100%; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .latest-about2__all-shape-circle-shape { right: -115px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) { .latest-about2__all-shape-circle-shape { top: 390px; right: 30px; } } .latest-about2__content-subtitle { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 12px; } .latest-about2__content-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h2); font-weight: var(--rr-fw-bold); line-height: var(--rr-lh-h2); font-style: normal; margin-bottom: 14px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-about2__content-title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-about2__content-title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest-about2__content-title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .latest-about2__content-title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .latest-about2__content-title { font-size: 27px; line-height: 37px; } } .latest-about2__content-description p { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-size: var(--rr-fs-h6); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); font-style: normal; margin-bottom: 20px; } .latest-about2__content-text { margin-bottom: 30px; } .latest-about2__content-text ul li { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); font-size: 16px; font-style: normal; line-height: 36px; display: flex; gap: 11px; align-items: center; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-about2__content-text ul li { align-items: inherit; } } .latest-about2__content-text ul li i { color: var(--rr-theme-primary); } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-about2__content-text ul li i { padding-top: 12px; } } @media (max-width:376px) { .latest-about2__content-text ul li { font-size: 13px; } .latest-about2__content-text ul li:last-child { margin-bottom: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), (max-width:450px), (max-width: 575px) { .latest-about2__content-btn { margin-bottom: 30px; } } .latest-about2__media { position: relative; } .latest-about2__media-img1 { float: right; } .latest-about2__media-img1 img { width: 100%; height: auto; border-radius: 10px !important; } .latest-about2__media-img1 img:hover { transform: scale(1.04); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-about2__media-img1 { width: 100%; margin-bottom: 30px; } } .latest-about2__media-img2 { position: absolute; top: 255px; } .latest-about2__media-img2 img { position: relative; max-width: 370px; height: auto; border-radius: 10px !important; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-about2__media-img2 img { top: 25px; right: 60px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-about2__media-img2 img { max-width: 100%; } } .latest-about2__media-img2 img:hover { transform: scale(1.04); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-about2__media-img2 { position: inherit; top: 0; } } /*latest-cta2 area start*/ .latest-cta2__area { background-repeat: no-repeat; background-size: cover; display: block; } .latest-cta2__area::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #001D08; opacity: 0.7; z-index: 1; } .latest-cta2__content { max-width: 748px; margin: auto; } .latest-cta2__content-btn { display: flex; justify-content: center; align-items: center; gap: 20px; } @media (max-width:450px) { .latest-cta2__content-btn { flex-wrap: wrap; } } .latest-cta2__content-btn img { width: 16px; height: 16px; } .latest-cta2__content-btn .active { background: var(--rr-theme-primary); color: var(--rr-common-white); } .latest-cta2__content-btn .btn-1:hover img, .latest-cta2__content-btn :active:hover img { filter: brightness(0) invert(1); } .latest-cta2__content-title { color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h2); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h2); font-style: normal; margin-bottom: 14px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-cta2__content-title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-cta2__content-title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest-cta2__content-title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .latest-cta2__content-title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .latest-cta2__content-title { font-size: 27px; line-height: 37px; } } .latest-cta2__content-description a { text-decoration: underline; } .latest-cta2__content-description a:hover { color: var(--rr-theme-primary); } /*latest-service2 area start*/ .latest-service2__title-wrapper-subtitle { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 12px; } .latest-service2__title-wrapper-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h2); font-weight: var(--rr-fw-bold); line-height: var(--rr-lh-h2); font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-service2__title-wrapper-title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-service2__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest-service2__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .latest-service2__title-wrapper-title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .latest-service2__title-wrapper-title { font-size: 27px; line-height: 37px; } } .latest-service2__item { border-radius: 10px; background: var(--rr-common-white); padding: 1px 23px 30px; transition: 0.3s; } .latest-service2__item:hover { box-shadow: 0px 20px 40px 0px rgba(0, 29, 8, 0.1); } .latest-service2__item-icon { width: 80px; height: 80px; background: #ffeee8; display: flex; justify-content: center; align-items: center; border-radius: 500px; overflow: hidden; margin-left: auto; margin-right: auto; } .latest-service2__item-icon img { width: 32.168px; height: auto !important; } .latest-service2__item-icon:hover img { transform: rotate(45deg); } .latest-service2__item-icon-img { width: 80px; height: 80px; background: #ffeee8; display: flex; justify-content: center; align-items: center; border-radius: 500px; overflow: hidden; margin-left: auto; margin-right: auto; } .latest-service2__item-icon-img img { width: 36.168px; height: 36px; } .latest-service2__item-icon-img:hover img { transform: rotate(45deg); } .latest-service2__item-text { max-width: 224px; margin: auto; } .latest-service2__item-text h4 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h4); font-style: normal; margin-top: 21px; margin-bottom: 9px; } .latest-service2__item-text h4:hover { color: var(--rr-theme-primary); } .latest-service2__item-text p { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-size: 16px; font-style: normal; font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); margin-bottom: 24px; } .latest-service2__item-text h4 a { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h4); font-style: normal; margin-top: 21px; margin-bottom: 9px; } .latest-service2__item-text h4 a:hover { color: var(--rr-theme-primary); } /*main-brand-area start*/ .main-brand__tittle-wrapper-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 8px; } .main-brand__tittle-wrapper-subtitle { 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: 16px; font-style: normal; } .brand__thumb img { opacity: 1; } /*pricing-area start*/ .pricing__area .rr-btn.active { background-color: var(--rr-theme-primary) !important; color: var(--rr-common-white); border-radius: 4px; } .pricing__pricing-top { justify-content: space-between; flex-wrap: wrap; row-gap: 15px; width: 100%; display: flex; align-items: end; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .pricing__title-wrapper { margin-bottom: 0 !important; } } .pricing__title-wrapper-subtitle { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 12px; } .pricing__title-wrapper-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h2); font-weight: var(--rr-fw-bold); line-height: var(--rr-lh-h2); font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .pricing__title-wrapper-title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pricing__title-wrapper-title { font-size: 38px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .pricing__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .pricing__title-wrapper-title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .pricing__title-wrapper-title { font-size: 27px; line-height: 37px; } } .pricing__toggler_button { margin-bottom: 83px; border: 1px solid rgba(0, 29, 8, 0.1); border-radius: 5px; display: inline-block; display: flex; gap: 0; border-radius: 6px; overflow: hidden; } .pricing__toggler_button .rr-btn.btn-transparent { border: none; border-radius: 0; } .pricing__toggler_button .rr-btn.btn-transparent::before { display: none; } .pricing__toggler_button .rr-btn.btn-transparent:hover { box-shadow: none; color: var(--rr-heading-primary); } .pricing .mb-minus-30 { margin-bottom: -30px; } .pricing-card { position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; padding: 20px 25px; transition: 0.3s; height: 100%; } .pricing-card .popular-price { display: inline-block; background-color: #193421; padding: 3px 12px; position: absolute; right: 20px; z-index: 2; top: -19px; border-radius: 4px; } .pricing-card .popular-price .popular-top-title { color: var(--rr-common-white) !important; font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-medium); font-size: 10px; line-height: 15px; font-style: normal; } .pricing-card-price { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h3); font-weight: var(--rr-fw-bold); line-height: var(--rr-lh-h3); font-style: normal; } .pricing-card-price span:not(:first-child) { color: var(--rr-ff-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-size: 16px; font-style: normal; } .pricing-card-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); font-size: 28px; font-style: normal; line-height: normal; margin-bottom: 4px; } .pricing-card p { max-width: 214px; 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: 16px; font-style: normal; margin-bottom: 15px; } .pricing-card-body ul { display: flex; list-style: none; flex-direction: column; gap: 6px; } .pricing-card-body ul li { color: var(--rr-text-body); font-family: var(--rr-text-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); position: relative; display: flex; font-size: 16px; font-style: normal; align-items: center; gap: 10px; } .pricing-card-body ul li i { background: #ffece5; color: #ff3d00; padding: 4px 5px; border-radius: 500px; } .pricing-card__top-bar { position: relative; } .pricing-card__top-bar span { display: block; font-size: var(--rs-fs-body2); line-height: var(--rs-lh-body2); font-weight: var(--rs-fw-bold); z-index: 1; position: absolute; top: -2px; right: -10px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .pricing-card__top-bar span:after { top: -11.55555px; width: 105.328px; height: 39.273px; position: absolute; left: -24px; content: ""; z-index: -1; background-image: url(../imgs/pricing/popular-bg.svg); background-size: contain; background-repeat: no-repeat; } .pricing-card__top-bar span:before { top: -11.55555px; width: 999%; height: 39.273px; position: absolute; left: 0; content: ""; z-index: -1; background-color: var(--rs-theme-primary); } .pricing-card.active { background: var(--rr-heading-primary) !important; box-shadow: 0px 20px 40px rgba(0, 29, 8, 0.1); position: relative; z-index: 1; border-radius: 0 0 10px 10px; height: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .pricing-card.active { margin: 13px; } } .pricing-card.active:hover { color: var(--rr-common-white) !important; } .pricing-card.active .top-color { background: var(--rr-heading-primary); width: 100%; height: 30px; position: absolute; top: -30px; left: 0; border-radius: 10px 10px 0 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), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .pricing-card.active .top-color { height: 31px; } } .pricing-card.active-title { color: var(--rr-common-white); } .pricing-card.active-body { color: var(--rr-common-white); } .pricing-card .pricing-card-price h2 { color: var(--rr-heading-primary); font-weight: var(--rr-fw-bold); font-size: var(--rr-fs-h3); line-height: var(--rr-lh-h3); font-style: normal; } .pricing-card .pricing-card-price h2 span { color: var(--rr-heading-primary); } .pricing-card.active .pricing-card-price h2 { color: var(--rr-common-white); font-weight: var(--rr-fw-bold); } .pricing-card.active .pricing-card-price h2 span { color: var(--rr-common-white); } .pricing-card.active .pricing-card-title { color: var(--rr-common-white); } .pricing-card.active p { color: var(--rr-common-white); } .pricing-card.active .pricing-card-body ul li { color: var(--rr-common-white); } .pricing-card.active .pricing-card-body ul li i { color: var(--rr-common-white); background: #193421; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .pricing-card .pricing-btn { margin-bottom: 30px; } } .pricing__area .rr-btn.active:hover { color: white; } /*gallery start*/ .our-gallery .container-fluid { padding: 0; } @media (max-width:450px) { .our-gallery .container-fluid [class*=col-] { width: 100%; } } .our-gallery__title-wrapper-subtitle { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 12px; } .our-gallery__title-wrapper-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h2); font-weight: var(--rr-fw-bold); line-height: var(--rr-lh-h2); font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .our-gallery__title-wrapper-title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .our-gallery__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .our-gallery__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .our-gallery__title-wrapper-title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .our-gallery__title-wrapper-title { font-size: 27px; line-height: 37px; } } .our-gallery__item { max-width: 100%; position: relative; overflow: hidden; display: flex; z-index: 1; } @media only screen and (min-width: 576px) and (max-width: 767px) { .our-gallery__item { height: 350px; } } @media (max-width: 575px) { .our-gallery__item { height: 300px; } } .our-gallery__item img { width: 100%; height: 100%; object-fit: cover; } .our-gallery__item .hover { top: 0; left: 0; position: absolute; width: 100%; height: 100%; transition: all 0.6s ease; background: rgba(0, 29, 8, 0.8); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; } .our-gallery__item .hover img { height: auto; max-width: 70px; transition: all 0.7s ease; -webkit-transform: translate(0, 20px); -moz-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); } .our-gallery__item .overlay { position: absolute; z-index: 2; transition: 0.3s all ease-in-out; visibility: hidden; opacity: 0; top: 30px; left: 30px; } .our-gallery__item .overlay h3 { color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h3); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h3); font-style: normal; margin-bottom: 10px; } .our-gallery__item .overlay h6 { color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); font-size: 18px; font-style: normal; opacity: 0.8; } .our-gallery__item:hover .hover { -webkit-transform: scale(1) translate(0, 0); -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -o-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } .our-gallery__item:hover .hover i { color: #fff; position: relative; border: 1px solid #fff; height: 80px; width: 80px; display: flex; justify-content: center; align-items: center; border-radius: 500px; font-size: 25px; transition: 0.3s; bottom: 30px; right: 30px; } .our-gallery__item:hover .hover i:hover { color: var(--rr-theme-primary); background: #fff; } .our-gallery__item:hover .overlay { visibility: visible; opacity: 1; transition: 0.3s; } /*contact-us start*/ .latest-contact-us-2-all-shape-circle-shape { position: absolute; top: 709px; left: 320px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-contact-us-2-all-shape-circle-shape { top: 677px; left: 247px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-contact-us-2-all-shape-circle-shape { display: none; } } .latest-contact-us-2-all-shape-circle-shape img { width: 85%; height: 85%; } @media (max-width:376px) { .latest-contact-us-2-all-shape-circle-shape img { max-width: 80%; } } .latest-contact-us-2__title-wrapper { max-width: 554px; margin: auto; margin-bottom: 40px !important; } .latest-contact-us-2__title-wrapper-subtitle { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-weight: var(--rr-fw-regular); font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 12px; } .latest-contact-us-2__title-wrapper-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); 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) { .latest-contact-us-2__title-wrapper-title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-contact-us-2__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest-contact-us-2__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .latest-contact-us-2__title-wrapper-title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .latest-contact-us-2__title-wrapper-title { font-size: 27px; line-height: 37px; } } .latest-contact-us-2-media { padding: 47px 0px 30px; } .latest-contact-us-2-media-content { height: 617px; border-radius: 10px; } .latest-contact-us-2-media-content-title { margin-left: 50px; } @media (max-width:376px), (max-width:320px) { .latest-contact-us-2-media-content-title { margin-left: 20px; } } .latest-contact-us-2-media-content-title h4 { color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 4px; } .latest-contact-us-2-media-content-title p { color: rgba(255, 255, 255, 0.7); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); font-style: normal; font-size: 16px; padding: 3px; } .latest-contact-us-2-media-content-contact { margin-left: 50px; display: flex; gap: 10px; margin-top: 40px; } @media (max-width:376px), (max-width:320px) { .latest-contact-us-2-media-content-contact { margin-left: 30px; } } .latest-contact-us-2-media-content-contact-icon { width: 36px; height: 36px; background: #193421; border-radius: 4px; display: flex; justify-content: center; align-items: center; } .latest-contact-us-2-media-content-contact-text { max-width: 288px; } .latest-contact-us-2-media-content-contact-text p { font-family: var(--rr-ff-body); font-style: normal; font-weight: var(--rr-fw-regular); font-size: 14px; line-height: 17px; color: rgba(255, 255, 255, 0.7); margin-bottom: 6px; } .latest-contact-us-2-media-content-contact-text h6 { color: var(--rr-common-white); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-size: 16px; font-style: normal; line-height: 25px; transition: 0.3s; } .latest-contact-us-2-media-content-contact-text h6:hover { text-decoration: underline; } @media (max-width: 575px) { .latest-contact-us-2-media-content-contact-text h6 { max-width: 260px; } } @media (max-width:376px) { .latest-contact-us-2-media-content-contact-text h6 { max-width: 220px; } } @media (max-width:320px) { .latest-contact-us-2-media-content-contact-text h6 { max-width: 160px; font-size: 13px; } } .latest-contact-us-2-media-content-social { margin-left: 50px; margin-top: 127px; display: flex; gap: 20px; } @media (max-width:320px) { .latest-contact-us-2-media-content-social { margin-top: 80px; } } .latest-contact-us-2-media-content-social-icon a { color: var(--rr-common-white); height: 36px; width: 36px; background: #193421; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .latest-contact-us-2-media-content-social-icon a:hover { background: var(--rr-common-white); color: var(--rr-theme-primary); } .latest-contact-us-2-media h5 { color: #fff; } .latest-contact-us-2__background-image { position: absolute; z-index: -1; top: -146px; margin-left: -30px; right: -375px; width: 975px; height: calc(100% + 345px); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-contact-us-2__background-image { display: none; } } .latest-contact-us-2__media { position: relative; z-index: 2; margin-top: -146px; margin-bottom: -139px; margin-left: -375px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .latest-contact-us-2__media { margin-left: -406px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-contact-us-2__media { margin-left: -507px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-contact-us-2__media { margin: 0 0 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; overflow: hidden; } } .latest-contact-us-2__right { position: relative; z-index: 1; } .latest-contact-us-2__right-form .rr-btn { margin-top: 33px; } .latest-contact-us-2__right-form .rr-btn .text-one { color: var(--rr-theme-primary); } .latest-contact-us-2__right-form .contact__input { margin-bottom: 30px; } .latest-contact-us-2__right-form .contact__input input { padding: 13px 20px; padding-left: 0; background: var(--rr-common-white); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border-bottom: 1px solid rgba(0, 29, 8, 0.1); color: var(--rr-common-black) !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; } .latest-contact-us-2__right-form .contact__input input[type=date] { color: var(--rr-heading-primary); } .latest-contact-us-2__right-form .contact__input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-heading-primary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; } .latest-contact-us-2__right-form .contact__input input::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-heading-primary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; } .latest-contact-us-2__right-form .contact__input input:-moz-placeholder { /* Firefox 4-18 */ color: var(--rr-heading-primary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; } .latest-contact-us-2__right-form .contact__input input:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-heading-primary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; } .latest-contact-us-2__right-form .contact__input input::placeholder { /* MODERN BROWSER */ color: var(--rr-heading-primary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; } .latest-contact-us-2__right-form .contact__textarea textarea { padding-left: 0; min-height: 100px; padding: 13px 20px; background: transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border-bottom: 1px solid rgba(0, 29, 8, 0.1); color: var(--rr-common-black) !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; } .latest-contact-us-2__right-form .contact__textarea textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-heading-primary); } .latest-contact-us-2__right-form .contact__textarea textarea::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-heading-primary); } .latest-contact-us-2__right-form .contact__textarea textarea:-moz-placeholder { /* Firefox 4-18 */ color: var(--rr-heading-primary); } .latest-contact-us-2__right-form .contact__textarea textarea:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-heading-primary); } .latest-contact-us-2__right-form .contact__textarea textarea::placeholder { /* MODERN BROWSER */ color: var(--rr-heading-primary); } .latest-contact-us-2__right-form .contact__textarea textarea::-webkit-resizer { display: none; } .latest-contact-us-2-right-form .contact__input { margin-bottom: 40px; margin-right: 15px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-contact-us-2-right-form .contact__input { margin-right: 0; } } .latest-contact-us-2-right-form .contact__input label { color: var(--rr-text-body); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); font-style: normal; font-size: 14px; line-height: 22px; } .latest-contact-us-2-right-form .contact__input input { margin-left: 0 !important; } .latest-contact-us-2-right-form .contact__input .nice-select-select .lan-2 { color: var(--rr-common-white) !important; font-family: var(--rr-ff-heading) !important; font-weight: var(--rr-fw-regular) !important; font-style: normal; font-size: 14px; line-height: 20px; padding-left: 0 !important; border-bottom: 1px solid rgba(0, 29, 8, 0.1) !important; border-radius: 0 !important; height: inherit; padding-bottom: 38px !important; } .latest-contact-us-2-right-form .contact__input .nice-select-select .lan-2 .current { color: var(--rr-text-body); } .latest-contact-us-2-right-form .contact__input .nice-select-select .lan-2.nice-select::after { color: var(--rr-text-body) !important; font-size: 17px; margin-top: -20px; } .latest-contact-us-2-right-form .contact__textarea { margin-right: 15px; } .latest-contact-us-2-right-form .contact__textarea textarea { margin-left: 0 !important; } .latest-contact-us-2-right-form .contact-button { margin-right: 15px; margin-top: 40px; display: flex; justify-content: end; } /*blog2-area start*/ .latest-blog2__title-wrapper-subtitle { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 12px; } .latest-blog2__title-wrapper-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h2); font-weight: var(--rr-fw-bold); line-height: var(--rr-lh-h2); font-style: normal; margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-blog2__title-wrapper-title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-blog2__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest-blog2__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .latest-blog2__title-wrapper-title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .latest-blog2__title-wrapper-title { font-size: 27px; line-height: 37px; } } .latest-blog2__item-wrapper { border-radius: 10px; transition: 0.3s; flex-wrap: wrap; display: grid; grid-template-columns: 370px 1fr; border: 1px solid rgba(3, 4, 29, 0.1); align-items: center; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-blog2__item-wrapper { border-radius: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-blog2__item-wrapper { grid-template-columns: 1fr; } } .latest-blog2__item-wrapper:hover { box-shadow: 0px 20px 40px rgba(0, 29, 8, 0.1); } .latest-blog2__item-wrapper-item { height: 100%; } .latest-blog2__item-wrapper-item-img { height: 100%; } .latest-blog2__item-wrapper-item-img img { width: 100%; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; object-fit: cover; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-blog2__item-wrapper-item-img img { border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; border-bottom-left-radius: 0 !important; } } .latest-blog2__item-wrapper-body { padding: 30px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; row-gap: 20px; } .latest-blog2__item-wrapper-body span { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); font-size: 14px; font-style: normal; line-height: 22px; } .latest-blog2__item-wrapper-body h5 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h5); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 8px; margin-top: 6px; } .latest-blog2__item-wrapper-body h5:hover { color: var(--rr-theme-primary); } .latest-blog2__item-wrapper-body p { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 16px; font-style: normal; margin-bottom: 12px; max-width: 528px; width: 100%; } @media only screen and (min-width: 576px) and (max-width: 767px) { .latest-blog2__item-wrapper-body p { max-width: 100%; } } .latest-blog2__item-wrapper-body h6 { color: var(--rr-text-body); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 14px; font-style: normal; } .latest-blog2__item-wrapper-body h6 span { color: var(--rr-theme-primary); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); font-size: 14px; font-style: normal; text-transform: capitalize; } /*instagram start*/ .rr-instagram-2__thumb { overflow: hidden; position: relative; z-index: 1; } .rr-instagram-2__thumb .overlay { background: rgba(0, 29, 8, 0.8); width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; z-index: 2; transition: 0.3s all ease-in-out; visibility: hidden; opacity: 0; } .rr-instagram-2__thumb .overlay-icon { opacity: 1; transition: 0.3s; width: 100px; height: 100px; background: var(--rr-theme-primary); display: flex; justify-content: center; align-items: center; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); z-index: 99; } .rr-instagram-2__thumb .overlay-icon i { color: var(--rr-common-white); font-size: 35px; } .rr-instagram-2__thumb img { width: 100%; transition: 0.6s; } .rr-instagram-2__thumb:hover .overlay { visibility: visible; opacity: 1; transition: 0.3s; } .rr-instagram-2__thumb:hover .overlay-icon { transform: translate(-50%, -50%) scale(1); } .rr-instagram-2__thumb:hover img { transform: scale(1.04); } /*----------------------------------------*/ /* 8.12 home3 /*----------------------------------------*/ /*brand start*/ .text-brand__wrapper-text h5 { font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-medium); line-height: var(--rr-lh-h3); color: var(--rr-heading-primary); font-style: normal; font-size: 18px; display: flex; align-items: center; gap: 10px; } /*feature start*/ .feature-3 .feature-3-card { border-radius: 10px; position: relative; } .feature-3 .feature-3-card:after { top: 0px; opacity: 0; content: ""; width: 100%; height: 100%; transition: 0.3s; visibility: hidden; position: absolute; transform: translateY(-5%); background-repeat: no-repeat; background-position: top right; background-image: url(../../assets/imgs/feature-3/top-shape-feature-1.png); } .feature-3 .feature-3-card:before { top: 0px; content: ""; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-position: top right; background-image: url(../../assets/imgs/feature-3/top-shape-feature.png); } .feature-3 .feature-3-card:hover:after { opacity: 1; visibility: visible; transform: translateY(0%); } .feature-3 .feature-3-card:hover:before { opacity: 0; visibility: hidden; } .feature-3 .feature-3-card .feature-3-content { padding: 30px 0 30px 30px; position: relative; z-index: 2; } .feature-3 .feature-3-card .feature-3-content h5 { font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h5); color: var(--rr-theme-primary); font-style: normal; font-size: 18px; margin-bottom: 4px; } .feature-3 .feature-3-card .feature-3-content h4 { font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); font-size: var(--rr-fs-h4); color: var(--rr-heading-primary); line-height: 34px; font-style: normal; margin-bottom: 24px; max-width: 186px; } @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: 991px) { .feature-3 .feature-3-card .feature-3-content h4 { max-width: 220px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .feature-3 .feature-3-card .feature-3-content h4 { max-width: 100%; } } .feature-3 .feature-3-card .feature-3-right-img { position: absolute; top: 20px; right: -11px; z-index: 1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .feature-3 .feature-3-card .feature-3-right-img { top: 15px; right: -26px; } } @media (max-width:376px), (max-width:320px) { .feature-3 .feature-3-card .feature-3-right-img { display: none; } } .feature-3 .feature-3-card .feature-3-right-img.third-img { top: 68px; right: 16px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .feature-3 .feature-3-card .feature-3-right-img.third-img { top: 33px; right: 14px; } } @media (max-width:376px), (max-width:320px) { .feature-3 .feature-3-card .feature-3-right-img.third-img { display: none; } } /*prodact start*/ .prodact-area .prodact-title-wrapper .subtitle { font-family: var(--rr-ff-subtitle); font-weight: var(--rr-fw-regular); font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); color: var(--rr-theme-primary); font-style: normal; margin-bottom: 12px; } .prodact-area .prodact-title-wrapper .title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); 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) { .prodact-area .prodact-title-wrapper .title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .prodact-area .prodact-title-wrapper .title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .prodact-area .prodact-title-wrapper .title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .prodact-area .prodact-title-wrapper .title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .prodact-area .prodact-title-wrapper .title { font-size: 27px; line-height: 37px; } } .rr-fea-product__thumb { text-align: center; overflow: hidden; border-radius: 10px; } .rr-fea-product__thumb img { border-radius: 10px; width: 100%; transition: 0.5s; } .rr-fea-product__thumb:hover .product-action-btn-5 { opacity: 1; visibility: visible; transform: translateX(0%); } @media (max-width: 575px) { .rr-fea-product__thumb:hover .product-action-btn-5 { top: 44px; opacity: 1; visibility: visible; transform: translateX(0%); left: 33px; transform: translateX(-50%); } } .rr-fea-product__thumb .product-action-btn-5 { top: 40px; left: 11px; width: 44px; position: absolute; background: #FF0000; border-radius: 2px; transition: 0.5s; opacity: 0; visibility: hidden; transform: translateX(-50%); } @media (max-width: 575px) { .rr-fea-product__thumb .product-action-btn-5 { top: 44px; opacity: 1; visibility: visible; transform: translateX(0%); left: 33px; transform: translateX(-50%); } } .rr-fea-product__thumb .product-action-btn-5 h5 { color: var(--rr-common-white); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-sbold); font-size: 14px; line-height: 20px; font-style: normal; } .rr-fea-product__thumb-text { border-radius: 2px; background: var(--rr-heading-primary); position: absolute; top: 10px; left: 10px; display: inline-block; width: 44px; display: flex; justify-content: center; } .rr-fea-product__thumb-text span { color: var(--rr-common-white); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: 20px; font-size: 14px; padding: 3px 15px; font-style: normal; display: inline-block; } .rr-fea-product__content { padding: 20px 0px; padding-bottom: 0px; } .rr-fea-product__content .price del { color: #FF0000; } .rr-fea-product__content .price span.woocommerce-Price-amount { color: #FF0000; font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); font-size: 16px; font-style: normal; } .rr-fea-product__item { padding: 10px; transition: 0.3s; border-radius: 10px; position: relative; z-index: 1; } @media (max-width: 575px) { .rr-fea-product__item { margin-bottom: 30px; background: var(--rr-common-white) !important; box-shadow: 0px 20px 40px rgba(0, 29, 8, 0.1); } } .rr-fea-product__item:hover { background: var(--rr-common-white) !important; box-shadow: 0px 20px 40px rgba(0, 29, 8, 0.1); } .rr-fea-product__item .rr-product-on-sale span { border-radius: 40px; background: #FF111F; position: absolute; top: 10px; left: 10px; color: var(--rr-common-white); font-size: 12px; font-weight: 500; text-transform: uppercase; padding: 3px 15px; display: inline-block; } .rr-fea-product__item:hover { background-color: var(--rr-common-white); } .rr-fea-product__item:hover .rr-fea-product__icon-box { opacity: 1; visibility: visible; top: 12%; transform: translateY(-50%); } @media (max-width: 575px) { .rr-fea-product__item:hover .rr-fea-product__icon-box { top: 20%; opacity: 1; visibility: visible; transform: translateY(-50%); } } .rr-fea-product__item:hover .icon-box-2 { top: 18%; } .rr-fea-product__item:hover .icon-box-3 { top: 25%; right: 6px; } @media (max-width: 575px) { .rr-fea-product__item:hover .icon-box-3 { top: 20%; } } @media (max-width:376px) { .rr-fea-product__item:hover .icon-box-3 { top: 26%; } } @media (max-width:320px) { .rr-fea-product__item:hover .icon-box-3 { top: 28%; } } .rr-fea-product__item:hover .icon-box-4 { top: 40%; right: 2px; } .rr-fea-product__item:hover .rr-fea-product__link-box { opacity: 1; visibility: visible; margin-top: -27px; position: relative; right: 1px; } @media (max-width: 575px) { .rr-fea-product__item:hover .rr-fea-product__link-box { margin-top: 0; } } .rr-fea-product__item:hover .rr-fea-product__price { opacity: 0; visibility: hidden; } .rr-fea-product__item:hover .rr-fea-product__thumb img { transform: scale(1.2) rotate(-1deg); } .rr-fea-product__icon-box { position: absolute; top: 20%; right: 15px; transition: 0.5s; opacity: 0; visibility: hidden; } @media (max-width: 575px) { .rr-fea-product__icon-box { top: 20%; opacity: 1; visibility: visible; transform: translateY(-50%); } } @media (max-width:376px) { .rr-fea-product__icon-box { top: 24%; opacity: 1; visibility: visible; transform: translateY(-50%); } } @media (max-width:320px) { .rr-fea-product__icon-box { top: 28%; opacity: 1; visibility: visible; transform: translateY(-50%); } } .rr-fea-product__icon-box a, .rr-fea-product__icon-box button { border-radius: 50%; border: 0px solid var(--rr-theme-primary); background: var(--rr-common-white); width: 36px; height: 36px; line-height: 35px; text-align: center; display: inline-block; transition: 0.3s; margin: 0 2px; } .rr-fea-product__icon-box a:hover, .rr-fea-product__icon-box button:hover { background-color: var(--rr-theme-primary); } .rr-fea-product__icon-box a:hover svg path, .rr-fea-product__icon-box button:hover svg path { stroke: var(--rr-common-white); } .rr-fea-product__link-box { transition: 0.3s; width: 100%; opacity: 0; visibility: hidden; } @media (max-width: 575px) { .rr-fea-product__link-box { opacity: 1; visibility: visible; } } .rr-fea-product__link-box .cart-button, .rr-fea-product__link-box .added_to_cart { display: block; width: 100%; height: 40px; font-weight: var(--rr-fw-sbold); font-size: 14px; color: var(--rr-common-white); text-align: center; line-height: 40px; border-radius: 4px; background: var(--rr-heading-primary); font-family: var(--rr-ff-heading); position: relative; } .rr-fea-product__link-box .cart-button:hover, .rr-fea-product__link-box .added_to_cart:hover { background-color: var(--rr-theme-primary); color: var(--rr-common-white); } .rr-fea-product__link-box .cart-button span, .rr-fea-product__link-box .added_to_cart span { font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); margin-right: 4px; display: inline-block; transform: translateY(-2px); font-size: 14px; line-height: 20px; font-style: normal; } .rr-fea-product__link-box a span { margin-right: 4px; display: inline-block; transform: translateY(-2px); } .rr-fea-product__price { transition: 0.3s; } .rr-fea-product__price span { font-weight: 500; font-size: 15px; color: #ED1D24; font-family: var(--rr-ff-heading); margin-right: 12px; } .rr-fea-product__price del { font-size: 15px; color: #9695A0; font-family: var(--rr-ff-body); } .rr-fea-product__star { margin-bottom: 8px; } .rr-fea-product__star i { color: #FEA700; padding-right: 2px; } .rr-fea-product__star i.color { color: #D2D3DA; } .rr-fea-product__star span i { color: #646464; } .rr-fea-product__title-sm { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); line-height: var(--rr-lh-h5); font-size: 20px; margin-bottom: 10px; transition: 0.3s; font-style: normal; } .rr-fea-product__title-sm:hover { color: var(--rr-theme-primary); } .rr-fea-product__tab nav button { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); font-size: 16px; height: 40px; line-height: 26px; padding: 0 19px; border-radius: 30px; transition: 0.3s; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) { .rr-fea-product__tab nav button { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rr-fea-product__tab nav button { font-size: 13px; margin: 0 10px; } } @media (max-width: 575px) { .rr-fea-product__tab nav button { font-size: 13px; } } .rr-fea-product__tab nav button.active { color: var(--rr-theme-primary); background-color: #FAFAFA; font-weight: var(--rr-fw-medium); text-decoration: underline; } .rr-fea-product__tab nav button:hover { color: var(--rr-theme-primary); } .rr-fea-product__shape-1 { position: absolute; top: 9%; left: 3%; animation: moving 9s linear infinite; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .rr-fea-product__shape-1 { top: 3%; left: 3%; } } .rr-fea-product__shape-2 { position: absolute; bottom: 0%; left: -2%; animation: tptranslateX2 4s infinite alternate; } @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: 991px), (max-width: 575px) { .rr-fea-product__shape-2 { display: none; } } .rr-fea-product__item-2:hover .rr-fea-product__price { opacity: 1; visibility: visible; } /*cta-3-area*/ .cta-3__area { background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; } .cta-3__content { max-width: 557px; } .cta-3__content-subtitle { color: var(--rr-theme-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); font-size: 16px; font-style: normal; margin-bottom: 12px; } .cta-3__content-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-bold); font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); font-style: normal; margin-bottom: 11px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .cta-3__content-title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-3__content-title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .cta-3__content-title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .cta-3__content-title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .cta-3__content-title { font-size: 27px; line-height: 37px; } } .cta-3__content-dollar { color: var(--rr-heading-primary); font-family: var(--rr-text-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); font-size: 18px; font-style: normal; } .cta-3__content-video { align-items: center; gap: 30px; } .cta-3__content-video-button { height: 50px; width: 50px; background: var(--rr-common-white); display: flex; justify-content: center; align-items: center; border-radius: 50%; padding-top: 6px; padding-left: 2px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .cta-3__media { position: relative; top: 80px; } } .cta-3__media img { width: 100%; height: auto; } /*best deal area*/ .best-deal__title-wrapper-subtitle { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-weight: var(--rr-fw-regular); font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 12px; } .best-deal__title-wrapper-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); 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) { .best-deal__title-wrapper-title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .best-deal__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .best-deal__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .best-deal__title-wrapper-title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .best-deal__title-wrapper-title { font-size: 27px; line-height: 37px; } } .best-deal__button-right { justify-content: end; gap: 6px; } .best-deal__button-right h6 { 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: 16px; font-style: normal; } .best-deal__button-right #getting-started { display: flex; align-items: center; } .best-deal__button-right #getting-started div { background: var(--rr-theme-primary); margin-right: 4px; border-radius: 2px; padding: 0; width: 40px; height: 30px; display: flex; justify-content: center; align-items: center; } .best-deal__button-right #getting-started div span { color: var(--rr-common-white); font-family: var(--rr-text-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); font-size: 16px; } .best-deal__button-right-small-btn a { background: var(--rr-theme-primary); padding: 10px; border-radius: 2px; } .best-deal__button-right-small-btn a span { color: var(--rr-common-white); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); font-size: 16px; font-style: normal; } .best-deal__active-content { background: var(--rr-theme-primary); border-radius: 10px; position: relative; height: 100%; } .best-deal__active-content-title { font-family: var(--rr-ff-heading); color: var(--rr-common-white); font-weight: var(--rr-fw-sbold); font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); font-style: normal; margin-top: 30px; margin-bottom: 4px; } .best-deal__active-content-description { color: var(--rr-common-white); font-family: var(--rr-ff-body); font-weight: var(--rr-fw-regular); line-height: var(--rr-lh-h6); font-size: 16px; opacity: 0.8; font-style: normal; max-width: 227px; margin-bottom: 24px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .best-deal__active-content-description { max-width: 525px; } } .best-deal__active-content-btn { position: relative; z-index: 3; color: var(--rr-theme-primary); background: var(--rr-common-white); border-radius: 4px; display: inline-flex; padding: 8px 20px; justify-content: center; align-items: center; transition: 0.3s; } .best-deal__active-content-btn:hover { color: var(--rr-common-white); background: var(--rr-common-black); } .best-deal__active-content-bottom-img { position: absolute; bottom: -55px; left: -20px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .best-deal__active-content-bottom-img { left: inherit; right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .best-deal__active-content-bottom-img { position: inherit; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .best-deal__active-content-bottom-img { bottom: 0; left: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .best-deal__active-content-bottom-img { left: 80px; } } @media (max-width:450px) { .best-deal__active-content-bottom-img { left: 75px; } } @media (max-width:376px) { .best-deal__active-content-bottom-img { left: 35px; } } @media (max-width:320px) { .best-deal__active-content-bottom-img { left: -20px; } } .best-deal__active-content-bottom-img img { width: 285px !important; height: 270.17px !important; max-width: inherit !important; } /*Partners-area*/ .partners__area { background: #fdfff2; } .partners__title-wrapper { margin: auto; right: 0; left: 0; } .partners__title-wrapper-subtitle { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-weight: var(--rr-fw-regular); font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 12px; } .partners__title-wrapper-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); 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: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .partners__title-wrapper-title br { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .partners__title-wrapper-title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .partners__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .partners__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .partners__title-wrapper-title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .partners__title-wrapper-title { font-size: 27px; line-height: 37px; } } .rr-brand-3-active .slick-slide { margin: 0 22px; } .rr-brand-3-active .slick-track { padding-bottom: 45px; } .rr-brand-3-active .rr-brand-3__item { padding: 10px; display: flex; background: white; min-height: 110px; align-items: center; border-radius: 10px; justify-content: center; border: 1px solid rgba(0, 29, 8, 0.1); } .rr-brand-3-active .rr-brand-3__item:hover { box-shadow: 0px 20px 40px rgba(0, 29, 8, 0.1); } .rr-brand-4-active .slick-slide { margin: 0 22px; } .rr-brand-4-active .slick-track { padding-bottom: 45px; } .rr-brand-4-active .rr-brand-4__item { display: flex; padding: 10px; min-height: 110px; background: white; align-items: center; border-radius: 10px; justify-content: center; border: 1px solid rgba(0, 29, 8, 0.1); } .rr-brand-4-active .rr-brand-4__item:hover { box-shadow: 0px 20px 40px rgba(0, 29, 8, 0.1); } /*testimonial-area start*/ .testimonial-3__shape-wrapper-bg-shape { position: absolute; top: 168px; left: 436px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonial-3__shape-wrapper-bg-shape { top: 179px; left: 170px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testimonial-3__shape-wrapper-bg-shape { display: none; } } .testimonial-3__shape-wrapper-bg-shape img { width: 928px; height: 468.03px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonial-3__shape-wrapper-bg-shape img { width: 100%; height: auto; } } .testimonial-3__title-wrapper-subtitle { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-weight: var(--rr-fw-regular); font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); font-style: normal; margin-bottom: 12px; } .testimonial-3__title-wrapper-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-bold); font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); font-style: normal; position: relative; z-index: 2; margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonial-3__title-wrapper-title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-3__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .testimonial-3__title-wrapper-title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .testimonial-3__title-wrapper-title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .testimonial-3__title-wrapper-title { font-size: 27px; line-height: 37px; } } .testimonial-3__wrapper-active-2 { margin: -50px !important; padding: 20px !important; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testimonial-3__wrapper-active-2 { margin: -20px; } } .testimonial-3__wrapper-item-2 { background: var(--rr-common-white); box-shadow: 0px 10px 15px rgba(0, 29, 8, 0.1); border-radius: 10px; padding: 30px 45px 30px 30px; } .testimonial-3__wrapper-item-2-content { gap: 20px; flex-wrap: wrap; row-gap: 20px; } .testimonial-3__wrapper-item-2-content-right-img img { width: 80px; height: 80px !important; border-radius: 50% !important; } .testimonial-3__wrapper-item-2-content-description { max-width: 395px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testimonial-3__wrapper-item-2-content-description { max-width: 100%; } } .testimonial-3__wrapper-item-2-author-info { margin-top: 14px; } .testimonial-3__wrapper-item-2-author-info h4 { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h5); font-style: normal; } .testimonial-3__wrapper-item-2-author-info span { 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: 16px; font-style: normal; } @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testimonial-3__wrapper .wrapper .feedback-2__navigation { padding-top: 25px; } } @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: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testimonial-3__wrapper .wrapper .feedback-2__navigation .feedback-2__slider-button-prev { left: 25px; } } @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: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testimonial-3__wrapper .wrapper .feedback-2__navigation .feedback-2__slider-button-next { right: 25px; } } .feedback-2__wrapper { z-index: 1; position: relative; } .feedback-2__nav-pre { left: -150px; width: 1590px; z-index: -1; top: calc(50% - 30px); position: absolute; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .feedback-2__nav-pre { width: 1440px; left: -74px; } } @media (max-width: 1450px) { .feedback-2__nav-pre { position: inherit; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 30px; top: inherit; left: inherit; } } .feedback-2__navigation { display: flex; align-items: center; gap: 30px; justify-content: space-between; } @media (max-width: 1450px) { .feedback-2__navigation { justify-content: center; } } .feedback-2__slider-button-next { position: relative; right: 172px; } .feedback-2__slider-button-prev { position: relative; left: 53px; } .feedback-2__slider-button-next, .feedback-2__slider-button-prev { width: 60px; height: 60px; display: inline-flex; align-items: center; border: 1px solid var(--rs-gray-200); justify-content: center; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; -ms-border-radius: 500px; border-radius: 500px; color: var(--rs-common-white); font-size: 16px; font-style: normal; font-weight: 900; line-height: normal; } .feedback-2__slider-button-next svg path, .feedback-2__slider-button-prev svg path { opacity: 0.6; stroke: var(--rr-text-body) !important; transition: all 0.3s ease-in-out; } .feedback-2__slider-button-next:hover svg path, .feedback-2__slider-button-prev:hover svg path { stroke: var(--rr-theme-primary) !important; opacity: 1; } /*happy-customer start*/ .happy-customer__shape-wrapper-bottom-shape { left: 0; right: 0; z-index: 2; bottom: -1px; position: absolute; } .happy-customer__shape-wrapper-bottom-shape img { width: 100%; height: auto; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .happy-customer__shape-wrapper-bottom-shape { display: none; } } .happy-customer__shape-wrapper-left-shape { position: absolute; left: -94px; top: 77px; } @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: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .happy-customer__shape-wrapper-left-shape { display: none; } } .happy-customer__shape-wrapper-left-shape img { width: 100%; height: auto; } .happy-customer__shape-wrapper-right-shape { position: absolute; right: -87px; top: 170px; } @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: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .happy-customer__shape-wrapper-right-shape { display: none; } } .happy-customer__shape-wrapper-right-shape img { width: 100%; height: auto; } .happy-customer__content-wrapper { z-index: 5; } .happy-customer__content-wrapper-subtitle { color: var(--rr-theme-primary); font-family: var(--rr-ff-subtitle); font-weight: var(--rr-fw-regular); font-size: 24px; line-height: 30px; font-style: normal; margin-bottom: 12px; } .happy-customer__content-wrapper-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); 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: 992px) and (max-width: 1199px) { .happy-customer__content-wrapper-title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .happy-customer__content-wrapper-title { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .happy-customer__content-wrapper-title { font-size: 40px; line-height: 52px; } } @media (max-width: 575px) { .happy-customer__content-wrapper-title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .happy-customer__content-wrapper-title { font-size: 27px; line-height: 37px; } } .happy-customer__content-wrapper-description { 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; max-width: 1040px; margin: auto; } .partners__area .slick-slide .inner { margin-right: 30px; padding: 10px; display: flex; background: white; min-height: 110px; align-items: center; border-radius: 10px; justify-content: center; border: 1px solid rgba(0, 29, 8, 0.1); } /*demo*/ .rr-brand-3__item { padding: 10px; display: flex; background: white; min-height: 110px; align-items: center; border-radius: 10px; justify-content: center; border: 1px solid rgba(0, 29, 8, 0.1); } .rr-brand-3__item:hover { box-shadow: 0px 20px 40px rgba(0, 29, 8, 0.1); } /*----------------------------------------*/ /* 8.11 team /*----------------------------------------*/ .rr-team-title { color: var(--rr-common-white); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-sbold); text-align: center; line-height: var(--rr-lh-h4); transition: 0.3s; } .rr-team-title:hover { text-decoration: underline; } .latest-feature__item-content h4 a { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h4); font-weight: var(--rr-fw-sbold); line-height: var(--rr-lh-h5); margin-bottom: 12px; font-style: normal; } .project-thumb img { height: 100% !important; border-radius: 10px !important; } .banner-home__content .title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h1); font-weight: var(--rr-fw-bold); line-height: var(--rr-lh-h1); } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .banner-home__content .title { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .banner-home__content .title { font-size: 30px; line-height: 40px; } } .banner-home__media img { width: 100%; height: 591px !important; object-fit: contain; } .rr-team-details-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-weight: var(--rr-fw-sbold); font-size: var(--rr-fs-h3); line-height: 46px; font-style: normal; margin-bottom: 4px; } .latest-blog__item-media img { height: 240px !important; object-fit: cover !important; } .rr-contact-item-icon span i { color: #FF3D00; font-size: 22px; } .contact-inner-img { width: 60px; height: 60px; background: #ffece5; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; margin-right: 20px; } .register-area .rr-section-title { color: var(--rr-heading-primary); font-family: var(--rr-ff-heading); font-size: var(--rr-fs-h3); line-height: 54px; font-style: normal; margin-bottom: 14px; text-transform: capitalize; font-weight: var(--rr-fw-bold); } .latest-feature2-thumb img { border-radius: 10px !important; } .latest-Choose-us__media-img2 img { width: 270px; height: 500px !important; } .latest-service2__item-text a i { margin-left: 6px; } .our-gallery__item_2 a img { height: 420px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .main-team-details__first-img img { margin-bottom: 40px; } } /*----------------------------------------*/ /* 8.9 cart /*----------------------------------------*/ .prodact-area .bottom-button a { color: red; } .our-project-item-main .our-gallery__item { height: 860px !important; } /*# sourceMappingURL=printfix-core.css.map */