.rts__main__btn {
display: inline-block;
font-family: var(--e-global-typography-primary-font-family);
text-align: center;
color: var(--e-global-color-white);
outline: 0;
font-weight: bold;
text-decoration: none;
overflow: hidden;
padding: 5px 24px;
font-size: 12px;
position: relative;
line-height: 26px;
border-radius: 6px;
letter-spacing: 2px;
-webkit-transition: var(--transition);
transition: var(--transition);
background-color: var(--e-global-color-primary);
}
.rts__main__btn span {
display: block;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rts__main__btn::before {
content: attr(data-hover);
position: absolute;
left: 0px;
width: 100%;
opacity: 0;
-webkit-transform: translate(0px, -100%);
transform: translate(0px, -100%);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.rts__main__btn:hover {
background: var(--e-global-color-primary);
}
.rts__main__btn:hover::before {
opacity: 1;
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.rts__main__btn:hover span {
-webkit-transform: translate(0, 40px);
transform: translate(0, 40px);
opacity: 0;
}
.blur {
background-color: rgba(0, 0, 0, 0.15);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.rts__main__btn.blur {
background-color: rgba(0, 0, 0, 0.15);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}.rts__section__title {
position: relative;
}
.rts__section__title.gradient-text {
background: -webkit-gradient(linear, left bottom, left top, from(#888888), color-stop(75%, #ffffff));
background: linear-gradient(0deg, #888888 0%, #ffffff 75%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1.3;
font-weight: 700;
}
.rts__section__subtitle {
position: relative;
font-weight: 500;
display: inline-block;
font-family: var(--e-global-typography-text-font-family);
padding: 2px 10px;
font-size: 15px;
background: rgba(16, 60, 59, 0.05);
text-transform: capitalize;
line-height: 1.5em;
border-radius: 2px;
margin-bottom: 20px;
}
.rts__section__subtitle::before {
content: "[";
position: absolute;
color: var(--e-global-color-primary);
font-weight: 700;
left: 0;
}
.rts__section__subtitle::after {
content: "]";
position: absolute;
color: var(--e-global-color-primary);
font-weight: 700;
right: 0;
}
.rts__section__description {
font-size: 18px;
line-height: 32px;
margin-top: 0;
font-weight: 400;
margin-bottom: 30px;
}
.wow {
visibility: hidden;
}.elementor-widget-react-countdown .rt-countdown {
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;
gap: 10px;
padding: 0;
margin: 0;
list-style: none;
}
.elementor-widget-react-countdown .rt-countdown li {
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: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.elementor-widget-react-countdown .rt-countdown li .value {
font-size: 36px;
font-weight: 600;
}.abs-middle {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.w-40px {
width: 40px;
}
.abs, .absolute {
position: absolute;
}
.marquee-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100000px;
-webkit-transform: translateX(0px);
transform: translateX(0px);
-webkit-animation: 30s linear 0s infinite normal none running marqueeAnimation;
animation: 30s linear 0s infinite normal none running marqueeAnimation;
gap: 290px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.marquee-wrapper.left {
-webkit-animation: 30s linear 0s infinite normal none running marqueeAnimation;
animation: 30s linear 0s infinite normal none running marqueeAnimation;
}
.marquee-wrapper.right {
-webkit-animation: 30s linear 0s infinite normal none running marqueeAnimation-reverse;
animation: 30s linear 0s infinite normal none running marqueeAnimation-reverse;
}
.js-marquee {
float: left;
margin-right: 0;
white-space: nowrap;
}
.js-marquee .marquee_separator {
margin: 0 15px;
font-size: 3.75rem;
color: var(--e-global-color-accent);
opacity: 0.2;
}
.js-marquee .marquee_text {
font-size: 3.75rem;
color: var(--e-global-color-accent);
font-weight: 500;
margin: 0 15px;
}
.rt-marquee-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: top;
-ms-flex-align: top;
align-items: top;
-webkit-animation: loop 40s infinite linear;
animation: loop 40s infinite linear;
}
@-webkit-keyframes marqueeAnimation {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-2516.38px);
transform: translateX(-2516.38px);
}
}
@keyframes marqueeAnimation {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-2516.38px);
transform: translateX(-2516.38px);
}
}
@-webkit-keyframes marqueeAnimation-reverse {
0% {
-webkit-transform: translateX(-2516.38px);
transform: translateX(-2516.38px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes marqueeAnimation-reverse {
0% {
-webkit-transform: translateX(-2516.38px);
transform: translateX(-2516.38px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}.reactheme__service {
overflow: hidden;
position: relative;
border-radius: 10px;
}
.reactheme__service * {
-webkit-transition: var(--transition);
transition: var(--transition);
}
.reactheme__service_img {
width: 100%;
display: block;
-webkit-transition: var(--transition);
transition: var(--transition);
-webkit-transform: scale(1);
transform: scale(1);
}
.reactheme__service__meta {
position: absolute;
padding: 40px;
bottom: 0;
z-index: 2;
}
.reactheme__service__meta .title {
color: var(--e-global-color-accent);
margin-bottom: 5px;
}
.reactheme__service__meta .description {
margin-bottom: 0;
}
.reactheme__service .gradient-edge-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--bg-dark-1-rgb), 1)), to(rgba(var(--bg-dark-1-rgb), 0)));
background: linear-gradient(0deg, rgba(var(--bg-dark-1-rgb), 1) 0%, rgba(var(--bg-dark-1-rgb), 0) 100%);
z-index: 1;
}
.reactheme__service .radial-gradient-color {
position: absolute;
bottom: 0;
opacity: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(var(--primary-color-rgb), 0) 50%, rgba(var(--primary-color-rgb), 1) 100%);
-webkit-transition: all 1s cubic-bezier(0.6, 0.03, 0.2, 0.98);
transition: all 1s cubic-bezier(0.6, 0.03, 0.2, 0.98);
}
.reactheme__service:hover .radial-gradient-color {
opacity: 1;
}.grid-item {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.grid-item .eel-name {
margin: 0 0 5px;
color: #fff;
}
.eel-team-wraps .eel-team-img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.ee--team-img {
position: relative;
}
.ee--team-img .eel-name-deg-wrap {
position: absolute;
bottom: 24px;
left: 24px;
right: 24px;
padding: 26px 24px 24px 24px;
border-radius: 8px;
text-align: center;
z-index: 2;
}
.ee--team-img img {
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.ee--team-img a {
color: currentColor;
}
.eel-popup-modal {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
overflow: auto;
background: rgba(0, 0, 0, 0.5);
}
.eel-popup-content {
background: #fff;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 40px 50px;
border-radius: 8px;
max-width: 550px;
-webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
}
.eel-popup-close {
position: absolute;
top: 10px;
right: 16px;
font-size: 24px;
color: #888;
cursor: pointer;
}
.eel-popup-details {
font-size: 15px;
color: #333;
line-height: 1.6;
margin-top: 10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.eel-popup-header {
margin-bottom: 12px;
}
.eel-popup-name {
font-size: 18px;
font-weight: bold;
color: #222;
margin-bottom: 2px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.eel-popup-designation {
font-size: 15px;
color: #888;
margin-bottom: 6px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.eel-image-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
border-radius: inherit;
-webkit-transition: background 0.3s, opacity 0.3s;
transition: background 0.3s, opacity 0.3s;
z-index: 1;
}
.ee--team-img img {
position: relative;
z-index: 0;
}
.eel-name-deg-wrap {
background: rgba(0, 0, 0, 0.15);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.gradient-edge-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--bg-dark-1-rgb), 1)), to(rgba(var(--bg-dark-1-rgb), 0)));
background: linear-gradient(0deg, rgba(var(--bg-dark-1-rgb), 1) 0%, rgba(var(--bg-dark-1-rgb), 0) 100%);
z-index: 1;
opacity: 0.8;
}
.radial-gradient-color {
position: absolute;
bottom: 0;
opacity: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(var(--primary-color-rgb), 0) 50%, rgba(var(--primary-color-rgb), 1) 100%);
-webkit-transition: all 1s cubic-bezier(0.6, 0.03, 0.2, 0.98);
transition: all 1s cubic-bezier(0.6, 0.03, 0.2, 0.98);
}
.grid-item:hover .radial-gradient-color {
opacity: 1;
}
.grid-item:hover .ee--team-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}.gallery-slider .single__image img {
display: block;
}
.gallery-slider .rt-swiper-navigation {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.gallery-slider .rt-swiper-navigation .swiper-prev, .gallery-slider .rt-swiper-navigation .swiper-next {
display: block;
color: #ffffff;
padding: 5px 0;
font-size: 20px;
width: 40px;
height: 40px;
background: var(--e-global-color-primary);
text-align: center;
line-height: 1.5;
}
.gallery-slider .rt-swiper-navigation .swiper-prev {
position: relative;
z-index: 1;
cursor: pointer;
border-radius: 0 20px 20px 0;
}
.gallery-slider .rt-swiper-navigation .swiper-next {
position: relative;
z-index: 1;
cursor: pointer;
border-radius: 20px 0 0 20px;
}.tab__area .nav {
padding: 0;
margin: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: none;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.tab__area .nav {
border-radius: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.tab__area .nav .nav-item {
font-weight: 500;
text-align: center;
}
.tab__area .nav .single__tab__link {
display: inline-block;
background-color: transparent;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 100%;
border: none;
font-size: 16px;
line-height: 28px;
color: rgba(255, 255, 255, 0.65);
opacity: .4;
}
.tab__area .nav .single__tab__link .button_content .subtitle {
margin-bottom: 0;
}
.tab__area .nav .single__tab__link.active, .tab__area .nav .single__tab__link:hover {
color: #ffffff;
border: none;
opacity: 1;
}
.tab-content > .tab-pane {
display: none;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.fade:not(.show) {
opacity: 0;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.fade {
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.tab-content > .active {
display: block;
}.reactheme__price__table__inner {
position: relative;
border: solid 1px rgba(255, 255, 255, 0.3);
overflow: hidden;
border-radius: 10px;
height: 100%;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: rgba(0, 0, 0, 0.15);
}
.reactheme__price__table .gradient-edge-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30%;
opacity: .5;
z-index: 1;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--primary-color-rgb), 1)), to(rgba(var(--primary-color-rgb), 0)));
background: linear-gradient(0deg, rgba(var(--primary-color-rgb), 1) 0%, rgba(var(--primary-color-rgb), 0) 100%);
}
.reactheme__price__table .pricing__content {
padding: 40px;
z-index: 2;
position: relative;
}
.reactheme__price__table .pricing__content .alignment {
text-align: center;
}
.reactheme__price__table .pricing__content .package__title {
font-size: 40px;
font-weight: 700;
margin-bottom: 10px;
margin-bottom: 10px;
color: #fff;
}
.reactheme__price__table .pricing__content .package__title.gradient-text {
background: -webkit-gradient(linear, left bottom, left top, from(#888888), color-stop(75%, #ffffff));
background: linear-gradient(0deg, #888888 0%, #ffffff 75%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.reactheme__price__table .pricing__content .ul-check {
list-style: none;
padding: 0;
margin-bottom: 25px;
margin-left: 0;
}
.reactheme__price__table .pricing__content .ul-check li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 0;
padding: 0px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
line-height: 1.8em;
}
.reactheme__price__table .pricing__content .rts__main__btn {
-webkit-transition: ease-in .3s all;
transition: ease-in .3s all;
}
.reactheme__price__table .pricing__content .rts__main__btn:hover {
background: #101435;
}
.reactheme__price__table .package__price {
font-size: 26px;
font-weight: 700;
margin-bottom: 30px;
color: #fff;
}
.reactheme__price__table .package__feature {
font-size: 20px;
color: #fff;
margin-bottom: 15px;
}
.reactheme__price__table .border-white-bottom-op-2 {
border-bottom: solid 1px rgba(255, 255, 255, 0.2);
margin-bottom: 20px;
}
.pricing-table-container .swiper-pagination.swiper-pagination-bullets {
position: relative !important;
margin-top: 40px;
}
.pricing-table-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
height: 8px;
width: 8px;
background: rgba(255, 255, 255, 0.2);
-webkit-transition: ease-in .3s all;
transition: ease-in .3s all;
margin: 0 4px;
}