@media (min-width: 1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1416px;
  }


  .sub-notification-appliances,
  .sub-manual-station {
    display: flex;
    /* margin: 3rem; */
  }

  .nitrogen-gas .row {
    display: block !important;

    #img1-2 {
      height: 50%;
      margin: 20px 0 2px 0px;
    }
  }

  .fire-suppression-system {
    .annunciators1 {
      border: 1px solid black;
    }
  }


}



/*---------------------------------
  ===========Products=============
  -----------------------------------*/

.addressable h2 {
  background-color: #fa7c25;
  color: #fff;
  font-weight: 600;
  /* margin-top: -70px; */
  /* margin: 1rem 3rem; */
  margin: 0rem;
  font-size: 34px;
  font-family: 'Montserrat', sans-serif;
  padding: 1rem;
  text-align: center;
}

.addressable h4 {
  font-size: 24px;
  margin: 2rem 0 0 0px;
  color: #050403;
  font-family: 'Poppins', sans-serif;
  text-align: center;
}

.addressable .title {
  /* font-size: 24px; */
  font-size: 14px;
  /* margin: 0 0 1rem 0; */
  margin: 2rem 0 2rem 6rem;
  font-family: 'Poppins', sans-serif;
  /* margin-bottom: 1rem; */

  /* span {
    background-color: rgb(250, 124, 37);
    color: rgb(255, 255, 255);
    padding: 8px 15px !important;
    border-radius: .5rem;
  } */
}

.addressable .row {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
}

.addressable .container {
  padding: 0 50px 0 50px;
  /* margin: 10px 10px 0 0; */
}

.addressable i {
  font-size: 20px;
  background-color: #fff;
  color: green;
  padding: 8px;
  border-radius: 50%;
}

.addressable span {
  color: black;
}

.addressable h6 {
  color: black;
  margin: 10px 0 10px 0;
}

.addressable .innerDiv {
  /* display: flex; */
  /*padding: 0 0 0 300px;*/
}

/* .addressable .fire-alarm1{
    margin: 0 0 0 40px;
  }
  .addressable .fire-alarm2{
    margin: 0 0 0 40px;
  } */

.addressable .col-lg-6 {
  border: none;
}

.addressable #img1-1 {
  /* margin: -20px 0 0 0; */
  width: 25%;
}

.addressable #img1-2 {
  /* height: 25%; */
  margin: 0 !important;
}

.addressable #img1-3 {
  margin: -25px 0 0 0;
  width: 20%;
}

.addressable #img1-4 {
  width: 20%;
  margin: 50px 0 2px -28px;
}

.addressable #img1-5 {
  margin: 10px 0 2px 0;
}

.addressable #img1-6 {
  margin: -67px 0 2px 43px;
}

.addressable #img1-7 {
  margin: 10px 0 30px 10px;
}

.addressable #img1-8 {
  margin: 10px 0 20px 10px;
}

.addressable li {
  color: #444444;
  align-items: center;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
}

.addressable .col-lg-4 {
  border: black solid 1px;
}

.addressable .annunciators1 {
  /* margin: 0 0 0 40px; */
}

.addressable .annunciators2 {
  /* margin: 0 20px 0 20px; */
}

.addressable .img1-5 {
  margin: 5px;
}



.analog-addressable h4 {
  /* width: fit-content; */
  font-size: 24px;
  margin: 0 0;
  /* background-color: #fa7c25; */
  color: #050403;
  padding: 5rem 1rem 1rem 1rem;
  font-family: 'Poppins', sans-serif;
  text-align: center;
}

.analog-addressable .container {
  padding: 0 50px 0 50px;
  /* margin: 10px 10px 0 0; */
}

.analog-addressable .innerDiv {
  display: flex;
}

.analog-addressable .col-lg-3 {
  border: black solid 1px;
}

.analog-addressable .analog1 {
  /* margin: 0 0 0 25px; */
}

.analog-addressable .analog2 {
  /* margin: 0 0 0 25px; */
}

.analog-addressable .analog3 {
  /* margin: 0 0 0 25px; */
}

.analog-addressable .analog4 {
  /* margin: 0 0 0 25px; */
}

.analog-addressable #img2-1 {
  padding: 60px;
  margin: 0 0 -10px 0;
}

.analog-addressable #same2-2 {
  padding: 50px;
  margin: 20px 0 0 0;
}

.analog-addressable #img2-2 {
  padding: 50px;
}

.analog-addressable #img2-3 {
  padding: 10px;
  margin: 0 0 0 -10px;
}

.analog-addressable #img2-4 {
  padding: 10px;
  margin: -130px 0 0 110px;
}

.analog-addressable h6 {
  color: black;
  font-size: 14px;
  margin: 0 0 10px 10px;
}

.analog-addressable li {
  color: #444444;
  align-items: center;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  margin: 0 10px 0 10px;
}



.addressable-detector h4 {
  font-size: 24px;
  margin: -100px 0 0 45px;
  color: #050403;
  font-family: 'Poppins', sans-serif;
  text-align: center;
  padding-bottom: 3rem;
}

.addressable-detector .container {
  padding: 0 50px 0 50px;
  margin: 10px 10px 0 0;
}

.addressable-detector .innerDiv {
  /* display: flex; */
  /*padding: 0 0 0 300px;*/
}

.addressable-detector .col-lg-3 {
  border: black solid 1px;
}



.addressable-detector img {
  width: 50%;
  margin: 20px 0 20px 50px;
}

.addressable-detector li {
  color: #444444;
  align-items: center;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
}


.addressable-modules h4 {
  font-size: 24px;
  margin: -130px 0 0 45px;
  color: #050403;
  font-family: 'Poppins', sans-serif;
}

.addressable-modules .title {
  font-size: 24px;
  margin: 30px 0 10px 45px;
  font-family: 'Poppins', sans-serif;
}

.addressable-modules .innerDiv {
  /* display: flex; */
}

.addressable-modules .container {
  padding: 0 50px 0 50px;
  margin: 10px 10px 0 0;
}

.addressable-modules .col-lg-4 {
  border: black solid 1px;
}

.addressable-modules .col-lg-3 {
  border: black solid 1px;
}

.addressable-modules .module1 {
  margin: 0 0 15px 30px;
}

.addressable-modules .module2 {
  margin: 0 0 15px 30px;
}

.addressable-modules .module3 {
  margin: 0 0 15px 30px;
}

.addressable-modules .module4 {
  margin: 0 0 15px 30px;
}

.addressable-modules .module5 {
  margin: 0 0 15px 30px;
}

.addressable-modules .module6 {
  margin: 0 0 15px 30px;
}

.addressable-modules .module7 {
  margin: 0 0 15px 30px;
}

.addressable-modules .module8 {
  margin: 0 0 15px 30px;
}

.addressable-modules .module9 {
  margin: 0 0 15px 30px;
}






.addressable-modules .japan1 {
  margin: 0 0 15px 25px;
}

.addressable-modules .japan2 {
  margin: 0 0 15px 25px;
}

.addressable-modules .japan3 {
  margin: 0 0 15px 25px;
}

.addressable-modules .japan4 {
  margin: 0 0 15px 25px;
}

.addressable-modules .japan5 {
  margin: 0 0 15px 30px;
}

.addressable-modules .japan6 {
  margin: 0 0 15px 30px;
}

.addressable-modules .japan7 {
  margin: 0 0 15px 30px;
}

.addressable-modules img {
  width: 80%;
}


.system-monitoring h4 {
  font-size: 24px;
  margin: -140px 0 10px 45px;
  color: #050403;
  font-family: 'Poppins', sans-serif;
  text-align: center;
  padding-bottom: 3rem;
}

.system-monitoring .container {
  padding: 0 50px 0 50px;
  margin: 10px 10px 0 0;

}

.system-monitoring .innerDiv {
  /* display: flex; */

}

.system-monitoring .col-lg-2 {
  border: black solid 1px;
  width: 80%;
  height: 100%;
}

.system-monitoring .monitoring-program1 {
  margin: 0 0 0 40px;
  /* width: 2942px; */
  /* border: 1px solid black; */
  padding: 1rem;
}

.system-monitoring .monitoring-program2 {
  margin: 0 0 0 40px;
  /* border: 1px solid black; */
  padding: 1rem;
}

.system-monitoring #img5-1 {
  margin: 0 0 10px 0;
  width: 30%;
}

.system-monitoring #img5-2 {
  margin: 0 0 10px 0;
  width: 30%;
}

.address-setting-unit h4 {
  font-size: 24px;
  /* margin: -140px 0 10px 45px; */
  margin: -140px 0 10px 70px;
  color: #050403;
  font-family: 'Poppins', sans-serif;
}

.address-setting-unit .col {
  border: black solid 1px;
}

.address-setting-unit #img6-1 {
  width: 30%;
}

.conventional h4 {
  font-size: 24px;
  margin: -130px 0 0 45px;
  color: #050403;
  font-family: 'Poppins', sans-serif;
}

.conventional h2 {
  background-color: #fa7c25;
  color: #fff;
  text-align: center;
  padding: 1rem;
  font-weight: 600;
  /* margin-top: -70px; */
  margin: -80px 0 32px 0px;
  font-size: 34px;
  font-family: 'Montserrat', sans-serif;
}

.conventional h4 {
  font-size: 24px;
  margin: 0 0 0 30px;
  color: #050403;
  text-align: center;
  font-family: 'Poppins', sans-serif;
}

.conventional .title {
  font-size: 16px;
  font-weight: 600;
  margin: 2rem 0px 2rem 90px;
  font-family: 'Poppins', sans-serif;
}

.conventional .row {
  /* display: flex; */
  display: block;
}

.conventional .container {
  /* padding: 0 50px 0 50px;
  margin: 10px 10px 0 0; */
}

.conventional i {
  font-size: 20px;
  /* background-color: #333333; */
  color: green;
  padding: 8px;
  border-radius: 50%;
}

.conventional span {
  color: black;
}

.conventional h6 {
  color: black;
  margin: 10px 0 0 0;
}

.conventional .innerDiv {
  display: flex;
  gap: 1rem;
  /*padding: 0 0 0 300px;*/
}

.conventional .fire-alarm1 {
  margin: 0 0 0 40px;
}

.conventional .fire-alarm2 {
  margin: 0 0 0 40px;
}

.conventional .col-lg-6 {
  border: black solid 1px;
}

.conventional #img1-1 {
  margin: -20px 0 0 0;
  width: 25%;
}

.conventional #img1-2 {
  height: 25%;
  margin: 20px 0 2px -50px;
}

.conventional #img1-3 {
  margin: -25px 0 0 0;
  width: 20%;
}

.addressable #img1-4 {
  width: 20%;
  margin: 50px 0 2px -28px;
}

.addressable #img1-5 {
  margin: 10px 0 2px 0;
}

.addressable #img1-6 {
  margin: -67px 0 2px 43px;
}

.addressable #img1-7 {
  margin: 10px 0 30px 10px;
}

.addressable #img1-8 {
  margin: 10px 0 20px 10px;
}

.conventional.conventional li {
  color: #444444;
  align-items: center;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
}

.conventional .col-lg-4 {
  /* border: 2px solid rgb(250, 124, 37); */
  border: none;
  /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
  padding: 2rem;
  border-radius: 1rem;
  background: #fff;
}

.addressable .annunciators1 {
  /* margin: 0 0 0 40px; */
}

.addressable .annunciators2 {
  /* margin: 0 20px 0 20px; */
}

.addressable .img1-5 {
  margin: 5px;
}

.products-area {
  background-image: url(assets/images/banners/bread-crumb-bg.png);
  background-color: rgb(23, 23, 23, 0.95);
  height: 0;
}

.products-area::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 23, 23, 0.95);
  content: "";
}

.products-area .products-title {
  color: white;
  font-weight: 500;
  position: relative;
  font-size: 55px;
  text-align: center;
  margin: -40px 0 0 0;
  font-family: 'Montserrat', sans-serif;
}



@media (min-width: 320px) and (max-width: 767px) {


  .preloader-animation {
    padding: 0 !important;
  }

  .navbar-brand {
    img {
      max-width: 100% !important;
    }
  }




  .addressable .innerDiv {
    display: unset !important;
    /* padding: 0 0 0 300px; */
  }

  section {
    /* padding: 108px 4px 50px 4px; */
    padding-top: 108px !important;
    padding-bottom: 50px !important;
    /* padding-left: .5rem !important; */
  }

  .addressable {
    padding-top: 2rem !important;
  }

  .addressable h2 {
    font-size: 20px;
    margin: 0px 0 0 0px;
    padding: 1rem;
  }

  .addressable h4 {
    font-size: 17px;
    margin: 1rem 0 0 0;
  }

  .addressable .title {
    font-size: 20px;
    margin: 30px 0 10px 38px;
    font-family: 'Poppins', sans-serif;
  }

  .addressable .fire-alarm1,
  .addressable .annunciators1,
  .addressable .annunciators2,
  .analog-addressable .analog1,
  .analog-addressable .analog2,
  .analog-addressable .analog3,
  .analog-addressable .analog4 {
    margin: 0 0 1rem 0 !important;
    padding: 1rem;
  }

  .addressable .fire-alarm2 {
    margin: 20 0 0 0px !important;
  }



  /* css for mobile */

  .analog-addressable .innerDiv,
  .addressable-detector .innerDiv,
  .addressable-modules .innerDiv {
    display: block;
  }


  .addressable-detector .detector-bases1,
  .addressable-detector .detector-bases2,
  .addressable-detector .detector-bases3,
  .addressable-detector .detector-bases4,

  .addressable-modules .module1,
  .addressable-modules .module2,
  .addressable-modules .module3,
  .addressable-modules .module4,
  .addressable-modules .module5,
  .addressable-modules .module6,
  .addressable-modules .module7,
  .addressable-modules .module8,
  .addressable-modules .module9,

  .addressable-modules .japan1,
  .addressable-modules .japan2,
  .addressable-modules .japan3,
  .addressable-modules .japan4,
  .addressable-modules .japan5,
  .addressable-modules .japan6,
  .addressable-modules .japan7 {
    margin: 0 0 1rem 0 !important;
    /* margin: 0; */
    padding: 1rem;
  }





  .system-monitoring {

    h4 {
      margin: -55px 0 20px 0px;
    }

    .monitoring-program1,
    .monitoring-program2 {
      display: block !important;
      margin: 0;
      margin-top: 1rem;
      /* padding: 1rem; */
    }
  }

  .system-monitoring .innerDiv {
    display: block;
    margin: 0;
    padding-top: 1rem;
  }



  .conventional {
    /* background-color: #f8f9fa; */

    .innerDiv {
      display: block;
      margin: 1rem;
    }

    .analog2,
    .analog3 {
      margin-top: 1rem;
    }
  }

  .fire-alarm {

    .annunciators1,
    .annunciators2 {
      padding: 2rem;
      margin-top: 1rem;
    }
  }

  .conventional {
    .container {
      padding: 0 .8rem !important;
    }

    h2 {
      /* font-size: 35px; */
      line-height: 2rem;
    }

    h4 {
      font-size: 20px;
      margin: 24px 0 0 0;
      text-align: center;
      color: #050403;
      font-family: 'Poppins', sans-serif;
    }

    .title {
      margin: 32px 10px;
    }

    .conventional i {
      font-size: 14px;
    }



    .conventional-announciators {
      padding: 0 !important;
      margin: 0 !important;
    }




  }

  .convention-fire-detector3-5 {
    margin: .2rem !important;
    flex-wrap: wrap !important;
    /* flex-flow: row wrap !important; */
  }

  .flame-detectors {
    padding: 0 !important;

    .analog1,
    .analog2,
    .analog3,
    .annunciators1 {
      border: 1px solid black;
      margin-bottom: 1rem;
      padding-top: 1rem !important;
    }

  }

  .flame-detectors {
    & .control-panel {
      .innerDiv {
        display: block !important;
      }
    }
  }

  .aspirating,
  .other-portion {
    padding-right: 0 !important;
  }



  .aspirating,
  .other-portion {

    .container {
      padding: 0 1rem !important;
    }

    h2 {
      font-size: 1.5rem !important;
    }

    h4 {
      font-size: 1rem;
    }

    .row {
      margin: 0;
    }

    .analog1 {
      /* border: 1px solid black; */
      margin-bottom: 2rem;
      margin-left: 0 !important;
    }
  }


  .nitrogen-gas {
    .row {
      display: block !important;
    }

    img {
      margin-bottom: 1.5rem !important;
    }

    h2 {
      font-size: 1rem !important;
    }

    h4 {
      margin: 0 !important;
      font-size: 14px;
      margin-top: .5rem !important;
    }

    #img1-2 {
      margin: 0 !important;
    }

    .fire-alarm1 {
      ul {
        margin-top: 1rem;
      }
    }

    .innerDiv {
      .container {
        padding: 0 !important;
      }
    }

    .fire-suppression-system {
      margin: 2rem 0 0 1rem;

      h4 {
        font-size: 22px;
      }

      .title {
        /* margin: 12px 0 10px 38px !important; */
        margin: 0 !important;
      }
    }
  }

  .low-foam {

    #img1-2,
    #img1-5 {
      margin: 10px 2px !important;
    }
  }

  .midex {
    .annunciators1 {
      padding: 1rem !important;
    }
  }

  .other-portion {
    padding-bottom: 0rem !important;
    padding-top: 0rem !important;

    h2 {
      text-align: center;
      margin-bottom: 0rem !important;
    }

    .row {
      display: block;
    }



    .flame-monitoring-system,
    .lightning-arrester-units,
    .fire-door,
    .explosion-proof-devices,
    .combination-box,
    .remote-indicator-lamps,
    .location-lamps,
    .manual-station,
    .notification-appliances {
      margin-top: 2rem !important;

      h4 {
        margin-bottom: .5rem !important;
      }

    }

    .explosion-proof-devices,
    .manual-station,
    .notification-appliances {
      .container {
        margin-bottom: 1rem !important;
      }
    }


    /* miscellaneus portion */

    .pole-for-tester,
    .sensitivy-measuring-unit,
    .detector-tester,
    .smoke-detector,
    .heat-detector,
    .telephone-handset,
    .heat-smoke {
      margin-top: 2rem;
    }

    .miscellaneus {

      h4 {
        text-align: center;
        margin: 0 0 1rem 0 !important;
        font-size: 1.3rem;
      }

      .analog1 {
        text-align: center;

        ul,
        li {
          text-align: left;
        }
      }
    }

    .location-lamp {
      padding: 2rem !important;
    }



  }

  .fire-extinguisher {
    padding-bottom: 0rem !important;
  }


  .addressable {
    padding-left: 0 !important;
  }

  .fire-alarm1,
  .fire-alarm2,
  .analog1,
  .analog2,
  .analog3,
  .analog4 {
    flex-wrap: wrap;
  }


  .addressable .container {
    padding: 1rem !important;
  }

  .analog-addressable {
    padding-left: 0 !important;
    margin: 0 0 0 0 !important;
  }

  .analog-addressable .container {
    padding: 0rem !important;
  }

  .addressable-detector {
    margin: 0 !important;
    /* padding-left: 0 !important; */
    padding: 4rem 0 5rem 0 !important;

    h4 {
      margin: 0;
      text-align: center;
    }

    .detector-bases1 {
      margin-left: 0rem !important;
    }
  }


  .addressable-modules {
    padding-top: 50px !important;

    h4 {
      margin: 0;
    }
  }


  .address-setting-unit .container {
    padding: 0 !important;
  }


  .address-setting-unit #img6-1 {
    width: 100% !important;
  }



  .explosion-proof-dedicated-control-panel {
    display: block !important;
  }

  .flame-detectors {

    .control-panel {
      display: block !important;
    }
  }

  .non-explosion-proof {
    display: block !important;
    padding: 1rem;
  }

  .analog-addressable h4 {
    font-size: 17px;
    padding: 3rem 0 0 0;
  }

  .nitrogen-gas {
    .row {
      display: flex;
      flex-direction: column;
    }
  }


  .manual-station {

    .col-lg-6,
    .col-12 {
      padding-left: 0;
      padding-right: 0;
    }

    h4 {
      padding: 2rem 0;
    }
  }

  .other-portion {
    h4 {
      padding: 2rem 0;
    }

    .portion-heading {
      text-align: center;
      padding-left: 0rem !important;
    }
  }

  .flame-detectors {
    .container {
      padding: 0 .8rem !important;
    }
  }

  .flame-detectors {
    #flame-title {
      margin: 0 0 !important;
    }
  }


}



/* module 1 to 9 */

.module1,
.module2,
.module3,
.module4,
.module5,
.module6,
.module7,
.module8,
.module9,
.japan1,
.japan2,
.japan3,
.japan4,
.japan5,
.japan6,
.japan7 {
  padding: 1rem;
}






/* for laptop */


.flame-detectors {
  padding: 4rem 0;
  margin: 0 auto;

  .container {
    padding: 0 3rem;
  }

  .analog1,
  .analog2,
  .analog3 {
    border: none;
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 2rem;
    border-radius: 1rem;
  }

  .control-panel {
    display: block !important;

    .innerDiv {
      display: flex;
      gap: 1rem;
    }
  }

  h2 {
    background-color: #fa7c25;
    color: #fff;
    padding: 1rem;
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 2rem;
  }

  h4 {
    text-align: center;
    font-size: 24px;
  }

  #flame-title {
    margin: 2rem 5rem;
  }

  .title {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    margin: 2rem 0rem;
    font-family: 'Poppins', sans-serif;

    i {
      font-size: 20px;
      /* background-color: #333333; */
      color: green;
      padding: 8px;
      border-radius: 50%;
    }
  }


}

.manual-station {
  .row {
    display: block;
  }
}


.breadcrumb-area {
  .breadcrumb-title {
    h2 {
      text-align: center !important;
    }
  }
}


.addressable {
  box-sizing: border-box;
  padding-bottom: 7rem;

  .row {
    padding: 0;
    margin: 0;
  }

  .addressable-section .row {
    display: flex;
    flex-wrap: nowrap !important;
    gap: 1rem !important;
  }

  .fire-alarm1,
  .fire-alarm2 {
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-wrap: wrap !important; */
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 2rem;
    border-radius: 1rem;
    /* background: #e1e1e1; */

    .left-sec {
      img {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
      }
    }
  }

  .annunciators1,
  .annunciators2,
  .annunciators3 {
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 2rem;
    border-radius: 1rem;
    margin-right: 1rem;
    margin-left: 0 !important;
    /* background: #e1e1e1; */
  }

  .annunciators3 {
    /* margin-right: 0rem !important; */
  }


}


.analog-addressable {
  width: 100%;
  /* background: #FDFDFD; */
  /* background: #F5F5F5; */
  background: #f8f9fa;
  margin: 2rem 0 5rem 0;
  padding-top: 0rem !important;

  .inner-analog-addressable {
    margin: 2rem;

    .row {
      display: block !important;
    }
  }

  .analog1,
  .analog2,
  .analog3,
  .analog4 {
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 2px solid rgb(250, 124, 37); */
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 2rem;
    border-radius: 1rem;
    margin: 0 1rem 1rem 0;
    background: #fff;

    .left-sec {
      img {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
      }
    }
  }

}

.addressable-detector {
  margin: 0 2rem 0 2rem;

  .col-lg-3 {
    border: none;
  }

  .detector-bases4 {
    margin-right: 0 !important;
  }



}

.detector-bases1,
.detector-bases2,
.detector-bases3,
.detector-bases4 {
  border: none;
  /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 2rem;
  border-radius: 1rem;
  margin: 0 2rem 2rem 0;
}






.addressable-modules {
  padding: 12rem 0 5rem 0;
  background-color: #f8f9fa;
}

.section-header {
  text-align: center;
  margin-bottom: 3rem;
}

.section-title {
  font-size: 2rem;
  color: #2c3e50;
  margin-bottom: 1rem;
  font-weight: 600;
}

.section-subtitle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: #34495e;
  font-size: 1.25rem;
  margin-top: 1rem;
  /* margin-left: 6rem; */
}

.section-subtitle i {
  color: green;
}

.modules-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  padding: 0 2rem;
  max-width: 1400px;
  margin: 0 auto;
}

.module-card {
  background: white;
  border-radius: 12px;
  /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.module-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
}

.module-image {
  padding: 1.5rem;
  /* background: #f8f9fa; */
  text-align: center;
}

.module-image img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.module-content {
  padding: 1.5rem;
}

.module-title {
  color: #2c3e50;
  font-size: 1.1rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.module-features {
  list-style: none;
  padding: 0;
  margin: 0;
}

.module-features li {
  color: #34495e;
  padding: 0.5rem 0;
  border-bottom: 1px solid #eee;
  font-size: 0.9rem;
}

.module-features li:last-child {
  border-bottom: none;
}

.japan-section {
  margin-top: 4rem;
}

.japan-modules {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

@media (max-width: 1200px) {
  .modules-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .modules-grid {
    grid-template-columns: 1fr;
    padding: 0 1rem;
  }

  .section-title {
    font-size: 1.5rem;
  }

  .section-subtitle {
    font-size: 1rem;
  }
}










.system-monitoring {

  padding: 12rem 0 5rem 0;
  /* padding: 0 2rem; */
  max-width: 1400px;
  margin: 0 auto;

  .monitoring-program1,
  .monitoring-program2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem !important;

    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 2rem;
    border-radius: 1rem;
    margin: 0 2rem 2rem 0;

    .left-sec img {
      width: 100% !important;
    }
  }
}


.address-setting-unit {
  padding: 5rem 2rem;
  margin: 0 auto;
}


.address-setting-unit {
  .col-lg-6 {
    /* border: 1px solid #000; */
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 2rem;
    border-radius: 1rem;
  }
}


.address-setting-unit .container {
  padding: 0 50px 0 50px;
  margin: 10px 10px;
}



.conventional {
  background: #f8f9fa;
  /* padding: 8rem 2rem; */
  padding: 8rem 0rem;
  margin: 0 auto;

  .container {
    padding: 0 50px 0 50px;
    /* margin: 10px 10px; */
  }
}




.conventional-announciators {
  padding: 30px 50px 0 40px;
  margin: 20px 25px 60px 50px;

  .title {
    margin: 2rem 10px !important;
  }

  .container {
    padding: 0 !important;
    margin: 0 !important;
  }

  .annunciators1,
  .annunciators2 {
    background: #fff;
    /* border: 2px solid rgb(250, 124, 37); */
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    padding: 2rem;
    border-radius: 1rem;
    border: none;
  }
}


.conventional-fire-detector {
  margin-top: 6rem !important;

  .analog1,
  .analog2 {
    /* border: 2px solid rgb(250, 124, 37); */
    border: none;
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    padding: 2rem;
    border-radius: 1rem;
    background: #fff;
  }
}


.convention-fire-detector3-5 {
  display: flex !important;
  flex-wrap: nowrap;
  margin-top: 5rem;
  gap: 1rem;

  .container {
    padding: 0 !important;

    ul {
      margin-top: 1rem;
    }
  }

  .title {
    margin: 0 !important;
  }
}


.non-explosion-proof {
  display: flex;
  gap: 1rem;
}



.explosion-proof-dedicated-control-panel {
  display: flex;


  .annunciators1 {
    border: none;
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 2rem;
    border-radius: 1rem;
  }

  #img1-5 {
    padding-bottom: 2.5rem;
  }

  .control-panel {
    display: flex !important;
    gap: 2rem;
  }


}

.aspirating {
  padding-top: 0;
}

.portion-heading {
  padding-left: 6rem !important;
}

.aspirating,
.other-portion {


  .container {
    padding: 0 3rem;
  }

  h2 {
    font-size: 28px;
    background-color: #fa7c25;
    color: #fff;
    text-align: center;
    padding: 1rem;
    margin-bottom: 4rem;
  }

  h4 {
    font-size: 20px;
    /* padding-left: 6rem; */
  }
}

.aspirating .analog1 {
  /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 2rem;
  border-radius: 1rem;

  i {
    color: green;
    padding: 4px;
  }
}



.other-portion {
  background: #f8f9fa;
  padding-top: 4rem;

  .analog1 {
    background: white;
  }

  .sub-notification-appliances {
    margin: 0;

    .analog1 {
      border: none;
      /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
      box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
      padding: 2rem;
      border-radius: 1rem;

    }

    .row {
      flex-wrap: nowrap;
      gap: 1rem;
    }

  }



  .manual-station {
    margin-top: 4rem;

    .manual-section {
      display: flex;

      .analog1 {
        border: none;
        /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        padding: 2rem;
        border-radius: 1rem;
      }
    }
  }


  .portion3-4,
  .portion5-6,
  .portion7-8 {
    .col-lg-6 {
      padding-left: 0;
      padding-right: 0;
    }

    display: flex;
    margin-top: 4rem;

    .row {
      flex-wrap: nowrap;
      gap: 2rem;
    }

    .analog1 {
      /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
      box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
      padding: 2rem;
      border-radius: 1rem;
    }

  }


  .portion9 {
    margin-top: 4rem;

    .col-lg-6 {
      padding-left: 0;
      padding-right: 0;
    }

    .analog1 {
      /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
      box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
      padding: 2rem;
      border-radius: 1rem;
      margin-left: 5rem;
    }
  }

  .miscellaneus {

    i {
      color: green;
      padding: 4px;
    }

    h4 {
      margin-left: 6rem;
    }

    margin-top: 4rem;

    .row {
      flex-wrap: nowrap !important;
      gap: 1rem;
      margin-bottom: 1rem;
    }

    .analog1 {
      /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
      box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
      padding: 2rem;
      border-radius: 1rem;
    }
  }


}

.fire-extinguisher {

  .annunciators1 {
    margin-top: 2rem;
  }


  .title {
    margin-left: 0 !important;
  }

  .row {
    flex-wrap: nowrap !important;
  }

  #img1-5 {
    margin-top: 0;
  }

  #img1-2 {
    margin: 0 !important;
  }
}



.nitrogen-gas {
  .annunciators1 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .row {
    padding: 0;
    margin: 0;
    display: flex !important;
    flex-wrap: nowrap;
  }

  .title {
    margin-left: 0 !important;
  }

  img {
    margin-bottom: 2rem !important;
  }

  #img1-2 {
    margin-bottom: 2rem !important;
  }

}