:root {
--bs-primary: #d61523;
--bs-primary-dark:#af0713;
--bs-primary-light: #d615232b;
--bs-primary-shadow:rgb(0 123 255 / 0.5);
--bs-secondary:#214462;
--bs-secondary-dark: #000000; 
}
.arvity-theme .logo a:focus {
outline-color: var(--bs-white);
}
.arvity-theme .above-header {
overflow: hidden;
}
.arvity-theme .main-header .contact-area, 
.arvity-theme .main-header .contact-area a:not(:hover):not(:focus) {
color: var(--bs-white);
}
.arvity-theme .above-header .header-widget a:hover, 
.arvity-theme .above-header .header-widget a:focus {
color: var(--bs-white);
}
.arvity-theme .above-header .contact-info .title {
font-weight: 500;
font-size: 1.325rem;
}
.arvity-theme .main-mobile-nav {
background: var(--bs-secondary);
}
.arvity-theme .main-content h4 {
border-width: 1px;
padding: 5px 10px;
}
.arvity-theme .info-section .feature-box-icon {
margin-bottom: 2rem;
}
.arvity-theme .info-section .feature-box-title a {
color: var(--bs-secondary);
text-decoration: none;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
transition: all 500ms ease;
}
.arvity-theme .info-section .widget-contact:hover .feature-box-title a {
color: var(--bs-white);
}
.arvity-theme .info-section .feature-box-title a:hover {
background-size: 100% 1px;
}
.arvity-theme .info-section .feature-box-title,
.arvity-theme .info-section .fbox-content {
margin-bottom: 1rem;
}
.arvity-theme .info-section .feature-box-icon i, 
.arvity-theme .info-section .feature-box-icon img {
position: relative;
width: 70px;
height: 70px;
line-height: 70px;
}
.arvity-theme .info-section .feature-box-icon i:after {
content: '';
position: absolute;
height: 60px;
width: 60px;
line-height: 60px;
border: 2px dashed #fff;
border-radius: 50%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.arvity-theme .info-section .feature-box-inner .read-more {
border-bottom: none;
font-weight: 500;
color: var(--bs-secondary);
text-decoration:none;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
transition: all 500ms ease;
}
.arvity-theme .info-section .feature-box-inner .read-more:hover,
.arvity-theme .info-section .feature-box-inner .read-more:focus {
letter-spacing: 0.03rem;
background-size: 75% 2px;
outline: none;
}
.arvity-theme .info-section .feature-box-inner:hover .read-more {
color: var(--bs-white);
}
.arvity-theme .info-section .feature-box-inner .read-more:focus {
outline: none;
}
.arvity-theme .info-section .feature-box-inner .read-more i {
rotate: -40deg;
color: var(--bs-white);
background: var(--bs-primary);
border-radius: 100%;
height: 25px;
width: 25px;
line-height: 25px;
text-align: center;
margin-left: 3px;
transition: all 500ms ease;
}
.arvity-theme .info-section .feature-box-inner:hover .read-more i {
background: var(--bs-white);
color:var(--bs-primary);
rotate: 0deg;
}
.arvity-theme .service-section .service-inner {
position: relative;
z-index: 0;
border-bottom: none;
}
.arvity-theme .service-section .service-front {
position: relative;
transform: rotateX(0deg) rotateY(0deg);
transform-style: preserve-3d;
backface-visibility: hidden;
transition: all 0.4s ease-in-out;
z-index: 900;
top: 0;
height: 100%;
background-color: var(--bs-white);
box-shadow: 0px 10px 31px rgba(169, 177, 193, 0.17);
width: auto;
overflow: hidden;
border-radius: 10px;
}
.arvity-theme .service-section .service-front  .service-content {
padding: 30px;
background-size: contain;
background-position: center top;
}
.arvity-theme .service-section .service-front .service-icon,  
.arvity-theme .service-section .service-back  .service-icon {
margin: 0 auto 30px auto;
border: 0px solid var(--bs-white);
background-color: transparent;
position: relative;
width: 118px;
height: 118px;
z-index: auto;
display: inline-flex;
align-items: center;
justify-content: center;
}
.arvity-theme .service-section .service-front .service-icon {
width: 85px;
height: 85px;
}
.arvity-theme .service-section .service-inner .service-icon i{
border: 3px solid var(--bs-white);
background-color: var(--bs-primary);
color: var(--bs-white);
position: relative;
width: 80px;
height: 80px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 40px;
}
.arvity-theme .service-section .service-front .service-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
background-color: #dddddd;
border-radius: 50%;
position: relative;
}
.arvity-theme .service-section .service-front .service-link::before {
position: absolute;
content: "";
height: 1.5px;
width: 270px;
background-color: var(--bs-secondary);
z-index: -1;
}
.arvity-theme .service-section .service-back {
z-index: 0;
transform: rotateY(-180deg);
transform-style: preserve-3d;
backface-visibility: hidden;
transition: all 0.4s ease-in-out;
background-color: var(--bs-secondary);
border-radius: 5px;
overflow: hidden;
position: absolute;
inset: 0;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
display: flex;
align-items: center;      
justify-content: center;
text-align: center;
}
.arvity-theme .service-section .service-back::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: var(--bs-secondary);
opacity: 0.9;
left: 0;
top: 0;
z-index: -1;
}
.arvity-theme .service-section .service-back .service-content {
padding: 30px;
}
.arvity-theme .service-section .service-back .service-icon {
margin: 0 auto 45px auto;
}
.arvity-theme .service-section .service-back .service-icon .shape{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
.arvity-theme .service-section .service-back .service-divider {
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-bottom: 37px;
}
.arvity-theme .service-section .service-back .service-divider span {
display: inline-block;
width: 30px;
height: 30px;
background: var(--bs-white);
border-radius: 50%;
border: 8px solid var(--bs-secondary);
}
.arvity-theme .service-section .service-back .service-divider::before {
position: absolute;
content: "";
width: 100%;
height: 1.5px;
background-color: var(--bs-white);
z-index: -1;
}
.arvity-theme .service-section .service-inner:hover .service-front {
z-index: 900;
transform: rotateY(180deg);
box-shadow: none;
}
.arvity-theme .service-section .service-inner:hover .service-back {
z-index: 1000;
transform: rotateX(0deg) rotateY(0deg);
}
.arvity-theme .service-section .service-back .service-title a{
color: var(--bs-white);
margin: 0 0 10px 0;
}
.arvity-theme .service-section .service-back .service-excerpt {
margin: 0 9px 40px 9px;
color: var(--bs-white);
}
.arvity-theme .service-section .btn:before {
background-color: var(--bs-white);
}
.arvity-theme .service-section .btn:hover, 
.arvity-theme .service-section .btn:focus {
color: var(--bs-secondary);
}
.arvity-theme .flixita-call-action-section .call-content h2 {
color: var(--bs-white);
}
@media (min-width: 1400px) {
.arvity-theme .container {
max-width: 1500px;
}
}
@media (min-width: 992px) {	
.arvity-theme .above-header:after{
display:none;
}
.arvity-theme .above-header:before {
content: '';
position: absolute;
top: 0;
left: auto;
right: -50px;
width: 50%;
height: 100%;
background: var(--bs-primary);
transform: skewX(40deg);
border-radius: 0;
border-left: 8px solid var(--bs-white);
}
.arvity-theme .widget_social_widget li a:hover i, 
.arvity-theme .widget_social_widget li a:focus i {
background-color: var(--bs-secondary);
}
.arvity-theme .main-navigation:not(.is-sticky-menu) {
position: relative;
}
.arvity-theme .main-navigation .logo:after {
content: '';
position: absolute;
top: 0;
left: -100px;
width: 30%;
height: 100%;
background: var(--bs-primary);
border-radius: 0;
transform: skewX(40deg);
border-right: 20px double var(--bs-white);
z-index: -1;
box-shadow: 0px 9px 75px rgba(8, 20, 44, 0.09);
}
.arvity-theme h4.site-title::first-letter {
color: var(--bs-white);
}
.arvity-theme .home-slider, 
.arvity-theme .home-slider .owl-item img {
max-height: 768px;
min-height: 768px;
object-fit: cover;
}
}
.btn-style-two .btn.btn-primary {
border: none;
transition: 0s;
}
.btn-style-two .btn:hover,
.btn-style-two .btn:focus {
color: #fff;
}
.btn-style-two .btn:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: var(--bs-secondary);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
transition: transform 500ms cubic-bezier(0.85, 0, 0.08, 1), -webkit-transform 500ms cubic-bezier(0.85, 0, 0.08, 1);
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0.08, 1);
transition-timing-function: cubic-bezier(0.85, 0, 0.08, 1);
z-index: -1;
}
.btn-style-two .btn:hover:before {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.marquee-section {
position: relative;
padding: 12px 0;
margin-top: 6.75rem;
}
.marquee-section:before {
content: "";
position: absolute;
left: 0;
top: 50%;
height: 90px;
width: 100%;
background-color: var(--bs-primary);
pointer-events: none;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.marquee-box {
position: relative;
--duration: 30s;
--gap: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
gap: var(--gap);
background: var(--bs-white);
padding: 30px 0;
-webkit-transform: rotate(-1.33deg);
transform: rotate(-1.33deg);
-webkit-box-shadow: 0 10px 60px 0 rgba(171, 171, 171, .25);
box-shadow: 0 10px 60px 0 rgba(171, 171, 171, .25);
}
.marquee-box .marquee-group {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gap);
min-width: 100%;
-webkit-animation: scroll var(--duration) linear infinite;
animation: scroll var(--duration) linear infinite;
}
.marquee-box .icon {
margin-right: 20px;
font-size: 35px;
color: var(--bs-primary);
}
.marquee-box .text {
position: relative;
color: var(--bs-secondary);
font-size: 35px;
font-weight: 500;
line-height: 1;
padding-right: 105px;
}
@keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
-webkit-transform: translateX(calc(-100% - var(--gap)));
transform: translateX(calc(-100% - var(--gap)))
}
}