.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var( --container-widget-align-self,initial );--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{min-height:22px;min-width:22px;position:relative}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{height:22px;inset:0;margin:auto;padding:0;position:absolute;width:22px}.react-button a {
display: inline-block;
color: #fff;
padding: 12px 30px 12px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0px;
background-color: var(--primaryColor);
border-radius: 15px;
}
.react-button a:hover {
background: #ffecec;
color: #1C2539;
}
.react-button a svg {
width: 20px;
position: relative;
}.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}.elementor-widget-icon-box .elementor-icon-box-wrapper{display:flex;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}.elementor-widget-icon-box .elementor-icon-box-icon{display:inline-block;flex:0 0 auto;line-height:0}.elementor-widget-icon-box .elementor-icon-box-content{flex-grow:1;width:100%}.elementor-widget-icon-box .elementor-icon-box-title a{color:inherit}.elementor-widget-icon-box .elementor-icon-box-description{margin:0}.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper{flex-direction:row-reverse;gap:var(--icon-box-icon-margin,15px);text-align:end}.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper{flex-direction:row;gap:var(--icon-box-icon-margin,15px);text-align:start}.elementor-widget-icon-box.elementor-position-top .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}@media (min-width:-1){.elementor-widget-icon-box.elementor-widescreen-position-right .elementor-icon-box-wrapper{flex-direction:row-reverse;gap:var(--icon-box-icon-margin,15px);text-align:end}.elementor-widget-icon-box.elementor-widescreen-position-left .elementor-icon-box-wrapper{flex-direction:row;gap:var(--icon-box-icon-margin,15px);text-align:start}.elementor-widget-icon-box.elementor-widescreen-position-top .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}}@media (max-width:-1){.elementor-widget-icon-box.elementor-laptop-position-right .elementor-icon-box-wrapper{flex-direction:row-reverse;gap:var(--icon-box-icon-margin,15px);text-align:end}.elementor-widget-icon-box.elementor-laptop-position-left .elementor-icon-box-wrapper{flex-direction:row;gap:var(--icon-box-icon-margin,15px);text-align:start}.elementor-widget-icon-box.elementor-laptop-position-top .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}.elementor-widget-icon-box.elementor-tablet_extra-position-right .elementor-icon-box-wrapper{flex-direction:row-reverse;gap:var(--icon-box-icon-margin,15px);text-align:end}.elementor-widget-icon-box.elementor-tablet_extra-position-left .elementor-icon-box-wrapper{flex-direction:row;gap:var(--icon-box-icon-margin,15px);text-align:start}.elementor-widget-icon-box.elementor-tablet_extra-position-top .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}}@media (max-width:1024px){.elementor-widget-icon-box.elementor-tablet-position-right .elementor-icon-box-wrapper{flex-direction:row-reverse;gap:var(--icon-box-icon-margin,15px);text-align:end}.elementor-widget-icon-box.elementor-tablet-position-left .elementor-icon-box-wrapper{flex-direction:row;gap:var(--icon-box-icon-margin,15px);text-align:start}.elementor-widget-icon-box.elementor-tablet-position-top .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}}@media (max-width:-1){.elementor-widget-icon-box.elementor-mobile_extra-position-right .elementor-icon-box-wrapper{flex-direction:row-reverse;gap:var(--icon-box-icon-margin,15px);text-align:end}.elementor-widget-icon-box.elementor-mobile_extra-position-left .elementor-icon-box-wrapper{flex-direction:row;gap:var(--icon-box-icon-margin,15px);text-align:start}.elementor-widget-icon-box.elementor-mobile_extra-position-top .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}}@media (max-width:767px){.elementor-widget-icon-box.elementor-mobile-position-right .elementor-icon-box-wrapper{flex-direction:row-reverse;gap:var(--icon-box-icon-margin,15px);text-align:end}.elementor-widget-icon-box.elementor-mobile-position-left .elementor-icon-box-wrapper{flex-direction:row;gap:var(--icon-box-icon-margin,15px);text-align:start}.elementor-widget-icon-box.elementor-mobile-position-top .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon,.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon{flex-direction:column}}.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; }.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}.elementor-widget-image-box .elementor-image-box-content{width:100%}@media (min-width:768px){.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper,.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{display:flex}.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{flex-direction:row-reverse;text-align:end}.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper{flex-direction:row;text-align:start}.elementor-widget-image-box.elementor-position-top .elementor-image-box-img{margin:auto}.elementor-widget-image-box.elementor-vertical-align-top .elementor-image-box-wrapper{align-items:flex-start}.elementor-widget-image-box.elementor-vertical-align-middle .elementor-image-box-wrapper{align-items:center}.elementor-widget-image-box.elementor-vertical-align-bottom .elementor-image-box-wrapper{align-items:flex-end}}@media (max-width:767px){.elementor-widget-image-box .elementor-image-box-img{margin-bottom:15px;margin-left:auto!important;margin-right:auto!important}}.elementor-widget-image-box .elementor-image-box-img{display:inline-block}.elementor-widget-image-box .elementor-image-box-img img{display:block;line-height:0}.elementor-widget-image-box .elementor-image-box-title a{color:inherit}.elementor-widget-image-box .elementor-image-box-wrapper{text-align:center}.elementor-widget-image-box .elementor-image-box-description{margin:0}.rt-service--slider {
padding-bottom: 10px !important; }
.rt-service-slider .service-img {
margin-bottom: 35px; }
.rt-service-slider .service-sub {
color: #d2d2d2;
font-size: 14px;
margin-bottom: 18px; }
.rt-service-slider ul {
list-style: none;
padding: 0;
margin: 0; }
.rt-service-slider ul li {
list-style: none;
font-size: 18px;
line-height: 40px;
position: relative;
z-index: 1; }
.rt-service-slider ul li:before {
content: "\e812";
position: absolute;
font-family: "rt-icons";
font-size: 18px;
color: var(--primaryColor);
right: 0;
top: 0;
z-index: 1; }
.service-one-inner-four {
position: relative; }
.service-one-inner-four a.rts-btn {
display: block;
max-width: max-content;
position: relative;
bottom: 0;
left: 40px;
border-radius: 0 0 15px 15px;
border: 1px solid transparent;
display: flex;
align-items: center;
background: var(--primaryColor); }
.service-one-inner-four a.rts-btn i {
margin-left: 5px; }
.service-one-inner-four a.rts-btn:hover {
border: 1px solid var(--primaryColor);
background: #fff; }
.service-one-inner-four .big-thumbnail-area {
position: relative;
z-index: 1;
cursor: pointer; }
.service-one-inner-four .big-thumbnail-area .thumbnail {
overflow: hidden;
display: block;
border-radius: 15px; }
.service-one-inner-four .big-thumbnail-area .thumbnail:hover img {
transform: scale(1.2); }
.service-one-inner-four .big-thumbnail-area .thumbnail img {
width: 100%;
transition: .5s;
border-radius: 15px; }
.service-one-inner-four .big-thumbnail-area .content {
position: absolute;
bottom: 40px;
left: 40px;
right: 40px;
z-index: 1;
height: 143px;
overflow: hidden;
transition: .5s;
text-align: left; }
.service-one-inner-four .big-thumbnail-area .content img, .service-one-inner-four .big-thumbnail-area .content svg {
max-width: 85px;
height: auto;
margin-bottom: 30px; }
.service-one-inner-four .big-thumbnail-area .content svg path {
fill: var(--primaryColor); }
.service-one-inner-four .big-thumbnail-area .content svg rect:first-child {
fill: var(--primaryColor); }
.service-one-inner-four .big-thumbnail-area .content .title {
color: #fff;
margin-bottom: 10px; }
.service-one-inner-four .big-thumbnail-area .content p.disc {
color: #fff;
font-weight: 400;
font-size: 16px;
line-height: 26px; }
.service-one-inner-four .big-thumbnail-area .over_link {
position: absolute;
height: 100%;
width: 100%;
z-index: 10;
top: 0;
left: 0;
border-radius: 15px; }
.service-one-inner-four .big-thumbnail-area img {
width: 100%; }
.service-one-inner-four .big-thumbnail-area::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 85%;
display: block;
z-index: 0;
content: "";
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24.52%, rgba(6, 9, 12, 0.85) 87.86%);
transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
cursor: pointer;
border-radius: 15px;
transition: .5s; }
.service-one-inner-four .big-thumbnail-area:hover .content {
height: 206px; }
.service-one-inner-four:hover .thumbnail img {
transform: scale(1.2); }.rt-portfolio-style1 .portfolio-item {
position: relative;
overflow: hidden;
background: #fff;
border-radius: 6px;
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04); }
.rt-portfolio-style1 .portfolio-item .portfolio-content {
padding: 25px; }
.rt-portfolio-style1 .portfolio-item .portfolio-content .vertical-middle {
position: relative;
z-index: 9; }
.rt-portfolio-style1 .portfolio-item .portfolio-content .p-category {
color: #999999;
font-size: 14px;
margin-bottom: 5px; }
.rt-portfolio-style1 .portfolio-item .portfolio-content .p-category a {
color: #999999; }
.rt-portfolio-style1 .portfolio-item .portfolio-content .vertical-middle {
display: table;
height: 100%;
width: 100%; }
.rt-portfolio-style1 .portfolio-item .portfolio-content .vertical-middle-cell {
display: table-cell;
vertical-align: middle; }
.rt-portfolio-style1 .portfolio-item .portfolio-text {
padding-top: 15px; }
.rt-portfolio-style1 .portfolio-item .p-link {
transition: all 0.3s ease 0s;
display: inline-block;
font-size: 19px;
width: 52px;
line-height: 54px;
height: 52px;
text-align: center;
border-radius: 50%;
background: #fff; }
.rt-portfolio-style1 .portfolio-item .p-link i {
margin-left: 2px; }
.rt-portfolio-style1 .portfolio-item .p-link:hover {
background-color: var(--primaryColor);
color: #fff; }
.rt-portfolio-style1 .portfolio-item .p-title {
font-size: 18px;
line-height: normal;
margin-bottom: 0;
font-weight: 700;
line-height: 27px; }
.rt-portfolio-style1 .portfolio-item .p-desc {
font-size: 15px;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 0;
margin-top: 10px; }
.rt-portfolio-style1 .read-btn {
background: #ffffff;
border-top: 1px solid #f1f1f1;
padding: 16px 20px;
display: block;
-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;
font-size: 14px;
font-weight: 700;
position: relative;
z-index: 2;
color: #999; }
.rt-portfolio-style1 .read-btn i {
margin-left: 10px;
font-weight: 300; }
.rt-portfolio-style1 .read-btn:before {
content: "";
position: absolute;
background-color: #040404;
width: 100%;
height: 0;
-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;
left: 0;
top: 0;
z-index: -1; }
.rt-portfolio-style1 .read-btn span.f-right {
float: right; }
.rt-portfolio-style1 .grid-item:hover .read-btn {
color: #fff; }
.rt-portfolio-style1 .grid-item:hover .read-btn:before {
height: 100%;
bottom: 0; }
.rt-portfolio-style1 .slick-slider .slick-arrow {
width: 60px;
height: 55px;
border-radius: 0;
line-height: 60px;
bottom: -172px;
top: -84px; }
.rt-portfolio-style1 .slick-slider .slick-arrow:before {
color: #fff; }
.rt-portfolio-style1 .slick-slider .slick-prev {
left: 88.5%; }
.rt-portfolio-style1 .slick-slider .slick-prev:hover {
background: #fff; }
.rt-portfolio-style1 .slick-slider .slick-prev:hover:before {
color: var(--primaryColor); }
.rt-portfolio-style1 .slick-slider .slick-next {
right: 1%;
background: #fff;
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04); }
.rt-portfolio-style1 .slick-slider .slick-next:before {
color: var(--primaryColor); }
.rt-portfolio-style1 .slick-slider .slick-next:hover {
background: var(--primaryColor); }
.rt-portfolio-style1 .slick-slider .slick-next:hover:before {
color: #fff; }
.rt-portfolio-style2 .portfolio-item {
position: relative;
overflow: hidden;
z-index: 1; }
.rt-portfolio-style2 .portfolio-item img {
width: 100%; }
.rt-portfolio-style2 .portfolio-item:before {
content: "";
position: absolute;
background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.70196) 0%, rgba(0, 0, 0, 0) 100%);
background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.70196) 0%, rgba(0, 0, 0, 0) 100%);
background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.70196) 0%, rgba(0, 0, 0, 0) 100%);
width: 100%;
height: 100%;
-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;
left: 0;
bottom: 0;
z-index: 1; }
.rt-portfolio-style2 .portfolio-item:after {
content: "";
position: absolute;
background-color: var(--primaryColor);
opacity: 0.902;
clip-path: polygon(100% 0, 100% 100%, 44.5% 100%, 0% 65%, 0 0);
width: 100%;
height: 0;
-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;
left: 0;
top: 0;
z-index: 1; }
.rt-portfolio-style2 .portfolio-item .portfolio-content {
padding: 0;
position: absolute;
left: 50px;
top: auto;
bottom: 20px;
z-index: 3;
-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; }
.rt-portfolio-style2 .portfolio-item .portfolio-content .p-title {
font-size: 24px;
font-weight: 700;
line-height: 35px;
bottom: -100px;
left: 25px; }
.rt-portfolio-style2 .portfolio-item .portfolio-content .p-title span {
font-size: 14px;
font-weight: 400;
display: block; }
.rt-portfolio-style2 .portfolio-item .portfolio-content .p-title span,
.rt-portfolio-style2 .portfolio-item .portfolio-content .p-title a {
color: #ffffff; }
.rt-portfolio-style2 .portfolio-item .portfolio-content .p-title a:hover {
color: var(--primaryColor); }
.rt-portfolio-style2 .portfolio-item .pf-btn {
color: #083d59;
background: #ffffff;
width: 60px;
height: 60px;
font-size: 16px;
line-height: 60px;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
position: absolute;
z-index: 3;
left: 15%;
bottom: 12.5%;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-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; }
.rt-portfolio-style2 .portfolio-item:hover .portfolio-content {
top: 10%;
bottom: auto; }
.rt-portfolio-style2 .portfolio-item:hover .pf-btn {
transform: scale(1); }
.rt-portfolio-style2 .portfolio-item:hover:before {
background-image: unset;
background: #ffa84b;
opacity: 0.902;
clip-path: polygon(0 64.6%, 0% 100%, 45.5% 100%); }
.rt-portfolio-style2 .portfolio-item:hover:after {
visibility: visible;
height: 100%; }
.rt-portfolio-style2 .slick-slider .slick-arrow {
background: white;
border: 2px solid #f0f0f0;
border-radius: unset;
top: -80px;
left: unset;
padding: 23px 23px; }
.rt-portfolio-style2 .slick-slider .slick-arrow::before {
color: #083d59;
font-size: 14px;
top: -15px; }
.rt-portfolio-style2 .slick-slider .slick-arrow:hover {
background: #ffa84b;
border: 2px solid #ffa84b; }
.rt-portfolio-style2 .slick-slider .slick-prev {
right: 33.5%; }
.rt-portfolio-style2 .slick-slider .slick-next {
right: 30.0%; }
.rt-portfolio-style3 .portfolio-item {
position: relative;
overflow: hidden;
border-radius: 0; }
.rt-portfolio-style3 .portfolio-item .portfolio-img {
position: relative;
z-index: 1;
overflow: hidden; }
.rt-portfolio-style3 .portfolio-item .portfolio-img:before {
content: "";
position: absolute;
background: var(--primaryColor);
opacity: 0.902;
width: 100%;
height: 0;
left: 0;
top: 0;
z-index: 1;
-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; }
.rt-portfolio-style3 .portfolio-item .portfolio-img img {
width: 100%;
-webkit-transition: 1.3s all ease;
transition: 1.3s all ease;
border-radius: 0px; }
.rt-portfolio-style3 .portfolio-item .portfolio-img .p-link {
display: none !important;
top: 20px;
right: 20px;
display: inline-block;
font-size: 32px;
color: #ffffff;
-webkit-transition: 0.6s all ease;
transition: 0.6s all ease;
opacity: 0;
z-index: 10; }
.rt-portfolio-style3 .portfolio-item .portfolio-img .p-link i {
margin-left: 2px;
display: none; }
.rt-portfolio-style3 .portfolio-item .portfolio-content {
position: relative;
padding: 20px 0px 0;
opacity: 1;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
text-align: left;
width: 100%;
border-top: 0; }
.rt-portfolio-style3 .portfolio-item .portfolio-content a {
color: #040404; }
.rt-portfolio-style3 .portfolio-item .portfolio-content h4 {
margin-bottom: 0;
font-size: 24px;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.6s all ease;
transition: 0.6s all ease;
font-weight: 500 !important;
line-height: 30px !important; }
.rt-portfolio-style3 .portfolio-item .portfolio-content h4 a:hover {
color: var(--primaryColor); }
.rt-portfolio-style3 .portfolio-item .portfolio-content p {
margin-bottom: 0;
color: #040404;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: 0.6s all ease;
transition: 0.6s all ease; }
.rt-portfolio-style3 .portfolio-item .portfolio-content p a {
font-size: 14px; }
.rt-portfolio-style3 .portfolio-item a.pf-btn2 {
color: #ffffff;
font-size: 16px;
font-weight: 700;
line-height: 1;
padding: 15px 30px;
border: 2px solid rgba(255, 255, 255, 0.1);
display: inline-block;
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0);
-webkit-transform: translate(-50%, -50%) scale(0);
-moz-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
-o-transform: translate(-50%, -50%) scale(0); }
.rt-portfolio-style3 .portfolio-item:hover h4 a {
text-decoration: underline !important; }
.rt-portfolio-style3 .portfolio-item:hover .portfolio-img:before {
height: 100%; }
.rt-portfolio-style3 .portfolio-item:hover .portfolio-img a.pf-btn2 {
transform: translate(-50%, -50%) scale(1);
-webkit-transform: translate(-50%, -50%) scale(1);
-moz-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
-o-transform: translate(-50%, -50%) scale(1); }
.rt-portfolio-style4 .portfolio-item {
position: relative;
overflow: hidden;
border-radius: 0; }
.rt-portfolio-style4 .portfolio-item .portfolio-img {
position: relative;
z-index: 1;
overflow: hidden; }
.rt-portfolio-style4 .portfolio-item .portfolio-img:before {
content: "";
position: absolute;
background: var(--primaryColor);
opacity: 0.902;
width: 100%;
height: 0;
left: 0;
bottom: 0;
z-index: 1;
-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;
clip-path: polygon(0% -65%, 0% 100%, 99% 100%); }
.rt-portfolio-style4 .portfolio-item .portfolio-img img {
width: 100%;
-webkit-transition: 1.3s all ease;
transition: 1.3s all ease;
border-radius: 0px; }
.rt-portfolio-style4 .portfolio-item .portfolio-img .p-link {
display: none !important;
top: 20px;
right: 20px;
display: inline-block;
font-size: 32px;
color: #ffffff;
-webkit-transition: 0.6s all ease;
transition: 0.6s all ease;
opacity: 0;
z-index: 10; }
.rt-portfolio-style4 .portfolio-item .portfolio-img .p-link i {
margin-left: 2px;
display: none; }
.rt-portfolio-style4 .portfolio-item .portfolio-content {
position: relative;
padding: 35px 0px 0;
opacity: 1;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
text-align: left;
width: 100%;
border-top: 0; }
.rt-portfolio-style4 .portfolio-item .portfolio-content a {
color: #040404; }
.rt-portfolio-style4 .portfolio-item .portfolio-content h4 {
margin-bottom: 0;
font-size: 24px;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.6s all ease;
transition: 0.6s all ease;
font-weight: 500 !important;
line-height: 30px !important; }
.rt-portfolio-style4 .portfolio-item .portfolio-content h4 a:hover {
color: var(--primaryColor); }
.rt-portfolio-style4 .portfolio-item .portfolio-content p {
margin-bottom: 0;
color: #040404;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: 0.6s all ease;
transition: 0.6s all ease; }
.rt-portfolio-style4 .portfolio-item .portfolio-content p a {
font-size: 14px; }
.rt-portfolio-style4 .portfolio-item .portfolio-content {
transition: 0.4s;
opacity: 0;
display: none;
position: absolute;
left: 40px;
bottom: 40px;
z-index: 5; }
.rt-portfolio-style4 .portfolio-item .portfolio-content .p-title {
margin-bottom: 0;
max-width: 255px; }
.rt-portfolio-style4 .portfolio-item .portfolio-content .p-title a {
color: #ffffff; }
.rt-portfolio-style4 .portfolio-item .portfolio-content .p-category {
margin-bottom: 0; }
.rt-portfolio-style4 .portfolio-item .portfolio-content .p-category .separator {
color: #fff; }
.rt-portfolio-style4 .portfolio-item .portfolio-content .p-category a {
color: #ffffff;
font-size: 14px;
font-weight: 400; }
.rt-portfolio-style4 .portfolio-item a.pf-btn2 {
color: #ffffff;
font-size: 16px;
font-weight: 700;
line-height: 1;
padding: 15px 16px;
border: 2px solid rgba(255, 255, 255, 0.1);
display: inline-block;
position: absolute;
z-index: 6;
right: 30px;
bottom: 30px;
transform: translate(-50%, -50%) scale(0);
-webkit-transform: translate(-50%, -50%) scale(0);
-moz-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
-o-transform: translate(-50%, -50%) scale(0);
transform: translate(0%, 0%) scale(0);
border-radius: 100px;
background: #ffffff;
width: 50px;
height: 50px; }
.rt-portfolio-style4 .portfolio-item a.pf-btn2 i {
color: #333333;
position: relative;
left: -3px; }
.rt-portfolio-style4 .portfolio-item a.pf-btn2:hover {
background: #086ad8; }
.rt-portfolio-style4 .portfolio-item a.pf-btn2:hover i {
color: #fff; }
.rt-portfolio-style4 .portfolio-item:hover h4 a {
text-decoration: underline !important; }
.rt-portfolio-style4 .portfolio-item:hover .portfolio-img:before {
height: 100%;
display: block; }
.rt-portfolio-style4 .portfolio-item:hover .portfolio-img .portfolio-content {
display: block;
opacity: 1; }
.rt-portfolio-style4 .portfolio-item:hover .portfolio-img a.pf-btn2 {
transform: translate(0%, 0%) scale(1);
-webkit-transform: translate(0%, 0%) scale(1);
-moz-transform: translate(0%, 0%) scale(1);
-ms-transform: translate(0%, 0%) scale(1);
-o-transform: translate(0%, 0%) scale(1); }
.rt-portfolio-style5 .portfolio-item {
position: relative;
overflow: hidden;
border-radius: 15px;
border: 1px solid #EDEFF3;
padding: 35px; }
.rt-portfolio-style5 .portfolio-item .portfolio-img {
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 15px; }
.rt-portfolio-style5 .portfolio-item .portfolio-img:before {
position: absolute;
content: "";
height: 100%;
width: 133%;
background: var(--primaryColor);
opacity: .5;
left: 0;
top: 0;
transform: rotate(-54deg) translateY(-162%);
transition: 0.5s;
z-index: 0; }
.rt-portfolio-style5 .portfolio-item .portfolio-img:after {
position: absolute;
content: "";
height: 100%;
width: 133%;
background: var(--primaryColor);
opacity: .5;
left: 0;
top: 0;
transform: rotate(-45deg) translateY(126%);
transition: 0.5s;
z-index: 0; }
.rt-portfolio-style5 .portfolio-item .portfolio-img img {
width: 100%;
-webkit-transition: 1.3s all ease;
transition: 1.3s all ease;
border-radius: 0px; }
.rt-portfolio-style5 .portfolio-item .portfolio-img a.pf-btn2 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0);
z-index: 5;
background: var(--primaryColor);
border-radius: 50%;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center; }
.rt-portfolio-style5 .portfolio-item .portfolio-img a.pf-btn2 i {
color: #fff; }
.rt-portfolio-style5 .portfolio-item .portfolio-img:hover:before {
transform: rotate(-54deg) translateY(-100%); }
.rt-portfolio-style5 .portfolio-item .portfolio-img:hover:after {
transform: rotate(-54deg) translateY(30%); }
.rt-portfolio-style5 .portfolio-item .portfolio-content {
position: relative;
padding: 35px 0px 0;
opacity: 1;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
text-align: left;
width: 100%;
border-top: 0; }
.rt-portfolio-style5 .portfolio-item .portfolio-content a {
color: #040404; }
.rt-portfolio-style5 .portfolio-item .portfolio-content .p-title {
line-height: 28px;
margin-bottom: 8px; }
.rt-portfolio-style5 .portfolio-item .portfolio-content h4 {
margin-bottom: 0;
font-size: 24px;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.6s all ease;
transition: 0.6s all ease;
font-weight: 500 !important;
line-height: 30px !important; }
.rt-portfolio-style5 .portfolio-item .portfolio-content h4 a:hover {
color: var(--primaryColor); }
.rt-portfolio-style5 .portfolio-item .portfolio-content p {
margin-bottom: 0;
color: #5D666F;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: 0.6s all ease;
transition: 0.6s all ease; }
.rt-portfolio-style5 .portfolio-item .portfolio-content p a {
font-size: 14px; }
.rt-portfolio-style5 .portfolio-item:hover h4 a {
text-decoration: underline !important; }
.rt-portfolio-style5 .portfolio-item:hover .portfolio-img:before {
height: 100%;
display: block; }
.rt-portfolio-style5 .portfolio-item:hover .portfolio-img .portfolio-content {
top: 0;
display: block;
opacity: 1; }
.rt-portfolio-style5 .portfolio-item:hover .portfolio-img a.pf-btn2 {
transform: translate(-50%, -50%) scale(1); }
.rts-btn {
padding: 17px 30px;
min-width: max-content;
font-size: 16px;
line-height: 21px;
font-weight: 700;
border-radius: 15px;
background: var(--primaryColor);
color: #fff; }
.rts-btn:hover {
background-color: #1C2539; }
.rt-portfolio-style6.swiper {
overflow: visible !important; }
.rt-portfolio-style6.swiper .swiper-pagination-frac {
top: -19%;
right: 75px;
font-weight: 700;
position: absolute;
max-width: max-content;
left: unset; }
.rt-portfolio-style6.swiper .swiper-pagination-frac .swiper-pagination-current {
color: var(--primaryColor); }
.rt-portfolio-style6 .bg-right-gallery {
background: #181c27;
padding: 102px 50px 60px;
border-radius: 15px;
position: relative; }
.rt-portfolio-style6 .bg-right-gallery .shape--bg {
position: absolute;
top: 0;
right: 0; }
.rt-portfolio-style6 .bg-right-gallery .rts-btn:hover {
background: #FFECEC;
color: #1C2539; }
.rt-portfolio-style6 .p-title {
margin-top: 30px; }
.rt-portfolio-style6 .p-title a {
font-size: 30px;
font-family: "Red Hat Display", sans-serif;
font-weight: 700;
color: #fff; }
.rt-portfolio-style6 .p-category a {
font-size: 16px;
color: #fff; }
.rt-portfolio-style6 p.disc {
margin-top: 16px;
color: #B3B7C1;
margin-bottom: 45px;
line-height: 26px;
margin-top: 20px; }
.rt-portfolio-style6 .thumbnail-gallery img {
border-radius: 15px; }
.rt-portfolio-style6 .swiper-button-next {
top: -16%;
right: 0px; }
.rt-portfolio-style6 .swiper-button-prev {
top: -16%;
right: 135px;
left: auto; }
.rt-portfolio-style6 .swiper-button-prev,
.rt-portfolio-style6 .swiper-button-next {
background: #fff;
box-shadow: 0px 10px 20px rgba(24, 16, 16, 0.06);
border-radius: 8px; }
.rt-portfolio-style7 .rts-business-case-s-2 {
position: relative;
overflow: hidden;
z-index: 1;
border-radius: 20px;
width: 100%;
transition: 0.3s; }
.rt-portfolio-style7 .rts-business-case-s-2 .shape--bg {
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
background-repeat: no-repeat;
transition: 0.3s;
top: -75%;
right: -55%;
opacity: 0; }
.rt-portfolio-style7 .rts-business-case-s-2 .thumbnail {
border-radius: 20px;
overflow: hidden; }
.rt-portfolio-style7 .rts-business-case-s-2 .thumbnail img {
overflow: hidden;
transition: .3s;
border-radius: 20px; }
.rt-portfolio-style7 .rts-business-case-s-2 .inner {
padding: 35px;
text-align: center;
position: absolute;
bottom: 35px;
left: 50%;
transform: translateX(-50%);
width: 84%;
background: #fff;
border-radius: 20px;
overflow: hidden;
z-index: 10; }
.rt-portfolio-style7 .rts-business-case-s-2 .inner .icon {
position: absolute;
height: 58px;
width: 58px;
bottom: -48px;
left: -36px;
transition: 0.3s;
opacity: 0; }
.rt-portfolio-style7 .rts-business-case-s-2 .inner span {
color: #5D666F;
font-size: 16px;
position: relative; }
.rt-portfolio-style7 .rts-business-case-s-2 .inner .title {
margin-bottom: 2px;
transition: .3s;
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #1C2539; }
.rt-portfolio-style7 .rts-business-case-s-2:hover .thumbnail img {
transform: scale(1.1);
filter: grayscale(1); }
.rt-portfolio-style7 .rts-business-case-s-2:hover::after {
top: -16%;
right: -56%; }
.rt-portfolio-style7 .rts-business-case-s-2:hover .inner span::after {
bottom: -55px;
left: -111px; }
.rt-portfolio-style7 .rts-business-case-s-2:hover .shape--bg {
top: -28%;
right: -55%;
opacity: 1; }
.rt-portfolio-style7 .rts-business-case-s-2:hover .inner .icon {
bottom: -17px;
left: -17px;
opacity: 1; }
.rt-portfolio-style8 .rts-business-case-s-2 {
position: relative;
overflow: hidden;
z-index: 1;
border-radius: 20px;
width: 100%;
transition: 0.3s; }
.rt-portfolio-style8 .rts-business-case-s-2 .thumbnail {
border-radius: 20px;
overflow: hidden;
position: relative; }
.rt-portfolio-style8 .rts-business-case-s-2 .thumbnail img {
overflow: hidden;
transition: .3s;
border-radius: 20px; }
.rt-portfolio-style8 .rts-business-case-s-2 .thumbnail i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
height: 55px;
width: 55px;
display: flex;
align-items: center;
justify-content: center;
color: var(--primaryColor);
background: #fff;
z-index: 5;
border-radius: 50%;
transition: 0.3s; }
.rt-portfolio-style8 .rts-business-case-s-2 .inner {
padding: 35px;
text-align: center;
position: absolute;
bottom: -75px;
left: 50%;
transform: translateX(-50%);
width: 84%;
background: #fff;
border-radius: 5px;
overflow: hidden;
z-index: 10;
opacity: 0;
transition: 0.8s; }
.rt-portfolio-style8 .rts-business-case-s-2 .inner .icon {
position: absolute;
height: 58px;
width: 58px;
bottom: -48px;
left: -36px;
transition: 0.3s;
opacity: 0; }
.rt-portfolio-style8 .rts-business-case-s-2 .inner span {
color: #5D666F;
font-size: 16px;
position: relative; }
.rt-portfolio-style8 .rts-business-case-s-2 .inner .title {
margin-bottom: 2px;
transition: .3s;
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #1C2539; }
.rt-portfolio-style8 .rts-business-case-s-2:hover .thumbnail img {
transform: scale(1.1);
filter: grayscale(1); }
.rt-portfolio-style8 .rts-business-case-s-2:hover .thumbnail i {
transform: translate(-50%, -50%) scale(1); }
.rt-portfolio-style8 .rts-business-case-s-2:hover::after {
top: -16%;
right: -56%; }
.rt-portfolio-style8 .rts-business-case-s-2:hover .inner span::after {
bottom: -55px;
left: -111px; }
.rt-portfolio-style8 .rts-business-case-s-2:hover .inner .icon {
bottom: -17px;
left: -17px;
opacity: 1; }
.rt-portfolio-style8 .rts-business-case-s-2:hover .inner {
padding: 35px;
text-align: center;
position: absolute;
bottom: 35px;
left: 50%;
transform: translateX(-50%);
width: 84%;
background: #fff;
border-radius: 5px;
overflow: hidden;
z-index: 10;
opacity: 1; }
.rt-portfolio-style9 {
border-radius: 20px; }
.rt-portfolio-style9 .rts-business-case-s-2 {
position: relative;
overflow: hidden;
z-index: 1;
border-radius: 20px;
width: 100%;
transition: 0.3s; }
.rt-portfolio-style9 .rts-business-case-s-2 .thumbnail {
border-radius: 20px;
overflow: hidden;
position: relative;
display: block; }
.rt-portfolio-style9 .rts-business-case-s-2 .thumbnail img {
overflow: hidden;
border-radius: 20px;
width: 100%; }
.rt-portfolio-style9 .rts-business-case-s-2 .thumbnail i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
height: 130px;
width: 130px;
display: flex;
align-items: center;
justify-content: center;
color: var(--primaryColor);
background: #fff;
z-index: 5;
border-radius: 50%;
transition: 1s;
font-size: 30px; }
.rt-portfolio-style9 .rts-business-case-s-2 .thumbnail::after {
position: absolute;
content: "";
left: 50%;
width: 100%;
top: 50%;
transform: translate(-50%, -50%) scale(0);
height: 100%;
background: #E57D61;
border-radius: 20px;
mix-blend-mode: multiply;
transition: 0.3s;
pointer-events: none; }
.rt-portfolio-style9 .grid-item.swiper-slide-active {
position: relative; }
.rt-portfolio-style9 .grid-item.swiper-slide-active .thumbnail i {
transform: translate(-50%, -50%) scale(1); }
.rt-portfolio-style9 .grid-item.swiper-slide-active .thumbnail::after {
position: absolute;
content: "";
left: 50%;
width: 100%;
top: 50%;
transform: translate(-50%, -50%) scale(1);
height: 100%;
background: #E57D61;
border-radius: 20px;
mix-blend-mode: multiply; }.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{flex-shrink:0;margin:0 var(--divider-element-spacing)}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{direction:ltr;display:flex;margin:0}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{border-block-end:0;border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color);content:"";display:block;flex-grow:1}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider--element-align-start .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-start .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-start .elementor-divider__element{margin-inline-start:0}.elementor-widget-divider--element-align-end .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-end .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-end .elementor-divider__element{margin-inline-end:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url);-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;min-height:var(--divider-pattern-height);width:100%}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var( --container-widget-flex-grow )}.rt-grid-figure .logo-img {
text-align: center;
}
.rt-grid-figure .logo-img a {
transition: all 0.5s;
}
.rt-grid-figure .logo-img img {
margin: 0 auto;
transition: all 0.5s;
box-shadow: 0px 10px 30px rgba(33, 5, 5, 0.05);
border-radius: 15px;
}
.rt-grid-figure .logo-img:hover img {
opacity: 1;
}
.rt-grid-figure .logo-img:hover a.back {
display: block;
}
.rt-grid-figure .logo-img:hover a.back-exists {
display: none;
}