/*----------------------------------------------------------------------------------- Template Name: Medilix - Healthcare & Medical Bootstrap HTML5 Template Author: RRDevs Support: https://support.rrdevs.net Description: Medilix - Healthcare & Medical Bootstrap HTML5 Template. Version: 1.0 Developer: Sabbir Ahmmed (https://github.com/ahmmedsabbirbd) ----------------------------------------------------------------------------------- /************ TABLE OF CONTENTS *************** ----------------- 01. THEME CSS ----------------- 1.1 @forward 'colors'; 1.2 @forward 'mixins'; 1.3 @forward 'extends'; 1.4 @forward 'breakpoints'; 1.5 @forward 'typography'; 1.6 @forward 'root'; 1 index ----------------- 02. COMPONENTS CSS ----------------- 2.1 @forward 'custom-class'; 2.2 @forward 'background'; 2.3 @forward 'buttons'; 2.4 @forward 'offcanvas'; 2.5 @forward 'section-title'; 2.6 @forward 'breadcrumb'; 2.7 @forward 'backtotop'; 2.8 @forward 'animation'; 2.9 @forward 'preloader'; 2.10 @forward 'rangeSlider'; 2.11 @forward 'search'; 2 index ----------------- 03. HEADER CSS ----------------- 3.1 @forward 'header-common'; 3.2 @forward 'header-1'; 3.3 @forward 'header-2'; 3.4 @forward 'header-3'; 3.5 @forward 'header-4'; 3 index --------------------------------- 04. MENU CSS --------------------------------- 4.1 @forward 'menu'; 4.2 @forward 'meanmenu'; 4 index --------------------------------- 05. BLOG CSS --------------------------------- 5.1 @forward 'blog'; 5.2 @forward 'sidebar'; 5.3 @forward 'blog-details'; 5.4 @forward 'blog-2'; 5.5 @forward 'blog-3'; 5.6 @forward 'blog-4'; 5 index --------------------------------- 06. FOOTER CSS --------------------------------- 6.1 @forward 'footer'; 6.2 @forward 'footer-copyright'; 6.3 @forward 'footer-2'; 6.4 @forward 'footer-3'; 6.5 @forward 'footer-cta'; 6 index --------------------------------- 07. CTA CSS --------------------------------- 7.1 @forward 'cta'; 7.2 @forward 'cta-2'; 7 index --------------------------------- 08. BRAND CSS --------------------------------- 8.1 @forward 'brand'; 8 index --------------------------------- 09. Banner CSS --------------------------------- 9.1 @forward 'banner-1'; 9.2 @forward 'banner-2'; 9.3 @forward 'banner-3'; 9 index --------------------------------- 10. PAGES CSS --------------------------------- 10.1 @forward './service'; 10.2 @forward './treatment-process'; 10.3 @forward './pricing'; 10.4 @forward './team'; 10.5 @forward './ask-question'; 10.6 @forward './testimonial'; 10.7 @forward './take-appointment'; 10.8 @forward './about-us'; 10.9 @forward './appointment-2'; 10.10 @forward './filter'; 10.11 @forward './service-2'; 10.12 @forward './service-3'; 10.13 @forward './experience'; 10.14 @forward './pricing-action'; 10.15 @forward './testimonial-2'; 10.16 @forward './slider-text'; 10.17 @forward './our-projects'; 10.18 @forward './about-us-2'; 10.19 @forward './service-4'; 10.20 @forward './client-testimonial'; 10.21 @forward './take-appointment-2'; 10.22 @forward './doctor'; 10.23 @forward './specialist-doctor'; 10.24 @forward './experience-2'; 10.25 @forward './latest-work'; 10.26 @forward './home-2'; 10.27 @forward './pricing-action-2'; 10.28 @forward './about-us-3'; 10.29 @forward './home-3'; 10.30 @forward './why-choose-us'; 10.31 @forward './wellness-expertise'; 10.32 @forward './faq-page'; 10.33 @forward './pricing-appointment'; 10.34 @forward './contact'; 10.35 @forward './404'; 10.36 @forward './take-appointment-3'; 10.37 @forward './pricing-action-3'; 10.38 @forward './portfolio-details'; 10.39 @forward './doctors-details'; 10.40 @forward './service-details'; 10 index */ /*----------------------------------------*/ /* 1.1 Theme Default /*----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap'); .rr__faq-2 .accordion-button::after, .rr__faq .accordion-button::after { border-radius: 500px; } .pricing-action-3__item, .rr__faq-2 .accordion-item, .pricing-action-2__item, .latest-work__slider-dot .swiper-pagination-bullet, .latest-work__item-hover, .specialist-doctor__item, .doctor__slider-dot .swiper-pagination-bullet, .client-testimonial__slider-dot .swiper-pagination-bullet, .service-4__item, .service-4__item-icon img, .our-projects__item__content::before, .our-projects__item__content-icon, .our-projects__item__content-text, .rr__faq .accordion-item, .team__item-content-share, .pricing__item, .service__item-icon img, .brand__thumb img, .footer-2__link ul li a i, .sidebar__widget-service a i, .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, .search__input .search-input-field ~ .search-focus-border, .search__input .search-input-field:focus ~ .search-focus-border, .offcanvas__overlay, .offcanvas__navigation button svg, .rr-btn .btn-wrap .text-one, .rr-btn .btn-wrap .text-two, .body__overlay, a, .btn, button, span, sub, sup, p, input, select, textarea, li, img, svg, .transition-3, h1, h2, h3, h4, h5, h6, svg path { -webkit-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; } /* transform */ .doctor-details__form-input-select .nice-select::after, .take-appointment-3__form-input-select .nice-select::after, .pricing-appointment__form-select .nice-select::after, .rr__faq-2 .accordion-button::after, .appointment-2__form-input-select .nice-select::after, .take-appointment__form-input-select .nice-select::after, .rr__faq .accordion-button::after { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .service-4__item:hover .service-2__item-icon img { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; } .treatment-process__item:hover .treatment-process__item-icon img, .service__item:hover .service__item-icon img { -webkit-animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; } :root { /** @font family declaration */ --rr-ff-body: 'Roboto', sans-serif; --rr-ff-heading: 'Roboto', sans-serif; --rr-ff-roboto: 'Roboto', sans-serif; --rr-ff-fontawesome: "Font Awesome 6 Pro"; /** @color declaration */ --rr-common-white: #FFFFFF; --rr-common-black: #000000; --rr-common-placeholder: #4A5764; --rr-common-selection: #3C66FA; --rr-color-white: #000; --rr-color-900: #071C3C; --rr-color-800: #646464; --rr-color-700: #2A2A2A; --rr-color-200: #E4E5E5; --rr-color-100: #F2F7FD; --rr-body-primary: #ffffff; --rr-theme-primary: #377ce2; --rr-theme-secondary: #C9F3FF; --rr-theme-glow: #169091; --rr-heading-primary: #071C3C; --rr-text-body: #646464; --rr-shadow-primary: 0px 5px 60px rgba(0, 0, 0, 0.05); --rr-border-primary: 1px solid #185EC8; --rr-section-1: #185EC8; --rr-menu-primary: #071C3C; /** @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-p: 16px; --rr-fs-body: 16px; --rr-fs-h1: 55px; --rr-fs-h2: 48px; --rr-fs-h3: 30px; --rr-fs-h4: 24px; --rr-fs-h5: 18px; --rr-fs-h6: 16px; --rr-lh-p: 28px; --rr-lh-body: 28px; --rr-lh-h1: 60px; --rr-lh-h2: 55px; --rr-lh-h3: 44px; --rr-lh-h4: 33px; --rr-lh-h5: 30px; --rr-lh-h6: 28px; } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; } /*--------------------------------- Typography css start ---------------------------------*/ body { font-family: var(--rr-ff-body); font-size: var(--rr-fs-body); line-height: var(--rr-lh-body); font-weight: normal; color: var(--rr-text-body); background: var(--rr-body-primary); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .body-font { font-family: var(--rr-ff-body); font-size: var(--rr-fs-body); line-height: var(--rr-lh-body); font-weight: normal; } 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); font-weight: var(--rr-fw-ebold); } @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); font-weight: var(--rr-fw-regular); } @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) { h2, .h2 { font-size: 38px; line-height: 50px; } } @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); font-weight: var(--rr-fw-medium); } h4, .h4 { font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h4); font-weight: var(--rr-fw-medium); } h5, .h5 { font-size: var(--rr-fs-h5); line-height: var(--rr-lh-h5); font-weight: var(--rr-fw-bold); } h6, .h6 { font-size: var(--rr-fs-h6); line-height: var(--rr-lh-h6); font-weight: var(--rr-fw-bold); } ul { margin: 0px; padding: 0px; } p { font-size: var(--rr-fs-p); font-weight: var(--rr-fw-normal); color: var(--rr-text-body); margin-bottom: 30px; line-height: var(--rr-lh-p); } 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; } 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], input[type=date], textarea { outline: none; background-color: var(--rr-common-white); width: 100%; border-radius: 999px; width: 100%; padding: 15px 30px; font-style: normal; font-weight: 400; height: 58px; font-size: 16px; line-height: 28px; color: var(--rr-color-900) !important; border-radius: 999px; border: 2px solid #E4E5E5; } input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 16px; line-height: 28px; color: var(--rr-color-900) !important; } input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=date]::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */ font-size: 16px; line-height: 28px; color: var(--rr-color-900) !important; } input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ Edge*/ font-size: 16px; line-height: 28px; color: var(--rr-color-900) !important; } input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* MODERN BROWSER */ font-size: 16px; line-height: 28px; color: var(--rr-color-900) !important; } input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=date]::-moz-placeholder, textarea::-moz-placeholder { /* MODERN BROWSER */ font-size: 16px; line-height: 28px; color: var(--rr-color-900) !important; } input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, textarea:-ms-input-placeholder { /* MODERN BROWSER */ font-size: 16px; line-height: 28px; color: var(--rr-color-900) !important; } input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=date]::-ms-input-placeholder, textarea::-ms-input-placeholder { /* MODERN BROWSER */ font-size: 16px; line-height: 28px; color: var(--rr-color-900) !important; } input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=date]::placeholder, textarea::placeholder { /* MODERN BROWSER */ font-size: 16px; line-height: 28px; color: var(--rr-color-900) !important; } input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=password]:focus, input[type=date]:focus, textarea:focus { outline: none; } input[type=date i]::-webkit-calendar-picker-indicator { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); opacity: 0.8; } *::-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; } *::-moz-placeholder { opacity: 1; font-size: 15px; } *::-moz-placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-text-body); } *::-moz-placeholder::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-text-body); } *::-moz-placeholder:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-text-body); } *::-moz-placeholder::placeholder { /* MODERN BROWSER */ color: var(--rr-text-body); } *::-webkit-input-placeholder { opacity: 1; font-size: 15px; } *::-moz-placeholder { opacity: 1; font-size: 15px; } *:-ms-input-placeholder { opacity: 1; font-size: 15px; } *::-ms-input-placeholder { opacity: 1; font-size: 15px; } *::placeholder { opacity: 1; font-size: 15px; } *::-webkit-input-placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-menu-primary); } *::placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-menu-primary); } *::-moz-placeholder::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-menu-primary); } *::placeholder::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-menu-primary); } *:-ms-input-placeholder:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-menu-primary); } *::-ms-input-placeholder:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-menu-primary); } *::placeholder:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-menu-primary); } *::-webkit-input-placeholder::placeholder { /* MODERN BROWSER */ color: var(--rr-menu-primary); } *::-moz-placeholder::placeholder { /* MODERN BROWSER */ color: var(--rr-menu-primary); } *:-ms-input-placeholder::placeholder { /* MODERN BROWSER */ color: var(--rr-menu-primary); } *::-ms-input-placeholder::placeholder { /* MODERN BROWSER */ color: var(--rr-menu-primary); } *::placeholder::placeholder { /* MODERN BROWSER */ color: var(--rr-menu-primary); } a:hover { color: #74aafa !important; /* padding-inline-start: 4px; */ } a.rr-a-btn { font-family: var(--rr-ff-heading); font-style: normal; font-weight: 600; font-size: 15px; line-height: 15px; text-transform: capitalize; color: var(--rr-heading-primary); } a.rr-a-btn i { padding-left: 10px; } a.rr-a-btn:hover { color: var(--rr-theme-primary); } /*---------------------------------------- Bootstrap customize -----------------------------------------*/ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 30px; } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; } } .row { --bs-gutter-x: 30px; } .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; } .g-60, .gx-60 { --bs-gutter-x: 60px; } .body-background { background-color: #F2F7FD; } /*--------------------------------- 1.7 common ---------------------------------*/ .fix { overflow: hidden; } .clear { clear: both; } .f-left { float: left; } .f-right { float: right; } .z-index-1 { z-index: 1; } .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; } .x-clip { overflow-x: clip; } @media (max-width: 575px) { .o-xs { overflow-x: hidden; } } .valign { 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; -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); 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; } } .img-cover { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /*--------------------------------- 1.8 spacing ---------------------------------*/ .section-space { padding-top: 30px; padding-bottom: 30px; } @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: 10px; padding-bottom: 10px; } } .section-space__bottom { padding-bottom: 30px; } @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-space__top { padding-top: 40px; } @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-100 { padding-bottom: 100px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-space__bottom-100 { padding-bottom: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .section-space__bottom-100 { padding-bottom: 70px; } } .section-space__bottom-70 { padding-bottom: 70px; } .mb-minus-30 { margin-bottom: -30px; } .mb-minus-40 { margin-bottom: -40px; } .mb-minus-50 { margin-bottom: -50px; } .mb-minus-60 { margin-bottom: -60px; } /*----------------------------------------*/ /* 2.1 custom color /*----------------------------------------*/ .color-theme-primary { color: var(--rr-theme-primary); } .color-theme-glow { color: var(--rr-theme-glow); } .color-white { color: var(--rr-common-white); } .rr-fw-medium { font-weight: var(--rr-fw-medium); } .rr-fw-regular { font-weight: var(--rr-fw-regular); } .rr-fw-sbold { font-weight: var(--rr-fw-sbold); } .rr-fw-black { font-weight: var(--rr-fw-black); } .rr-ff-heading { font-family: var(--rr-ff-heading); } .rr-ff-body { font-family: var(--rr-ff-body); } .body { font-size: var(--rr-fs-body); line-height: var(--rr-lh-body); } /*----------------------------------------*/ /* 2.2 background /*----------------------------------------*/ .white-bg { background-color: var(--rr-common-white); } .black-bg { background-color: var(--rr-common-black); } .theme-bg-primary { background-color: var(--rr-theme-primary); } .theme-bg-glow { background-color: var(--rr-theme-glow); } .theme-bg-1 { background-color: #F2F7FD; } .theme-bg-color-900 { background-color: var(--rr-color-900); } .theme-bg-color-100 { background-color: var(--rr-color-100); } .theme-footer-bg-1 { background-color: #0A2540; } /*----------------------------------------*/ /* 2.3 buttons /*----------------------------------------*/ .rr-btn { font-style: normal; font-weight: 400; font-size: 15px; line-height: 20px; border-radius: 500px; color: var(--rr-common-white); font-family: var(--rr-ff-heading); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: capitalize; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; overflow: hidden; z-index: 5; padding: 20px 32px; background: linear-gradient(135deg, #185EC8, #0d3fa3); transition: all 0.4s ease-out; } .rr-btn.rr-btn__primary { background-color: #071C3C; } .rr-btn.rr-btn__primary-color { background: linear-gradient(135deg, #2B7FFF, #00297b); } .rr-btn.rr-btn__primary-color:hover { background: linear-gradient(15deg, #00297b, #2B7FFF); } .rr-btn.rr-btn__primary-color .btn-wrap i { padding-left: 10px; } .rr-btn.rr-btn__transparent { padding-left: 28.5px; padding-right: 28.5px; border: 2px solid var(--rr-theme-primary) !important; background-color: transparent; } .rr-btn.rr-btn__transparent .btn-wrap i { padding-left: 10px; } .rr-btn.rr-btn__transparent .btn-wrap span { color: var(--rr-color-900); font-family: var(--rr-ff-heading); font-style: normal; font-weight: 600; font-size: 15px; line-height: 16px; text-transform: capitalize; } .rr-btn:after { display: block; clear: both; content: ""; } .rr-btn .btn-wrap { z-index: 1; float: left; overflow: hidden; position: relative; display: inline-block; border: none !important; } .rr-btn .btn-wrap i { padding-left: 40px; font-style: normal; font-weight: 900; font-size: 14px; line-height: 14px; } .rr-btn .btn-wrap .text-one, .rr-btn .btn-wrap .text-two { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rr-btn .btn-wrap .text-one { position: relative; display: block; color: var(--rr-common-white); } .rr-btn .btn-wrap .text-two { position: absolute; top: 100%; display: block; color: var(--rr-common-white); } .rr-btn .btn-wrap .text-two img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .rr-btn:hover .text-one, .rr-btn:focus .text-one { -webkit-transform: translateY(-150%); transform: translateY(-150%); } .rr-btn:hover .text-two, .rr-btn:focus .text-two { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /*----------------------------------------*/ /* 2.4 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)); transform: translateX(calc(100% + 80px)); -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out; -webkit-transition: opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out; transition: opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out; 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, -webkit-transform 0.45s ease-in-out; z-index: 9999; 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); transform: translateX(0); } .offcanvas__logo a img { width: 160px; } .offcanvas__logo a { font-weight: bold; font-size: 2.11rem; color: #003eff; line-height: 32px; } @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::-webkit-input-placeholder { color: var(--rr-common-white); } .offcanvas__search input::-moz-placeholder { color: var(--rr-common-white); } .offcanvas__search input:-ms-input-placeholder { color: var(--rr-common-white); } .offcanvas__search input::-ms-input-placeholder { color: var(--rr-common-white); } .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: -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: var(--rr-common-white); font-size: 16px; border-radius: 50%; } .offcanvas__social ul li a:hover { background-color: var(--rr-theme-primary); color: var(--rr-common-white); -webkit-transform: translateY(-3px); transform: translateY(-3px); } .offcanvas__social p { color: var(--rr-common-white); } .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); 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 { -webkit-margin-end: 15px; margin-inline-end: 15px; } .offcanvas__slider-content { border: 1px solid var(--rr-border-primary); padding: 20px; } .offcanvas__navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; 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; -webkit-transform: rotate(45deg); 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; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .offcanvas-close-icon .offcanvas-m-line { position: absolute; left: 0; height: 2px; width: 100%; background-color: currentColor; -webkit-transition: top 0.15s ease, -webkit-transform 0.3s ease; transition: top 0.15s ease, -webkit-transform 0.3s ease; transition: top 0.15s ease, transform 0.3s ease; transition: top 0.15s ease, transform 0.3s ease, -webkit-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 { -webkit-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; 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) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } /*----------------------------------------*/ /* 2.6 sectiontitle /*----------------------------------------*/ .section__title-wrapper { position: relative; z-index: 55; } .section__subtitle img { margin-right: 5px; } .title-animation { overflow: hidden; } /*----------------------------------------*/ /* 2.7 breadcrumb /*----------------------------------------*/ .breadcrumb-space { padding: 166px 0 119px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) { .breadcrumb-space { padding: 150px 0 110px; } } @media (max-width: 575px) { .breadcrumb-space { padding: 140px 0 100px; } } .breadcrumb__area { position: relative; z-index: 3; margin: 0; } .breadcrumb__area.overly:after { z-index: 0; content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #071C3C; opacity: 0.9; } .breadcrumb__area.overly:before { z-index: 1; content: ""; position: absolute; width: 100%; height: 101%; background-repeat: repeat-y; left: 46px; top: 0; background-image: url(../imgs/breadcrumb/shpae-1.png); opacity: 0.2; background-size: contain; } .breadcrumb__header-up { margin-top: -53px !important; } .breadcrumb__background { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-filter: saturate(0); filter: saturate(0); } .breadcrumb__background-color { background-color: var(--rr-theme-primary); } .breadcrumb .container { position: relative; z-index: 2; } .breadcrumb__title { font-style: normal; font-weight: 900; position: relative; z-index: 3; font-size: 55px; line-height: 60px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .breadcrumb__title { font-size: 38px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .breadcrumb__title { font-size: 34px; line-height: 46px; } } @media (max-width: 575px) { .breadcrumb__title { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .breadcrumb__title { font-size: 22px; line-height: 32px; } } .breadcrumb__menu { position: relative; z-index: 3; } .breadcrumb__menu ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flexbox; display: inline-flex; gap: 46px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumb__menu ul li { font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; position: relative; color: var(--rr-common-white); } .breadcrumb__menu ul li:after { position: absolute; -webkit-transform: translate(0, 21%); transform: translate(0, 21%); margin-left: 18px; content: "\f105"; font-family: var(--rr-ff-fontawesome); font-style: normal; font-weight: 900; font-size: 16px; line-height: 16px; } .breadcrumb__menu ul li a:hover { color: var(--rr-theme-primary); } .breadcrumb__menu ul li.active { color: var(--rr-theme-primary); } .breadcrumb__menu ul li.active:after { display: none; } /*----------------------------------------*/ /* 2.10 backtotop /*----------------------------------------*/ #scroll-percentage { height: 60px; width: 60px; background-color: var(--rr-color-white); border-radius: 50%; position: fixed; bottom: 40px; right: 50px; -webkit-transform: scale(0); transform: scale(0); display: -ms-grid; display: grid; place-items: center; cursor: pointer; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 100; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) { #scroll-percentage { right: 30px !important; bottom: 20px !important; } } #scroll-percentage.active { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; -webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop; animation: 500ms ease-in-out 0s normal none 1 running scrollToTop; -webkit-transition: 0.3s; transition: 0.3s; } #scroll-percentage-value { height: calc(100% - 6px); width: calc(100% - 6px); color: var(--rr-common-white); border-radius: 50%; display: -ms-grid; display: grid; place-items: center; font-size: 16px; font-weight: 600; } #scroll-percentage-value i { font-size: 20px; } @-webkit-keyframes scrollToTop { 0% { -webkit-transform: translate3d(0, 80%, 0); transform: translate3d(0, 80%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes scrollToTop { 0% { -webkit-transform: translate3d(0, 80%, 0); transform: translate3d(0, 80%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } /*----------------------------------------*/ /* 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% { -webkit-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% { -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @-webkit-keyframes shake { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } } @keyframes shake { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 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; -webkit-animation-name: popupBtn; animation-name: popupBtn; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; 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; -webkit-animation-name: popupBtn; animation-name: popupBtn; -webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; z-index: -1; } @-webkit-keyframes popupBtn { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.6; } 50% { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0.3; } 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } } @keyframes popupBtn { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.6; } 50% { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0.3; } 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } } @-webkit-keyframes slide-left { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slide-left { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes leftRight { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translateX(-15px); transform: translateX(-15px); } } @keyframes leftRight { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translateX(-15px); transform: translateX(-15px); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-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); } } @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); transform: translateY(0px); } 100% { -webkit-transform: translateY(16px); transform: translateY(16px); } } @keyframes scroll { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(16px); transform: translateY(16px); } } @-webkit-keyframes bubble { 0% { -webkit-transform: rotate(0deg) translateX(-50px); transform: rotate(0deg) translateX(-50px); } 100% { -webkit-transform: rotate(360deg) translateY(100px); transform: rotate(360deg) translateY(100px); } } @keyframes bubble { 0% { -webkit-transform: rotate(0deg) translateX(-50px); transform: rotate(0deg) translateX(-50px); } 100% { -webkit-transform: rotate(360deg) translateY(100px); transform: rotate(360deg) translateY(100px); } } @-webkit-keyframes leftright { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes leftright { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @-webkit-keyframes bounce { 0%, 10%, 100%, 20%, 50%, 80% { -webkit-transform: translateX(0); transform: translateX(0); } 40%, 60% { -webkit-transform: translateX(-15px); transform: translateX(-15px); } } @keyframes bounce { 0%, 10%, 100%, 20%, 50%, 80% { -webkit-transform: translateX(0); transform: translateX(0); } 40%, 60% { -webkit-transform: translateX(-15px); transform: translateX(-15px); } } @-webkit-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); } } @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); transform: translateY(0px); } 100% { -webkit-transform: translateY(16px); transform: translateY(16px); } } @keyframes scroll { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-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; -webkit-transition: none; 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 { -webkit-animation: upDown 1.3S infinite alternate; animation: upDown 1.3S infinite alternate; } @-webkit-keyframes upDown { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes upDown { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } .downUp { -webkit-animation: downUp 1.3S infinite alternate; animation: downUp 1.3S infinite alternate; } @-webkit-keyframes downUp { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(15px); transform: translateY(15px); } } @keyframes downUp { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(15px); transform: translateY(15px); } } .leftRight { -webkit-animation: leftRight 1.3S infinite alternate; animation: leftRight 1.3S infinite alternate; } @-webkit-keyframes rightLeft { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes rightLeft { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translateX(10px); transform: translateX(10px); } } .rightLeft { -webkit-animation: rightLeft 1.3S infinite alternate; animation: rightLeft 1.3S infinite alternate; } @-webkit-keyframes zooming { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes zooming { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes zooming-8 { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.009); transform: scale(1.009); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes zooming-8 { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.009); transform: scale(1.009); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes zooming-9 { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes zooming-9 { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .zooming-8 { -webkit-animation: zooming-8 1.3S infinite alternate; animation: zooming-8 1.3S infinite alternate; } .zooming { -webkit-animation: zooming 1.3S infinite alternate; animation: zooming 1.3S infinite alternate; } .zooming1 { -webkit-animation: zooming 1.5S infinite alternate; animation: zooming 1.5S infinite alternate; } .zooming2 { -webkit-animation: zooming 2.3S infinite alternate; animation: zooming 2.3S infinite alternate; } .zooming3 { -webkit-animation: zooming 3S infinite alternate; animation: zooming 3S infinite alternate; } .zooming4 { -webkit-animation: zooming 1S infinite alternate; animation: zooming 1S infinite alternate; } @-webkit-keyframes zoominupanimation { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } 50% { -webkit-transform: scale(0.8) translate(19px, 19px); transform: scale(0.8) translate(19px, 19px); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } @keyframes zoominupanimation { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } 50% { -webkit-transform: scale(0.8) translate(19px, 19px); transform: scale(0.8) translate(19px, 19px); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } .zoominupanimation { -webkit-animation: zoominupanimation 1.3S infinite alternate; animation: zoominupanimation 1.3S infinite alternate; } @-webkit-keyframes line-to-bottom { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(800px); transform: translateY(800px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes line-to-bottom { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(800px); transform: translateY(800px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes line-to-bottom-360 { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(300px); transform: translateY(300px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes line-to-bottom-360 { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(300px); transform: translateY(300px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes zoominupanimation1 { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.9) translate(6px, 6px); transform: scale(0.9) translate(6px, 6px); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes zoominupanimation1 { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.9) translate(6px, 6px); transform: scale(0.9) translate(6px, 6px); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .zoominupanimation1 { -webkit-animation: zoominupanimation1 1.3S infinite alternate; animation: zoominupanimation1 1.3S infinite alternate; } @-webkit-keyframes panel { 0% { width: 100%; } 100% { width: 0; } } @keyframes panel { 0% { width: 100%; } 100% { width: 0; } } .panel { position: absolute; top: 0; width: 0%; height: 100%; left: 0; background: var(--rr-theme-primary); z-index: 10; opacity: 0.9; -webkit-transition: -webkit-transform 0.5s ease-in-out; transition: -webkit-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; -webkit-animation: panel 1s; animation: panel 1s; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } /*----------------------------------------*/ /* 2.12 preloader /*----------------------------------------*/ .preloader-close { position: fixed; z-index: 99999999; font-size: 26px; color: var(--rr-common-white); background: var(--rr-theme-primary); 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: #121212 url('../../images/loader.jpg') center center no-repeat; background-size: cover; z-index: 9999; } .sk-three-bounce { margin: 0; width: 100%; height: 100%; text-align: center; background-color: transparent; } .sk-three-bounce .sk-child { position: relative; top: 50%; -webkit-transform: translateY(-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-primary1.sk-three-bounce .sk-child { background-color: var(--rr-theme-primary1); } .preloader-close.is-primary1 { background: var(--rr-theme-primary1); } .sk-three-bounce.is-primary2.sk-three-bounce .sk-child { background-color: var(--rr-theme-primary2); } .preloader-close.is-primary2 { background: var(--rr-theme-primary2); } .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 { -webkit-box-sizing: border-box; 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 { -webkit-box-shadow: inset 1px 1px 1px #ccc; 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 { -webkit-filter: inherit; 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 { -webkit-box-shadow: 0 0 3px 1px #5e9ed6; 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("../imgs/ui-icons/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("../imgs/ui-icons/ui-icons_555555_256x240.png"); } .ui-button:active .ui-icon, .ui-state-active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.html"); } .ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_777620_256x240.html"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.html"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.html"); } .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; } /*----------------------------------------*/ /* 2.16 Search css start /*----------------------------------------*/ .search__popup { padding: 70px; padding-top: 70px; padding-bottom: 100px; position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 55%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); -webkit-transform: translateY(calc(-100% - 80px)); transform: translateY(calc(-100% - 80px)); -webkit-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out; -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out; transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .search__popup.search-opened { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition-delay: 0s; transition-delay: 0s; } .search__popup.search-opened .search__input { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .search__popup.search-opened .search__input::after { width: 100%; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .search__top { margin-bottom: 80px; } .search__input { position: relative; height: 80px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; opacity: 0; } .search__input::after { position: absolute; content: ""; left: 0; bottom: 0; width: 0%; height: 1px; background-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .search__input input { width: 100%; height: 100%; background-color: transparent; border: 0; outline: 0; font-size: 24px; color: var(--rr-common-white); border-bottom: 1px solid transparent; padding: 0; padding-right: 30px; } .search__input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(255, 255, 255, 0.5); font-size: 24px; } .search__input input::-moz-placeholder { /* Firefox 19+ */ color: rgba(255, 255, 255, 0.5); font-size: 24px; } .search__input input:-ms-input-placeholder { /* IE 10+ Edge*/ color: rgba(255, 255, 255, 0.5); font-size: 24px; } .search__input input::-ms-input-placeholder { /* MODERN BROWSER */ color: rgba(255, 255, 255, 0.5); font-size: 24px; } .search__input input::placeholder { /* MODERN BROWSER */ color: rgba(255, 255, 255, 0.5); font-size: 24px; } .search__input button { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; color: var(--rr-common-white); } .search__input .search-input-field { color: var(--rr-common-white) !important; } .search__input .search-input-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(255, 255, 255, 0.6) !important; } .search__input .search-input-field::-moz-placeholder { /* Firefox 19+ */ color: rgba(255, 255, 255, 0.6) !important; } .search__input .search-input-field:-ms-input-placeholder { /* IE 10+ Edge*/ color: rgba(255, 255, 255, 0.6) !important; } .search__input .search-input-field::-ms-input-placeholder { /* MODERN BROWSER */ color: rgba(255, 255, 255, 0.6) !important; } .search__input .search-input-field::placeholder { /* MODERN BROWSER */ color: rgba(255, 255, 255, 0.6) !important; } .search__input .search-input-field ~ .search-focus-border { position: absolute; bottom: 0; left: auto; right: 0; width: 0; height: 1px; background-color: var(--rr-common-white); } .search__input .search-input-field:focus ~ .search-focus-border { width: 100%; left: 0; right: auto; } .search__close-btn { font-size: 25px; color: rgba(255, 255, 255, 0.3); } .search__close-btn:hover { color: var(--rr-common-white); } /* HEADER CSS */ /*----------------------------------------*/ /* 3.1 header-common /*----------------------------------------*/ .rr-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; border-top: 0; background-color: var(--rr-common-white) !important; -webkit-box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.14); box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.14); } .header__area { background-color: transparent; } .header__logo { /* max-width: 144px; */ margin-right: 5px; } .header__logo .logo{ font-weight: bold; font-size: 1.90rem; line-height: 32px; background: linear-gradient(135deg, #00d4ff 0%, #003eff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .header__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; 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), only screen and (min-width: 992px) and (max-width: 1199px) { .header__main { padding: 15px 0; } } .bar-icon { width: 26px; height: 18px; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .bar-icon span { width: 100%; height: 2px; background: var(--rr-theme-primary); display: inline-block; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .bar-icon span:nth-child(2) { margin-left: 0px; } .bar-icon:hover span { -webkit-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; } .bar-icon:hover span:nth-child(2) { margin-left: 0px; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .bar-icon:hover span:nth-child(3) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .bar-icon.is-black span { background: var(--rr-common-black); } .bar-icon.is-white span { background: var(--rr-common-white); } /*----------------------------------------*/ /* 3.1 header-common /*----------------------------------------*/ .header-1 { top: 0; left: 0; padding: 0; width: 100%; z-index: 1030; background-color: transparent; position: fixed !important; -webkit-box-shadow: none; box-shadow: none; } .header-1.rr-sticky { -webkit-box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.14); box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.14); } @media (max-width: 1199px) { .header-1 .header__main .main-menu ul li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) { display: none; } } /*----------------------------------------*/ /* 3.1 header-common /*----------------------------------------*/ .header-2 { top: 0; left: 0; padding: 0; width: 100%; z-index: 1030; background-color: transparent; position: fixed !important; -webkit-box-shadow: none; box-shadow: none; } .header-2.rr-sticky { background-color: var(--rr-color-900) !important; -webkit-box-shadow: 0px 2px 20px rgba(29, 29, 29, 0.5) !important; box-shadow: 0px 2px 20px rgba(29, 29, 29, 0.5) !important; } .header-2 .header__hamburger .bar-icon span { background-color: var(--rr-common-white); } @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) { .header-2 .header__main { padding: 15px 0; } } @media (max-width: 1399px) { .header-2 .header__main .main-menu ul li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) { display: none; } } .header-2 .header__left { gap: 75px; } .header-2 .rr-header-icon-search { padding-right: 32px; margin-right: 32px; line-height: 53px; border-right: 1px solid rgba(255, 255, 255, 0.2); } @media (max-width: 575px) { .header-2 .rr-header-icon-search { padding-right: 0; margin-right: 0; border-right: 0; } } .header-2 .rr-header-icon-search button { font-style: normal; font-weight: 900; font-size: 25px; line-height: 25px; color: var(--rr-common-white); } @media (max-width: 575px) { .header-2 .rr-header-icon-search button { font-size: 20px; } } .header-2 .rr-header-icon-search button:hover { color: var(--rr-theme-primary); } .header-2 .rr-header-contact-btn { margin-left: 22px; gap: 13px; } .header-2 .rr-header-contact-btn__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50px; height: 50px; min-height: 50px; min-width: 50px; background: var(--rr-theme-primary); border-radius: 500px; } .header-2 .rr-header-contact-btn__icon i { font-style: normal; font-weight: 900; font-size: 25px; line-height: 25px; color: var(--rr-common-white); } .header-2 .rr-header-message { font-style: normal; font-weight: 400; font-size: 25px; color: var(--rr-common-white); padding-right: 32px; line-height: 53px; border-right: 1px solid rgba(255, 255, 255, 0.2); } .header-2 .rr-header-message:hover { color: var(--rr-theme-primary); } /*----------------------------------------*/ /* 3.1 header-common /*----------------------------------------*/ .header-3 { top: 0; left: 0; padding: 0; width: 90%; max-width: 1400px; z-index: 1030; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; margin:auto; } .header-3.rr-sticky { -webkit-box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.14); box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.14); } .header-3 .header__left { gap: 11px; justify-content: flex-start; flex: 1; width: 100%; } @media (max-width: 1199px) { .header-3 .header__main .main-menu ul li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) { display: none; } } /*----------------------------------------*/ /* 4 header-common /*----------------------------------------*/ .header-4__background { background-color: var(--rr-theme-primary); } .header-4-top { /* margin-bottom: -39px; */ margin-bottom: -65px; background: var(--rr-theme-primary); padding-bottom: 16px; padding-top: 10px; } .header-4-top__menu { gap: 16px; } .header-4-top__menu a { font-style: normal; font-weight: 400; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 28px; color: var(--rr-common-white); position: relative; transition: all 0.3s ease-out; } .header-4-top__menu a::before { content: ''; position: absolute; bottom: 4px; left: 0; width: 0; height: 2px; background-color: var(--rr-theme-secondary); transition: width 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .header-4-top__menu a:hover { color: var(--rr-theme-secondary) !important; } .header-4-top__menu a:hover::before { width: 100%; } .header-4-top__menu a:after { content: ""; left: -24px; opacity: 0.5; top: 0; position: absolute; width: 1px; height: 26px; background: var(--rr-common-white); } .header-4-top__menu a:first-child:after { content: inherit; } .header-4-top__menu a:after { content: inherit; } .header-4-top__menu a i { margin-right: 6px; } .header-4-top__menu-social { gap: 24px; } .header-4-top__menu-social a { font-family: var(--rr-ff-fontawesome); font-style: normal; font-weight: 400; font-size: 16px; line-height: 16px; color: var(--rr-common-white); } .header-4-top__menu-social a:hover { color: var(--rr-theme-secondary); } .header-4-top__menu-social a:hover svg path[fill=white] { fill: var(--rr-theme-secondary); } .top_links { color: var(--rr-common-white); font-size: 1.36rem; } #header-sticky { position: sticky; top: 10px; z-index: 100; background: white; border-radius: 65px; } .header-4 .header__main { padding-left: 40px; padding-right: 60px; position: relative; z-index: 99; background: var(--rr-common-white); border-radius: 20px; } @media (max-width: 575px) { .header-4 .header__main { padding-left: 20px; padding-right: 20px; } } @media (max-width: 1199px) { .header-4 .header__main .main-menu ul li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) { display: none; } } .header-4 .header__hamburger .sidebar__toggle { margin-left: 22px; width: 54px; height: 54px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid rgba(7, 28, 60, 0.2); border-radius: 500px; color: var(--rr-color-900); } .header-4 .header__hamburger .sidebar__toggle .bar-icon { -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .header-4 .header__hamburger .sidebar__toggle .bar-icon span { background: var(--rr-color-900); } .header-4 .header__hamburger .sidebar__toggle .bar-icon span:nth-child(1) { width: 10.9px; } .header-4 .header__hamburger .sidebar__toggle .bar-icon span:nth-child(2) { width: 21.18px; } .header-4 .header__hamburger .sidebar__toggle .bar-icon span:nth-child(3) { width: 18px; } .header-4 .search-open-btn { width: 54px; height: 54px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid rgba(7, 28, 60, 0.2); border-radius: 500px; color: var(--rr-color-900); font-size: 20px; } /* HEADER CSS */ /*----------------------------------------*/ /* 9.1 banner Style 1 /*----------------------------------------*/ .banner { position: relative; z-index: 1; } .banner__shape { position: absolute; z-index: -1; top: -150px; left: -232.5px; } .banner__space { padding: 150px 0 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) { .banner__space { padding: 140px 0 75px; } } .banner .container { z-index: 1; position: relative; } .banner__media { overflow: hidden; border-radius: 40px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .banner__media { border-radius: 20px; height: 300px; } .banner__media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } .banner__content h1 { max-width: 935px; margin-left: auto; margin-right: auto; font-style: normal; font-weight: 600; font-size: 88px; line-height: 100px; text-align: center; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__content h1 { font-size: 65px; line-height: 75px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner__content h1 { font-size: 55px; line-height: 65px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .header-4-top__menu a { font-style: normal; font-weight: 400; font-size: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 28px; color: var(--rr-common-white); position: relative; } .banner__content h1 { font-size: 45px; line-height: 55px; } } @media (max-width: 575px) { .banner__content h1 { font-size: 35px; line-height: 45px; } } /*----------------------------------------*/ /* 9.2 banner Style 1 /*----------------------------------------*/ .banner-2 { background-size: auto; background-position: left bottom; background-repeat: no-repeat; } .banner-2 .container { position: relative; z-index: 1; } .banner-2__shape { position: absolute; content: ""; width: 1522.97px; height: 1356.07px; background: var(--rr-theme-primary); bottom: -1047px; left: -99px; z-index: -1; -webkit-transform: rotate(-20deg); transform: rotate(-20deg); border-radius: 500px; -webkit-filter: blur(217px); filter: blur(217px); } .banner-2__space { padding: 205px 0 110px; } @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-2__space { padding-top: 160px; padding-bottom: 90px; } } .banner-2__content { max-width: 503px; } @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-2__content { max-width: 100%; margin-bottom: 60px; } } .banner-2__content h1 { font-style: normal; font-weight: 400; font-size: 72.8185px; line-height: 83px; text-transform: capitalize; } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner-2__content h1 { font-size: 50px; line-height: 60px; } } @media (max-width: 575px) { .banner-2__content h1 { font-size: 40px; line-height: 50px; } } .banner-2__content .rr-btn { padding: 20px 30px; } .banner-2__content .readmore { font-style: normal; font-weight: 400; font-size: 15px; line-height: 15px; text-transform: capitalize; color: var(--rr-common-white) !important; margin-left: 38px; } @media (max-width: 575px) { .banner-2__content .readmore { margin-left: inherit; margin-top: 20px; } } .banner-2__content .readmore svg { margin-left: 10px; } .banner-2__content .readmore:hover { opacity: 0.7; } .banner-2__media { position: relative; overflow: hidden; max-width: 504px; margin-left: auto; } @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-2__media { margin-left: inherit; max-width: 100%; margin-right: inherit; } } .banner-2__media img { margin-left: 35px; width: 469px; height: 496px; overflow: hidden; -o-object-fit: cover; object-fit: cover; border-radius: 20px; } @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-2__media img { width: 100%; height: 100%; margin-left: inherit; } } .banner-2__media-shape { z-index: 2; position: absolute; left: 0; bottom: -43px; width: 123px; height: 131px; top: 322px; background: var(--rr-theme-primary); border-radius: 20px 234.5px 20px 20px; } @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-2__media-shape { display: none; } } /*----------------------------------------*/ /* 9.3 banner Style 1 /*----------------------------------------*/ .banner-3__space { padding-top: 173px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .banner-3__space { padding-top: 140px; } } .banner-3 .container { position: relative; z-index: 2; } .banner-3__shape { z-index: -1; top: -1115px; right: -635px; position: absolute; width: 1522.97px; content: ""; height: 1356.07px; display: block; border-radius: 500px; background: var(--rr-theme-primary); opacity: 0.2; -webkit-filter: blur(217px); filter: blur(217px); -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } .banner-3__content { position: relative; z-index: 3; } .banner-3__content p { padding-left: 31px; } @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-3__content p { padding-left: 0; } } .banner-3__content h1 { font-style: normal; font-weight: 900; font-size: 80px; line-height: 90px; } .banner-3__content h1 span { color: var(--rr-theme-primary); } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-3__content h1 { font-size: 70px; line-height: 80px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .banner-3__content h1 { font-size: 60px; line-height: 70px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .banner-3__content h1 { font-size: 47px; line-height: 57px; } } @media (max-width: 575px) { .banner-3__content h1 { font-size: 40px; line-height: 50px; } } @media (max-width:450px) { .banner-3__content h1 { font-size: 34px; line-height: 38px; } } .banner-3__slider { z-index: 2; position: relative; } @media (max-width: 575px) { .banner-3__item-media { height: 250px; } } .banner-3__item-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .banner-3__pagination { bottom: 7px !important; right: 50px !important; text-align: right; z-index: 3; position: absolute; width: inherit !important; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-3__pagination { bottom: 130px !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) { .banner-3__pagination { bottom: 30px !important; } } .banner-3__pagination .swiper-pagination-bullet { width: inherit !important; height: inherit !important; background: transparent !important; font-style: normal; font-weight: 700; font-size: 18px; line-height: 25px; color: var(--rr-color-200) !important; opacity: 1 !important; margin: 0 10px !important; position: relative; } .banner-3__pagination .swiper-pagination-bullet:after { width: 100%; height: 1px; position: absolute; content: ""; bottom: 0; right: 0; background: var(--rr-color-200) !important; opacity: 0; } .banner-3__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { color: var(--rr-common-white) !important; } .banner-3__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { background: var(--rr-common-white) !important; opacity: 1; } /*----------------------------------------*/ /* 7.1 cta /*----------------------------------------*/ .cta__wrapper { overflow: hidden; position: relative; z-index: 1; padding: 90px 151px; -webkit-box-shadow: 20px 20px 0px rgba(255, 255, 255, 0.14); box-shadow: 20px 20px 0px rgba(255, 255, 255, 0.14); } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .cta__wrapper { padding: 80px 85px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .cta__wrapper { padding: 80px 85px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .cta__wrapper { padding: 40px 30px; } } @media (max-width: 575px) { .cta__wrapper { padding: 40px 20px; } } .cta__content { max-width: 362px; } .cta__content h2 { font-size: 40px; line-height: 55px; } @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) { .cta__content h2 { font-size: 38px; line-height: 50px; } } @media (max-width: 575px) { .cta__content h2 { font-size: 30px; line-height: 42px; } } @media (max-width:450px) { .cta__content h2 { font-size: 27px; line-height: 37px; } } .cta__content .rr-btn.rr-btn__theme-1 { border-color: var(--rr-common-white); } .cta__content .rr-btn.rr-btn__theme-1:after { background-color: var(--rr-heading-primary); } .cta__content .rr-btn.rr-btn__theme-1:hover { border-color: var(--rr-heading-primary); } .cta__content .rr-btn.rr-btn__theme-1:before { background-color: var(--rr-common-white); } .cta__media { top: -144px; position: absolute; right: -279px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .cta__media { right: -356px; } } @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__media { position: inherit; right: inherit; top: inherit; margin-top: 0; max-width: 500px; margin-right: auto; margin-left: auto; } } .cta__media img { -webkit-mask-image: url(../imgs/cta/cta_shape.html); mask-image: url(../imgs/cta/cta_shape.html); mask-mode: alpha; -webkit-mask-size: 670px; mask-size: 670px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 233px 168px; mask-position: 233px 168px; } @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) { .cta__media img { -webkit-mask-size: 455px; mask-size: 455px; -webkit-mask-position: 363px 209px; mask-position: 363px 209px; } } @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__media img { -webkit-mask-image: none; mask-image: none; } } .cta__footer-up { margin-bottom: -215px; } /*----------------------------------------*/ /* 7.1 cta /*----------------------------------------*/ .cta-2__area.footer-up { margin-bottom: -215px; } .cta-2__background { position: relative; z-index: 2; background: -webkit-gradient(linear, left top, left bottom, from(#7341F1), to(#5A2BD1)); background: linear-gradient(180deg, #7341F1 0%, #5A2BD1 100%); } .cta-2__shape { top: 31px; left: 520px; z-index: -1; position: absolute; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .cta-2__shape { left: 415px; } } .cta-2__wrapper { overflow: hidden; position: relative; z-index: 2; padding: 89px 151px 98px; border-radius: 20px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .cta-2__wrapper { padding: 70px 80px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .cta-2__wrapper { padding: 50px 40px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .cta-2__wrapper { padding: 40px 30px; } } .cta-2__media { right: 135px; bottom: -336px; z-index: -1; position: absolute; } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .cta-2__media { right: 50px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .cta-2__media { right: 10px; max-width: 510px; } } @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) { .cta-2__media { position: inherit; bottom: inherit; right: inherit; max-width: 200px; } } @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) { .cta-2__media img { margin-right: -40px; } } .cta-2__content { max-width: 564px; } @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) { .cta-2__content { max-width: 100%; margin-bottom: 40px; } } .cta-2__content .subtitle { display: inline-block; padding: 4.5px 15px; background: rgba(255, 255, 255, 0.2); border-radius: 6px; font-style: normal; font-weight: 500; font-size: 13px; line-height: 17px; text-transform: uppercase; color: var(--rr-common-white); } .cta-2__content .rr-btn__wrapper { gap: 14px; } /*----------------------------------------*/ /* 4.2 Menu /*----------------------------------------*/ .main-menu ul { margin-bottom: 0; } .main-menu ul li { position: relative; list-style: none; display: inline-block; -webkit-margin-end: 11px; margin-inline-end: 11px; /* submenu css start */ /* mega menu start */ } .main-menu ul li:last-child { -webkit-margin-end: 0; margin-inline-end: 0; } .main-menu ul li.active > a { color: var(--rr-theme-primary) !important; } .main-menu ul li a { display: block; } .main-menu ul li > a { font-style: normal; display: inline-block; color: var(--rr-menu-primary); text-transform: uppercase; font-family: Outfit, sans-serif; /* font-family: var(--rr-ff-heading); */ padding: 30px 0; font-weight: 500; /* font-size: 13px; */ font-size: 1.42rem; line-height: 23px; position: relative; transition: all 0.3s ease-out; } .main-menu ul li > a::before { content: ''; position: absolute; bottom: 20px; left: 0; width: 0; height: 2px; background-color: var(--rr-theme-primary); transition: width 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .main-menu ul li > a:hover::before { width: 100%; } /* Right align menu wrapper */ .mean__menu-wrapper { margin-left: auto; margin-right: 0; } /* Maintain right alignment in sticky state */ .header-3.rr-sticky .mean__menu-wrapper { margin-left: auto; margin-right: 0; } .main-menu ul li.has-dropdown > a { position: relative; } .main-menu ul li.has-dropdown > a::after { content: "\f107"; -webkit-transform: translateY(1px); transform: translateY(1px); font-size: 10px; font-family: var(--rr-ff-fontawesome); font-weight: 900; -webkit-margin-start: 5px; margin-inline-start: 5px; display: inline-block; } .main-menu ul li.has-mega-menu { position: static; } .main-menu ul li.megamenu-wrapper { position: static; } .main-menu ul li .submenu { position: absolute; top: 110%; inset-inline-start: 0; min-width: 400px; background: #0d0d0d; z-index: 99; visibility: hidden; opacity: 0; -webkit-transform-origin: top center; transform-origin: top center; padding: 25px 0 6px; color: var(--rr-common-white); border: 1px solid var(--rr-theme-primary); } .main-menu ul li .submenu li { display: block; width: 100%; margin: 0; padding: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } .megamenu_link:hover { -webkit-transform: translateX(10px) !important; transform: translateX(10px) !important; } .main-menu ul li .submenu li.has-dropdown > a::after { position: absolute; top: 50%; inset-inline-end: 25px; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); color: var(--rr-text-1); } /* Reduce padding when header is sticky */ .header-3.rr-sticky .main-menu ul li > a { padding: 20px 0; font-size: 1.42rem; } /* Prevent sticky header styling from affecting submenu items */ .header-3.rr-sticky .main-menu ul li .submenu a { /* font-size: 15px; */ /* padding: 40px 0; */ padding: 0 25px; -webkit-padding-start: 30px; padding-inline-start: 30px; padding-bottom: 9px; } /* Preserve submenu hover effects when header is sticky */ .header-3.rr-sticky .main-menu ul li .submenu li:hover > a { color: var(--rr-theme-primary); -webkit-padding-start: 43px; padding-inline-start: 43px; } .header-3.rr-sticky .main-menu ul li .submenu li:hover > a::before { width: 12px; } .header-3.rr-sticky .main-menu ul li .submenu li.active > a { -webkit-padding-start: 43px !important; padding-inline-start: 43px !important; color: var(--rr-theme-primary) !important; } .header-3.rr-sticky .main-menu ul li .submenu li.active > a::before { width: 12px !important; } .main-menu ul li .submenu li a { position: relative; z-index: 11; color: var(--rr-common-white); font-size: 15px; padding: 0 25px; -webkit-padding-start: 30px; 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%); transform: translateY(-50%); width: 0; 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.active > a { -webkit-padding-start: 43px !important; padding-inline-start: 43px !important; color: var(--rr-theme-primary) !important; } .main-menu ul li .submenu li.active > a::before { width: 12px !important; } .main-menu ul li .submenu li:hover > a { color: var(--rr-theme-primary); -webkit-padding-start: 43px; padding-inline-start: 43px; } .main-menu ul li .submenu li:hover > a::before { width: 12px; } .main-menu ul li .submenu li:hover > .submenu { -webkit-transform: translateY(1); transform: translateY(1); visibility: visible; opacity: 1; } .main-menu ul li .mega-menu { position: absolute; top: 100%; left: 142.5%; padding: 30px 35px 30px; background: #0d0d0d; visibility: hidden; opacity: 0; border: 1px solid var(--rr-theme-primary); z-index: 99; width: 100%; -webkit-transform: translateX(-50%) translateZ(0); transform: translateX(-50%) translateZ(0); clip: rect(0px, 200vw, 0, 0px); } @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: -ms-grid; display: grid; -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr; grid-template-columns: repeat(4, 1fr); row-gap: 16px; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .main-menu ul li .mega-menu.mega-menu.mega-menu-grid-3 { padding: 30px 35px 30px; display: -ms-grid; display: grid; row-gap: 30px; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; -ms-grid-columns: 1fr 30px 1fr 30px 1fr; grid-template-columns: repeat(2, 1fr); width: 950px; margin: 0 auto; -ms-flex-pack: distribute; justify-content: space-around; } .main-menu ul li .mega-menu.mega-menu.mega-menu-grid-3 li { -webkit-margin-end: 0; margin-inline-end: 0; } .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-theme-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); -webkit-padding-start: 0; padding-inline-start: 0; } .main-menu ul li .mega-menu li:hover > a { color: var(--rr-theme-primary); } .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); 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); -webkit-transition: clip 0.6s linear, opacity 0.4s linear; transition: clip 0.6s linear, opacity 0.4s linear; } .main-menu-2 ul li.active > a { color: var(--rr-theme-primary) !important; } .main-menu-2 ul li > a { padding: 45px 0; color: var(--rr-common-white); } .main-menu-2 ul li > a::before { background: var(--rr-common-white); } .main-menu-2 ul li .submenu { border-color: 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 { border-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-3 ul li > a { padding: 34px 0; } .home__menu-item { position: relative; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home__menu-item { margin-bottom: 25px; } } .home__menu-item:hover .home__menu-buttons { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; visibility: visible; } .home__menu-item:hover .home__menu-thumb::before { opacity: 1; } .home__menu-grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr; grid-template-columns: repeat(4, 1fr); row-gap: 20px; -webkit-column-gap: 30px; -moz-column-gap: 30px; 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; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } } /* Connect links styling */ .connect-links { display: flex; align-items: center; gap: 25px; flex-wrap: wrap; justify-content: center; } .connect-links > span { font-weight: 600; color: var(--rr-theme-primary); font-size: 16px; } .connect-link { font-weight: 600; font-size: 15px; text-decoration: none; position: relative; transition: all 0.3s ease; padding-bottom: 3px; } .connect-link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; transition: width 0.3s ease; } .connect-link:hover { transform: translateY(-2px); } .connect-link:hover::after { width: 100%; } .connect-link.whatsapp { color: #1fad3f; font-weight: 700; } .connect-link.whatsapp::after { background-color: #1fad3f; } .connect-link.instagram { color: #e1306c; font-weight: 700; } .connect-link.instagram::after { background-color: #e1306c; } .connect-link.twitter { color: #1d9bf0; font-weight: 700; } .connect-link.twitter::after { background-color: #1d9bf0; } .connect-link.facebook { color: #0a66c2; font-weight: 700; } .connect-link.facebook::after { background-color: #0a66c2; } .connect-link.youtube { color: #ff0000; font-weight: 700; } .connect-link.youtube::after { background-color: #ff0000; } .connect-link.pinterest { color: #e60023; font-weight: 700; } .connect-link.pinterest::after { background-color: #e60023; } .connect-link.threads { color: #a3a3a3; font-weight: 700; } .connect-link.threads::after { background-color: #000000; } .connect-link.snapchat { color: #ffd500; font-weight: 700; } .connect-link.snapchat::after { background-color: #ffd500; } @media (max-width: 768px) { .connect-links { flex-direction: row; gap: 15px; } .connect-link { font-size: 14px; } } .home__menu-thumb { height: 340px; position: relative; padding: 20px 20px 20px; border: 1px solid var(--rr-theme-primary); border-radius: 6px; } .home__menu-thumb::before { position: absolute; content: ""; height: 100%; width: 100%; background: rgba(13, 13, 13, 0.7); opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; left: 0; top: 0; 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-thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .home__menu-buttons { position: absolute; top: 0; left: 0; right: 0; bottom: 0; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: scale(1, 0); transform: scale(1, 0); opacity: 0; visibility: hidden; -webkit-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: 500ms ease; 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 { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; visibility: visible; } } .home__menu-buttons .rr-btn { border-color: var(--rr-theme-primary); width: inherit !important; } .home__menu-buttons .rr-btn span { color: var(--rr-common-white) !important; padding: 0 !important; } .home__menu-title { margin-top: 12px; text-align: center; font-weight: 500; font-size: 16px; color: var(--rr-common-white); } /*----------------------------------------*/ /* 4.1 Meanmenu /*----------------------------------------*/ .mean-container { margin-bottom: 35px; } .mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 13px 13px 11px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; font-weight: 700; display: none !important; } .mean-container a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 3px; } .mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; } .mean-container .mean-nav { background: none; margin-top: 0; float: left; width: 100%; } .mean-container .mean-nav .wrapper { width: 100%; padding: 0; margin: 0; } .mean-container .mean-nav > ul { padding: 0; margin: 0; width: 100%; list-style-type: none; display: block !important; } .mean-container .mean-nav > ul > li:first-child > a { border-top: 0; } .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; } .mean-container .mean-nav ul li { position: relative; float: left; width: 100%; } .mean-container .mean-nav ul li.dropdown-opened > a, .mean-container .mean-nav ul li.dropdown-opened > span { color: var(--rr-theme-primary); } .mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked { background: var(--rr-theme-primary); color: var(--rr-common-white); border-color: transparent; } .mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked i, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked i { color: var(--rr-common-white); -webkit-transform: rotate(90deg); 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; width: 90%; border: none !important; padding: 10px 5%; 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-common-white); 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 { padding: 0; min-height: auto; 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; box-sizing: content-box; } /*----------------------------------------*/ /* 5.1 blog /*----------------------------------------*/ .blog__item { -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); border-radius: 20px; overflow: hidden; } .blog__item-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .blog__item-content { background-color: var(--rr-common-white); padding: 36px 40px 40px; } @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) { .blog__item-content { padding: 30px 25px; } } .blog__item-content-date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--rr-color-900); } .blog__item-content-date i { font-size: 12px; margin-right: 10px; } .blog__item-content-date span { opacity: 0.7; } /*----------------------------------------*/ /* 5.2 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: 40px; } .sidebar__widget { padding: 30px; border-radius: 20px; background: var(--rr-common-white); -webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05); } .sidebar__widget.space-lg { padding: 32px 34px 44px; } .sidebar__widget-title { margin-bottom: 20px; text-transform: capitalize; display: block; padding-bottom: 13px; color: var(--rr-color-900); } .sidebar__widget-title.mb-30 { margin-bottom: 30px; } .sidebar__widget-title::before { bottom: 1px; left: 0; content: ""; height: 1px; width: 100%; position: absolute; border-radius: 20px; background-color: var(--rr-color-200); } .sidebar__widget-title::after { left: 0; bottom: 1px; content: ""; width: 40px; height: 1px; position: absolute; border-radius: 20px; background-color: var(--rr-theme-primary); } .sidebar__widget-title.pb-18 { padding-bottom: 18px !important; } .sidebar__widget-search .search__bar { position: relative; height: 58px; } .sidebar__widget-search .search__bar input { -webkit-box-shadow: none; box-shadow: none; border-radius: 999px; border: 1px solid #E4E5E5; padding: 15px 20px; padding-right: 50px; } .sidebar__widget-search .search__bar input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-color-800); } .sidebar__widget-search .search__bar input::-moz-placeholder { /* Firefox 19+ */ font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-color-800); } .sidebar__widget-search .search__bar input:-ms-input-placeholder { /* IE 10+ Edge*/ font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-color-800); } .sidebar__widget-search .search__bar input::-ms-input-placeholder { /* MODERN BROWSER */ font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-color-800); } .sidebar__widget-search .search__bar input::placeholder { /* MODERN BROWSER */ font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-color-800); } .sidebar__widget-search .search__bar button { right: 20px; padding: 0; height: 100%; line-height: 0; position: absolute; } .sidebar__widget-search .search__bar button:hover svg path[fill="#071C3C"] { fill: var(--rr-theme-primary); } .sidebar__widget-category a { display: block; margin-bottom: 15px; font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-color-900); } .sidebar__widget-category a:last-child { margin-bottom: 0; border: none; } .sidebar__widget-category a:hover { color: var(--rr-theme-primary); } .sidebar__widget-post { gap: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sidebar__widget-post:not(:last-child) { margin-bottom: 18px; } .sidebar__widget-post__thum { width: 80px; height: 85px; overflow: hidden; min-width: 80px; display: block; border-radius: 20px; } .sidebar__widget-post__thum img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sidebar__widget-post__thum img:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .sidebar__widget-post__content-meta li { gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; font-size: 14px; line-height: 28px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sidebar__widget-post__content-meta li i { color: var(--rr-theme-primary); font-size: 12px; } .sidebar__widget-post__content a h5 { color: var(--rr-color-900); } @media (max-width: 575px) { .sidebar__widget-post__content a h5 { font-size: 14px; line-height: 18px; } } .sidebar__widget-post__content a:hover h5 { color: var(--rr-theme-primary); } .sidebar__widget-tags .tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px 17px; } .sidebar__widget-tags .tags a { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; font-family: "Roboto"; font-style: normal; font-weight: 400; font-size: 16px; padding: 4px 9.5px; line-height: 28px; color: #646464; border-radius: 500px; background: transparent; border: 1px solid #E4E5E5; } .sidebar__widget-tags .tags a:hover { color: var(--rr-common-white); background: var(--rr-theme-primary); } .sidebar__widget-contact { padding: 38px 85px; border-radius: 20px; background-color: var(--rr-color-100); border: 1px solid var(--rr-theme-primary); } @media (max-width: 575px) { .sidebar__widget-contact { padding: 38px 20px; } } .sidebar__widget-contact a { gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--rr-color-900); } .sidebar__widget-contact a i { color: var(--rr-theme-primary); } .sidebar__widget-contact a:hover { color: var(--rr-theme-primary); } .sidebar__widget-contact .rr-btn { margin-left: auto; margin-right: auto; display: inline-block; } .sidebar__widget-contact .rr-btn .btn-wrap i { padding-left: 10px; color: var(--rr-common-white); } .sidebar__widget-contact__service { padding: 50px 62px; border-radius: 20px; background-color: var(--rr-common-white); border: 1px solid var(--rr-theme-primary); } @media (max-width: 575px) { .sidebar__widget-contact__service { padding: 38px 20px; } } .sidebar__widget-contact__service a { gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--rr-color-900); } .sidebar__widget-contact__service a i { color: var(--rr-theme-primary); } .sidebar__widget-contact__service a:hover { color: var(--rr-theme-primary); } .sidebar__widget-contact__service .rr-btn { margin-left: auto; margin-right: auto; display: inline-block; } .sidebar__widget-contact__service .rr-btn .btn-wrap i { padding-left: 10px; color: var(--rr-common-white); } .sidebar__widget-service { gap: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 50px 40px 63px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 20px; background: var(--rr-color-100); } .sidebar__widget-service a { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 10px; color: var(--rr-color-700); text-transform: capitalize; font-size: var(--rr-fs-h5); line-height: var(--rr-lh-h5); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sidebar__widget-service a:last-child { padding-bottom: 0; } .sidebar__widget-service a:last-child:before { content: none; } .sidebar__widget-service a::before { width: 100%; height: 3px; content: ""; bottom: -3px; position: absolute; border-radius: 999px; background-color: var(--rr-common-white); } .sidebar__widget-service a i { width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 500px; font-weight: var(--rr-fw-bold); color: var(--rr-theme-primary); background: rgba(24, 94, 200, 0.1); } .sidebar__widget-service a:hover i { rotate: 180deg; color: var(--rr-common-white) !important; background: var(--rr-theme-primary) !important; } /*----------------------------------------*/ /* 5.3 blog-details /*----------------------------------------*/ .blog__details-content img { width: auto; border-radius: 20px; overflow: hidden; max-width: 100%; } .blog__details-content h1, .blog__details-content h2, .blog__details-content h3, .blog__details-content h4, .blog__details-content h5, .blog__details-content h6 { margin-bottom: 20px; color: var(--rr-color-900); } .blog__details-content p, .blog__details-content img { margin-bottom: 20px; } .blog__details-content ul:not(.blog__details-meta) { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; max-width: 752px; -webkit-column-gap: 128px; -moz-column-gap: 128px; column-gap: 128px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) { .blog__details-content ul:not(.blog__details-meta) { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .blog__details-content ul:not(.blog__details-meta) li { list-style: none; color: var(--rr-color-900); margin-bottom: 10px; } .blog__details-content ul:not(.blog__details-meta) li i { font-size: 16px; margin-right: 15px; font-weight: var(--rr-fw-black); color: var(--rr-theme-primary); } .blog__details-content blockquote { margin-top: 40px; padding: 35px 60px; position: relative; margin-bottom: 40px; border-radius: 20px; background: var(--rr-common-white); -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); } @media (max-width: 575px) { .blog__details-content blockquote { padding: 20px 25px; } } .blog__details-content blockquote p { color: var(--rr-color-900); } .blog__details-content blockquote span { position: absolute; bottom: 40px; right: 60px; } @media (max-width: 575px) { .blog__details-content blockquote span svg { max-width: 40px; } } .blog__details-meta { gap: 27px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog__details-meta li i { font-size: 12px; margin-right: 5px; color: var(--rr-theme-primary); } .blog__details-meta li a:hover { color: var(--rr-theme-primary); } .blog__details-thumb { border-radius: 20px; overflow: hidden; } .blog__details-thumb img { margin-bottom: 0; } .blog__details-pagination { padding: 20px 30px; overflow: hidden; position: relative; border: 1px solid #E4E5E5; border-radius: 20px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .blog__details-pagination { gap: 10px; } } .blog__details-pagination hr { min-height: calc(100% - 50px); width: 1px; background: var(--rr-color-200); position: absolute; height: calc(100% - 50px); top: 50%; left: 50%; border: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .blog__details-pagination hr { display: none; } } .blog__details-pagination-next { text-align: right; } .blog__details-pagination-prev, .blog__details-pagination-next { gap: 20px; } .blog__details-pagination-prev:hover .icon, .blog__details-pagination-next:hover .icon { background: var(--rr-theme-primary); color: var(--rr-common-white); } .blog__details-pagination-prev:hover .text .title, .blog__details-pagination-next:hover .text .title { color: var(--rr-theme-primary); } .blog__details-pagination-prev .icon, .blog__details-pagination-next .icon { display: -webkit-box; display: -ms-flexbox; 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: 50px; color: var(--rr-theme-primary); height: 50px; border: 1px solid #185EC8; border-radius: 500px; } .blog__details-pagination-prev .text, .blog__details-pagination-next .text { max-width: 120px; } .blog__details-pagination-prev .text .title, .blog__details-pagination-next .text .title { font-style: normal; font-weight: 700; font-size: 18px; line-height: 30px; text-transform: capitalize; color: var(--rr-color-900); } .comment-item { gap: 10px; margin-bottom: 30px; } .comment-item:last-child { margin-bottom: 0; } .comment-item p { color: var(--rr-color-900); } .comment-item__media { min-width: 100px; min-height: 100px; width: 100px; overflow: hidden; height: 100px; border-radius: 500px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .comment-item__media { width: 40px; height: 40px; min-width: 40px; min-height: 40px; } } .comment-item__media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .comment-item__content { padding: 40px; border-radius: 20px; background: var(--rr-color-100); } @media (max-width: 575px) { .comment-item__content { padding: 20px 25px; } } .comment-item__content .name { font-style: normal; font-weight: 700; font-size: 18px; line-height: 30px; text-transform: capitalize; color: var(--rr-color-900); margin-bottom: 5px; } .comment-item__content .date { font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-color-900); } .comment-item__content button { font-style: normal; font-weight: 600; font-size: 15px; line-height: 15px; text-align: center; text-transform: capitalize; color: var(--rr-theme-primary); padding: 11px 19.4px; border: 1px solid #E4E5E5; border-radius: 500px; background: var(--rr-common-white); } .comment-item__content button:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .live-comment-widget { padding: 60px 40px; background: var(--rr-common-white); -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); border-radius: 20px; } .live-comment-widget p { font-family: var(--rr-ff-body); font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-color-900); } .live-comment-widget__input { margin-bottom: 20px; } @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 { line-height: 0; } .live-comment-widget__form ::-webkit-resizer { color: var(--rr-theme-primary2); } .live-comment-widget__form input, .live-comment-widget__form textarea { margin: 0 !important; padding: 0 !important; padding-bottom: 20px !important; border-radius: 0; border: none; border-bottom: 1px solid rgba(7, 28, 60, 0.2); font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; height: inherit !important; text-align: left; color: var(--rr-color-900) !important; } .live-comment-widget__form input::-webkit-input-placeholder, .live-comment-widget__form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-color-900) !important; } .live-comment-widget__form input::-moz-placeholder, .live-comment-widget__form textarea::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-color-900) !important; } .live-comment-widget__form input:-ms-input-placeholder, .live-comment-widget__form textarea:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-color-900) !important; } .live-comment-widget__form input::-ms-input-placeholder, .live-comment-widget__form textarea::-ms-input-placeholder { /* MODERN BROWSER */ color: var(--rr-color-900) !important; } .live-comment-widget__form input::placeholder, .live-comment-widget__form textarea::placeholder { /* MODERN BROWSER */ color: var(--rr-color-900) !important; } .live-comment-widget__form textarea { padding: 0 !important; padding-bottom: 20px !important; border-radius: 0; border: none; border-bottom: 1px solid rgba(7, 28, 60, 0.2); font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; min-height: inherit !important; height: 49px !important; text-align: left; color: var(--rr-color-900) !important; } .live-comment-widget__form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-color-900) !important; } .live-comment-widget__form textarea::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-color-900) !important; } .live-comment-widget__form textarea:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-color-900) !important; } .live-comment-widget__form textarea::-ms-input-placeholder { /* MODERN BROWSER */ color: var(--rr-color-900) !important; } .live-comment-widget__form textarea::placeholder { /* MODERN BROWSER */ color: var(--rr-color-900) !important; } .live-comment-widget__agree { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .live-comment-widget__agree input { padding: 0 !important; overflow: hidden; width: 12px !important; height: 12px !important; border-radius: 0 !important; border: 1px solid #292929 !important; } .live-comment-widget__agree input:checked { background-color: var(--rr-theme-primary); } .live-comment-widget__agree label { font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-color-900); } /*----------------------------------------*/ /* 5.1 blog /*----------------------------------------*/ .blog-2__space-top { padding-top: 210px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-2__space-top { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .blog-2__space-top { padding-top: 70px; padding-bottom: 70px; } } .blog-2__slider__arrow { gap: 20px; } .blog-2__slider__arrow-prev, .blog-2__slider__arrow-next { border-radius: 500px; width: 60px; height: 60px; font-style: normal; font-weight: 900; font-size: 16px; line-height: 16px; color: var(--rr-theme-primary); background-color: rgba(24, 94, 200, 0.1); } .blog-2__slider__arrow-prev:hover, .blog-2__slider__arrow-next:hover { background-color: var(--rr-theme-primary); color: var(--rr-common-white); } .blog-2__content { max-width: 540px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) { .blog-2__content { max-width: 100%; margin-bottom: 20px; } } .blog-2__item { margin-bottom: 60px; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 20px; overflow: hidden; background-color: var(--rr-common-white); } .blog-2__item-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .blog-2__item-meta-list { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; gap: 10px 37px; } @media (max-width: 575px) { .blog-2__item-meta-list { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px 20px; } } .blog-2__item-meta-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--rr-color-900); } .blog-2__item-meta-list li i { font-size: 12px; margin-right: 10px; } .blog-2__item-meta-list li span { opacity: 0.7; } .blog-2__item-meta-list li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-2__item-meta-list li a:hover { color: var(--rr-theme-primary); } .blog-2__item-content { background-color: var(--rr-common-white); padding: 20px 40px 40px; } @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) { .blog-2__item-content { padding: 30px 25px; } } /*----------------------------------------*/ /* 5.1 blog /*----------------------------------------*/ .blog-3__content { max-width: 630px; margin-right: auto; margin-left: auto; } .blog-3__item .rr-btn { margin-top: -20px; background: var(--rr-common-white); border: 1px solid var(--rr-theme-primary); font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; padding: 5px 25px; } .blog-3__item .rr-btn .btn-wrap span { color: var(--rr-color-900) !important; } .blog-3__item .rr-btn .btn-wrap span.text-two { color: var(--rr-common-white) !important; } .blog-3__item .rr-btn:hover { background: var(--rr-theme-primary); } .blog-3__item-media { border-radius: 20px; overflow: hidden; border: 1px solid #efefef; } .blog-3__item-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .blog-3__item-media.d-block:hover { border-color: #007bff; box-shadow: 0 4px 8px rgba(0,123,255,0.3); } .blog-3__item-content { margin: 0 20px; margin-top: -20px; position: relative; z-index: 9; padding: 0 30px 40px; background: #FFFFFF; padding-right: 40px; -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); border-radius: 20px; } @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) { .blog-3__item-content { margin: 0 10px; margin-top: -20px; padding-right: 0; } } @media (max-width: 575px) { .blog-3__item-content { padding: 0 25px 30px; } } .blog-3__item-content-list { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; gap: 37px; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .blog-3__item-content-list { gap: 0px 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .blog-3__item-content-list li { position: relative; } .blog-3__item-content-list li:last-child:after { display: none; } .blog-3__item-content-list li:after { position: absolute; content: "/"; z-index: -1; right: -23px; } @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) { .blog-3__item-content-list li:after { display: none; } } /*----------------------------------------*/ /* 5.1 blog /*----------------------------------------*/ .blog-4__pagination { gap: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; } .blog-4__pagination a { width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: var(--rr-fs-h4); color: var(--rr-color-900); border-radius: 30px; font-weight: var(--rr-fw-medium); border: 1px solid var(--rr-color-200); } .blog-4__pagination a.active { border-color: var(--rr-theme-primary); } .blog-4__pagination a:hover { border-color: var(--rr-theme-primary); } .blog-4__item-content { max-width: 845px; } @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) { .blog-4__item-content { max-width: 100%; } } .blog-4__item-thumb { display: block; border-radius: 20px; height: 424px; width: 100%; overflow: hidden; } @media (max-width: 575px) { .blog-4__item-thumb { height: 300px; } } .blog-4__item-thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .blog-4__item-meta { gap: 27px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-4__item-meta li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-4__item-meta li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-4__item-meta li i { font-size: 12px; margin-right: 5px; color: var(--rr-theme-primary); } .blog-4__item-meta li:hover a { color: var(--rr-theme-primary); } /*----------------------------------------*/ /* 6.1 footer /*----------------------------------------*/ .footer__area-common { background-position: left bottom; background-repeat: no-repeat; position: relative; z-index: 1; padding-top: 160px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer__area-common { padding-top: 150px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer__area-common { padding-top: 120px; } } @media (max-width: 480px) { .footer__area-common .col-6 { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } } .footer__widget { margin-bottom: 50px; } .footer__widget.footer__widget-item-2 { padding-left: 60px; margin-right: -26px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .footer__widget.footer__widget-item-2 { padding-left: 40px; } } @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; margin-right: 0; } } .footer__widget.footer__widget-item-3 { padding-left: 83px; padding-right: 23px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .footer__widget.footer__widget-item-3 { padding-left: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer__widget.footer__widget-item-3 { padding-left: 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) { .footer__widget.footer__widget-item-3 { padding-left: 0; padding-right: 0; } } .footer__widget.footer__widget-item-4 { padding-left: 30px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .footer__widget.footer__widget-item-4 { padding-left: 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer__widget.footer__widget-item-4 { padding-left: 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) { .footer__widget.footer__widget-item-4 { padding-left: 0; } } .footer__widget-title h4 { margin-bottom: 37px; position: relative; z-index: 10; font-family: var(--rr-ff-heading); font-style: normal; font-weight: 500; font-size: 24px; line-height: 33px; text-transform: capitalize; color: var(--rr-heading-primary); } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer__widget-title h4 { font-size: 20px; } } .footer__logo img { max-width: 144px; } .footer__link-location ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .footer__link-location ul li a i { margin-top: 5px; } .footer__link ul { list-style: none; display: -ms-grid; display: grid; grid-gap: 15px; padding: 0; } .footer__link ul li { font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: #646464; } .footer__link ul li:hover { color: var(--rr-theme-primary); } .footer__link ul li a { font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: #646464; } .footer__link ul li a i { margin-right: 10px; color: var(--rr-theme-primary); } .footer__link ul li a:hover { color: var(--rr-theme-primary); } .footer__social { display: -ms-flexbox; display: -webkit-box; display: flex; gap: 25px; } .footer__social a { color: var(--rr-color-900); font-style: normal; font-weight: 400; font-size: 16px; line-height: 110%; } .footer__social a:hover { color: var(--rr-theme-primary); -webkit-transform: scale(1.09) translateY(-3px); transform: scale(1.09) translateY(-3px); } .footer__social a:hover svg path[fill="#071C3C"] { fill: var(--rr-theme-primary); } .footer__subscribe { position: relative; overflow: hidden; } .footer__subscribe button { position: absolute; right: 6px; top: calc(50% - 23px); padding: 0 !important; width: 46px; height: 46px; border: 0; } .footer__subscribe button.rr-btn i { padding: 0; font-style: normal; font-weight: 900; font-size: 14px; line-height: 14px; } .footer__subscribe input { width: 100%; padding: 15px 30px; padding-right: 60px; font-style: normal; font-weight: 400; height: 58px; font-size: 16px; line-height: 28px; color: var(--rr-color-900) !important; border-radius: 999px; border: 2px solid #E4E5E5; } @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__subscribe input { width: 100%; } } .footer__subscribe input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-color-900) !important; } .footer__subscribe input::-moz-placeholder { /* Firefox 19+ */ font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-color-900) !important; } .footer__subscribe input:-ms-input-placeholder { /* IE 10+ Edge*/ font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-color-900) !important; } .footer__subscribe input::-ms-input-placeholder { /* MODERN BROWSER */ font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-color-900) !important; } .footer__subscribe input::placeholder { /* MODERN BROWSER */ font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-color-900) !important; } /*----------------------------------------*/ /* 6.3 footer-copyright /*----------------------------------------*/ .footer__copyright p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: rgba(7, 28, 60, 0.7); } .footer__copyright p a:hover { color: var(--rr-theme-primary); } .footer__copyright-menu ul { display: -ms-flexbox; display: -webkit-box; display: flex; gap: 20px 39px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } @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__copyright-menu ul { gap: 20px 25px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .footer__copyright-menu ul li { list-style: none; position: relative; } .footer__copyright-menu ul li a { font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: rgba(7, 28, 60, 0.7); } .footer__copyright-menu ul li a:hover { color: var(--rr-theme-primary); } .footer__bottom { margin-top: 80px; padding: 28px 0; border-top: 1px solid rgba(7, 28, 60, 0.2); } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .footer__bottom { margin-top: 40px; } } .footer-2__copyright p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.7); } .footer-2__copyright p a:hover { color: var(--rr-theme-primary); } .footer-2__copyright-menu ul { display: -ms-flexbox; display: -webkit-box; display: flex; gap: 20px 39px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } @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-2__copyright-menu ul { gap: 20px 25px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .footer-2__copyright-menu ul li { list-style: none; position: relative; } .footer-2__copyright-menu ul li a { font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.7); } .footer-2__copyright-menu ul li a:hover { color: var(--rr-theme-primary); } .footer-2__bottom { margin-top: 80px; padding: 28px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .footer-2__bottom { margin-top: 40px; } } /*----------------------------------------*/ /* 6.2 footer /*----------------------------------------*/ .footer-2__area-common { background-size: cover; background-position: left bottom; background-repeat: no-repeat; position: relative; z-index: 1; padding-top: 80px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer-2__area-common { padding-top: 70px; } } @media (max-width: 480px) { .footer-2__area-common .col-6 { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } } .footer-2__widget { margin-bottom: 50px; } .footer-2__widget.footer-2__widget-item-1 { padding-right: 37px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .footer-2__widget.footer-2__widget-item-1 { padding-right: 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer-2__widget.footer-2__widget-item-1 { padding-right: 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-2__widget.footer-2__widget-item-1 { padding-right: 0; } } .footer-2__widget.footer-2__widget-item-2 { padding-left: 8px; } @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-2__widget.footer-2__widget-item-2 { padding-left: 0; } } .footer-2__widget.footer-2__widget-item-3 { padding-left: 20px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) { .footer-2__widget.footer-2__widget-item-3 { padding-left: 0; } } .footer-2__widget-title h4 { margin-bottom: 37px; position: relative; z-index: 10; font-family: var(--rr-ff-heading); font-style: normal; font-weight: 500; font-size: 24px; line-height: 33px; text-transform: capitalize; color: var(--rr-common-white); } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer-2__widget-title h4 { font-size: 20px; } } .footer-2__logo img { max-width: 144px; } .footer-2__content p { color: var(--rr-common-white); } .footer-2__link-location ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .footer-2__link-location ul li a i { margin-top: 5px; } .footer-2__link ul { list-style: none; display: -ms-grid; display: grid; grid-gap: 15px; padding: 0; } .footer-2__link ul li { font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-common-white); } .footer-2__link ul li:hover { color: var(--rr-theme-primary); } .footer-2__link ul li a { font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-common-white); } .footer-2__link ul li a i { margin-right: 10px; color: var(--rr-common-white); } .footer-2__link ul li a:hover, .footer-2__link ul li a:hover i { color: var(--rr-theme-primary); } .footer-2__social { display: -ms-flexbox; display: -webkit-box; display: flex; gap: 25px; } .footer-2__social a { color: var(--rr-common-white); font-style: normal; font-weight: 400; font-size: 16px; line-height: 110%; } .footer-2__social a:hover { color: var(--rr-theme-primary); -webkit-transform: scale(1.09) translateY(-3px); transform: scale(1.09) translateY(-3px); } .footer-2__social a:hover svg path[fill=white] { fill: var(--rr-theme-primary); } .footer-2__subscribe { position: relative; overflow: hidden; } .footer-2__subscribe button { position: absolute; right: 4px; top: calc(50% - 25px); padding: 0 !important; width: inherit; height: 50px; border: 0; } .footer-2__subscribe button.rr-btn { padding: 5px 35px !important; } .footer-2__subscribe input { width: 100%; padding: 15px 26px; padding-right: 60px; font-style: normal; font-weight: 400; height: 59px; font-size: 16px; line-height: 28px; color: var(--rr-common-white) !important; border-radius: 999px; border: 1px solid var(--rr-common-white); background-color: #071E40 !important; } @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-2__subscribe input { width: 100%; } } .footer-2__subscribe input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-common-white) !important; } .footer-2__subscribe input::-moz-placeholder { /* Firefox 19+ */ font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-common-white) !important; } .footer-2__subscribe input:-ms-input-placeholder { /* IE 10+ Edge*/ font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-common-white) !important; } .footer-2__subscribe input::-ms-input-placeholder { /* MODERN BROWSER */ font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-common-white) !important; } .footer-2__subscribe input::placeholder { /* MODERN BROWSER */ font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-common-white) !important; } /*----------------------------------------*/ /* 6.1 footer 3 /*----------------------------------------*/ .footer-3__cta-content { position: relative; padding: 30px; border-radius: 30px; z-index: 3; } @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-3__cta-content { gap: 50px; } } @media (max-width: 575px) { .footer-3__cta-content { padding: 30px 20px; } } .footer-3__cta-content-media { top: 0; right: 138px; position: absolute; background-size: contain; } @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-3__cta-content-media { position: inherit; right: inherit; top: inherit; margin-bottom: -80px; } } @media (max-width: 575px) { .footer-3__cta-content-media { margin-bottom: -30px; } } .footer-3__cta-content-form { gap: 10px; } .footer-3__cta-content-form input { height: 60px; font-style: normal; font-weight: 400; font-size: 16px; padding-left: 30px; padding-right: 30px; line-height: 28px; border: none; color: var(--rr-color-800) !important; } .footer-3__cta-content-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-color-800) !important; } .footer-3__cta-content-form input::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-color-800) !important; } .footer-3__cta-content-form input:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-color-800) !important; } .footer-3__cta-content-form input::-ms-input-placeholder { /* MODERN BROWSER */ color: var(--rr-color-800) !important; } .footer-3__cta-content-form input::placeholder { /* MODERN BROWSER */ color: var(--rr-color-800) !important; } .footer-3__cta-content-form .rr-btn { min-width: 134px; padding-left: 0; padding-right: 0; } .footer-3__cta-content-left { /* max-width: 550px; */ } @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-3__cta-content-left { max-width: 100%; } } .footer-3__cta-content-left p { /* max-width: 516px; */ } @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-3__cta-content-left p { max-width: 100%; } } .footer-3__cta-bottom-up { margin-bottom: -180px; } .footer-3__area-common { padding-top: 263px; background-repeat: no-repeat; background-position: 0 0; } @media (max-width: 480px) { .footer-3__area-common .col-6 { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } } .footer-3__widget { margin-bottom: 50px; } .footer-3__widget.footer-3__widget-item-2 { padding-left: 89px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .footer-3__widget.footer-3__widget-item-2 { padding-left: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer-3__widget.footer-3__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-3__widget.footer-3__widget-item-2 { padding-left: 0; } } .footer-3__widget.footer-3__widget-item-3 { padding-left: 54px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .footer-3__widget.footer-3__widget-item-3 { padding-left: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer-3__widget.footer-3__widget-item-3 { padding-left: 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) { .footer-3__widget.footer-3__widget-item-3 { padding-left: 0; } } .footer-3__widget.footer-3__widget-item-4 { padding-right: 110px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .footer-3__widget.footer-3__widget-item-4 { padding-right: 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer-3__widget.footer-3__widget-item-4 { padding-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) { .footer-3__widget.footer-3__widget-item-4 { padding-right: 0; } } .footer-3__widget-title h4 { margin-bottom: 37px; position: relative; z-index: 10; font-family: var(--rr-ff-heading); font-style: normal; font-weight: 500; font-size: 24px; line-height: 33px; text-transform: capitalize; color: var(--rr-common-white); } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer-3__widget-title h4 { font-size: 20px; } } .footer-3__logo img { max-width: 144px; } .footer-3__link-blog ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .footer-3__link-blog ul li a:hover h5 { color: var(--rr-theme-primary); } .footer-3__link-blog ul li a:hover span { color: var(--rr-theme-primary); } .footer-3__link-blog ul li a h5 { margin-bottom: 5px; color: var(--rr-color-100); } .footer-3__link-blog ul li a span { color: var(--rr-color-200); } .footer-3__link-blog ul li a i { margin-right: 8px; font-style: normal; font-weight: 400; font-size: 12px; line-height: 12px; color: var(--rr-theme-primary); } .footer-3__link ul { list-style: none; display: -ms-grid; display: grid; grid-gap: 6px; padding: 0; } .footer-3__link ul li { font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-common-white); } .footer-3__link ul li:hover { color: var(--rr-theme-primary); } .footer-3__link ul li a { font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-common-white); } .footer-3__link ul li a:hover { color: var(--rr-theme-primary); } .footer-3__social { display: -ms-flexbox; display: -webkit-box; display: flex; gap: 10px; } .footer-3__social a { color: var(--rr-common-white); font-style: normal; font-weight: 400; font-size: 14px; line-height: 14; width: 35px; height: 35px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-3__social a:hover { color: var(--rr-theme-primary); -webkit-transform: translateY(-3px); transform: translateY(-3px); } .footer-3__social a:hover svg path[fill=white] { fill: var(--rr-theme-primary); } .footer-3__copyright p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.7); } .footer-3__copyright p a:hover { color: var(--rr-theme-primary); } .footer-3__copyright-menu ul { display: -ms-flexbox; display: -webkit-box; display: flex; gap: 20px 39px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } @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-3__copyright-menu ul { gap: 20px 25px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .footer-3__copyright-menu ul li { list-style: none; position: relative; } .footer-3__copyright-menu ul li a { font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.7); } .footer-3__copyright-menu ul li a:hover { color: var(--rr-theme-primary); } .footer-3__bottom { margin-top: 80px; padding: 28px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .footer-3__bottom { margin-top: 40px; } } /*----------------------------------------*/ /* 6.1 footer cta /*----------------------------------------*/ .footer__cta-bottom-up { margin-bottom: -80px; } .footer__cta-item { border-radius: 20px; overflow: hidden; padding: 30px 40px; padding-right: 70px; gap: 30px; position: relative; z-index: 99; } @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__cta-item { padding: 30px 25px; } } .footer__cta-item-icon { border-radius: 500px; width: 80px; height: 80px; min-width: 80px; min-height: 80px; border: 1px solid var(--rr-common-white); } /*----------------------------------------*/ /* 8.1 brand /*----------------------------------------*/ .brand__area .swiper-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .brand__area .swiper-wrapper .swiper-slide { width: auto; height: auto; } .brand__thumb img { cursor: pointer; height: auto; width: auto; filter: grayscale(100%); transition: all 0.4s ease-out; } .brand__thumb:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); filter: grayscale(0%); } .brand__active .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 768px) and (max-width: 991px) { .service__space { padding-top: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .service__space { padding-top: 70px; } } .service__item { padding: 30px; background: var(--rr-common-white); -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); border-radius: 20px; overflow: hidden; } .service__item a:hover { color: var(--rr-theme-primary); } .treatment-process__content { max-width: 791px; margin-left: auto; margin-right: auto; } .treatment-process__media { position: relative; z-index: 1; overflow: hidden; border-radius: 20px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .treatment-process__media { height: 400px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .treatment-process__media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } .treatment-process__media .popup-video { z-index: 2; top: calc(50% - 60px); left: calc(50% - 60px); border-radius: 500px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 120px; color: var(--rr-common-white); height: 120px; background: var(--rr-theme-primary); font-size: 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) { .treatment-process__media .popup-video { width: 80px; height: 80px; font-size: 38px; text-indent: 7px; } } .treatment-process__media .popup-video:hover { background-color: var(--rr-color-900); } .treatment-process__media .popup-video i { text-indent: 11px; } .treatment-process__item { padding: 49px 45px; background: var(--rr-common-white); border: 1px solid #E4E5E5; border-radius: 20px; } .pricing__item { background: var(--rr-common-white); -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); border-radius: 20px; padding: 40px; } .pricing__item.active { background-color: var(--rr-theme-primary); } .pricing__item.active h3, .pricing__item.active p { color: var(--rr-common-white) !important; } .pricing__item.active .rr-btn { border-color: var(--rr-common-white); background-color: var(--rr-common-white); } .pricing__item.active .pricing__item h2, .pricing__item.active .pricing__item h3, .pricing__item.active .pricing__item p, .pricing__item.active .pricing__item-price, .pricing__item.active .pricing__item-body ul li, .pricing__item.active .pricing__item-body ul li i { color: var(--rr-common-white) !important; } .pricing__item.active .pricing__item__border-bottom { border-color: rgba(255, 255, 255, 0.4); } .pricing__item-price { position: relative; } .pricing__item-price span { bottom: -3px; position: absolute; } .pricing__item__border-bottom { border-bottom: 1px solid rgba(100, 100, 100, 0.4); } .pricing__item-body ul { list-style: none; } .pricing__item-body ul li:not(:last-child) { margin-bottom: 10px; } .pricing__item-body ul li i { font-style: normal; font-weight: 900; font-size: 14px; line-height: 14px; color: var(--rr-theme-primary); padding-right: 15px; } .pricing__item .rr-btn { padding-top: 18px; padding-bottom: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid var(--rr-theme-primary); background-color: transparent; } .pricing__item .rr-btn i { padding-left: 10px; } .pricing__item .rr-btn .btn-wrap span { color: var(--rr-color-900); } .team__item { background: var(--rr-common-white); border-radius: 20px; overflow: hidden; } .team__item-box_shadow { -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); } .team__item-doctor_page button { border: 1px solid var(--rr-theme-primary) !important; } .team__item-doctor_page .team__item-content { padding: 25px 20px; } .team__item-media { height: 370px; } .team__item-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .team__item-content { padding: 20px 40px 30px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .team__item-content-right:hover .team__item-content-share { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .team__item-content-share { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; padding: 15px 10px; background: #F2F7FD; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 20px; position: absolute; bottom: 92px; z-index: 8; opacity: 0; visibility: hidden; -webkit-transform: translate(0, 92px); transform: translate(0, 92px); } .team__item-content-share a { font-style: normal; font-weight: 400; font-size: 16px; line-height: 110%; color: var(--rr-color-900); } .team__item-content-share a:hover { color: var(--rr-theme-primary); } .team__item-content-share a:hover svg path[fill="#071C3C"] { fill: var(--rr-theme-primary); } .team__item button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 36px; height: 36px; border-radius: 500px; color: var(--rr-theme-primary); border: 1px solid #E4E5E5; } .team__item button:hover { background: var(--rr-theme-primary); color: var(--rr-common-white); } .team__scrollbar { margin-left: auto; margin-right: auto; opacity: 1 !important; background: rgba(1, 9, 21, 0.06); width: 300px; height: 10px; background: #F2F7FD; border-radius: 5px; max-width: 100%; } .team__scrollbar .swiper-scrollbar-drag { height: 100%; background: var(--rr-theme-primary); } .ask-question__content { max-width: 540px; } .rr__faq .accordion-button { font-size: var(--rr-fs-h5); line-height: var(--rr-lh-h5); color: var(--rr-heading-primary); text-transform: capitalize; font-weight: var(--rr-fw-bold); background: var(--rr-common-white); display: inline-block; border-radius: 20px; padding: 20px 30px; padding-right: 60px; } @media (max-width: 575px) { .rr__faq .accordion-button { font-size: 15px; line-height: 25px; } } .rr__faq .accordion-button:focus { -webkit-box-shadow: none; box-shadow: none; } .rr__faq .accordion-button:not(.collapsed) { -webkit-box-shadow: none; box-shadow: none; } .rr__faq .accordion-button:not(.collapsed)::after { background: transparent; content: "\f106"; } .rr__faq .accordion-button::after { position: absolute; right: 30px; content: "\f107"; background-image: none; font-family: var(--rr-ff-fontawesome); font-size: 16px; top: calc(50% - 7px); line-height: 29px; font-weight: 900; text-align: center; color: var(--rr-theme-primary); } .rr__faq .accordion-body { padding: 30px; padding-top: 0; } .rr__faq .accordion-body > p { max-width: 494px; margin-bottom: 0; } .rr__faq .accordion-item { overflow: hidden; border: none; margin-bottom: 30px; -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); border-radius: 20px; } .rr__faq .accordion-item:last-child { margin-bottom: 0; } .testimonial__media { border-radius: 20px; background-color: var(--rr-common-white); background-image: url(../imgs/testimonial/testimonial-shape.svg); background-repeat: no-repeat; background-position: -56px -48px; padding-top: 24px; text-align: right; background-size: 105%; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testimonial__media { background-image: inherit; } } .testimonial__media img { margin-right: 45px; margin-bottom: -1px; } .testimonial__slider { position: relative; background: #C9F3FF; border-radius: 20px; border: 1px solid #071C3C; } .testimonial__slider__arrow { gap: 20px; position: absolute; right: 40px; bottom: 52px; z-index: 2; } @media (max-width: 575px) { .testimonial__slider__arrow { position: inherit; right: inherit; bottom: inherit; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 40px; } } .testimonial__slider__arrow-next:hover svg path[fill="#071C3C"], .testimonial__slider__arrow-prev:hover svg path[fill="#071C3C"] { fill: var(--rr-theme-primary); } .testimonial__item { padding: 40px; } @media (max-width: 575px) { .testimonial__item { padding: 30px 25px; } } .testimonial__item-content p { font-style: normal; font-weight: 400; font-size: 24px; line-height: 44px; color: var(--rr-color-900); } @media (max-width: 575px) { .testimonial__item-content p { font-size: 20px; line-height: 35px; } } .testimonial__item-author { gap: 20px; } .testimonial__item-thumb { border-radius: 500px; overflow: hidden; } .testimonial__item-text h4 { margin-bottom: 7px; } @media (max-width: 575px) { .testimonial__item-text h4 { font-size: 22px; margin-bottom: 5px; } } .take-appointment .container { position: relative; z-index: 1; } .take-appointment__container-shape { top: -120px; left: -235px; position: absolute; z-index: -1; width: 1760px; height: 572px; background-color: #C9F3FF; border-radius: 40px; background-size: auto; background-repeat: no-repeat; background-position: left; } .take-appointment__content { max-width: 590px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .take-appointment__content { max-width: 100%; } } .take-appointment__content h2 { max-width: 520px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .take-appointment__content h2 { max-width: 100%; } } .take-appointment__call { gap: 15px; } .take-appointment__call-icon { width: 50px; height: 50px; min-width: 50px; min-height: 50px; border-radius: 500px; background: var(--rr-common-white); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--rr-theme-primary); } .take-appointment__form-input-select .nice-select { background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; outline: none; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; z-index: inherit; padding-top: 0 !important; padding-bottom: 25px !important; padding-left: 0; padding-right: 45px; border: none; border-bottom: 2px solid #C9F3FF !important; height: 50px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: rgba(7, 28, 60, 0.6) !important; } .take-appointment__form-input-select .nice-select::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(7, 28, 60, 0.6) !important; font-size: 16px; line-height: 28px; } .take-appointment__form-input-select .nice-select::-moz-placeholder { /* Firefox 19+ */ color: rgba(7, 28, 60, 0.6) !important; font-size: 16px; line-height: 28px; } .take-appointment__form-input-select .nice-select:-ms-input-placeholder { /* IE 10+ Edge*/ color: rgba(7, 28, 60, 0.6) !important; font-size: 16px; line-height: 28px; } .take-appointment__form-input-select .nice-select::-ms-input-placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; font-size: 16px; line-height: 28px; } .take-appointment__form-input-select .nice-select::placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; font-size: 16px; line-height: 28px; } .take-appointment__form-input-select .nice-select:hover { border-color: #dbdbdb; } .take-appointment__form-input-select .nice-select:active, .take-appointment__form-input-select .nice-select.open, .take-appointment__form-input-select .nice-select:focus { border-color: #999; } .take-appointment__form-input-select .nice-select::after { position: absolute; content: "\f107"; top: calc(50% - 11px); right: 20px; font-family: var(--rr-ff-fontawesome); color: var(--rr-color-900); font-weight: 500; pointer-events: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; margin-top: 0; -webkit-transform-origin: center; transform-origin: center; } .take-appointment__form-input-select .nice-select.open::after { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .take-appointment__form-input-select .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .take-appointment__form-input-select .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .take-appointment__form-input-select .nice-select.disabled::after { border-color: #cccccc; } .take-appointment__form-input-select .nice-select.wide { width: 100%; } .take-appointment__form-input-select .nice-select.wide .list { left: 0 !important; right: 0 !important; } .take-appointment__form-input-select .nice-select.right { float: right; } .take-appointment__form-input-select .nice-select.right .list { left: auto; right: 0; } .take-appointment__form-input-select .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .take-appointment__form-input-select .nice-select.small::after { height: 4px; width: 4px; } .take-appointment__form-input-select .nice-select.small .option { line-height: 34px; min-height: 34px; } .take-appointment__form-input-select .nice-select .list { border: 2px solid #C9F3FF; width: 100%; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); -webkit-box-sizing: border-box; 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; transform-origin: 50% 0; -webkit-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; } .take-appointment__form-input-select .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; color: var(--rr-heading-primary); transition: all 0.2s; } .take-appointment__form-input-select .nice-select .option:hover { background-color: #f6f7f9; } .take-appointment__form-input-select .nice-select .option.selected { font-weight: bold; } .take-appointment__form-input-select .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .take-appointment__form-input-select .no-csspointerevents .nice-select .list { display: none; } .take-appointment__form-input-select .no-csspointerevents .nice-select.open .list { display: block; } .take-appointment__form { padding: 40px; background: var(--rr-common-white); -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); border-radius: 20px; } .take-appointment__form-input { margin-bottom: 30px; } .take-appointment__form-input-select .nice-select { margin-bottom: 30px; } .take-appointment__form-input label { font-style: normal; font-weight: 700; font-size: 18px; line-height: 30px; text-transform: capitalize; color: var(--rr-color-900); margin-bottom: 21px; } .take-appointment__form-input div.input-wrapper { z-index: 1; position: relative; } .take-appointment__form-input div.input-wrapper i { z-index: 2; position: absolute; right: 20px; font-family: var(--rr-ff-fontawesome); font-style: normal; font-weight: 900; font-size: 14px; top: calc(50% - 19px); line-height: 14px; color: var(--rr-color-900); } .take-appointment__form-input div.input-wrapper input { z-index: 2; position: relative; width: 100%; padding-bottom: 25px !important; padding-left: 0; padding-top: 0 !important; padding-right: 45px; border: none; border-bottom: 2px solid #C9F3FF; height: 50px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; border-radius: 0 !important; color: rgba(7, 28, 60, 0.6) !important; } .take-appointment__form-input div.input-wrapper input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(7, 28, 60, 0.6) !important; font-size: 16px; line-height: 28px; } .take-appointment__form-input div.input-wrapper input::-moz-placeholder { /* Firefox 19+ */ color: rgba(7, 28, 60, 0.6) !important; font-size: 16px; line-height: 28px; } .take-appointment__form-input div.input-wrapper input:-ms-input-placeholder { /* IE 10+ Edge*/ color: rgba(7, 28, 60, 0.6) !important; font-size: 16px; line-height: 28px; } .take-appointment__form-input div.input-wrapper input::-ms-input-placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; font-size: 16px; line-height: 28px; } .take-appointment__form-input div.input-wrapper input::placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; font-size: 16px; line-height: 28px; } .take-appointment__form .rr-btn { width: 100%; } .about-us__space { padding-top: 160px; padding-bottom: 155px; } .about-us__content h2 { max-width: 591px; } @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) { .about-us__content h2 { max-width: 100%; } } .about-us__content .skill-one__progress { position: relative; display: block; width: 100%; } .about-us__content .skill-one__progress-single { position: relative; display: block; margin-bottom: 27px; } .about-us__content .skill-one__progress-single:last-child { margin-bottom: 0; } .about-us__content .skill-one__progress .bar { position: relative; width: 100%; height: 1px; background: #E4E5E5; border-radius: 0px; margin-bottom: 0; } .about-us__content .skill-one__progress .bar-inner { position: relative; display: block; width: 0px; height: 1px; border-radius: 0px; -webkit-transition: all 1500ms ease; transition: all 1500ms ease; background: var(--rr-theme-primary); } .about-us__content .skill-one__progress .count-text { position: absolute; top: -37px; right: 0px; -webkit-transition: all 500ms ease; transition: all 500ms ease; opacity: 1; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-color-900); } .about-us__media { padding-top: 80px; padding-bottom: 80px; margin-top: -40px; gap: 30px; } @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) { .about-us__media { margin-top: 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) { .about-us__media { gap: 15px; padding-top: 45px; padding-bottom: 0; } } .about-us__media-experience-box { position: relative; z-index: 4; padding: 18px 28px; background: var(--rr-common-white); border: 0.951667px solid #E4E5E5; border-radius: 20px; gap: 28px; } .about-us__media-experience-box p { max-width: 81px; color: var(--rr-color-900); } .about-us__media-big-shape { position: absolute; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-us__media-big-shape { display: none; } } .about-us__media-img { margin-top: 40px; position: relative; z-index: 1; } @media (max-width: 575px) { .about-us__media-img { margin-top: 0; } } .about-us__media-img img { overflow: hidden; border-radius: 20px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-us__media-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } .about-us__media-img .shape { z-index: 2; position: absolute; border-radius: 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) { .about-us__media-img .shape { display: none; } } .about-us__media-img.img1 { padding-top: 65px; } @media (max-width: 575px) { .about-us__media-img.img1 { padding-top: 0; } } .about-us__media-img.img1 .shape { bottom: 20px; left: 0; } .about-us__media-img.img2 .shape { right: 20px; top: -40px; } .appointment-2__background { position: relative; z-index: 1; } .appointment-2__background:after { top: 0; content: ""; left: 0px; width: 100%; height: 65.5%; position: absolute; background: #F2F7FD; z-index: -1; } .appointment-2__content { max-width: 515px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) { .appointment-2__content { max-width: 100%; } } .appointment-2__form-input-select .nice-select { -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; outline: none; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; z-index: inherit; padding-left: 20px; padding-right: 45px; padding-top: 15px; padding-bottom: 15px; border: none; height: 60px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; border-radius: 30px !important; color: rgba(7, 28, 60, 0.6) !important; background-color: var(--rr-color-100) !important; } .appointment-2__form-input-select .nice-select::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(7, 28, 60, 0.6) !important; } .appointment-2__form-input-select .nice-select::-moz-placeholder { /* Firefox 19+ */ color: rgba(7, 28, 60, 0.6) !important; } .appointment-2__form-input-select .nice-select:-ms-input-placeholder { /* IE 10+ Edge*/ color: rgba(7, 28, 60, 0.6) !important; } .appointment-2__form-input-select .nice-select::-ms-input-placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; } .appointment-2__form-input-select .nice-select::placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; } .appointment-2__form-input-select .nice-select:hover { border-color: #dbdbdb; } .appointment-2__form-input-select .nice-select:active, .appointment-2__form-input-select .nice-select.open, .appointment-2__form-input-select .nice-select:focus { border-color: #999; } .appointment-2__form-input-select .nice-select::after { position: absolute; content: "\f107"; top: calc(50% - 1px); right: 26px; font-family: var(--rr-ff-fontawesome); color: var(--rr-color-800); font-weight: 500; pointer-events: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; margin-top: 0; -webkit-transform-origin: center; transform-origin: center; } .appointment-2__form-input-select .nice-select.open::after { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .appointment-2__form-input-select .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .appointment-2__form-input-select .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .appointment-2__form-input-select .nice-select.disabled::after { border-color: #cccccc; } .appointment-2__form-input-select .nice-select.wide { width: 100%; } .appointment-2__form-input-select .nice-select.wide .list { left: 0 !important; right: 0 !important; } .appointment-2__form-input-select .nice-select.right { float: right; } .appointment-2__form-input-select .nice-select.right .list { left: auto; right: 0; } .appointment-2__form-input-select .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .appointment-2__form-input-select .nice-select.small::after { height: 4px; width: 4px; } .appointment-2__form-input-select .nice-select.small .option { line-height: 34px; min-height: 34px; } .appointment-2__form-input-select .nice-select .list { border: 1px solid #C9F3FF; width: 100%; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); -webkit-box-sizing: border-box; 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; transform-origin: 50% 0; -webkit-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; } .appointment-2__form-input-select .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; color: var(--rr-heading-primary); transition: all 0.2s; } .appointment-2__form-input-select .nice-select .option:hover { background-color: #f6f7f9; } .appointment-2__form-input-select .nice-select .option.selected { font-weight: bold; } .appointment-2__form-input-select .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .appointment-2__form-input-select .no-csspointerevents .nice-select .list { display: none; } .appointment-2__form-input-select .no-csspointerevents .nice-select.open .list { display: block; } .appointment-2__form { position: relative; z-index: 2; padding: 40px; background: var(--rr-common-white); -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); border-radius: 20px; } .appointment-2__form-input { margin-bottom: 6px; } .appointment-2__form-input-select .nice-select { margin-bottom: 30px; } .appointment-2__form-input label { font-style: normal; font-weight: 700; font-size: 18px; line-height: 30px; text-transform: capitalize; color: var(--rr-color-900); margin-bottom: 5px; } .appointment-2__form-input div.input-wrapper { z-index: 1; position: relative; } .appointment-2__form-input div.input-wrapper i { z-index: 2; position: absolute; right: 20px; font-family: var(--rr-ff-fontawesome); font-style: normal; font-weight: 900; font-size: 14px; top: calc(50% - 8px); line-height: 14px; color: var(--rr-color-800); } .appointment-2__form-input div.input-wrapper input { z-index: 2; position: relative; width: 100%; padding-left: 20px; padding-right: 45px; border: none; height: 60px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; border-radius: 30px !important; color: rgba(7, 28, 60, 0.6) !important; background-color: var(--rr-color-100) !important; } .appointment-2__form-input div.input-wrapper input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(7, 28, 60, 0.6) !important; } .appointment-2__form-input div.input-wrapper input::-moz-placeholder { /* Firefox 19+ */ color: rgba(7, 28, 60, 0.6) !important; } .appointment-2__form-input div.input-wrapper input:-ms-input-placeholder { /* IE 10+ Edge*/ color: rgba(7, 28, 60, 0.6) !important; } .appointment-2__form-input div.input-wrapper input::-ms-input-placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; } .appointment-2__form-input div.input-wrapper input::placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; } .appointment-2__media { margin-left: -110px; overflow: hidden; border-radius: 20px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) { .appointment-2__media { margin-left: 0; margin-top: 40px; } } .appointment-2__media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .filter__space { padding: 84px 0; } .filter__container { width: 100%; height: 646px; overflow: hidden; border-radius: 40px; position: relative; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .filter__container { height: 400px; } } .filter__container .pic { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; } .filter__container .pic--left { background-position: left center; } .filter__container .pic--right { background-position: right center; border-left: 6px solid var(--rr-common-white); left: calc(50% - 2px); } .filter__container .comparison-ctrl { position: absolute; border-radius: 50%; height: 60px; width: 60px; top: calc(50% - 30px); left: calc(50% - 30px); background-color: var(--rr-common-white); } .filter__container .comparison-ctrl svg { -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } /*----------------------------------------*/ /* 5.1 blog /*----------------------------------------*/ .service-2__slider__arrow { gap: 20px; } .service-2__slider__arrow-prev, .service-2__slider__arrow-next { border-radius: 500px; width: 60px; height: 60px; font-style: normal; font-weight: 900; font-size: 16px; line-height: 16px; color: var(--rr-theme-primary); background-color: rgba(24, 94, 200, 0.1); } .service-2__slider__arrow-prev:hover, .service-2__slider__arrow-next:hover { background-color: var(--rr-theme-primary); color: var(--rr-common-white); } .service-2__item { overflow: hidden; margin-bottom: 60px; background: var(--rr-common-white); -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); border-radius: 20px; } .service-2__item:hover { border-bottom: 3px solid var(--rr-theme-primary); } .service-2__item-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .service-2__item-content { padding: 10px 13px 13px; } .service-2__item-content a { font-size: 1.88rem; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) { .service-2__item-content { padding: 30px 25px; } } @media (max-width: 575px) { .service-2__item-content { padding: 25px 20px; } } .service-2__item-content h4 img { max-width: 40px; } @media (max-width: 575px) { .service-2__item-content h4 img { margin-right: 10px; } } .service-2__item-content ul { padding: 0; margin: 0; list-style: none; } .service-2__item-content ul li { position: relative; padding-left: 15px; } .service-2__item-content ul li:after { left: 0; width: 5px; height: 5px; content: ""; top: calc(50% - 2.5px); position: absolute; background: var(--rr-theme-secondary); } /*----------------------------------------*/ /* 5.1 blog /*----------------------------------------*/ .service-3__item-header { gap: 30px; } .service-3__item-header-icon { background: rgba(24, 94, 200, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 20px; width: 80px; height: 80px; } .service-3__item-header h4 { max-width: 122px; } .experience__item-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; row-gap: 30px; } .experience__item-content { gap: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .experience__item-content-text h2 { margin-bottom: 4px; } .experience__item-content-text h2 .odometer { font-family: var(--rr-ff-heading); } .experience__item-content-text h6 { font-weight: 400; text-transform: uppercase; } .pricing-action { margin-left: 69px; margin-right: 91px; border-radius: 50px; background-color: var(--rr-theme-secondary); } @media only screen and (min-width: 768px) and (max-width: 991px) { .pricing-action { margin-left: 50px; margin-right: 50px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .pricing-action { margin-left: 0; margin-right: 0; } } .pricing-action__space { padding-top: 120px; padding-bottom: 343px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pricing-action__space { padding-top: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .pricing-action__space { padding-top: 70px; } } .pricing-action__content { max-width: 593px; margin-left: auto; margin-right: auto; } .pricing-action__item:not(:last-child) { margin-bottom: 30px; } .pricing-action__item-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 27px 27px 31px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 20px; border: 1px solid rgba(7, 28, 60, 0.2); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .pricing-action__item-content { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; display: inherit; } } @media (max-width: 575px) { .pricing-action__item-content { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; display: inherit; } } .pricing-action__item-content__title { min-width: 190px; } @media (max-width: 575px) { .pricing-action__item-content__title { margin-bottom: 10px; } } .pricing-action__item-content__list { min-width: 159px; } @media (max-width: 575px) { .pricing-action__item-content__list { margin-bottom: 20px; } } .pricing-action__item-content__list.has-consult-plan { margin-left: 23px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .pricing-action__item-content__list.has-consult-plan { margin-left: 0; } } .pricing-action__item-content__list ul { list-style: none; } .pricing-action__item-content__list ul li { color: var(--rr-heading-primary); } .pricing-action__item-content__list ul li:not(:last-child) { margin-bottom: 10px; } .pricing-action__item-content__list ul li span { margin-right: 10px; } .pricing-action__item-content__price { min-width: 118px; } @media (max-width: 575px) { .pricing-action__item-content__price { margin-bottom: 20px; } } .pricing-action__item-content__price .amount { line-height: 55px; font-size: var(--rr-fs-h2); color: var(--rr-heading-primary); } .pricing-action__item-content__price .amount.has--amount { margin-left: 23px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .pricing-action__item-content__price .amount.has--amount { margin-left: 0; } } .pricing-action__item-content__price .amount span { font-size: var(--rr-fs-body); margin-left: -7px; } .pricing-action__item-content__btn .rr-btn { padding: 16.5px 29.5px; border: 1px solid #185EC8; background: transparent !important; font-weight: 600; } .pricing-action__item-content__btn .rr-btn .btn-wrap span { color: var(--rr-color-900) !important; } .pricing-action__item-content__btn .rr-btn:hover { background: var(--rr-theme-primary) !important; } .pricing-action__item-content__btn .rr-btn:hover .btn-wrap span { color: var(--rr-common-white) !important; } .testimonial-2 { margin-top: -235px; } .testimonial-2__slider { position: relative; border-radius: 30px; background: var(--rr-common-white); border-top: 8px solid var(--rr-theme-primary); -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); } .testimonial-2__slider__arrow { gap: 30px; right: 127px; bottom: 59px; z-index: 2; position: absolute; } @media only screen and (min-width: 576px) and (max-width: 767px) { .testimonial-2__slider__arrow { right: 50px; } } @media (max-width: 575px) { .testimonial-2__slider__arrow { position: inherit; right: inherit; bottom: inherit; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 40px; } } @media (max-width: 575px) { .testimonial-2__slider__arrow-next svg, .testimonial-2__slider__arrow-prev svg { max-width: 70px; } } .testimonial-2__slider__arrow-next:hover svg path[fill="#E4E5E5"], .testimonial-2__slider__arrow-prev:hover svg path[fill="#E4E5E5"] { fill: var(--rr-theme-primary); } .testimonial-2__slider__arrow-next:hover svg circle[stroke="#E4E5E5"], .testimonial-2__slider__arrow-prev:hover svg circle[stroke="#E4E5E5"] { stroke: var(--rr-theme-primary); } .testimonial-2__item { padding: 60px 126px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonial-2__item { padding: 40px 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .testimonial-2__item { padding: 40px 60px; } } @media (max-width: 575px) { .testimonial-2__item { padding: 30px; } } .testimonial-2__item-content h3 { font-style: normal; font-weight: 400; color: var(--rr-text-body); } @media (max-width: 575px) { .testimonial-2__item-content h3 { font-size: 20px; line-height: 35px; } } .testimonial-2__item-author { margin-top: 58px; } @media (max-width: 575px) { .testimonial-2__item-author { margin-top: 30px; } } .testimonial-2__item-author h4 { margin-bottom: 7px; } @media (max-width: 575px) { .testimonial-2__item-author h4 { font-size: 22px; margin-bottom: 5px; } } .slider-text { background-color: var(--rr-section-1); background-repeat: repeat; padding: 19px 0px 16px; overflow: hidden; } .slider-text ul { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 21px; } .slider-text ul li { display: inline-block; white-space: nowrap; font-weight: 400; font-size: 30px; line-height: 40px; position: relative; letter-spacing: -0.779467px; color: var(--rr-common-white); } .rr-scroller[data-animated=true] .rr-scroller__inner { width: -webkit-max-content; width: -moz-max-content; width: max-content; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-animation: scroll var(--_animation-duration, 40s) linear infinite; animation: scroll var(--_animation-duration, 40s) linear infinite; } .rr-scroller[data-speed=slow] { --_animation-duration: 60s; } @keyframes scroll { to { -webkit-transform: translate(calc(-50% - 0.5rem)); transform: translate(calc(-50% - 0.5rem)); } } .our-projects__content { margin-bottom: 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .our-projects__content { margin-bottom: 15px; } } .our-projects__content .section__subtitle { margin-bottom: 25px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .our-projects__content .section__subtitle { margin-bottom: 10px; } } .our-projects__item { border-radius: 20px; overflow: hidden; margin-bottom: 30px; } .our-projects__item .rr-btn { padding: 20px 31px; } .our-projects__item .rr-btn .btn-wrap span i { padding-left: 10px; } .our-projects__item.has--title { width: 100%; padding-top: 33px; padding-left: 40px; padding-right: 50px; padding-bottom: 45px; background: #F2F7FD; border: 1px solid #E4E5E5; border-radius: 20px; } @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) { .our-projects__item.has--title { padding: 20px; } } @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) { .our-projects__item.has--title .rr-btn { padding: 11px 32px; } } .our-projects__item__content { position: relative; } .our-projects__item__content::before { left: 0; right: 0; top: 0; bottom: 0; content: ""; width: 100%; z-index: -1; opacity: 0.9; height: 100%; visibility: hidden; -webkit-transform: scale(0); transform: scale(0); position: absolute; border-radius: 20px; background: var(--rr-theme-primary); } .our-projects__item__content-media { overflow: hidden; border-radius: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; } .our-projects__item__content-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .our-projects__item__content-icon { opacity: 0; } .our-projects__item__content-icon a { top: calc(50% - 118px); left: calc(50% - 40px); z-index: 2; width: 80px; height: 80px; right: 165px; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 500px; border: 1px solid var(--rr-common-white); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .our-projects__item__content-icon a { width: 70px; top: calc(50% - 106px); height: 70px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .our-projects__item__content-icon a { width: 60px; top: calc(50% - 90px); height: 60px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .our-projects__item__content-icon a { top: calc(50% - 90px); width: 60px; height: 60px; } } .our-projects__item__content-text { left: calc(50% - 3px); z-index: -1; bottom: 10px; padding: 20px; visibility: hidden; text-align: center; position: absolute; width: calc(100% - 20px); border-radius: 20px; -webkit-transform: translate(-50%, 30px); transform: translate(-50%, 30px); background-color: var(--rr-common-white); border-left: 3px solid #185EC8; } .our-projects__item__content-text h4 { margin-bottom: 13px; } .our-projects__item__content-text p { margin-bottom: 0; } .our-projects__item:hover .our-projects__item__content-text { z-index: 1; visibility: visible; -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } .our-projects__item:hover .our-projects__item__content-icon { opacity: 1; } .our-projects__item:hover .our-projects__item__content::before { z-index: 1; visibility: visible; -webkit-transform: scale(100%); transform: scale(100%); } .our-projects__item:hover .our-projects__item__content-media img { -webkit-transform: scale(1.1); transform: scale(1.1); } .about-us-2 { overflow: hidden; } .about-us-2__space { padding: 146px 0 141px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-us-2__space { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-us-2__space { padding-top: 70px; padding-bottom: 70px; } } .about-us-2__media { gap: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-left: 20px; } @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) { .about-us-2__media { margin-left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 575px) { .about-us-2__media { gap: 15px; } } .about-us-2__media-image-1 { position: relative; } .about-us-2__media-image-1 img { z-index: 1; overflow: hidden; position: relative; border-radius: 0px 139.535px 139.535px 139.535px; } .about-us-2__media-image-1::after { content: ""; top: 47px; left: -20px; width: 100%; height: 581px; position: absolute; border: 1.5px solid #185EC8; border-radius: 0px 139.535px 139.535px 139.535px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .about-us-2__media-image-1::after { height: 520px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .about-us-2__media-image-1::after { height: 430px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-us-2__media-image-1::after { height: 290px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-us-2__media-image-1::after { display: none; } } .about-us-2__media-image-1 a { top: 254px; z-index: 2; right: -26px; font-size: 93px; position: absolute; -webkit-transform: rotate(-60deg); transform: rotate(-60deg); color: var(--rr-section-1); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .about-us-2__media-image-1 a { top: 150px; font-size: 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) { .about-us-2__media-image-1 a { display: none; } } .about-us-2__media-image-2 { position: relative; } .about-us-2__media-image-2 img { z-index: 1; position: relative; border-radius: 139.535px 139.535px 139.535px 0px; } .about-us-2__media-image-2 .circle { right: 0; bottom: -28px; position: absolute; } .about-us-2__media-image-2::before { top: 8px; left: -28px; content: "+"; font-size: 54px; position: absolute; color: var(--rr-theme-primary); -webkit-animation: zooming-9 1.3S infinite alternate; animation: zooming-9 1.3S infinite alternate; } @media (max-width: 575px) { .about-us-2__media-image-2::before { display: none; } } .about-us-2__main-content { margin-left: 41px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-us-2__main-content { margin-top: 40px; } } @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) { .about-us-2__main-content { margin-left: 0; } } .about-us-2__main-content .rr-btn { padding: 20px 30px; } .about-us-2__main-content .rr-btn .btn-wrap span i { padding-left: 10px; } .about-us-2__main-content .section__title-wrapper { max-width: 503px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-us-2__main-content .section__title-wrapper { max-width: 100%; } } .about-us-2__main-content__list { margin-bottom: 40px; } .about-us-2__main-content__list-item { gap: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-us-2__main-content__list-item:not(:last-child) { margin-bottom: 20px; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .about-us-2__main-content__list-item:not(:last-child) { margin-bottom: 45px; } } .about-us-2__main-content__list-item-icon { width: 64px; height: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 500px; border: 1px solid var(--rr-section-1); } .about-us-2__main-content__list-item-text { max-width: 324px; } @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) { .about-us-2__main-content__list-item-text { max-width: 100%; } } .service-4__item { padding: 40px; border: 1px solid #E4E5E5; border-radius: 20px; } @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) { .service-4__item { padding: 18px; } } .service-4__item-icon { width: 80px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 20px; background: rgba(24, 94, 200, 0.1); } .service-4__item:hover { border-color: #185EC8; } .service-4__item:hover .rr-a-btn i { color: var(--rr-theme-primary); } .client-testimonial .container { z-index: 1; position: relative; } .client-testimonial__shape { bottom: 88px; z-index: -1; right: -221px; position: absolute; } .client-testimonial__content { max-width: 630px; } .client-testimonial__media { border-radius: 20px; overflow: hidden; margin-right: -133px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .client-testimonial__media { margin-right: inherit; margin-bottom: 40px; } } .client-testimonial__slider-wrapper { border-radius: 20px; overflow: hidden; background: var(--rr-theme-secondary); } .client-testimonial__slider-dot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3px; padding: 0; z-index: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; right: 60px !important; top: inherit !important; left: inherit !important; bottom: 79px !important; position: absolute !important; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .client-testimonial__slider-dot { bottom: 52px !important; } } @media (max-width: 480px) { .client-testimonial__slider-dot { position: inherit !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; bottom: 40px !important; right: inherit !important; } } .client-testimonial__slider-dot .swiper-pagination-bullet { width: 24px; height: 24px; padding: 0; margin: 0 !important; border-radius: 500px; overflow: hidden; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; border: 2px solid transparent; opacity: 1; } .client-testimonial__slider-dot .swiper-pagination-bullet:after { position: absolute; width: 10px; height: 10px; content: ""; top: calc(50% - 5px); background: var(--rr-theme-primary); border-radius: 500px; left: calc(50% - 5px); } .client-testimonial__slider-dot .swiper-pagination-bullet-active { border-color: var(--rr-theme-primary); } .client-testimonial__slider-dot .swiper-pagination-bullet-active:after { background: var(--rr-theme-primary); } .client-testimonial__item { padding: 60px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .client-testimonial__item { padding: 30px 25px; } } @media (max-width: 480px) { .client-testimonial__item { padding-bottom: 70px; } } .client-testimonial__item p { font-style: normal; font-weight: 400; font-size: 20px; line-height: 34px; } .client-testimonial__item-author { gap: 20px; } .client-testimonial__item-author-content h5 { margin-bottom: 5px; } .take-appointment-2__space-top { padding-top: 170px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .take-appointment-2__space-top { padding-top: 230px; padding-bottom: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .take-appointment-2__space-top { padding-top: 220px; padding-bottom: 70px; } } .take-appointment-2 .container { position: relative; z-index: 1; } .take-appointment-2__shape-background { position: absolute; z-index: -1; width: 1760px; height: 829px; background: #F2F7FD; border-radius: 50px; content: ""; top: -270px; left: -235px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .take-appointment-2__shape-background { display: none; } } .take-appointment-2__contact-item { gap: 20px; } .take-appointment-2__contact-item__wrap { gap: 40px; } .take-appointment-2__contact-item-text p { margin-bottom: 5px; } .take-appointment-2__contact-item-icon { width: 60px; height: 60px; background: var(--rr-common-white); border-radius: 500px; } .take-appointment-2__contact-item-icon i { font-size: 24px; color: var(--rr-theme-primary); } .appointment-2__form__theme-color .input-wrapper i { color: var(--rr-color-900) !important; } .appointment-2__form__theme-color .appointment-2__form-input-select .nice-select:after { color: var(--rr-color-900) !important; } .doctor__background { position: relative; } .doctor__background:after { position: absolute; background: var(--rr-color-100); width: 100%; content: ""; left: 0; top: 0; height: 55%; } .doctor__content { max-width: 630px; margin-right: auto; margin-left: auto; } .doctor__slider-dot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3px; padding: 0; z-index: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .doctor__slider-dot .swiper-pagination-bullet { width: 24px; height: 24px; padding: 0; margin: 0 !important; border-radius: 500px; overflow: hidden; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; border: 2px solid transparent; opacity: 1; } .doctor__slider-dot .swiper-pagination-bullet:after { position: absolute; width: 10px; height: 10px; content: ""; top: calc(50% - 5px); background: var(--rr-theme-primary); border-radius: 500px; left: calc(50% - 5px); } .doctor__slider-dot .swiper-pagination-bullet-active { border-color: var(--rr-theme-primary); } .doctor__slider-dot .swiper-pagination-bullet-active:after { background: var(--rr-theme-primary); } .doctor__item-media { overflow: hidden; border-radius: 20px; } .doctor__item-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .doctor__item-content-text { margin-top: -76px; padding: 30px 20px 35px; border: 1px solid #E4E5E5; border-radius: 20px; background: var(--rr-common-white); width: calc(100% - 60px); left: 30px; z-index: 2; position: relative; } .doctor__item-content-text p { margin-bottom: 5px; } .doctor__item-content-share { padding: 11.5px 20px; gap: 33px; z-index: 1; opacity: 0; bottom: 96px; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; position: absolute; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 500px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: var(--rr-common-white); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .doctor__item-content-share a i { color: var(--rr-color-900); font-size: 16px; } .doctor__item-content-share a:hover i { color: var(--rr-theme-primary); } .doctor__item-content-share a:hover svg path { fill: var(--rr-theme-primary); } .doctor__item:hover .doctor__item-content-share { visibility: visible; opacity: 1; bottom: 153px; } .specialist-doctor__slider { max-width: 1760px; margin-left: auto; margin-right: auto; padding: 0 15px; } .specialist-doctor__content { max-width: 630px; margin-left: auto; margin-right: auto; } .specialist-doctor__item { margin-top: 1px; overflow: hidden; border-radius: 20px; border-top: 3px solid transparent; background: var(--rr-common-white); -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05); } .specialist-doctor__item-media { height: 370px; } .specialist-doctor__item-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .specialist-doctor__item-content { padding: 40px 20px 37px; text-align: center; } .specialist-doctor__item-content-text h4 { margin-bottom: 7px; } .specialist-doctor__item-content-share { -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; max-width: 145px; margin-right: auto; margin-left: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15.5px 21px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid var(--rr-color-800); border-radius: 25px; } .specialist-doctor__item-content-share a { font-style: normal; font-weight: 400; font-size: 16px; line-height: 110%; color: var(--rr-color-900); position: relative; } .specialist-doctor__item-content-share a:not(:last-child) { padding-right: 16px; } .specialist-doctor__item-content-share a:not(:last-child)::before { content: ""; width: 1px; height: 16px; top: 0px; right: 0; opacity: 0.2; position: absolute; border-right: 1px solid #071C3C; } .specialist-doctor__item-content-share a:hover { color: var(--rr-theme-primary); } .specialist-doctor__item-content-share a:hover svg path[fill="#071C3C"] { fill: var(--rr-theme-primary); } .specialist-doctor__item:hover { border-top: 3px solid var(--rr-theme-primary); } .specialist-doctor__scrollbar { margin-left: auto; margin-right: auto; opacity: 1 !important; background: rgba(1, 9, 21, 0.06); width: 300px; height: 10px; background: #F2F7FD; border-radius: 5px; max-width: 100%; } .specialist-doctor__scrollbar .swiper-scrollbar-drag { height: 100%; background: var(--rr-theme-primary); } .experience-2__bottom-up { margin-bottom: -150px; } .experience-2__box { z-index: 3; position: relative; padding: 99px 80px; border-radius: 20px; overflow: hidden; gap: 15px; } @media only screen and (min-width: 576px) and (max-width: 767px) { .experience-2__box { padding: 80px 50px; } } @media (max-width: 575px) { .experience-2__box { padding: 50px 30px; } } .experience-2__item { gap: 20px; } .experience-2__item-text h2 { margin-bottom: 5px; } .latest-work__content { max-width: 699px; margin-left: auto; margin-right: auto; } @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .latest-work__slider { padding: 0 15px; } } .latest-work__slider-dot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3px; padding: 0; z-index: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .latest-work__slider-dot { bottom: 52px !important; } } @media (max-width: 480px) { .latest-work__slider-dot { position: inherit !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; bottom: 40px !important; right: inherit !important; } } .latest-work__slider-dot .swiper-pagination-bullet { width: 24px; height: 24px; padding: 0; margin: 0 !important; border-radius: 500px; overflow: hidden; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; border: 2px solid transparent; opacity: 1; } .latest-work__slider-dot .swiper-pagination-bullet:after { position: absolute; width: 10px; height: 10px; content: ""; top: calc(50% - 5px); background: var(--rr-theme-primary); border-radius: 500px; left: calc(50% - 5px); } .latest-work__slider-dot .swiper-pagination-bullet-active { border-color: var(--rr-theme-primary); } .latest-work__slider-dot .swiper-pagination-bullet-active:after { background: var(--rr-theme-primary); } .latest-work__item { border-radius: 20px; overflow: hidden; } @media (max-width: 575px) { .latest-work__item { border-radius: 10px; } } .latest-work__item:hover .latest-work__item-hover { opacity: 1; visibility: visible; } .latest-work__item-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .latest-work__item-hover { opacity: 0; visibility: visible; position: absolute; bottom: 40px; left: 40px; padding: 20px 30px; padding-right: 65px; background: #FFFFFF; border-left: 3px solid #185EC8; border-radius: 20px; } .latest-work__item-hover h4 a { text-transform: capitalize; } @media (max-width: 575px) { .latest-work__item-hover { padding: 15px 15px; left: 20px; bottom: 20px; } .latest-work__item-hover h4 { margin-bottom: 5px; } } .home-2__background { position: relative; } .home-2__background:after { position: absolute; content: ""; left: 0; z-index: -1; top: -403px; width: 100%; height: 100%; background-image: url("../imgs/home-2/background.svg"); } .pricing-action-2__content { max-width: 630px; margin-left: auto; margin-right: auto; } .pricing-action-2__item { background: var(--rr-common-white); border: 1px solid #E4E5E5; border-radius: 20px; padding: 40px 30px; } .pricing-action-2__item.active { background-color: var(--rr-common-white); border: 1px solid #185EC8; -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); } .pricing-action-2__item.active .rr-btn { background-color: var(--rr-theme-primary); } .pricing-action-2__item.active .rr-btn .btn-wrap span { color: var(--rr-common-white); } .pricing-action-2__item-price { color: var(--rr-theme-primary) !important; position: relative; } .pricing-action-2__item-price span { bottom: 1px; position: absolute; margin-left: 10px; } .pricing-action-2__item__border-bottom { border-bottom: 1px solid rgba(100, 100, 100, 0.4); } .pricing-action-2__item-body ul { list-style: none; } .pricing-action-2__item-body ul li:not(:last-child) { margin-bottom: 10px; } .pricing-action-2__item-body ul li img { font-style: normal; font-weight: 900; font-size: 14px; line-height: 14px; color: var(--rr-theme-primary); padding-right: 15px; } .pricing-action-2__item .rr-btn { padding-top: 18px; padding-bottom: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid var(--rr-theme-primary); background-color: transparent; } .pricing-action-2__item .rr-btn i { padding-left: 10px; } .pricing-action-2__item .rr-btn .btn-wrap span { color: var(--rr-color-900); } .about-us-3 .container { z-index: 1; position: relative; } .about-us-3__space { padding-top: 120px; padding-bottom: 120px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-us-3__space { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-us-3__space { padding-top: 70px; padding-bottom: 70px; } } .about-us-3__background { z-index: -1; top: -120px; left: -235px; width: 1760px; height: 900px; overflow: hidden; position: absolute; border-radius: 50px; background: var(--rr-color-100); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-us-3__background { display: none; } } .about-us-3__shap { width: 100%; height: 100%; opacity: 0.1; background-size: cover; } .about-us-3__content { max-width: 578px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-us-3__content { max-width: 100%; } } .about-us-3__content__list { list-style: none; } .about-us-3__content__list li { gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; font-style: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--rr-fw-bold); text-transform: capitalize; color: var(--rr-color-900); } .about-us-3__content__list li:not(:last-child) { margin-bottom: 6px; } .about-us-3__content__list li i { font-weight: 900; font-size: 15px; color: var(--rr-theme-primary); } .about-us-3__content-btn { gap: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-us-3__content-btn__icon { width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 500px; border: 1px solid var(--rr-theme-primary); } .about-us-3__content-btn__icon i { font-size: 16px; color: var(--rr-theme-primary); } .about-us-3__content-btn__text p { color: var(--rr-color-800); } .about-us-3__content-btn__text h5 { color: var(--rr-color-900); } .about-us-3__media { max-width: 578px; margin-left: 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) { .about-us-3__media { margin-top: 40px; margin-right: auto; } } .about-us-3__media img { width: 100%; } .home-3__background { position: relative; } .home-3__background:after { top: 858px; position: absolute; overflow: hidden; content: ""; left: 107px; z-index: -1; width: 100%; height: 100%; background-image: url("../imgs/home-3/background.svg"); } .why-choose-us { margin: 0 80px; overflow: hidden; position: relative; border-radius: 50px; background: var(--rr-color-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) { .why-choose-us { padding-bottom: 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) { .why-choose-us { padding-top: 80px; } } @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) { .why-choose-us { margin: 0 20px; } } @media (max-width: 575px) { .why-choose-us { margin: 0; } } .why-choose-us__shap { left: 0px; top: 0px; opacity: 10%; position: absolute; } .why-choose-us__content { z-index: 2; position: relative; } .why-choose-us__content .rr-btn .btn-wrap i { padding-left: 10px !important; } .why-choose-us__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } @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) { .why-choose-us__wrapper { display: inherit; } } .why-choose-us__wrapper-media { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: 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) { .why-choose-us__wrapper-media { margin-top: 40px; } } .why-choose-us__wrapper-media img { z-index: 2; position: relative; } .why-choose-us__wrapper-media-shap { top: 13px; left: -33px; width: 566px; height: 560px; -o-object-fit: cover; object-fit: cover; position: absolute; } @media (max-width: 575px) { .why-choose-us__wrapper-media-shap { display: none; } } .why-choose-us__wrapper-list { z-index: 3; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 47px; -moz-column-gap: 47px; column-gap: 47px; list-style: none; margin-left: -75px; padding: 38px 40px; padding-bottom: 28px; border-radius: 20px; background: 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) { .why-choose-us__wrapper-list { margin-left: 0; padding: 30px 15px; padding-bottom: 20px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } } @media (max-width: 575px) { .why-choose-us__wrapper-list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } @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) { .why-choose-us__wrapper-list { -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; padding: 30px 25px; padding-bottom: 20px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .why-choose-us__wrapper-list { margin-left: -152px; } } .why-choose-us__wrapper-list li { color: var(--rr-color-900); font-size: var(--rr-fs-body); margin-bottom: 10px; } .why-choose-us__wrapper-list li i { margin-right: 15px; color: var(--rr-theme-primary); font-weight: var(--rr-fw-black); } .wellness-expertise__content { max-width: 600px; } .wellness-expertise__content__list { max-width: 378px; list-style: none; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; margin-bottom: -20px; } @media (max-width: 575px) { .wellness-expertise__content__list { margin-bottom: -10px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .wellness-expertise__content__list li { margin-bottom: 20px; color: var(--rr-color-900); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 575px) { .wellness-expertise__content__list li { margin-bottom: 10px; } } .wellness-expertise__content__list li i { margin-right: 15px; color: var(--rr-theme-primary); font-weight: var(--rr-fw-black); font-size: 16px; } .wellness-expertise__media { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 20px; max-width: 600px; margin-left: 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) { .wellness-expertise__media { margin-top: 60px; margin-right: auto; } } .wellness-expertise__media__box { gap: 20px; bottom: 32px; right: 31px; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 269px; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 20px; padding-right: 52px; border-radius: 20px; background: var(--rr-color-100); } @media (max-width: 575px) { .wellness-expertise__media__box { gap: 10px; padding: 5px 15px; } } .wellness-expertise__media__box-icon { width: 77px; height: 77px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 500px; background-color: var(--rr-theme-primary); } @media (max-width: 575px) { .wellness-expertise__media__box-icon { width: 60px; height: 60px; } .wellness-expertise__media__box-icon svg { width: 35px; } } .wellness-expertise__media__box-text h2 { margin-bottom: 2px; color: var(--rr-color-900); font-weight: var(--rr-fw-medium); } .wellness-expertise__media__box-text h6 { font-weight: var(--rr-fw-regular); color: var(--rr-color-900); } .rr__faq-2 .accordion-button { font-size: var(--rr-fs-h5); line-height: var(--rr-lh-h5); color: var(--rr-heading-primary); text-transform: capitalize; font-weight: var(--rr-fw-bold); background: var(--rr-common-white); display: inline-block; border-radius: 20px; padding: 20px 30px; padding-right: 60px; } @media (max-width: 575px) { .rr__faq-2 .accordion-button { font-size: 15px; line-height: 25px; } } .rr__faq-2 .accordion-button:focus { -webkit-box-shadow: none; box-shadow: none; } .rr__faq-2 .accordion-button:not(.collapsed) { -webkit-box-shadow: none; box-shadow: none; padding-bottom: 10px; background-color: var(--rr-color-100); } .rr__faq-2 .accordion-button:not(.collapsed)::after { background: transparent; content: "\f106"; color: var(--rr-heading-primary); } .rr__faq-2 .accordion-button::after { position: absolute; right: 30px; content: "\f107"; background-image: none; font-family: var(--rr-ff-fontawesome); font-size: 16px; top: calc(50% - 7px); line-height: 29px; font-weight: 900; text-align: center; color: var(--rr-theme-primary); } .rr__faq-2 .accordion-body { padding: 30px; padding-top: 0; } .rr__faq-2 .accordion-body > p { max-width: 494px; margin-bottom: 0; } .rr__faq-2 .accordion-item { overflow: hidden; border: none; margin-bottom: 30px; -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); border-radius: 20px; } .rr__faq-2 .accordion-item:last-child { margin-bottom: 0; } .rr__faq-2 .accordion-item:has(.collapse.show), .rr__faq-2 .accordion-item:has(.collapse.collapsing) { background-color: var(--rr-color-100); } .pricing-appointment__contact-item { gap: 20px; } .pricing-appointment__contact-item__wrap { gap: 36px; } .pricing-appointment__contact-item-text p { margin-bottom: 5px; } .pricing-appointment__contact-item-icon { width: 60px; height: 60px; background: var(--rr-color-100); border-radius: 500px; } .pricing-appointment__contact-item-icon i { font-size: 24px; color: var(--rr-theme-primary); } .pricing-appointment__form { padding: 40px; overflow: hidden; border-radius: 20px; -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); } @media (max-width: 575px) { .pricing-appointment__form { padding: 20px; } } .pricing-appointment__form-select .nice-select { margin-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; outline: none; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; z-index: inherit; padding-left: 20px; padding-right: 45px; padding-top: 21px; padding-bottom: 21px; border: none; height: 70px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; border-radius: 30px !important; color: var(--rr-color-900) !important; background-color: var(--rr-color-100) !important; } .pricing-appointment__form-select .nice-select::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-color-900) !important; } .pricing-appointment__form-select .nice-select::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-color-900) !important; } .pricing-appointment__form-select .nice-select:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-color-900) !important; } .pricing-appointment__form-select .nice-select::-ms-input-placeholder { /* MODERN BROWSER */ color: var(--rr-color-900) !important; } .pricing-appointment__form-select .nice-select::placeholder { /* MODERN BROWSER */ color: var(--rr-color-900) !important; } .pricing-appointment__form-select .nice-select:hover { border-color: #dbdbdb; } .pricing-appointment__form-select .nice-select:active, .pricing-appointment__form-select .nice-select.open, .pricing-appointment__form-select .nice-select:focus { border-color: #999; } .pricing-appointment__form-select .nice-select::after { position: absolute; content: "\f107"; top: calc(50% - 1px); right: 26px; font-family: var(--rr-ff-fontawesome); color: var(--rr-color-800); font-weight: 500; pointer-events: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; margin-top: 0; -webkit-transform-origin: center; transform-origin: center; } .pricing-appointment__form-select .nice-select.open::after { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .pricing-appointment__form-select .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .pricing-appointment__form-select .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .pricing-appointment__form-select .nice-select.disabled::after { border-color: #cccccc; } .pricing-appointment__form-select .nice-select.wide { width: 100%; } .pricing-appointment__form-select .nice-select.wide .list { left: 0 !important; right: 0 !important; } .pricing-appointment__form-select .nice-select.right { float: right; } .pricing-appointment__form-select .nice-select.right .list { left: auto; right: 0; } .pricing-appointment__form-select .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .pricing-appointment__form-select .nice-select.small::after { height: 4px; width: 4px; } .pricing-appointment__form-select .nice-select.small .option { line-height: 34px; min-height: 34px; } .pricing-appointment__form-select .nice-select .list { border: 1px solid #C9F3FF; width: 100%; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); -webkit-box-sizing: border-box; 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; transform-origin: 50% 0; -webkit-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; } .pricing-appointment__form-select .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; color: var(--rr-heading-primary); transition: all 0.2s; } .pricing-appointment__form-select .nice-select .option:hover { background-color: #f6f7f9; } .pricing-appointment__form-select .nice-select .option.selected { font-weight: bold; } .pricing-appointment__form-select .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .pricing-appointment__form-select .no-csspointerevents .nice-select .list { display: none; } .pricing-appointment__form-select .no-csspointerevents .nice-select.open .list { display: block; } .pricing-appointment__form-input { margin-bottom: 20px; } .pricing-appointment__form input { z-index: 2; position: relative; width: 100%; padding: 21px 20px; border: none; height: 70px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: var(--rr-color-900) !important; border-radius: 30px !important; background-color: var(--rr-color-100) !important; } .pricing-appointment__form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--rr-color-900) !important; } .pricing-appointment__form input::-moz-placeholder { /* Firefox 19+ */ color: var(--rr-color-900) !important; } .pricing-appointment__form input:-ms-input-placeholder { /* IE 10+ Edge*/ color: var(--rr-color-900) !important; } .pricing-appointment__form input::-ms-input-placeholder { /* MODERN BROWSER */ color: var(--rr-color-900) !important; } .pricing-appointment__form input::placeholder { /* MODERN BROWSER */ color: var(--rr-color-900) !important; } .pricing-appointment__form textarea { border: none; min-height: 199px; padding: 20px; border-radius: 30px; color: var(--rr-color-900) !important; background-color: var(--rr-color-100) !important; } @media (max-width: 575px) { .pricing-appointment__form textarea { min-height: 150px; } } .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: var(--rr-theme-primary); } .error-message { color: red; } .contact__map { height: 522px; -webkit-filter: saturate(0); filter: saturate(0); } @media (max-width: 575px) { .contact__map { height: 400px; } } .contact__map-footer_up { margin-bottom: -115px; } .contact__map iframe { width: 100%; height: 100%; } .error__content { max-width: 520px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .error__content { text-align: center; max-width: 100%; } } .error__content .title { line-height: 230px; color: transparent; font-size: 210.833px; text-transform: capitalize; font-weight: var(--rr-fw-ebold); -webkit-text-stroke: 3.83px #071C3C; } @media only screen and (min-width: 576px) and (max-width: 767px) { .error__content .title { line-height: 171px; font-size: 160.833px; } } @media (max-width: 575px) { .error__content .title { line-height: 150px; font-size: 140.833px; } } .take-appointment-3__content { margin-left: auto; margin-right: auto; max-width: 840px; } .take-appointment-3__content .section__title { margin-left: auto; margin-right: auto; max-width: 630px; } .take-appointment-3__form-input-select .nice-select { -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; outline: none; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; z-index: inherit; padding-left: 20px; padding-right: 45px; padding-top: 15px; padding-bottom: 15px; border: none; height: 60px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; border-radius: 30px !important; color: rgba(7, 28, 60, 0.6) !important; background-color: var(--rr-color-100) !important; } .take-appointment-3__form-input-select .nice-select::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(7, 28, 60, 0.6) !important; } .take-appointment-3__form-input-select .nice-select::-moz-placeholder { /* Firefox 19+ */ color: rgba(7, 28, 60, 0.6) !important; } .take-appointment-3__form-input-select .nice-select:-ms-input-placeholder { /* IE 10+ Edge*/ color: rgba(7, 28, 60, 0.6) !important; } .take-appointment-3__form-input-select .nice-select::-ms-input-placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; } .take-appointment-3__form-input-select .nice-select::placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; } .take-appointment-3__form-input-select .nice-select:hover { border-color: #dbdbdb; } .take-appointment-3__form-input-select .nice-select:active, .take-appointment-3__form-input-select .nice-select.open, .take-appointment-3__form-input-select .nice-select:focus { border-color: #999; } .take-appointment-3__form-input-select .nice-select::after { position: absolute; content: "\f107"; top: calc(50% - 1px); right: 26px; font-family: var(--rr-ff-fontawesome); color: var(--rr-heading-primary); font-weight: 500; pointer-events: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; margin-top: 0; -webkit-transform-origin: center; transform-origin: center; } .take-appointment-3__form-input-select .nice-select.open::after { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .take-appointment-3__form-input-select .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .take-appointment-3__form-input-select .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .take-appointment-3__form-input-select .nice-select.disabled::after { border-color: #cccccc; } .take-appointment-3__form-input-select .nice-select.wide { width: 100%; } .take-appointment-3__form-input-select .nice-select.wide .list { left: 0 !important; right: 0 !important; } .take-appointment-3__form-input-select .nice-select.right { float: right; } .take-appointment-3__form-input-select .nice-select.right .list { left: auto; right: 0; } .take-appointment-3__form-input-select .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .take-appointment-3__form-input-select .nice-select.small::after { height: 4px; width: 4px; } .take-appointment-3__form-input-select .nice-select.small .option { line-height: 34px; min-height: 34px; } .take-appointment-3__form-input-select .nice-select .list { border: 1px solid #C9F3FF; width: 100%; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); -webkit-box-sizing: border-box; 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; transform-origin: 50% 0; -webkit-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; } .take-appointment-3__form-input-select .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; color: var(--rr-heading-primary); transition: all 0.2s; } .take-appointment-3__form-input-select .nice-select .option:hover { background-color: #f6f7f9; } .take-appointment-3__form-input-select .nice-select .option.selected { font-weight: bold; } .take-appointment-3__form-input-select .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .take-appointment-3__form-input-select .no-csspointerevents .nice-select .list { display: none; } .take-appointment-3__form-input-select .no-csspointerevents .nice-select.open .list { display: block; } .take-appointment-3__form { position: relative; z-index: 2; padding: 60px 110px; margin-left: auto; margin-right: auto; max-width: 1070px; background: var(--rr-common-white); -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); border-radius: 20px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .take-appointment-3__form { padding: 30px 40px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .take-appointment-3__form { padding: 30px 35px; } } @media (max-width: 575px) { .take-appointment-3__form { padding: 30px 25px; } } .take-appointment-3__form .rr-btn { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .take-appointment-3__form-input { margin-bottom: 30px; } .take-appointment-3__form-input-select .nice-select { margin-bottom: 30px; } .take-appointment-3__form-input label { font-style: normal; font-weight: 700; font-size: 18px; line-height: 30px; text-transform: capitalize; color: var(--rr-color-900); margin-bottom: 5px; } .take-appointment-3__form-input div.input-wrapper { z-index: 1; position: relative; } .take-appointment-3__form-input div.input-wrapper i { z-index: 2; position: absolute; right: 20px; font-family: var(--rr-ff-fontawesome); font-style: normal; font-weight: 900; font-size: 14px; top: calc(50% - 8px); line-height: 14px; color: var(--rr-heading-primary); } .take-appointment-3__form-input div.input-wrapper input { z-index: 2; position: relative; width: 100%; padding-left: 20px; padding-right: 45px; border: none; height: 60px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; border-radius: 30px !important; color: rgba(7, 28, 60, 0.6) !important; background-color: var(--rr-color-100) !important; } .take-appointment-3__form-input div.input-wrapper input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(7, 28, 60, 0.6) !important; } .take-appointment-3__form-input div.input-wrapper input::-moz-placeholder { /* Firefox 19+ */ color: rgba(7, 28, 60, 0.6) !important; } .take-appointment-3__form-input div.input-wrapper input:-ms-input-placeholder { /* IE 10+ Edge*/ color: rgba(7, 28, 60, 0.6) !important; } .take-appointment-3__form-input div.input-wrapper input::-ms-input-placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; } .take-appointment-3__form-input div.input-wrapper input::placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; } .pricing-action-3__item { background: var(--rr-common-white); border: 1px solid #E4E5E5; border-radius: 20px; padding: 40px 30px; } .pricing-action-3__item.active { background-color: var(--rr-common-white); border: 1px solid #185EC8; -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05); } .pricing-action-3__item.active .pricing-action-3__item-body ul li i { color: var(--rr-theme-primary); } .pricing-action-3__item.active .rr-btn { border-color: var(--rr-theme-primary); background-color: var(--rr-theme-primary); } .pricing-action-3__item.active .rr-btn .btn-wrap span { color: var(--rr-common-white); } .pricing-action-3__item-price { color: var(--rr-theme-primary) !important; position: relative; } .pricing-action-3__item-price span { bottom: 1px; position: absolute; margin-left: 10px; } .pricing-action-3__item__border-bottom { border-bottom: 1px solid rgba(100, 100, 100, 0.4); } .pricing-action-3__item-body ul { list-style: none; } .pricing-action-3__item-body ul li:not(:last-child) { margin-bottom: 10px; } .pricing-action-3__item-body ul li i { font-style: normal; font-weight: 900; font-size: 14px; line-height: 14px; color: var(--rr-color-900); margin-right: 18px; } .pricing-action-3__item .rr-btn { padding-top: 18px; padding-bottom: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid var(--rr-color-900); background-color: transparent; } .pricing-action-3__item .rr-btn i { padding-left: 10px; } .pricing-action-3__item .rr-btn .btn-wrap span { color: var(--rr-color-900); } .portfolio-details__media { overflow: hidden; border-radius: 20px; } .portfolio-details__media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .portfolio-details__author { left: 0; bottom: 0; min-width: 261px; position: absolute; display: inline-block; padding: 40px; border-radius: 0px 20px; background: var(--rr-color-100); } @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__author { padding: 20px 25px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; position: inherit; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px; } } @media (max-width: 575px) { .portfolio-details__author { display: inline-block; } } .portfolio-details__author-item:not(:last-child) { margin-bottom: 20px; } @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__author-item:not(: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) { .portfolio-details__author-item { padding: 10px 20px; } } .portfolio-details__author-item span { display: inline-block; margin-bottom: 5px; } .portfolio-details__content__contact { padding: 38px 15px; border-radius: 20px; background: var(--rr-color-100); border: 1px solid var(--rr-theme-primary); } @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) { .portfolio-details__content__contact { margin-top: 40px; } } .portfolio-details__content__contact h4 { max-width: 240px; margin-left: auto; margin-right: auto; } @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) { .portfolio-details__content__contact h4 { max-width: 100%; } } .portfolio-details__content__contact h6 a i { margin-right: 10px; } .portfolio-details__content__contact .rr-btn .btn-wrap i { padding-left: 10px; } .portfolio-details__content__list li { gap: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; font-style: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: capitalize; color: var(--rr-color-900); font-size: var(--rr-fw-bold); } @media (max-width: 575px) { .portfolio-details__content__list li { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } } .portfolio-details__content__list li:not(:last-child) { margin-bottom: 15px; } .portfolio-details__content__list li span { width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 15px; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 500px; background: var(--rr-theme-primary); } .portfolio-details__content__list li span i { font-weight: 400; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 10px; color: var(--rr-color-100); } .portfolio-details__media-wrapper__item { overflow: hidden; border-radius: 20px; } .portfolio-details__media-wrapper__item img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } /* Bootstrap btn-primary gradient styling */ .btn.btn-primary { background: linear-gradient(135deg, #2B7FFF, #00297b); border: none; transition: all 0.4s ease-out; } .btn.btn-primary:hover { background: linear-gradient(15deg, #00297b, #2B7FFF); border: none; } .doctor-details__media { position: relative; overflow: hidden; border-radius: 30px; } .doctor-details__media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .doctor-details__social { left: 0; bottom: 0; width: 56px; row-gap: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12.5px 10px; background: var(--rr-theme-primary); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0px 20px; } .doctor-details__social a { color: var(--rr-common-white); font-weight: var(--rr-fw-regular); font-size: var(--rr-fs-h6); line-height: var(--rr-lh-h6); } .doctor-details__social a:hover { color: var(--rr-heading-primary); } .doctor-details__social a:hover svg path[fill=white] { fill: var(--rr-heading-primary); } .doctor-details__info-list { list-style: none; } .doctor-details__info-list li:not(:last-child) { margin-bottom: 17px; } .doctor-details__info-list li h5 { text-transform: capitalize; } .doctor-details__content-future__list li { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .doctor-details__content-future__list li:not(:last-child) { margin-bottom: 20px; } .doctor-details__content-future__list li span { margin-right: 27px; font-size: var(--rr-fs-h5); color: var(--rr-color-900); line-height: var(--rr-lh-h5); font-weight: var(--rr-fw-bold); } .doctor-details__content-skill .skill-one__progress { width: 100%; display: block; position: relative; } .doctor-details__content-skill .skill-one__progress-single { display: block; position: relative; margin-bottom: 32px; } .doctor-details__content-skill .skill-one__progress-single:last-child { margin-bottom: 0; } .doctor-details__content-skill .skill-one__progress-title { color: var(--rr-color-800); } .doctor-details__content-skill .skill-one__progress .bar { width: 100%; height: 5px; margin-bottom: 0; position: relative; background: #E4E5E5; border-radius: 500px; } .doctor-details__content-skill .skill-one__progress .bar-inner { width: 0px; height: 5px; display: block; position: relative; border-radius: 500px; -webkit-transition: all 1500ms ease; transition: all 1500ms ease; background: var(--rr-theme-primary); } .doctor-details__content-skill .skill-one__progress .count-text { top: -37px; right: 0px; opacity: 1; font-style: normal; position: absolute; font-size: var(--rr-fs-h5); -webkit-transition: all 500ms ease; transition: all 500ms ease; color: var(--rr-color-800); line-height: var(--rr-lh-h5); font-weight: var(--rr-fw-medium); } .doctor-details__form-input-select .nice-select { -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; outline: none; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; z-index: inherit; padding-left: 20px; padding-right: 45px; padding-top: 15px; padding-bottom: 15px; border: none; height: 60px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; border-radius: 30px !important; color: rgba(7, 28, 60, 0.6) !important; background-color: var(--rr-color-100) !important; } .doctor-details__form-input-select .nice-select::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(7, 28, 60, 0.6) !important; } .doctor-details__form-input-select .nice-select::-moz-placeholder { /* Firefox 19+ */ color: rgba(7, 28, 60, 0.6) !important; } .doctor-details__form-input-select .nice-select:-ms-input-placeholder { /* IE 10+ Edge*/ color: rgba(7, 28, 60, 0.6) !important; } .doctor-details__form-input-select .nice-select::-ms-input-placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; } .doctor-details__form-input-select .nice-select::placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; } .doctor-details__form-input-select .nice-select:hover { border-color: #dbdbdb; } .doctor-details__form-input-select .nice-select:active, .doctor-details__form-input-select .nice-select.open, .doctor-details__form-input-select .nice-select:focus { border-color: #999; } .doctor-details__form-input-select .nice-select::after { position: absolute; content: "\f107"; top: calc(50% - 1px); right: 26px; font-family: var(--rr-ff-fontawesome); color: var(--rr-color-800); font-weight: 500; pointer-events: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; margin-top: 0; -webkit-transform-origin: center; transform-origin: center; } .doctor-details__form-input-select .nice-select.open::after { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .doctor-details__form-input-select .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .doctor-details__form-input-select .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .doctor-details__form-input-select .nice-select.disabled::after { border-color: #cccccc; } .doctor-details__form-input-select .nice-select.wide { width: 100%; } .doctor-details__form-input-select .nice-select.wide .list { left: 0 !important; right: 0 !important; } .doctor-details__form-input-select .nice-select.right { float: right; } .doctor-details__form-input-select .nice-select.right .list { left: auto; right: 0; } .doctor-details__form-input-select .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .doctor-details__form-input-select .nice-select.small::after { height: 4px; width: 4px; } .doctor-details__form-input-select .nice-select.small .option { line-height: 34px; min-height: 34px; } .doctor-details__form-input-select .nice-select .list { border: none; width: 100%; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); -webkit-box-sizing: border-box; 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; transform-origin: 50% 0; -webkit-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; } .doctor-details__form-input-select .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; color: var(--rr-heading-primary); outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .doctor-details__form-input-select .nice-select .option:hover { background-color: #f6f7f9; } .doctor-details__form-input-select .nice-select .option.selected { font-weight: bold; } .doctor-details__form-input-select .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .doctor-details__form-input-select .no-csspointerevents .nice-select .list { display: none; } .doctor-details__form-input-select .no-csspointerevents .nice-select.open .list { display: block; } .doctor-details__form-input { width: 100%; margin-bottom: 30px; display: inline-block; } .doctor-details__form-input label { margin-bottom: 5px; font-size: var(--rr-fs-h5); color: var(--rr-color-900); line-height: var(--rr-lh-h5); font-weight: var(--rr-fw-bold); } .doctor-details__form-input .input-wrapper { z-index: 1; position: relative; } .doctor-details__form-input .input-wrapper i { z-index: 2; right: 20px; position: absolute; font-style: normal; font-weight: 900; font-size: 14px; top: calc(50% - 8px); line-height: 14px; color: var(--rr-color-800); font-family: var(--rr-ff-fontawesome); } .doctor-details__form-input .input-wrapper input { z-index: 2; width: 100%; border: none; height: 60px; font-style: normal; position: relative; padding: 16px 20px; padding-right: 45px; font-size: var(--rr-fs-h6); line-height: var(--rr-lh-h6); font-weight: var(--rr-fw-regular); background: var(--rr-color-100); border-radius: 30px !important; color: var(--rr-heading-primary) !important; } .doctor-details__form-input .input-wrapper input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(7, 28, 60, 0.6) !important; } .doctor-details__form-input .input-wrapper input::-moz-placeholder { /* Firefox 19+ */ color: rgba(7, 28, 60, 0.6) !important; } .doctor-details__form-input .input-wrapper input:-ms-input-placeholder { /* IE 10+ Edge*/ color: rgba(7, 28, 60, 0.6) !important; } .doctor-details__form-input .input-wrapper input::-ms-input-placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; } .doctor-details__form-input .input-wrapper input::placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; } .doctor-details__form-input .input-wrapper textarea { border: none; min-height: 198px; padding: 16px 20px; border-radius: 30px; background: var(--rr-color-100); color: var(--rr-heading-primary) !important; } .doctor-details__form-input .input-wrapper textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(7, 28, 60, 0.6) !important; } .doctor-details__form-input .input-wrapper textarea::-moz-placeholder { /* Firefox 19+ */ color: rgba(7, 28, 60, 0.6) !important; } .doctor-details__form-input .input-wrapper textarea:-ms-input-placeholder { /* IE 10+ Edge*/ color: rgba(7, 28, 60, 0.6) !important; } .doctor-details__form-input .input-wrapper textarea::-ms-input-placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; } .doctor-details__form-input .input-wrapper textarea::placeholder { /* MODERN BROWSER */ color: rgba(7, 28, 60, 0.6) !important; } @media (max-width: 575px) { .doctor-details__form-input .input-wrapper textarea { min-height: 150px; } } .doctor-details__form .rr-btn { width: inherit; } .service-details__content-media-item-2 { margin-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) { .service-details__content-media-item-2 { margin-left: 0; } } .service-details__content-media-item-1 { margin-right: -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) { .service-details__content-media-item-1 { margin-right: inherit; } } .service-details__content-media-item_img { border-radius: 20px; overflow: hidden; } .service-details__content-media-item_img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .service-details__content-media { overflow: hidden; border-radius: 20px; } .service-details__content-media img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .service-details__content ul li { gap: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; font-style: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: capitalize; color: var(--rr-color-900); font-size: var(--rr-fw-bold); } @media (max-width: 575px) { .service-details__content ul li { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } } .service-details__content ul li:not(:last-child) { margin-bottom: 15px; } .service-details__content ul li span { width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 20px; text-align: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 500px; background: var(--rr-theme-primary); } .service-details__content ul li span i { font-weight: 900; font-size: 14px; line-height: 20px; color: var(--rr-common-white); } /******************************************************************/ .service_text{ font-size:2.0rem; } /*======================================== Service 2 Slider - Equal Height Slides ========================================*/ .service-2__slider .swiper-wrapper { align-items: stretch; } .service-2__slider .swiper-slide { height: auto; display: flex; flex-direction: column; } .service-2__slider .swiper-slide > * { flex: 1; display: flex; flex-direction: column; } .service-2__slider .swiper-slide > *:first-child { flex-grow: 1; } .service-2__item { display: flex; flex-direction: column; height: 100%; } .service-2__item-content { display: flex; flex-direction: column; flex: 1; } .service-2__item-content .rr-a-btn { margin-top: auto; } /*======================================== Float Animation - Smooth Up and Down ========================================*/ @keyframes animate-float { 0% { transform: translateY(0px); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0px); } } .animate-float { animation: animate-float 3s ease-in-out infinite; } /*======================================== Blog-3 Images Fade Up Animation ========================================*/ @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } .animate-on-scroll{ opacity:0; transform:translateY(40px); transition:opacity .7s ease, transform .7s ease; } .animate-on-scroll.animate__animated{ opacity:1; transform:translateY(0); animation-duration:.8s !important; } /* Marquee Container Styles */ .marquee-container { position: relative; width: 100%; height: 550px; overflow-y: auto; border: 5px solid #e0e0e0; background-color: #f9f9f9; border-radius: 15px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .vmarquee { position: absolute; top: 0; left: 0; width: 100%; padding: 10px; display: block; } .events_up { position: relative; overflow: hidden; } /*======================================== Mobile View - Header 4 Top Menu ========================================*/ @media (max-width: 575px) { .header-4-top__menu a { font-weight: 400; font-size: 10.5px; } .footer-3__copyright p { font-size: 12px; line-height: 28px; } .footer-3__copyright-menu ul li a { font-size: 12px; line-height: 28px; } #copyright-footer .footer-3__bottom { margin-top: 0 !important; padding: 8px 0 !important; min-height: 38px !important; } #copyright-footer .footer-3__copyright p { line-height: 1.2 !important; margin: 0 !important; } .footer-3__copyright-menu ul li { line-height: 1.2 !important; } } #copyright-footer { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; background: var(--rr-theme-primary); transform: translateY(100%); transition: transform 0.4s ease-in-out; box-shadow: 0 -4px 10px rgba(0,0,0,0.3); } #copyright-footer.show-footer-menu { transform: translateY(0); } #copyright-footer .footer-3__bottom { margin-top: 0; padding: 15px 0; border-top: none !important; } #copyright-footer .footer-3__copyright p{ color: #fff !important; } .footer-3__copyright-menu ul li a { color: #fff !important; } #copyright-footer .footer-3__copyright-menu ul { margin-bottom: 0; display: flex; flex-wrap: wrap; justify-content: right; gap: 15px; } .float { position: fixed; width: 50px; height: 50px; bottom: 40px; right: 10px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 30px; box-shadow: 2px 2px 3px #999; z-index: 10000; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .float:hover { background-color: #128c7e; color: #FFF; transform: scale(1.1); } .my-float { margin-top: 0; }