/* fonts import start */
@import url('./poppins.css');
@import url('./_gilroy.css');

/* fonts import end */

/* global styling start */
html {
    overflow-x: hidden !important;
}

body {
    font-family: var(--font-body);
    font-weight: 300;
    overflow-x: hidden !important;
    background: #fcfcfc;
}
:root{
    --font-title: 'Gilroy';
    --font-body:'Poppins';
    --color-primary:#355E3B;
    --color-secondary:#389345;
    --color-dark: #000000;
    --color-white: #ffffff;
    --color-text:#808080;
    --color-gray:#979797;
}
a{
    text-decoration: none;
}
h1, h2,h3{
    font-family: var(--font-primary);
}
.section-title {
    font-size: 50px;
    line-height: 1.1;
    font-weight: 700;
    color: var(--color-secondary);
    margin-bottom: 0;
    font-family: var(--font-title);
}
.section-title span {
    display: block;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px;
    text-transform: capitalize;
    color: var(--color-gray);
}

.section_content {
    color: var(--color-text);
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    font-style: normal;
    font-weight: 400;
}

/* global styling end */

/* header styling start */
header {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 99;
}

nav.navbar.navbar-expand-lg {
    background: transparent;
    padding: 0;
    z-index: 999;
}
header .navbar-nav{
    width: 100%;
    padding-left: 50px;
}
header .navbar-collapse .navbar-nav .menu-item a{
    font-size: 16px;
    line-height: 22px;
    color: #D4D4D4;
    text-transform: capitalize;
}
.header-btn {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: var(--color-primary);
    min-width: 145px;
    background: var(--color-white);
    text-align: center;
    border-radius: 8px;
    padding: 12px;
    text-transform: capitalize;
    transition: all .35s;
    border: 0.09em solid transparent;
}
.header-btn:hover{
    border-color:var(--color-white);
    color:var(--color-white);
    background:transparent;
}


@media(min-width:992px){
    header .navbar-brand{
        padding: 20px 0;
        margin-right: 0;
        position: relative;
    }
    
    header .navbar-collapse .navbar-nav .menu-item  a{
        padding: 10px 0 6px 0;
        margin: 0 30px;
        position: relative;
        overflow: hidden;
        transition: all .35s;
    }
    header .navbar-collapse .navbar-nav .menu-item a:hover,
    header .navbar-collapse .navbar-nav .menu-item  a[aria-current="page"]{
        color: var(--color-white);
        font-weight: 500;
    }
    header .navbar-collapse .navbar-nav .menu-item  a::after{
        content: '';
        width: 100%;
        height: 2px;
        background: var(--color-white);
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        transform: scaleX(0);
        transform-origin: right;
        transition:  transform .35s;
    }
    
    header .navbar-collapse .navbar-nav .menu-item  a:hover::after{
        transform-origin: left;
        transform: scaleX(1);
    }
    header .navbar-collapse .navbar-nav .menu-item a[aria-current="page"]::after{
        transform: scaleX(1);
    }
}

/* header styling end */

/* Banner css start */
.banner-sec{
     background: url(../img/banner.svg) no-repeat; 
    background-size: cover;
    background-position: bottom;
    padding-top: 12%;
    position: relative;
    z-index: 1;
}
.banner-sec .text-box {
    text-align: center;
}
.banner-sec .text-box h1 {
    font-weight: 700;
    font-size: 55px;
    line-height: 67px;
    text-transform: capitalize;
    color: var(--color-white);
    font-family: var(--font-title);
}

.banner-sec .text-box p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-transform: capitalize;
    color: var(--color-white);
    max-width: 65%;
    margin: 25px auto 30px;
}

.banner-sec .banner-btns {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

/* Banner css end */


/* section bg css */
.section-bg{
    background-image:url(../img/sections-bg.png);
    background-repeat: no-repeat;
    overflow-x: hidden;
}
/* section bg css end */

/* Ecplore sec css */
.explore-sec {
    padding-top: 120px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.explore-sec .text-cont {
    margin-top:30px;
}
.explore-sec .text-cont h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    color: #389244;
    margin-bottom: 6px;
}
.explore-sec .text-cont p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: var(--color-text);
}
/* Ecplore sec css end */


/* border circle */
.circle {
    position: absolute;
    width: 100%;
    max-width: 900px;
    height: 880px;
    border: 70px solid #389345;
    border-radius: 100%;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
.circle.left{
    left: -8%;
}
.circle.right{
    right: -6%;
}
/* border circle end */

/* about sec start */
.about-sec {
    padding: 110px 0 110px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.about-text {
    padding-right: 80px;
}
.about-text .section-title {
    margin-bottom: 30px;
    color: var(--color-primary);
}

.about-text p {
    color: var(--color-text);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 20px;
}
.about-sec .prim-btn{
    margin-top: 40px;
}
/* about sec end */


/* apps section start */
.app-sec {
    padding: 80px 0;
    background: var(--color-secondary);
}
.app-sec .section-title {
    color: var(--color-white);
    text-transform: capitalize;
}
.app-sec .section_content {
    color: var(--color-white);
    max-width: 65%;
    margin: 15px auto;
}
.apps-filter-wraper ul {
    justify-content: center;
    padding: 40px 0 0;
}

.apps-filter-wraper ul li .nav-link {
    padding: 12px 45px;
    border-radius: 100px;
    color: #231F20;
    font-size: 16px;
    font-weight: 400;
    margin: 0 .25rem;
}

.apps-filter-wraper ul li .nav-link.active, .apps-filter-wraper ul li .nav-link:hover {
    background: #F9E7E9;
    color: var(--color-secondary);
}
.slide-box:before,
.slide-box:after {
    content: '';
    width: 36%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    pointer-events: none;
}
.slide-box:before{
    /* background: linear-gradient(90deg, #389345 21.14%, rgba(56, 147, 69, 0) 121.14%); */
    background: linear-gradient(90deg, #389345 0%, rgba(56, 147, 69, 0) 30%);
}
.slide-box:after {
    right: 0;
    /* background: linear-gradient(90deg, #389345 0%, rgba(56, 147, 69, 0) 100%); */
    background: linear-gradient(90deg, #389345 0%, rgba(56, 147, 69, 0) 30%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
.slide-box .owl-stage{
    padding-top: 60px;
    display: flex;
    align-items: center;
}

/* .slide-box .owl-item.active.center img {
    height: 600px;
    width: 297px !important;
    height: 662px;
    width: 306px !important;
    border: 0;
} */
/* .slide-box .owl-item.active.center + .active img {
    height: 600px;
    width: 297px !important;
    width: 284px !important;
    height: 615px;
} */
/* .slide-box .owl-item.active.center + .active + .active img {
    width: 253px !important;
    height: 550px;
}
.slide-box .owl-item.cloned img {
    width: 251px !important;
    height: 543px;
}
.slide-box .owl-item.cloned + .active:not(.center) img {
    width: 283px !important;
    height: 612px;
} */

/* new css */
.app-sec .slide-box .owl-item .item{
    transform: scale(.9);
    transform-origin: center;
    transition: transform .4s ease-in-out;
}
.app-sec .slide-box .owl-item.active.center .item{
    transform: scale(1);
    /* margin: 0 20px; */
}
/* .app-sec .slide-box .owl-item.active.center + .owl-item.active + .owl-item.active .item{
    transform: scale(1);
} */
.app-sec .slide-box .owl-stage .owl-item:not(.active) .item ,
.app-sec .slide-box .owl-item.active.center + .owl-item.active + .owl-item.active .item{
    transform: scale(.8);
}
.app-sec .slide-box .owl-stage .owl-item:not(.active) .item img{
    margin-left: auto;
    margin-right: 0;
}
.app-sec .slide-box .owl-item.active.center + .owl-item.active + .owl-item.active .item img{
    margin: 0 0;
}

/* .app-sec .slide-box .owl-stage .owl-item + .owl-item.active:not(.active.center) .item {
    transform: scale(.88);
    transform-origin: left;
} */

/* .app-sec .slide-box .owl-stage .owl-item + .owl-item.active + .owl-item.active .item {
    transform: scale(1);
} */

/* .app-sec .slide-box .owl-stage .owl-item + .owl-item.active + .owl-item.active + .owl-item.active .item {
    transform: scale(.88);
    transform-origin: right;
} */

/* new css end */

.slide-box  .owl-item img{
    width: auto;
    margin: 0 auto;
}

/* apps section end */


.prim-btn {
    padding: 15px 55px;
    border-radius: 100px;
    font-weight: 700;
    color: var(--color-secondary);
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    border: 1px solid var(--color-secondary);
    transition: .4s ease-in-out;
}
.prim-btn:hover {
    background: var(--color-secondary);
    color: var(--color-white);
}


/* get started cta css start */
.download-cta-sec {
    padding: 150px 0 140px;
}
.downlaod-content-wraper .text-cont .section-title {
    color: var(--color-secondary);
    margin-bottom: 10px;
}
.downlaod-content-wraper .text-cont h3 {
    font-size: 32px;
    font-family: var(--font-title);
    color: var(--color-dark);
    max-width: 520px;
    line-height: 1.25;
}
.downlaod-content-wraper .text-cont p{
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color:#231F20;;
    text-align: left;
    margin: .75rem 0 1.2rem;
}
.download_section ul{
    list-style: none;
    padding: 0;
    gap: 0 20px;
}

.downlaod-content-wraper .img-cont img {
    width: 100%;
    max-width: 100%;
    height: 100%;
}
.download_section{
    margin-top: 30px;
}

/* get started cta css end */


/* footer style start */
footer {
    background: url(../img/footer-bg.png) no-repeat;
    padding: 55px 0 0;
    background-position: center;
}

.footer-desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    color: var(--color-text);
    font-family: var(--font-title);
    max-width: 265px;
}
footer .footer-logo{
    display: block;
    text-align: center;
	width: fit-content;
    margin: 0 auto;
}
.socials {
    display: flex;
    justify-content: end;
}
.footer-contacts {
    list-style: none;
	padding:0;
	margin:0;
}

.footer-contacts li a {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
    font-family: var(--font-title);
    color: var(--color-text);
}

.footer-contacts li a svg {
    margin-right: 4px;
}


.footer-bottom-wraper {
    background: var(--color-secondary);
    padding: 20px 0;
    margin-top: 70px;
}

.footer-bottom-wraper p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    color: var(--color-white);
    text-transform: capitalize;
}

.footer-social {
    display: flex;
    justify-content: end;
    list-style: none;
    gap: 0 12px;
    margin: 0;
    padding: 0;
}

/* footer style end */




/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* contact us page styling end */


/* media query start */

@media screen and (max-width: 1399px) {
    .app_work .app_work_tabs .responsive-tabs .tab-content .card .card-body ul li {
        width: 42%;
    }
}

@media screen and (max-width: 1199px) {
    .app_work .app_work_tabs .responsive-tabs .tab-content .card .card-body ul li {
        width: 40%;
    }

    .app_work {
        padding: 0 0 2rem;
    }
}

@media screen and (max-width: 991px) {
    nav.navbar.navbar-expand-lg {
        /* background: linear-gradient(180deg, #E91B2C 0%, #B2000F 100%); */
        padding: 15px 0;
        z-index: 999;
    }

    

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-collapse .contact-btn a {
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    

    .section_title {
        font-size: 30px;
        line-height: 47px;
    }

}


/* media query end */