/********** Template CSS **********/
html, body{overflow-x:hidden !important;}
:root {
--primary: #3b7a4f;
--secondary: #5F656F;
--light: #F5F5F5;
--dark: #57595F;
}
@font-face {
font-family: 'Agency FB Bold';
font-style: normal;
font-weight: normal;
src: local('Agency FB Bold'), url('../fonts/AGENCYB.woff') format('woff');
}
.back-to-top {
position: fixed;
right: 30px;
bottom: 30px;
z-index: 99;

}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{color:#02856a;font-family: 'Agency FB Bold';}
body{font-family: "Poppins", sans-serif;}

/*** Spinner ***/
#spinner {
opacity: 0;
visibility: hidden;
transition: opacity .5s ease-out, visibility 0s linear .5s;
z-index: 99999;
}

#spinner.show {
transition: opacity .5s ease-out, visibility 0s linear 0s;
visibility: visible;
opacity: 1;
}


/*** Button ***/
.btn {
transition: .5s;
font-weight: 500;
}

.btn-primary,
.btn-outline-primary:hover {
color: #FFFFFF;
}

.btn-square {
width: 38px;
height: 38px;
}

.btn-sm-square {
width: 32px;
height: 32px;
}

.btn-lg-square {
width: 48px;
height: 48px;
}
.socialMedia .btn-square {
    width: 25px;
    height: 25px;
    font-size: 12px;
}
.btn-square,
.btn-sm-square,
.btn-lg-square {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
font-weight: normal;
}
.topRow{    position: absolute;
z-index: 9999;
width: 100%;
right: 0;
left: 0}
.btn-theme{background:#1f622c;color: #FFF;border-top-left-radius:0 !important;border-top-right-radius:0 !important;}

.topbar-right {
position: relative;
background:#1f622c;
    padding: 5px 25px;
}

.topbar-right::before {
    position: absolute;
content: "";
width: 30px;
height: 100%;
top: 0;
left: -16px;
transform: skewX(-30deg);
background-color:#1f622c;
}
.socialMedia .dropdown-toggle:hover, .socialMedia .dropdown-toggle:focus{color: #FFF;}
.socialMedia  .dropdown-menu{width: 100%;background: #1f622c;border-radius: 4px;}
.socialMedia  .dropdown-menu .dropdown-item{color: #FFF;}
.socialMedia  .dropdown-menu .dropdown-item:hover, .socialMedia  .dropdown-menu .dropdown-item:focus{color: #444;}
/*** Navbar ***/
.navbar{background: transparent;position: absolute; z-index: 999;width: 100%;top:20px !important;}
.navbar.shadow-sm {
transition: .5s;
z-index: 9;
top:0px !important;
position:fixed;
width: 100%;
background:#FFF;
}
.navbar.shadow-sm .navbar-nav .nav-link{color:var(--dark);}
.navbar .navbar-brand img{position:relative;z-index:999;max-height: 110px;}
.navbar.shadow-sm .navbar-brand img{max-height:70px;}
.navbar .navbar-brand::after {
    position: absolute;
content: "";
width: 70px;
height: 100%;
top: 0;
right: -40px;
transform: skewX(-30deg);
}
.navbar.shadow-sm .navbar-nav .dropdown-menu::before{display: none;}
.navbar .navbar-brand {
position: relative;
padding-right: 50px;
display: flex;
align-items: center;
padding:10px 0;
}

.navbar .navbar-nav .nav-link {
margin-right:1.5rem;
padding: 20px 0;
color:#FFFFFF;
font-size: 18px;
font-weight: 500;
outline: none;
}

.dropdown-item{padding:10px 15px;}
.navbar .nav-item .dropdown-menu::before{    position: absolute;
content: "";
height:15px;
width:15px;
background: #FFF;
top: -8px;
left: 20px;
transform: rotate(45deg);z-index: -1;}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
color:#FF5E14 !important;
border-bottom: 2px solid #FF5E14 !important;
}
.navbar .navbar-nav .nav-link:last-child{margin:0;}
.navbar .dropdown-toggle::after {
border: none;
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
vertical-align: middle;
margin-left: 8px;
}
.dropdown-item.active, .dropdown-item:active .dropdown-item:hover, .dropdown-item:focus,.dropdown-item:hover, .dropdown-item:focus{
    color: #fff;
    text-decoration: none;
    background-color: #FF5E14;
}
    .navbar .nav-item:hover .dropdown-menu {
        visibility: visible;
        transition: .5s;
        opacity: 1;
        display: block;
        top:100%;
    }
@media (max-width: 991.98px) {
.navbar .navbar-nav .nav-link  {
    margin-right: 0;
    padding: 10px 0;
}

.navbar .navbar-nav {
    border-top: 1px solid #EEEEEE;
}
}

@media (min-width: 992px) {
.navbar .nav-item .dropdown-menu {
    display: none;
    border: none;
    margin-top: 0;
    top: 150%;
    opacity: 0;
    transition: .5s;
    padding: 0;
}

.navbar .nav-item .dropdown-menu.show {
    top: 100%;
    visibility: visible;
    transition: .5s;
    opacity: 1;
    display: block;
}
}

.font1{font-size: 1rem;}
.font1-2{font-size: 1.5rem;}
.font2{font-size: 2rem;}
.font2-2{font-size: 2.5rem;}
.font3{font-size: 3rem;}
.font3-2{font-size: 3.5rem;}
.font4{font-size: 4rem;}
.font4-2{font-size: 4.5rem;}
.carousel-control-prev, .carousel-control-next {
    height: 50px;
    margin: auto;
    width:80px !important;
}

/*** Header ***/
.carousel-caption {
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
background: linear-gradient(to bottom, rgba(0,0,0,0.6) 45%, rgba(0,0,0,0.5) 200%, rgba(2,7,5,0) 30%);
z-index: 1;
}
.btn, .form-control{border-radius: 6px;}
.carousel-control-prev,
.carousel-control-next {
width: 15%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
width: 3.5rem;
height: 3.5rem;
background-color: var(--primary);
border: 15px solid var(--primary);
border-radius: 3.5rem;
}

@media (max-width: 768px) {
#header-carousel .carousel-item {
    position: relative;
    min-height: 450px;
}

#header-carousel .carousel-item img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
}

.page-header {background: url(../img/carousel-2.jpg) center center no-repeat;background-size: cover;position: relative;padding:15rem 1rem 3rem !important
}
.page-header:before{background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 45%, rgba(0, 0, 0, 0.5) 200%, rgba(2, 7, 5, 0) 30%);
content:"";position: absolute;height: 100%;width: 100%;top:0;left: 0;}

.page-header .breadcrumb-item+.breadcrumb-item::before {
color: var(--light);
}
.innerHeading{position: relative;text-align: center;}
.innerHeading::before{content:"";}
.page-header .breadcrumb-item,
.page-header .breadcrumb-item a {
font-size: 18px;
color: var(--light);
}


/*** Facts ***/
.facts {
position: relative;
margin: 6rem 0;
background: var(--primary);
border-radius:6px;
}

.facts .border {
border-color: rgba(255, 255, 255, .1) !important;
border-radius: 16px;
}


/*** Features ***/
.btn-play {
position: absolute;
top: 50%;
right: -30px;
transform: translateY(-50%);
display: block;
box-sizing: content-box;
width: 16px;
height: 26px;
border-radius: 100%;
border: none;
outline: none !important;
padding: 18px 20px 20px 28px;
background: var(--primary);
}

@media (max-width: 992px) {
.btn-play {
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
}
}

.btn-play:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 60px;
height: 60px;
background: var(--primary);
border-radius: 100%;
animation: pulse-border 1500ms ease-out infinite;
}

.btn-play:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 60px;
height: 60px;
background: var(--primary);
border-radius: 100%;
transition: all 200ms;
}

.btn-play span {
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
left: -1px;
border-left: 16px solid #FFFFFF;
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
}

@keyframes pulse-border {
0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
}

100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
    opacity: 0;
}
}

.modal-video .modal-dialog {
position: relative;
max-width: 800px;
margin: 60px auto 0 auto;
}

.modal-video .modal-body {
position: relative;
padding: 0px;
}

.modal-video .close {
position: absolute;
width: 30px;
height: 30px;
right: 0px;
top: -30px;
z-index: 999;
font-size: 30px;
font-weight: normal;
color: #FFFFFF;
background: #000000;
opacity: 1;
}


/*** Service ***/
.service{color: #FFF;padding: 2rem;border-radius: 6px;}
.serviceBg1{background: #ff5e14;height: 100%;}
.serviceList.serviceBg1List li strong, .serviceList.serviceBg1List li:before{color: #FF5E14;}

.serviceBg2{background-color: #3b7a4f;height: 100%;}
.serviceList.serviceBg2List li strong, .serviceList.serviceBg2List li:before{color: #3b7a4f;}

.serviceBg3{background-color: #1E3A5F;height: 100%;}
.serviceList.serviceBg3List li strong, .serviceList.serviceBg3List li:before{color: #1E3A5F;}




.serviceList{list-style: none;}
.serviceList li{position: relative;padding-left:15px;}
.serviceList li::before{content:"\f280";font-family: bootstrap-icons !important;position: absolute;left: -10px;}

.seriveImgBg{background: url(../img/serviceBg.webp) no-repeat center center;background-size: cover;position:relative;padding: 5rem;}
.seriveImgBg::before{position:absolute;content: "";width: 100%;height: 100%;left: 0;top:0; background: rgba(0, 0, 0, .4);}
.serviceImgBgText {
padding: 5rem;
width: 50%;
background: #fff;
border-radius: 6px;
margin: auto;
position: relative;
}
.cServices {
background: #f1f1f1;
min-height: 680px;
}
.cServices img {
border-radius: 0;
border: none;
padding: 0;
}
.cServices h4, .cServices p{padding-left:15px;padding-right: 15px;}
.cServices p{padding-bottom:15px;margin-top: -12px;}
.service-item {
position: relative;
margin: 65px 0 25px 0;
box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}

.service-item .service-img {
position: absolute;
padding: 12px;
width: 150px;
height: 110px;
top: -65px;
left: 50%;
transform: translateX(-50%);
background: #FFFFFF;
box-shadow: 0 0 45px rgba(0, 0, 0, .09);
z-index: 2;
border-radius: 6px;
}
.service-item .service-img img{border-radius:6px;}
.service-item .service-detail {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
z-index: 1;
}

.service-item .service-title {
position: absolute;
padding: 65px 30px 25px 30px;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
background: #FFFFFF;
transition: .5s;
}

.service-item:hover .service-title {
top: -100%;
}

.service-item .service-text {
position: absolute;
overflow: hidden;
padding:17% 20px 25px 20px;
width: 100%;
height: 100%;
top: 100%;
left: 0;
display: flex;
align-items: center;
text-align: center;
background:rgba(31,98,44,0.8);
transition: .5s;
flex-direction: column;
}

.service-item:hover .service-text {
top: 0;
}
.service-item.active .service-text{top: 0;}
.service-item.active .service-text::before {
    top: -55px;
}
.service-item.active .service-title {
top: -100%;
}
.modal .btn-close{position: absolute;
    right: -45px;
    top: -10px;
    height: 40px;
    width: 40px;
    background-size: 50%;    filter: brightness(0) contrast(300%) invert(1) !important;
    opacity: 1;}
.service-item .service-text::before {
position: absolute;
content: "";
width: 100%;
height: 100px;
top: -100%;
left: 0;
transform: skewY(-12deg);
background: #FFFFFF;
transition: .5s;
}

.service-item:hover .service-text::before {
top: -55px;
}

.service-item .btn {
position: absolute;
width: 130px;
height: 50px;
left: 50%;
bottom: -25px;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
color:#FFFFFF;
background:var(--primary);
border: none;
box-shadow: 0 0 45px rgba(0, 0, 0, .09);
z-index: 2;
border-radius:6px;
}

.service-item .btn:hover {
color:var(--primary);
background: #FFFFFF;
}


/*** Project ***/
.project-carousel {
position: relative;
background: var(--dark);
}

.project-item {
position: relative;
display: block;
}

.project-item img {
transition: .5s;
}

.project-item:hover img,
.project-carousel .owl-item.center img {
margin-top: -60px;
}

.project-item .project-title {
position: absolute;
padding: 0 15px;
width: 100%;
height: 80px;
bottom: -110px;
left: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: var(--primary);
transition: .5s;
}

.project-item:hover .project-title,
.project-carousel .owl-item.center .project-title  {
bottom: -60px;
}

.project-item .project-title::before {
position: absolute;
content: "";
width: 100%;
height: 30px;
top: -15px;
left: 0;
transform: skewY(-5deg);
background: var(--primary);
transition: .5s;
}
.project-item .project-title .text-primary{color:#FFF !important}
.project-carousel .owl-nav {
position: absolute;
width: 100%;
height: 45px;
top: 50%;
left: 0;
transform: translateY(-50%);
display: flex;
justify-content: space-between;
transition: .5s;
opacity: 0;
z-index: 1;
}

.project-carousel:hover .owl-nav {
opacity: 1;
}

.project-carousel .owl-nav .owl-prev,
.project-carousel .owl-nav .owl-next {
margin: 0 30px;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
background: var(--primary);
border-radius: 45px;
font-size: 22px;
transition: .5s;
}


/*** Team ***/
.team-item .team-social {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: -100%;
display: flex;
align-items: center;
background: var(--primary);
transition: .5s;
}

.team-item:hover .team-social {
left: 0;
}


/*** Testimonial ***/
.testimonial-carousel::before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
z-index: 1;
}

.testimonial-carousel::after {
position: absolute;
content: "";
top: 0;
right: 0;
height: 100%;
width: 0;
background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
z-index: 1;
}

@media (min-width: 768px) {
.testimonial-carousel::before,
.testimonial-carousel::after {
    width: 200px;
}
}

@media (min-width: 992px) {
.testimonial-carousel::before,
.testimonial-carousel::after {
    width: 300px;
}
}

.testimonial-carousel .owl-nav {
position: absolute;
width: 350px;
top: 20px;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: space-between;
opacity: 0;
transition: .5s;
z-index: 1;
}

.testimonial-carousel:hover .owl-nav {
width: 300px;
opacity: 1;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
position: relative;
color: var(--primary);
font-size: 45px;
transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
color: var(--dark);
}

.testimonial-carousel .testimonial-img img {
width: 100px;
height: 100px;
}

.testimonial-carousel .testimonial-img .btn-square {
position: absolute;
bottom: -19px;
left: 50%;
transform: translateX(-50%);
}

.testimonial-carousel .owl-item .testimonial-text {
margin-bottom: 30px;
box-shadow: 0 0 45px rgba(0, 0, 0, .08);
transform: scale(.8);
transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-text {
transform: scale(1);
}
.dark-primary{background-color:#001736 !important;}

/*** Footer ***/
.footer {
color: #B0B9AE;
background:#1E3A5F;
}

.footer .btn.btn-link {
display: block;
margin-bottom: 5px;
padding: 0;
text-align: left;
color: #B0B9AE;
font-weight: normal;
text-transform: capitalize;
transition: .3s;
}

.footer .btn.btn-link::before {
position: relative;
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 10px;
}

.footer .btn.btn-link:hover {
color: var(--light);
letter-spacing: 1px;
box-shadow: none;
}

.copyright {
color: #B0B9AE;
border-top: 1px solid rgba(255, 255, 255, .1);
}
.clients {padding: 4rem 0 5rem;
margin-bottom: 4rem;}
.clients .clientsLogo{padding: 10px;
height: 160px;
background: #FFF;
display: flex;
align-content: center;
flex-wrap: wrap;
text-align: center;
justify-content: center;
width: 95%;
margin: auto;
border-radius:6px;}
.clients .clientsLogo img{    max-width:60%;}
.rapidTesting .cServices{min-height:640px;}

.process {
width: 100%;
padding: 0 15px;
text-align: center;
}
.process__item {
-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
text-align: center;
position: relative;
padding: 15px;
transition: 0.4s ease-in-out;
}
.stepProcess {
padding: 4rem 0;
background: #ff5e14;
}
/* .process__item:hover {
background: #f2f2f2;
} */
.process__item:hover .process__number {
transform: translateY(5px);
color: #FFF;
}
.process__number {
font-size: 90px;
-webkit-text-stroke: 1px #FFF;
display: block;
color: transparent;
font-family:'Agency FB Bold';
font-weight: 700;
transition: 0.4s ease-in-out;
}
.process__title {
display: block;
font-family:'Agency FB Bold';
font-weight: 700;
letter-spacing: 1.5px;
font-size: 35px;
color:#FFF;
text-transform: uppercase;
margin-top: 30px;
}
.process__subtitle {
display: block;
font-size:16px;
margin-top: 30px;
line-height: 1.5;
}

@media (min-width: 768px) {
    
.process {
display: inline-block;
}
.process__item {
width: 49%;
display: inline-block;
}
}
@media (min-width: 1200px) {
.process {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.process__item {
width: 100%;
}
.process__item:not(:last-of-type)::after {
content: "";
width: 1px;
height: 75%;
background: #8c8c8c;
position: absolute;
right: 0;
top: 50%;
opacity: 0.2;
transform: translateY(-50%);
}
}

@media (max-width: 768px) {
    .navbar .navbar-brand{padding-left: 15px !important;}
    .navbar{padding-right:0 !important;}
    .navbar-collapse{background: #FFF;}
    .navbar .navbar-nav .nav-link{color: #001736;}
    .navbar-light .navbar-toggler{position: relative;right: 10px;}
    .navbar .navbar-brand img{max-height:80px;}
    .carousel-caption{padding-left:2rem;padding-right:2rem; }
    .carousel-caption .display-3{ font-size:1.5rem !important;margin-top:20%;}
    .carousel-caption .fs-5{font-size:1rem !important;}
    .carousel-caption .display-3 br, .carousel-caption .fs-5 br{display: none;}
    .service-item .service-title { top: -100%;}
    .service-item .service-text {top: 0;}
    .service-item .service-text::before {top: -55px;}
    .clients .clientsLogo img {max-height: 100%;width: auto;}
    .cServices{min-height: auto;}
    .container-xxl .container{padding-left: 0;padding-right:0;}
    .footer{padding-top:2rem !important;padding-bottom:2rem !important;}
    .footer .container{padding:0 !important;}
    .socialMedia .btn-theme{padding: 4px 10px;font-size: 14px;}
    .process__item{list-style: none;}
}