* {
	padding: 0;
	margin: 0 auto;
}

a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
    border:0;
}
ul{list-style:none}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

:focus{
    text-decoration: none;
    outline: none;
    border:0;
}

img:focus {
    text-decoration: none;
    outline: none;
}

button:focus {
    outline: 1px dotted;
    outline: 0;
}


body {
font-family: "DM Sans", sans-serif;
color:#5a6b7e;
font-size: 16px;
line-height: 1.8;
background:#f7f3ed;
}


h1,h2,h3,h4{font-family: "Golos Text";}


.heading{ letter-spacing:2px;color:#545353;font-size:60px;margin-bottom:20px;line-height:70px;font-weight:700;letter-spacing: -3.1px;position: relative;z-index: 9;  }

.heading span{font-weight:200}
.top-btn{margin-top: 10px;}

.container-fluid { padding: 0 80px;}
nav.navbar-expand-lg{z-index:999}
nav.navbar-expand-lg.navbar-light.fixed {background: #fff;box-shadow: 10px 10px 10px #b7b7b721;-webkit-animation: slide-down 1.0s;animation: slide-down 1.0s;}
@-webkit-keyframes slide-down{ 0%{opacity:0;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
    }
    100%{opacity:.9;
    -webkit-transform:translateY(0);
    transform:translateY(0)
        
    }}
    
    @keyframes slide-down{
        0%{opacity:0;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)}
        100%{opacity:.9;
        -webkit-transform:translateY(0);
        transform:translateY(0)
            
}}


.navbar-brand{width:80px;margin:0px 0;}
.navbar-brand img{width:100%}

    
nav .rightnav {
    margin-right: 0;
}    

.product-itemtext{
    background:#264357;display: flex;align-items: center;height: 100%;color: #fff;padding: 100px 30px;overflow:hidden
}
    

.navigation_black nav.navbar-expand-lg{background:#fff}
.navigation_black nav.navbar-expand-lg .nav-link{color:#000}
.navbar-expand-lg{width: 100%;top: 0;background:#fff;position: fixed;}
nav.navbar-expand-lg.fixed{background:#fff;box-shadow: 0 1px 6px rgba(0, 0, 0, .1607843137254902);}
.main-nav {width: 65%;float: left;flex-wrap: wrap;}
.navbar-expand-lg .navbar-nav{margin-right:0;}
.navbar-expand-lg .nav-link{padding:20px 0px ;color:#000;font-size: 14px;text-transform: uppercase;letter-spacing: 2px;}

nav.navbar-expand-lg.fixed  .nav-link{color:#000}
nav .nav-item {margin-left:25px}
.navbar-expand-lg .first-nav .navbar-nav li:first-child { margin-left: 0px;}

.nav-link:hover{color:#5763a7}
nav.navbar-expand-lg.navbar-light.fixed .nav-link:hover{color:#5763a7}
.navbar-expand-lg .nav-link{position:relative}

ul.navbar-nav li { position: relative;}
.navbar-expand-lg .navbar-nav .dropdown-menu  {margin: 0;padding: 10px 20px;background: #fff;display: block;position: absolute;visibility: hidden;left:0px;top: 130%;opacity: 0;transition: 0.5s;border-radius:0;border:0;z-index: 99;min-width:315px;-webkit-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);-o-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);-webkit-transition: all 0.5s ease-in-out;}
  
 ul.navbar-nav li:hover .dropdown-menu  {opacity: 1;top: 121%;visibility: visible;} 
.dropdown-menu li a:hover {padding-left: 8px !important;color:#5763a7}
.dropdown-menu li{margin-left:0} 
.dropdown-menu .nav-link{padding:10px 0;text-transform: uppercase;}
.dropdown-menu .nav-link {transition: all .8s ease-in-out;text-transform: capitalize;font-size: 12px;border-bottom: 1px solid #ccc;text-transform: uppercase;color: #000;}
nav.navbar-expand-lg.fixed .dropdown-menu .nav-link{color:#000}
.navbar-expand-lg .dropdown-menu .nav-link:after{display:none}
.company-overview p {text-align:justify}
.bg-grey{background:#5763a7}
.pad100{padding:100px 0}
.banner{position:relative;height:638px;overflow:hidden;margin-top:81px;}
.banner-video {width: 100%;height: 100;object-fit: cover;}
.banner-caption{position: absolute;width: 100%;top: 0;height: 100vh;display: flex;background:#00000063;z-index: 9;    align-items: center;}
.banner-caption .hero-tile{margin:0;width:543px;text-align:left;padding-top: 50px;}
.banner-caption h2{font-size:60px;color:#fff;letter-spacing: 1px;line-height:70px;margin-bottom:40px;text-transform:uppercase;position:relative;z-index:99;font-weight:700}
.banner-caption span{color:#5763a7;}
.banner-caption p{color:#fff;font-size:18px;}
.hero-thumnail{position:relative}
.trust-grid{ display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;}
.sub-title{position:relative;color:#5763a7;margin-bottom:12px;font-size:12px;font-weight:600;letter-spacing: 3px;text-transform: uppercase;position:relative;display:inline-block;z-index: 9;}
.about-left {padding-right:70px}
.about-left .sub-title{padding-left:0!important}
.about-thumb{padding-left:0px}

a.bnp-btn{border: 1px solid #5763a7;padding: 8px 20px;font-size:15px;display:inline-block;color: #5763a7;border-radius: 10px;transition:all .8s ease-in-out}
.bnp-btn:hover{background:#5763a7;color:#fff}
 .stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin-top:30px;
    }

    .stat-card {
      background: #f4f4f4;
      border: 1px solid #e2e2e2;
      border-bottom: 3px solid #768aff;
      border-radius: 4px;
      padding: 20px 16px 18px;
      text-align: center;
      transition: background .2s, transform .2s;
          height: 120px;

    }
    .stat-card:hover {
      background: #1a1a1a;
      transform: translateY(-3px);
    }
    .stat-card:hover .stat-num,
    .stat-card:hover .stat-label { color: #fff; }
     .stat-num {
      
      font-size: 30px;
      font-weight: 800;
      color:#1a1a1a;
      line-height: 1;
      transition: color .2s;
    }
    .stat-card:hover .stat-num { color:#768aff; }

    .stat-label {
      font-size: 12px;
      font-style: italic;
      color:#888888;
      margin-top: 6px;
      line-height: 1.4;
      transition: color .2s;
    }
/*.bg-grey{background:#768aff;}*/
.product-img img{object-fit:cover;border-radius:15px}
.product-tile h5{color:#fff;font-size:21px;font-weight:600;position:relative;padding: 0 20px 0 0;margin: 0;width: 80%}
.product-thumb{position:relative;overflow:hidden;border-radius:15px;margin:0 10px}
.product-dis{position:absolute;padding:25px;top:0;height: 100%;/*background: #0404040a;*/background:linear-gradient(0deg, #06060638, transparent);width: 100%;color: #fff;}
.circle-arrow{width: 35px;height: 35px;border-radius: 100%;display: inline-block;border: 1px solid #fff;color:#fff;text-align: center;font-size: 18px;transition:all .85s;margin-right:0}
.product-thumb:hover .circle-arrow{background:#5763a7;border:1px solid #5763a7;color:#fff}
.number{font-size:40px;color:#5763a7;font-weight:700;position: absolute;top: 5px;}
.product-tile{display: flex; align-items: center;position: absolute;bottom: 20px;justify-content: space-between;width: 100%;padding-right: 40px;}
.product-slider{margin-top:50px}

/*.product-tile h5:after{content:'';position:absolute;left:0;bottom:0px;width:60px;height:1px;background:#fff;transition:all .85s ease-in-out}
.product-thumb:hover h5:after{width:100%}*/
 .why-box{background:#fff;padding:20px;border-radius:12px;display:flex;border:1px solid rgba(10,22,40,0.06);transition:all 0.3s;margin-top:30px}
 .why-box:hover {transform: translateY(-4px);box-shadow: 0 20px 40px rgba(10, 22, 40, 0.08);}
 .why-icon{width:55px;height:55px;background:rgba(201,168,76,0.1);border-radius:10px;padding:10px;}
 .why-icon img{width:100%}
 .why-content{width:90%;margin-left:20px}
 .why-content h5{font-size:20px;margin-bottom:15px;color:#0a1628}
 .whythumb{padding-left:50px;}
 .why-content p{margin-bottom:0}
 .Why-left{position: sticky;top:120px; }
 .icon-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  color:#fff;
  
}
.trip{padding:30px 0;}
.trust-box{color:#fff;text-align:center}
.trust-box span{font-size:18px;font-weight:600;display:block}
.trust-box p{color:#fff;opacity:.7;margin-bottom:0;font-size:14px}
.icon-trust{width:55px;height:55px;padding:8px;}

.icon-card {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  padding: 28px 14px 20px;
  cursor: pointer;
  width: 100%;
    text-align: center;

  transform: translateY(10px);
  transition: border-color 0.25s, transform 0.22s;
}
.icon-card.visible { animation: fadeUp 0.5s ease forwards; }
.icon-card:hover {
  border-color: #768aff;
  transform: translateY(-4px);
}
.icon-card:hover .icon-circle { animation: pulseRing 0.6s ease; background:#768aff; }
.icon-card:hover .icon-circle svg { fill: #fff; }
.icon-card:hover .icon-label { color: #1a1a1a; }
.icon-circle {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px;
  transition: background 0.25s;
}
.icon-circle svg { width: 28px; height: 28px; fill: #1a1a1a; transition: fill 0.25s; }
.icon-label {
  font-size: 13px;
  font-weight: 700;
  color: #333;
  line-height: 1.4;
  transition: color 0.25s;
}
.process-right{padding-left:50px}
.processtext-thumb{display:flex;align-items: center;border-bottom: 1px solid #ccc;padding-bottom: 20px;margin-top:20px}
.circle{width:55px;height:55px;border-radius:50%;border:1px solid #00000054;font-weight:700;font-size:30px;color:#494949;text-align:center;line-height:55px;margin:0;transition:all .85s}
.process-title{font-size:20px;font-weight:600;margin:0 40px 0 0;line-height:25px;width:42%}
.process-disc{margin-right:0;width:100%}
.process-body{display:flex;width:85%;margin-right: 0;    align-items: center;} 
.processtext-thumb:hover .circle{background:#768aff;color:#fff;border:1px solid #768aff}
.processtext-thumb:hover .process-title{color:#768aff}
.demand-thumb{background:#fff;border:1px solid #ccc;padding:20px;border-radius:15px;margin-top:30px}
.demand-img img{border-radius:15px;margin-bottom:30px}
.demand-img{position:relative}
 .card-name {
      
      font-size: 22px;
      font-weight: 800;
      color:#000;
      line-height: 1.1;
    }

    .card-range {
      font-size: 15px;
      font-style: italic;
      color: var(--text-light);
      margin-bottom: 4px;
    }

    .card-desc {
      font-size: 16;
      line-height: 1.65;
     
      margin-bottom: 8px;
    }

    /* features */
    .features {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 6px;
      margin-top: auto;
      padding:0;
    }
    .features li {
      font-size: 16px;
      color: #5a6b7e;
      display: flex;
      align-items: center;
      gap: 8px;
      margin:0;
    }
    .features li::before {
      content: '✓';
      font-size: 12px;
      font-weight: 700;
      color:#768aff;
      flex-shrink: 0;
      line-height: 1;
    }
    
     .badge {
      position: absolute;
      bottom: 40px; left:15px;
      background:#304093;
      color: #fff;
     
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      padding: 6px 14px;
      z-index: 1;
    }
.inner-banner{margin-top:80px;overflow:hidden;position:relative} 
.product-caption{position: absolute;text-align:center;left: 0;right: 0;top: 0;display: flex;align-items: center;height: 100%;color: #fff;z-index:10}
/*.product-banner:after{content:'';position: absolute;width: 100%;top: 0;height: 100%;display: flex;background:#00000063;z-index: 9;    align-items: center;} */
.product-banner{padding:100px 0}
.product-banner h1{ letter-spacing:2px;color:#fff;font-size:60px;line-height:70px;font-weight:700;letter-spacing: -3.1px;position: relative;z-index:10;  }
.inner-product{border: 1px solid #ffffff78;padding: 15px;border-radius: 15px;color: #fff;background:#f7f3ed;margin-top:30px}
.inner-product h4{padding:15px;text-align:center;margin-bottom:0;padding-bottom:0;font-size:20px;color:#000}
.inner-product img{border-radius:15px}
.detais-img{padding-left:50px}
.range-thumb {
  background: #313a71;
  border: 1px solid rgba(255,255,255,0.07);
  padding: 32px 28px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s, transform 0.2s;
  cursor: default;
  margin-top:15px;
}
.range-thumb:hover {
  border-color:#273cbe;
  transform: translateY(-3px);
}
.range-thumb::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background:#273cbe;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.3s;
}
.range-thumb:hover::before { transform: scaleY(1); }

.range-thumb::after {
  content: '';
  position: absolute;
  bottom: -30px; right: -30px;
  width: 100px; height: 100px;
  background:rgb(94 107 177 / 19%);
  border-radius: 50%;
  pointer-events: none;
}

.icon-wrap {
  width: 52px; height: 52px;
  background: #768aff17;
  border: 1px solid #768aff17;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

.feature-num {
  font-size: 13px;
  color: #768aff;
  letter-spacing: 2px;
  margin-bottom: 8px;
}

.feature-title {
  font-size: 15px;
  font-weight: 600;
  color: white;
  margin-bottom: 8px;
  line-height: 1.3;
}

.feature-desc {
 
  color: #7A92A8;
  line-height: 1.65;
}

.products-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.product-row {
  background: white;
  border: 1px solid rgba(81,93,166,0.15);
  padding: 24px 28px;
  display: grid;
  grid-template-columns: 60px 1fr auto auto;
  align-items: center;
  gap: 20px;
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s, transform 0.2s, box-shadow 0.3s;
  cursor: default;
  width:100%;
}
.product-row:hover {
  border-color: #515da6;
  transform: translateX(4px);
  box-shadow: -4px 0 0 #515da6, 0 4px 20px rgba(81,93,166,0.1);
}

.product-row.featured {
  border-color: #515da6;
  background: #f0f2fb;
  box-shadow: -4px 0 0 #515da6;
}

/*.product-row.featured::after {
  content: '';
  position: absolute;
  top: 0; right: 80px;
  background: #515da6;
  color: white;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.5px;
  padding: 4px 10px;
}*/

/* Icon */
.prod-icon {
  width: 52px; height: 52px;
  background: rgba(81,93,166,0.1);
  border: 1px solid rgba(81,93,166,0.2);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

/* KVA Range */
.prod-kva {
  font-family: "Golos Text";
  font-size: 30px;
  color: #1a1f3a;
  letter-spacing: 2px;
  line-height: 1;
}
.prod-kva span { color: #515da6; }

/* Middle info */
.prod-info { display: flex; flex-direction: column; gap: 6px; }
.prod-prime {
  font-size: 13px;
  font-weight: 500;
  color: #444;
}
.prod-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(81,93,166,0.08);
  border: 1px solid rgba(81,93,166,0.2);
  color: #515da6;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  letter-spacing: 0.5px;
  width: fit-content;
}
.prod-badge::before {
  content: '';
  width: 5px; height: 5px;
  background: #515da6;
  border-radius: 50%;
}

/* Download btn */
.btn-download {
  background: #515da6;
  color: white;
  border: none;
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 11px 22px;
  cursor: pointer;
  letter-spacing: 0.5px;
  white-space: nowrap;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
  transition: background 0.2s;
  display: flex;
  align-items: center;
  gap: 6px;
}
a.btn-download{color:#fff}
.btn-download:hover { background: #3d4a8f; }
.btn-download svg { flex-shrink: 0; }

/* Number badge */
.prod-num {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 42px;
  color: rgba(81,93,166,0.08);
  letter-spacing: 2px;
  position: absolute;
  right: 200px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  user-select: none;
}
.mt100{margin-top: 100px;}
.technical-thumb{border-radius: 15px;border: 1px solid #ccc;}
.spec-header{background:#0b1a2e;padding:6px 20px;color:#fff;font-size:18px;letter-spacing:2px;border-top-left-radius:15px;border-top-right-radius:15px;}
.slider-nav .item {border: 1px solid #ccc;margin: 0 5px;}

.feature-tab {
    display: flex;
    gap: 12px;
    width: 100%;
    max-width: 600px;
    align-items: stretch;
  }

  /* ── VERTICAL THUMBNAIL NAV (left) ── */
  .slider-nav,.slider-nav {
    width: 90px;
    flex-shrink: 0;
  }

  .slider-nav .item,.slider-nav2 .item {
    padding: 4px 0;
    cursor: pointer;
    outline: none;
  }

  .slider-nav .item img,.slider-nav2 .item img  {
    width: 100%;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    border: 2.5px solid #6c6c6c29;
    transition: border-color 0.2s, opacity 0.2s;
    opacity: 0.55;
  }
/*.slider-for,.slider-for2{ border: 1px solid #6c6c6c29;}*/
  .slider-nav .slick-current .item img,
  .slider-nav .item:hover img,.slider-nav2 .slick-current .item img,
  .slider-nav2 .item:hover img {
    border-color: #1a6fc4;
    opacity: 1;
  }

  /* ── MAIN IMAGE (right) ── */
  .slider-for,.slider-for2 {
    flex: 1;
   /* border-radius: 14px;*/
    overflow: hidden;
/*    background: #e4eaf5;*/
  }

  .slider-for .item,.slider-for2 .item {
    outline: none;
  }

  .slider-for .item a,.slider-for2 .item a {
    display: block;
    line-height: 0;
  }

  .slider-for .item img,.slider-for2 .item img  {
    width: 100%;
   border:2px solid #ccc;
    object-fit: cover;
    border-radius: 14px;
    transition: transform 0.3s ease;
  }

  /*.slider-for .item img:hover,.slider-for2 .item img:hover {
    transform: scale(1.015);
  }*/

  /* ── SLICK VERTICAL FIX ── */
  .slider-nav .slick-track,.slider-nav2 .slick-track {
    display: flex !important;
    flex-direction: column;
  }

  .slider-nav .slick-slide {
    height: auto !important;
  }

  /* ── FADE TRANSITION ── */
  .slider-for .slick-slide,.slider-for2 .slick-slide {
    transition: opacity 0.35s ease;
  }
  
  .table{overflow: hidden;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
  .table th,.table td{padding: .3rem .5rem;}
  .list{padding-left:20px;list-style:disc}
  .radius{border-radius:15px}
.choose-bnp{background: #fff;padding: 25px;text-align: center;border-radius: 10px;border: 1px solid #ccc;margin-top:30px}
.choose-bnp h5{font-size:20px;margin-bottom:10px;color:#768aff}  
.cnt-add{border: 1px solid #ccc;text-align: center;padding: 40px;border-radius: 15px;margin-bottom: 50px;min-height:290px}
.cnt-add span{
    font-size: 25px;
    background: #e0dcd7;
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 10px;
    line-height: 60px;
    margin-bottom: 25px;
    color:#768aff;
}
.cnt-add h5{font-size:25px;color:#768aff}
.cnt-add p{margin-bottom:0;font-size:16px;}
.cnt-add a{color:#5a6b7e;font-size:16px;}
.contact-box{padding-right:50px}
.form-control{background: transparent;border-bottom: 1px solid #ccc;border-left: 0;margin-bottom: 15px;border-right: 0;border-top: 0;border-radius: 0;padding: 10px 0;font-size:14px}

.form-btn {
    padding: 10px 0;
    border: 1px solid #768aff;
    color: #000;
    border-radius: 10px;
    display: block;
    font-size: 14px;
    transition: .8s ease-in-out;
    width: 160px;
    margin: 0
}

.form-btn:hover {
    background: #768aff;
    color: #fff
}



.banner-from{
    max-width: 350px;
    position: absolute;
    top:100px;
    right: 94px;
    z-index:10;
    background: #ffffffe8;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 15px #0000007a;
   
    
}

.banner-from .form-control{padding:10px;border:1px solid #ccc;background:#ffffff96;border-radius:8px}

.banner-from h5{font-size:22px;color:#5763a7;font-weight:600;margin-bottom:0}
.banner-from p{margin-bottom:25px;font-size:14px}
.gallery-thumb{margin:15px 0}

.footer{background:#3b426c;padding:50px 0 0px}
.ft-inner h6{font-size:18px;color:#fff;margin-bottom:15px;letter-spacing:1px}
.ft-inner ul{margin:0;padding-left:0}
.ft-inner ul li a{font-size: 15px;color: #fff;display: inline-block;margin-top: 10px;opacity:.7}
.copy-right{border-top: 1px solid #ffffff82;margin-top: 50px;padding: 15px 0;position:relative}
.copy-right p{margin:0;color:#fff;opacity:.7;font-size:14px}
.ft-inner p{color:#c3c2c2;font-size:15px}
.ft-inner p i{font-size:20px;padding-right:15px;color:#c3c2c2}
.ft-inner p a{color:#c3c2c2}
.pl35{padding-left:35px}

.fixedbtn {
    width: auto;
    position: fixed;
    top: 40%;
    right: -51px;
    z-index: 999;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg)
}

.fixedbtn .btnrt {
    border: none;
    background-color: #5763a7;
    width: auto;
    height: 50px;
    color: #fff;
    cursor: pointer;
    outline: 0;
    font-size: 15px;
    padding: 7px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.modal-body {
    padding: 30px;
    border-radius: 0;
    border: none;
    box-shadow: none
}

.modal-content .form-btn {
    margin: 0 auto
}

.bnp-btn{border: 1px solid #5763a7;padding: 8px 20px;font-size:15px;display:inline-block;color: #5763a7;border-radius: 10px;transition:all .8s ease-in-out}

.modal-content .close {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    border: none;
    background: #5763a7;
    display: flex;
    align-items: center;
    justify-content: center
}

.modal-content .close img {
    width: 35px;
    max-width: max-content
}

.modal-content {
    border-radius: 0;
    border: 0
}

.modal-body .form-control {
    border: 0;
    border-radius: 0;
    padding: 12px;
    resize: none;
    background: #f6f6f6;
    font-size: 15px
}

.modal-body .form-group {
    margin-bottom: 10px
}

.modal-content h4 {
    font-size: 24px;
    letter-spacing: 1px;
    color:#5763a7;
    margin-bottom:15px;
}

.whatsapp:after,.whatsapp:before {
    content: "";
    left: 50%;
    top: 65%;
    display: block;
    width: 50px;
    height: 50px;
    background: #25d366;
    border-radius: 50%
}

.modal-content h4 {
    font-size: 24px;
    text-align: center;
    letter-spacing: 1px
}

.whatsapp {
    width: 40px;
    height: 40px;
    color: #fff!important;
    bottom: 65px;
    position: fixed;
    right: 35px;
    z-index: 99;
    line-height: 50px;
    text-align: center;
    border-radius: 100px
}

.whatsapp:before {
    position: absolute;
    z-index: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: 1.5s ease-out infinite pulse-border;
    animation: 1.5s ease-out infinite pulse-border
}

.whatsapp:after {
    position: absolute;
    z-index: -1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    box-shadow: 0 ​0px 15px #45514
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.call-btn{display:none}

.digital {
    width: 40px;
    margin-right: 0;
}

/* ── TABLET 768px ── */
@media (max-width: 991px) {
  
  .section-title { font-size: 36px; }

  .product-row {
    grid-template-columns: 48px 1fr;
    grid-template-rows: auto auto auto;
    gap: 10px 14px;
    padding: 20px 18px;
  }
  .product-row:hover { transform: translateX(3px); }

  .prod-icon { grid-column: 1; grid-row: 1; width: 48px; height: 48px; }
  .prod-kva  { grid-column: 2; grid-row: 1; font-size: 24px; }
  .prod-info { grid-column: 1 / -1; grid-row: 2; }
  .btn-download {
    grid-column: 1 / -1; grid-row: 3;
    justify-content: center;
    clip-path: none;
    padding: 12px;
    width: 100%;
  }
  .prod-num { display: none; }
  .product-row.featured::after { font-size: 8px; padding: 3px 8px; }
}

/* ── MOBILE 480px ── */
@media (max-width: 560px) {
 
  .section-title { font-size: 28px; letter-spacing: 2px; }
  .section-label span { font-size: 10px; }

  .product-row {
    grid-template-columns: 42px 1fr;
    padding: 16px 14px;
    gap: 8px 12px;
  }
  .prod-icon { width: 42px; height: 42px; }
  .prod-kva  { font-size: 20px; }
  .prod-prime { font-size: 12px; }
  .prod-badge { font-size: 10px; padding: 3px 8px; }
  .btn-download { font-size: 12px; padding: 11px; }
}
@media (min-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl{
        max-width: 1250px;
    }
}

@media (min-width:1600px) and (max-width: 1920px){
    .banner-from{right:350px;top:110px}
}

@media(max-width:991px){
    .mr120{margin-top: 60px !important;}
    .to-border{display: none;}
.navbar-toggler:focus{box-shadow:none}    
.navbar-expand-lg {background: #fff;border: 0;}    
.navbar-expand-lg .navbar-nav .dropdown-menu.show{display:block !important;}
button.navbar-toggler {width:50px;padding:0px;border-radius: 0;margin-left: auto;margin-right: 0;border: 0;}
.navbar-light .navbar-toggler-icon {background-image: url('../images/humberger.svg');width: 30px;}
.navbar-light .navbar-toggler-icon.cross {background-image: url(../images/close.svg)!important;width:40px;background-position: center !important;}
.navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute;display:none!important;}
.navigation_black nav.navbar-expand-lg.navbar-light .white {display: block !important;}
.navigation_black nav.navbar-expand-lg.navbar-light .black {display: none !important;}
ul.navbar-nav {margin-right: 0!important;border-top:0px solid #00000038;padding: 20px 0 20px;border-right: 0px solid #0e0e0e4a!important;}
ul.navbar-nav li { margin-left: 0;}
.navbar-expand-lg .nav-link {padding: 10px 0px 10px;}
.banner-caption h2{font-size:40px;line-height:50px;margin-bottom:30px;}
.banner-caption .hero-tile{width:400px;padding-top:0}
.banner-from{position:relative;max-width:95%;right:0;left:0;top:50px;margin-bottom: 100px;}
.banner{height:auto;overflow:inherit}
.banner-caption{height:362px}
.heading{font-size:40px;line-height:50px}
.pad100{padding:60px 0}
.about-left{padding-right:0}
.about-thumb{margin-top:30px}
.icon-grid {display: grid;grid-template-columns: repeat(3, 1fr)}
.process-right {padding-left: 0px;margin-top:50px}
.ft-logo{margin-top:0;margin-bottom:50px}
.ft-inner p,.ft-inner ul li a{font-size:13px;}
.heading br{display:none}
.product-banner h1 {letter-spacing:1px;font-size: 40px;line-height:40px;}
.choose-bnp{margin-top:20px}
.product-banner:after{display:none}
.inner-banner {margin-top: 80px;height:auto;}
.product-caption{padding:80px 0;height:auto;position: relative;}
.detais-img img{margin-top:0}
.detais-img {padding-left:0}
.feature-tab{height:550px;}
.mb30{margin-bottom:30px}
.btn-download svg{margin:0}
.about-thumb{display:none}
a.call-btn {
   width: 30px;
        height: 30px;
        border-radius: 50%;
        line-height: 30px;
        text-align: center;
        padding: 0px;
        position: absolute;
        right:85px;
        top:25px;
        
        display: block;
        background:#5763a7;
        font-size:18px;
        color:#fff;

}
}

@media(max-width:560px){
 .heading{font-size:30px;line-height:40px;letter-spacing:0}   
 .banner-caption p{display:none}
.banner-caption h2 {font-size:25px;line-height:35px;margin-bottom: 0px;}
.banner-caption {height:177px;}
.banner-caption .hero-tile{width:252px}
.product-banner{padding:0;}
.product-caption {padding:50px 0;}

.trust-grid {grid-template-columns: repeat(1, 1fr);}
.whythumb {padding-left: 0px;}
.icon-grid{grid-template-columns: repeat(2, 1fr);}
.process-thumb img{height:auto!important}
.processtext-thumb {display:inline-block;margin-top:20px!important}
.circle{display:none}
.process-body {display: inline-block;width: 100%;}
.process-title{width:100%;margin-bottom:10px}
.product-img img{height:auto}
.product-slider{margin-top:20px}
.ft-logo{margin-top:0;margin-bottom:0px}
.ft-inner p,.ft-inner ul li a{font-size:15px;}
.ft-inner{margin-top:20px}
.stats {grid-template-columns: repeat(2, 1fr);}
.stat-label{font-size:15px}
.choose-bnp{margin-top:15px}
.feature-tab{height:auto;}
.prod-kva{width:78%}
.product-banner h1{font-size:30px}
.cnt-add{min-height:auto}
.map iframe{height:220px;margin-top:20px}
 .stats .stat-card:last-child{  grid-column: 1 / -1;justify-self: center;width: calc(50% - 8px);}
.about-left .bnp-btn{text-align:center;margin:0 auto;display: table;}   
.product-details{margin-bottom:30px}
.footer{padding:0}
.copy-right{margin-top:20px;text-align:center}
.digital{margin-right:inherit;text-align:center}
.wdth50{width:40%;margin:0}
.wdth60{width:60%;margin:0}
.ft-logo{margin-bottom:30px}
a.call-btn{right:70px}
}