.ova_project_single .project-img img {
width: 100%;
max-height: 500px;
object-fit: cover;
margin-bottom: 20px;
}
.ova_project_single .project-title {
margin: 0;
font-size: 36px;
line-height: 1.3;
font-weight: 800;
}
.ova_project_single .ova-next-pre-post {
display: flex;
justify-content: space-between;
align-items: center;
padding: 28px 0;
border-bottom: 1px solid #dfe3ea;
border-top: 1px solid #dfe3ea;
margin-bottom: 120px;
}
@media (max-width: 1024px) {
.ova_project_single .ova-next-pre-post {
margin-bottom: 90px;
}
}
.ova_project_single .ova-next-pre-post a {
color: var(--heading);
font-weight: bold;
}
.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: 60px;
height: 60px;
border-radius: 50%;
border: 2px solid rgba(19, 34, 60, 0.2);
}
.ova_project_single .ova-next-pre-post .icon:hover {
transition: all 0.3s ease;
border: 2px solid var(--primary);
}
.ova_project_single .ova-next-pre-post .icon:hover i {
transition: all 0.3s ease;
color: var(--primary);
}
.ova_project_single .ova-next-pre-post .icon i {
transition: all 0.3s ease;
display: inline-flex;
font-size: 20px;
color: rgba(19, 34, 60, 0.2);
}
.archive_project {
margin-bottom: 110px;
}
@media (max-width: 1024px) {
.archive_project {
margin-bottom: 80px;
}
}
.archive_project .archive_project_content {
display: grid;
grid-column-gap: 30px;
grid-row-gap: 50px;
}
.archive_project .archive_project_content.two_column {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
.archive_project .archive_project_content.two_column {
grid-template-columns: auto;
}
}
.archive_project .archive_project_content.three_column {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 991px) {
.archive_project .archive_project_content.three_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.archive_project .archive_project_content.three_column {
grid-template-columns: auto;
}
}
.archive_project .archive_project_content.four_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.archive_project .archive_project_content.four_column {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 991px) {
.archive_project .archive_project_content.four_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.archive_project .archive_project_content.four_column {
grid-template-columns: auto;
}
}
.data-project {
border-top: 5px solid var(--primary);
background-color: var(--heading);
padding: 50px;
}
@media (max-height: 420px) {
.data-project {
padding: 40px 30px;
}
}
.data-project .item {
margin-bottom: 20px;
}
.data-project .item .sub-title {
font-weight: 600;
color: #959ca9;
}
.data-project .item .title {
margin: 0px;
font-size: 16px;
line-height: 1.3;
font-weight: 600;
color: #fff;
}
.data-project ul.share-social-icons {
margin: 8px 0 0 0;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
}
.data-project ul.share-social-icons li {
display: inline-block;
margin-right: 12px;
}
.data-project ul.share-social-icons li a {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #101c30;
width: 44px;
height: 44px;
border-radius: 50%;
line-height: 1;
color: #fff;
transition: all 500ms ease;
}
.data-project ul.share-social-icons li a:hover {
transition: all 500ms ease;
background-color: var(--primary);
}
.ova-project-box-elementor {
display: grid;
grid-gap: 30px;
}
.ova-project-box-elementor.two_column {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
.ova-project-box-elementor.two_column {
grid-template-columns: auto;
}
}
.ova-project-box-elementor.three_column {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
.ova-project-box-elementor.three_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-project-box-elementor.three_column {
grid-template-columns: auto;
}
}
.ova-project-box-elementor.four_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1260px) {
.ova-project-box-elementor.four_column {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 1024px) {
.ova-project-box-elementor.four_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-project-box-elementor.four_column {
grid-template-columns: auto;
}
}
.ova-project-filter-ajax {
display: flex;
position: relative;
overflow: hidden;
}
@media (max-width: 1024px) {
.ova-project-filter-ajax {
flex-flow: column;
}
}
.ova-project-filter-ajax ul {
list-style-type: none;
padding: 0;
margin: 0 30px 0 0;
min-width: 300px;
}
@media (max-width: 1024px) {
.ova-project-filter-ajax ul {
display: inline-flex;
flex-wrap: wrap;
margin: 0 10px 30px 0;
}
}
.ova-project-filter-ajax ul li {
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 18px;
font-weight: bold;
padding: 16px 30px;
background-color: var(--background);
color: var(--heading);
border-left: 2px solid transparent;
margin: 0 10px 10px 0;
}
@media (max-width: 767px) {
.ova-project-filter-ajax ul li {
font-size: 16px;
}
}
.ova-project-filter-ajax ul li.active-category {
border-left: 2px solid var(--primary);
}
.ova-project-filter-ajax ul li:hover {
transition: all 0.3s ease;
border-left: 2px solid var(--primary);
}
.ova-project-filter-ajax ul li:hover .category {
transition: all 0.2s ease;
}
.ova-project-filter-ajax ul li:hover .category-total {
transition: all 0.2s ease;
}
.ova-project-filter-ajax ul li .category-total {
transition: all 0.2s ease;
display: inline-block;
color: var(--heading);
font-size: 12px;
margin-left: 10px;
}
.ova-project-filter-ajax .content-item .owl-stage-outer .owl-stage .owl-item.first-active.active .project-slider .info a.next-button {
transition: all 0.7s ease;
right: 0;
visibility: visible;
opacity: 1;
}
.ova-project-filter-ajax .content-item .project-slider {
position: relative;
margin-bottom: 30px;
}
.ova-project-filter-ajax .content-item .project-slider:hover .info a.next-button {
transition: all 0.7s ease;
right: 0;
visibility: visible;
opacity: 1;
}
.ova-project-filter-ajax .content-item .project-slider .img-project {
position: relative;
}
.ova-project-filter-ajax .content-item .project-slider .img-project img {
display: block;
width: 100%;
height: 390px;
object-fit: cover;
}
.ova-project-filter-ajax .content-item .project-slider .info-wrapper {
position: absolute;
bottom: -30px;
right: 40px;
width: calc(100% - 40px);
max-width: 320px;
}
.ova-project-filter-ajax .content-item .project-slider .info {
transition: all 0.5s ease;
position: relative;
padding: 30px;
background-color: var(--heading);
border-left: 12px solid var(--primary);
}
@media (max-width: 767px) {
.ova-project-filter-ajax .content-item .project-slider .info {
border-left: 6px solid var(--primary);
}
}
.ova-project-filter-ajax .content-item .project-slider .info .project-category {
color: var(--primary);
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
line-height: 1.2;
letter-spacing: 1px;
}
.ova-project-filter-ajax .content-item .project-slider .info .name {
transition: all 0.3s ease;
position: relative;
z-index: 3;
margin: 0;
color: #fff;
font-size: 24px;
font-weight: bold;
line-height: 1.2;
}
.ova-project-filter-ajax .content-item .project-slider .info .name:hover {
transition: all 0.3s ease;
color: var(--primary);
}
.ova-project-filter-ajax .content-item .project-slider .info a.next-button {
transition: all 0.7s ease;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
visibility: hidden;
opacity: 0;
bottom: 100%;
right: 60px;
width: 50px;
height: 50px;
background-color: var(--primary);
font-size: 21px;
line-height: 1;
color: #fff;
}
.ova-project-filter-ajax .content-item .project-slider .info a.next-button i {
display: inline-flex;
}
.ova-project-filter-ajax .content-item .project-slider .info a.next-button:hover {
transition: all 0.5s ease;
background-color: var(--heading);
}
@media (max-width: 767px) {
.ova-project-filter-ajax .content-item .project-slider .info a.next-button {
transition: all 0.7s ease;
right: 0;
visibility: visible;
opacity: 1;
}
}
.ova-project-filter-ajax .content-item .owl-dots {
position: absolute;
right: calc(100% + 290px);
bottom: 10px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1024px) {
.ova-project-filter-ajax .content-item .owl-dots {
position: static;
margin: 30px 0 0 0;
}
}
.ova-project-filter-ajax .content-item .owl-dots button {
width: 8px;
height: 8px;
background-color: #89909d;
margin: 0 3px;
border-radius: 505;
}
.ova-project-filter-ajax .content-item .owl-dots button.active {
background-color: var(--primary);
}
.fancybox-caption__body {
font-size: 18px;
}
.ova-project-slider.ova-project-slider-template2 .owl-dots {
position: absolute;
margin: 0;
bottom: -10px;
left: 50%;
transform: translate(-50%);
}
.ova-project-slider.ova-project-slider-template2 .owl-stage-outer {
padding: 60px 0 0 0;
}
.ova-project-slider.ova-project-slider-template2 .owl-item.active.center .ova-project-box-template {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
top: -60px;
}
.ova-project-slider.ova-project-slider-template2 .owl-item.active.center .ova-project-box-template .info {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.ova-project-slider.ova-project-slider-template2 .owl-item.active.center .ova-project-box-template .info:before, .ova-project-slider.ova-project-slider-template2 .owl-item.active.center .ova-project-box-template .info:after {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
width: 50.05%;
}
.ova-project-slider.ova-project-slider-template2 .owl-item.active.center .ova-project-box-template .info .category {
transition: all 0.5s ease;
color: var(--primary);
}
.ova-project-slider.ova-project-slider-template2 .owl-item.active.center .ova-project-box-template .info .title {
transition: all 0.5s ease;
color: #fff;
}
.ova-project-slider.ova-project-slider-template2 .owl-item.active.center .ova-project-box-template .info .decor-triangle {
background-color: var(--primary);
}
.ova-project-slider.ova-project-slider-template2 .owl-item.active.center .ova-project-box-template a.next-button {
transition: all 0.5s ease;
bottom: 0;
visibility: visible;
opacity: 1;
}
.ova-project-slider.ova-project-slider-template5 .owl-dots {
position: absolute;
margin: 0;
bottom: 0;
left: -45px;
transform: rotate(90deg);
}
@media (max-width: 1200px) {
.ova-project-slider.ova-project-slider-template5 .owl-dots {
position: static;
margin: 30px 0;
transform: rotate(0deg);
}
}
.ova-project-slider .owl-carousel .owl-nav button {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0;
position: absolute;
top: -150px;
right: 13%;
width: 52px;
height: 52px;
}
@media (max-width: 1024px) {
.ova-project-slider .owl-carousel .owl-nav button {
right: 0;
}
}
.ova-project-slider .owl-carousel .owl-nav button.owl-prev, .ova-project-slider .owl-carousel .owl-nav button.owl-next {
transition: all 0.3s ease;
background-color: var(--heading);
}
.ova-project-slider .owl-carousel .owl-nav button.owl-prev:hover, .ova-project-slider .owl-carousel .owl-nav button.owl-next:hover {
transition: all 0.3s ease;
background-color: var(--primary);
}
.ova-project-slider .owl-carousel .owl-nav button.owl-prev:hover i, .ova-project-slider .owl-carousel .owl-nav button.owl-next:hover i {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-project-slider .owl-carousel .owl-nav button.owl-prev {
margin-right: 62px;
}
.ova-project-slider .owl-carousel .owl-nav button i {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
font-size: 15px;
color: #fff;
}
.ova-project-slider .owl-dots {
text-align: center;
margin: 30px 0 0 0;
}
.ova-project-slider .owl-dots .owl-dot {
outline: none;
}
.ova-project-slider .owl-dots .owl-dot span {
width: 8px;
height: 8px;
border-radius: 50%;
margin: 0 5px;
background: #89909d;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
}
.ova-project-slider .owl-dots .owl-dot.active span {
background-color: var(--primary);
}
.ova-project-box-template1:hover .info {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.ova-project-box-template1:hover a.next-button {
transition: all 0.5s ease;
right: 0;
}
.ova-project-box-template1 .img-project {
position: relative;
background-color: var(--heading);
}
.ova-project-box-template1 .img-project img {
width: 100%;
height: 360px;
object-fit: cover;
display: block;
}
.ova-project-box-template1 .info {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
position: relative;
padding: 40px;
background-color: var(--heading);
}
.ova-project-box-template1 .info .category {
transition: all 0.3s ease;
display: inline-block;
font-size: 12px;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--primary);
}
.ova-project-box-template1 .info .title {
transition: all 0.3s ease;
margin: 0 0 5px 0;
font-size: 24px;
font-weight: 700;
color: #fff;
}
.ova-project-box-template1 .info .title:hover {
transition: all 0.3s ease;
}
.ova-project-box-template1 a.next-button {
transition: all 0.5s ease;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 30px;
top: -50px;
width: 50px;
height: 50px;
background-color: var(--primary);
font-size: 20px;
line-height: 1;
color: #fff;
}
.ova-project-box-template1 a.next-button i {
display: inline-flex;
}
.ova-project-box-template1 a.next-button:hover {
transition: all 0.5s ease;
background-color: var(--heading);
}
.ova-project-box-template2 {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
position: relative;
top: 0;
}
.ova-project-box-template2:hover .info {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.ova-project-box-template2:hover .info:before, .ova-project-box-template2:hover .info:after {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
width: 50.05%;
}
.ova-project-box-template2:hover .info .category {
transition: all 0.5s ease;
color: var(--primary);
}
.ova-project-box-template2:hover .info .title {
transition: all 0.5s ease;
color: #fff;
}
.ova-project-box-template2:hover .info .decor-triangle {
transition: all 0.5s ease;
background-color: var(--primary);
}
.ova-project-box-template2:hover a.next-button {
transition: all 0.5s ease;
bottom: 0;
visibility: visible;
opacity: 1;
}
.ova-project-box-template2 .img-project {
position: relative;
}
.ova-project-box-template2 .img-project img {
width: 100%;
height: 440px;
object-fit: cover;
display: block;
}
.ova-project-box-template2 .info {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
position: relative;
padding: 30px 40px;
background-color: var(--background);
}
.ova-project-box-template2 .info:before {
position: absolute;
content: "";
background-color: var(--heading);
width: 0%;
height: 100%;
left: 0px;
top: 0px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.ova-project-box-template2 .info:after {
position: absolute;
content: "";
background-color: var(--heading);
width: 0%;
height: 100%;
right: 0px;
top: 0px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.ova-project-box-template2 .info .category {
transition: all 0.5s ease;
display: inline-block;
position: relative;
z-index: 1;
font-size: 14px;
line-height: 1;
font-weight: 500;
letter-spacing: 1px;
color: var(--text);
}
.ova-project-box-template2 .info .title {
transition: all 0.5s ease;
position: relative;
z-index: 1;
margin: 0 0 5px 0;
font-size: 24px;
font-weight: 800;
color: var(--heading);
}
.ova-project-box-template2 .info .title:hover {
transition: all 0.3s ease;
}
.ova-project-box-template2 .info .decor-triangle {
transition: all 0.5s ease;
position: absolute;
z-index: 2;
bottom: 0;
right: 0;
width: 40px;
height: 40px;
background-color: #dfe3ea;
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.ova-project-box-template2 a.next-button {
transition: all 0.5s ease;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
visibility: hidden;
opacity: 0;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
width: 140px;
height: 70px;
border-radius: 105px 105px 0 0;
background-color: var(--primary);
font-size: 24px;
line-height: 1;
color: #fff;
}
.ova-project-box-template2 a.next-button i {
display: inline-flex;
}
.ova-project-box-template2 a.next-button:hover {
transition: all 0.5s ease;
background-color: var(--heading);
}
.ova-project-box-template3 {
position: relative;
}
.ova-project-box-template3:hover .info {
-webkit-transition: all 700ms ease;
transition: all 700ms ease;
visibility: visible;
opacity: 1;
bottom: 0;
}
.ova-project-box-template3:hover a.next-button {
transition: all 0.7s ease;
left: calc(100% - 80px);
}
.ova-project-box-template3 .img-project {
position: relative;
background-color: var(--heading);
}
.ova-project-box-template3 .img-project img {
width: 100%;
height: 620px;
object-fit: cover;
display: block;
}
@media (max-width: 767px) {
.ova-project-box-template3 .img-project img {
height: 450px;
}
}
.ova-project-box-template3 .info {
-webkit-transition: all 700ms ease;
transition: all 700ms ease;
position: absolute;
bottom: 40px;
left: 0;
width: 100%;
padding: 35px 45px;
background-color: var(--heading);
visibility: hidden;
opacity: 0;
}
@media (max-width: 767px) {
.ova-project-box-template3 .info {
visibility: visible;
padding: 35px;
opacity: 1;
bottom: 0;
}
}
.ova-project-box-template3 .info .category {
transition: all 0.3s ease;
display: inline-block;
font-size: 14px;
line-height: 1;
font-weight: 500;
letter-spacing: 1px;
color: var(--primary);
}
.ova-project-box-template3 .info .title {
transition: all 0.3s ease;
margin: 5px 30px 0 0;
font-size: 26px;
font-weight: 800;
color: #fff;
}
.ova-project-box-template3 .info .title:hover {
transition: all 0.3s ease;
}
@media (max-width: 767px) {
.ova-project-box-template3 .info .title {
margin: 5px 0 0 0;
}
}
.ova-project-box-template3 a.next-button {
transition: all 0.7s ease;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
bottom: 0;
width: 80px;
height: 80px;
background-color: var(--primary);
font-size: 30px;
line-height: 1;
color: #fff;
}
.ova-project-box-template3 a.next-button i {
display: inline-flex;
}
.ova-project-box-template3 a.next-button:hover {
transition: all 0.5s ease;
background-color: var(--heading);
}
@media (max-width: 767px) {
.ova-project-box-template3 a.next-button {
width: 50px;
height: 50px;
font-size: 20px;
left: calc(100% - 50px);
}
}
.ova-project-box-template4 {
position: relative;
}
.ova-project-box-template4:hover .img-project {
transition: all 0.5s ease;
border: 4px solid var(--primary);
}
.ova-project-box-template4:hover .info {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.ova-project-box-template4:hover a.next-button {
transition: all 0.5s ease;
top: 40px;
visibility: visible;
opacity: 1;
}
.ova-project-box-template4 .img-project {
transition: all 0.5s ease;
position: relative;
border: 4px solid transparent;
}
.ova-project-box-template4 .img-project img {
width: 100%;
height: 460px;
object-fit: cover;
display: block;
}
.ova-project-box-template4 .img-project:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
right: 0;
bottom: 0;
background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 36.08%, rgba(0, 0, 0, 0) 74.47%);
}
.ova-project-box-template4 .info {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 40px;
}
.ova-project-box-template4 .info .line {
width: 25px;
height: 2px;
background-color: var(--primary);
margin-bottom: 5px;
}
.ova-project-box-template4 .info .category {
transition: all 0.3s ease;
display: inline-block;
font-size: 14px;
line-height: 1;
font-weight: 500;
letter-spacing: 1px;
color: #fff;
}
.ova-project-box-template4 .info .title {
transition: all 0.3s ease;
margin: 0;
font-size: 24px;
font-weight: 800;
color: #fff;
}
.ova-project-box-template4 .info .title:hover {
transition: all 0.3s ease;
}
.ova-project-box-template4 a.next-button {
transition: all 0.5s ease;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 40px;
top: 80px;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: var(--primary);
opacity: 0;
visibility: hidden;
font-size: 20px;
line-height: 1;
color: #fff;
}
.ova-project-box-template4 a.next-button i {
display: inline-flex;
}
.ova-project-box-template4 a.next-button:hover {
transition: all 0.5s ease;
background-color: var(--heading);
}
.ova-project-box-template5 {
position: relative;
}
.ova-project-box-template5:hover .info:before {
transition: all 0.5s ease;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.ova-project-box-template5:hover .info .title {
transition: all 0.5s ease;
color: #fff;
}
.ova-project-box-template5 .img-project {
position: relative;
background-color: var(--heading);
}
.ova-project-box-template5 .img-project img {
width: 100%;
height: 500px;
object-fit: cover;
display: block;
}
.ova-project-box-template5 .info-wrapper {
position: absolute;
left: 20px;
bottom: 20px;
width: calc(100% - 40px);
}
.ova-project-box-template5 .info {
position: relative;
padding: 24px 30px;
background-color: #fff;
text-align: center;
}
.ova-project-box-template5 .info:before {
transition: all 0.5s ease;
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
height: 100%;
background-color: var(--primary);
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
.ova-project-box-template5 .info .title {
transition: all 0.3s ease;
position: relative;
z-index: 1;
margin: 0;
font-size: 20px;
font-weight: 800;
color: var(--heading);
}
.ova-project-box-template5 .info .title:hover {
transition: all 0.3s ease;
}
.ova-project-box-template6 {
position: relative;
overflow: hidden;
}
.ova-project-box-template6:hover .info {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 1;
visibility: visible;
bottom: 0;
}
.ova-project-box-template6 .img-project {
position: relative;
background-color: var(--heading);
}
.ova-project-box-template6 .img-project img {
width: 100%;
height: 500px;
object-fit: cover;
display: block;
}
@media (max-width: 767px) {
.ova-project-box-template6 .img-project img {
height: 420px;
}
}
.ova-project-box-template6 .info {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
position: absolute;
left: 20px;
bottom: -30px;
padding: 50px;
width: calc( 100% - 40px );
opacity: 0;
visibility: hidden;
background-color: var(--heading);
}
@media (max-width: 767px) {
.ova-project-box-template6 .info {
opacity: 1;
visibility: visible;
bottom: 0;
}
}
@media (max-width: 420px) {
.ova-project-box-template6 .info {
padding: 40px 30px;
}
}
.ova-project-box-template6 .info .line {
width: 42px;
height: 2px;
background-color: var(--primary);
margin-bottom: 8px;
}
.ova-project-box-template6 .info .category {
transition: all 0.3s ease;
display: inline-block;
font-size: 14px;
line-height: 1;
font-weight: 500;
color: #959ca9;
}
.ova-project-box-template6 .info .title {
transition: all 0.3s ease;
margin: 0 0 5px 0;
font-size: 24px;
font-weight: 800;
color: #fff;
}
.ova-project-box-template6 .info .title:hover {
transition: all 0.3s ease;
color: var(--primary);
}.archive_sev {
margin-bottom: 110px;
}
@media (max-width: 767px) {
.archive_sev {
margin-bottom: 80px;
}
}
.archive_sev .archive_sev_content {
display: grid;
grid-column-gap: 30px;
grid-row-gap: 50px;
}
.archive_sev .archive_sev_content.two_column {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
.archive_sev .archive_sev_content.two_column {
grid-template-columns: auto;
}
}
.archive_sev .archive_sev_content.three_column {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 991px) {
.archive_sev .archive_sev_content.three_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.archive_sev .archive_sev_content.three_column {
grid-template-columns: auto;
}
}
.archive_sev .archive_sev_content.four_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.archive_sev .archive_sev_content.four_column {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 991px) {
.archive_sev .archive_sev_content.four_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.archive_sev .archive_sev_content.four_column {
grid-template-columns: auto;
}
}
.service_single .sidebar .widgets {
position: sticky;
top: 160px;
left: 0;
height: 100%;
margin-bottom: 50px;
}
@media (max-width: 1024px) {
.service_single .sidebar .widgets {
position: static;
}
}
.service_single .sidebar .widgets .widget {
margin-bottom: 30px;
border-bottom: 1px solid transparent;
padding: 0;
background-color: transparent;
}
.service_single .content .service-img {
width: 100%;
max-height: 500px;
object-fit: cover;
}
.service_single .content .service-title {
margin: 10px 0;
font-size: 34px;
line-height: 1.3;
font-weight: 800;
}
body.layout_2l .service_single_layout_2l #sidebar, body.layout_2r .service_single_layout_2l #sidebar, body.layout_1c .service_single_layout_2l #sidebar {
float: left;
}
@media (max-width: 1023px) {
body.layout_2l .service_single_layout_2l #sidebar, body.layout_2r .service_single_layout_2l #sidebar, body.layout_1c .service_single_layout_2l #sidebar {
margin-bottom: 60px;
}
}
body.layout_2l .service_single_layout_2l #main-content, body.layout_2r .service_single_layout_2l #main-content, body.layout_1c .service_single_layout_2l #main-content {
float: right;
max-width: calc( var(--main-content) - 30px );
}
@media (max-width: 1023px) {
body.layout_2l .service_single_layout_2l #main-content, body.layout_2r .service_single_layout_2l #main-content, body.layout_1c .service_single_layout_2l #main-content {
max-width: 100%;
margin-bottom: 0;
}
}
body.layout_2l .service_single_layout_2r #sidebar, body.layout_2r .service_single_layout_2r #sidebar, body.layout_1c .service_single_layout_2r #sidebar {
float: right;
}
body.layout_2l .service_single_layout_2r #main-content, body.layout_2r .service_single_layout_2r #main-content, body.layout_1c .service_single_layout_2r #main-content {
float: left;
max-width: calc( var(--main-content) - 30px );
}
@media (max-width: 1023px) {
body.layout_2l .service_single_layout_2r #main-content, body.layout_2r .service_single_layout_2r #main-content, body.layout_1c .service_single_layout_2r #main-content {
max-width: 100%;
}
}
body.layout_2l .service_single_layout_1c #main-content, body.layout_2r .service_single_layout_1c #main-content, body.layout_1c .service_single_layout_1c #main-content {
float: none;
max-width: 1000px;
margin: 0 auto;
}
.ova-service-list {
width: 100%;
}
.ova-service-list .text {
margin: 0;
font-weight: 700;
font-size: 24px;
line-height: 1.5;
color: var(--heading);
padding-bottom: 15px;
margin-bottom: 20px;
position: relative;
}
.ova-service-list .text:before {
position: absolute;
left: 0;
bottom: 0;
content: "";
width: 100%;
height: 1px;
background: #e9e9e9;
}
.ova-service-list .service-title-list {
list-style: none;
margin: 10px 0 0;
padding: 0;
}
.ova-service-list .service-title-list li.item {
padding: 0;
margin-bottom: 8px;
}
.ova-service-list .service-title-list li.item a {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 800;
font-size: 16px;
padding: 16px 30px;
line-height: 1.2;
color: var(--heading);
background-color: var(--background);
border-left: 2px solid transparent;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-service-list .service-title-list li.item a i {
color: var(--heading);
line-height: 1;
}
.ova-service-list .service-title-list li.item:hover a, .ova-service-list .service-title-list li.item.active a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05), inset 2.993px 0.209px 0px 0px rgba(252, 129, 27, 0.004);
border-left: 2px solid var(--primary);
}
.ova-service-list .service-title-list li.item:hover a i, .ova-service-list .service-title-list li.item.active a i {
color: var(--primary);
}
.ova-service-box-elementor {
display: grid;
grid-gap: 30px;
}
.ova-service-box-elementor.two_column {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
.ova-service-box-elementor.two_column {
grid-template-columns: auto;
}
}
.ova-service-box-elementor.three_column {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
.ova-service-box-elementor.three_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-service-box-elementor.three_column {
grid-template-columns: auto;
}
}
.ova-service-box-elementor.four_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1260px) {
.ova-service-box-elementor.four_column {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 1024px) {
.ova-service-box-elementor.four_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-service-box-elementor.four_column {
grid-template-columns: auto;
}
}
@media (max-width: 767px) {
.ova-service-slider .owl-carousel .owl-nav {
display: none;
}
}
.ova-service-slider .owl-carousel .owl-nav button {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
position: absolute;
top: -124px;
right: 0;
width: 62px;
height: 62px;
}
.ova-service-slider .owl-carousel .owl-nav button.owl-prev, .ova-service-slider .owl-carousel .owl-nav button.owl-next {
border: 2px solid #d0d3d8;
}
.ova-service-slider .owl-carousel .owl-nav button.owl-prev:hover, .ova-service-slider .owl-carousel .owl-nav button.owl-next:hover {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
border: 2px solid var(--primary);
}
.ova-service-slider .owl-carousel .owl-nav button.owl-prev:hover i, .ova-service-slider .owl-carousel .owl-nav button.owl-next:hover i {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: var(--primary);
}
.ova-service-slider .owl-carousel .owl-nav button.owl-prev {
margin-right: 72px;
}
.ova-service-slider .owl-carousel .owl-nav button i {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
font-size: 21px;
color: #d0d3d8;
}
.ova-service-slider .owl-dots {
text-align: center;
margin-top: 30px;
}
@media (min-width: 767px) {
.ova-service-slider .owl-dots {
display: none;
}
}
.ova-service-slider .owl-dots .owl-dot {
outline: none;
}
.ova-service-slider .owl-dots .owl-dot span {
width: 6px;
height: 6px;
border-radius: 50%;
margin: 0 5px;
background: var(--primary);
opacity: 0.3;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 30px;
}
.ova-service-slider .owl-dots .owl-dot.active span {
width: 12px;
border-radius: 5px;
opacity: 1;
}
.ova-service-box-template1 {
position: relative;
}
.ova-service-box-template1 .square {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 80px;
background-color: var(--primary);
z-index: 1;
}
.ova-service-box-template1:hover .img-service img {
transition: all 0.6s ease;
transform: scale(1.06);
}
.ova-service-box-template1:hover .img-service .icon {
transition: all 0.5s ease;
top: 0;
left: 0;
}
.ova-service-box-template1:hover .info:before {
transition: all 0.7s ease;
top: 50%;
transform: translateY(-50%);
width: 0;
}
.ova-service-box-template1:hover .info a.next-button {
transition: all 0.7s ease;
top: 50%;
transform: translateY(-50%);
}
.ova-service-box-template1 .img-service {
position: relative;
overflow: hidden;
background-color: var(--heading);
}
.ova-service-box-template1 .img-service img {
transition: all 0.6s ease;
width: 100%;
height: 460px;
display: block;
object-fit: cover;
}
@media (max-width: 767px) {
.ova-service-box-template1 .img-service img {
max-height: 390px;
}
}
.ova-service-box-template1 .img-service .icon {
transition: all 0.5s ease;
display: inline-flex;
justify-content: center;
align-items: center;
position: absolute;
top: 20px;
left: 20px;
width: 80px;
height: 80px;
background-color: var(--heading);
z-index: 2;
}
.ova-service-box-template1 .img-service .icon i {
transition: all 0.3s ease;
display: inline-flex;
font-size: 48px;
color: #fff;
}
.ova-service-box-template1 .info {
position: relative;
padding: 25px 30px;
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}
.ova-service-box-template1 .info .title {
transition: all 0.3s ease;
margin: 0;
font-weight: 800;
font-size: 20px;
line-height: 1.2;
padding-right: 40px;
}
.ova-service-box-template1 .info .title:hover {
transition: all 0.3s ease;
color: var(--primary);
}
.ova-service-box-template1 .info:before {
transition: all 0.7s ease;
position: absolute;
content: "";
top: -25px;
right: 69px;
width: 25px;
height: 25px;
background-color: var(--primary);
clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
.ova-service-box-template1 a.next-button {
transition: all 0.7s ease;
position: absolute;
top: -25px;
right: 20px;
display: inline-flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
background-color: var(--primary);
color: #fff;
}
.ova-service-box-template1 a.next-button:hover {
transition: all 0.3s ease;
background-color: var(--heading);
}
.ova-service-box-template1 a.next-button:hover i {
transition: all 0.3s ease;
}
.ova-service-box-template1 a.next-button i {
transition: all 0.3s ease;
position: relative;
display: inline-flex;
font-size: 20px;
line-height: 1;
}
.ova-service-box-template2 {
position: relative;
}
.ova-service-box-template2:after {
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
position: absolute;
content: "";
bottom: -10px;
left: 50%;
transform: translateX(-50%);
background-color: var(--heading);
width: calc(100% - 20px);
height: 10px;
}
.ova-service-box-template2:hover:after {
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
background-color: var(--primary);
}
.ova-service-box-template2:hover .img-service .icon {
transition: all 0.5s ease;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ova-service-box-template2:hover .info:before, .ova-service-box-template2:hover .info:after {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
width: 50.1%;
}
.ova-service-box-template2:hover .info .title {
transition: all 0.5s ease;
color: #fff;
}
.ova-service-box-template2:hover .info .description {
transition: all 0.5s ease;
color: #959ca9;
}
.ova-service-box-template2:hover .info a.next-button {
transition: all 0.5s ease;
color: var(--primary);
}
.ova-service-box-template2 .img-service {
position: relative;
background-color: var(--heading);
}
.ova-service-box-template2 .img-service img {
width: 100%;
display: block;
}
.ova-service-box-template2 .img-service .icon {
transition: all 0.5s ease;
display: inline-flex;
justify-content: center;
align-items: center;
position: absolute;
top: calc(100% - 60px);
left: 30px;
width: 80px;
height: 80px;
background-color: var(--primary);
z-index: 2;
}
.ova-service-box-template2 .img-service .icon i {
transition: all 0.5s ease;
display: inline-flex;
font-size: 50px;
color: #fff;
}
.ova-service-box-template2 .info {
position: relative;
padding: 35px 30px;
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.ova-service-box-template2 .info:before {
position: absolute;
content: "";
background-color: var(--heading);
width: 0%;
height: 100%;
left: 0px;
top: 0px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.ova-service-box-template2 .info:after {
position: absolute;
content: "";
background-color: var(--heading);
width: 0%;
height: 100%;
right: 0px;
top: 0px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.ova-service-box-template2 .info .category {
position: relative;
z-index: 1;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
}
.ova-service-box-template2 .info .title {
transition: all 0.5s ease;
position: relative;
z-index: 1;
margin: 0 0 5px 0;
font-size: 24px;
font-weight: 800;
color: var(--heading);
}
.ova-service-box-template2 .info .description {
transition: all 0.5s ease;
position: relative;
z-index: 1;
margin: 0 0 10px 0;
color: var(--text);
}
.ova-service-box-template2 a.next-button {
transition: all 0.5s ease;
position: relative;
z-index: 1;
font-size: 12px;
line-height: 1;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--heading);
}
.ova-service-box-template3:hover .info-content {
transition: all 0.6s ease;
visibility: visible;
opacity: 1;
right: 0;
}
.ova-service-box-template3 .img-service {
position: relative;
overflow: hidden;
background-color: var(--heading);
}
.ova-service-box-template3 .img-service img {
width: 100%;
height: 500px;
object-fit: cover;
display: block;
}
.ova-service-box-template3 .img-service .icon {
transition: all 0.5s ease;
display: inline-flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 0;
right: 40px;
width: 80px;
height: 80px;
background-color: var(--heading);
}
@media (max-width: 400px) {
.ova-service-box-template3 .img-service .icon {
right: 0;
}
}
.ova-service-box-template3 .img-service .icon i {
transition: all 0.3s ease;
display: inline-flex;
font-size: 50px;
color: #fff;
}
.ova-service-box-template3 .info-content {
transition: all 0.6s ease;
position: absolute;
right: -30px;
bottom: 0;
width: 100%;
padding: 40px 50px 70px 40px;
background: linear-gradient(0deg, rgba(232, 162, 70, 0) 0%, var(--primary) 100%);
visibility: hidden;
opacity: 0;
}
@media (max-width: 767px) {
.ova-service-box-template3 .info-content {
transition: all 0.6s ease;
visibility: visible;
opacity: 1;
right: 0;
}
}
@media (max-width: 400px) {
.ova-service-box-template3 .info-content {
padding: 40px 30px 70px 30px;
}
}
.ova-service-box-template3 .description {
margin: 0 0 15px 0;
color: #fff;
}
.ova-service-box-template3 a.next-button {
transition: all 0.3s ease;
position: relative;
z-index: 1;
font-size: 14px;
line-height: 1;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #fff;
}
.ova-service-box-template3 a.next-button i {
font-size: 10px;
margin-left: 3px;
}
.ova-service-box-template3 a.next-button:hover {
transition: all 0.3s ease;
color: var(--primary);
}
.ova-service-box-template3 .info {
position: relative;
width: calc(100% - 40px);
padding: 25px 30px;
background-color: var(--primary);
}
@media (max-width: 400px) {
.ova-service-box-template3 .info {
width: 100%;
}
}
.ova-service-box-template3 .info .title {
transition: all 0.3s ease;
margin: 0;
font-size: 22px;
font-weight: 800;
color: #fff;
}
.ova-service-box-template4 {
transition: all 0.5s ease;
position: relative;
margin-bottom: 55px;
border: 1px solid #dfe3ea;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}
.ova-service-box-template4:hover {
transition: all 0.5s ease;
}
.ova-service-box-template4:hover .info {
transition: all 0.5s ease;
}
.ova-service-box-template4 a.next-button {
transition: all 0.3s ease;
position: absolute;
top: 100%;
right: 0;
background-color: var(--background);
padding: 20px 45px;
font-size: 12px;
line-height: 1;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--text);
}
.ova-service-box-template4 a.next-button i {
font-size: 10px;
margin-left: 3px;
}
.ova-service-box-template4 a.next-button:hover {
transition: all 0.3s ease;
color: var(--primary);
}
.ova-service-box-template4 .img-service {
position: relative;
overflow: hidden;
background-color: var(--heading);
}
.ova-service-box-template4 .img-service:before {
position: absolute;
content: "";
bottom: 0;
right: 0;
height: 100%;
width: 100%;
background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8), white);
}
.ova-service-box-template4 .img-service img {
width: 100%;
display: block;
}
.ova-service-box-template4 .img-service .icon {
transition: all 0.5s ease;
display: inline-flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 10px;
right: 40px;
width: 100px;
height: 100px;
background-color: var(--primary);
}
.ova-service-box-template4 .img-service .icon i {
transition: all 0.3s ease;
display: inline-flex;
font-size: 64px;
color: #fff;
}
.ova-service-box-template4 .info {
transition: all 0.5s ease;
position: relative;
padding: 0 40px 40px 40px;
background-color: #fff;
}
.ova-service-box-template4 .info .title {
transition: all 0.3s ease;
margin: 0;
padding-bottom: 24px;
font-size: 24px;
line-height: 1.4;
font-weight: 800;
color: var(--heading);
}
.ova-service-box-template4 .info .title:hover {
transition: all 0.3s ease;
color: var(--primary);
}
.ova-service-box-template4 .info .description {
margin: 0;
color: var(--text);
}
.ova-service-box-template5 {
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
border: 1px solid #dfe3ea;
background-color: #fff;
}
.ova-service-box-template5:hover .img-service .icon {
transition: all 0.5s ease;
}
.ova-service-box-template5:hover .info a.next-button {
transition: all 0.3s ease;
margin: 0;
color: var(--primary);
}
.ova-service-box-template5 .img-service {
position: relative;
}
.ova-service-box-template5 .img-service a {
display: block;
-webkit-mask-image: url(//gulf-alfourat.com/wp-content/plugins/ova-sev/assets/img/mask-image-service.png);
mask-image: url(//gulf-alfourat.com/wp-content/plugins/ova-sev/assets/img/mask-image-service.png);
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.ova-service-box-template5 .img-service img {
width: 100%;
max-height: 310px;
object-fit: cover;
display: block;
}
.ova-service-box-template5 .img-service .icon {
transition: all 0.5s ease;
display: inline-flex;
justify-content: center;
align-items: center;
position: absolute;
z-index: 1;
bottom: 0;
left: 50px;
width: 110px;
height: 110px;
background-color: var(--primary);
border-radius: 50%;
}
@media (max-width: 420px) {
.ova-service-box-template5 .img-service .icon {
left: 30px;
}
}
.ova-service-box-template5 .img-service .icon i {
transition: all 0.5s ease;
display: inline-flex;
font-size: 68px;
color: #fff;
}
.ova-service-box-template5 .info {
position: relative;
padding: 15px 50px 45px 45px;
}
@media (max-width: 767px) {
.ova-service-box-template5 .info {
padding: 15px 35px 40px 30px;
}
}
.ova-service-box-template5 .info .title {
transition: all 0.3s ease;
margin: 0 0 20px 0;
font-size: 24px;
font-weight: 800;
color: var(--heading);
}
.ova-service-box-template5 .info .title:hover {
transition: all 0.3s ease;
color: var(--primary);
}
.ova-service-box-template5 .info .description {
margin: 0 0 20px 0;
color: var(--text);
}
.ova-service-box-template5 .info a.next-button {
transition: all 0.3s ease;
margin: 0 0 0 -45px;
padding: 10px 48px;
display: inline-flex;
align-items: center;
background-color: var(--heading);
font-size: 12px;
line-height: 1;
font-weight: 800;
color: #fff;
text-transform: uppercase;
letter-spacing: 1.5px;
clip-path: polygon(0 0, 100% 0, 97% 100%, 0% 100%);
}
@media (max-width: 767px) {
.ova-service-box-template5 .info a.next-button {
margin: 0;
}
}
.ova-service-box-template5 .info a.next-button i {
font-size: 18px;
color: var(--primary);
margin-left: 8px;
}
.ova-service-box-template6 {
transition: all 0.5s ease;
padding: 50px;
background-color: #fff;
border: 1px solid #dfe3ea;
border-top-width: 7px;
}
@media (max-width: 420px) {
.ova-service-box-template6 {
padding: 40px 30px;
}
}
.ova-service-box-template6:hover {
transition: all 0.5s ease;
border-top-color: var(--primary);
}
.ova-service-box-template6:hover a.next-button {
transition: all 0.5s ease;
border: 1px solid var(--primary);
color: #fff;
}
.ova-service-box-template6:hover a.next-button:before {
transition: all 0.5s ease;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.ova-service-box-template6 .img-service .icon {
position: relative;
display: inline-flex;
align-items: center;
margin-bottom: 20px;
}
.ova-service-box-template6 .img-service .icon:before {
position: absolute;
content: "";
bottom: 0;
right: -20px;
width: 45px;
height: 45px;
background-color: var(--primary);
opacity: 0.102;
}
.ova-service-box-template6 .img-service .icon i {
display: inline-flex;
font-size: 64px;
color: var(--primary);
}
.ova-service-box-template6 .info .title {
transition: all 0.5s ease;
margin: 0 0 20px 0;
font-size: 24px;
font-weight: 800;
color: var(--heading);
max-width: 220px;
}
@media (max-width: 420px) {
.ova-service-box-template6 .info .title {
max-width: 100%;
}
}
.ova-service-box-template6 .info .description {
margin: 0 0 30px 0;
color: var(--text);
}
.ova-service-box-template6 a.next-button {
transition: all 0.5s ease;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
padding: 12px 28px;
font-weight: 100%;
border: 1px solid #dfe3ea;
font-size: 12px;
line-height: 1;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--text);
}
.ova-service-box-template6 a.next-button span {
position: relative;
z-index: 1;
}
.ova-service-box-template6 a.next-button i {
position: relative;
z-index: 1;
font-size: 18px;
margin-left: 8px;
}
.ova-service-box-template6 a.next-button:before {
transition: all 0.5s ease;
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--primary);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}:root{--woocommerce:#720eec;--wc-green:#008a20;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{background-color:transparent;border-radius:0;border:0;color:var(--wc-form-color-text,#000);cursor:pointer;font-size:inherit;line-height:inherit;margin:0;padding:0;position:absolute;right:.7em;text-decoration:none;top:50%;transform:translateY(-50%);-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-webkit-font-smoothing:inherit}.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{background-repeat:no-repeat;background-size:cover;background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');content:"";display:block;height:22px;width:22px}.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before{background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>')}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}