/* general */
.full-width-content{
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
.main-content.inner-page .col-sm-12.center-column {
    padding-top: 0;
}
.inner-page .background-content~.background .pattern .container {
    padding-bottom: 20px;
}

  /* SOLUTION PAGE */
  .agro-solution h1, .agro-solution h2, .agro-solution h3, .agro-solution p  {
      padding: 0;
      margin: 0;
  }
  
  /* banner */
  .info-7 .breadcrumb .pattern{
    background-image: url(/image/data/theme/banners/solution/solution-banner_190624182534.jpg);
}
.info-7 .breadcrumb .pattern h2 {
    font-size: 56px;
}
  /* .agro-solution .os-banner{
      padding-top: 46px;
      padding-bottom: 46px;
      text-align: center;
      background: url(/image/data/theme/banners/solution/solution-banner_190624182534.jpg) no-repeat;
      background-size: cover;
  } */
  /* sect */
  .sect-solar {
      padding-top: 153px;
      padding-bottom: 153px;
      padding-left: 30px;
      padding-right: 30px;
  }
  .sect-solar h2{
      font-size: 48px !important;
      line-height: 1.04;
      padding-bottom: 20px;
  }
  .sect-solar h3{
      font-size: 28px !important;
      line-height: 1.36;
      color: #fed109 !important;
      padding-bottom: 20px;
  }
  .sect-solar p{
      font-size: 20px;
      line-height: 1.5;
      color: #fff;
      padding-bottom: 30px;
  }
  .sect-solar h3~p~p{
      margin-bottom: 20px;
  }
  .sect-solar a{
      font-size: 18px;
      font-weight: bold;
      color: #fff;
      padding: 15px 48px;
      border-radius: 27px;
      border: solid 1px #fff;
      transition: 0.3s all ease;
  }
  .sect-solar a:hover{
      color: #0a3f3e;
      border: solid 1px #fed109;
      background-color: #fed109;
  }
  /* sect 1 */
  .s-cctv {
      background: url(/image/data/theme/banners/solution/cctv_190624182534.jpg) no-repeat;
      background-size: cover;
  }
  /* sect 2 */
  .s-farmhouse {
      background: url(/image/data/theme/banners/solution/farmhouse_190624182534.jpg) no-repeat;
      background-size: cover;
  }
  /* sect 3 */
  .s-aerator {
      background: url(/image/data/theme/banners/solution/aerator_190624182534.jpg) no-repeat;
      background-size: cover;
  }
  /* sect 4 */
  .s-waterpump {
      background: url(/image/data/theme/banners/solution/waterpump_190624182534.jpg) no-repeat;
      background-size: cover;
  }



  /* ABOUT PAGE */
.info-4 .breadcrumb .pattern{
    background-image: url(/image/data/theme/banners/about/about-banner_190624185601.jpg);
}
.info-4 .breadcrumb .pattern h2 {
    font-size: 56px;
}
  /* .agro-about .full-width-content.os-banner {
    padding-top: 46px;
    padding-bottom: 46px;
    text-align: center;
    background: url(/image/data/theme/banners/solution/solution-banner_190624182534.jpg) no-repeat;
    background-size: cover;
} */
.agro-about h1,.agro-about h2, .agro-about h3, .agro-about h4 {
    padding: 0;
    margin: 0;
}
.ab-sect {
    padding-top: 80px;
    padding-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px;
}
/* sect 1 */
.ab-sect1 .row .col-sm-6:last-child {
    padding-left: 55px;
}
.ab-sect.ab-sect1 h2 span{
    font-size: 48px;
    line-height: 0.75;
    /* letter-spacing: -0.96px; */
    color: #014848;
    padding: 10px 19px;
    background-color: #fed109;
}
.ab-sect.ab-sect1 h3{
    font-size: 24px;
    line-height: 1.08;
    color: #fed109;
    padding-top: 40px;
    padding-bottom: 20px;
}
.ab-sect.ab-sect1 p{
    line-height: 1.67;
    padding-bottom: 20px;
}
/* sect 2 */
.agro-about .ab-sect2 {
    background-color: #fcf6e0;
}
.agro-about .ab-sect2 h2{
    font-size: 48px;
    line-height: 0.75;
    /* letter-spacing: -0.96px; */
    text-align: center;
    color: #014848;
}
.agro-about .ab-sect2 .row{
    position: relative;
}
/* .agro-about .ab-sect2 .row img{
    position: absolute;
    left: 0;
} */
/* .agro-about .ab-sect2 .row .what-number {
    position: absolute;
    top: 0;
    right: 0;
} */
.agro-about .ab-sect2 .row .what-number .flex-what-number {
    display: flex;
    align-items: center;
}
.agro-about .ab-sect2 .row .what-number .flex-what-number h3{
    font-size: 50px;
    color: #16403f;
    margin-right: 16px;
}
.agro-about .ab-sect2 .row .what-number .flex-what-number h3:after {
    content: url('/image/data/theme/banners/about/line_210624114146.png'); 
    position: absolute;
    margin-left: 15px;
}
.agro-about .ab-sect2 .row .what-number .flex-what-number p{
    font-size: 18px;
    line-height: 1.56;
    color: #010101;
    max-width: 380px;
    padding-left: 20px;
}
.agro-about .ab-sect2 .row .what-number .flex-what-number:nth-child(1) {
    position: absolute;
    right: 197px;
    top: 118px;
}
.agro-about .ab-sect2 .row .what-number .flex-what-number:nth-child(2) {
    position: absolute;
    right: 117px;
    top: 241px;
}
.agro-about .ab-sect2 .row .what-number .flex-what-number:nth-child(3) {
    position: absolute;
    right: 69px;
    top: 371px;
}
.agro-about .ab-sect2 .row .what-number .flex-what-number:nth-child(4) {
    position: absolute;
    right: 116px;
    top: 478px;
}
.agro-about .ab-sect2 .row .what-number .flex-what-number:nth-child(5) {
    position: absolute;
    right: 183px;
    top: 591px;
}
/* sect 3 */
.ab-sect3 {
    padding-top: 200px;
    padding-bottom: 200px;
    background: url(/image/data/theme/banners/about/business-bg_190624185601.jpg) no-repeat;
    background-size: cover; 
}
.ab-sect3 h2 span {
    font-size: 30px;
    line-height: 1.2;
    /* letter-spacing: -0.6px; */
    color: #0a3f3e;
    padding: 10px 19px 10px;
    background-color: #fed109;
}
.ab-sect3 h2 {
    padding-bottom: 30px;
}
.ab-sect3 h3 {
    font-size: 40px !important;
    line-height: 1.38;
    color: #fff;
    max-width: 670px;
}
.ab-sect3 h3 span{
    color: #fed109;
}
/* sect 4 */
.ab-sect4 {
    background-color: #fcf6e0;
}
.ab-sect4 h2 {
    font-size: 48px !important;
    line-height: 0.75;
    /* letter-spacing: -0.96px; */
    text-align: center;
    color: #014848 !important;
    padding-bottom: 44px;
}
.we-different {
    display: flex;
    justify-content: space-between;
}
.row .we-different:last-child {
    justify-content: center;
    padding-top: 30px;
}
.we-different .box-diff {
    text-align: center;
}
.row .we-different:first-child .box-diff:first-child {
    margin-top: 63px;
}
.row .we-different:first-child .box-diff:last-child {
    margin-top: 63px;
}
.row .we-different:last-child .box-diff {
    padding-right: 15px;
    padding-left: 15px;
}
.we-different p {
    font-size: 18px;
    line-height: 1.56;
    color: #010101;
    max-width: 370px;
    padding-top: 20px;
}
/* sect 5 */
.ab-sect5 {
    padding-top: 152px;
    padding-bottom: 152px;
    background: url(/image/data/theme/banners/about/value-bg_190624185601.jpg) no-repeat;
    background-size: cover; 
}
.ab-sect5 h3 {
    font-size: 30px !important;
    line-height: 1.2;
    /* letter-spacing: -0.6px; */
    color: #fff;
    padding-bottom: 20px;
}
.ab-sect5 h2 {
    max-width: 570px;
    margin-bottom: 23px;
}
.ab-sect5 h2 span{
    font-size: 40px;
    line-height: 0.9;
    /* letter-spacing: -0.8px; */
    color: #0a3f3e;
    padding: 10px 19px 10px;
    background-color: #fed109;
}
.ab-sect5 a {
    font-size: 18px;
    font-weight: bold;
    transition: 0.3s all ease;
    padding: 15px 48px 16px;
    border-radius: 25px;
    border: solid 1px #fff;
}
.ab-sect5 a:hover {
    background-color: #fed109;
    border: solid 1px #fed109;
    color: #0a3f3e;
}
.ab-sect5 h2~p {
    padding-top: 40px;
}


/* CONTACT PAGE */
.info-15 .main-content {
    background: url(/image/data/theme/banners/contact/gear_200624181422.png) no-repeat;
    background-position: left bottom;
}
.info-15 .standard-body .fixed .background {
    background: transparent;
}
/* details */
/* .contact_us{
    background-image: url("/image/data/theme/homepage/concrete-wall_031122111324.png");
    padding: 56px 59px 8px 56px;
    border-radius: 12px;
} */
.group-contact{
    display: flex;
    margin-bottom: 40px;
}
.contact_us h2 {
    margin-bottom: 25px;
}
.contact_us h2 span {
    font-size: 30px;
    line-height: 1.2;
    /* letter-spacing: -0.6px; */
    color: #014848;
    padding: 12px 18px;
    background-color: #fed109;
}
.group-contact > img{
    height: 100%;
/*     width: 40px; */
    margin-right: 25px;
}
.group-contact h3.title{
    font-size: 24px;
    color: #fff;
    line-height: 1;
    padding: 0;
}
.group-contact p{
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
}
.btn-maps a{
    font-size: 14px;
    font-weight: bold;
    color: #231f20;
    margin-right: 12px;
    padding:9px 25px;
/*     box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.16); */
    background-color: #fff;
    border-radius: 25px;
    transition: 0.3s all ease;
}
.btn-maps a img{
    margin-right: 8px;
}
.btn-maps a:hover{
    background: #74e2fc;
    color: #231f20;
}
.btn-maps a:nth-child(1):hover{
    background: #fed109;
}

/*form*/
#form2{
    padding: 41px 52px;
    border-radius: 20px;
    background-color: #efefef;
    margin-bottom: 40px;
}
.form-field.html1 h2{
    font-size: 30px;
    line-height: 0.87;
    text-align: center;
    color: #014848;
    margin-top: 0;
    margin-bottom: 13px;
}
.form-field.html1 p{
    font-size: 18px;
    line-height: 1.33;
    text-align: center;
    color: #606060;
}
#form2 h4{
    display: none;
}
.form-builder .form-field textarea:focus,
.form-builder .form-field select:focus,
.form-builder .form-field input:focus{
    box-shadow: none !important;
    border-bottom: 2px solid #fed109;
}
.form-builder .form-field textarea,
.form-builder .form-field select,
.form-builder .form-field input{
    background-color: #efefef;
}
.form-builder textarea,
.form-builder input[type="text"],
.form-builder input[type="password"],
.form-builder label, 
.form-builder select{
    width: 100% !important;
    border: 0;
    border-bottom: 1px solid #b4b4b4;
    border-radius: 0;
    padding:6px 0 !important;
    font-size: 16px;
  font-weight: bold;
  color: #014848;
}
.form-builder textarea,
.form-builder input[type="text"]::placeholder,
.form-builder textarea {
    font-weight: normal;
}
.form-builder textarea {
    height: 90px !important;
    border: 0;
    border-bottom: 1px solid #b4b4b4;
    border-radius: 0;
    box-shadow: none;
    padding:6px 0 !important;
}
.form-field.captcha7{
    margin-top: 10px;
}
.info-15 .submit7 a.button {
    font-weight: bold !important;
    color: #0a3f3e !important;
    padding: 15px 88.3px 16px 97.7px;
    border-radius: 27px;
}
.info-15 .submit7 a.button:hover {
    color: #fed109 !important;
    background-color: #0a3f3e;
}

/* layout */
.info-15 .breadcrumb .pattern{
    background-image: url(/image/data/theme/banners/contact/contact-banner_200624181422.jpg);
}
.info-15 .breadcrumb .background {
    /* background: url(/image/data/theme/banners/contact/contact-banner_200624181422.jpg); 
    background-size: cover; 
    padding-top: 47px;
    padding-bottom: 47px; */
    margin-bottom: 50px;
}
.info-15 .breadcrumb .background .clearfix {
    padding: 0;
}
.info-15 .breadcrumb .background h2 {
    font-size: 56px;
    color: #f4f4f4;
    padding: 0;
    margin: 0;
}
.info-15 .breadcrumb .background ul {
    display: none;
}
.info-15 .inner-page .col-sm-9{
    width:50%; 
    padding-right: 4%; 
    margin-top: 35px;
}
.info-15 .main-content .col-sm-3 {
    width:50%;
    padding-left: 3%; 
    margin-top: 35px;
}
.info-15 .center-column{
    padding-top: 0;
}
@media (max-width:767px){
    .info-15 .inner-page .col-sm-9 {
        width:100%;
        padding-right: 0; 
        margin-bottom: 15px; 
        margin-top: 0;
    }
    .info-15 .col-sm-12.center-column{
        padding: 0 20px !important;
    }
    .info-15 .main-content .col-sm-3{
        width: 100%; 
        margin-top: 20px; 
        margin-bottom: 20px;
    }
    .info-15 .responsive .col-sm-3 .box, .info-15 .responsive .col-sm-4 .box{
        display: block;
    }
    .info-15 #column_left .box{
        margin-top: 20px;
    }
    .info-15 #form2{
        margin-top: 45px;
        margin-bottom: 60px;
    }
}






/* responsive */
@media (max-width:767px) {

    /* solution page */
    .info-7 .breadcrumb .background h2 {
        font-size: 32px;
    }
    .sect-solar h2 {
        font-size: 34px !important;
    }
    .sect-solar h2 br {
        display: none;
    }
    .sect-solar h3 {
        font-size: 22px !important;
    }
    .s-cctv .row .col-sm-6:last-child,
    .s-aerator .row .col-sm-6:last-child{
        display: none;
    }
    .s-farmhouse .row .col-sm-6:first-child,
    .s-waterpump .row .col-sm-6:first-child{
        display: none;
    }

    /* about page */
    .info-4 .breadcrumb .background h2 {
        font-size: 32px;
    }
    .ab-sect1 .row .col-sm-6:last-child {
        padding-left: 15px;
        padding-top: 40px
    }
    .ab-sect.ab-sect1 h2 span {
        font-size: 40px;
    }
    .agro-about .ab-sect2 h2 {
        font-size: 40px;
    }
    .agro-about .ab-sect2 .row .what-number .flex-what-number:nth-child(1),
    .agro-about .ab-sect2 .row .what-number .flex-what-number:nth-child(2),
    .agro-about .ab-sect2 .row .what-number .flex-what-number:nth-child(3),
    .agro-about .ab-sect2 .row .what-number .flex-what-number:nth-child(4),
    .agro-about .ab-sect2 .row .what-number .flex-what-number:nth-child(5){
        position: relative;
        left: 0;
        top: 0;
    }
    .agro-about .ab-sect2 .row .what-number .flex-what-number:nth-child(1) h3:after {
        margin-left: 35px;
    }
    .agro-about .ab-sect2 .row .what-number .flex-what-number:nth-child(1) p {
        padding-left: 40px;
    }
    .agro-about .ab-sect2 .row .what-number .flex-what-number {
        margin-bottom: 20px;
    }
    .agro-about .ab-sect2 .row .what-number .flex-what-number:last-child {
        margin-bottom: 0px;
    }
    .ab-sect3 h2 span {
        font-size: 24px;
    }
    .ab-sect3 h3 {
        font-size: 26px !important;
    }
    .ab-sect4 h2 {
        font-size: 40px !important;
        line-height: 1;
    }
    .we-different {
        flex-direction: column;
    }
    .row .we-different:first-child .box-diff:first-child {
        margin-top: 0px;
    }
    .we-different .box-diff {
        margin-bottom: 40px;
    }
    .row .we-different:first-child .box-diff:last-child {
        margin-top: 0px;
    }
    .row .we-different:last-child {
        padding-top: 0;
    }
    .row .we-different:last-child .box-diff:last-child {
        margin-bottom: 0px;
    }
    .ab-sect5 h3 {
        font-size: 24px !important;
        padding-bottom: 10px;
    }
    .ab-sect5 h2 span {
        font-size: 22px;
    }
    .ab-sect5 h2 {
        margin-bottom: 5px;
    }

    /* contact page */
    .info-15 .breadcrumb .background h2 {
        font-size: 32px;
    }
    .info-15 .breadcrumb .background {
        margin-top: 0px;
    }
    .contact_us h2 span {
        font-size: 20px;
    }
    .group-contact h3.title {
        font-size: 20px;
    }
    .group-contact p {
        font-size: 17px;
    }
    .form-field.html1 p br {
        display: none;
    }
    .btn-maps a {
        font-size: 12px;
    }
    .responsive .info-15 .col-sm-3 .box {
        display: block
    }
    #form2 {
        padding: 40px 25px;
    }
}