.bg-primary {

    background: #00240f !important;

}

.text-primary {

    color: #00240f !important;

}

.bg-secondary {

    background: #ffff00 !important;

}

.text-secondary {

    color: #ffff00 !important;

}

.navbar-dark .navbar-brand img {

    width: 130px;

}

.navbar-dark .navbar-nav .nav-link i {

    background: #ffff00;

    color: #002b12;

    font-size: 15px;

    line-height: 24px;

    width: 26px;

    height: 24px;

}

.top-banner {

    background: #002b12;

    background-image: url(images/bg.png);

    background-size: 50%;

    background-position: center center;

    background-repeat: repeat;

}

.top-banner .heading h3 {

    color: #ffff00

}

.top-banner .heading h3:before {

    width: 25px;

    background: #006a05;

}

.bnr-btn {

    width: 55% !important;

}

.bnr-btn .phone {

    background: #007205;

    border-color: #8ebe8e !important;

    box-shadow: 1px 1px 1px 1px #00000045;

    width: 48%;

    margin-right: 1%;

    padding: 5px;

}

.bnr-btn .whatsapp {

    background: #007205;

    border-color: #8ebe8e !important;

    box-shadow: 1px 1px 1px 1px #00000045;

    width: 48%;

    margin-left: 1%;

    padding: 5px;

}

.free-addons .addons {

    background: linear-gradient(45deg, #002b12, #07760c);

    border-color: #ffffff40 !important;

    box-shadow: 2px 2px 2px 2px #00000045;

}

.free-addons .addons h3 {

    font-size: 20px;

}

.free-addons .addons h6 {

    font-size: 14px;

}

.free-addons .addons span {

    background: #ffff00;

    color: #002b12;

    top: 3px;

    right: -3px;

    position: relative;

}

.free-addons .addons span:before {

    content: '';

    display: block;

    height: 0;

    width: 0;

    position: absolute;

    top: 0;

    left: 0;

    border-top: 11px solid transparent;

    border-left: 11px solid #05610d;

    border-bottom: 11px solid transparent;

}

.heading h3 {

    color: #002b12;

}

.service-sec {

    background: #e6f9ef;

}

.offer .client-happy {

    top: 0;

}

.offer .client-happy h3 {

    font-size: 30px

}

.offer .client-happy h6 {

    font-size: 15px;

}

.owl-carousel .item {

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 5px;

}

.owl-carousel .item img {

    max-width: 100%;

    height: auto;

}

.service-slide {

    border-radius: 5px;

    box-shadow: 2px 2px 2px 2px #00000045;

    width: 100%;

    transform-style: preserve-3d;

    transform: perspective(1000px);

}

.card-bg-a {

    background: #3faee5;

    background: -moz-linear-gradient(top, #3faee5 0, #6d03ce 100%);

    background: -webkit-linear-gradient(top, #3faee5 0, #6d03ce 100%);

    background: linear-gradient(to bottom, #3faee5 0, #6d03ce 100%);

}

.card-bg-e {

    background: #5782ea;

    background: -moz-linear-gradient(top, #5782ea 0, #2251af 100%);

    background: -webkit-linear-gradient(top, #5782ea 0, #2251af 100%);

    background: linear-gradient(to bottom, #5782ea 0, #2251af 100%);

}

.card-bg-b {

    background: #ff92f6;

    background: -moz-linear-gradient(top, #ff92f6 0, #b300a5 100%);

    background: -webkit-linear-gradient(top, #ff92f6 0, #b300a5 100%);

    background: linear-gradient(to bottom, #ff92f6 0, #b300a5 100%);

}

.card-bg-c {

    background: #3e35b7;

    background: -moz-linear-gradient(top, #3e35b7 0, #4c4aff 100%);

    background: -webkit-linear-gradient(top, #3e35b7 0, #4c4aff 100%);

    background: linear-gradient(to bottom, #3e35b7 0, #4c4aff 100%);

}

.card-bg-d {

    background: #f72c8c;

    background: -moz-linear-gradient(top, #f72c8c 0, #b82dcf 100%);

    background: -webkit-linear-gradient(top, #f72c8c 0, #b82dcf 100%);

    background: linear-gradient(to bottom, #ffa76a 0, #ff8e38 100%);

}

.card-bg-f {

    background: #95e5ff;

    background: -moz-linear-gradient(top, #95e5ff 0, #009688 100%);

    background: -webkit-linear-gradient(top, #95e5ff 0, #009688 100%);

    background: linear-gradient(to bottom, #95e5ff 0, #009688 100%);

}

.service-card-hh {

    display: block;

}

.image-sr-mm {

    height: 250px;

    width: 100%;

    padding: 0;

    position: relative;

    margin: 0 auto;

}

.image-sr-mm img {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 10px;

    margin: 0 auto;

    max-width: 100%;

    max-height: 100%;

    width: initial !important;

}

.title-serv-c {

    color: #fff;

    font-size: 18px;

    font-weight: 600;

    line-height: 1.2;

    padding: 10px 10px 15px;

}

.title-serv-c span {

    display: block;

}

span.circle {

    background: rgba(255, 255, 255, .2);

    display: block;

    position: absolute;

    border-radius: 50%;

    top: -10%;

    transition: 1.2s cubic-bezier(.17, .85, .438, .99);

    right: -130px;

    width: 200px;

    height: 200px;

}

.lnk:hover span.circle {

    top: -10%;

    right: -80px;

}

.about {

    margin-top: 10px;

    margin-bottom: 50px;

}

.about .heading:after {

    display: none;

}

.funfct {

    line-height: 26px;

    padding: 20px 30px;

    border-radius: 8px 8px 8px 40px;

    margin: 15px 0;

    box-shadow: 1px 1px 3px #00240f45;

    border-bottom: 4px solid #002b12;

    background: #e6f9ef;

}

.funfct img {

    width: 50px;

    margin: 0 auto 15px;

    display: block;

}

.funfct .services-cuntr {

    display: inline-block;

    font-weight: 900;

    font-size: 30px;

    color: #002b12;

    padding: 15px 0;

}

.funfct p {

    font-weight: 600;

    color: #666666;

    margin-bottom: 0;

}

.service {

    background: #fff;

    padding: 30px;

    border-radius: 40px 8px;

    box-shadow: 1px 1px 3px #00240f45;

}

.service-icon .icon {

    display: inline-flex;

    border-radius: 100%;

    background: #f5f7ff;

    width: 50px;

    height: 50px;

    align-items: center;

}

.service-icon .icon img {

    width: 35px;

    margin: 0 auto;

}

.industry-serve {

    background: #fff;

    padding: 10px;

    border-radius: 5px;

    box-shadow: 1px 1px 3px #00240f45;

}

.industry-serve img {

    width: 40px;

}

.industry-serve p {

    font-size: 14px;

    margin-bottom: 0;

}

.modal .glow {

    margin: 0;

    width: 100%;

}

.quote i {

    font-size: 50px;

    color: #00240f;

}

.testimonial .owl-dots {

    position: absolute;

    right: 40px;

    bottom: 20px;

}

.industries {

    background: #e6f9ef;

}

.portfolio img {

    width: 100%;

}

.reviews {

    background: #e6f9ef;

}

.top-footer {

    background: #002b12;

    padding: 20px 0 !important;

}

.top-footer h5 {

    color: #ffff00;

}

.refer {

    background: #ffff00;

    color: #002b12;

    border-color: #ffffff40 !important;

    box-shadow: 2px 2px 2px 2px #00000027;

}

footer {

    background: #00240f;

}

.f-contact {

    background: #ffff00;

    color: #002b12;

    border-color: #ffffff40 !important;

    box-shadow: 2px 2px 2px 2px #00000027;

    border-radius: 3px;

}

.key-tags h1,

.key-tags h2,

.key-tags h3 {

    color: #002b12;

}

.form {

    background: #002b12;

}

.heading::after {

    background: #00240f;

}

.footer ul li i {

    color: #ffff00;

}

#active,

#active.package h5,

#active.package ul li {

    background: #002b12;

}

#active.package ul li i{

    color: #ffff00;

}

#active.package,.package:hover.package{

    border-color: #ffff00;

}

.package {

    border-color: #002b12;

    background: #e6f9ef;

}

.package h5 {

    background: #e6f9ef;

    color: #002b12;

}

.package:hover.package h5,

.package:hover {

    background: #002b12;

}

.package .btn-primary {

    background: #002b12;

    border-color: #ffff00;

}

.package h3,

.package:hover.package h3 {

    background: #ffff00;

    color: #002b12;

    border-bottom: 1.5px dashed #002b12;

    border-top: 1.5px dashed #002b12;

}

.package ul li i {

    color: #002b12;

}

#active .btn-primary,

.package:hover .btn-primary {

    background: #ffff00;

    color: #002b12;

    border-color: #e3e2dd;

}

.package:hover ul li i{

    color: #ffff00;

}

.package{

    border-radius:20px;

}

.package .btn-primary{

    border-radius:10px;

}

.package h5{

    border-top-left-radius:20px;

    border-top-right-radius:20px;

}

.modal-dialog {

    max-width: 350px;

}

.modal-content {

    box-shadow: 0px 0px 5px 1px #002b12;

}

.modal-header i {

    font-size: 16px;

    background: #006a05;

    color: #ffff00;

    width: 26px;

    height: 26px;

    line-height: 26px;

}

.modal-body {

    background: #006a05;

}

.form-control {

    height: 35px;

    border-radius: 3px;

    border: 0;

    box-shadow: 0 1px 1px #ffff00;

    background: #00240f;

}

#form_submit {

    background: #ffff00;

    color: #002b12;

    font-weight: 600;

    border: 0;

    border-radius: 3px;

}

.enquire {

    transform: rotate(-90deg);

    right: -44px;

    z-index: 999;

}

.enquire .btn {

    color: #002b12;

    background: #ffff00;

    border: 1px solid #04170c;

    border-bottom: 0;

    height: auto;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

    font-weight: 500;

}

@media (max-width:1300px) {

    .top-banner .heading h3 {

        font-size: 50px;

        line-height: 50px;

    }

    .top-banner .heading p {

        font-size: 15px;

    }

    .free-addons .addons h6 {

        font-size: 15px;

    }

}

@media (max-width:768px) {

    .modal-dialog {

        max-width: 750px;

    }

    .top-banner {

        padding-bottom: 30px;

    }

    .top-banner .heading h3 {

        font-size: 35px;

        line-height: 40px;

    }

    .top-banner .heading p {

        padding-top: 10px;

    }

    .top-banner .bnr-btn {

        margin-bottom: 15px;

    }

    .navbar-dark .navbar-brand img {

        width: 135px;

        padding-bottom: 0;

    }

    .free-addons .addons h6 {

        font-size: 12px;

    }

    .image-sr-mm {

        height: 100px;

    }

    .title-serv-c {

        padding: 10px 10px 10px;

        font-size: 14px;

    }

    .facts {

        margin: 0;

    }

    .facts .col-4 {

        padding: 0 5px;

    }

    .funfct {

        padding: 5px;

        border-radius: 3px 3px 3px 20px;

        margin: 10px 0;

    }

    .funfct img {

        width: 30px;

        margin: 0 auto 5px;

    }

    .funfct .services-cuntr {

        padding: 0;

        font-size: 20px;

    }

    .funfct p {

        font-size: 12px;

        line-height: 15px;

    }

    .industry-serve {

        padding: 5px;

        margin-top: 10px;

    }

    .industry-serve img {

        width: 30px;

    }

    .industry-serve h6 {

        font-size: 13px;

    }

    .industries .row {

        margin: 0;

    }

    .industries .col-6 {

        padding: 0 5px;

    }

    .reviews .client p {

        font-size: 13px;

        line-height: 15px;

    }

    .reviews .quote i {

        font-size: 30px;

    }

    .key-tags {

        position: absolute;

        top: -50px;

    }

    .free-addons .addons span {

        top: auto;

        bottom: 5px;

    }

    .free-addons .addons span:before {

        border-left: 11px solid #04520f;

        left: -1px;

    }

    .bnr-btn {

        width: 100% !important;

    }

}

#contact-form ::placeholder {

    color: #ffff00;

    opacity: 1;

}

.g-review {

    background: #fff;

}

.ticker {

    display: flex;

    overflow: hidden;

    white-space: nowrap;

    position: relative;

}

.ticker__list {

    display: flex;

    animation: ticker 15s linear infinite;

}

.ticker:hover .ticker__list {

    animation-play-state: paused;

}

.ticker__item {

    margin-right: 20px;

    flex-shrink: 0;

}

@keyframes ticker {

    0% {

        transform: translateX(0%);

    }

    100% {

        transform: translateX(-100%);

    }

}

.ticker-sec h1 {

    font-size: 40px;

    font-weight: bold;

}

.ticker-sec .ticker__item:nth-child(even) h1 {

    color: #002b12;

    text-shadow: -1px -1px 0 #ffff00, 1px -1px 0 #ffff00, -1px 1px 0 #ffff00, 1px 1px 0 #ffff00;

}

.clients .col-md-2{

    width:11.1%;

}

.g-review .img-left{

    height:50px;

}

.g-review .img-right{

    height:50px;

}

.client-sec{

    background:#e6f9ef;

}

@media (max-width: 768px) {

    .ticker-sec h1 {

        font-size: 25px;

    }

    .industry-serve p{

        display:none;

    }

    .industry-serve .title{

        margin-bottom:0!important;

    }

    .clients .col-md-2{

        width:33.33%;

    }

}

.form-control:focus::placeholder {

    color: #002b12!important;

    font-size:14px;

}

.form-control{

    color:#ffff00;

    font-size:14px;

}