/*============================== Case Studies Two Starts*//*.rt-tilt-area {    position: relative;}.holder {    position: absolute;    left: 0;    right: 0;    width: 100%;    bottom: 10px;    padding: 0 40px;}.holder a {    margin: 0;    float: left;}.c-logo {    display: flex;    align-items: center;    justify-content: center;    color: white;    text-decoration: none;    transform-style: preserve-3d;    transform: perspective(500px);    position: relative;    border-radius: 4px;}.c-logo h4 {    display: block;    text-transform: capitalize;    line-height: 40px;    letter-spacing: 0px;    font-weight: 600;    font-style: normal;    color: #fff;    font-size: 30px;    margin: 0;}.c-logo:hover:after {    transform: translateZ(-50px);}.c-logo img {    width: 100%;    border-radius: 4px;    -webkit-filter: brightness(100%);    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.13));}a.rt-readmore-btn {    position: relative;    display: inline-block;    font-size: 13px;    line-height: 26px;    font-weight: 600;    text-transform: uppercase;    color: #007bff;    letter-spacing: 0;    margin-right: 12px;    text-decoration: none;}a.rt-readmore-btn::after {    content: '';    width: 0;    height: 1px;    bottom: 0;    position: absolute;    left: auto;    right: 0;    transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;    background: #007bff;}a.rt-readmore-btn:hover {    color: #007bff;    transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;}a.rt-readmore-btn:hover::after {    width: 84%;    left: 0;    right: auto;    transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;}a.rt-readmore-btn svg {    transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;    fill: #007bff;}a.rt-readmore-btn:hover svg {    -webkit-transform: translateX(5px);    transform: translateX(5px);    transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;    fill: #007bff;}@media only screen and (min-width: 768px) and (max-width: 1024px) {    .leftpane {        height: 264px !important;        min-height: 264px !important;    }    .rightpane {        height: 264px !important;        min-height: 264px !important;    }}@media only screen and (max-width: 767px) {    .leftpane {        margin-bottom: 30px;    }}*//*============================== Case Studies Two Ends*//*============================== Case Studies Three Starts*/.rt-grid {    position: relative;    list-style: none;    text-align: left;}/* Common style */.rt-grid figure {    position: relative;    overflow: hidden;    text-align: left;    cursor: pointer;    border-radius: 4px;    margin: 15px 0;}.rt-grid figure img {    position: relative;    display: block;    min-height: 100%;    max-width: 100%;    -webkit-filter: brightness(80%);    border-radius: 4px;    transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;}.rt-grid figure figcaption::before,.rt-grid figure figcaption::after {    pointer-events: none;}.rt-grid figure figcaption {    position: absolute;    bottom: 30px;    right: 0;}figure.rt-text-appear-effect {    margin-bottom: 30px !important;}figure.rt-text-appear-effect img {    max-width: none;    width: 100%;    -webkit-filter: brightness(100%);    -webkit-transition: opacity 1s, -webkit-transform 1s;    transition: opacity 1s, transform 1s;    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;}figure.rt-text-appear-effect figcaption {    text-align: right;}figure.rt-text-appear-effect .data {    display: inline-block;    margin: 0;    padding: 10px 20px;    background: #0046ff;    color: #2f3238;    -webkit-border-top-left-radius: 5px;    -webkit-border-bottom-left-radius: 5px;    -moz-border-radius-topleft: 5px;    -moz-border-radius-bottomleft: 5px;    border-top-left-radius: 5px;    border-bottom-left-radius: 5px;    transition: opacity 0.50s, transform 0.50s;    transform: translate3d(360px, 0, 0);}figure.rt-text-appear-effect .data h6,figure.rt-text-appear-effect .data p {    margin: 0 0 5px;    opacity: 0;    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;    transition: opacity 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s, transform 0.35s;}figure.rt-text-appear-effect .data h6 {    text-transform: capitalize;    line-height: 32px;    font-weight: 600;    font-style: normal;    color: #fff;    font-size: 18px;    text-align: left;    padding: 0;    margin: 0;    -webkit-transform: translate3d(30%, 0%, 0);    transform: translate3d(30%, 0%, 0);    -webkit-transition-delay: 0.3s;    transition-delay: 0.3s;}figure.rt-text-appear-effect .data p {    line-height: 30px;    font-weight: 400;    color: #fff;    font-size: 16px;    text-align: left;    padding: 0;    margin: 0;    text-transform: capitalize;    -webkit-transform: translate3d(0%, 30%, 0);    transform: translate3d(0%, 30%, 0);    -webkit-transition-delay: 0s;    transition-delay: 0s;}figure.rt-text-appear-effect:hover .data h6 {    opacity: 1;    -webkit-transform: translate3d(0%, 0%, 0);    transform: translate3d(0%, 0%, 0);    -webkit-transition-delay: 0.4s;    transition-delay: 0.4s;}figure.rt-text-appear-effect:hover .data p {    opacity: 0.9;    -webkit-transform: translate3d(0%, 0%, 0);    transform: translate3d(0%, 0%, 0);    -webkit-transition-delay: 0.6s;    transition-delay: 0.6s;}figure.rt-text-appear-effect .data:first-child {    -webkit-transition-delay: 0.15s;    transition-delay: 0.15s;}figure.rt-text-appear-effect:hover .data:first-child {    -webkit-transition-delay: 0s;    transition-delay: 0s;}figure.rt-text-appear-effect:hover img {    -webkit-filter: brightness(60%);    -webkit-transform: scale3d(1.1, 1.1, 1);    transform: scale3d(1.1, 1.1, 1);    transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;}figure.rt-text-appear-effect:hover .data {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);}/*============================== Case Studies Three Ends*//*============================== Case Studies Four Starts*/.rt-auto-case-grid {    margin-bottom: 30px;}.rt-case-studies {    display: flex;    flex-direction: column;    justify-content: flex-end;    aspect-ratio: 1/1.4;    position: relative;    padding: 15px 30px;    color: #ffffff;    backface-visibility: hidden;    text-decoration: none;    overflow: hidden;    border-radius: 4px;}.rt-case-studies::before,.rt-case-studies::after {    content: "";    width: 100%;    height: 100%;    position: absolute;    /*inset: 0;*/    top: 0;    left: 0;}.rt-case-studies::after {    background: linear-gradient(45deg,            hsl(5 97% 63% / 0.7) 0,            hsl(5 97% 63% / 0) 100%);    opacity: 0;    transition: 300ms opacity linear;}.rt-case-studies > * {    z-index: 1;    text-align: left;    margin: 0;}.rt-case-studies img {    border-radius: 4px;    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    margin: 0;    z-index: -1;    object-fit: cover;    filter: brightness(100%);    transition: filter 200ms ease, transform 250ms linear;}.rt-case-studies:hover img {    filter: grayscale(0);    transform: scale(1.09) rotate(0);    filter: brightness(70%);    transition: filter 200ms ease, transform 250ms linear;}.rt-case-studies:hover {    box-shadow: 8px 16px 30px 0px rgb(6 16 54 / 11%);    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.rt-case-studies a {    color: #fff;    text-decoration: none;}.rt-case-studies a:hover {    color: #fff;    text-decoration: none;}.rt-case-studies span,.rt-case-studies h6,.rt-case-studies p {    transform: translateY(10ex);}.rt-case-studies h6 {    text-transform: capitalize;    line-height: 30px;    letter-spacing: 0px;    font-weight: 600;    font-style: normal;    font-size: 20px;    color: #fff;    transition: 300ms opacity linear, 300ms transform ease-in-out;    margin: 0;}.rt-case-studies:hover :is(h6, p, span, rt-btn) {    margin: 0;    transform: none;    color: #fff;    text-decoration: none;    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    transition: 300ms opacity linear, 300ms transform ease-in-out;}.rt-case-studies:hover::after,.rt-case-studies:hover::before,    {    opacity: 1;    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    transition: 300ms opacity linear, 300ms transform ease-in-out;}.rt-case-studies p {    font-size: 16px;    font-weight: 400;    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    opacity: 0;    transition: 300ms opacity linear, 300ms transform ease-in-out;}.rt-case-studies:hover p {    opacity: 1;    color: #fff;    text-decoration: none;    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    transition: 300ms opacity linear, 300ms transform ease-in-out;}.rt-case-studies .rt-tagbx span {    padding: 0;    font-size: 16px;    line-height: 30px;    font-weight: normal;    color: #fff;    display: inline-block;    opacity: 1;    transform: translate(0px, 100px);    will-change: transform;    transition: 300ms opacity linear, 300ms transform ease-in-out;}.rt-case-studies:hover .rt-tagbx span {    opacity: 1;    transform: translate(0px, -5px);    color: #fff;    text-decoration: none;    will-change: transform, opacity;    transition: 300ms opacity linear, 300ms transform ease-in-out;}@media only screen and (min-width: 768px) and (max-width: 1024px) {    .rt-case-studies {        padding: 30px;    }}@media only screen and (max-width: 767px) {    .rt-case-studies {        padding: 30px;        flex: 0 0 100% !important;        max-width: 100% !important;    }}/*===========================================================================================*/.rt-case-studies .rt-btn {    display: inline-flex;    padding: 0;    position: relative;    border-radius: 0;    font-size: 1em;    white-space: nowrap;    overflow: hidden;    color: var(--color-primary);    transition: all .3s;}.rt-btn > span {    display: inline-flex;    padding: 0 20px;    border-radius: inherit;    border-color: inherit;    align-items: center;    /*background: #377DFF;border-radius: 4px;border: 1px solid #fff;*/}.rt-btn > span + span {    position: relative;    border-top-left-radius: 0;    border-bottom-left-radius: 0}.rt-btn > span + span:before {    content: '';    display: inline-block;    width: 1px;    position: absolute;    top: 0;    left: 0;    bottom: 0;    z-index: 3;    background-color: currentColor}.rt-btn + .rt-btn {    margin-inline-start: .75em}.rt-btn-icon-box {    display: inline-flex;    align-items: center;    justify-content: center;    font-size: 1em;    letter-spacing: 0;    background-size: 99.99% !important;    transition: background .3s, color .125s, box-shadow .3s, border .3s}.rt-text-btn + .rt-btn-icon-box {    margin-inline-end: 0;    margin-inline-start: 8px}.rt-btn-icon-box:only-child {    margin-bottom: 0 !important}.rt-btn-icon-box:first-child {    margin-inline-start: auto;    margin-inline-end: auto}.rt-btn-icon-box + .rt-btn-icon-box {    display: none;    order: -2;    margin-inline-start: 0;    margin-inline-end: 8px}.rt-btn-icon-box,.rt-text-btn {    position: relative;    z-index: 3}.rt-btn-icon-solid .rt-btn-icon-box {    border: none;    background-color: var(--color-primary);    color: #fff}.rt-btn-icon-block .rt-btn-icon-box,.rt-btn-icon-block .rt-text-btn {    text-align: center;    margin-inline-start: auto !important;    margin-inline-end: auto !important}.rt-btn-icon-block .rt-btn-icon-box {    margin-top: .5em;    align-items: center;    justify-content: center}.rt-btn-icon-block .rt-text-btn {    width: 100%}.rt-btn-icon-top .rt-btn-icon-box,.rt-btn-lefticon .rt-btn-icon-box {    order: -1}.rt-btn-lefticon .rt-btn-icon-box {    margin-inline-start: 0;    margin-inline-end: 8px}.rt-btn-swipe-hov.rt-btn-solid .rt-text-btn,.rt-btn-swipe-hov.rt-btn-bordered .rt-text-btn {    margin-inline-start: -1em}.rt-btn-swipe-hov .rt-btn-icon-box {    transition: opacity .4s .25s, transform .6s .25s;    transition-timing-function: cubic-bezier(.1, .75, .25, 1);    padding: 2px 0 0 0;}.rt-btn-swipe-hov .rt-btn-icon-box + .rt-btn-icon-box {    display: inline-flex;    margin-inline-start: 0;    margin-inline-end: 0;    opacity: 0;    transform: translateX(-1em);    transition-delay: 0s}.rt-btn-swipe-hov .rt-text-btn {    transition: transform .6s .125s cubic-bezier(.1, .75, .25, 1);    font-size: 13px;    text-transform: capitalize;    font-weight: 600;    letter-spacing: 0;    padding: 0 5px;}.rt-btn-swipe-hov:hover .rt-text-btn {    transition-delay: .1s;    transform: translateX(1.5em);    font-size: 13px;    text-transform: capitalize;    font-weight: 600;    letter-spacing: 0;}.rt-btn-swipe-hov.rt-btn-lefticon.rt-btn-solid .rt-text-btn,.rt-btn-swipe-hov.rt-btn-lefticon.rt-btn-bordered .rt-text-btn {    margin-inline-start: 0;    margin-inline-end: -1em}.rt-btn-swipe-hov.rt-btn-lefticon .rt-btn-icon-box + .rt-btn-icon-box {    order: 2;    transform: translateX(1em)}.rt-btn-swipe-hov.rt-btn-nospace .rt-btn-icon-box + .rt-btn-icon-box {    position: absolute;    top: auto;    left: 0}.rt-btn-swipe-hov.rt-btn-nospace.rt-btn-lefticon .rt-btn-icon-box + .rt-btn-icon-box {    left: auto;    right: 0}.rt-btn-swipe-hov:hover .rt-btn-icon-box {    transition-delay: 0s;    transform: translateX(1em);    opacity: 0;}.rt-btn-swipe-hov .rt-btn-icon-box svg {    fill: #fff;}.rt-btn-swipe-hov:hover .rt-btn-icon-box svg {    fill: #fff;}.rt-btn-swipe-hov:hover .rt-btn-icon-box + .rt-btn-icon-box {    opacity: 1;    transform: translateX(0);    transition-delay: .225s}.rt-btn-swipe-hov:hover.rt-btn-lefticon .rt-btn-icon-box {    transform: translateX(-1em)}.rt-btn-swipe-hov:hover.rt-btn-lefticon .rt-btn-icon-box + .rt-btn-icon-box {    transform: translateX(0)}.rt-btn-swipe-hov:hover.rt-btn-lefticon .rt-text-btn {    transform: translateX(-1.5em)}.rt-btn-nospace {    border: none}.rt-btn-nospace > span {    padding: 0}.rt-btn-nospace:hover {    color: var(--color-primary)}.rt-btn-nospace,.btn-underlined {    overflow: visible}.rt-btn-swipe-hov.rt-btn-nospace .rt-btn-icon + .rt-btn-icon {    position: absolute;    top: auto;    left: 0}.rt-btn-swipe-hov.rt-btn-nospace.rt-btn-lefticon .rt-btn-icon + .rt-btn-icon {    left: auto;    right: 0}/*============================== Case Studies Four Ends*//*============================== Case Studies Five Starts*/ul.rt-auto-grid {    padding: 0;    display: block;    text-align: left;}ul.rt-auto-grid li {    flex: 0 0 25%;    max-width: 25%;    /*flex: 0 0 22.81%;    max-width: 22.81%;*/    display: inline-block;    text-align: left;    float: left;    padding: 0;    margin: 15px 0;    /*margin: 15px;*/}.rt-case-study-box-five {    display: flex;    flex-direction: column;    justify-content: flex-end;    aspect-ratio: 1/1.5;    position: relative;    padding: 30px 30px 18px 30px;    color: #ffffff;    backface-visibility: hidden;    text-decoration: none;    overflow: hidden;    border-radius: 5px;    transition: all 0.25s cubic-bezier(.32, .55, .79, .49);}.rt-case-study-box-five:hover {    text-decoration: none;    /*box-shadow: 0px 0px 50px #000000;*/    z-index: 2;    transform: scale(1.06);    /* transition: all 0.45s cubic-bezier(.17, .67, .83, .67); */    transition: all 0.25s cubic-bezier(.32, .55, .79, .49);}.rt-case-study-box-five::before,.rt-case-study-box-five::after {    content: "";    width: 100%;    height: 100%;    position: absolute;    /*inset: 0;*/    top: 0;    left: 0;}/*.rt-case-study-box-five::before {  background: linear-gradient(to top,      hsl(0 0% 0% / 0.79) 0%,      hsl(0 0% 0% / 0.787) 7.8%,      hsl(0 0% 0% / 0.779) 14.4%,      hsl(0 0% 0% / 0.765) 20.2%,      hsl(0 0% 0% / 0.744) 25.3%,      hsl(0 0% 0% / 0.717) 29.9%,      hsl(0 0% 0% / 0.683) 34.3%,      hsl(0 0% 0% / 0.641) 38.7%,      hsl(0 0% 0% / 0.592) 43.3%,      hsl(0 0% 0% / 0.534) 48.4%,      hsl(0 0% 0% / 0.468) 54.1%,      hsl(0 0% 0% / 0.393) 60.6%,      hsl(0 0% 0% / 0.31) 68.3%,      hsl(0 0% 0% / 0.216) 77.3%,      hsl(0 0% 0% / 0.113) 87.7%,      hsl(0 0% 0% / 0) 100%);  transition: 300ms opacity linear;}*/.rt-case-study-box-five::after {    background: rgb(255, 97, 114);    background: linear-gradient(90deg, rgba(255, 97, 114, 1) 0%, rgba(255, 157, 103, 1) 100%);    opacity: 0;    transition: 300ms opacity linear;}.rt-case-study-box-five > * {    z-index: 1;}.rt-case-study-box-five img {    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    margin: 0;    z-index: 0;    object-fit: cover;    filter: grayscale(0);    transition: filter 200ms ease, transform 200ms linear;    border-radius: 5px;}.rt-case-study-box-five a {    color: #fff;    text-decoration: none;}.rt-case-study-box-five a:hover {    color: #fff;    text-decoration: none;}.rt-case-study-box-five h6,.rt-case-study-box-five p {    transform: translateY(9ex);    margin: 0;}.rt-case-study-box-five h6 {    text-transform: capitalize;    /*line-height: 30px;    letter-spacing: 0px;    font-weight: 600;    font-style: normal;    font-size: 20px;*/    color: #fff;    will-change: transform, opacity;    transition: 300ms opacity linear, 300ms transform ease-in-out;    margin-bottom: 10px;}.rt-case-study-box-five:hover :is(h6, p) {    transform: none;    color: #fff;    text-decoration: none;    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    transition: 300ms opacity linear, 300ms transform ease-in-out;}.rt-case-study-box-five:hover::after,.rt-case-study-box-five:hover::before {    opacity: 0.9;    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    transition: 300ms opacity linear, 300ms transform ease-in-out;}.rt-case-study-box-five p {    /*font-size: 16px;    line-height: 28px;    font-weight: 400;*/    padding-bottom: 3px;    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    opacity: 0;    will-change: transform, opacity;    transition: 300ms opacity linear, 300ms transform ease-in-out;    animation: none;}.rt-case-study-box-five:hover p {    opacity: 1;    transition-delay: 300ms;    color: #fff;    text-decoration: none;    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    opacity: 1;    transition: 300ms opacity linear, 300ms transform ease-in-out;}.rt-case-study-box-five:hover img {    filter: grayscale(0);    transform: scale(1.05) rotate(0);}.rt-case-study-box-five .rt-img-box {    padding: 0;    font-size: 13px;    line-height: 26px;    font-weight: 600;    margin: 0;    color: #fff;    display: inline-block;    border-radius: 5px;    opacity: 1;    transform: translate(0px, 80px);    will-change: transform, opacity;    transition: 300ms opacity linear, 300ms transform ease-in-out;    fill: #fff;}.rt-case-study-box-five:hover .rt-img-box {    opacity: 1;    transition-delay: 200ms;    transform: translate(0px, -10px);    color: #fff;    text-decoration: none;    will-change: transform, opacity;    transition: 300ms opacity linear, 300ms transform ease-in-out;}.rt-case-study-box-five .discover-btn {    position: relative;    display: inline-block;    /*font-size: 16px;    line-height: 28px;    font-weight: 500;*/    float: left;    font-weight: normal;    text-transform: capitalize;    color: #fff;    margin: 0;    opacity: 0;    transform: translate(0px, 50px);    will-change: transform, opacity;    transition: 300ms opacity linear, 300ms transform ease-in-out;}.rt-case-study-box-five:hover .discover-btn {    opacity: 1;    color: #fff;    text-decoration: none;    transform: translate(0px, 0px);    will-change: transform, opacity;    transition: 300ms opacity linear, 300ms transform ease-in-out;}.rt-case-study-box-five .discover-btn::after {    content: '';    width: 0;    height: 1px;    bottom: 0;    position: absolute;    left: 0;    right: 0;    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;    background: #fff;}.rt-case-study-box-five .discover-btn:hover {    color: #fff;}.rt-case-study-box-five .discover-btn:hover::after {    width: 20%;    left: 0;    right: 0;}.rt-case-study-box-five .discover-btn svg {    transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;    fill: #fff;}.rt-case-study-box-five .discover-btn:hover svg {    -webkit-transform: translateX(5px);    transform: translateX(5px);    transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;    fill: #fff;}@media only screen and (min-width: 768px) and (max-width: 1024px) {    ul.rt-auto-grid li {        flex: 0 0 50%;        max-width: 50%;        /*flex: 0 0 45.93%;        max-width: 45.93%;*/        position: relative;        width: 100%;    }}@media only screen and (max-width: 767px) {    ul.rt-auto-grid li {        flex: 0 0 100%;        max-width: 100%;        position: relative; width: 100%;        padding: 0;    }}/*============================== Case Studies Five Ends*//*============================== Case Studies Six Starts*/.rt-case-tab {    padding: 0;}.box-rt-case-tab {    margin: 10px 0}.rt-effect {    margin: auto;    box-shadow: 0 0 30px 0px rgba(0, 0, 0, .07);    background-color: #fff;}.rt-case-tab-container {    padding: 50px 0}.rt-case-tab-head {    text-align: center;    padding-bottom: 10px;    margin-bottom: 20px;    margin-left: auto;    margin-right: auto}.rt-case-tab .rt-effect {    position: relative;    overflow: hidden;    background: #fff;    text-align: center;    cursor: pointer}.rt-case-tab .rt-effect img {    position: relative;    display: block;    min-height: 100%;    opacity: .8;    width: 100%;}.rt-case-tab .rt-effect .rt-case-tab-text {    padding: 0;    color: #fff;    text-transform: uppercase;    font-size: 1.25rem;    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%}.rt-case-tab-text h2 {    color: #fff;    margin: 0;    font-size: 1.5rem}.rt-case-tab-text p {    color: #fff;    margin: 0;    font-size: 1rem}/*.hide {    display: none}*/.rt-effect.rt-effect-six {    background: #fff;    text-align: left}.rt-effect.rt-effect-six .tag-area {    transform: translate3d(0, 0, 0);    transition: all .35s;    background: #fce9ef;    border-radius: 4px;    padding: 2px 10px;    display: inline-flex;    margin: 0 0 10px 0;}.rt-effect.rt-effect-six .tag-area .tab-txt {    text-align: center;    text-transform: capitalize;    background: linear-gradient(to right, #d73365 0%, #fea063 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    font-size: 14px;    font-weight: 600;}.rt-effect.rt-effect-six:hover .tag-area {    transform: translate3d(0, -5px, 0);    -webkit-transform: translate3d(0, -5px, 0);    opacity: 1;}.rt-effect.rt-effect-six .holder-area {    position: relative;    overflow: hidden;}.rt-effect.rt-effect-six img {    transition: all .35s}.rt-effect.rt-effect-six:hover img {    opacity: 1;    transform: translate3d(0, 0, 0) scale(1.08);    -webkit-transform: translate3d(0, 0, 0) scale(1.08)}.rt-effect.rt-effect-six .rt-case-tab-text:before {    content: "";    position: absolute;    bottom: 4px;    left: -5px;    width: 100vw;    height: 180%;    background-color: #FFF;    opacity: .8;    transform-origin: 0 100%;    transform: rotate(86deg);    transition: all .35s;    -webkit-transform-origin: 0 100%;    -webkit-transform: rotate(86deg);    -webkit-transition: all .35s}.rt-effect.rt-effect-six:hover .rt-case-tab-text:before {    transform: rotate(85deg);    -webkit-transform: rotate(85deg)}.rt-effect.rt-effect-six .rt-case-tab-text:after {    content: "";    position: absolute;    bottom: 9px;    left: -5px;    width: 100vw;    height: 180%;    background-color: #FFF;    opacity: .8;    transform-origin: 0 100%;    transform: rotate(83deg);    transition: all .35s;    -webkit-transform-origin: 0 100%;    -webkit-transform: rotate(83deg);    -webkit-transition: all .35s}.rt-effect.rt-effect-six:hover .rt-case-tab-text:after {    transform: rotate(82deg);    -webkit-transform: rotate(82deg)}.rt-effect.rt-effect-six h6 {    text-transform: capitalize;    line-height: 30px;    letter-spacing: 0px;    font-weight: 600;    font-style: normal;    color: #000000;    font-size: 20px;    margin: 0;}.rt-effect.rt-effect-six p {    font-size: 16px;    line-height: 28px;    padding: 0 0 10px 0;    margin: 0;}.rt-effect.rt-effect-six p a {    color: #5d504f;    margin: 0 5px}.rt-effect.rt-effect-six p a:hover {    color: #cc6055}.rt-effect.rt-effect-six p a i {    opacity: 0;    font-size: 120%;    transform: translate3d(0, 50px, 0);    transition: all .35s;    -webkit-transform: translate3d(0, 50px, 0);    -webkit-transition: all .35s}.rt-effect.rt-effect-six:hover p a i {    opacity: 1;    transform: translate3d(0, 0, 0);    -webkit-transform: translate3d(0, 0, 0)}.rt-effect.rt-effect-six:hover p a:nth-child(1) i {    transition-delay: .15s;    -webkit-transition-delay: .15s}.rt-effect.rt-effect-six:hover p a:nth-child(2) i {    transition-delay: .1s;    -webkit-transition-delay: .1s}.rt-effect.rt-effect-six:hover p a:nth-child(3) i {    transition-delay: .05s;    -webkit-transition-delay: .05s}.rt-effect.rt-effect-six .data {    margin: 0;    padding: 20px;    color: #000;    position: relative;    z-index: 9999;}/*===========================================================================================*/.rt-case-btn {    display: inline-flex;    padding: 0;    position: relative;    border-radius: 0;    font-size: 1em;    white-space: nowrap;    overflow: hidden;    color: var(--color-primary);    transition: all .3s;}.rt-case-btn > span {    display: inline-flex;    padding: 0 20px;    border-radius: inherit;    border-color: inherit;    align-items: center;    /*background: #377DFF;border-radius: 4px;border: 1px solid #fff;*/}.rt-case-btn > span + span {    position: relative;    border-top-left-radius: 0;    border-bottom-left-radius: 0}.rt-case-btn > span + span:before {    content: '';    display: inline-block;    width: 1px;    position: absolute;    top: 0;    left: 0;    bottom: 0;    z-index: 3;    background-color: currentColor}.rt-case-btn + .rt-case-btn {    margin-inline-start: .75em}.rt-case-btn-icon-box {    display: inline-flex;    align-items: center;    justify-content: center;    font-size: 1em;    letter-spacing: 0;    background-size: 99.99% !important;    transition: background .3s, color .125s, box-shadow .3s, border .3s}.rt-text-btn + .rt-case-btn-icon-box {    margin-inline-end: 0;    margin-inline-start: 8px}.rt-case-btn-icon-box:only-child {    margin-bottom: 0 !important}.rt-case-btn-icon-box:first-child {    margin-inline-start: auto;    margin-inline-end: auto}.rt-case-btn-icon-box + .rt-case-btn-icon-box {    /*display: none;*/    order: -2;    margin-inline-start: 0;    margin-inline-end: 8px}.rt-case-btn-icon-box,.rt-text-btn {    position: relative;    z-index: 3}.rt-case-btn-icon-solid .rt-case-btn-icon-box {    border: none;    background-color: var(--color-primary);    color: #fff}.rt-case-btn-icon-block .rt-case-btn-icon-box,.rt-case-btn-icon-block .rt-text-btn {    text-align: center;    margin-inline-start: auto !important;    margin-inline-end: auto !important}.rt-case-btn-icon-block .rt-case-btn-icon-box {    margin-top: .5em;    align-items: center;    justify-content: center}.rt-case-btn-icon-block .rt-text-btn {    width: 100%}.rt-case-btn-icon-top .rt-case-btn-icon-box,.rt-case-btn-lefticon .rt-case-btn-icon-box {    order: -1}.rt-case-btn-lefticon .rt-case-btn-icon-box {    margin-inline-start: 0;    margin-inline-end: 8px}.rt-case-btn-swipe-hov.rt-case-btn-solid .rt-text-btn,.rt-case-btn-swipe-hov.rt-case-btn-bordered .rt-text-btn {    margin-inline-start: -1em}.rt-case-btn-swipe-hov .rt-case-btn-icon-box {    transition: opacity .4s .25s, transform .6s .25s;    transition-timing-function: cubic-bezier(.1, .75, .25, 1);    padding: 2px 0 0 0;}.rt-case-btn-swipe-hov .rt-case-btn-icon-box + .rt-case-btn-icon-box {    display: inline-flex;    margin-inline-start: 0;    margin-inline-end: 0;    opacity: 0;    transform: translateX(-1em);    transition-delay: 0s}.rt-case-btn-swipe-hov .rt-text-btn {    transition: transform .6s .125s cubic-bezier(.1, .75, .25, 1);    font-size: 14px;    text-transform: capitalize;    font-weight: 600;    letter-spacing: 0.4px;    color: #969696;}.rt-case-btn-swipe-hov:hover .rt-text-btn {    transition-delay: .1s;    transform: translateX(1.5em);    font-size: 14px;    text-transform: capitalize;    font-weight: 600;    letter-spacing: 0.4px;}.rt-case-btn-swipe-hov.rt-case-btn-lefticon.rt-case-btn-solid .rt-text-btn,.rt-case-btn-swipe-hov.rt-case-btn-lefticon.rt-case-btn-bordered .rt-text-btn {    margin-inline-start: 0;    margin-inline-end: -1em}.rt-case-btn-swipe-hov.rt-case-btn-lefticon .rt-case-btn-icon-box + .rt-case-btn-icon-box {    order: 2;    transform: translateX(1em)}.rt-case-btn-swipe-hov.rt-case-btn-nospace .rt-case-btn-icon-box + .rt-case-btn-icon-box {    position: absolute;    top: auto;    left: 0}.rt-case-btn-swipe-hov.rt-case-btn-nospace.rt-case-btn-lefticon .rt-case-btn-icon-box + .rt-case-btn-icon-box {    left: auto;    right: 0}.rt-case-btn-swipe-hov:hover .rt-case-btn-icon-box {    transition-delay: 0s;    transform: translateX(1em);    opacity: 0;}.rt-case-btn-swipe-hov .rt-case-btn-icon-box svg {    fill: #969696;}.rt-case-btn-swipe-hov:hover .rt-case-btn-icon-box svg {    fill: #969696;}.rt-case-btn-swipe-hov:hover .rt-case-btn-icon-box + .rt-case-btn-icon-box {    opacity: 1;    transform: translateX(0);    transition-delay: .225s}.rt-case-btn-swipe-hov:hover.rt-case-btn-lefticon .rt-case-btn-icon-box {    transform: translateX(-1em)}.rt-case-btn-swipe-hov:hover.rt-case-btn-lefticon .rt-case-btn-icon-box + .rt-case-btn-icon-box {    transform: translateX(0)}.rt-case-btn-swipe-hov:hover.rt-case-btn-lefticon .rt-text-btn {    transform: translateX(-1.5em)}.rt-case-btn-nospace {    border: none}.rt-case-btn-nospace > span {    padding: 0}.rt-case-btn-nospace:hover {    color: var(--color-primary)}.rt-case-btn-nospace,.btn-underlined {    overflow: visible}.rt-case-btn-swipe-hov.rt-case-btn-nospace .rt-case-btn-icon + .rt-case-btn-icon {    position: absolute;    top: auto;    left: 0}.rt-case-btn-swipe-hov.rt-case-btn-nospace.rt-case-btn-lefticon .rt-case-btn-icon + .rt-case-btn-icon {    left: auto;    right: 0}/*============================== Case Studies Six Ends*/