body{
    font-family: DM sans , sans-serif;
}

    header .navbar-light .offcanvas-start .offcanvas-body ul li div.submenu {
        display: none;
        position: absolute;
        top: 74px;
        width: 90%;
        left: 50%;
        transform: translateX(-50%); 
        background-color: #fff;
        box-shadow: 2px 3px 3px rgba(36, 39, 44, .15);
        height: auto;
        border-radius: 24px;
        /* overflow-x: hidden; */
    }
    header .navbar-light .offcanvas-start .offcanvas-body {
        overflow-y: auto;
        flex-grow: 1;
        overflow-x: hidden;
    }
    header .navbar-light .offcanvas-start .offcanvas-body ul li:hover .nav-link {
        color: black !important;
        border-bottom: 1px solid transparent !important;
        transition: none !important;
        
    }

    .light-clr{
        background-color:  #FAF8F6;
    }
/* .header-widget
{
    display: flex !important;
    flex-direction: column-reverse;
} */

/* .test-slides{
    width: 150px;
} */




.head-r-btn{
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: white;
}
.header-widget p{
    font-weight: 500;
    margin-top: 15px;
    font-size: 14px;
    line-height: 23px;
    padding-right: 19px;
}

.head-menu{
    font-size: 18px;
}

.bor-lefts{
    /* border-right: 1px solid #EEEEEE; */
    height: 40px;
    display: flex;
    align-items: center;
}

.b-clr{
    border-right: 1px solid #EEEEEE;
}
.btns-prod-y{
    width: 193px;
    /* height: 48px; */
    padding: 0 !important;
    /* border-radius: 8px; */
    background-color: #FDED21;
    font-weight: 600;
    font-size: 18px;
    color: #000000 !important;
        text-align: center;
}
 .btns-prod-w{
    width: 193px;
        background-color: white;
        font-weight: 600;
        font-size: 18px;
        color: #21AD01;
        padding: 0 !important;
        text-align: center;
 }
 .btns-prod-y-mark {
     width: 193px;
     /* height: 48px; */
     padding: 0 !important;
     /* border-radius: 8px; */
     background-color: #FDED21;
     font-weight: 600;
     font-size: 18px;
     color: #000000 !important;
     text-align: center;
 }

 .btns-prod-w-mark {
     width: 193px;
     background-color: white;
     font-weight: 600;
     font-size: 18px;
     color: #21AD01;
     padding: 0 !important;
     text-align: center;
 }
 .btns-prod-mark{
        background-color: white;
    font-weight: 600;
    font-size: 15px;
    color: #21AD01;

padding: 10px !important;
}
.content-text h4{
    margin-bottom: 15px;
}
.content-text p{
    margin-bottom: 25px;
    color: #444444;
}

.content-text ul li {
    margin-bottom: 15px;
}

.hero-sec {
    background: radial-gradient(100% 253.13% at 100% 0%, #FFFFFF 0%, #E6F8EC 100%)    ;
    padding: 70px 120px 60px 120px;
}
.hero-sec-indus {
    padding: 110px 120px 60px 120px;
    background-color: #FAF9F6;
}

.head-text {
    width: 573px;
}

.heads {
    font-weight: 600;
    font-size: 49px;
    line-height: 120%;
    letter-spacing: 1%;
}

.heads-p {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #161616;
}

.heads-para {
    /* font-family: DM Sans; */
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #444444;
}

/*
.head-mode{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 354px;
    height: 80px;
    box-shadow: 0px 2px 1px 0px #0000000D;
    background: linear-gradient(90deg, #FFFEEB 0%, #FFFFFD 39.42%, #FFFFFF 100%);
    border-radius: 16px;
}

.head-m2{
    display: flex;
    justify-content: space-between;
    align-items: center;
} */

.head-ps {
    /* font-family: DM Sans; */
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0%;

}

.head-mode {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 354px; */
    height: auto;
    /* Allow height to be flexible */
    padding: 10px;
    box-shadow: 0px 2px 1px 0px #0000000D;
    background: linear-gradient(90deg, #FFFEEB 0%, #FFFFFD 39.42%, #FFFFFF 100%);
    border-radius: 16px;
}


.test-slides {
    height: 50px;
    /* width: 150px; */
    overflow: hidden;
}

.test-slides .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.head-m2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* width: 100%; */
}

/* .head-m2 img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
} */


.demo-btn {
    /* width: 180px; */
    /* height: 48px; */
    border: 0px solid transparent;
    gap: 8px;
    padding: 10px 24px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    background-color: #00A833;
    /* font-family: Public Sans; */
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
}


.farm-sec {
    gap: 40px;
    padding-top: 80px;
    padding-right: 120px;
    padding-bottom: 40px;
    padding-left: 120px;
}

.farm-point {
    font-size: 24px;
    line-height: 120%;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: center;
}
.vdo-head {
    font-size: 24px;
    line-height: 120%;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: center;
}

.vdo-para {
    /* font-family: DM Sans; */
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #444444;
}


.farm-card {
    /* width: 186px; */
    height: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    /* padding: 8px 20px; */
    padding: 20px 24px;
    border-radius: 16px;
    border-width: 1px;
}

.farm-card-point {
 font-weight: 500;
    font-size: 18px;
    letter-spacing: .25px;
    color: #000000;
    line-height: 25px;

}

.marketing-card-bg{
    background-color: #f1fcf1;
}

.bg-green {
    background: radial-gradient(100% 100% at 2.5% 0%, rgba(255, 255, 255, 0.1) 0%, #F2FDE8 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    ;
    border: 1px solid #B2C3A3;
}

.bg-light-green {
    background: radial-gradient(100% 100% at 2.5% 0%, rgba(255, 255, 255, 0.1) 0%, #E8FDF7 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    ;
    border: 1px solid #A3C3BA;
}

.bg-dark-green {
    background: radial-gradient(100% 100% at 2.5% 0%, rgba(255, 255, 255, 0.1) 0%, #ECFDE8 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    ;
    border: 1px solid #A8C3A3
}

.bg-yellow {
    background: radial-gradient(100% 100% at 2.5% 0%, rgba(255, 255, 255, 0.1) 0%, #FDF8E8 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    ;
    border: 1px solid #C3BBA3;
}

.bg-orange {
    background: radial-gradient(100% 100% at 2.5% 0%, rgba(255, 255, 255, 0.1) 0%, #FDF1E8 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    ;
    border: 1px solid #C3B0A3;
}

.bg-purple {
    background: radial-gradient(100% 100% at 2.5% 0%, rgba(255, 255, 255, 0.1) 0%, #F3E8FD 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    ;
    border: 1px solid #B3A3C3;
}

.bg-pink {
    background: radial-gradient(100% 100% at 2.5% 0%, rgba(255, 255, 255, 0.1) 0%, #FDE8EE 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    ;
    border: 1px solid #C3A3AC;
}

.bg-blue {
    background: radial-gradient(100% 100% at 2.5% 0%, rgba(255, 255, 255, 0.1) 0%, #E8EEFD 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    ;
    border: 1px solid #A3ACC3;
}

/* utilise */
.utilise {
    padding: 80px 120px;
}

.uti-card {
    background-size: cover;
    background-position: center;
    height: 312px;
    border-radius: 16px;
    /* width: 250px; */
    padding: 32px 20px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.uti-h {
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: .25px;
    color: #FFFFFF;

}

.uti-point {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: .25px;
    color: #FFFFFF;
}


.main-content {
    padding: 64px 120px;
}

.style-p {
    width: 190px;
    height: 40px;
    padding: 8px 16px;
    gap: 8px;
    border-radius: 888px;
    background-color: #F7F7F7;
}

.style-point {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -1%;
    color: #000000;
}

.con-point {
    font-weight: 700;
    font-size: 64px;
    line-height: 120%;
    letter-spacing: .5px;
    color: #000000;
}

.con-para {
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: .25px;
    width: 585px;
    text-align: center;
    color: #000000;
}

.content-text {
    /* display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; */
    /* height: 392px; */
}
.content-text h4{
    font-weight: 500;
    font-size: 34px;
    line-height: 140%;
    letter-spacing: 0%; 
}
.content-text ul li{
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #444444;
}
.content-text ul li b {
    color: #000000;
}

.content-text2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    /* height: 392px; */
}

.content-head {
    font-weight: 500;
    font-size: 34px;
    line-height: 140%;
    letter-spacing: 0%;
}

.content-point {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: .25px;
}

.cont-w {
    width: 400px;
}

.cont-span {
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #000000;

}
.border-black{
    /* border: 1px solid black; */

}
 .sw-only-mob{
    display: none;
}

.bg-grey-img {
    /* height: 422px; */
    border-radius: 16px;
    /* padding: 40px; */
    background-color: #FAF8F6;
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 760px; */
}

.fon{
    font-size:34px;
    font-weight: 500;
}

.double-card-sec {
    padding: 80px 120px;
}

.double-card {
    /* width: 288px; */
    /* height: 306px; */
    border-radius: 24px;
    background-color: #F1FCF1;
    /* display: block; */
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.double-p {
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 1%;
    text-align: center;
    text-transform: capitalize;
    color: #00483A;
    height: 80px;
}
.double-p-mark {
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 1%;
    text-align: center;
    text-transform: capitalize;
    color: #00483A;
    height: 50px;
}
.adver {
    background-color: #DAF6EB;
    /* width: 1200px; */
    height: 368px;
    border-radius: 24px;
    display: flex;
}

.adver-img {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}

.adver-head {
    font-weight: 500;
    font-size: 36px;
    line-height: 140%;
    letter-spacing: .25px;
    color: #406859;

}

.adver-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
}

.adver-p {
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: .25px;
    color: #161616;
    /* width: 620px; */
}

.adver-span {
    font-weight: 600;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: .25px;
}

.case {
    font-weight: 400;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    width: 626px;
    color: #000000;
}

.case-card {
    /* height: 820px; */
    background-color: #FAF8F6;
    border-radius: 24px;
    overflow: hidden;
}

.case-crd  {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #000000;
}

/* .cse-crd-li {
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #444444;
} */

.case-crd-text {
    height: 120px;
}
.case-crd-text ul li{
     font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #444444;
    margin-bottom: 15px;
}

.case-img {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    height: 230px;
}

.manage-card {
    width: 227px;
    height: 309px;
    border-radius: 16px;
    border-width: 1px;
    padding: 24px 15px;
}

.manage-card-point {
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 1%;
}

.manage-card-para {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 1%;
}

.leverage-card {
    width: 288px;
    height: 312px;
    background-size: cover;
    background-position: center;
    border-radius: 16px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
/* marketing */
.market-sec {
    padding: 120px;
    background: linear-gradient(180deg, #FCEDF0 0%, #FFFFFF 100%);
}

.mark-li {
    list-style-image: url(./images/rocket.png);
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #000000;
}

.mark-head {
    font-weight: 500;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: .25px;
    margin-bottom: 20px;
}

.mark-para {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0%;
    width: 560px;
}

.pink-btn {
    background-color: #F1254E;
    /* width: 133px; */
    /* height: 48px; */
    border: 0px solid transparent;
    padding: 10px 24px;
    border-radius: 8px;
    /* font-family: Public Sans; */
    font-weight: 600;
    font-size: 16px;
    color: white;
}

.pink-btn-mark {
    background-color: #F1254E;
    /* width: 143px;
    height: 48px; */
    border: 1px solid transparent;
    padding: 10px 24px;
    border-radius: 8px;
    /* font-family: Public Sans; */
    font-weight: 600;
    font-size: 16px;
    color: white;
}

.perform {
    padding: 80px 120px;
}

.perform-card {
    /* width: 288px; */
    height: 218px;
    border-radius: 16px;
    padding: 32px 20px;
    background-size: cover;
    background-position: center;
    align-content: end;
}

.perform-p {
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
}

.perform-sp {
    font-weight: 400;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    margin-top: 31px;
}

.perform-card-1 {
    background-image: linear-gradient(180deg, rgba(61, 92, 29, 0) 0%, #3D5C1D 80%), url(./images/krishi-mark3.jpg);
}

.perform-card-2 {
    background-image: linear-gradient(180deg, rgba(61, 92, 29, 0) 0%, #5C491D 80%), url(./images/krishi-mark2.jpg);
}

.perform-card-3 {
    background-image: linear-gradient(180deg, rgba(61, 92, 29, 0) 0%, #1D5C36 80%), url(./images/krishi-mark1.jpg);
}

.perform-card-4 {
    background-image: linear-gradient(180deg, rgba(61, 92, 29, 0) 0%, #1D5C51 80%), url(./images/krishi-mark4.jpg);
}
.choose-txt{
        font-weight: 400;
        font-size: 32px;
        line-height: 120%;
        text-align: center;
        color: #000000;

}

.green-box p {
    font-weight: 400;
    font-size: 18px;
    color: white;
}
.p-card {
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: .25px;
    text-transform: capitalize;
    color: white;
}

.ads h4{
    font-weight: 500;
    font-size: 34px;
    line-height: 140%;
    letter-spacing: 0%;
    margin-bottom: 15px;
    color: #000000;
}

.ads p strong{
    color: #000000;
    font-weight: 600 !important;
}

.ads p {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0%;
    color: #444444;
    /* width: 472px; */
    margin-bottom: 15px;
}

.ads ul li{
    font-weight: 400 ;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0%;
        margin-bottom: 9px;
}
.ads ul li b,
.ads ul li strong{
        color: #000000;
    font-weight: 600 ;
}


.banner-pink {
    background-color: #FAF6F7;
    border-radius: 24px;
    
}

.mark-pic {
    background-color: white;
        border-radius: 16px;
        /* padding: 40px; */
        /* height: 400px; */
        display: flex;
        justify-content: center;
        align-items: center;
}

.mark-main-head {
    font-weight: 600;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
}

.indus-sec {
    background-color: #FAF9F6;
    padding: 120px;
}

.modules {
    padding: 60px 120px;
}

.indus-head {
    font-weight: 500;
    font-size: 56px;
    line-height: 60px;
    letter-spacing: 1%;
    color: #00473C;
}

.indus-sub-head {
    font-weight: 500;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 0%;
    color: #00473C;
}

.indus-para {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0%;
    width: 480px;
}

.indus-ban-img {
    height: 530px;
    border-radius: 16px;
    background-image: url("./images/indus-banner.jpg");
    background-size: cover;
    background-position: center;
    /* width: 360px; */
}

.double-card {
    /* width: 288px; */
    /* height: 306px; */
    border-radius: 24px;
    background-color: #F1FCF1;
    /* display: block; */
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    /* margin: 20px; */
}
.cors-p {
    font-weight: 600;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: .25px;
    color: #00B012;
    text-align: center;
}
.clubs-sec> :nth-child(2) {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    width: 784px;
}

.clubs-sec> :nth-child(3) {
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 1%;
    text-align: center;
    color: #000000;
}
.crs-span {
    color: #00473C;
}

.banner-grey {
    background-color: #FAF8F6;
    border-radius: 24px
}

.learn-green {
    width: 144px;
    height: 48px;
    padding: 10px 24px;
    border-radius: 8px;
    background-color: #00A833;
    color: white;
    font-weight: 600;
    font-size: 16px;
}

.hovers-is {
    height: 300px;
    width: 400px;
    background-color: #B2C3A3;
}
.marks-hero{
    height: 560px;
    border-radius: 16px;
    width: 85%;

}

/* .hvrs-box{
    background-image: url(./images/indus-banner.jpg);
    background-size: cover;
    background-position: center;  
    height: 200px;
    width: 100%;
} */
.hvrs-box {
    position: relative;
    overflow: hidden;
    height: 200px;
    width: 100%;
}

.hvrs-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(./images/indus-banner.jpg);
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
    z-index: 0;
}

.hvrs-box:hover::before {
    transform: scale(1.1);
}

.farm li {
    color: #161616;
    list-style-image: url("./images/card1.jpg");
}
/* footer */
.bg-color-g{
    background-color: #FAF8F6;
}
    #footer-end h4 {
        font-weight: 600;
        font-size: 30px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #304637;
    }  
#footer-end .row p {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: 0%;
        color: #161616;
}

#footer-end .row h6 {
        font-weight: 600;
        font-size: 16px;
        line-height: 50px;
        letter-spacing: 0%;
        color: #161616;
        border-bottom: 1px solid var(--Green, #21AD01)
}
 .ft-margin{
    margin-left: 70px !important;
    margin-right: 70px !important;
 }
.ft-end-ps{
/* font-family: DM Sans; */
    font-weight: 400 !important;
    font-style: Regular;
    font-size: 14px !important;
    line-height: 100%;
    letter-spacing: .25px !important;
    color: #777777 !important;
}
#footer-end .footer-end ul li a{
    /* font-family: DM Sans; */
        font-weight: 400;
        font-size: 15px;
        color: #161616;
        line-height: 100%;
        letter-spacing: 0%;
        text-transform: capitalize;
}

/* 
#green-2{
    height: 0px !important;
} */
/*  new css  */
.hgl-color {
    color: #F1254E;
}

.countless-avenues {
    background-color: #FAF6F7;
}

.countless-avenues :nth-child(2) {
    max-width: 900px;
    width: 100%;
}

.all-head {
    font-weight: 600;
    font-size: 48px;
    text-align: center;
}

.all-para {
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    max-width: 740px;
    width: 100%;
    line-height: 160%;
}

.text-black {
    color: #000;
}

.services-vdo-card {
    /* height: 561px; */
    background-color: #FAF8F6;
    border-radius: 24px;
}

.video-v{
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

.video-crd-text{
    padding: 24px 24px 48px 24px;
}

.hover-card {
    /* width: 288px; */
    height: 312px;
    background-size: cover;
    background-position: center;
    border-radius: 16px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.hover-card:hover {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.hov-card1 {
    background-image: linear-gradient(180deg, rgba(92, 56, 29, 0) 0%, #5C381D 80%), url(./images/card1.jpg);
    ;
}

.hv-icon {
    height: 40px;
    width: 40px;
    margin-bottom: 20px;
}

.hover-card .hov-letter {
    display: none;
}

.hover-card:hover .hov-con {
    display: none;
}

.hover-card:hover .hov-letter {
    display: block;
}


.hov-letter p:first-of-type {
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    text-transform: capitalize;
    color: white;
}
.hov-letter p:nth-of-type(2) {
    font-weight: 500;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 1%;
        color: white;
}
.plan-crd {
    box-shadow: 0px 4px 12px 0px #0000001A;
    border-radius: 12px;
    position: relative;

    /* height: 400px; */
}

.popular {
    height: 40px;
    width: 100%;
    position: absolute;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: linear-gradient(90deg, #3A63DF 0%, #6387F6 52.28%, #3A63DF 100%);
}

.popular p {
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: white;
}

.contact-btn {
    border-radius: 8px;
    padding: 10px 24px;
    background-color: #F1254E;
    font-weight: 600;
    font-size: 16px;
    color: white;
    border: none;
}

.plan-txt {
    padding: 70px 30px 40px 30px;

}

.plan-txt p:nth-child(1) {
    font-weight: 600;
    font-size: 32px;
    text-align: center;
}

.plan-txt p:nth-child(2) {
    font-weight: 400;
    font-size: 18px;
    text-align: center;
}

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

.bor-top p:nth-child(1) {
    font-weight: 400;
    font-size: 14px;
    color: #444444;
    text-align: start;

}

.bor-top p:nth-child(2) {
    font-weight: 600;
    font-size: 20px;
}

.adver-brown{
    background-color: #F5F6DA;
    width: 100%;
    height: 368px;
    border-radius: 24px;
    display: flex;
}
.tabs{
    background-color: white;
    padding: 4px 12px;
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    border-radius: 88px;
}



.clubs-sec {
    padding: 80px 120px;
}

.club-card {
    border: 1px solid #EEEEEE;
    padding: 20px;
    border-radius: 16px;
}

.cc-head {
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 1%;
}

.club-card> :nth-child(2) {
    font-weight: 400;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: 1%;
}

.head-m2-new {
    display: flex;
    align-items: center;
    /* justify-content: space-around; */
    height: auto;
    padding: 8px 16px !important;
    box-shadow: 0px 2px 1px 0px #0000000D;
    border-radius: 16px;

}

.only-green {
    background: linear-gradient(90deg, #EBFFF1 0%, #FDFFFD 39.42%, #FFFFFF 100%);
}

.only-blue {
    background: linear-gradient(90deg, #EBF7FF 0%, #FDFEFF 39.42%, #FFFFFF 100%);
}

.only-yellow {
    background: linear-gradient(90deg, #FEFFEB 0%, #FFFFFD 39.42%, #FFFFFF 100%);
}
/* impact pagex chages */

    /* h5 {
        font-size: 48px !important;
        font-weight: 600 !important;
    } */


    /* #access-information p , #real-impact p, #users-profile p{
        font-weight: 400 !important;
        font-size: 20px !important;
    }

    #about-krishify p {
        font-family: "Playfair Display", serif;
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 160% !important;
    }
 */

.height-pic{
    max-height:340px ;
    height: 100%;
}
.margins-mdl{
    /* margin-top: 80px; */
}
.for-bg-modal{
    background-color: rgba(102, 102, 102, 0.68);

}







/* media query for normal mobiles*/
@media (max-width: 600px) {

.height-pic {
        max-height: 93px;
        height: 100%;
    }
.hover-card .hov-letter {
    display: block;
}
.hover-card .hov-con {
    display: none;
}
     .sw-only-mob{
    display: block;
}
    .hover-card {
        height: 265px;
        justify-content: end;
    }

    .hov-letter p:first-of-type {
        font-weight: 700;
        font-size: 18px;
    }
    
    .hov-letter p:nth-of-type(2) {
        font-weight: 500;
        font-size: 14px;
    }

    .video-crd-text{
        padding: 32px 20px 48px 20px;
    }

    .plan-txt p:nth-child(1) {
        font-weight: 600;
        font-size: 24px;
    }

    .plan-txt p:nth-child(2) {
        font-weight: 400;
        font-size: 16px;
    }



    .vdo-para {
        font-weight: 400;
        font-size: 14px;
        line-height: 27px;
    }

    .vdo-head{
        font-weight: 600;
        font-size: 20px;
        line-height: 120%;
    }

    .navbar .container{
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: left;
        }
        .editor-div p {
            font-weight: 400 !important;
            font-size: 17px !important;
        }

    .adver-brown {
        background-color: #F5F6DA;
        width: 100%;
        height: 766px;
        border-radius: 24px;
         display: flex;
        flex-direction: column;
    }

    .adver-img {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 0px;
}


/* foots */

.ft-margin {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
 #footer-end h4 {
     font-weight: 600;
     font-size: 24px;
 }


.mark-li {
    font-weight: 500;
    font-size: 16px;
}

.mark-head {
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: .25px;
}

.mark-para {
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0%;
    width: 334px;
}
.perform {
    padding: 0px 20px;
}

.choose-txt {
    font-weight: 400;
    font-size: 18px;
}

#why-choose h6 {
    font-weight: 700 !important;
    }

    .db-img{
    height: 64px;
    width: 64px;

}

.clubs-sec {
    padding: 48px 20px !important;
}
.cc-head {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 1%;
}

.club-card> :nth-child(2) {
    font-weight: 400;
    font-size: 16px;
    color: #444444;
    line-height: 100%;
    letter-spacing: 1%;
}

.countless-avenues {
    background-color: #FAF6F7;
    padding: 64px 20px;
}

 
/* models */

.modules {
    padding: 48px 20px;
}
.hero-sec {
        background: radial-gradient(100% 253.13% at 100% 0%, #FFFFFF 0%, #E6F8EC 100%);
        padding: 111px 20px 48px 20px;
    }

.hero-sec-indus {
    padding: 111px 20px 48px 20px;
    background-color: #FAF9F6;
}
    .head-text {
        width: 100%;
    }
    .heads {
        font-weight: 600;
        font-size: 28px;
    }
    .heads-p {
        font-weight: 500;
        font-size: 16px;
    }
    .heads-para {
        font-weight: 400;
        font-size: 16px;
    }
.head-mode p {
    font-size: 15px !important;
}

.ads h4{
    font-weight: 500;
    font-size: 20px;
}

.ads p {
    font-weight: 400;
    font-size: 15px;
}

.ads ul li{
    /* font-weight: 600; */
    font-size: 15px;
}


        .indus-ban-img {
            width:100% ;
        }


.indus-head {
    font-weight: 600;
    font-size: 26px;
    line-height: 120%;
}


.indus-sub-head {
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
}

.indus-ban-img {
    height: 390px;
}

.green-box p {
    font-size: 15px;
}
.banner-grey {
    background-color: #FAF8F6;
    border-radius: 24px;
        padding-top: 24px ;
        padding-right: 16px ;
        padding-bottom: 32px ;
        padding-left: 16px ;
}
.banner-pink {
   
    padding-top: 24px !important;
    padding-right: 16px !important;
    padding-bottom: 32px !important;
    padding-left: 16px !important;
}
.indus-para {
    font-weight: 400;
    font-size: 16px;
    width: 320px;
}

.cors-p {
    font-weight: 600;
    font-size: 24px;
}
.clubs-sec > :nth-child(2) {
    font-weight: 400;
    width: 100%;
    font-size: 16px;
    line-height: 160%;
    color: #444444;
}
.cta-fixed{
    border-top-left-radius:12px !important;
        border-top-right-radius: 12px !important;

}
.cta-fixed button {
    background-color: #21AD01;
    padding: 10px 24px;
    border-radius: 8px !important;
}

.farm-sec {
    padding: 48px 20px;
  
}

.farm-point {
    font-size: 24px;
    line-height: 120%;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: center;
}

.farm-card {
    height: 100%;
    justify-content: space-between;
    padding: 24px 20px;
    border-radius: 16px;
    border-width: 1px;
}

.farm-card-point {
    font-weight: 500;
    font-size: 16px;
}

.utilise {
    padding: 48px 20px;
}

.uti-card {
    height: 210px;
}

.uti-h {
    font-weight: 700;
    font-size: 20px;
}
.uti-point {
    font-weight: 500;
    font-size: 16px;
}
.main-content {
    padding: 48px 20px !important;
}
.mark-pic {
    background-color: white;
    border-radius: 16px;
    padding: 25px;
}
.style-point {
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -1%;
    color: #000000;
}

.style-p {
    width: 135px;
    height: 33px;
    padding: 8px 16px;
}

.con-point {
    font-weight: 700;
    font-size: 32px;
}

.con-para {
    font-weight: 400;
    font-size: 15px;
    width: 100%;
    letter-spacing: .25px;
}
.content-text h4 {
    font-weight: 500;
    font-size: 20px;
}
.content-text p {
    font-weight: 400;
    font-size: 15px;
}

.content-text ul li {
    font-weight: 400;
    font-size: 15px;

}

.double-card-sec {
    padding: 48px 20px;
}
/* .double-card {
    height: 245px;

} */
.adver {
    /* width: 1200px; */
    height: 513px;
    display: flex;
    flex-direction: column;
}
.adver-head {
    font-weight: 500;
    font-size: 28px;
}
.adver-p {
    font-weight: 400;
    font-size: 17px;
}

.bg-grey-img {
    /* height: 322px; */
    border-radius: 16px;
    background-color: #FAF8F6;
    padding: 10px;
    /* width: 760px; */
}

.all-head {
    font-weight: 600;
    font-size: 24px;
}
.all-para {
    font-weight: 400;
    font-size: 15px;
}

.content-head {
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0%;
}

.content-point {
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0px;
}
.case {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    width: 100%;
}
.case-card {
    height: 450px;
   
}

.cont-w {
    width: 400px;
}

.cont-span {
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #000000;
}
.btns-prod-y {
    width: 130px;
    /* min-width: 165px; */
        min-width: 155px;
    font-size: 15px;
}

.btns-prod-w {
    width: 130px;
    min-width: 155px;
    font-size: 15px;
}

.btns-prod-y-mark {
    width: 100%;
    font-size: 15px;
}

.btns-prod-w-mark {
    width: 100%;
    font-size: 15px;
}


.demo-btn {
    /* width: 180px; */
    /* height: 48px; */
    border: 0px solid transparent;
    gap: 8px;
    padding: 10px 24px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    background-color: #00A833;
    /* font-family: Public Sans; */
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
}
.market-sec {
    padding: 111px 20px 48px 20px ;
}
.mark-main-head {
    font-weight: 700;
    font-size: 32px;
}
.perform-sp {
    font-weight: 400;
    font-size: 20px;
}
.perform-p {
    font-weight: 400;
    font-size: 20px;}

.btns-prod-mark{
        background-color: white;
    font-weight: 600;
    font-size: 15px;
    color: #21AD01;
    padding: 10px !important;
}

.double-p {
    font-weight: 500;
    font-size: 16px;
    height: 30%;
}

double-p-mark{
        font-weight: 500;
        font-size: 16px;
        height: 30%;
}

        .btn-bg-new {
            width: 90% !important;
        }
        #services .row {
            height: 20% !important;
        }
                #services .row h4 {
            font-size: 20px !important;
            line-height: 33.6px;
        }
.hero-slides .swiper-pagination-bullet {
  background-color: #00B012 !important;
}



@media (max-width: 1023px) {
    #services .row h4 {
        font-size: 18px;
        line-height: 33.6px;
    }
}
    .margin-spacing {
        margin-left: 20px;
        margin-right: 20px;
    }

}

/* media query for small screens */
@media (max-width: 400px) {

        .btns-prod-y {
            width: 130px;
            min-width: 148px;
                font-size: 15px;
        }
    
        .btns-prod-w {
            width: 130px;
            min-width: 148px;
                font-size: 15px;
        }
}

/* media query for small screens */
@media (max-width: 360px) {

    .btns-prod-y {
        width: 130px;
        min-width: 146px;
            font-size: 15px;

    }

    .btns-prod-w {
        width: 130px;
        min-width: 146px;
            font-size: 15px;

    }

}
.editor-div p{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;

}

.adver-p {
    font-weight: 400;
    font-size: 17px;
}