* {
    box-sizing: border-box;
}
:root {
    --primary-color: #10294E;
    --text-color: #313336;
    --anchor-color: #2C8DED;
    --white: #ffffff;
    --black: #000000;
    --border: #10294E;
}
.primary-color{
    color: var(--primary-color);
}
.text-anchor {
    color: var(--anchor-color);
}
.text-color{
    color: var(--text-color);
}
.bg-primary{
    background-color: var(--primary-color) !important;
}
body{
    color: var(--text-color);
    font-family: "Poppins";
    font-size: 15px;
    height:1000px;
}
input.form-control, textarea.form-control {
    border-color: #10294E !important;
}
p {
    font-size: 15px;
    line-height: 1.4;
}
.case-study .card-title {
    font-size: 1.3rem;
    line-height: 1.4;
}

/* Header */
header{
    position:fixed;
    width: 100%;
    height: 62px;
    background: transparent;
    transition: all 0.4s ease;
    z-index: 9;
}
header .nav-link {
    padding: 7px 12px;
}
header .nav-link.active {
    border-bottom: 2px solid var(--white);
}
header.sticky {
    background: var(--white);
    box-shadow: 0px 15px 10px -15px #ebebeb;
    border-bottom: 1px solid #e4e4e4
}
header.sticky .nav-link {
    color: var(--text-color);
}
header.sticky .nav-link.active {
    border-bottom: 2px solid var(--text-color);
    color: var(--text-color);
}

.inner-header {
    position:fixed;
    width: 100%;
    height: 62px;
    background: transparent;
    transition: all 0.4s ease;
    z-index: 9;
    background: var(--white);
    box-shadow: 0px 15px 10px -15px #ebebeb;
}
.inner-header .nav-link {
    color: var(--text-color);
}
.inner-header .navbar-toggler {
    border: 0;
}
.inner-header .navbar-toggler:focus {
    box-shadow: none;
}
.inner-header .navbar-toggler .navbar-toggler-icon {
    background-image: none;
    position: relative;
}
.inner-header .navbar-toggler .navbar-toggler-icon:after {
    background-image: url(../images/responsive-togle.svg);
    content: "";
    height: 100%;
    width: 100%;
    z-index: 9999999;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
}

.form-control:focus {
    box-shadow: none;
}

/* Responsive header */
.navbar-toggler {
    border: 0;
}
.navbar-toggler:focus {
    box-shadow: none;
}
header.sticky .navbar-toggler .navbar-toggler-icon {
    background-image: none;
    position: relative;
}
header.sticky .navbar-toggler .navbar-toggler-icon:after {
    background-image: url(../images/responsive-togle.svg);
    content: "";
    height: 100%;
    width: 100%;
    z-index: 9999999;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
}

/* carousel Slider (Banner) */
.carousel .carousel-indicators {
    right: 0 !important;
    bottom: 50% !important;
    z-index: 2 !important;
    margin-bottom: 0 !important; 
    margin-right: 0 !important;
    margin-left: 0 !important; 
    rotate: 90deg; 
    left: auto !important;
}
.carousel .carousel-indicators button {
    height: 30px;
    position: relative;
}
.carousel .carousel-indicators button[aria-label="Slide 1"]:after {
    content: "1";
    position: absolute;
    z-index: 99999;
    left: 0;
    top: 0;
}
.banner-bg-image {
    background-image: url(../images/Banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 100vh;
}
.banner-bg-image2 {
    background-image: url(../images/Banner-2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 100vh;
}

/* Who we are Section */
.Who-we-are { 
    background-image: url(../images/bg-who-we-are.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px;
}

/* Dron service */
.bg-dron-service {
    background-image: url(../images/bg-dron-service.png); background-repeat: no-repeat; background-size: cover; background-position: bottom; padding: 250px 0 460px;
}
.bg-dron-service p {
    font-size: 13px;;
}

/* Discover agriculture information */
.bg-discover-ag-information {
    background-image: url(../images/discover-ag-information.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 100vh;
}

.krushicare-bg {
    background-image: url(../images/bg-krushicare.svg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 80vh;
}

.bg-mobile {
    background-image: url(../images/bg-mobile.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    width: 110%;
    height: 106%;
    position: absolute;
    top: -13.5px;
    right: 0px
}

/* Footer */
footer {
    background-color: #F5F6F8;
}
.footer-grass {
    background-image: url(../images/footer-grass.png); background-repeat: repeat; background-size: inherit; background-position: bottom; height: 70px;
}

.contact-left {
    background-color: #F5F6F8;
}
.connect-with-us input, .connect-with-us textarea{
    font-size: 14px;
    border-color: var(--primary-color) !important;
}
.pleasure-work {
    color: #DADADA; font-size: 70px;
}

.wwa-features img {
    width: 75%;
}
/* Responsive */
@media only screen and (max-width: 1400px) {
    .epf-mobile-app h3 {
        font-size: 1.5rem;
    }
}
@media only screen and (max-width: 1200px) {
    .epf-mobile-app-wrapper:before {
        display: none !important;
    }
}
@media only screen and (max-width: 1000px) {
    .bg-mobile {
        top: -14px;
        right: -2px;
    }
    .krushicare-bg {    
        height: 90vh;
    }
}
@media only screen and (max-width: 991px) {
    .bg-mobile {
        top: -15px;
        right: -4px;
    }
    .krushicare-bg {    
        height: 100%;
    }
    #c2 {
        margin-top: 40px;
    }
    .epf-mobile-app {
        width: 300px !important;
        height: 300px !important; 
    }
    .epf-mobile-app-wrapper:before {
        display: none;
    }
    .epf-mobile-app-wrapper .card-body {
      width: 100% !important;
      height: 100% !important;  
    }
    .epf-mobile-app-wrapper .card-body img {
        width: 100% !important;
    }
    .textamrut {
        font-size: 3rem !important;
    }
    .bg-amrut-sprayer-service img {
        width: 100% !important;
    }
    .bg-dron-service { 
        padding: 50px 0 250px;
    }
}
@media only screen and (max-width: 768px) {
    .bg-mobile {
        top: -11px !important;
        right: 0px !important;
    }
}
@media only screen and (max-width: 767px) {
    .projects .Projects-item .project-title {
        height: auto !important;
    }
    .inner-header .nav-link {
        color: var(--white);
    }
    .drag-image h6 {
        font-size: 13px !important;
    }
    .bg-what-we-do {
        padding: 35px 0 40px !important;
    }
    .navbar .container {
        padding-right: 0;
        padding-left: 0;
    }
    .navbar-collapse {
        background-color: rgba(16, 41, 78, 0.95);
    }
    header.sticky .navbar-toggler ~ .navbar-collapse {
        background-color: #ffffff;
    }
    .pleasure-work {
        font-size: 45px;
    }
    p {
        font-size: 0.9rem;
        line-height: 1.6;
    }
    .wwa-features img {
        width: 50%;
    }
    header.sticky .nav-item {
        border-bottom: 1px solid #e4e4e4;
    }
    header .nav-link.active {
        border: 0 !important;
    }
    header.sticky .nav-link.active {
        border: 0 !important;
    }
    body .fs-1 {
        font-size: calc(1.275rem + 1.2vw)!important;
    }
}
@media only screen and (max-width: 599px) { 
    .Sync .owl-carousel .owl-item.active .item {
        width: 82%;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto !important;
      }
    .bg-mobile {
        top: -25px !important;
        right: 0 !important;
        background-position: top center;
        width: 91%;
        left: 0 !important;
        margin: 0 auto;
        height: 86.5%;
    }
    .textamrut {
        font-size: 2.5rem !important;
    }
    .video-text-wrap {
        left: 4% !important;
    }
    .video-text-wrap h1 {
        font-size: 28px !important;
        margin-bottom: 0;
    }
    .video-text-wrap h2 {
        font-size: 17px !important;
    }
}

@media only screen and (max-width: 430px) {
    .bg-mobile {
        top: -13.5px;
    }
} 

.w-60 {
    width: 60%!important;
}
.w-80 {
    width: 80%!important;
}

/* Connect With Us page */
.connect-withus-banner {
    background-image: url(../images/contact-withus-banner.png); background-repeat: no-repeat; background-size: cover; background-position: bottom; height: 100vh;
}
.careers-banners {
    background-image: url(../images/careers-banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom; height: 100vh;
}
.about-banners {
    background-image: url(../images/about-banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom; height: 100vh;
}
.what-we-do-banners {
    background-image: url(../images/what-we-do-banner.png); background-repeat: no-repeat; background-size: cover; background-position: bottom; height: 100vh;
}
.bg-why-us {
    background-image: url(../images/bg-why-us.svg); background-repeat: no-repeat; background-size: cover; background-position: bottom; padding: 170px 0 260px; 
}
.bg-what-we-do {
    background-image: url(../images/bg-what-we-do.png); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 150px 0 240px; 
}
.bg-bpo-advisary {
    background-image: url(../images/bg-bpo-advisary.png); background-repeat: no-repeat; background-size: cover; background-position: bottom;
}
.bg-sugarcane-management-system {
    background-image: url(../images/sugarcane-management-system.png); background-repeat: no-repeat; background-size: cover; background-position: top;
}
.bg-amrut-sprayer-service {
    background-image: url(../images/bg-smartcane-amrut.png); background-repeat: no-repeat; background-size: cover; background-position: center;
}
.bg-sugarcane-farmer {
    color: #ffffff; background-image: url(../images/bg-sugarcane-farmer.png); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 50px 0;
}
.bg-erp-management {
    color: #ffffff; direction:rtl; background-image: url(../images/bg-erp-management.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;padding: 50px 0;
}
.bg-advance-sugarcane {
    color: #ffffff; background-image: url(../images/bg-advance-sugarcane.png); background-repeat: no-repeat; background-size: cover; background-position: center;padding: 50px 0;
}
.box-shadow-career {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); position: relative; min-height: 130px;
}
.shadow-custom {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.box-shadow-career:after {
    position: absolute; width: 5px; background-color: var(--primary-color); height: 100%; content: "";
}
/* Project What we do page Project section */
.Projects-green-tea {
    background-image: url(../images/green-tea.jpg);
}
.Projects-child-hands-holding {
    background-image: url(../images/child-hands-holding.jpg);
}
.Projects-selective-focus {
    background-image: url(../images/selective-focus.jpg);
}
.Projects-dirt-road-wheat-field {
    background-image: url(../images/dirt-road-wheat-field.jpg); 
}
.Projects-agriculture-iot {
    background-image: url(../images/agriculture-iot.jpg);
}

.projects .Projects-item {
    background-repeat: no-repeat; background-size: cover; background-position: center; height: 407px; padding: 10px; position: relative;
}
.projects .Projects-item:before { 
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.45);
    top: 0;
    left: 0;
    z-index: 0;
    right: 0;
    bottom: 0
}
.projects .Projects-item:hover:before { 
    background-color: rgba(0, 0, 0, 0.52);
}
.projects .Projects-item .project-wrapper { 
    position: absolute;
    top: 57%;
}

.projects .Projects-item .project-title, .projects .Projects-item .project-text {
    color: var(--white); position: relative;
} 
.projects .Projects-item .project-title {
    height: 35px;
}
.projects .Projects-item .project-text {
    font-size: 14px;
    font-weight: 300;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    
}
.video-text-wrap {
    top: 64%;
    left: 10%;
}
.projects .Projects-item .project-img a {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: var(--white);
    border-radius: 100%;
} 

/* Career File upload */
.file-upload{background-color:#ffffff;width:100%;}
.file-upload-btn{width:100%;margin:0;color:#fff;background:#1FB264;border:none;padding:10px;border-radius:4px;border-bottom:4px solid #15824B;transition:all .2s ease;outline:none;text-transform:uppercase;font-weight:700;}
.file-upload-btn:hover{background:#1AA059;color:#ffffff;transition:all .2s ease;cursor:pointer;}
.file-upload-btn:active{border:0;transition:all .2s ease;}
.file-upload-content{display:none;text-align:center;}
.file-upload-input{position:absolute;margin:0;padding:0;width:100%;height:100%;outline:none;opacity:0;cursor:pointer;}
.image-upload-wrap{border:2px dashed #ced4da;position:relative;border-radius:4px;margin-bottom:15px;}
.drag-text{text-align:center;}
.drag-text{padding:25px 0;}
.drag-text h3{font-weight:500;color:#34495E;padding:0;margin:0;font-size:18px;}
.image-title-wrap{display: block;}
.file-upload-image{width:auto;margin:auto;max-width: 250px;max-height: 150px;}
.remove-image {margin: 0;color: #fff;background-color: #000;border: none;padding: 10px 30px;border-radius: 4px;transition: all .2s ease;outline: none;font-size: 14px;margin-top: 10px;}
.remove-image span {display: block;}
.remove-image:hover{background:#c13b2a;color:#ffffff;transition:all .2s ease;cursor:pointer;}
.remove-image:active{border:0;transition:all .2s ease;}
.upload-preview .file-upload-image[src^="data:application"] {display: none;}
.upload-preview .file-upload-image[src^="data:application"] + .image-title-wrap .remove-image {margin-top: 0;}
.upload-preview{border:1px solid #ced4da;border-radius:4px;padding: 15px}
.upload-more{border:1px dashed #ced4da;border-radius:4px;display:flex;align-items:center;justify-content:center;height:12vh;cursor:pointer;}
.upload-preview-wrapper{margin-left:-5px!important;margin-right:-5px!important;}
.upload-preview-wrapper > div{padding-left:5px!important;padding-right:5px!important;margin-bottom:20px;}
/* End Career File upload */

  /* Page- What We do, section EPF Mobile application */
  .epf-mobile-app-wrapper {
    position: relative;
    border-color: var(--primary-color) !important;
  }
  .epf-mobile-app-wrapper:before {
    content: "";
    position: absolute;
    right: -107px;
    top: 47%;
    background-image: url(../images/epf-left-aerrow.svg);
    height: 16px;
    width: 105px;
    background-repeat: no-repeat;
  }
  .app-wrapper-right:before {
    left: -106px;
    right: 0;
    background-image: url(../images/epf-right-aerrow.svg);
  }
  .epf-mobile-app {
    border: 30px solid #DAE1E9;
    border-radius: 100%;
    width: 573px;
    height: 573px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  /* AmrutVrusthi page */
 .textamrut {
    font-size: 4rem; color: var(--white); color: #48A5F9;
 }
 .textamrut span {
    color: #ED7D31;
 }
 .bg-amrut-sprayer-service img {
    width: 75%;
 }
 
 /* Filed Manager */
 .field-manager {
    padding-top: 150px;
 }
 .bg-carrer-inner {
    background-color: #EDF5F9;
 }
 /* Anand CSS */
  /* Inner page ( Details page ) css */
  .crop-forcast-banner{
    background-image: linear-gradient(45deg,rgba(0,0,0, 0.55),rgba(0,0,0,0.55)), url('../images/yield-acreage.jpg');
    background-repeat: no-repeat; background-size: cover; background-position: bottom; height: 100vh;
}
.crop-health-banner{
    background-image: linear-gradient(45deg,rgba(0,0,0, 0.55),rgba(0,0,0,0.55)), url(../images/crop-health-using.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom; height: 100vh;
}
.loan-Insurance-banner{
    background-image: linear-gradient(45deg,rgba(0,0,0, 0.55),rgba(0,0,0,0.55)), url(../images/loan-insurance-feature.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom; height: 100vh;
}
.precision-farming-banner{
    background-image: linear-gradient(45deg,rgba(0,0,0, 0.55),rgba(0,0,0,0.55)), url(../images/precision-farming.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom; height: 100vh;
}

 .inner-page-bg-height{
    height: auto;
    padding-bottom: 3rem;
}

/* Anand Added */
/* case study inner page */
.case-study-banner{
    bottom: 35%;
    width: 850px;
    left: 50%;
    transform: translateX(-50%);
}
.inner-container-width{
    width: 850px;
    margin: 0 auto;
}
.case-study-sugaercan-banner{
    background-image: url(../images/case-study-banner-sugercan.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom;height: 70vh;bottom: 35%;
}
.case-study-cotton-crop-banner{
    background-image: url(../images/case-study-banner-crop.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom;height: 70vh;bottom: 35%;
}
.case-study-case-bushfire-banner{
    background-image: url(../images/case-study-banner-bushfire.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom;height: 70vh;bottom: 35%;
}
.ft-20px{
    font-size: 20px;
}
.case-study-text{color: #9aa0a6;}

.related-case-study-image{
    max-width: 100%;
    background-size: contain;
}
.case-study-heading{
    font-size: 35px;
    font-weight: 500;
}
.case-study-sub-heading{
    font-weight: 600;
    font-size: 26px;
}

@media all and (max-width: 900px)
{
    .case-study-banner{
        width: 90%;
    }
    .inner-container-width{
        width: 100%;
    }
    .case-study-heading{
        font-weight: 400;
        font-size: 20px;
    }
    .case-study-sub-heading{
        font-weight: 400;
        font-size: 18px;
    }
}


/* Form submit alert css */
#msg {
    position: fixed; right: 3%; bottom: 5%; z-index: 9;
}