.border-left-20 .react-addon-services.services-style2 .services-part .services-icon {
margin-right: 20px; }
.react-addon-services.gray_yes:hover img {
filter: grayscale(100); }
.react-addon-services.services-style3 {
display: flex;
flex-direction: column;
align-items: center; }
.react-addon-services.services-style3 .services-part {
display: block; }
.react-addon-services.services-style3 .services-part .service--top .icon-inner {
border-radius: 50%;
width: 192px;
height: 192px;
border: 2px dashed var(--primaryColor);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-bottom: 33px;
transition: 0.3s;
position: relative; }
.react-addon-services.services-style3 .services-part .service--top .icon-inner .number {
position: absolute;
right: 20px;
top: 0;
background: var(--primaryColor);
color: #fff;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #fff;
transform: scale(0);
transition: 0.3s; }
.react-addon-services.services-style3 .services-part .service--top .services-icon {
margin-right: 22px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto; }
.react-addon-services.services-style3 .services-part .service--top .services-title {
margin-bottom: 7px; }
.react-addon-services.services-style3 .services-part .service--top .services-title .title {
font-size: 25px;
font-weight: 700;
line-height: 1.5;
color: #333333;
letter-spacing: -0.3;
margin-bottom: 0; }
.react-addon-services.services-style3 .services-part .service--top .services-title .title:hover {
color: var(--primaryColor); }
.react-addon-services.services-style3 .services-part .services--bottom {
display: block; }
.react-addon-services.services-style3 .services-part .services--bottom .services-txt {
font-size: 16px;
font-weight: 400;
color: #777777;
line-height: 28px; }
.react-addon-services.services-style3 .services-part .services--bottom .services-btn {
font-weight: 700;
font-size: 16px; }
.react-addon-services.services-style3:hover .services-part .service--top .icon-inner .number {
transform: scale(1.1); }
.react-addon-services.services-style3:hover .services-part .service--top .icon-inner {
border-color: var(--primaryColor); }
.react-addon-services.services-style4 {
position: relative; }
.react-addon-services.services-style4 .services-part {
box-shadow: 0px 13px 40px #1810100a;
position: relative;
border-radius: 15px; }
.react-addon-services.services-style4 .services-part .services-icon {
position: relative;
padding: 0 !important;
overflow: hidden; }
.react-addon-services.services-style4 .services-part .services-icon img {
width: 100%;
border-radius: 15px 15px 0 0;
transition: 0.3s; }
.react-addon-services.services-style4 .services-part .services-icon .number {
position: absolute;
right: 0;
top: 0;
font-size: 18px;
background: #fff;
border-radius: 0 15px 0 15px;
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
color: var(--primaryColor);
font-weight: 700; }
.react-addon-services.services-style4 .services-part .services-text {
z-index: 5;
padding: 40px;
background: #fff;
border-radius: 0 0 15px 15px;
position: absolute;
bottom: -50%; }
.react-addon-services.services-style4 .services-part .services-text .hidden-area {
max-height: 84px;
overflow: hidden;
transition: 0.5s ease-in-out; }
.react-addon-services.services-style4 .services-part .services-btn-part i {
margin-left: 3px;
transition: 0.5s ease-in-out; }
.react-addon-services.services-style4 .services-part .services-btn-part .services-btn:hover i {
margin-left: 7px; }
.react-addon-services.services-style4 .services-part:hover .services-text .hidden-area {
max-height: 155px;
overflow: hidden;
transition: 0.5s ease-in-out; }
.react-addon-services.services-style5 .services-part {
background: #f7f7f7;
border-radius: 15px;
padding: 40px; }
.react-addon-services.services-style5 .services-part .services-icon {
overflow: hidden;
border-radius: 15px;
max-width: max-content; }
.react-addon-services.services-style5 .services-part:hover img {
transform: scale(1.2);
border-radius: 15px;
overflow: hidden; }
.react-addon-services.services-style5 .services-part .services-text {
padding-top: 20px; }
.react-addon-services.services-style5 .services-btn-part .services-btn {
background: var(--primaryColor);
color: #fff;
padding: 12px 30px;
border-radius: 0 0 15px 15px;
margin-left: 35px;
display: inline-block;
font-weight: 700; }
.react-addon-services.services-style1 {
position: relative; }
.react-addon-services.services-style1 .services-btn-part a i {
margin-left: 0;
opacity: 0;
transition: 0.3s; }
.react-addon-services.services-style1:hover i {
opacity: 1 !important;
margin-left: 7px !important;
font-weight: bold; }
.react-addon-services.services-style1 .services-title h3 {
margin-bottom: 4px !important; }
.react-addon-services .services-part {
position: relative; }
.react-addon-services .services-part .services-icon {
padding: 5px;
font-size: 50px;
line-height: 50px;
color: var(--primaryColor);
transition: all ease .3s; }
.react-addon-services .services-part .services-icon i {
transition: all ease .3s; }
.react-addon-services .services-part .services-icon i:before {
margin: 0; }
.react-addon-services .services-part .services-icon:hover {
color: #040404; }
.react-addon-services .services-part .services-icon:after {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 90px;
height: 90px;
background: var(--primaryColor);
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
opacity: 0;
transition: all 0.3s ease 0s;
visibility: hidden; }
.react-addon-services .services-part .services-text {
padding: 10px 0 0;
position: relative;
font-family: "DM Sans", sans-serif; }
.react-addon-services .services-part .services-text .services-title {
position: relative; }
.react-addon-services .services-part .services-text .services-title .title {
font-size: 24px;
margin: 0 0 10px;
color: #1C2539; }
.react-addon-services .services-part .services-text .services-title .title a {
color: #1C2539; }
.react-addon-services .services-part .services-text .services-title .title a:hover {
color: #ffecec; }
.react-addon-services .services-part .services-text .services-txt {
color: #5D666F;
margin: 0;
transition: 0.4s; }
.react-addon-services .services-part .services-text .services-btn-part {
margin: 10px 0 0; }
.react-addon-services .services-part .services-text .services-btn-part .services-btn {
position: relative;
display: inline-block;
color: #040404;
transition: all ease .3s; }
.react-addon-services .services-part .services-text .services-btn-part .services-btn:hover {
color: var(--primaryColor); }
.react-addon-services .services-part .services-text .services-btn-part .services-btn:hover span {
color: var(--primaryColor); }
.react-addon-services .services-part .services-text .services-btn-part .services-btn.icon-after span {
float: left; }
.react-addon-services .services-part .services-text .services-btn-part .services-btn.icon-before span {
float: right; }
.react-addon-services .services-part .services-text .services-btn-part .services-btn.icon-before i {
margin-right: 10px; }
.react-addon-services .services-part img {
transition: 0.4s; }
.react-addon-services.services-style2 .services-part {
background: 0 0;
text-align: left;
position: relative;
z-index: 1;
display: flex; }
.react-addon-services.services-style2 .services-part .services-icon {
margin-right: 37px; }
.react-addon-services.services-style2 .services-part .services-icon img {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
max-width: 65px; }
.react-addon-services.services-style2 .services-part .services-icon svg, .react-addon-services.services-style2 .services-part .services-icon svg path {
fill: var(--primaryColor); }
.react-addon-services.services-style2 .services-part:hover .services-icon img {
transform: translateY(-7px);
-webkit-transform: translateY(-7px);
-moz-transform: translateY(-7px);
-ms-transform: translateY(-7px);
-o-transform: translateY(-7px); }
.react-addon-services.services-style2 .services-part a.services-btn {
transition: 0.3s; }
.react-addon-services.services-style2 .services-part a.services-btn i {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: #fff;
border-radius: 50%;
margin-right: 12px;
color: #1C2539;
font-size: 14px;
transition: 0.3s;
box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05); }
.react-addon-services.services-style2 .services-part a.services-btn:hover i {
background: var(--primaryColor);
color: #fff; }
.react-addon-services.services-style6 {
display: flex;
flex-direction: column;
align-items: center; }
.react-addon-services.services-style6 .services-part {
display: block; }
.react-addon-services.services-style6 .services-part .service--top .icon-inner {
height: 110px;
width: 110px;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
background: #FFFFFF;
margin-bottom: 70px;
position: relative; }
.react-addon-services.services-style6 .services-part .service--top .icon-inner::before {
content: '';
width: 19px;
height: 19px;
position: absolute;
left: 50%;
bottom: -10px;
display: block;
z-index: 1;
border-radius: 30px;
background: transparent;
border: 1px solid #eee;
padding: 10px;
transform: translate(-50%, 3px); }
.react-addon-services.services-style6 .services-part .service--top .icon-inner .mid-arrows {
display: block;
width: 9px;
height: 9px;
background: var(--primaryColor);
position: absolute;
left: 50%;
bottom: 0;
z-index: 1;
border-radius: 30px;
transform: translate(-50%, 6px); }
.react-addon-services.services-style6 .services-part .service--top .services-icon {
margin-right: 22px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto; }
.react-addon-services.services-style6 .services-part .services--bottom {
padding: 54px 33px 50px 33px;
text-align: center;
border-radius: 20px;
border: 1px solid #EFEEEE;
background: #FFF;
box-shadow: 0px 19px 51px 0px rgba(14, 18, 30, 0.06);
position: relative;
display: block; }
.react-addon-services.services-style6 .services-part .services--bottom .services-title {
margin-bottom: 13px; }
.react-addon-services.services-style6 .services-part .services--bottom .services-title .title {
font-size: 20px;
font-weight: 700;
line-height: 1.5;
color: #333333;
letter-spacing: -0.3;
margin-bottom: 0; }
.react-addon-services.services-style6 .services-part .services--bottom .number-box {
position: absolute;
height: 50px;
width: 50px;
background: #fff;
border: 1px solid #EFEEEE;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
left: 50%;
transform: translateX(-50%);
top: -30px;
z-index: 1;
color: var(--primaryColor);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal; }
.react-addon-services.services-style6 .services-part .services--bottom .number-box .number {
background: #e57d611a;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
border-radius: 30px;
transition: 0.3s; }
.react-addon-services.services-style6 .services-part .services--bottom .services-txt {
font-size: 16px;
font-weight: 400;
color: #777777;
line-height: 28px;
margin: 0; }
.react-addon-services.services-style6 .services-part .services--bottom .services-btn {
font-weight: 700;
font-size: 16px; }
.react-addon-services.services-style6 .services-part:hover .number-box .number {
background: var(--primaryColor);
color: #fff; }.rt--slider {
position: relative; }
.rt--slider .rt-slider-navigation {
width: 100%;
margin: 0 auto;
z-index: 10;
position: absolute;
top: 50%;
left: 0;
margin-bottom: 45px;
text-align: right;
display: flex;
flex-wrap: wrap;
transform: translateY(-50%); }
.rt--slider .rt-slider-navigation .rt-slider-next,
.rt--slider .rt-slider-navigation .rt-slider-prev {
color: #B0B0B0;
transition: all 0.5s;
font-weight: bold;
font-size: 14px;
width: 50%; }
.rt--slider .rt-slider-navigation .rt-slider-next i,
.rt--slider .rt-slider-navigation .rt-slider-prev i {
width: 50px;
height: 50px;
line-height: 50px;
background: #fff;
display: inline-block;
border-radius: 100px;
text-align: center;
font-size: 16px;
transition: all 0.5s;
font-weight: bold;
border: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0px 9px 18px #1810100d; }
.rt--slider .rt-slider-navigation .rt-slider-next i:before,
.rt--slider .rt-slider-navigation .rt-slider-prev i:before {
transition: all 0.5s;
color: #000;
font-weight: 700; }
.rt--slider .rt-slider-navigation .rt-slider-next i:hover,
.rt--slider .rt-slider-navigation .rt-slider-prev i:hover {
background: var(--primaryColor); }
.rt--slider .rt-slider-navigation .rt-slider-next i:hover:before,
.rt--slider .rt-slider-navigation .rt-slider-prev i:hover:before {
color: #fff; }
.rt--slider .rt-slider-navigation .rt-slider-next {
padding-right: 50px; }
.rt--slider .rt-slider-navigation .rt-slider-prev {
padding-left: 50px;
text-align: left; }
.rt--slider .rt-slider-navigation .rt-slider-prev i {
text-align: center !important; }
.rt--slider .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #fff;
opacity: 0.9; }
.rt--slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--primaryColor); }
.rt--slider .single--item .content--box .slider-title {
color: #040404;
font-size: 60px;
line-height: 70px;
letter-spacing: -0.03em;
font-weight: 700;
margin: 0; }
.rt--slider .single--item .content--box .slider-subtitle {
font-size: 18px;
font-weight: 400;
line-height: 23px;
margin-top: 11px;
margin-bottom: 55px; }
.rt--slider .single--item .content--box .slider-btn {
display: inline-block;
background: #83B735;
color: #fff;
padding: 15px 32px;
border-radius: 3px;
transition: all 0.5s;
font-size: 16px;
font-weight: bold; }
.rt--slider .single--item .content--box .slider-btn:hover {
background: #040404; }
.rt--slider.slider-style5 .single--item .content--box {
width: unset;
max-width: unset;
margin: unset; }
.rt--slider.slider-style5 .rt-slider-navigation {
top: 83%;
width: 210px;
right: -73%; }
.rt--slider.slider-style2 .slider-subtitle {
font-size: 18px;
font-weight: 400;
line-height: 23px;
margin-top: 11px;
margin-bottom: 10px !important; }
.rt--slider.slider-style2 .rt-slider-navigation {
margin: 0;
position: absolute;
top: 50%;
right: 1%;
left: unset;
transform: translate(-50%, -50%);
z-index: 260;
width: 60px; }
.rt--slider.slider-style2 .rt-slider-navigation .rt-slider-next,
.rt--slider.slider-style2 .rt-slider-navigation .rt-slider-prev {
padding-left: 0 !important;
width: 60px;
height: 60px;
border-radius: 6px 6px 0px 0px;
background-color: #ffffff;
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
text-align: center;
transition: all 0.5s; }
.rt--slider.slider-style2 .rt-slider-navigation .rt-slider-next i,
.rt--slider.slider-style2 .rt-slider-navigation .rt-slider-prev i {
border-radius: 6px 6px 0px 0px; }
.rt--slider.slider-style2 .rt-slider-navigation .rt-slider-next:hover i,
.rt--slider.slider-style2 .rt-slider-navigation .rt-slider-prev:hover i {
background: #ffbd27; }
.rt--slider.slider-style2 .rt-slider-navigation .rt-slider-next {
border-radius: 0px 0px 6px 6px; }
.rt--slider.slider-style2 .rt-slider-navigation .rt-slider-next i {
border-radius: 0px 0px 6px 6px; }
.rt--slider.slider-style2 .single--item {
position: relative;
padding: 50px 50px 30px 50px;
background: #fff;
border-radius: 20px;
border: 1px solid #E9ECF1; }
.rt--slider.slider-style2 .single--item .content--box {
display: flex;
align-items: center; }
.rt--slider.slider-style2 .single--item .content--box .slider-subtitle {
margin: 0; }
.rt--slider.slider-style2 .single--item .content--box .slider-title {
font-size: 20px;
font-weight: 700;
color: #031424;
line-height: 29px; }
.rt--slider.slider-style2 .single--item .content--box .slider-btn {
margin-top: 40px; }
.rt--slider.slider-style2 .single--item .description {
margin-left: 30px; }
.rt--slider.slider-style2 .single--item .review-body .desc {
margin: 30px 0;
border-bottom: 2px solid #E9ECF1;
padding-bottom: 5px; }
.rt--slider.slider-style2 .single--item .review-body .star-rating .star {
position: relative;
color: var(--primaryColor);
display: inline-block;
font-family: rt-icons;
font-size: 20px;
font-style: normal;
font-weight: 400;
height: 16px;
line-height: 27px;
text-align: center;
text-decoration: inherit;
vertical-align: top;
width: 26px; }
.rt--slider.slider-style2 .single--item .banner-image {
position: relative; }
.rt--slider.slider-style2 .single--item .banner-image .quote, .rt--slider.slider-style2 .single--item .banner-image svg {
position: absolute;
top: 0px;
right: -17px;
top: 16px; }
.rt--slider.slider-style2 .single--item .banner-image svg circle {
fill: var(--primaryColor); }
.rt--slider.slider-style2 .single--item .review-end {
display: flex;
align-items: center;
justify-content: space-between; }
.rt--slider .star-rating .star-full:before {
content: '\e821';
position: absolute;
left: 0;
top: 0; }
.rt--slider .star-rating .star-half:before {
content: '\e82a';
position: absolute;
left: 0;
top: 0; }
.rt--slider .star-rating .star-empty:before {
content: '\e82b';
position: absolute;
left: 0;
top: 0; }
.rt--slider.slider-style4 {
position: relative; }
.rt--slider.slider-style4 .swiper-wrapper .swiper-slide .single--item {
border-radius: 10px;
min-height: 570px;
padding-left: 85px; }
.rt--slider.slider-style4 .swiper-wrapper .swiper-slide .single--item .slider-subtitle {
background: #fff;
color: #000;
font-size: 14px;
font-weight: 400;
display: inline-block;
margin-bottom: 15px;
margin-top: 0;
padding-left: 10px;
padding-right: 10px;
border-radius: 50px; }
.rt--slider.slider-style4 .swiper-wrapper .swiper-slide .single--item .slider-subtitle img {
display: inline-block;
padding-bottom: 5px;
padding-right: 5px; }
.rt--slider.slider-style4 .swiper-wrapper .swiper-slide .single--item .slider-title {
font-weight: 600;
font-size: 50px;
color: #000;
text-transform: uppercase;
line-height: 60px; }
.rt--slider.slider-style4 .swiper-wrapper .swiper-slide .single--item .slider-description {
color: #777777;
font-size: 14px;
font-weight: 400;
margin-top: 10px;
margin-bottom: 50px; }
.rt--slider.slider-style4 .swiper-wrapper .swiper-slide .single--item .slider-btn {
color: #000;
font-size: 14px;
font-weight: 600;
background: transparent;
text-transform: uppercase;
text-decoration: underline !important;
padding: 0;
transition: all 0.6s; }
.rt--slider.slider-style4 .swiper-wrapper .swiper-slide .single--item .slider-btn:hover {
color: #777777; }
.rt--slider.slider-style4 .swiper-wrapper .swiper-slide .single--item .content--box {
z-index: 10; }
.rt--slider.slider-style4 .rt-slider-navigation {
justify-content: space-between;
opacity: 0;
visibility: hidden;
transition: all 0.6s; }
.rt--slider.slider-style4 .rt-slider-navigation .rt-slider-next,
.rt--slider.slider-style4 .rt-slider-navigation .rt-slider-prev {
width: 150px; }
.rt--slider.slider-style4 .rt-slider-navigation .rt-slider-next i:hover,
.rt--slider.slider-style4 .rt-slider-navigation .rt-slider-prev i:hover {
background: var(--primaryColor); }
.rt--slider.slider-style4 .rt-slider-navigation .rt-slider-prev {
padding-left: 15px; }
.rt--slider.slider-style4 .rt-slider-navigation .rt-slider-next {
padding-right: 15px; }
.rt--slider.slider-style4:hover .rt-slider-navigation {
opacity: 1;
visibility: visible; }
.rt--slider.slider-style6 .slider-subtitle {
font-size: 18px;
font-weight: 400;
line-height: 23px;
margin-top: 11px;
margin-bottom: 10px !important; }
.rt--slider.slider-style6 .rt-slider-navigation {
margin: 0;
position: absolute;
top: 50%;
right: 1%;
left: unset;
transform: translate(-50%, -50%);
z-index: 260;
width: 60px; }
.rt--slider.slider-style6 .rt-slider-navigation .rt-slider-next,
.rt--slider.slider-style6 .rt-slider-navigation .rt-slider-prev {
padding-left: 0 !important;
width: 60px;
height: 60px;
border-radius: 6px 6px 0px 0px;
background-color: #ffffff;
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
text-align: center;
transition: all 0.5s; }
.rt--slider.slider-style6 .rt-slider-navigation .rt-slider-next i,
.rt--slider.slider-style6 .rt-slider-navigation .rt-slider-prev i {
border-radius: 6px 6px 0px 0px; }
.rt--slider.slider-style6 .rt-slider-navigation .rt-slider-next:hover i,
.rt--slider.slider-style6 .rt-slider-navigation .rt-slider-prev:hover i {
background: #ffbd27; }
.rt--slider.slider-style6 .rt-slider-navigation .rt-slider-next {
border-radius: 0px 0px 6px 6px; }
.rt--slider.slider-style6 .rt-slider-navigation .rt-slider-next i {
border-radius: 0px 0px 6px 6px; }
.rt--slider.slider-style6 .single--item {
position: relative;
padding: 45px 50px 45px 50px;
background: #fff;
border-radius: 15px; }
.rt--slider.slider-style6 .single--item .content--box {
display: flex;
align-items: center; }
.rt--slider.slider-style6 .single--item .content--box .slider-subtitle {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 18px; }
.rt--slider.slider-style6 .single--item .content--box .slider-title {
font-size: 20px;
font-weight: 700;
color: #031424;
line-height: 29px; }
.rt--slider.slider-style6 .single--item .content--box .slider-btn {
margin-top: 40px; }
.rt--slider.slider-style6 .single--item .description {
margin-left: 16px; }
.rt--slider.slider-style6 .single--item .review-body .desc {
margin: 0 0 18px;
border-bottom: 1px solid #ECECF2;
padding-bottom: 18px; }
.rt--slider.slider-style6 .single--item .review-body .desc .des-title {
margin: 0;
margin-bottom: 20px; }
.rt--slider.slider-style6 .single--item .review-body .desc p {
margin: 0; }
.rt--slider.slider-style6 .single--item .review-body .star-rating .star {
position: relative;
color: var(--primaryColor);
display: inline-block;
font-family: rt-icons;
font-size: 20px;
font-style: normal;
font-weight: 400;
height: 16px;
line-height: 27px;
text-align: center;
text-decoration: inherit;
vertical-align: top;
width: 26px; }
.rt--slider.slider-style6 .single--item .banner-image {
position: relative;
overflow: hidden;
max-width: 46px;
height: 46px;
border-radius: 15px; }
.rt--slider.slider-style6 .single--item .banner-image .quote, .rt--slider.slider-style6 .single--item .banner-image svg {
position: absolute;
top: 0px;
right: -17px;
top: 16px; }
.rt--slider.slider-style6 .single--item .banner-image svg circle {
fill: var(--primaryColor); }
.rt--slider.slider-style6 .single--item .review-end {
display: flex;
align-items: center;
justify-content: space-between; }
.rt--slider .star-rating .star-full:before {
content: '\e821';
position: absolute;
left: 0;
top: 0; }
.rt--slider .star-rating .star-half:before {
content: '\e82a';
position: absolute;
left: 0;
top: 0; }
.rt--slider .star-rating .star-empty:before {
content: '\e82b';
position: absolute;
left: 0;
top: 0; }
.rt--slider.slider-style3 {
position: relative; }
.rt--slider.slider-style3 .rt-slider-navigation3 .rt-slider-next,
.rt--slider.slider-style3 .rt-slider-navigation3 .rt-slider-prev {
z-index: 25 !important;
width: 10px;
position: absolute;
left: 50px;
top: -2px;
opacity: 0;
transition: all 0.5s; }
.rt--slider.slider-style3 .rt-slider-navigation3 .rt-slider-next i,
.rt--slider.slider-style3 .rt-slider-navigation3 .rt-slider-prev i {
background: transparent; }
.rt--slider.slider-style3 .rt-slider-navigation3 .rt-slider-next i:before,
.rt--slider.slider-style3 .rt-slider-navigation3 .rt-slider-prev i:before {
color: #fff; }
.rt--slider.slider-style3 .rt-slider-navigation3 .rt-slider-next {
left: unset;
right: 50px; }
.rt--slider.slider-style3 .single--item {
min-height: unset; }
.rt--slider.slider-style3 .single--item .content--box .slider-subtitle {
text-align: center;
font-size: 14px;
font-weight: 400;
color: #fff;
margin: 0; }
.rt--slider.slider-style3 .single--item .content--box .slider-subtitle a {
z-index: 15 !important;
font-size: 14px;
font-weight: bold;
color: #fff;
padding: 0;
background: transparent; }
.rt--slider.slider-style3 .single--item .content--box .slider-subtitle a:hover {
text-decoration: underline !important; }
.rt--slider.slider-style3:hover .rt-slider-next,
.rt--slider.slider-style3:hover .rt-slider-prev {
opacity: 1; }
.startup_slider .swiper-pagination-bullets {
bottom: -60px !important; }
.startup_slider .swiper-pagination-bullets .swiper-pagination-bullet {
width: 6px;
height: 6px;
position: relative;
background: #fff; }
.startup_slider .swiper-pagination-bullets .swiper-pagination-bullet-active {
position: relative; }
.startup_slider .swiper-pagination-bullets .swiper-pagination-bullet-active::after {
content: "";
position: absolute;
width: 14px;
height: 14px;
border: 1px solid #fff;
border-radius: 50%;
left: -4px;
bottom: -4px; }