.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.ova_archive_career.archive_career {
margin: 120px 0;
}
@media (max-width: 1024px) {
.ova_archive_career.archive_career {
margin: 90px 0;
}
}
.ova_archive_career .career-content {
display: grid;
grid-gap: 30px;
}
.ova_archive_career .career-content.two_column {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 1024px) {
.ova_archive_career .career-content.two_column {
grid-template-columns: auto;
}
}
.single-career .wrap-fullwidth {
background-color: #f4f2f9;
}
.career_single_container {
padding-bottom: 120px;
}
@media (max-width: 1024px) {
.career_single_container {
padding-bottom: 90px;
}
}
.career_single_container .career_banner {
margin-bottom: -120px;
}
@media (max-width: 1024px) {
.career_single_container .career_banner {
margin-bottom: -70px;
}
}
.career_single_container .career_banner img {
display: block;
width: 100%;
height: 600px;
object-fit: cover;
}
@media (max-width: 1024px) {
.career_single_container .career_banner img {
height: 480px;
}
}
@media (max-width: 767px) {
.career_single_container .career_banner img {
height: 380px;
}
}
.ova_career_single {
display: grid;
grid-template-columns: 0.7fr 0.3fr;
grid-gap: 30px; }
.ova_career_single.no-sidebar {
grid-template-columns: 1fr;
}
@media (max-width: 1024px) {
.ova_career_single {
grid-template-columns: 1fr;
}
}
.ova_career_single .heading {
margin: 0;
font-size: 24px;
line-height: 1.3;
}
.ova_career_single .heading.heading-related-career {
margin-bottom: 22px;
}
.ova_career_single .main_content {
position: relative;
background-color: #fff;
padding: 40px;
}
@media (max-width: 767px) {
.ova_career_single .main_content {
padding: 30px;
}
}
.ova_career_single .main_content .icon-heart {
position: absolute;
top: 30px;
right: 30px;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid rgba(29, 23, 41, 0.1);
display: inline-flex;
align-items: center;
justify-content: center;
}
.ova_career_single .main_content .icon-heart i {
display: inline-flex;
color: var(--primary);
}
.ova_career_single .main_content .top-info {
position: relative;
display: flex;
align-items: flex-start;
column-gap: 30px;
row-gap: 20px;
margin-bottom: 45px;
padding-bottom: 45px;
border-bottom: 1px solid rgba(29, 23, 41, 0.1);
}
@media (max-width: 450px) {
.ova_career_single .main_content .top-info {
flex-direction: column;
}
}
.ova_career_single .main_content .top-info .career-thumbnail {
display: block;
}
.ova_career_single .main_content .career-title {
margin: 0 0 8px 0;
font-size: 24px;
font-weight: 800;
}
.ova_career_single .main_content .by-and-categories {
margin-bottom: 15px;
line-height: 1.5;
}
.ova_career_single .main_content .by-and-categories .by, .ova_career_single .main_content .by-and-categories .categories {
display: inline-block;
}
.ova_career_single .main_content .by-and-categories .name {
color: var(--heading);
}
.ova_career_single .main_content .tag-wrapper .tag {
position: relative;
display: inline-block;
margin: 0 10px 10px 0;
padding: 8px 10px;
font-size: 14px;
line-height: 1;
color: var(--primary);
background-color: #efeafd;
}
.ova_career_single .main_content .tag-wrapper .tag.from {
color: #fff;
background-color: var(--primary);
}
.ova_career_single .main_content .tag-wrapper .tag i {
line-height: 1;
vertical-align: middle;
}
.ova_career_single .main_content .share-social-icons {
display: flex;
align-items: center;
flex-wrap: wrap;
column-gap: 30px;
padding-bottom: 60px;
margin-bottom: 60px;
border-bottom: 1px solid rgba(29, 23, 41, 0.1);
}
.ova_career_single .main_content .share-social-icons .share-social {
list-style: none;
margin: 0;
padding: 0;
}
.ova_career_single .main_content .share-social-icons .share-social li {
transition: all 0.3s ease;
display: inline-block;
mix-blend-mode: normal;
}
.ova_career_single .main_content .share-social-icons .share-social li:hover {
transition: all 0.3s ease;
mix-blend-mode: luminosity;
}
.ova_career_single .main_content .share-social-icons .share-social li a {
font-size: 16px;
line-height: 1.2;
color: #fff;
background-color: var(--primary);
padding: 10px 18px;
margin: 4px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.ova_career_single .main_content .share-social-icons .share-social li a.ico-twitter {
background-color: #26c4f1;
}
.ova_career_single .main_content .share-social-icons .share-social li a.ico-pinterest {
background-color: #e82b2d;
}
.ova_career_single .main_content .share-social-icons .share-social li a i {
margin: 0 3px;
}
.ova_career_single .main_content .career_gallery {
margin: 25px 0 50px 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 15px;
}
@media (max-width: 767px) {
.ova_career_single .main_content .career_gallery {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 400px) {
.ova_career_single .main_content .career_gallery {
grid-template-columns: 1fr;
}
}
.ova_career_single .main_content .career_gallery .gallery-fancybox {
position: relative;
}
.ova_career_single .main_content .career_gallery .gallery-fancybox:hover .blur-bg {
transition: all 0.5s ease;
opacity: 1;
}
.ova_career_single .main_content .career_gallery .gallery-fancybox .blur-bg {
transition: all 0.5s ease;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(29, 23, 41, 0.85);
opacity: 0;
cursor: pointer;
}
.ova_career_single .main_content .career_gallery .gallery-fancybox .blur-bg .icon {
transition: all 0.5s ease;
position: absolute;
top: 50%;
left: 50%;
width: 45px;
height: 45px;
display: inline-flex;
justify-content: center;
align-items: center;
transform: translate(-50%, -50%);
border-radius: 50%;
background-color: var(--primary);
}
.ova_career_single .main_content .career_gallery .gallery-fancybox .blur-bg .icon i {
display: inline-flex;
color: #fff;
}
.ova_career_single .main_content .career_gallery .gallery-fancybox img {
display: block;
width: 100%;
height: 180px;
object-fit: cover;
}
@media (max-width: 767px) {
.ova_career_single .main_content .career_gallery .gallery-fancybox img {
height: 150px;
}
}
.ova_career_single .main_content .career_map {
position: relative;
z-index: 1;
}
.ova_career_single .main_content .career_map #ova_career_admin_show_map {
height: 400px;
margin-bottom: 55px;
}
@media (max-width: 767px) {
.ova_career_single .main_content .career_map #ova_career_admin_show_map {
height: 320px;
}
}
.ova_career_single .main_content .career-related-wrapper .item-career {
margin-bottom: 30px;
}
.ova_career_single .career_sidebar {
position: sticky;
top: 0;
background-color: #fff;
border-top: 3px solid var(--primary);
height: fit-content;
}
.ova_career_single .career_sidebar .top-sidebar {
text-align: center;
padding: 40px 45px;
border-bottom: 1px solid rgba(29, 23, 41, 0.1);
}
.ova_career_single .career_sidebar .apply {
margin-bottom: 20px;
}
.ova_career_single .career_sidebar .apply .days {
color: var(--primary);
}
.ova_career_single .career_sidebar .button-apply, .ova_career_single .career_sidebar .website {
transition: all 0.3s ease;
display: inline-block;
width: 100%;
padding: 20px 24px;
border-radius: 0;
font-size: 14px;
font-weight: bold;
line-height: 1.3;
text-align: center;
text-transform: uppercase;
background-color: var(--primary);
color: #fff;
}
.ova_career_single .career_sidebar .button-apply i, .ova_career_single .career_sidebar .website i {
display: inline-block;
margin-left: 5px;
}
.ova_career_single .career_sidebar .button-apply:hover, .ova_career_single .career_sidebar .website:hover {
transition: all 0.3s ease;
background-color: var(--heading);
}
.ova_career_single .career_sidebar .message {
transition: all 0.3s ease;
display: inline-block;
width: 100%;
margin: 15px 0 30px 0;
padding: 20px 24px;
border-radius: 0;
border: 1px solid var(--primary);
font-size: 14px;
font-weight: bold;
line-height: 1.3;
text-align: center;
text-transform: uppercase;
background-color: #fff;
color: var(--primary);
}
.ova_career_single .career_sidebar .message i {
display: inline-block;
margin-left: 5px;
}
.ova_career_single .career_sidebar .message:hover {
transition: all 0.3s ease;
color: #fff;
background-color: var(--primary);
}
.ova_career_single .career_sidebar .middle-bottom-sidebar {
padding: 40px;
}
.ova_career_single .career_sidebar .middle-bottom-sidebar .heading {
margin: 0 0 23px 0;
}
.ova_career_single .career_sidebar .listing-info-bar {
margin: 0;
padding: 0 0 20px 0;
list-style-type: none;
}
.ova_career_single .career_sidebar .listing-info-bar li {
position: relative;
margin: 0 0 15px 0;
padding-left: 30px;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
color: var(--text);
}
.ova_career_single .career_sidebar .listing-info-bar li i {
position: absolute;
left: 0;
top: 0;
color: var(--primary);
}
.ova_career_single .career_sidebar .listing-info-bar li .details-content {
display: block;
margin: 5px 0 0 0;
color: var(--heading);
}
.ova_career_single .career_sidebar .social {
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
}
.ova_career_single .career_sidebar .social li {
transition: all 0.3s ease;
margin: 4px;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #efeafd;
}
.ova_career_single .career_sidebar .social li:hover {
transition: all 0.3s ease;
background-color: var(--primary);
}
.ova_career_single .career_sidebar .social li:hover i {
transition: all 0.3s ease;
color: #fff;
}
.ova_career_single .career_sidebar .social li a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.ova_career_single .career_sidebar .social li i {
transition: all 0.3s ease;
display: inline-flex;
font-size: 14px;
color: var(--primary);
}
.rtl .ova_career_single .main_content .icon-heart {
right: unset;
left: 30px;
}
.item-career {
position: relative;
background-color: #fff;
padding: 40px;
border: 1px solid rgba(29, 23, 41, 0.1);
}
@media (max-width: 767px) {
.item-career {
padding: 30px;
}
}
.item-career .icon-heart {
position: absolute;
top: 30px;
right: 30px;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid rgba(29, 23, 41, 0.1);
display: inline-flex;
align-items: center;
justify-content: center;
}
.item-career .icon-heart i {
display: inline-flex;
color: var(--primary);
}
.item-career .top-info {
position: relative;
display: flex;
align-items: flex-start;
column-gap: 30px;
row-gap: 20px;
padding: 0 !important;
border: none !important;
}
@media (max-width: 450px) {
.item-career .top-info {
flex-direction: column;
}
}
.item-career .top-info .career-thumbnail {
display: block;
}
.item-career a:hover .career-title {
color: var(--primary);
}
.item-career .career-title {
margin: 0 0 8px 0;
font-size: 24px;
font-weight: 800;
}
.item-career .by-and-categories {
margin-bottom: 15px;
line-height: 1.5;
}
.item-career .by-and-categories .by, .item-career .by-and-categories .categories {
display: inline-block;
}
.item-career .by-and-categories .name {
color: var(--heading);
}
.item-career .tag-wrapper .tag {
position: relative;
display: inline-block;
margin: 0 10px 10px 0;
padding: 8px 10px;
font-size: 14px;
line-height: 1;
color: var(--primary);
background-color: #efeafd;
}
.item-career .tag-wrapper .tag.from {
color: #fff;
background-color: var(--primary);
}
.item-career .tag-wrapper .tag i {
line-height: 1;
vertical-align: middle;
}
.rtl .item-career .icon-heart {
right: unset;
left: 30px;
}
.ova-category-career-slider .slide-category-career .item-category-career {
position: relative;
z-index: 1;
padding: 40px 30px;
background-color: #f4f2f9;
}
.ova-category-career-slider .slide-category-career .item-category-career:after {
transition: all 0.5s ease;
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
height: 100%;
background-color: var(--primary);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ova-category-career-slider .slide-category-career .item-category-career:hover:after {
transition: all 0.5s ease;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.ova-category-career-slider .slide-category-career .item-category-career:hover .mask {
transition: all 0.5s ease;
opacity: 0.1;
}
.ova-category-career-slider .slide-category-career .item-category-career:hover .icon {
transition: all 0.5s ease;
background-color: #fff;
}
.ova-category-career-slider .slide-category-career .item-category-career:hover .icon i {
transition: all 0.5s ease;
color: var(--primary);
}
.ova-category-career-slider .slide-category-career .item-category-career:hover .title, .ova-category-career-slider .slide-category-career .item-category-career:hover .description {
transition: all 0.5s ease;
color: #fff;
}
.ova-category-career-slider .slide-category-career .item-category-career .mask {
transition: all 0.5s ease;
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
background-position: top right;
background-size: auto;
background-repeat: no-repeat;
z-index: 1;
}
.ova-category-career-slider .slide-category-career .item-category-career .icon {
transition: all 0.5s ease;
display: inline-flex;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
background-color: var(--primary);
border-radius: 50%;
margin-bottom: 35px;
position: relative;
z-index: 1;
}
.ova-category-career-slider .slide-category-career .item-category-career .icon i {
transition: all 0.5s ease;
display: inline-flex;
font-size: 22px;
color: #fff;
}
.ova-category-career-slider .slide-category-career .item-category-career .title {
transition: all 0.5s ease;
margin: 0 0 22px 0;
font-size: 22px;
line-height: 1.2;
position: relative;
z-index: 2;
}
.ova-category-career-slider .slide-category-career .item-category-career .description {
transition: all 0.5s ease;
margin: 0;
font-size: 16px;
line-height: 1.6;
position: relative;
z-index: 2;
}
.ova-category-career-slider .slide-category-career .owl-dots {
text-align: center;
margin-top: 60px;
}
@media (max-width: 1200px) {
.ova-category-career-slider .slide-category-career .owl-dots {
margin-top: 50px;
}
}
.ova-category-career-slider .slide-category-career .owl-dots .owl-dot {
outline: none;
}
.ova-category-career-slider .slide-category-career .owl-dots .owl-dot span {
width: 16px;
height: 4px;
margin: 5px;
background: #b3b0ba;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
}
.ova-category-career-slider .slide-category-career .owl-dots .owl-dot.active span {
background: var(--primary);
}
.ova-category-career-slider .slide-category-career .owl-nav {
position: absolute;
bottom: -4px;
left: 50%;
transform: translateX(-50%);
}
.ova-category-career-slider .slide-category-career .owl-nav button {
transition: all 0.5s ease;
display: inline-flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
border-radius: 50%;
margin: 0 30px;
}
.ova-category-career-slider .slide-category-career .owl-nav button i {
transition: all 0.5s ease;
display: inline-flex;
font-size: 12px;
color: var(--text);
}
.ova-category-career-slider .slide-category-career .owl-nav button:hover {
transition: all 0.5s ease;
}
.ova-category-career-slider .slide-category-career .owl-nav button:hover i {
transition: all 0.5s ease;
color: var(--primary);
}.archive_project .archive_content {
display: grid;
grid-gap: 30px;
}
.archive_project .archive_content.four_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.archive_project .archive_content.four_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.archive_project .archive_content.four_column {
grid-template-columns: auto;
}
}
.archive_project .archive_content.three_column {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.archive_project .archive_content.three_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.archive_project .archive_content.three_column {
grid-template-columns: auto;
}
}
.archive_project .archive_content.two_column {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
.archive_project .archive_content.two_column {
grid-template-columns: auto;
}
}
.archive_project .archive_content .ova-media {
position: relative;
overflow: hidden;
}
.archive_project .archive_content .ova-media:hover .project-img:before {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg) scale(1);
transform: perspective(400px) rotateX(0deg) scale(1);
}
.archive_project .archive_content .ova-media:hover .project-img img {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
transform: scale(1.05);
}
.archive_project .archive_content .ova-media:hover .icon {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transform: scale(1);
transform: scale(1);
}
.archive_project .archive_content .ova-media .mask {
content: "";
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 65%);
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.archive_project .archive_content .ova-media .project-img {
position: relative;
overflow: hidden;
}
.archive_project .archive_content .ova-media .project-img:before {
opacity: 1;
-webkit-transition: 0.5s;
transition: 0.5s;
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(0deg, rgb(184, 130, 252) 0%, rgba(184, 130, 252, 0) 65%);
-webkit-transform: perspective(400px) rotateX(-90deg) scale(0.2);
transform: perspective(400px) rotateX(-90deg) scale(0.2);
-webkit-transform-origin: top;
transform-origin: top;
z-index: 1;
}
.archive_project .archive_content .ova-media .project-img img {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
transform: scale(1);
width: 100%;
height: 500px;
display: block;
object-fit: cover;
}
.archive_project .archive_content .ova-media .content {
position: absolute;
bottom: 30px;
left: 30px;
z-index: 3;
}
.archive_project .archive_content .ova-media .content .title {
margin: 0;
font-weight: 800;
font-size: 24px;
line-height: 1.4;
color: #fff;
padding-bottom: 5px;
}
.archive_project .archive_content .ova-media .content .sub_title {
margin: 0;
font-weight: 800;
font-size: 14px;
line-height: 1.4;
text-transform: uppercase;
color: #fff;
}
.archive_project .archive_content .ova-media .icon {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
position: absolute;
bottom: 30px;
right: 30px;
width: 40px;
height: 40px;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid #fff;
background-color: transparent;
-webkit-transform: scale(0);
transform: scale(0);
z-index: 2;
}
.archive_project .archive_content .ova-media .icon:hover {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.archive_project .archive_content .ova-media .icon:hover i {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.archive_project .archive_content .ova-media .icon a {
display: inline-flex;
}
.archive_project .archive_content .ova-media .icon i {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff;
font-size: 16px;
display: inline-flex;
}
.ova_project_single {
width: 100%;
margin-bottom: 120px;
}
@media (max-width: 1024px) {
.ova_project_single {
grid-template-columns: 90px;
}
}
.ova_project_single .info {
display: grid;
grid-template-columns: 75% 25%;
grid-gap: 30px;
margin-bottom: 45px;
}
@media (max-width: 1024px) {
.ova_project_single .info {
grid-template-columns: auto;
}
}
.ova_project_single .info.fullwidth {
grid-template-columns: auto;
}
.ova_project_single .info .project-img img {
display: block;
width: 100%;
}
.ova_project_single .info .main_content {
background-color: #f2f4f9;
padding: 35px;
}
.ova_project_single .info .main_content .item {
padding: 13px 0;
border-bottom: 1px solid #fff;
}
.ova_project_single .info .main_content .item .label {
display: block;
font-weight: 500;
}
.ova_project_single .info .main_content .item .value {
display: block;
font-weight: 700;
line-height: 1.4;
color: var(--primary);
}
.ova_project_single .info .main_content .social {
margin: 30px 0 0 0;
padding: 0;
list-style-type: none;
}
.ova_project_single .info .main_content .social li {
transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0 6px;
width: 48px;
height: 48px;
border-radius: 50%;
background-color: #fff;
}
.ova_project_single .info .main_content .social li:hover {
transition: all 0.3s ease;
background-color: var(--primary);
}
.ova_project_single .info .main_content .social li:hover i {
transition: all 0.3s ease;
color: #fff;
}
.ova_project_single .info .main_content .social li a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.ova_project_single .info .main_content .social li i {
transition: all 0.3s ease;
display: inline-flex;
font-size: 16px;
color: var(--heading);
}
.ova_project_single .description {
padding-bottom: 80px;
margin: 0 auto;
max-width: 80%;
}
@media (max-width: 1024px) {
.ova_project_single .description {
max-width: 100%;
padding-bottom: 50px;
}
}
.ova_project_single .description ul {
margin: 25px 0;
list-style-type: none;
}
.ova_project_single .description ul li {
font-weight: 700;
color: var(--heading);
line-height: 1.5;
}
.ova_project_single .description ul li:before {
content: "\f058";
color: var(--secondary);
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
width: 1.3em;
margin: 0 5px;
}
.ova_project_single .ova-next-pre-post {
direction: ltr;
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 0;
border-bottom: 1px solid #e4e0ee;
border-top: 1px solid #e4e0ee;
margin-bottom: 110px;
}
@media (max-width: 1024px) {
.ova_project_single .ova-next-pre-post {
margin-bottom: 80px;
}
}
.ova_project_single .ova-next-pre-post a {
color: var(--text);
}
.ova_project_single .ova-next-pre-post .num-pre {
margin-left: 15px;
}
.ova_project_single .ova-next-pre-post .num-next {
margin-right: 15px;
}
.ova_project_single .ova-next-pre-post .icon {
transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
background-color: #f2f4f9;
border-radius: 50%;
}
.ova_project_single .ova-next-pre-post .icon:hover {
transition: all 0.3s ease;
background-color: var(--secondary);
}
.ova_project_single .ova-next-pre-post .icon:hover i {
transition: all 0.3s ease;
color: #fff;
}
.ova_project_single .ova-next-pre-post .icon i {
transition: all 0.3s ease;
display: inline-flex;
color: var(--text);
}
.ova_project_single .project-similar-heading {
text-align: center;
max-width: 500px;
margin: 0 auto;
padding-bottom: 40px;
}
.ova_project_single .project-similar-heading .sub-title {
margin: 0 0 15px;
display: inline-block;
font-weight: 600;
font-size: 16px;
line-height: 1.2;
color: var(--primary);
position: relative;
padding-left: 30px;
}
.ova_project_single .project-similar-heading .sub-title .underlined {
transition: all 0.3s ease;
position: absolute;
left: 0;
bottom: 50%;
transform: translateY(-50%);
display: inline-block;
vertical-align: middle;
margin-right: 12px;
width: 16px;
height: 2px;
background-color: var(--primary);
}
.ova_project_single .project-similar-heading .title {
margin: 0;
font-weight: 800;
font-size: 45px;
line-height: 1.2;
}
.ova_project_single .project-related {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.ova_project_single .project-related {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova_project_single .project-related {
grid-template-columns: auto;
}
}
.ova_project_single .project-related .item:hover .ova-media .project-img img {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.ova_project_single .project-related .item:hover .ova-media .content .title {
color: var(--secondary);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova_project_single .project-related .item:hover .ova-media .content .sub_title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova_project_single .project-related .item .ova-media {
position: relative;
}
.ova_project_single .project-related .item .ova-media .mask {
content: "";
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 65%);
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.ova_project_single .project-related .item .ova-media .project-img {
overflow: hidden;
}
.ova_project_single .project-related .item .ova-media .project-img img {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(1);
transform: scale(1);
height: 520px;
object-fit: cover;
display: block;
width: 100%;
}
.ova_project_single .project-related .item .ova-media .content {
position: absolute;
bottom: 30px;
left: 30px;
z-index: 2;
}
.ova_project_single .project-related .item .ova-media .content .title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 0;
font-weight: 800;
font-size: 24px;
line-height: 1.4;
color: #fff;
padding-bottom: 5px;
}
.ova_project_single .project-related .item .ova-media .content .sub_title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 0;
font-weight: 800;
font-size: 14px;
line-height: 1.4;
text-transform: uppercase;
color: #fff;
}
.ova-project {
display: grid;
grid-gap: 30px;
}
.ova-project.two_column {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
.ova-project.two_column {
grid-template-columns: auto;
}
}
.ova-project.three_column {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.ova-project.three_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-project.three_column {
grid-template-columns: auto;
}
}
.ova-project.four_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.ova-project.four_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-project.four_column {
grid-template-columns: auto;
}
}
.ova-project .item:hover .ova-media .project-img img {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.ova-project .item:hover .ova-media .content {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.ova-project .item:hover .ova-media .content .title {
color: var(--secondary);
}
.ova-project .item:hover .ova-media .icon {
border: 1px solid #fff;
}
.ova-project .item:hover .ova-media .icon i {
color: #fff;
}
.ova-project .item .ova-media {
position: relative;
}
.ova-project .item .ova-media .mask {
content: "";
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 65%);
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.ova-project .item .ova-media .project-img {
overflow: hidden;
}
.ova-project .item .ova-media .project-img img {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(1);
transform: scale(1);
height: 520px;
object-fit: cover;
display: block;
width: 100%;
}
.ova-project .item .ova-media .content {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
position: absolute;
width: 100%;
bottom: 30px;
left: 30px;
z-index: 2;
}
.ova-project .item .ova-media .content .title {
margin: 0;
font-weight: 800;
font-size: 24px;
line-height: 1.4;
color: #fff;
padding-bottom: 5px;
}
.ova-project .item .ova-media .content .sub_title {
margin: 0;
font-weight: 800;
font-size: 14px;
line-height: 1.4;
text-transform: uppercase;
color: #fff;
}
.ova-project .item .ova-media .icon {
position: absolute;
z-index: 3;
bottom: 20px;
right: 20px;
width: 40px;
height: 40px;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid var(--secondary);
background-color: transparent;
}
.ova-project .item .ova-media .icon i {
color: var(--secondary);
font-size: 16px;
display: inline-flex;
}
.ova-project .item.item-template2 {
border-radius: 10px;
overflow: hidden;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1019607843);
}
.ova-project .item.item-template2:hover .ova-media .content {
background: linear-gradient(0deg, rgba(101, 45, 143, 0) -71.91%, rgba(0, 82, 248, 0.51) -28.36%, #B879E9 60.31%);
}
.ova-project .item.item-template2:hover .ova-media .content .title, .ova-project .item.item-template2:hover .ova-media .content .sub_title {
color: #fff;
}
.ova-project .item.item-template2 .ova-media .mask {
background: transparent;
}
.ova-project .item.item-template2 .ova-media .project-img img {
filter: grayscale(0.2);
height: 340px;
border-radius: 10px 10px 12px 12px;
}
.ova-project .item.item-template2 .ova-media .content {
min-height: 90px;
background: #fff;
left: 0;
bottom: 0;
padding: 20px 35px;
}
.ova-project .item.item-template2 .ova-media .content .title {
font-size: 20px;
text-transform: uppercase;
color: var(--heading);
}
@media (max-width: 420px) {
.ova-project .item.item-template2 .ova-media .content .title {
font-size: 18px;
}
}
.ova-project .item.item-template2 .ova-media .content .sub_title {
color: var(--text);
font-weight: 500;
}
.rtl .ova-project .item .ova-media .icon {
right: unset;
left: 20px;
}
.ova-project-slider .slide-project.template2 .owl-stage {
padding: 0 0 10px 0;
}
.ova-project-slider .slide-project.template3 .owl-dots .owl-dot {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 2px;
width: 21px;
padding: 0;
background: transparent;
border-color: transparent;
height: 21px;
}
.ova-project-slider .slide-project.template3 .owl-dots .owl-dot span {
width: 7px;
height: 7px;
background: #645A78;
border-radius: inherit;
}
.ova-project-slider .slide-project.template3 .owl-dots .owl-dot.active {
border: 1px solid var(--primary);
}
.ova-project-slider .slide-project.template3 .owl-dots .owl-dot.active span {
opacity: 1;
background: var(--primary);
}
.ova-project-slider .slide-project .item:hover .ova-media .project-img:before {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg) scale(1);
transform: perspective(400px) rotateX(0deg) scale(1);
}
.ova-project-slider .slide-project .item:hover .ova-media .project-img img {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
transform: scale(1.05);
}
.ova-project-slider .slide-project .item:hover .ova-media .icon {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
-webkit-transform: scale(1);
transform: scale(1);
}
.ova-project-slider .slide-project .item:hover .ova-media .content {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.ova-project-slider .slide-project .item:hover .ova-media .content .title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-project-slider .slide-project .item:hover .ova-media .content .sub_title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff;
}
.ova-project-slider .slide-project .item .ova-media {
position: relative;
overflow: hidden;
}
.ova-project-slider .slide-project .item .ova-media .mask {
content: "";
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 65%);
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.ova-project-slider .slide-project .item .ova-media .project-img {
position: relative;
overflow: hidden;
}
.ova-project-slider .slide-project .item .ova-media .project-img:before {
opacity: 1;
-webkit-transition: 0.5s;
transition: 0.5s;
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(0deg, rgb(184, 130, 252) 0%, rgba(184, 130, 252, 0) 65%);
-webkit-transform: perspective(400px) rotateX(-90deg) scale(0.2);
transform: perspective(400px) rotateX(-90deg) scale(0.2);
-webkit-transform-origin: top;
transform-origin: top;
z-index: 1;
}
.ova-project-slider .slide-project .item .ova-media .project-img img {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
transform: scale(1);
height: 500px;
object-fit: cover;
}
.ova-project-slider .slide-project .item .ova-media .content {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
position: absolute;
width: calc(100% - 40px);
bottom: 30px;
left: 30px;
z-index: 2;
}
.ova-project-slider .slide-project .item .ova-media .content .title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 0;
font-weight: 800;
font-size: 24px;
line-height: 1.4;
color: #fff;
padding-bottom: 5px;
}
.ova-project-slider .slide-project .item .ova-media .content .sub_title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 0;
font-weight: 800;
font-size: 14px;
line-height: 1.4;
text-transform: uppercase;
color: var(--secondary);
}
.ova-project-slider .slide-project .item .ova-media .icon {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
position: absolute;
bottom: 30px;
right: 30px;
width: 40px;
height: 40px;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid #fff;
background-color: transparent;
-webkit-transform: scale(0);
transform: scale(0);
z-index: 3;
}
.ova-project-slider .slide-project .item .ova-media .icon:hover {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-project-slider .slide-project .item .ova-media .icon:hover i {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-project-slider .slide-project .item .ova-media .icon a {
display: inline-flex;
}
.ova-project-slider .slide-project .item .ova-media .icon i {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff;
font-size: 16px;
display: inline-flex;
}
.ova-project-slider .slide-project .item.item-template2 {
border-radius: 10px;
overflow: hidden;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1019607843);
}
.ova-project-slider .slide-project .item.item-template2:hover .ova-media .content {
background: linear-gradient(0deg, rgba(101, 45, 143, 0) -71.91%, rgba(0, 82, 248, 0.51) -28.36%, #B879E9 60.31%);
}
.ova-project-slider .slide-project .item.item-template2:hover .ova-media .content .title, .ova-project-slider .slide-project .item.item-template2:hover .ova-media .content .sub_title {
-webkit-transition: all 0s ease;
transition: all 0s ease;
color: #fff;
}
.ova-project-slider .slide-project .item.item-template2:hover .ova-media .icon {
-webkit-transition: all 0s ease;
transition: all 0s ease;
-webkit-transition-delay: 0s;
transition-delay: 0s;
border: 1px solid #fff;
}
.ova-project-slider .slide-project .item.item-template2:hover .ova-media .icon i {
-webkit-transition: all 0s ease;
transition: all 0s ease;
color: #fff;
}
.ova-project-slider .slide-project .item.item-template2 .ova-media .mask {
background: transparent;
}
.ova-project-slider .slide-project .item.item-template2 .ova-media .project-img:before {
content: none;
}
.ova-project-slider .slide-project .item.item-template2 .ova-media .project-img img {
filter: grayscale(0.2);
height: 340px;
border-radius: 10px 10px 12px 12px;
}
.ova-project-slider .slide-project .item.item-template2 .ova-media .content {
width: 100%;
min-height: 90px;
background: #fff;
left: 0;
bottom: 0;
padding: 20px 35px;
}
.ova-project-slider .slide-project .item.item-template2 .ova-media .content .title {
-webkit-transition: all 0s ease;
transition: all 0s ease;
font-size: 20px;
text-transform: uppercase;
color: var(--heading);
}
@media (max-width: 420px) {
.ova-project-slider .slide-project .item.item-template2 .ova-media .content .title {
font-size: 18px;
}
}
.ova-project-slider .slide-project .item.item-template2 .ova-media .content .sub_title {
-webkit-transition: all 0s ease;
transition: all 0s ease;
color: var(--text);
font-weight: 500;
}
.ova-project-slider .slide-project .item.item-template2 .ova-media .icon {
-webkit-transition: all 0s ease;
transition: all 0s ease;
-webkit-transform: scale(1);
transform: scale(1);
border: 1px solid var(--secondary);
}
.ova-project-slider .slide-project .item.item-template2 .ova-media .icon i {
-webkit-transition: all 0s ease;
transition: all 0s ease;
color: var(--secondary);
}
.ova-project-slider .slide-project .item.item-template3:hover .ova-media .content .sub_title {
color: #fff;
}
.ova-project-slider .slide-project .item.item-template3:hover .ova-media .icon {
-webkit-transform: scale(1) translate(50%, 50%);
transform: scale(1) translate(50%, 50%);
}
.ova-project-slider .slide-project .item.item-template3 .ova-media .mask {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 44.59%, rgba(0, 0, 0, 0.67) 69.41%, #000 100%);
}
.ova-project-slider .slide-project .item.item-template3 .ova-media .project-img:before {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19.36%, rgba(95, 45, 238, 0.24) 71.26%, rgba(95, 45, 238, 0.35) 100%);
}
.ova-project-slider .slide-project .item.item-template3 .ova-media .project-img img {
height: 470px;
}
.ova-project-slider .slide-project .item.item-template3 .ova-media .content .title {
font-size: 24px;
font-weight: 700;
color: #fff;
padding-bottom: 0;
padding-top: 6px;
}
@media (max-width: 420px) {
.ova-project-slider .slide-project .item.item-template3 .ova-media .content .title {
font-size: 20px;
}
}
.ova-project-slider .slide-project .item.item-template3 .ova-media .content .sub_title {
font-size: 16px;
font-weight: 500;
color: var(--primary);
}
.ova-project-slider .slide-project .item.item-template3 .ova-media .icon {
bottom: 50%;
right: 50%;
width: 90px;
height: 90px;
background-color: var(--primary);
-webkit-transform: scale(0) translate(50%, 50%);
transform: scale(0) translate(50%, 50%);
border: none;
}
.ova-project-slider .slide-project .item.item-template3 .ova-media .icon:after {
content: "";
position: absolute;
margin-bottom: 3px;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
z-index: -1;
}
.ova-project-slider .slide-project .item.item-template3 .ova-media .icon i {
font-size: 27px;
transform: rotate(-45deg);
color: var(--primary);
}
.ova-project-slider .slide-project .owl-dots {
text-align: center;
margin-top: 40px;
}
.ova-project-slider .slide-project .owl-dots .owl-dot {
outline: none;
}
.ova-project-slider .slide-project .owl-dots .owl-dot span {
width: 16px;
height: 4px;
margin: 5px;
background: #b3b0ba;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
}
.ova-project-slider .slide-project .owl-dots .owl-dot.active span {
background: var(--primary);
}
.ova-project-slider .slide-project .owl-nav {
text-align: center;
margin-top: 36px;
}
.ova-project-slider .slide-project .owl-nav button {
transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
margin: 0 4px;
}
.ova-project-slider .slide-project .owl-nav button i {
transition: all 0.3s ease;
display: inline-flex;
color: var(--secondary);
}
.ova-project-slider .slide-project .owl-nav button.owl-next, .ova-project-slider .slide-project .owl-nav button.owl-prev {
border: 1px solid var(--secondary);
}
.ova-project-slider .slide-project .owl-nav button:hover {
transition: all 0.3s ease;
background-color: var(--secondary);
}
.ova-project-slider .slide-project .owl-nav button:hover i {
transition: all 0.3s ease;
color: #fff;
}
.rtl .ova-project-slider .slide-project .item .ova-media .content {
left: unset;
right: 30px;
}
.rtl .ova-project-slider .slide-project .item .ova-media .icon {
right: unset;
left: 30px;
}
.ova-project-slider-2 .slide-project-2 { }
.ova-project-slider-2 .slide-project-2 .item {  }
.ova-project-slider-2 .slide-project-2 .item:hover .ova-media .project-img img {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.ova-project-slider-2 .slide-project-2 .item:hover .ova-media .content .icon i {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff;
}
.ova-project-slider-2 .slide-project-2 .item:hover .ova-media .content .icon-mask {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.ova-project-slider-2 .slide-project-2 .item:hover .ova-media .content .title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: var(--primary);
}
.ova-project-slider-2 .slide-project-2 .item:hover .ova-media .content .sub_title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-project-slider-2 .slide-project-2 .item .ova-media {
position: relative;
overflow: hidden;
}
.ova-project-slider-2 .slide-project-2 .item .ova-media .project-img {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.ova-project-slider-2 .slide-project-2 .item .ova-media .project-img img {
height: 396px;
object-fit: cover;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(1);
transform: scale(1);
}
.ova-project-slider-2 .slide-project-2 .item .ova-media .content {
position: relative;
border-bottom: 1px solid #e4e0ee;
}
.ova-project-slider-2 .slide-project-2 .item .ova-media .content .title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 0;
font-weight: 800;
font-size: 24px;
line-height: 1.3;
padding-bottom: 6px;
color: var(--heading);
}
.ova-project-slider-2 .slide-project-2 .item .ova-media .content .sub_title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 0;
font-weight: 800;
font-size: 14px;
line-height: 1.4;
padding-bottom: 30px;
text-transform: uppercase;
color: var(--secondary);
}
.ova-project-slider-2 .slide-project-2 .item .ova-media .content .icon {
position: absolute;
right: 0;
bottom: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 47px;
height: 47px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #e4e0ee;
}
.ova-project-slider-2 .slide-project-2 .item .ova-media .content .icon a {
display: inline-flex;
}
.ova-project-slider-2 .slide-project-2 .item .ova-media .content .icon i {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: var(--text);
font-size: 10px;
display: inline-flex;
z-index: 1;
}
.ova-project-slider-2 .slide-project-2 .item .ova-media .content .icon-mask {
position: absolute;
content: "";
right: 0;
bottom: 0;
transition-delay: 0.1s;
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 47px;
height: 47px;
background-color: var(--primary);
}
.ova-project-slider-2 .slide-project-2 .item.item-template2:hover .ova-media .content {
opacity: 1;
visibility: visible;
bottom: 40px;
}
.ova-project-slider-2 .slide-project-2 .item.item-template2:hover .ova-media .content .icon i {
color: var(--text);
}
.ova-project-slider-2 .slide-project-2 .item.item-template2 .ova-media .project-img {
margin-bottom: 0;
}
.ova-project-slider-2 .slide-project-2 .item.item-template2 .ova-media .project-img img {
height: 546px;
}
@media (max-width: 1500px) {
.ova-project-slider-2 .slide-project-2 .item.item-template2 .ova-media .project-img img {
height: 506px;
}
}
@media (max-width: 1200px) {
.ova-project-slider-2 .slide-project-2 .item.item-template2 .ova-media .project-img img {
height: 456px;
}
}
@media (max-width: 767px) {
.ova-project-slider-2 .slide-project-2 .item.item-template2 .ova-media .project-img img {
height: 396px;
}
}
.ova-project-slider-2 .slide-project-2 .item.item-template2 .ova-media .content {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
left: 0;
bottom: 20px;
visibility: hidden;
opacity: 0;
padding: 27px 35px;
background-color: var(--primary);
width: 75%;
border: none;
}
@media (max-width: 767px) {
.ova-project-slider-2 .slide-project-2 .item.item-template2 .ova-media .content {
width: 90%;
}
}
.ova-project-slider-2 .slide-project-2 .item.item-template2 .ova-media .content .title {
color: #fff;
}
@media (max-width: 767px) {
.ova-project-slider-2 .slide-project-2 .item.item-template2 .ova-media .content .title {
font-size: 22px;
}
}
.ova-project-slider-2 .slide-project-2 .item.item-template2 .ova-media .content .sub_title {
padding-bottom: 0;
color: #fff;
}
.ova-project-slider-2 .slide-project-2 .item.item-template2 .ova-media .content .icon {
right: -23.5px;
top: 50%;
transform: translateY(-50%);
background-color: #fff;
}
.ova-project-slider-2 .slide-project-2 .item.item-template2 .ova-media .content .icon:hover {
background-color: var(--heading);
}
.ova-project-slider-2 .slide-project-2 .item.item-template2 .ova-media .content .icon:hover i {
color: #fff;
}
.ova-project-slider-2 .slide-project-2 .item.item-template2 .ova-media .content .icon-mask {
display: none;
}
.ova-project-slider-2 .slide-project-2 .item.item-template3:hover .ova-media .content {
opacity: 1;
visibility: visible;
bottom: 40px;
}
.ova-project-slider-2 .slide-project-2 .item.item-template3:hover .ova-media .content .icon {
background-color: var(--primary);
}
.ova-project-slider-2 .slide-project-2 .item.item-template3:hover .ova-media .content .icon i {
color: #fff;
}
.ova-project-slider-2 .slide-project-2 .item.item-template3 .ova-media .project-img {
margin-bottom: 0;
border-radius: 13px;
}
.ova-project-slider-2 .slide-project-2 .item.item-template3 .ova-media .project-img img {
height: 546px;
}
@media (max-width: 1500px) {
.ova-project-slider-2 .slide-project-2 .item.item-template3 .ova-media .project-img img {
height: 506px;
}
}
@media (max-width: 1200px) {
.ova-project-slider-2 .slide-project-2 .item.item-template3 .ova-media .project-img img {
height: 456px;
}
}
@media (max-width: 767px) {
.ova-project-slider-2 .slide-project-2 .item.item-template3 .ova-media .project-img img {
height: 396px;
}
}
.ova-project-slider-2 .slide-project-2 .item.item-template3 .ova-media .content {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
left: 30px;
bottom: 20px;
visibility: hidden;
opacity: 0;
padding: 38px 32px;
background-color: #fff;
border-radius: 8px;
width: calc(100% - 60px);
border: none;
}
@media (max-width: 767px) {
.ova-project-slider-2 .slide-project-2 .item.item-template3 .ova-media .content .title {
font-size: 22px;
}
}
.ova-project-slider-2 .slide-project-2 .item.item-template3 .ova-media .content .sub_title {
padding-bottom: 0;
color: var(--primary);
}
.ova-project-slider-2 .slide-project-2 .item.item-template3 .ova-media .content .icon {
right: 0;
top: 0;
background-color: #E2E2E2;
}
.ova-project-slider-2 .slide-project-2 .item.item-template3 .ova-media .content .icon i {
font-size: 22px;
color: var(--heading);
}
.ova-project-slider-2 .slide-project-2 .item.item-template3 .ova-media .content .icon-mask {
display: none;
}
.ova-project-slider-2 .slide-project-2 .owl-dots {
text-align: center;
margin-top: 40px;
}
.ova-project-slider-2 .slide-project-2 .owl-dots .owl-dot {
outline: none;
}
.ova-project-slider-2 .slide-project-2 .owl-dots .owl-dot span {
width: 16px;
height: 4px;
margin: 5px;
background: #b3b0ba;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
}
.ova-project-slider-2 .slide-project-2 .owl-dots .owl-dot.active span {
background: var(--primary);
}
.ova-project-slider-2 .slide-project-2 .owl-item.first-active .item-template2 .ova-media .content, .ova-project-slider-2 .slide-project-2 .owl-item.first-active .item-template3 .ova-media .content {
opacity: 1;
visibility: visible;
bottom: 40px;
}
.rtl .ova-project-slider-2 .slide-project-2 .item .ova-media .content .icon, .rtl .ova-project-slider-2 .slide-project-2 .item .ova-media .content .icon-mask {
right: unset;
left: 0;
}
.ova-project-slider-3 .slide-project-3 .item {
padding: 5px;
}
.ova-project-slider-3 .slide-project-3 .item:hover .ova-media .content .title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-project-slider-3 .slide-project-3 .item:hover .ova-media .content .sub_title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-project-slider-3 .slide-project-3 .item:hover .ova-media .project-img img {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.ova-project-slider-3 .slide-project-3 .item:hover .ova-media .learn-more-btn {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff;
background-color: var(--primary);
}
.ova-project-slider-3 .slide-project-3 .item .ova-media {
position: relative;
overflow: hidden;
padding: 45px;
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.07);
}
@media (max-width: 767px) {
.ova-project-slider-3 .slide-project-3 .item .ova-media {
padding: 45px 28px;
}
}
.ova-project-slider-3 .slide-project-3 .item .ova-media .content {
position: relative;
}
.ova-project-slider-3 .slide-project-3 .item .ova-media .content .title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 0;
font-weight: 800;
font-size: 30px;
line-height: 1.4;
padding-bottom: 5px;
color: var(--heading);
}
@media (max-width: 767px) {
.ova-project-slider-3 .slide-project-3 .item .ova-media .content .title {
font-size: 24px;
}
}
.ova-project-slider-3 .slide-project-3 .item .ova-media .content .sub_title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 0;
font-weight: 800;
font-size: 14px;
line-height: 1.4;
padding-bottom: 30px;
text-transform: uppercase;
color: var(--secondary);
}
.ova-project-slider-3 .slide-project-3 .item .ova-media .project-img {
position: relative;
overflow: hidden;
margin-bottom: 25px;
}
.ova-project-slider-3 .slide-project-3 .item .ova-media .project-img img {
height: 350px;
object-fit: cover;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(1);
transform: scale(1);
}
@media (max-width: 460px) {
.ova-project-slider-3 .slide-project-3 .item .ova-media .project-img img {
height: 270px;
}
}
.ova-project-slider-3 .slide-project-3 .item .ova-media .excerpt {
margin: 0 0 24px 0;
}
.ova-project-slider-3 .slide-project-3 .item .ova-media .learn-more-btn {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
font-size: 15px;
line-height: 1.2;
letter-spacing: 1px;
color: var(--heading);
padding: 18px 36px;
background-color: #efeafd;
text-align: center;
text-transform: uppercase;
}
.ova-project-slider-3 .slide-project-3 .owl-dots {
text-align: center;
margin-top: 40px;
}
.ova-project-slider-3 .slide-project-3 .owl-dots .owl-dot {
outline: none;
}
.ova-project-slider-3 .slide-project-3 .owl-dots .owl-dot span {
width: 16px;
height: 4px;
margin: 5px;
background: #b3b0ba;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
}
.ova-project-slider-3 .slide-project-3 .owl-dots .owl-dot.active span {
background: var(--primary);
}
.elementor-widget-container #ova-project-slider3-control button {
transition: all 0.3s ease;
width: 46px;
height: 46px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #fff;
border: 2px solid #d5d4d7;
margin: 0 6px;
padding: 0;
border-radius: 50%;
}
.elementor-widget-container #ova-project-slider3-control button i {
display: inline-flex;
font-size: 12px;
color: var(--text);
}
.elementor-widget-container #ova-project-slider3-control button:hover {
transition: all 0.3s ease;
border: 2px solid var(--primary);
}
.elementor-widget-container #ova-project-slider3-control button:hover i {
transition: all 0.3s ease;
color: var(--primary);
}
.ova-project-slider-4 .slide-project-4 .item:hover .ova-media .content .title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-project-slider-4 .slide-project-4 .item:hover .ova-media .content .sub_title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-project-slider-4 .slide-project-4 .item:hover .ova-media .learn-more-btn {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff;
background-color: var(--primary);
}
.ova-project-slider-4 .slide-project-4 .item .ova-media {
position: relative;
display: grid;
grid-template-columns: 0.7fr 1fr;
}
@media (max-width: 767px) {
.ova-project-slider-4 .slide-project-4 .item .ova-media {
grid-template-columns: 1fr;
}
}
.ova-project-slider-4 .slide-project-4 .item .ova-media .content {
position: relative;
padding: 55px;
}
@media (max-width: 1300px) {
.ova-project-slider-4 .slide-project-4 .item .ova-media .content {
padding: 40px;
}
}
@media (max-width: 767px) {
.ova-project-slider-4 .slide-project-4 .item .ova-media .content {
padding: 0 20px 40px 20px;
}
}
.ova-project-slider-4 .slide-project-4 .item .ova-media .content .text-number {
margin: 0 0 8px -5px;
font-size: 120px;
line-height: 1;
font-weight: 100;
color: var(--heading);
}
.ova-project-slider-4 .slide-project-4 .item .ova-media .content .title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 0;
font-weight: 800;
font-size: 30px;
line-height: 1.4;
padding-bottom: 5px;
color: var(--heading);
}
.ova-project-slider-4 .slide-project-4 .item .ova-media .content .sub_title {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 0;
font-weight: 800;
font-size: 14px;
line-height: 1.4;
padding-bottom: 45px;
text-transform: uppercase;
color: var(--secondary);
}
@media (max-width: 767px) {
.ova-project-slider-4 .slide-project-4 .item .ova-media .project-img {
padding: 20px;
}
}
.ova-project-slider-4 .slide-project-4 .item .ova-media .project-img img {
width: 100%;
height: 400px;
object-fit: cover;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-project-slider-4 .slide-project-4 .item .ova-media .learn-more-btn {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
font-size: 15px;
line-height: 1.2;
letter-spacing: 1px;
color: var(--heading);
padding: 18px 36px;
background-color: #efeafd;
text-align: center;
text-transform: uppercase;
}
.ova-project-slider-4 .slide-project-4 .owl-dots {
text-align: center;
margin-top: 70px;
}
@media (max-width: 1300px) {
.ova-project-slider-4 .slide-project-4 .owl-dots {
margin-top: 40px;
}
}
.ova-project-slider-4 .slide-project-4 .owl-dots .owl-dot {
outline: none;
}
.ova-project-slider-4 .slide-project-4 .owl-dots .owl-dot span {
width: 16px;
height: 4px;
margin: 5px;
background: #b3b0ba;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
}
.ova-project-slider-4 .slide-project-4 .owl-dots .owl-dot.active span {
background: var(--primary);
}
.ova-project-slider-4 .slide-project-4 .owl-nav {
position: absolute;
bottom: -4px;
left: 50%;
transform: translateX(-50%);
}
.ova-project-slider-4 .slide-project-4 .owl-nav button {
transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
border-radius: 50%;
margin: 0 45px;
}
.ova-project-slider-4 .slide-project-4 .owl-nav button i {
transition: all 0.3s ease;
display: inline-flex;
font-size: 12px;
color: var(--text);
}
.ova-project-slider-4 .slide-project-4 .owl-nav button.owl-next, .ova-project-slider-4 .slide-project-4 .owl-nav button.owl-prev {
border: 1px solid var(--text);
}
.ova-project-slider-4 .slide-project-4 .owl-nav button:hover {
transition: all 0.3s ease;
}
.ova-project-slider-4 .slide-project-4 .owl-nav button:hover.owl-next, .ova-project-slider-4 .slide-project-4 .owl-nav button:hover.owl-prev {
border: 1px solid var(--primary);
}
.ova-project-slider-4 .slide-project-4 .owl-nav button:hover i {
transition: all 0.3s ease;
color: var(--primary);
}@media (max-width: 1024px) {
.archive_team {
padding-left: 10px;
padding-right: 10px;
}
}
@keyframes glide1 {
0% {
transform: translate(0);
}
50% {
background-color: var(--primary);
transform: translate(54px);
}
100% {
transform: translate(0);
}
}
@keyframes glide2 {
0% {
transform: translate(0);
}
50% {
background-color: var(--secondary);
transform: translateY(70px);
}
100% {
transform: translate(0);
}
}
.archive_team .content {
display: grid;
grid-column-gap: 90px;
grid-row-gap: 50px;
}
.archive_team .content.template2, .archive_team .content.template3 {
grid-column-gap: 30px;
}
.archive_team .content.template2.four_column, .archive_team .content.template3.four_column {
grid-column-gap: 30px;
}
.archive_team .content.four_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 50px;
grid-row-gap: 30px;
}
@media (max-width: 1200px) {
.archive_team .content.four_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.archive_team .content.four_column {
grid-template-columns: auto;
}
}
.archive_team .content.three_column {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.archive_team .content.three_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.archive_team .content.three_column {
grid-template-columns: auto;
}
}
.archive_team .content.two_column {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
.archive_team .content.two_column {
grid-template-columns: auto;
}
}
.ova_team_single {
width: 100%;
}
.ova_team_single .info {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 90px;
padding-bottom: 90px;
border-bottom: 1px solid #e4e0ee; }
@media (max-width: 767px) {
.ova_team_single .info {
grid-template-columns: auto;
padding-bottom: 60px;
}
}
.ova_team_single .info .img {
display: inline-block;
position: relative;
}
.ova_team_single .info .img img {
display: block;
width: 100%;
}
@media (max-width: 767px) {
.ova_team_single .info .img {
margin-bottom: 30px;
}
}
.ova_team_single .info .main_content .social {
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
}
.ova_team_single .info .main_content .social li {
transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
border-radius: 50%;
background-color: #f2f4f9;
}
.ova_team_single .info .main_content .social li:not(:last-child) {
margin-right: 10px;
}
.ova_team_single .info .main_content .social li:hover {
transition: all 0.3s ease;
background-color: var(--primary);
}
.ova_team_single .info .main_content .social li:hover i {
color: #fff;
}
.ova_team_single .info .main_content .social li a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.ova_team_single .info .main_content .social li i {
transition: all 0.3s ease;
font-size: 16px;
color: var(--heading);
display: inline-flex;
}
.ova_team_single .info .main_content .name {
margin: 0;
font-weight: 800;
font-size: 40px;
line-height: 1.5;
color: var(--heading);
}
.ova_team_single .info .main_content .job {
margin: 0;
font-weight: 500;
font-size: 18px;
line-height: 1.5;
color: var(--primary);
padding-bottom: 20px;
}
.ova_team_single .info .main_content .slogans h1, .ova_team_single .info .main_content .slogans h2, .ova_team_single .info .main_content .slogans h3, .ova_team_single .info .main_content .slogans h4 {
font-size: 30px;
line-height: 1.4;
font-weight: 500;
color: var(--primary);
padding-bottom: 20px;
}
.elementor-widget-ova_team {
text-align: center;
}
.ova-team {
display: inline-block;
position: relative;
}
@keyframes glide1 {
0% {
transform: translate(0);
}
50% {
background-color: var(--primary);
transform: translate(54px);
}
100% {
transform: translate(0);
}
}
@keyframes glide2 {
0% {
transform: translate(0);
}
50% {
background-color: var(--secondary);
transform: translateY(70px);
}
100% {
transform: translate(0);
}
}
.ova-team .content {
display: grid;
}
.ova-team .content.four_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 30px;
}
@media (max-width: 1200px) {
.ova-team .content.four_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-team .content.four_column {
grid-template-columns: auto;
}
}
.ova-team .content.three_column {
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 100px;
grid-row-gap: 50px;
}
@media (max-width: 1200px) {
.ova-team .content.three_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-team .content.three_column {
grid-template-columns: auto;
}
}
.ova-team .content.two_column {
grid-template-columns: 1fr 1fr;
grid-gap: 100px;
grid-row-gap: 50px;
}
@media (max-width: 767px) {
.ova-team .content.two_column {
grid-template-columns: auto;
}
}
.ova-team-slider .owl-carousel {
text-align: center;
}
.ova-team-slider .owl-carousel.template1 .owl-item {
padding: 10px 25px 0 0;
}
.ova-team-slider .owl-carousel .owl-dots {
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
margin-top: 30px;
}
.ova-team-slider .owl-carousel .owl-dots button {
width: 10px;
height: 10px;
background-color: #d9d9d9;
border-radius: 50%;
margin: 0px 3px;
}
.ova-team-slider .owl-carousel .owl-dots button.active {
background-color: var(--secondary);
}
.ova-team-slider .owl-carousel .owl-nav button {
transition: all 0.3s ease;
position: absolute;
top: -90px;
right: 13.5%;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
}
.ova-team-slider .owl-carousel .owl-nav button i {
transition: all 0.3s ease;
display: inline-flex;
color: var(--secondary);
}
.ova-team-slider .owl-carousel .owl-nav button.owl-next, .ova-team-slider .owl-carousel .owl-nav button.owl-prev {
border: 1px solid var(--secondary);
}
.ova-team-slider .owl-carousel .owl-nav button.owl-prev {
right: calc(13.5% + 48px);
}
.ova-team-slider .owl-carousel .owl-nav button:hover {
transition: all 0.3s ease;
background-color: var(--secondary);
}
.ova-team-slider .owl-carousel .owl-nav button:hover i {
transition: all 0.3s ease;
color: #fff;
}
.rtl .ova-team-slider .owl-carousel .owl-nav {
display: none;
}
.item-team {
position: relative;
}
.item-team.item-team-1 .img .list-icon ul .item:not(:last-child) {
margin: 0 0 8px 0;
}
.item-team:hover .img img {
transition: all 0.5s ease;
mix-blend-mode: luminosity;
transform: scale(1.06);
}
.item-team:hover .img .list-icon {
transition: all 0.5s ease;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.item-team:hover .info {
transition: all 0.5s ease;
}
.item-team:hover .info .share-button {
transition: all 0.5s ease;
}
.item-team:hover .info .share-button i {
transition: all 0.5s ease;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transform: scale(0.95) rotateY(360deg);
transform: scale(0.95) rotateY(360deg);
}
.item-team:hover .ova-line1:before {
animation: glide1 0.95s 0s ease-in-out;
animation-iteration-count: 1;
}
.item-team:hover .line-wrapper .ova-line2:before {
animation: glide2 0.95s 0s ease-in-out;
animation-iteration-count: 1;
}
.item-team .ova-line1 {
display: block;
position: relative;
text-align: left;
margin-left: auto;
margin-right: 0;
margin-bottom: 20px;
width: 125px;
height: 1px;
background: #e4e0ee;
top: 0;
right: -20px;
}
.item-team .ova-line1:before {
content: "";
position: absolute;
width: 8px;
height: 8px;
bottom: -4px;
left: 50%;
background: var(--secondary);
}
.item-team .line-wrapper {
position: absolute;
right: -20px;
top: 0;
}
.item-team .line-wrapper .ova-line2 {
display: block;
width: 1px;
height: 140px;
background: #e4e0ee;
top: 0;
right: 0;
}
.item-team .line-wrapper .ova-line2:before {
content: "";
position: absolute;
width: 8px;
height: 8px;
left: -4px;
top: 50%;
background: var(--primary);
}
.item-team .img {
position: relative;
background-color: var(--heading);
}
.item-team .img .img-wrapper {
position: relative;
overflow: hidden;
}
.item-team .img img {
transition: all 0.5s ease;
display: block;
width: 100%;
object-fit: cover;
}
.item-team .img .list-icon {
transition: all 0.5s ease;
position: absolute;
bottom: -16px;
right: 0;
background-color: #fff;
box-shadow: 0px 10px 58.8px 1.2px rgba(0, 0, 0, 0.07);
padding: 25px 16px;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
@media (max-width: 767px) {
.item-team .img .list-icon {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.item-team .img .list-icon ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.item-team .img .list-icon ul .item i {
display: inline-flex;
font-size: 16px;
color: var(--heading);
}
.item-team .img .list-icon ul .item i:hover {
color: var(--secondary);
}
.item-team .info {
transition: all 0.5s ease;
display: flex;
justify-content: space-between;
background-color: #fff;
padding: 16px 0;
text-align: left;
}
.item-team .info .name-job .name {
transition: all 0.3s ease;
margin: 0;
font-size: 24px;
color: var(--heading);
line-height: 1.4;
}
.item-team .info .name-job .name a {
transition: all 0.3s ease;
color: var(--heading);
}
.item-team .info .name-job .job {
transition: all 0.3s ease;
margin: 0;
font-weight: 500;
line-height: 1.4;
}
.item-team .info .share-button {
transition: all 0.5s ease;
width: 48px;
height: 48px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--primary);
}
.item-team .info .share-button i {
transition: all 0.3s ease;
color: #fff;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transform: scale(1) rotateY(0deg);
transform: scale(1) rotateY(0deg);
}
.rtl .item-team .img .list-icon {
right: unset;
left: 0;
} .item-team-2 {
text-align: center;
}
.item-team-2:hover .img img {
transform: unset;
mix-blend-mode: normal;
}
.item-team-2:hover .img .img-wrapper:before {
transition: all 0.5s ease;
opacity: 1;
}
.item-team-2:hover .img .content-and-social {
transition: all 0.7s ease;
opacity: 1;
}
.item-team-2:hover .info {
top: 0;
background: linear-gradient(95.02deg, #054DF7 -2.32%, #5E53E1 49.68%, #A880E7 92.23%);
}
.item-team-2 .img {
overflow: hidden;
background-color: transparent;
}
.item-team-2 .img .img-wrapper:before {
transition: all 0.5s ease;
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(58, 32, 82, 0.5);
opacity: 0;
}
@media (max-width: 767px) {
.item-team-2 .img .img-wrapper:before {
opacity: 1;
}
}
.item-team-2 .img .img-wrapper:after {
position: absolute;
content: "";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 33px);
height: calc(100% - 33px);
border-radius: 10px;
border: 5px solid transparent;
border-image-slice: 30;
border-image-source: linear-gradient(var(--rotate), rgba(236, 110, 173, 0.51) 5.35%, rgba(79, 144, 201, 0) 56.32%, #3494E6 185.29%);
animation: border_spin 3.5s linear infinite;
}
.item-team-2 .img .content-and-social {
transition: all 0.7s ease;
position: absolute;
bottom: 60px;
left: 50%;
transform: translateX(-50%);
opacity: 0;
}
@media (max-width: 767px) {
.item-team-2 .img .content-and-social {
opacity: 1;
}
}
.item-team-2 .img .content-and-social .job {
margin: 0;
padding-bottom: 8px;
color: #fff;
}
.item-team-2 .img .list-icon {
position: static;
background-color: transparent;
box-shadow: none;
padding: 0;
}
.item-team-2 .img .list-icon ul {
display: flex;
align-items: center;
justify-content: center;
column-gap: 6px;
}
.item-team-2 .img .list-icon ul .item a {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 50%;
}
.item-team-2 .img .list-icon ul .item a:hover {
background-color: var(--secondary);
}
.item-team-2 .img .list-icon ul .item a:hover i {
color: #fff;
}
.item-team-2 .img .list-icon ul .item i {
color: var(--secondary);
}
.item-team-2 .info {
position: relative;
top: -22px;
display: inline-flex;
justify-content: center;
text-align: center;
width: 45%;
background: linear-gradient(279.42deg, rgba(101, 45, 143, 0) -71.91%, rgba(0, 82, 248, 0.51) -28.36%, #B879E9 60.31%);
z-index: 1;
}
.item-team-2 .info .name-job .name {
color: #fff;
font-size: 18px;
}
.item-team-2 .info .name-job .name a {
color: #fff;
}
@property --rotate {
syntax: "<angle>";
initial-value: 132deg;
inherits: false;
}
@keyframes border_spin {
0% {
--rotate: 0deg;
}
100% {
--rotate: 360deg;
}
} .item-team-3:hover .img img {
transform: unset;
mix-blend-mode: normal;
}
.item-team-3:hover .img .img-wrapper:before {
transition: all 0.5s ease;
opacity: 1;
}
.item-team-3:hover .img .content-and-social {
transition: all 0.7s ease;
opacity: 1;
}
.item-team-3 .img {
border-radius: 10px;
overflow: hidden;
background-color: transparent;
}
.item-team-3 .img .img-wrapper {
border-radius: 10px;
}
.item-team-3 .img .img-wrapper:before {
transition: all 0.5s ease;
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, #B882FC 0%, rgba(184, 130, 252, 0) 100%);
opacity: 0;
}
@media (max-width: 767px) {
.item-team-3 .img .img-wrapper:before {
opacity: 1;
}
}
.item-team-3 .img .content-and-social {
transition: all 0.7s ease;
position: absolute;
bottom: 60px;
left: 50%;
width: 100%;
transform: translateX(-50%);
opacity: 0;
}
@media (max-width: 767px) {
.item-team-3 .img .content-and-social {
opacity: 1;
}
}
.item-team-3 .img .content-and-social .job {
margin: 0;
padding-bottom: 12px;
color: #fff;
}
.item-team-3 .img .list-icon {
position: static;
background-color: transparent;
box-shadow: none;
padding: 0;
}
.item-team-3 .img .list-icon ul {
display: flex;
align-items: center;
justify-content: center;
column-gap: 6px;
}
.item-team-3 .img .list-icon ul .item a {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 50%;
}
.item-team-3 .img .list-icon ul .item a:hover {
background-color: var(--secondary);
}
.item-team-3 .img .list-icon ul .item a:hover i {
color: #fff;
}
.item-team-3 .img .list-icon ul .item i {
color: var(--secondary);
}
.item-team-3 .info {
background-color: transparent;
text-align: center;
justify-content: center;
padding: 0;
}
.item-team-3 .info .name-job .name {
color: #fff;
}
.item-team-3 .info .name-job .name a {
color: #fff;
} .item-team-4:hover .img img {
mix-blend-mode: normal;
}
.item-team-4 .img .list-icon {
position: absolute;
bottom: 25px;
left: 25px;
right: unset;
background-color: var(--primary);
box-shadow: none;
padding: 14px 25px;
}
.item-team-4 .img .list-icon ul {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 10px;
}
.item-team-4 .img .list-icon ul .item a {
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
width: 43px;
height: 43px;
background-color: #6f42f0;
border-radius: 50%;
}
.item-team-4 .img .list-icon ul .item a i {
display: inline-flex;
font-size: 16px;
color: #fff;
}
.item-team-4 .img .list-icon ul .item a:hover {
transition: all 0.3s ease;
background-color: #fff;
}
.item-team-4 .img .list-icon ul .item a:hover i {
color: var(--heading);
}
.item-team-4 .info {
padding: 22px 0 0 0;
}
.item-team-4 .info .name-job .name {
font-size: 22px;
}
.item-team-4 .info .name-job .job {
font-weight: 400;
} .item-team-5:hover .img img {
transform: unset;
mix-blend-mode: normal;
}
.item-team-5:hover .img .img-wrapper:before {
transition: all 0.5s ease;
opacity: 1;
}
.item-team-5:hover .img .list-icon {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 1;
visibility: visible;
bottom: 20px;
}
.item-team-5 .img .img-wrapper:before {
transition: all 0.5s ease;
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(29, 23, 41, 0.75);
opacity: 0;
}
.item-team-5 .img .list-icon {
transition: all 0.5s ease;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
right: unset;
opacity: 0;
visibility: hidden;
background-color: transparent;
box-shadow: none;
padding: 10px 25px;
}
.item-team-5 .img .list-icon ul {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 10px;
}
.item-team-5 .img .list-icon ul .item a {
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
width: 43px;
height: 43px;
background-color: var(--secondary);
border-radius: 50%;
}
.item-team-5 .img .list-icon ul .item a i {
display: inline-flex;
font-size: 16px;
color: #fff;
}
.item-team-5 .img .list-icon ul .item a:hover {
transition: all 0.3s ease;
background-color: var(--primary);
}
.item-team-5 .info {
padding: 25px 30px;
}
.item-team-5 .info .name-job .name {
font-size: 22px;
}
.item-team-5 .info .name-job .job {
font-weight: 400;
} .item-team-6:hover .img img {
mix-blend-mode: normal;
}
.item-team-6 .img {
background-color: transparent;
}
.item-team-6 .img .img-wrapper {
border-radius: 7px;
}
.item-team-6 .img .list-icon {
position: absolute;
bottom: 0;
left: 0;
right: unset;
background-color: var(--primary);
box-shadow: none;
padding: 12px 20px;
}
.item-team-6 .img .list-icon ul {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 25px;
}
.item-team-6 .img .list-icon ul .item a {
transition: all 0.3s ease;
display: inline-flex;
vertical-align: middle;
}
.item-team-6 .img .list-icon ul .item a i {
display: inline-flex;
font-size: 14px;
color: #fff;
}
.item-team-6 .img .list-icon ul .item a:hover {
transition: all 0.3s ease;
background-color: #fff;
}
.item-team-6 .img .list-icon ul .item a:hover i {
color: var(--heading);
}
.item-team-6 .info {
align-items: center;
padding: 19px 0 0 0;
background-color: transparent;
}
.item-team-6 .info .name-job .name {
margin-bottom: 5px;
font-size: 19px;
}
.item-team-6 .info .name-job .job {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: var(--primary);
}
.item-team-6 .info .view-details {
font-size: 32px;
transform: rotate(-45deg);
}
.item-team-7 {
position: relative;
}
.item-team-7:hover .img img {
mix-blend-mode: unset;
}
.item-team-7 .img {
background-color: transparent;
}
.item-team-7 .img .img-wrapper {
border-radius: 150px;
}
.item-team-7 .img img {
height: 363px;
}
.item-team-7 .img .list-icon {
bottom: 100px;
right: calc(100% - 40px);
background-color: var(--primary);
border-radius: 14px;
overflow: hidden;
padding: 0;
}
.item-team-7 .img .list-icon ul .item:first-child a {
padding-top: 16px;
}
.item-team-7 .img .list-icon ul .item:last-child a {
padding-bottom: 16px;
}
.item-team-7 .img .list-icon ul .item:not(:last-child) {
margin: 0;
}
.item-team-7 .img .list-icon ul .item a {
transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
width: 100%;
line-height: 1;
padding: 12px;
}
.item-team-7 .img .list-icon ul .item a:hover {
transition: all 0.3s ease;
background-color: var(--heading);
}
.item-team-7 .img .list-icon ul .item i {
color: #fff;
}
.item-team-7 .info {
justify-content: center;
background-color: transparent;
padding: 20px 0 0 0;
text-align: center;
}
.item-team-7 .info .name-job .name {
margin-bottom: 3px;
font-size: 18px;
text-transform: uppercase;
}
.item-team-7 .info .name-job .job {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.item-team-8 {
position: relative;
}
.item-team-8:hover .img img {
mix-blend-mode: unset;
}
.item-team-8 .img {
background-color: transparent;
}
.item-team-8 .img img {
height: 355px;
}
.item-team-8 .img .list-icon {
bottom: 100px;
right: calc(100% - 40px);
background-color: var(--primary);
border-radius: 0;
overflow: hidden;
padding: 0;
}
.item-team-8 .img .list-icon ul .item:first-child a {
padding-top: 16px;
}
.item-team-8 .img .list-icon ul .item:last-child a {
padding-bottom: 16px;
}
.item-team-8 .img .list-icon ul .item:not(:last-child) {
margin: 0;
}
.item-team-8 .img .list-icon ul .item a {
transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
width: 100%;
line-height: 1;
padding: 12px;
}
.item-team-8 .img .list-icon ul .item a:hover {
transition: all 0.3s ease;
background-color: var(--heading);
}
.item-team-8 .img .list-icon ul .item i {
color: #fff;
}
.item-team-8 .info {
justify-content: center;
background-color: transparent;
padding: 20px 0 0 0;
text-align: center;
}
.item-team-8 .info .name-job .name {
margin-bottom: 3px;
font-size: 20px;
}
.item-team-8 .info .name-job .job {
font-size: 12px;
color: var(--heading);
font-weight: 600;
}
.item-team-9 {
position: relative;
}
.item-team-9:hover .img img {
mix-blend-mode: unset;
}
.item-team-9 .img {
background-color: transparent;
}
.item-team-9 .img img {
height: 430px;
}
.item-team-9 .img .list-icon {
bottom: 130px;
right: calc(100% - 50px);
background-color: var(--primary);
border-radius: 0;
overflow: hidden;
padding: 0;
}
.item-team-9 .img .list-icon ul .item:first-child a {
padding-top: 16px;
}
.item-team-9 .img .list-icon ul .item:last-child a {
padding-bottom: 16px;
}
.item-team-9 .img .list-icon ul .item:not(:last-child) {
margin: 0;
}
.item-team-9 .img .list-icon ul .item a {
transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
width: 100%;
line-height: 1;
padding: 12px 17px;
}
.item-team-9 .img .list-icon ul .item a:hover {
transition: all 0.3s ease;
background-color: var(--heading);
}
.item-team-9 .img .list-icon ul .item i {
color: #fff;
}
.item-team-9 .info {
position: relative;
padding: 24px 32px;
box-shadow: 0 4px 19px rgba(0, 0, 0, 0.07);
width: calc(100% - 40px);
margin-left: auto;
margin-top: -70px;
}
.item-team-9 .info .name-job .name {
margin-bottom: 3px;
font-size: 22px;
}
.item-team-9 .info .name-job .job {
font-size: 15px;
color: var(--primary);
}
.item-team-9 .info .name-job .icon {
margin-top: 12px;
line-height: 1;
}
.item-team-9 .info .name-job .icon i {
font-size: 20px;
color: #0A1222;
}
.item-team-10:hover .img img {
mix-blend-mode: normal;
}
.item-team-10:hover .img .share-button {
transition: all 0.5s ease;
}
.item-team-10:hover .img .share-button i {
transition: all 0.5s ease;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transform: scale(0.95) rotateY(360deg);
transform: scale(0.95) rotateY(360deg);
}
.item-team-10 .img {
margin-bottom: 8px;
background-color: transparent;
}
.item-team-10 .img img {
height: 350px;
}
.item-team-10 .img .share-button {
transition: all 0.5s ease;
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 64px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--primary);
}
.item-team-10 .img .share-button i {
transition: all 0.3s ease;
font-size: 20px;
color: #fff;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transform: scale(1) rotateY(0deg);
transform: scale(1) rotateY(0deg);
}
.item-team-10 .img .list-icon {
bottom: 0;
left: 60px;
right: unset;
box-shadow: none;
padding: 12px 20px;
}
.item-team-10 .img .list-icon ul {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 25px;
}
.item-team-10 .img .list-icon ul .item a {
transition: all 0.3s ease;
display: inline-flex;
vertical-align: middle;
}
.item-team-10 .img .list-icon ul .item a i {
font-size: 15px;
color: var(--text);
}
.item-team-10 .img .list-icon ul .item a:hover {
transition: all 0.3s ease;
}
.item-team-10 .img .list-icon ul .item a:hover i {
color: var(--primary);
}
.item-team-10 .info {
display: block;
text-align: center;
background-color: transparent;
}
.item-team-10 .info .name-job .name {
margin-bottom: 10px;
font-size: 20px;
}
.item-team-10 .info .name-job .job {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--primary);
}
.item-team-10 .info .view-details {
font-size: 32px;
transform: rotate(-45deg);
}.rs-p-wp-fix{display:none!important;margin:0!important;height:0!important}body{--sr-7-css-loaded:1}.wp-block-themepunch-revslider{position:relative}.wp-block-themepunch-revslider.revslider{margin:0}canvas.sr7-pbar{z-index:500;position:absolute;pointer-events:none}sr7-module{display:block;position:relative;overflow-x:visible}sr7-adjuster{position:relative;display:block;width:100%}sr7-content{position:absolute;top:0;height:100%;contain:size layout style;z-index:1;overflow-x:visible}sr7-carousel{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}sr7-slide{position:absolute;width:100%;height:100%;contain:strict;top:0;left:0;z-index:1;visibility:hidden;pointer-events:none}.sr7-overflow-force sr7-slide,sr7-carousel sr7-slide{contain:layout style}sr7-module-bg{top:0;z-index:0;position:absolute}sr7-3dwrap{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}sr7-overlay{display:block;width:100%;height:100%;top:0;left:0;position:absolute;z-index:3;background-repeat:repeat}sr7-btn,sr7-col,sr7-content .sr7-layer,sr7-grp,sr7-img,sr7-layer,sr7-linebrk,sr7-row,sr7-shp,sr7-svg,sr7-txt,sr7-zone{user-select:none;visibility:hidden;display:none;box-sizing:border-box;backface-visibility:hidden}.sr7-layer[data-subtype=slidebg],sr7bg{pointer-events:none}sr7-content .sr7-layer.sr7-withclip,sr7-content .sr7-layer.sr7-withclip .sr7-layer{backface-visibility:visible}sr7-grp.sr7-clear:after{content:"";clear:both;display:block;height:0}sr7-zone{pointer-events:none}sr7-row.sr7-layer.sr7-galign{box-sizing:border-box}.sr7-layer[data-type=svg]>svg,sr7-layer[data-type=svg]>svg{width:100%;height:100%}sr7-row-con{table-layout:fixed;font-size:0;display:block}sr7-module .sr7-layer,sr7-module sr7-layer{-webkit-font-smoothing:antialiased!important;-webkit-tap-highlight-color:transparent;-moz-osx-font-smoothing:grayscale;font-display:swap}sr7-slide.sr7-staticslide-low{z-index:0!important}sr7-slide.sr7-staticslide-high{z-index:105!important}sr7-slide a{transition:none}sr7-module.sr7-top-fixed{width:100%;height:auto!important;backface-visibility:hidden}sr7-module.sr7-top-fixed sr7-adjuster{height:auto!important}sr7-module.sr7-top-fixed sr7-content,sr7-module.sr7-top-fixed sr7-content .sr7-layer:not(.sr7-ignore-pe) *{pointer-events:none}sr7-prl{top:50%;left:50%;z-index:10000;position:absolute}sr7-prl.off{display:none!important}sr7-prl.sr7-fade-in{animation:tp-fade-in 1s linear}.sr-force-hidden{display:none!important}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes tp-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity:100}}@keyframes tp-rotate{100%{transform:rotate(360deg)}}sr7-fonttest{width:auto;display:inline-block;white-space:nowrap;font-size:12px;color:#000}sr7-fonttest-wrap{position:absolute;contain:strict;top:-1500px;left:-1500px;width:1500px;height:1000px;pointer-events:none;opacity:0}.fn-wrap{display:flex;position:fixed;width:100px;height:50px;z-index:100;background-color:rgba(66,66,66,.2);justify-content:space-around;align-items:center;bottom:0;left:50%;transform:translateX(-50%)}.fn-left,.fn-right{display:flex;width:40px;height:40px;justify-content:center;align-items:center;background-color:gray;color:#fff;font-weight:700;font-size:20px;cursor:pointer}