.btn, .btn.btn-primary {
border-radius: 50px;
}
.abiz-marquee-section {
margin-top: 6.75rem;
}
.main-footer {
background: var(--bs-secondary);
}:root {
--bs-primary: #5e20fb;
--bs-primary-light: #5e20fb40;
--bs-secondary:#214462;
}
.quicksy-theme .main-content h4 {
display: inline-flex;
gap: 16px;
align-items: center;
padding: 6px 15px;
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 50px;
background: var(--bs-primary);
}
.quicksy-theme .main-content h4 span {
background: none;
padding: 0;
margin-right: 0;
display: none;
}
.quicksy-theme .main-content h4 .stdot {
position: relative;
display: block;
height: 2px;
background: var(--bs-white);
width: 30px;
border-radius: 30px;
}
.quicksy-theme .main-content h4 .stdot:before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--bs-white);
}
.quicksy-theme .main-content h4 .stdot:after {
content: "\f105";
font-family: "Font Awesome 6 Free";
position: absolute;
right: -3px;
top: 50%;
transform: translateY(-50%);
}
.quicksy-theme .main-content h1 .primary { -webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--bs-white);
}
.info-section-4 .info-box-inner {
position: relative;
display: block;
overflow: hidden;
background: var(--bs-white);
border: 2px solid #004a9426;
padding: 0px 30px 37px;
}
.info-section-4 .info-box-icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 90px;
background: var(--bs-primary-light);
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
z-index: 1;
}
.info-section-4 .info-box-icon:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
background: var(--bs-primary);
transition-delay: 0.5s;
transition: .5s;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
opacity: 1;
-webkit-transform: perspective(400px) rotateX(-70deg) scale(0.0);
-ms-transform: perspective(400px) rotateX(-70deg) scale(0.0);
transform: perspective(400px) rotateX(-70deg) scale(0.0);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
z-index: -1;
}
.info-section-4 .info-box-icon i {
position: relative;
display: block;
line-height: 0px;
font-size: 32px;
color: var(--bs-primary);
}
.info-section-4 .content-box {
position: relative;
display: block;
margin-top: 23px;
z-index: 1;
}
.info-section-4 .info-box-title {
position: relative;
font-size: 24px;
line-height: 34px;
font-weight: 700;
text-transform: capitalize;
padding-bottom: 3px;
margin-bottom: 23px;
}
.info-section-4 .info-box-title a {
color: var(--bs-secondary);
text-decoration:none;
}
.info-section-4 .info-box-title::before {
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 2px;
background: var(--bs-primary);
content: "";
}
.info-section-4 .post-more {
position: relative;
display: block;
margin-top: 21px;
}
.info-section-4 .info-box-inner:hover .info-box-icon:before {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);
-ms-transform: perspective(400px) rotateX(0deg) scale(1.0);
transform: perspective(400px) rotateX(0deg) scale(1.0);
}
.info-section-4 .info-box-inner:hover .info-box-icon i {
color: var(--bs-white);
-webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);
-ms-transform: perspective(400px) rotateX(0deg) scale(1.0);
transform: perspective(400px) rotateX(0deg) scale(1.0);
}
.info-section-4 .read-link {
color: var(--bs-secondary);
text-decoration: none;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0 100% / 0 0.18rem no-repeat;
text-align: center;
}
.info-section-4 .read-link:hover,
.info-section-4 .read-link:focus {
letter-spacing: 0.03rem;
background-size: 75% 2px;
outline:none;
}
.info-section-4 .read-link:hover {
color: var(--bs-white);
}
.info-section-4 .read-link:focus {
color: var(--bs-secondary);
}
.info-section-4 .read-link i {
background: var(--bs-primary);
color: var(--bs-white);
border-radius: 50%;
height: 20px;
width: 20px;
line-height: 20px;
margin-left: 5px;
transition: all .3s ease;
rotate: -40deg;
}
.info-section-4 .read-link:hover i{
background: var(--bs-white);
color: var(--bs-primary);
rotate: 0deg;
}
.info-section-4 .read-link:focus i{
background: var(--bs-primary);
color: var(--bs-white);
rotate: 0deg;
}
.info-section-4 .info-box-inner:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background: var(--bs-secondary);
z-index: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: bottom;
transform-origin: bottom;
transition: all 0.5s ease-in-out 0s;
}
.info-section-4 .info-box-inner:hover:after{
transform: scale(1);
z-index: 0;
}
.info-section-4 .info-box-inner:hover .info-box-title a,
.info-section-4 .info-box-inner:hover .info-content,
.info-section-4 .info-box-inner:hover .read-link{
color: var(--bs-white);
}
.service-section-3 {
position: relative;
}
.service-section-3 .service-inner-box-3 {
background: #F3F4F7;
display: inline-block;
}
.service-section-3 .service-inner-box-3 .service-image-box img {
height: 236px;
object-fit: cover;
width: 100%;
}
.service-section-3 .service-inner-box-3 .servive-wrap {
padding: 30px 30px 30px 30px;
position: relative;
}
.service-section-3 .service-inner-box-3 .servive-wrap .count{
font-size: 55px;
font-weight: 700;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #00194c69;
color: transparent;
position: absolute;
top: 0px;
right: 20px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.service-section-3 .service-inner-box-3:hover .servive-wrap .count {
-webkit-text-stroke-color: var(--bs-primary);
}
.service-section-3 .service-inner-box-3 .service-icon {
width: 68px;
height: 68px;
background: #fff;
color: var(--bs-primary);
font-size: 40px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-top: -64px;
margin-bottom: 24px;
z-index: 0;
}
.service-section-3 .service-inner-box-3 .service-icon:after {
content: '';
width: 39px;
height: 4px;
background: var(--bs-primary);
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.service-section-3 .service-inner-box-3:hover .service-icon i {
animation: spinAround 0.5s linear;
-moz-animation: spinAround 0.5s linear;
-webkit-animation: spinAround 0.5s linear;
}
@keyframes spinAround {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(10deg);
}
50% {
transform: rotate(0deg);
}
75% {
transform: rotate(-10deg);
}
100% {
transform: rotate(0deg);
}
}
.service-section-3 .service-inner-box-3 .service-title {
margin: 0;
font-weight: 700;
line-height: 26px;
margin-bottom: 12px;
}
.service-section-3 .service-inner-box-3 .service-title a {
color:var(--bs-secondary);
text-decoration: none;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0 100% / 0 0.18rem no-repeat;
}
.service-section-3 .service-inner-box-3:hover .service-title a {
letter-spacing: 0.03rem;
background-size: 100% 2px;
color: var(--bs-primary);
}
.service-section-3 .service-inner-box-3 .service-excerpt {
font-size: 16px;
font-weight: 500;
line-height: 28px;
color: #6C6E76;
padding-bottom: 15px;
border-bottom: 1px solid #E5E5E5;
margin-bottom: 20px;
}
.service-section-3 .service-inner-box-3 .read-link {
display: inline;
font-size: inherit;
color: var(--bs-secondary);
text-decoration: none;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0 100% / 0 0.18rem no-repeat;
text-align: center;
}
.service-section-3 .service-inner-box-3 .read-link:hover,
.service-section-3 .service-inner-box-3 .read-link:focus {
letter-spacing: 0.03rem;
background-size: 75% 2px;
color: var(--bs-primary);
}
.service-section-3 .service-inner-box-3 .read-link i {
font-size: inherit;
background: var(--bs-primary);
color: var(--bs-white);
border-radius: 50%;
height: 20px;
width: 20px;
line-height: 20px;
margin-left: 5px;
transition: all .3s ease;
rotate: -40deg;
}
.service-section-3 .service-inner-box-3 .read-link:hover i,
.service-section-3 .service-inner-box-3 .read-link:focus i{
background: var(--bs-secondary);
color: var(--bs-white);
rotate: 0deg;
}
.service-section-3 .service-inner-box-3 .service-img {
position: relative;
display: block;
overflow: hidden;
}
.service-section-3 .service-inner-box-3 .service-img::before {
position: absolute;
top: 0;
left: -85%;
z-index: 2;
display: block;
content: "";
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.service-section-3 .service-inner-box-3:hover .service-img::before {
-webkit-animation: flashshine 1.5s;
animation: flashshine 1.5s;
}
@keyframes flashshine {
100% {
left: 125%;
}
}
@media (max-width: 991px) {	
.slider-section + .info-section-4 {
margin-top: -1rem;
}
}
@media (min-width: 992px) {	
.quicksy-theme .above-header .widget-left{
padding-left: 15rem;
}
.quicksy-theme .main-navigation .logo {
position: relative;
z-index: 0;
}
.quicksy-theme .main-navigation:not(.is-sticky-menu) .logo:before {
content: "";
position: absolute;
min-height: 160px;
min-width: 220px;
border-radius: 0;
background: var(--bs-white);
z-index: -1;
transform: translateY(-30%);
left: -32px;
border-radius:5px;
border-top: 7px solid var(--bs-primary);
border-bottom: 7px solid var(--bs-primary);
box-shadow: 8px 8px 20px 0 rgb(0 0 0 / 20%);
}
.quicksy-theme .main-navigation:not(.is-sticky-menu) .logo .site-description {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
max-width: 90%;
}
.quicksy-theme .main-navigation .navbar-area {
justify-content: flex-end;
}
.slider-section + .info-section-4 {
margin-top: -3.55rem;
}
}
@media only screen and (max-width: 1600px) and (min-width: 1400px) {
.quicksy-theme .above-header .widget-left {
padding-left: 22rem;
}
.quicksy-theme .main-navigation:not(.is-sticky-menu) .logo:before {
left: -12px;
}
}
@media only screen and (max-width: 1400px) and (min-width: 992px) {
.quicksy-theme .main-navigation:not(.is-sticky-menu) .logo:before {
left: -30px;
}
}
.about-section .about-video-btn {
text-decoration: none;
}
.woocommerce table.shop_table td a {
text-decoration: none;
}
.wp-block-categories li a {
color: var(--bs-secondary);
}