:root{
    --logo-color: #001a33;
}
.bg-color{
    background-color: var(--logo-color) !important;
}
.text-color{
    color: var(--logo-color) !important;
}
p{
  margin-bottom : 5px!important;
  color:rgb(204, 153, 0);
}
.sticky-next {
    position: -webkit-sticky;
    position: sticky;
    top: 88px;
    z-index: 1020;
}
.num1{
    font-size: 20px;
}
.num2{
    font-size: 20px;
    text-align: end;
}
@media (max-width:992px){
    .num1,
    .num2{
        font-size: 12px;
        text-align: center;
    }
}
.hero-head_ts {
    font-family: "Space Grotesk";
    font-size: 2.0em;
    font-weight: 800;
    color: rgb(53, 53, 53);
  }
  
  .hero-subhead_ts {
    font-family: "DM Sans";
    font-size: 2.5em;
    font-weight: 800;
    color: rgb(204, 153, 0);
  }
  
  .hero_img_mod {
    width: 300px;
  }
  
  .opacity {
    opacity: 0.8;
  }
  
  .clients {
    background-color: #f8f8f8;
  }
  
  .clients_ts {
    font-family: "DM Sans";
    font-size: 1.4em;
    font-weight: 500;
    color: rgb(114, 114, 114);
  }
  
  .logo-size {
    width: 8em;
  }
  
  .industry-exp_head {
    font-family: "DM Sans";
    font-size: 2.6em;
    font-weight: 600;
    color: rgb(204, 153, 0);
  }
  
  .industry-exp_subhead {
    font-family: "Dongle";
    font-size: 2em;
    font-weight: 400;
    color: rgb(87, 87, 87);
    margin-top: -20px;
  }
  
  .industry-exp_ts {
    font-family: Dongle;
    font-weight: 700;
    font-size: 1.6em;
  }
  
  .why-flutterfarm_head {
    font-family: "DM Sans";
    font-size: 2.4em;
    font-weight: 800;
    color: rgb(53, 53, 53);
  }
  
  .why-flutterfarm_ts {
    font-family: "Raleway";
    font-size: 1em;
    font-weight: 600;
    color: rgb(73, 73, 73);
    line-height: 38px;
  }
  
  .why-flutterfarm {
    background-color: #f3eef86c;
  }
  
  /* .carousel.slide{
      height: 70rem;
  }
  
  .carousel-control-prev{
      padding-top: 100px;
      margin-left: 100px;
  } */
  
  .carousel_head {
    font-family: "Space Grotesk";
    font-size: 1.4em;
    font-weight: 600;
    color: rgb(49, 49, 49);
  }
  
  .carousel_text {
    font-family: "Raleway";
    font-size: 1em;
    font-weight: 600;
    color: rgb(73, 73, 73);
    line-height: 35px;
  }
  
  .case_study_btn {
    font-family: "DM Sans";
    font-size: 1.2em;
    font-weight: 500;
    background-color: rgb(75, 75, 75);
    color: aliceblue;
    border-radius: 2px;
  }
  
  .case_study_btn:hover {
    background-color: rgb(37, 37, 37);
  }
  
  .controller_mod {
    border: 0px;
    background-color: rgba(245, 245, 245, 0);
    opacity: 0.6;
  }
  
  .controller_mod:hover {
    border: 0px;
    background-color: rgba(245, 245, 245, 0);
    color: rgba(34, 0, 158, 0.849);
    opacity: 0.9;
  }
  
  .list-group {
    background-color: transparent !important;
    border: 0px !important;
  }
  
  .list-group-item {
    background-color: transparent !important;
    border: 0px !important;
  }
  
  .hero-text_ts {
    font-family: Raleway;
    font-size: 20px;
    font-weight: 600;
    color: rgb(0, 26, 51);
    line-height: 34px;
  }
  
  /***** Lesser than Medium ******/
  @media (max-width: 768px) {
    .hide_WhyFlutterFarm {
      display: none;
    }
  
    .industry-exp_head {
      font-size: 2em;
    }
  
    .hero-head_ts {
      font-size: 2em;
    }
  
    .disp_sm_hide {
      display: none;
    }
  
    .why_text_hide_top {
      display: none;
    }
  }
  
  @media (max-width: 992px) {
    .disp_sm_hide_hero {
      display: none;
    }
    .hero-head_ts {
      font-size: 2.8em;
    }
    .hero-subhead_ts {
      font-size: 2.8em;
    }
  }
  
  /***** Greater than Medium ******/
  @media (min-width: 768px) {
    .disp_sm_show {
      display: none;
    }
  }
  
  @media (min-width: 992px) {
    .disp_sm_show_hero {
      display: none;
    }
  }
  
  /***** Only Medium ******/
  
  @media (min-width: 768px) and (max-width: 991.98px) {
    .why_text_hide {
      display: none;
    }
  }
  
  /***** Only Large ******/
  
  @media (min-width: 991.98px) and (max-width: 1200px) {
    .why_text_hide {
      display: none;
    }
  }
  
  /***** Extra large and greater ******/
  @media (min-width: 1200px) {
    .why_text_hide_top {
      display: none;
    }
  }
  
  .highlight{
    font-weight: 700;
    font-size: 20px;
    color: #d61f1f;
  }

  .btn-blue_mod {
    font-family: "DM Sans";
    font-weight: 500;
    /* background-color: #33ff33; */
    background-color: rgb(204, 153, 0);
    border-radius: 3px;
  }
  .btn-blue_mod1 {
    font-family: "DM Sans";
    font-weight: 500;
    /* background-color: #33ff33; */
    background-color: rgb(204, 153, 0);
    color:rgb(0, 26, 51);
    border-radius: 3px;
  }
  .btn-white_mod {
    font-family: "DM Sans";
    font-weight: 500;
    /* background-color: #d61f1f; */
    background-color: rgb(204, 153, 0);
    color:rgb(0, 26, 51);
    border-radius: 3px;
  }  
  .btn-white_mod:hover{
    background-color:rgb(0, 26, 51);
    color:rgb(204, 153, 0);
  }
  
  .btn-blue_mod:hover {
    /* background-color: #d61f1f; */
    background-color: rgb(204, 153, 0);
    color:rgb(0, 26, 51)!important;
  }
  .btn-blue_mod1:hover {
    /* background-color: #d61f1f; */
    background-color:rgb(0, 26, 51) ;
    color:rgb(204, 153, 0)!important;
  }
  

  .About_us {
    background-color: #4eaaa71c;
    /*background-image: url("../../public/assets/img/home_page/aboutus_banner.jpg");*/
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .aboutus_head {
    font-family: DM Sans;
    font-size: 2.2rem;
    font-weight: 600;
    color: rgb(247, 242, 242);
  }
  
  .aboutus_subhead {
    font-family: Space Grotesk;
    font-size: 1.2rem;
    font-weight: 500;
    color: rgb(104, 104, 104);
    line-height: 35px;
  }
  
  .nerds_head {
    font-family: DM Sans;
    font-size: 2rem;
    font-weight: 600;
    color: rgb(54, 54, 54);
  }
  
  .nerds_text {
    font-family: Space Grotesk;
    font-size: 1.1em;
    font-weight: 500;
    color: rgb(100, 100, 100);
    line-height: 30px;
  }
  
  .bg_explore {
    background-color: #d61f1f;
    /*background-image: url("../../public/assets/img/home_page/aboutus_banner.jpg");*/
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .num_ts {
    font-family: DM Sans;
    font-size: 2.8em;
    font-weight: 600;
    color: aliceblue;
  }
  
  .sub_ts {
    font-family: raleway;
    font-size: 1.2em;
    font-weight: 500;
    color: aliceblue;
    margin-top: -10px;
  }
  
  .card_values_mod {
    box-shadow: 0 5px 15px rgba(154, 160, 185, 0.171),
      0 15px 40px rgba(166, 173, 201, 0.2);
    border: 0px;
    /* width: 21rem; */
  }
  
  /* Extra small devices (portrait phones, less than 576px) */
  @media (max-width: 575.98px) {
    .card_values_mod {
      min-height: 24rem !important;
    }
  }
  
  /* Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) and (max-width: 767.98px) {
    .card_values_mod {
      height: 25rem !important;
    }
  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) and (max-width: 991.98px) {
    .card_values_mod {
      height: 33.5rem;
    }
  }
  
  @media (min-width: 991.98px) {
    .card_values_mod {
      height: 39rem;
    }
  }
  
  @media (min-width: 1200px) {
    .card_values_mod {
      height: 34rem;
    }
  }
  
  .values_ts {
    font-family: space Grotesk;
    font-size: 20px;
    font-weight: 800;
    color: #5a5a5a;
  }
  
  .values_head {
    font-family: DM Sans;
    font-size: 1.5em;
    font-weight: 300;
    color: rgb(0, 26, 51);
  }
  .values_heads {
    font-family: DM Sans;
    font-size: 1.0em;
    font-weight: 300;
    color: rgb(204, 153, 0);
  }  
  .values_head_top{
    font-family: DM Sans;
    font-size: 1.0em;
    font-weight: 200;
    color: #2c2c2c;    
  }
  
  .adabtability_ts {
    font-family: DM Sans;
    font-size: 1.5em;
    font-weight: 600;
    color: #d61f1f;
  }
  
  .adabtability_text {
    font-size: 0.95em;
    font-family: raleway;
    color: #141414;
    font-weight: 500;
  }
  
  @media (max-width: 768px) {
    .show_nerd_head {
      display: none;
    }
  
    .hide_md_neards {
      display: none;
    }
  }
  
  @media (min-width: 768px) {
    .hide_nerd_head {
      display: none;
    }
  
    .show_md_neards {
      display: none;
    }
  }
  
  .saving-cost {
    font-family: DM Sans;
    font-size: 2.2em;
    font-weight: 600;
    color: #2c2c2c;
  }
  
  .subhead-saving-cost {
    font-family: poppins;
    font-size: 1.4em;
    font-weight: 500;
    color: #d61f1f;
  }
  
  .text-saving-cost {
    font-family: raleway;
    color: #000000;
    font-weight: 500;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
  }
  .transform_bg {
    background-color: #d61f1f;
    /*background-image: url("../../public/assets/img/home_page/enquiey_background.svg");*/
    background-repeat: no-repeat;
    background-size: cover;
  }
  .transform_head {
    font-family: "DM Sans";
    font-size: 34px;
    font-weight: 800;
    color: white;
  }
  .feature-section {
    display: grid;
    justify-content: center;
    grid-gap: 25px;
    justify-self: stretch;
    padding: 80px 0;
    background-color: #f0fbff;
  }
  .feature {
      text-align: center;
      border-radius: 5px;
      padding: 10px;
      margin-bottom: 50px;
      box-shadow: 0 0 15px 0.5px rgba(56, 53, 68, 0.1);
      transition: box-shadow 0.3s;
      position: relative;
  }
  .i-class {
      position: absolute;
      width: 42px;
      height: 42px;
      top: -35px;
      left: 0;
      right: 0;
      margin: 0 auto;
      border-radius: 50%;
      box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.2);
      padding: 8px;
      color: #0099d8;
      background-color: #fff;
      font-size: 2.5rem;
  }
    .title-feat {
      font-size: 2rem;
      margin: 0 0 40px;
      text-align: center;
      grid-column: 1 / -1;
      color: #383544;
  }
  .bounce:hover{
    animation: bouncing 0.5s .3s; 
  }
  .translates:hover{
    transform: scale(1.0) translateY(-20px);
  }
  @keyframes bouncing {
    from, to { transform: scale(1, 1); }
    25% { transform: scale(0.9, 1.1); }
    50% { transform: scale(1.1, 0.9); }
    75% { transform: scale(0.95, 1.05); }
  }

  .hovicon.effect-1.sub-b:hover {
    background:rgb(0, 26, 51) ;
    color: rgb(204, 153, 0)!important;
}
.hovicon.effect-1.sub-b:hover i {
    color: rgb(204, 153, 0);
}
.hovicon.effect-1.sub-b:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.hovicon.effect-1.sub-b:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.img-alignmend{
    box-shadow: 0 0 10px 0 rgba(154,154,154,.16);
    padding-left: 10px;
    padding-right: 10px;
}

.feature-hero-head {
  font-family: DM Sans;
  font-weight: 600;
  font-size: 3.2em;
  color: rgb(255, 255, 255);
}
.feature-hero-sub-head {
  font-family: DM Sans;
  font-weight: 600;
  font-size: 2.2em;
  color: rgb(255, 255, 255);
  margin-top : 20px;  
}
.features-hero {
  background-size: cover;
  background-repeat: no-repeat;
}

.features-head-ts {
  font-family: space Grotesk;
  font-size: 1.6em;
  font-weight: 700;
  color: #48916c;
}


.unobi-manufacturer-hero {
  /*background-image: url(/public/assets/img/home_page/enquiey_background.svg)!important;*/
  background-repeat: no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.manufacturer-hero-head {
  color: #fff;
  font-family: DM Sans;
  font-size: 2.1rem;
  font-weight: 500;
}
.manufacturer-sub-head {
  color: #fff;
  font-family: space Grotesk;
  font-size: 1.2rem;
  font-weight: 500;
}
.mockup_mod_manufacturer {
  margin-top: 30px;
  width: 34rem;
}
@media (min-width: 768px) {
  .manu-hide-lg {
    display: none;
  }
}