/* style for menu start */
.kl-header .navbar-brand.brand-logo{
    max-width: 180px;
    padding: 0px;
}
.kl-header .navbar-brand.brand-logo img{
    min-width: 180px;
}
.hamburger-right{
    display: block;
    width: 30px;
    height: 20px;
    cursor: pointer;
    z-index: 2;
}
.hamburger-right span{
    display: block;
    width: 30px;
    height: 3px;
    margin-bottom: 5px;
    position: relative;
    background: var(--kl-white);
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; 
}
.hamburger-right span:first-child {
	transform-origin: 0% 0%;
}

.hamburger-right span:nth-child(2) {
	transform-origin: 0% 100%;
    width: 26px;
    margin-left: auto;
    background: var(--kl-primary-green);
}

/* .hamburger-right:hover span {
    opacity: 1;
    transform: rotate(45deg) translate(0px, -1px);
    background: var(--kl-white);
}

.hamburger-right:hover span:nth-child(2) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

.hamburger-right:hover span:nth-child(3) {
	opacity: 1;
	transform: rotate(-45deg) translate(-3px, -1px);
} */
.kl-header{
    background-color: transparent;
    padding: 34px 0px;
}
.kl-header.scrolled{
    background-color: var(--kl-primary-gray);
}
.kl-right-nav{
    position: fixed;
    height: 100vh;
    background-color: var(--kl-white);
    width: 243px;
    right: 0px;
    top: 0px;
    z-index: 1032;
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    transition: transform 0.5s ease-in-out;
    opacity: 0;
    padding: 75px 0px;
}
.kl-right-nav .nav{
    flex-direction: column;
    padding: 0px 53px 0px 40px ;
}
.kl-right-nav.open{
    transform: none;
    opacity: 1;
}
.kl-right-nav .nav .nav-item{
    padding: 10px 0px;
}
.kl-right-nav .nav .nav-link{
    color: var(--kl-primary-gray);
    padding: 0px 0px;
    font-size: 1.17rem;
    font-weight: 500;
    position: relative;
}
.kl-right-nav .nav .nav-link.active{
    padding-left: 16px;
}
.kl-right-nav .nav .nav-link.active, .kl-right-nav .nav .nav-link:hover{
    color: var(--kl-primary-green);
    font-weight: 600;
}
.kl-right-nav .kl-nav-header{
    padding: 0px 53px 70px 40px ;
}
.kl-right-nav .kl-nav-header .brand-logo{
    max-width: 106px;
}
.kl-right-nav .nav .nav-link.active::before{
    position: absolute;
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%2300ff00"><path d="M360-272.31v-415.38L686.15-480 360-272.31ZM400-480Zm0 134 211.54-134L400-614v268Z"/></svg>');left: 0px;
    top: 50%;
    z-index: 1033;
    width: 16px;
    height: 16px;
    background-position: right center;
    transform: translateY(-50%);
}
.kl-right-nav .kl-nav-footer{
    padding: 60px 0px 70px 40px ;
}
.kl-right-nav .kl-nav-footer .social-media-list{
    justify-content: flex-start;
}
.kl-right-nav .kl-nav-footer .social-media-list .social-media-item .social-media-link svg path {
    fill: var(--kl-primary-gray);
}
.kl-right-nav .kl-nav-footer .social-media-list .social-media-item .social-media-link:hover svg path {
    fill: var(--kl-primary-green);
}
@media (min-width: 1400px) {
    .kl-right-nav{
        width: calc((100% - 1320px + 15px)/2);
    }
}
@media (min-resolution: 1.25dppx) and (max-resolution: 1.75dppx) {
    @media (min-width: 1400px) {
        .kl-right-nav{
            width: calc((100% - 1060px  + 15px)/2);
        }
        
    }
}
/* style for menu end */
/* style for footer start */
.footer{
    background: var(--kl-primary-gray);
    padding: 90px 0px 0px;
    color: var(--kl-white);
    position: relative;
}
.footer p{
    color: var(--kl-white);
}
.footer-item-title{
    font-size: 1.4rem;
    font-family: var(--kl-font);
    color: var(--kl-primary-green);
    font-weight: 600;
    margin-bottom: 20px;
}
.footer-item.logo .footer-logo{
    margin-bottom: 20px;
}
.address .address-item p{
    color: var(--kl-white);
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0px;
}
.address .address-item p a{
    color: var(--kl-white);
}
.address .address-item{
    margin-bottom: 5px;
}
.address .address-item.has-icon{
    position: relative;
    padding-left: 30px;
}
.address .address-item.has-icon::after{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
}
.address .address-item.has-icon.email::after{
    top: 1px;
}
.address .address-item.has-icon.location::after{
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="%23FFFFFF"><path d="M480.14-490.77q26.71 0 45.59-19.02 18.89-19.02 18.89-45.73 0-26.71-19.03-45.6Q506.57-620 479.86-620q-26.71 0-45.59 19.02-18.89 19.02-18.89 45.73 0 26.71 19.03 45.6 19.02 18.88 45.73 18.88ZM480-172.92q112.77-98.16 178.31-199.66t65.54-175.57q0-109.77-69.5-181.2-69.5-71.42-174.35-71.42t-174.35 71.42q-69.5 71.43-69.5 181.2 0 74.07 65.54 175.57T480-172.92Zm0 53.69Q339-243.92 267.58-351.81q-71.43-107.88-71.43-196.34 0-126.93 82.66-209.39Q361.46-840 480-840q118.54 0 201.19 82.46 82.66 82.46 82.66 209.39 0 88.46-71.43 196.34Q621-243.92 480-119.23Zm0-436.15Z"/></svg>');
}
.address .address-item.has-icon.phone::after{
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 -960 960 960" width="18px" fill="%23FFFFFF"><path d="M763.08-501.54q-6.93-113.15-86.12-192.34-79.19-79.2-192.34-86.12v-40q65 3.08 121.65 28.88 56.65 25.81 99.38 68.54 42.73 42.73 68.54 99.39 25.81 56.65 28.89 121.65h-40Zm-160 0q-6.93-46.15-39.62-79.23-32.69-33.08-78.84-39.23v-40q63 6.15 107.26 50.81 44.27 44.65 51.2 107.65h-40ZM768-160q-108.08 0-216.73-49.77-108.65-49.77-200.19-141.31-90.77-91.54-140.93-200.84Q160-661.23 160-768v-32h177.54l33.92 163.31-107.84 100.38q27.38 47.46 56.69 86.69 29.31 39.24 61.07 70.77 32.08 33.62 72.35 62.81 40.27 29.19 91.81 57.58L650-366.77l150 30.23V-160h-32ZM244.85-573.85l83.69-76.77L305.38-760H200.23q1.15 45.77 12.31 92.19 11.15 46.43 32.31 93.96Zm338 333.39q36.92 18.54 83.57 28.92 46.66 10.39 93.58 11.08v-104.16l-95.54-19-81.61 83.16Zm-338-333.39Zm338 333.39Z"/></svg>');
}
.address .address-item.has-icon.fax::after{
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="%23FFFFFF"><path d="M115.38-140v-480H300v40h32.31v-186.15h360V-580h129.23v400H300v40H115.38Zm40-40H260v-400H155.38v400Zm216.93-400h280v-146.15h-280V-580ZM300-220h481.54v-320H300v320Zm52.31-60h160v-200h-160v200ZM300-220v-320 320Zm252.31-180h80v-80h-80v80Zm112.31 0h80v-80h-80v80ZM552.31-280h80v-80h-80v80Zm112.31 0h80v-80h-80v80Z"/></svg>');
}
.address .address-item.has-icon.email::after{
    content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 -960 960 960" width="18px" fill="%23FFFFFF"><path d="M120-200v-560h720v560H120Zm360-275.38L160-684.62V-240h640v-444.62L480-475.38Zm0-44.62 307.69-200H172.31L480-520ZM160-684.62V-720v480-444.62Z"/></svg>');
}
.footer-nav{
    list-style: none;
    padding-left: 0px;
}
.footer-nav .footer-nav-link{
    color: var(--kl-white);
}
.footer-nav .footer-nav-link:hover, .footer-nav .footer-nav-link.active{
    color: var(--kl-primary-green);
}
.footer-nav .footer-nav-item{
    padding: 0px 0px 10px;
}
.footer-item.menu{
    padding-left: 80px;
}
.social-media-list{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}
.social-media-list .social-media-item .social-media-link{
    margin: 0px 5px;
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid var(--kl-primary-green);
}
.social-media-list .social-media-item .social-media-link svg{
    max-width: 12px;
}
.social-media-list .social-media-item .social-media-link svg path{
    fill: #ffffff;
}
.social-media-list .social-media-item .social-media-link:hover svg path{
    fill: var(--kl-primary-green);
}
.footer-disclimer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0px;
    border-top: 1px solid var(--kl-primary-green);
    margin-top: 50px;
}
.disclimer p{
    font-size: 0.88rem;
    margin-bottom: 0px;
    font-weight: 300;
}
.footer .element-right{
    max-width: 630px;
}
.footer .container{
    position: relative;
    z-index: 2;
}
/* style for footer end */
/* style for home banner start */
.hero-banner{
    background: url(../images/home-banner.jpg) no-repeat var(--kl-navy-blue);
    background-position: center center;
    background-size: cover;
    height: 100vh;
    min-height: 500px;
    position: relative;
}
.hero-banner .banner-row{
    align-items: center;
    height: 100vh;
    min-height: 500px;
}
.banner-content{
    position: relative;
    z-index: 2;
}
.banner-content .kicker-title{
    font-size: 1.7rem;
    font-family: var(--kl-font);
    font-weight: 700;
    color: var(--kl-white);
    margin-top: 0px;
    margin-bottom: 7px;
}
.banner-content .banner-title{
    font-size: 4.35rem;
    font-family: var(--kl-font);
    font-weight: 900;
    color: var(--kl-white);
}
.banner-content .banner-title span{
    display: block;
}
.banner-strip{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 50%;
    max-width: 746px;
    background: rgba(0, 255, 0, 0.4);
}
.banner-element{
    position: absolute;
    top: 0px;
    right: 0px;
    max-width: 547px;
    z-index: 1;
}
.banner-element .banner-element.image{
    max-width: 100%;
}
/* style for home banner end */
/* style for home page body start */
.how-to-begin-content.left{
    padding-right: 120px;
}
.sec-how-to-begin.sec-space{
    margin-bottom: 230px;
}
.feature-translate-box{
    display: flex;
}
.feature-translate-box .translate-box-item{
    flex: 1 0 0%;
    padding: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.feature-translate-box .translate-box-item.translate-box-left{
    background: var(--kl-green);
}
.feature-translate-box .translate-box-item.translate-box-right{
    background: var(--kl-primary-gray);
}
.feature-translate-box .translate-box-item.translate-box-right .btn-primary:hover{
    background: var(--kl-green);
    color: var(--kl-white);
}
.features-white-card{
    background: var(--kl-white);
    padding: 40px;
    min-height: 330px;
}
.features-white-card .features-card-image{
    margin-bottom: 15px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    min-height: 111px;
}
.features-white-card .features-card-body{
    text-align: center;
}
.features-white-card .features-card-body .small-title{
    font-family: var(--kl-font);
    color: var(--kl-green);
    font-size: 1.176rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 15px;
}
.features-white-card .features-card-body p{
    font-family: var(--kl-font);
    color: var(--kl-primary-gray);
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
}
.sec-features.sec-space-inside{
    padding-top: 0px;
}
.features-carousel.owl-theme .owl-nav{
    text-align: right;
}
.features-carousel.owl-carousel .owl-nav button.owl-next svg{
    transform: rotate(180deg);
}
.sec-footer-button-group{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 40px;
}
.top-translate-box{
    transform: translateY(-130px);
}
.kinet-accordion .accordion-item{
    border: 0px;
    border-bottom: 1px solid #dee2e6;
}
.kinet-accordion .accordion-button{
    border: 0px;
    box-shadow: none;
    color: var(--kl-primary-gray);
    font-size: 1.2rem;
    font-family: var(--kl-font);
    font-weight: 900;
    padding: 20px 0px;
    position: relative;
}
.kinet-accordion .accordion-button:not(.collapsed){
    background-color: var(--kl-white);
    color: var(--kl-green);
}
.kinet-accordion .accordion-body p{
    font-size: 1rem;
    color: var(--kl-primary-gray);
}
.kinet-accordion .accordion-body{
    padding: 0px 50px 15px 0px;
}
.faq-title{
    margin-bottom: 30px;
}
.faq-content.image{
    padding-right: 50px;
}
.about-translate-box{
    background: url(../images/revenue-operations-collage.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 40px 60px;
    position: relative;
}
.about-translate-box::after{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: var(--kl-green);
    opacity: 0.6;
    content: "";
    z-index: 1;
}
.sec-about.sec-space-inside{
    padding-top: 0px;
    position: relative;
}
.sec-about.sec-space-inside .top-triangle{
    right: 0px;
    left: unset;
    transform: rotate(0);
    max-width: 90px;
    overflow: hidden;
}
.sec-about.sec-space-inside .top-triangle img{
    object-fit: cover;
    width: 175px;
    max-width: unset;
}
.about-translate-box-content{
    position: relative;
    z-index: 2;
}
.element-right{
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    max-width: 290px;
    overflow: hidden;
}
.element-right .element-right-image{
    max-width: 100%;
}
.sec-space.sec-faq{
    margin-bottom: 230px;
    position: relative;
}
.top-triangle{
    position: absolute;
    top: -262px;
    left: -73px;
    max-width: 207px;
    transform: rotate(-30deg);
}
.testimonial-box{
    position: relative;
    padding-left: 75px;
    padding-top: 80px;
}
.testimonial-box-content{
    position: relative;
    padding: 80px 120px;
    background: var(--kl-white);
}
.testimonial-box .testi-name{
    font-family: var(--kl-font);
    color: var(--kl-primary-gray);
    font-size: 1.176rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 15px
}
.testimonial-thumb{
    max-width: 350px;
    position: absolute;
    right: 0px;
    top: -185px;
}
.testimonial-image{
    max-width: 152px;
    position: absolute;
    left: -76px;
    top: 50%;
    transform: translateY(-50%);
}
.testimonial-guate{
    max-width: 110px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -50px;
}
.testimonial-box-content p{
    width: 65%;
}
/* style for home page body end */
/* style for about us page start */
.hero-banner.inside-page{
    background: url(../images/about-us/about-banner.jpg) no-repeat var(--kl-navy-blue);
    background-position: center center;
    background-size: cover;
    height: 500px;
    min-height: 500px;
    position: relative;
}
.hero-banner.inside-page .banner-row{
    align-items: center;
    height: 500px;
    min-height: 500px;
}
.hero-banner.inside-page.about-us .banner-title span{
    display: inline;
}
.sec-about-features .features-white-card .small-title{
    font-size: 2.0588rem;
    color: var(--kl-primary-gray);
    font-family: var(--kl-font);
    font-weight: 900;
}
.sec-about-features .features-white-card{
    height: 100%;
}
.values-card{
    display: flex;
    flex-direction: column; 
}
.values-content.right{
    padding-left: 40px;
}
.values-card .values-card-item{
    padding: 18px 0px;
    border-bottom: 1px solid #dee2e6;
}
.values-card .values-card-item .values-card-title{
    color: var(--kl-primary-gray);
    font-size: 1.4rem;
    margin-bottom: 15px;
    margin-top: 0px;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
}
.values-card .values-card-item .values-card-title::before{
    position: absolute;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10.975" height="20.393" viewBox="0 0 10.975 20.393"><path id="Path_21007" data-name="Path 21007" d="M1.02,1.574,9.887,10.2,1.02,18.819ZM.866,0,0,.366V20.027l.866.366,10.109-9.831V9.831Z" fill="lime"/></svg>') no-repeat;
    background-position: center;
    width: 12px;
    height: 20px;
    content: "";
    top: 3px;
    left: 0px;
}
.values-card .values-card-item p{
    padding-left: 20px;
}
.sec-our-story .element-top-left{
    max-width: 796px;
}
@media (min-width: 0px) and (max-width: 767px) {
    .feature-translate-box {
        display: flex;
        flex-direction: column;
    }
    .banner-content .banner-title {
        font-size: 3rem;
    }
    .banner-content .kicker-title {
        font-size: 1.2rem;
    }
    .testimonial-thumb{
        display: none;
    }
    .testimonial-box-content{
        padding: 40px;
        padding-top: 100px;
    }
    .testimonial-image {
        max-width: 152px;
        position: absolute;
        left: 50%;
        top: -71px;
        transform: translateX(-50%);
    }
    .testimonial-box{
        padding-left: 0px;
    }
    .testimonial-box-content p{
        width: 100%;
    }
    .testimonial-guate {
        max-width: 70px;
        position: absolute;
        left: unset;
        transform: unset;
        top: -29px;
        right: 10px;
    }
    .footer-disclimer{
        flex-direction: column;
    }
    .footer-disclimer .social-media{
        margin-top: 20px;
    }
    .kl-right-nav{
        z-index: 1;
    }
    .hamburger-right.active {
        z-index: 2;
        position: fixed;
        right: 15px;
        top: 60px;
    }
    .hamburger-right.active span{
        background: var(--kl-primary-gray);
    }
    .hamburger-right span:nth-child(2){
        background: var(--kl-primary-green);
    }
    .how-to-begin-content.left{
        padding-right: calc(var(--bs-gutter-x)* .5);
        margin-bottom: 15px;
    }
    .sec-how-to-begin.sec-space {
        margin-bottom: 190px;
    }
    .top-translate-box {
        transform: translateY(-50px);
    }
    .faq-content.image{
        padding-right: calc(var(--bs-gutter-x)* .5);
    }
    .sec-space.sec-faq {
        margin-bottom: 122px;
    }
    .sec-about.sec-space-inside .top-triangle{
        display: none;
    }
    .footer-item.menu{
        padding-left: calc(var(--bs-gutter-x)* .5);
    }
    .footer {
        text-align: center;
    }
    .footer-item.logo .footer-logo {
        margin: 0 auto;
        margin-bottom: 20px;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .footer-item.menu {
        padding-left: 60px;
    }
}
@media (min-width: 767px) and (max-width: 1770px) {
    .kl-right-nav{
        z-index: 1;
    }
    .hamburger-right.active {
        z-index: 2;
        position: fixed;
        right: 15px;
        top: 60px;
    }
    .hamburger-right.active span{
        background: var(--kl-primary-gray);
    }
    .hamburger-right span:nth-child(2){
        background: var(--kl-primary-green);
    }
    .banner-content .banner-title{
        font-size: 3.5rem;
    }
}

/* style for about us page end */
/* style for contact page start */
.contact-card{
    display: flex;
}
.contact-card{
    border: 1px solid #CCCFD3;
}
.contact-card .contact-form{
    padding: 40px 70px;
}
.contact-card .contact-address .address{
    background: var(--kl-primary-gray);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 70px;
}
.contact-card .contact-address .address .address-item{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}
.contact-card .contact-address .address .address-item:last-child{
    border-bottom: 0px;
}
.contact-card .contact-address .address .address-item.has-icon::after{
    top: 12px;
}
.contact-card .contact-address .address .address-item.has-icon.location::after{
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="%2300ff00"><path d="M480.14-490.77q26.71 0 45.59-19.02 18.89-19.02 18.89-45.73 0-26.71-19.03-45.6Q506.57-620 479.86-620q-26.71 0-45.59 19.02-18.89 19.02-18.89 45.73 0 26.71 19.03 45.6 19.02 18.88 45.73 18.88ZM480-172.92q112.77-98.16 178.31-199.66t65.54-175.57q0-109.77-69.5-181.2-69.5-71.42-174.35-71.42t-174.35 71.42q-69.5 71.43-69.5 181.2 0 74.07 65.54 175.57T480-172.92Zm0 53.69Q339-243.92 267.58-351.81q-71.43-107.88-71.43-196.34 0-126.93 82.66-209.39Q361.46-840 480-840q118.54 0 201.19 82.46 82.66 82.46 82.66 209.39 0 88.46-71.43 196.34Q621-243.92 480-119.23Zm0-436.15Z"/></svg>');
}
.contact-card .contact-address .address .address-item.has-icon.phone::after{
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 -960 960 960" width="18px" fill="%2300ff00"><path d="M763.08-501.54q-6.93-113.15-86.12-192.34-79.19-79.2-192.34-86.12v-40q65 3.08 121.65 28.88 56.65 25.81 99.38 68.54 42.73 42.73 68.54 99.39 25.81 56.65 28.89 121.65h-40Zm-160 0q-6.93-46.15-39.62-79.23-32.69-33.08-78.84-39.23v-40q63 6.15 107.26 50.81 44.27 44.65 51.2 107.65h-40ZM768-160q-108.08 0-216.73-49.77-108.65-49.77-200.19-141.31-90.77-91.54-140.93-200.84Q160-661.23 160-768v-32h177.54l33.92 163.31-107.84 100.38q27.38 47.46 56.69 86.69 29.31 39.24 61.07 70.77 32.08 33.62 72.35 62.81 40.27 29.19 91.81 57.58L650-366.77l150 30.23V-160h-32ZM244.85-573.85l83.69-76.77L305.38-760H200.23q1.15 45.77 12.31 92.19 11.15 46.43 32.31 93.96Zm338 333.39q36.92 18.54 83.57 28.92 46.66 10.39 93.58 11.08v-104.16l-95.54-19-81.61 83.16Zm-338-333.39Zm338 333.39Z"/></svg>');
}
.contact-card .contact-address .address .address-item.has-icon.fax::after{
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="%2300ff00"><path d="M115.38-140v-480H300v40h32.31v-186.15h360V-580h129.23v400H300v40H115.38Zm40-40H260v-400H155.38v400Zm216.93-400h280v-146.15h-280V-580ZM300-220h481.54v-320H300v320Zm52.31-60h160v-200h-160v200ZM300-220v-320 320Zm252.31-180h80v-80h-80v80Zm112.31 0h80v-80h-80v80ZM552.31-280h80v-80h-80v80Zm112.31 0h80v-80h-80v80Z"/></svg>');
}
.contact-card .contact-address .address .address-item.has-icon.email::after{
    content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 -960 960 960" width="18px" fill="%2300ff00"><path d="M120-200v-560h720v560H120Zm360-275.38L160-684.62V-240h640v-444.62L480-475.38Zm0-44.62 307.69-200H172.31L480-520ZM160-684.62V-720v480-444.62Z"/></svg>');
}
.contact-form .form-control{
    border-radius: 0px;
    border-width: 0px 0px 1px 0px;
}
.contact-form .btn-primary{
    float: right;
    min-width: 120px;
}
.contact-disclimer{
    margin-bottom: 60px;
}
.contact-disclimer p{
    font-size: 1.470rem;
    font-weight: 500;
    text-align: center;
}
.hero-banner.inside-page.contact .banner-title span{
    display: inline;
}
.hero-banner.inside-page.contact{
    background: url(../images/contact-banner.jpg) no-repeat var(--kl-navy-blue);
    background-position: center center;
    background-size: cover;
}
.error{
    font-size: 0.9rem;
    color: var(--kl-red);
    font-weight: 400;
}
.swal-content__div .btn-primary{
    margin: 0 auto;
}
@media (min-width: 0px) and (max-width: 767px) {
    .contact-card .contact-address .address{
        padding: 30px 30px;
    }
    .contact-card .contact-form {
        padding: 30px 30px;
    }
    .contact-card{
        flex-direction: column;
    }

}
@media (min-width: 768px) and (max-width: 992px) {
    .contact-card .contact-address .address{
        padding: 30px 30px;
    }
    .contact-card .contact-form {
        padding: 30px 30px;
    }

}
/* style for contact page end */
/* style for products page start */
.sec-pricing{
    position: relative;
}
.hero-banner.inside-page.products{
    background: url(../images/products/products-banner.jpg) no-repeat var(--kl-navy-blue);
    background-position: center center;
    background-size: cover;
    height: 500px;
    min-height: 500px;
    position: relative;
}
.sec-overview .overview-content.left p{
   width: 80%;
}
.counter-card-wrapper{
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
    flex-wrap: wrap;
}
.counter-card{
    flex: 1 0 0%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    padding: 30px 30px;
    position: relative;
    border: 1px solid #CCCCCC;
}
.counter-card::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25px;
    height: 25px;
    background: var(--kl-primary-green);
}
.counter-card .count-num{
    font-size: 2.94rem;
    color: var(--kl-green);
    font-family: var(--kl-font);
    font-weight: 700;
    margin: 0px;
}
.counter-card .count-discription{
    padding-left: 35px;
}
.counter-card .count-discription p{
    margin-bottom: 0px;
    font-size: 1.35rem;
    font-weight: 600;
}
.product-features-carousel{
    margin-top: 60px;
}
.features-carousel.product-features-carousel.owl-theme .owl-nav {
    text-align: center;
}
/* style for purchase cards */
.pricing-card-wrap{
    display: flex;
    flex-direction: row;
    gap: 35px;
    flex-wrap: wrap;
    margin-top: 60px;
}
.pricing-card-wrap .pricing-card{
    flex: 1 0 0%;
    /* background: #F2F2F2; */
    background: #ffffff;
    display: flex;
    flex-direction: column;
}
.pricing-card-wrap .pricing-card .pricing-card-title{
    text-align: center;
    background: var(--kl-primary-gray);
    padding: 15px;
}
.pricing-card-title .title-text{
    color: var(--kl-primary-green);
    font-size: 2.0588rem;
    font-weight: 900;
    margin: 0px;
    text-align: center;
}
.pricing-card-wrap .pricing-card .pricing-card-body{
    background: #ffffff;
    padding: 30px 50px;
}
.pricing-card .pricing-card-body{
    display: flex;
    flex-direction: column;
}
.pricing-card .product-overview p{
    font-size: 1.117rem;
    font-weight: 700;
}
.pricing-card .product-overview{
    padding-bottom: 20px;
    border-bottom: 1px dashed #cccccc;
    min-height: 75px;
}
.pricing-card .product-features{
    padding: 20px 0px;
    border-bottom: 1px dashed #cccccc;
}
.pricing-card .product-features .featue-title{
    color: var(--kl-green);
    font-size: 1.235rem;
    margin-bottom: 15px;
    font-weight: 700;
}
.pricing-card .product-features .kl-product-list{
    padding-left: 20px;
}
.pricing-card .product-features .kl-product-list li{
    margin-bottom: 15px;
}
.pricing-card .btn-buy-now{
    justify-content: space-between;
    max-width: 100%;
}
@media (min-width: 0px) and (max-width: 767px) {
    .sec-overview .overview-content.left p {
        width: 100%;
    }
    .sec-overview .overview-content.left{
        margin-bottom: 30px;
    }
    .counter-card-wrapper{
        gap: unset;
    }
}
.sec-about-footer.products{
    position: relative;
}
.sec-about-footer.products .top-triangle {
    right: 0px;
    left: unset;
    transform: rotate(0);
    max-width: 90px;
    overflow: hidden;
}

.sec-about-footer.products .top-triangle img {
    object-fit: cover;
    width: 175px;
    max-width: unset;
}
/* style for products page start */
/* style for pricing page start */
.hero-banner.inside-page.pricing{
    background: url(../images/products/products-banner.jpg) no-repeat var(--kl-navy-blue);
    background-position: center center;
    background-size: cover;
    height: 400px;
    min-height: 400px;
    position: relative;
}
.sec-pricing .top-triangle{
    top: -145px;
}
.pricing-card.pricing-card--highlighted{
    /* background: rgba(235, 208, 16, 0.1); */
    /* border: 1px solid var(--kl-navy-blue); */
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}
/* .pricing-card-wrap .pricing-card.pricing-card--highlighted .pricing-card-body{
    background: rgba(235, 208, 16, 0.1);
    border: 1px solid var(--kl-yellow);
} */
 @media (min-width: 0px) and (max-width: 767px) {
    .pricing-card.pricing-card--highlighted{
        transform: scale(1);
        transition: all 0.3s ease-in-out;
    }
 }
/* style for pricing page end */