:root {
--e-global-color-primary: #69B31D;
--e-global-color-secondary: #1C4B41;
--e-global-color-text: #7A8986;
--e-global-color-accent: #EAA638;
--e-global-typography-primary-font-family: "Plus Jakarta Sans";
--e-global-typography-secondary-font-family: "Roboto Slab";
--e-global-typography-secondary-font-weight: 400;
--e-global-typography-text-font-family: "Inter";
--e-global-typography-text-font-weight: 400;
--e-global-typography-accent-font-family: "Roboto";
--e-global-typography-accent-font-weight: 500;
background-color: #F8FBF3;
--e-global-color-primary-rgb: 105, 179, 29;
--e-global-color-secondary-rgb: 28, 75, 65;
--e-global-color-accent-rgb: 59, 157, 31;
--heading-font-color: var(--e-global-color-93e8335);
--rt-primary-color: var(--e-global-color-accent);
--primary-color-rgb: 72, 177, 251;
--secondary-color-rgb: 254, 231, 74;
--accent-color-rgb: 10, 63, 135;
--color-secondary: var(--e-global-color-secondary);
--rounded-1: 12px;
--transition: all 0.5s ease;
--heading-font: var(--e-global-typography-secondary-font-family);
--heading-font-weight: 600;
--heading-text-color: var(--e-global-color-93e8335);
--body-font: var(--e-global-typography-primary-font-family);
--body-font-size: var(--e-global-typography-primary-font-size);
--body-font-color: var(--e-global-color-text);
--body-font-color-dark: rgba(255, 255, 255, .6);
--bg-dark-1: #19272B;
--border-default: solid 1px rgba(30, 30, 30, 1);
--bg-color-even: #E8E8E8;
--bg-color-odd: #F4F4F4;
--bg-light: #F8F9FA;
--bg-dark-1: #161c2d;
--bg-dark-2: #111111;
--bg-dark-3: #1e1e1e;
--bg-dark-1-rgb: 16, 16, 16;
--bg-grey: #eeeeee;
--bg-gradient-1: 0deg, rgba(var(--primary-color-rgb), .1) 0%, rgba(var(--secondary-color-rgb), .2) 100%;
--swiper-theme-color: var(--secondary-color);
--rounded-1: 12px;
--button-rounded: 30px;
--border-color:#bbbbbb;
--container-max-width:1240px;
}
body {
overflow-x: hidden;
}
body::-webkit-scrollbar,
#de_modal::-webkit-scrollbar {
width: 5px;
}
body::-webkit-scrollbar-track,
#de_modal::-webkit-scrollbar-track {
background: #dddddd;
}
body::-webkit-scrollbar-thumb,
#de_modal::-webkit-scrollbar-thumb {
background-color: var(--color-secondary);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.w-100 {
width: 100%;
}
.position-100 {
height: 100%;
width: 100%;
}
.text-center {
text-align: center;
}
.mb-20 {
margin-bottom: 20px;
}
.overflow-hidden {
overflow: hidden;
}
.scale-2 {
transform: scale(1.1);
transition: var(--transition);
}
.transition {
transition: var(--transition);
}
.transition:hover .scale-2 {
transform: scale(1.2);
}
.img-fluid {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.rounded-0 .metform-submit-btn {
border-radius: 0 !important;
box-shadow: none;
}
.rts__service__box {
position: relative;
}
.rts__service__box .service__background {
background: var(--e-global-color-primary);
}
.rts__service__box .service__top__inner {
position: relative;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0, 19, 87, 0.06);
}
.rts__service__box .service__top__inner__button {
position: absolute;
z-index: 2;
left: 0;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
.rts__service__box .service__top__inner__button .rts__main__btn {
opacity: 0;
}
.rts__service__box .rts__service__title {
color: var(--e-global-color-93e8335);
}
.rts__service__box .rts__service__description {
color: var(--e-global-color-text);
}
.rts__service__box:hover .rts__main__btn {
opacity: 1;
}
.rts__service__box.rts__service__two {
overflow: hidden;
border-radius: 12px;
}
.rts__service__box.rts__service__two .rts__service__title {
background: rgba(0, 0, 0, 0.1);
position: absolute;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding: 1rem;
text-align: center;
width: 100%;
color: #f8f9fa;
bottom: 0;
margin: 0 !important;
transition: var(--transition);
}
.rts__service__box.rts__service__two:hover .rts__service__title {
opacity: 0;
}
.v-center {
min-height: 100%;
min-height: 100vh;
display: flex;
align-items: center;
}
.rounded-20px {
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.mfp-content button.mfp-close {
background: transparent !important;
}
.count-text.top {
display: flex;
flex-direction: column-reverse;
}
.count-text.bottom {
display: flex;
flex-direction: column;
}
.swiper-slide {
position: relative;
}
.sw-caption {
z-index: 1;
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
letter-spacing: -0.5;
}
.swiper-scrollbar,
.swiper-scrollbar-horizontal,
.swiper-scrollbar-drag {
display: none;
}
.swiper-inner {
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.swiper-inner {
background-size: cover;
background-repeat: no-repeat;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(10%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(10%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightFade {
from {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
100% {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.fadeInRightFade {
animation-name: fadeInRightFade;
}
@keyframes scaleOutFade {
from {
opacity: 0;
transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1, 1, 1);
}
}
.scaleOut {
animation-name: scaleOutFade;
}
@keyframes widthInFade {
from {
opacity: 0;
width: 1px;
}
100% {
opacity: 1;
width: 100px;
}
}
.widthInFade {
animation-name: widthInFade;
}
.relative,
.position-relative {
position: relative;
}
.no-bottom {
margin-bottom: 0;
}
.spacer-20 {
width: 100%;
height: 20px;
display: block;
clear: both;
}
.abs-centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.de-overlay-gradient-2 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.8) 0%, rgba(var(--color-secondary-rgb), 0) 100%);
}
.fs-14 {
font-size: 14px;
}
.sticky-header .header-call-text .elementor-icon-box-title,
.sticky-header .header-call-text .elementor-icon-box-description {
color: #202020 !important;
}
.p-40 {
padding: 40px;
}
.op-2 {
opacity: 0.2;
}
.op-3 {
opacity: 0.3;
}
.op-4 {
opacity: 0.4;
}
.op-5 {
opacity: 0.5;
}
.op-6 {
opacity: 0.6;
}
.fs-24 {
font-size: 24px;
}
.end-0 {
right: 0;
}
.top-0 {
top: 0;
}
.abs {
position: absolute;
}
.absolute,
.abs {
position: absolute;
}
.rounded-1 {
border-radius: 15px;
}
.p-4 {
padding: 1.5rem;
}
.ps-100 {
padding-left: 100px;
}
.fs-96 {
font-size: 96px;
}
.top-50 {
top: 50%;
}
.fw-bold {
font-weight: 700;
}
.op-2 {
opacity: 0.2;
}
.p-30 {
padding: 30px;
}
.abs-center {
left: 50%;
transform: translateX(-50%);
}
.z-1000 {
z-index: 1000;
}
.fs-14 {
font-size: 14px;
}
.bottom-10 {
bottom: 10%;
}
.bg-blur {
background: rgba(0, 0, 0, 0.15);
-webkit-backdrop-filter: blur(10px);
-o-backdrop-filter: blur(10px);
-moz-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.rounded-3 {
border-radius: 0.3rem;
}
.px-2 {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.op-5 {
opacity: 0.5;
}
.hover:hover .hover-scale-1-1 {
transform: scale(1.1);
}
.rounded-15 {
border-radius: 15px;
}
.rounded-1 {
border-radius: 15px;
}
.w-80px {
width: 80px;
}
.overflow-hidden {
overflow: hidden;
}
.round-20 {
border-radius: 20px;
}
.w-20px {
width: 20px;
}
.w-90px {
width: 90px;
}
.w-70px {
width: 70px;
}
.infinite {
animation-iteration-count: infinite;
}
.align-left {
display: block;
margin-left: 0;
margin-right: auto;
}
.align-center {
display: block;
margin-left: auto;
margin-right: auto;
}
.align-right {
display: block;
margin-left: auto;
margin-right: 0;
}
.spacer-single {
width: 100%;
height: 30px;
display: block;
clear: both;
}
.spacer-10 {
width: 100%;
height: 10px;
display: block;
clear: both;
}
.spacer-20 {
width: 100%;
height: 20px;
display: block;
clear: both;
}
.rts__swiper__slider {
padding-top: 0;
padding-bottom: 0;
position: relative;
overflow: hidden;
z-index: 1;
}
.elementor-widget-rt-slider .swiper-button-prev {
color: var(--e-global-color-white);
}
.elementor-widget-rt-slider .swiper-button-prev::after {
font-size: 24px;
}
.elementor-widget-rt-slider .swiper-button-next {
color: var(--e-global-color-white);
}
.elementor-widget-rt-slider .swiper-button-next::after {
font-size: 24px;
}
.swiper-pagination-fraction {
width: 100px;
font-size: 20px;
text-align: right;
position: absolute;
left: auto;
right: 40px;
bottom: 40px;
font-weight: 400;
}
.v-center {
min-height: 100%;
min-height: 100vh;
display: flex;
align-items: center;
background: transparent;
}
.rts__slider__title {
font-size: 64px;
font-weight: 500;
margin-bottom: 20px;
line-height: 1.1em;
margin-top: 0;
letter-spacing: -2px;
color: var(--e-global-color-white);
}
.rts__slider__teaser {
font-size: 18px;
line-height: 1.6em;
font-weight: 400;
color: rgba(255, 255, 255, 0.75);
}
.swiper-overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
@keyframes scaleIn {
from {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
100% {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.reactheme-breadcrumb {
position: relative;
}
.reactheme-breadcrumb::before {
position: absolute;
height: 100%;
width: 100%;
content: "";
left: 0;
top: 0;
z-index: 1;
}
.reactheme-breadcrumb .breadcrumb-inner {
position: relative;
z-index: 2;
margin: auto;
align-content: center;
}
.reactheme-breadcrumb .breadcrumb-inner .page-title {
margin: 0;
text-align: center;
}
@media only screen and (max-width: 1199px) {
.reactheme-breadcrumb .breadcrumb-inner .page-title {
font-size: 54px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.reactheme-breadcrumb .breadcrumb-inner .page-title {
font-size: 44px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.reactheme-breadcrumb .breadcrumb-inner .page-title {
font-size: 36px;
line-height: 56px;
}
}
@media only screen and (max-width: 767px) {
.reactheme-breadcrumb .breadcrumb-inner .page-title {
font-size: 30px;
line-height: 45px;
}
}
@media only screen and (max-width: 575px) {
.reactheme-breadcrumb .breadcrumb-inner .page-title {
font-size: 26px;
line-height: 36px;
}
}
@media only screen and (max-width: 479px) {
.reactheme-breadcrumb .breadcrumb-inner .page-title {
font-size: 24px;
line-height: 30px;
}
}
.reactheme-breadcrumb .breadcrumb-inner .breadcrumb-path .breadcrumb-separator,
.reactheme-breadcrumb .breadcrumb-inner .breadcrumb-path .breadcrumb-separator {
margin: 0 5px;
}
.reactheme-breadcrumb .breadcrumb-inner .breadcrumb-path svg,
.reactheme-breadcrumb .breadcrumb-inner .breadcrumb-path svg {
height: 14px;
width: auto;
fill: currentColor;
}
.rts__sbs__none .metform-submit-btn {
box-shadow: none;
}
.rts-elementor-icon-list-items {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.rts-elementor-icon-list-items .rts-elementor-icon-list-item .rts-elementor-icon-list-icon svg {
height: var(--e-icon-list-icon-size);
width: var(--e-icon-list-icon-size);
}
.rt-features-list-content ul {
list-style: none;
margin: 0;
display: flex;
padding: 0;
}
.rt-features-list-content ul li {
list-style: none;
display: flex;
align-items: center;
}
.rt-features-list-content ul li .icon i {
color: currentColor;
font-size: 16px;
display: inline-block;
}
.rt-features-list-content ul li .icon svg {
width: 16px;
height: 16px;
}
.rt-features-list-content ul li .sub-text {
font-size: 16px;
line-height: 24px;
display: block;
font-weight: 600;
font-family: var(--e-global-typography-secondary-font-family);
margin-bottom: -3px;
color: var(--color-primary);
}
.rt-features-list-content ul li .text-heading {
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: var(--e-global-color-text);
font-family: var(--e-global-typography-secondary-font-family);
transition: 0.3s;
display: inline-block;
}
.rt-features-list-content ul li .text-heading span {
display: block;
}
.rt-features-list-content ul li .message {
margin: 0;
}
.rt-features-list-content .separator_yes.rotate_yes:after {
top: -7px;
transform: skew(-10deg);
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 30%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp !important;
}
@keyframes scaleIn {
from {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
100% {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.scaleIn {
animation-name: scaleIn;
}
.elementor-image-gallery .gallery-item {
position: relative;
}
.elementor-widget-image-gallery.has-view-button .elementor-image-gallery .gallery-item .gallery-icon a {
position: relative;
display: block;
}
.elementor-widget-image-gallery.has-view-button .elementor-image-gallery .gallery-item .gallery-icon a::before {
position: absolute;
z-index: 99;
display: block;
content: "View";
left: 50%;
top: 50%;
color: #fff;
font-weight: 600;
font-size: 22px;
line-height: 26px;
transition: 0.5s;
cursor: pointer;
transform: translate(-50%, -50%) scale(3);
opacity: 0;
}
.elementor-widget-image-gallery.has-view-button .elementor-image-gallery .gallery-item .gallery-icon a:hover::before {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
.service__menu .main-menu-item {
background-color: #fff;
padding: 5px 20px;
}
.service__menu .main-menu-item:not(:last-child) {
margin-bottom: 20px;
}
.service__menu .main-menu-item.current_page_item {
background-color: var(--e-global-color-primary);
}
.service__menu .main-menu-item.current_page_item .menu-text span {
color: #fff;
}
.service__menu .main-menu-item.current_page_item a.menu-link {
color: #fff !important;
}
.service__menu .main-menu-item.current_page_item span.vertical_menu_active_icon {
display: none;
}
.rt-all-slider .swiper-pagination-bullet {
width: 10px;
height: 10px;
background-color: transparent;
border: solid 1px rgba(0, 0, 0, 0.5);
opacity: 1;
}
.rt-all-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--e-global-color-secondary);
border-color: var(--e-global-color-secondary);
}