.archive_sev {
padding-bottom: 60px;
}
@media (max-width: 767px) {
.archive_sev {
padding-bottom: 30px;
}
}
.archive_sev .content {
display: grid;
grid-gap: 50px;
}
.archive_sev .content .content-layout {
display: grid;
grid-gap: 40px;
grid-template-columns: 1.1fr 1fr;
max-width: 1280px;
margin: 0 auto;
}
@media (max-width: 1024px) {
.archive_sev .content .content-layout {
grid-template-columns: auto;
}
}
.archive_sev .content .service-img {
margin: auto;
}
.archive_sev .content .service-img img {
display: inline-block;
max-height: 430px;
object-fit: cover;
}
.archive_sev .content .info {
margin: auto;
display: grid;
}
@media (max-width: 1024px) {
.archive_sev .content .info {
text-align: center;
}
}
.archive_sev .content .info .service-title {
font-size: 32px;
font-weight: bold;
line-height: 1.2;
color: var(--heading);
margin: 0 0 20px;
}
.archive_sev .content .info .service-category {
color: var(--primary);
display: inline-block;
padding-bottom: 15px;
}
.archive_sev .content .info a.services-btn {
display: inline-flex;
justify-content: center;
align-items: center;
font-weight: 600;
line-height: 1;
width: fit-content;
width: -moz-fit-content;
min-height: 60px;
font-feature-settings: "pnum" on, "lnum" on, "ordn" on;
background-color: var(--primary);
padding: 18px 40px;
color: #fff;
border-radius: 100px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 1024px) {
.archive_sev .content .info a.services-btn {
margin: 0 auto;
}
}
.archive_sev .content .info a.services-btn i {
display: inline-flex;
margin-left: 8px;
font-size: 20px;
}
.archive_sev .content .info a.services-btn:hover {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: var(--secondary-hover);
}
.service_single .sidebar .widget {
margin-bottom: 37px;
padding-bottom: 0;
border-bottom: 1px solid transparent;
}
.ova-service-list {
width: 100%;
box-shadow: 0px 1px 45px rgba(0, 0, 0, 0.07);
border-radius: 20px;
background-color: var(--background);
padding: 25px 16px;
}
.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 {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 20px;
margin-bottom: 8px;
}
.ova-service-list .service-title-list li.item:last-child {
padding: 0.5em 0;
}
.ova-service-list .service-title-list li.item a {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 600;
font-size: 16px;
padding: 11px 16px;
line-height: 1.2;
color: var(--heading);
-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:hover, .ova-service-list .service-title-list li.item.active {
-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: var(--primary);
}
.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;
color: #fff;
}
.ova-services-slider .services-slider {
opacity: 0;
visibility: hidden;
transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
}
.ova-services-slider .services-slider.slick-initialized {
visibility: visible;
opacity: 1;
}
.ova-services-slider .services-slider .slick-list .slick-track {
margin-bottom: 80px;
}
@media (max-width: 1024px) {
.ova-services-slider .services-slider .slick-list .slick-track {
margin-bottom: 60px;
}
}
.ova-services-slider .services-slider .slick-slide {
position: relative;
}
.ova-services-slider .services-slider .slick-slide:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
content: "";
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid var(--primary);
bottom: 0;
opacity: 0;
left: 50%;
margin-left: -12px;
}
.ova-services-slider .services-slider .slick-slide.slick-current .item .item-box {
box-shadow: 0px 16px 20px -13px rgba(194, 99, 70, 0.7);
background-color: var(--primary);
}
.ova-services-slider .services-slider .slick-slide.slick-current .item .item-box i, .ova-services-slider .services-slider .slick-slide.slick-current .item .item-box .service-title {
color: #fff;
}
.ova-services-slider .services-slider .slick-slide.slick-current:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 1;
bottom: -12px;
}
.ova-services-slider .services-slider .slick-slide .item .item-box {
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: var(--secondary-background);
padding: 30px 20px 26px 20px;
margin: 0 20px 0 20px;
border-radius: 20px;
min-height: 200px;
position: relative;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-services-slider .services-slider .slick-slide .item .item-box i {
display: inline-flex;
font-size: 60px;
color: var(--primary);
margin-bottom: 19px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-services-slider .services-slider .slick-slide .item .item-box:hover {
background-color: var(--primary);
}
.ova-services-slider .services-slider .slick-slide .item .item-box:hover i, .ova-services-slider .services-slider .slick-slide .item .item-box:hover .service-title {
color: #fff;
}
.ova-services-slider .services-slider .slick-slide .item .item-box .service-title {
margin: 0;
font-size: 20px;
line-height: 1.6;
color: var(--text);
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-services-slider .services-slider .slick-dots {
position: absolute;
top: -55px;
bottom: unset;
}
.ova-services-slider .services-slider .slick-dots li {
margin: 0;
}
.ova-services-slider .services-slider .slick-dots li.slick-active button:before {
color: var(--primary);
}
.ova-services-slider .services-slider-content.slick-current .content .content-layout {
padding-bottom: 80px;
}
@media (max-width: 1024px) {
.ova-services-slider .services-slider-content.slick-current .content .content-layout {
grid-template-columns: auto;
padding-bottom: 0;
}
}
.ova-services-slider .services-slider-content .content .content-layout {
display: grid;
grid-gap: 40px;
grid-template-columns: 1.1fr 1fr;
max-width: 1280px;
margin: 0 auto;
}
@media (max-width: 1024px) {
.ova-services-slider .services-slider-content .content .content-layout {
grid-template-columns: auto;
}
}
.ova-services-slider .services-slider-content .content .service-img {
margin: auto;
}
.ova-services-slider .services-slider-content .content .service-img img {
display: inline-block;
max-height: 430px;
object-fit: cover;
}
.ova-services-slider .services-slider-content .content .info {
margin: auto;
display: grid;
}
@media (max-width: 1024px) {
.ova-services-slider .services-slider-content .content .info {
text-align: center;
}
}
.ova-services-slider .services-slider-content .content .info .service-title {
font-size: 32px;
font-weight: bold;
line-height: 1.2;
color: var(--heading);
margin: 0 0 20px;
}
.ova-services-slider .services-slider-content .content .info .service-category {
color: var(--primary);
display: inline-block;
padding-bottom: 15px;
}
.ova-services-slider .services-slider-content .content .info a.services-btn {
display: inline-flex;
justify-content: center;
align-items: center;
font-weight: 600;
line-height: 1;
width: fit-content;
width: -moz-fit-content;
min-height: 60px;
font-feature-settings: "pnum" on, "lnum" on, "ordn" on;
background-color: var(--primary);
padding: 16px 40px 18px 40px;
color: #fff;
border-radius: 100px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 1024px) {
.ova-services-slider .services-slider-content .content .info a.services-btn {
margin: 0 auto;
}
}
.ova-services-slider .services-slider-content .content .info a.services-btn i {
display: inline-flex;
margin-left: 8px;
font-size: 20px;
}
.ova-services-slider .services-slider-content .content .info a.services-btn:hover {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: var(--secondary-hover);
}
.ova-services-slider.ova-services-slider-vertical {
display: grid;
grid-template-columns: 33% 67%;
align-items: center;
padding: 60px 40px 70px 60px;
background-color: var(--secondary);
border-radius: 20px;
position: relative;
}
@media (max-width: 1024px) {
.ova-services-slider.ova-services-slider-vertical {
grid-template-columns: 100%;
}
}
@media (max-width: 767px) {
.ova-services-slider.ova-services-slider-vertical {
padding: 60px 20px 70px 20px;
}
}
.ova-services-slider.ova-services-slider-vertical:before {
position: absolute;
content: "";
width: 105%;
height: 100%;
left: 0;
top: 0;
}
.ova-services-slider.ova-services-slider-vertical .services-slider {
background-color: #fff;
padding: 40px 30px 16px 30px;
border-radius: 20px;
margin: -100px 40px 0 0;
filter: drop-shadow(0px 1px 45px rgba(0, 0, 0, 0.07));
}
@media (max-width: 1024px) {
.ova-services-slider.ova-services-slider-vertical .services-slider {
margin: -100px 0 40px 0;
}
}
.ova-services-slider.ova-services-slider-vertical .services-slider .slick-list .slick-track {
margin: 0;
}
.ova-services-slider.ova-services-slider-vertical .services-slider .slick-slide.slick-current .item .item-box {
box-shadow: 0px 1px 45px rgba(0, 0, 0, 0.07);
background-color: var(--primary);
}
.ova-services-slider.ova-services-slider-vertical .services-slider .slick-slide.slick-current .item .item-box i, .ova-services-slider.ova-services-slider-vertical .services-slider .slick-slide.slick-current .item .item-box .service-title {
color: #fff;
}
.ova-services-slider.ova-services-slider-vertical .services-slider .slick-slide:before {
content: none;
}
.ova-services-slider.ova-services-slider-vertical .services-slider .slick-slide .item .item-box {
min-height: auto;
flex-direction: row;
justify-content: flex-start;
margin: 0 0 24px 0;
padding: 14px;
background-color: var(--background);
border-radius: 10px;
}
.ova-services-slider.ova-services-slider-vertical .services-slider .slick-slide .item .item-box:hover {
background-color: var(--primary);
}
.ova-services-slider.ova-services-slider-vertical .services-slider .slick-slide .item .item-box:hover i, .ova-services-slider.ova-services-slider-vertical .services-slider .slick-slide .item .item-box:hover .service-title {
color: #fff;
}
@media (max-width: 430px) {
.ova-services-slider.ova-services-slider-vertical .services-slider .slick-slide .item .item-box {
margin: 0 0 12px 0;
}
}
.ova-services-slider.ova-services-slider-vertical .services-slider .slick-slide .item .item-box i {
font-size: 24px;
margin-bottom: 0;
margin-right: 8px;
color: var(--heading);
}
.ova-services-slider.ova-services-slider-vertical .services-slider .slick-slide .item .item-box .service-title {
color: var(--heading);
}
@media (max-width: 1400px) {
.ova-services-slider.ova-services-slider-vertical .services-slider .slick-slide .item .item-box .service-title {
font-size: 16px;
}
}
.ova-services-slider.ova-services-slider-vertical .services-slider .slick-dots {
position: static;
}
.ova-services-slider.ova-services-slider-vertical .services-slider-content .content .content-layout .info {
grid-row: 1;
}
.ova-services-slider.ova-services-slider-vertical .services-slider-content .content .content-layout .info .service-category {
text-transform: uppercase;
grid-row: 1;
}
.ova-services-slider.ova-services-slider-vertical .services-slider-content .content .content-layout .info .service-title, .ova-services-slider.ova-services-slider-vertical .services-slider-content .content .content-layout .info .service-except {
color: #fff;
}