section.consulting-section {
  margin: auto;
  padding: 30px 20px 50px;
  max-width: 1200px;
}
.consulting-section
{
  margin: auto;
  padding: 30px 20px 50px;
  max-width: 1200px;
}
.img-main-six {
  display: flex;
}
p {
  margin: 0;
}
section img {
  width: 100%;
}
section.img-section img {
  width: 100%;
}
section.img-section1
{
  margin: auto;
  padding: 30px 20px;
  max-width: 1200px;
}
.bt-sec-sixth {
  display: grid
;
  grid-template-columns: auto auto;
}
.bt-sec-sixth img {
  width:100%;
}
/* .consul-main {
    display: grid;
    grid-template-columns: 40% 20% 40%;
} */

.consu-box {
  display: grid;
  grid-template-columns: 17% 83%;
  align-items: center;
}

.consul-rg .consu-box {
  display: grid;
  grid-template-columns: 83% 17%;
  align-items: center;
}

.consul-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 5px solid #1e64af;
  /* outer circle */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: white;
}

.ak-grid {
  display: flex;
  align-items: flex-end;
  justify-content: space-evenly;
}

.ak-r h2 {
  font-size: 16px !important;
}

.cont-ri {
  border-right: 4px solid #1e64af;
  border-top: 4px solid #1e64af;
  border-bottom: 4px solid #1e64af;
  border-radius: 0 50px 50px 0;
  padding: 10px 25px 0 10px;
}

.consu-box.right-top .consul-icon i {
  background: #93b121;
}

.consu-box.right-top .consul-icon {
  border: 5px solid #93b121;
}

.consu-box.right-top .cont-ri {
  border-left: 4px solid #93b121;
  border-top: 4px solid #93b121;
  border-bottom: 4px solid #93b121;
}

.consu-box.right-top .label {
  color: #93b121;
}

.consu-box.right-top1 .consul-icon i {
  background: #C0392B;
}

.consu-box.right-top1 .consul-icon {
  border: 5px solid #C0392B;
}

.consu-box.right-top1 .cont-ri {
  border-left: 4px solid #C0392B;
  border-top: 4px solid #C0392B;
  border-bottom: 4px solid #C0392B;
}

.consu-box.right-top1 .label {
  color: #C0392B;
}

.consu-box.right-medium .consul-icon i {
  background: #0d9250;
}

.consu-box.right-medium .consul-icon {
  border: 5px solid #0d9250;
}

.consu-box.right-medium .cont-ri {
  border-left: 4px solid #0d9250;
  border-top: 4px solid #0d9250;
  border-bottom: 4px solid #0d9250;
}

.consu-box.right-medium .label {
  color: #0d9250;
}

.consu-box.right-medium1 .consul-icon i {
  background: #9B51E0;
}

.consu-box.right-medium1 .consul-icon {
  border: 5px solid #9B51E0;
}

.consu-box.right-medium1 .cont-ri {
  border-left: 4px solid #9B51E0;
  border-top: 4px solid #9B51E0;
  border-bottom: 4px solid #9B51E0;
}

.consu-box.right-medium1 .label {
  color: #9B51E0;
}

.consu-box.right-bottom .consul-icon i {
  background: #53a434;
}

.consu-box.right-bottom .consul-icon {
  border: 5px solid #53a434;
}

.consu-box.right-bottom .cont-ri {
  border-left: 4px solid #53a434;
  border-top: 4px solid #53a434;
  border-bottom: 4px solid #53a434;
}

.consu-box.right-bottom .label {
  color: #53a434;
}

.consu-box.right-bottom1 .consul-icon i {
  background: #2F80ED;
}

.consu-box.right-bottom1 .consul-icon {
  border: 5px solid #2F80ED;
}

.consu-box.right-bottom1 .cont-ri {
  border-left: 4px solid #2F80ED;
  border-top: 4px solid #2F80ED;
  border-bottom: 4px solid #2F80ED;
}

.consu-box.right-bottom1 .label {
  color: #2F80ED;
}


.consu-box.left-right .consul-icon i {
  background: #1b9a9a;
}

.consu-box.left-right .consul-icon {
  border: 5px solid #1b9a9a;
}

.consu-box.left-right .cont-ri {
  border-right: 4px solid #1b9a9a;
  border-top: 4px solid #1b9a9a;
  border-bottom: 4px solid #1b9a9a;
}

.consu-box.left-right .label {
  color: #1b9a9a;
}

.consu-box.left-right1 .consul-icon i {
  background: #EB5757;
}

.consu-box.left-right1 .consul-icon {
  border: 5px solid #EB5757;
}

.consu-box.left-right1 .cont-ri {
  border-right: 4px solid #EB5757;
  border-top: 4px solid #EB5757;
  border-bottom: 4px solid #EB5757;
}

.consu-box.left-right1 .label {
  color: #EB5757;
}

.consu-box.left-medium .consul-icon i {
  background: #4DBACF;
}

.consu-box.left-medium .consul-icon {
  border: 5px solid #4DBACF;
}

.consu-box.left-medium .cont-ri {
  border-right: 4px solid #4DBACF;
  border-top: 4px solid #4DBACF;
  border-bottom: 4px solid #4DBACF;
}

.consu-box.left-medium .label {
  color: #4DBACF;
}

.consu-box.left-medium1 .consul-icon i {
  background: #F2994A;
}

.consu-box.left-medium1 .consul-icon {
  border: 5px solid #F2994A;
}

.consu-box.left-medium1 .cont-ri {
  border-right: 4px solid #F2994A;
  border-top: 4px solid #F2994A;
  border-bottom: 4px solid #F2994A;
}

.consu-box.left-medium1 .label {
  color: #F2994A;
}


.consu-box.left-top1 .consul-icon i {
  background: #F2C94C;
}

.consu-box.left-top1 .consul-icon {
  border: 5px solid #F2C94C;
}

.consu-box.left-top1 .cont-ri {
  border-right: 4px solid #F2C94C;
  border-top: 4px solid #F2C94C;
  border-bottom: 4px solid #F2C94C;
}

.consu-box.left-top1 .label {
  color: #F2C94C;
}

.consul-rg .cont-ri {
  border-left: 4px solid #1e64af;
  border-top: 4px solid #1e64af;
  border-bottom: 4px solid #1e64af;
  border-radius: 50px 0 0 50px;
  padding: 10px 10px 0 25px;
  border-right: none;
}

.consul-icon i {
  display: flex;
  font-size: 30px;
  color: #fff;
  z-index: 2;
  background: #1e64af;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.consulting-box {
  padding: 0 0;
  position: relative;
}

.consu-tp h4 {
  margin: 0 0 0;
  color: #1e64af;
  font-size: 16px;
}

.consu-md {
  text-align: center;
  margin-bottom: 30px;
  display: block;
}

.consu-tp {
  display: grid;
  grid-template-columns: 17% 83%;
}

.consul-rg .consu-tp {
  display: grid;
  grid-template-columns: 83% 17%;
}

.consul-rg .consul-tp-l {
  text-align: right;
}

.consu-tp h2 {
  margin: 0 0 0;
  color: #1e64af;
  font-size: 18px;
  font-weight: 800;
}

.label {
  font-size: 12px;
  color: #1e64af;
  font-weight: bold;
  display: inline-block;
  min-width: 50px;
}

.text-row {
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
}

.consul-ce {
  display: flex;
  align-items: center;
}

.text-row span {
  flex-shrink: 0;
}

.consul-ce img {
  width: 100%;
  padding-top: 43px;
}

.text-row p {
  margin: 0;
  color: #333;
  line-height: 1.6;
  padding-left: 10px;
  font-size: 11px;
}
#visual .con-box {
  width: auto;
}
#visual .text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  bottom: 5%;
  font-size: 22px;
  text-align: center;
  margin: 0;
  width: 100%;
  line-height: 26px;
}
.img_mobile {
  display: none;
}
[id ^= "section"] .mobile {
  display:none;
}
@media (max-width: 600px) {
  #visual .text {
    bottom: 4%;
    font-size: 1rem;
  }
  .img_pc {
    display: none;
  }
  .img_mobile {
    display: block;
  }
  div.img_mobile {
    display: flex;
    flex-wrap: wrap;
  }
  .consulting-box {
    padding: 0 0 0 30px;
    border-radius: 20px;
  }
  
  .consul-rg .consulting-box {
    padding: 0 5px 0 0;
    border-radius: 20px;
  }
  
  .consul-main {
    
    grid-template-columns: 100%;
  }
  .consul-rg .consu-box {
    display: grid;
    grid-template-columns: 75% 25%;
    align-items: center;
  }
  .text-row {
    flex-direction: column;
  }
  
  .text-row p {
    padding-left: 0;
    margin-top: 4px;
    font-size: 16px;
  }
}

/* Section Layout */
.consulting-tp {
  max-width: 1000px;
  margin: 10px auto 30px;
  h2 { font-weight: bold;}
  p {
    font-weight: bold;
    margin-top:10px;
    font-size: 1.1em;
    line-height: 1.5;
    text-wrap: balance;
  }
}
.consulting-tp h2.nfn-title {
  font-size: 34px;
  font-weight: 500;
  color: #1e3a5f;
  margin-bottom: 0;
  margin-top: 5px;
}
.consulting-tp p.nfn-description {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.6;
  color: #475569;
  max-width: 650px;
}

/* Center h2 elements in consulting-tp sections */
.consulting-tp h2 {
  text-align: center !important;
}

/* Container grid */
.container-fif {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  max-width: 1200px;
  width: 100%;
  padding: 0 10%;
  box-sizing: border-box;
}
.ak-bx {
  padding-left: 2rem!important;
}
/* Box styling */
.container-fif .box {
  border: none;
  border-radius: 8px;
  padding: 30px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  color: #333;
  /*height: 500px;*/
  align-items: center;
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
  background-color: #f5f5f5;
}

.box-title {
  text-align: center;
  font-size: 1.5rem;
  margin-top: -10px;
  margin-bottom: 25px;
  background: #1A2F5A;
  color: #fff;
  border-radius: 50px;
  padding: 8px 13px;
}

.box-list {
  /*padding-left: 5rem;*/
  margin: 0 auto;
  /*max-width:400px;*/
  list-style-type: disc !important;
}

.box-list li {
  font-size: 16px;
  margin: 6px 0;
}

/* Background gradient classes */

/* Responsive layout */
@media (min-width: 640px) {
  .container-fif {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .container-fif {
    grid-template-columns: repeat(2, 1fr);
  }
}
section.img-section {
  margin: auto;
  padding: 30px 20px;
  max-width: 1200px;
}

.assess-section {
  display: grid;
  margin: auto;
  padding: 30px 20px;
  max-width: 1200px;
  grid-template-columns: 25% 50% 25%;
}

/* Content Blocks */
.content-block {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}

.content-block.right p {
  text-align: right;
}

.content-block p {
  margin-bottom: 20px;
}

.bubble-box {
  background-color: #f1f5f9;
  padding: 15px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  color: #1f2937;
  margin: 70px 0;
  line-height:1.3;
}

/* Center Image */

.center-img img {
  width: 100%;
  height: auto;
}

/* sixth box */
.sixth-box {
  padding: 3%;
  ul {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    li:nth-child(1) {
      --theme-color:#00a0b0;
    }
    li:nth-child(2) {
      --theme-color:#a5819d;
    }
    li:nth-child(3) {
      --theme-color:#36a787;
    }
    li:nth-child(4) {
      --theme-color:#556789;
    }
    li {
      border: 1px solid #aaa;
      border-radius: 4px;
      text-align: center;
      width: 24%;
      box-sizing: border-box;
      a {
        border-top: 3px solid var(--theme-color);
        padding: 15px 5px;
        display: flex;
        flex-direction: column;
        font-size: 1.2rem;
        b {
          font-size: 1.5rem;
        }
      }
    }
  }
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
  
  .assess-section {
    flex-direction: column;
    text-align: center;
  }
  
  .content-block {
    max-width: 100%;
  }
  
  .bubble-box {
    margin-top: 10px;
  }
}

/* Main Container */
.nfn-container {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 20px;
  margin: auto;
  padding: 30px 20px;
  max-width: 1200px;
  align-items: flex-start;
}

.nfn-right img {
  width: 98%;
}

/* Left Content */

.nfn-right {
  gap: 2%;
  display: flex;
  flex-wrap: wrap;
}

.nfn-title {
  font-size: 34px;
  font-weight: 500;
  color: #1e3a5f;
  margin-bottom: 0;
  margin-top: 5px;
}

.nfn-left {
  border-left: 4px solid #1e3a5f;
  padding-left: 10px;
}

.nfn-description {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.6;
  color: #475569;
}

/* Right Boxes Flow */


/* Box Style */
.nfn-container .box {
  width: 16%;
  border: 2px solid #2563eb;
  padding: 20px;
  text-align: center;
  border-radius: 6px;
  font-weight: bold;
  color: #1e3a8a;
  background-color: #f8fafc;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.nfn-container .box span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #334155;
  margin-top: 6px;
}

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

/* Responsive Adjustments */
@media (max-width: 768px) {
  [id ^= "section"] .pc {
    display:none;
  }
  [id ^= "section"] .mobile {
    display:block;
  }
  #section-1 h2 {
    font-size:1.3rem;
  }
  .container-fif {
    grid-template-columns: repeat(1, 1fr);
    padding: 5%;
    gap: 2rem;
  }
  .box-list
  {
    padding-left:2rem;
  }
  .container-fif .box {
    padding: 15% 5%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    color: #333;
    border:none;
    margin: 0 auto;
    min-width:100%;
    box-sizing: border-box;
  }
  .sixth-box {
    ul {
      li {
        width: 45%;
      }
    }
  }
  .nfn-container .nfn-right {
    flex-direction: row;
    align-items: flex-start;
  }
  
  .nfn-container {
    grid-template-columns: 100%;
  }
  
  .nfn-container .box {
    width: 100%;
    margin: 10px 0;
  }
  
  .assess-section {
    grid-template-columns: 100%;
  }
}


/* Section Wrapper */
.sixth-section {
  padding: 40px 20px;
  max-width: 1200px;
  margin: auto;
}

/* Top Header */
.sixth-top {
  display: flex;
  flex-direction: row;
  gap: 20px;
  
  color: white;
  
  flex-wrap: wrap;
}

.left-six {
  padding: 15px 0;
  background-color: #003366;
  flex: 1;
  text-align: center;
  font-size: 18px;
}

.consu-md p {
  padding-top: 15px;
}

.right-six {
  background-color: #003366;
  flex: 4;
  font-size: 18px;
  padding: 15px 20px;
}

/* Content Grid */
.sixth-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-top: 30px;
}

.six-box {
  display: grid;
  grid-template-columns: 30% 70%;
  gap: 15px;
  align-items: flex-start;
}

/* Left Box Title */
.box-lf {
  background-color: #2b61aa;
  color: white;
  padding: 8px 12px;
  border-radius: 50px;
  font-size: 14px;
  white-space: nowrap;
  text-align: center;
}

/* Right Box List */
.box-right ul {
  list-style: disc;
  margin: 0;
  padding-left: 20px;
}

.box-right li {
  font-size: 13.5px;
  margin-bottom: 6px;
}

/* Responsive Styling */
@media (max-width: 1024px) {
  .sixth-content {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .sixth-top {
    flex-direction: column;
  }
  
  .right-six {
    flex: 100%;
    text-align: left;
  }
  
  .six-box {
    grid-template-columns: 1fr;
  }
  
  .box-lf {
    margin-bottom: 8px;
  }
}


/* Section */
.cards img {
  width: 45px;
}

.customer-section {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
  text-align: center;
}

/* Responsive Fixes */
@media (max-width: 600px) {
  .customer-main {
    grid-template-columns: 100%;
    gap: 10px;
  }
  
  .customer-header h2 {
    font-size: 22px;
  }
  
  .customer-header p {
    font-size: 14px;
  }
  
  .reference-link {
    text-align: center;
  }
  
}

.main-title {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #1a1a1a;
}

.card-ak {
  max-height: 330px;
  border-radius: 10px;
  border: 2px solid #3b4b69;
  height: 330px;
}

/* Cards for Assess / Analytics / Action */
.cards {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.card {
  position: relative;
  background: #fff;
  border-radius: 12px;
  padding: 10px;
  width: 100%;
  max-width: 30%;
  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
}

.card-header {
  background: #3b4b69;
  color: white;
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: -26px;
  left: 50%;
  transform: translate(-50%, 0%);
}

.card-header {
  
  margin-bottom: 16px;
}

.card-header h2 {
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
}

.card-header span {
  display: block;
  font-size: 14px;
  color: #fff;
}

.card ul {
  padding: 60px 10px 20px 40px;
  list-style: none;
  font-size: 14px;
  line-height: 1.5;
}

/* Dashboard Section */
.dashboard {
  background: #ffffff;
  border: 1px solid #cfd8e3;
  border-radius: 10px;
  margin-top: 40px;
  padding: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  position: relative;
}

.dashboard-header {
  background: #3b4b69;
  color: white;
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translate(-50%, 0%);
}

.third-sec {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}

.card ul li strong {
  position: relative;
}
/*.card ul li strong:before {
  content: "";
  height: 20px;
  background: #ffff0070;
  right: 0;
  left: 0;
  color: red;
  top: 6px;
  display: block;
  position: absolute;
  z-index: 0;
}*/
.cst_box {
  margin-bottom: 20px;
}
.cst_box ul {
  list-style: none;
}
.cst_box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left:0;
}
.roles h3 {
  position: relative;
  display: inline-block;
}

.roles h3:before {
  content: "";
  height: 20px;
  background: #00800029;
  right: 0;
  left: 0;
  color: red;
  top: 6px;
  display: block;
  position: absolute;
  z-index: 0;
}

.roles {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  border: 2px solid;
  border-radius: 20px;
  height: 200px;
  > :first-child {
    padding-left: 8rem;
  }
  > :last-child {
    padding-right: 3rem;
  }
}

.role {
  flex: 1;
  border-radius: 6px;
  padding-top: 3rem;
}

.role h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #003366;
}

.role ul {
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.6;
  margin-top: 0;
  list-style: inherit;
}

@media (max-width: 980px) {
  .card
  {
    max-width:28%;
  }
  .card-ak {
    max-height: 550px;
    border-radius: 10px;
    border: 2px solid #3b4b69;
    height: 550px;
  }
}
/* Responsive Design */
@media (max-width: 768px) {
  .img-main-six {
    flex-direction: column;
  }
  .card-ak {
    max-height: 400px;
    border-radius: 10px;
    border: 2px solid #3b4b69;
    height: auto;
  }
  .card ul {
    padding-top: 45px;
    padding-left:1rem;
  }
  .cst_box ul li
  {
    width:50%;
  }
  .cst_box ul li img {
    width:100%;
  }
  .cards {
    flex-direction: row;
    align-items: center;
  }
  .roles {
    flex-direction: column;
    height: auto;
  }
  
  .main-title {
    font-size: 16px;
  }
  
  .card,
  .role {
    max-width: 100%;
    margin-bottom: 30px;
  }
  .roles {
    padding-top: 1rem;
    padding-left: 1rem;
    .role {
      padding-top: 0;
    }
    > :first-child {
      padding-top: 4rem;
      padding-left: 0;
    }
    > :last-child {
      padding-right: 0;
    }
  }
  
  .dashboard-header {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 420px) {
  .roles {
    flex-direction: column;
    
    > :first-child {
      padding-left: 0;
    }
    > :last-child {
      padding-right: 0;
      padding-bottom: 2rem;
    }
  }
  .role {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
  }
  .card-ak {
    max-height: 440px;
    border-radius: 10px;
    border: 2px solid #3b4b69;
  }
  
}

#nfn_location {background:#ffffff; font-size:18px; color:#1f1f1f; padding:100px 0;}
#nfn_location .inner {max-width: 1200px; margin:auto;}
#nfn_location h4 {padding:0 0 20px 0; font-weight:bold; font-size:30px; line-height:40px;}
#nfn_location h4.hq {color:#176346;}
#nfn_location h4.plf {color:#5195a7;padding-top: 70px;}
#nfn_location h4.rnd {color:#524d90; padding-top:70px;}
#nfn_location .nfn_location_tt {margin-bottom:75px; width:100%; line-height:29px; text-align:center;}
#nfn_location .nfn_location_tt > img {width:392px; height:85px;}
#nfn_location .nfn_location_map {height:550px;}
#nfn_location .nfn_location_desc {margin-top:50px;}
#nfn_location dl {width:100%; overflow:hidden;}
#nfn_location dt {float:left; width:100px; height:40px; font-weight:bold;text-align:left;}
#nfn_location dd {float:left; width:900px; height:40px; text-align:left;}
@media (max-width: 768px) {
  #nfn_location .inner {max-width: 90%;}
  #nfn_location .nfn_location_tt > img {width:80%;height:auto;}
  #nfn_location .nfn_location_desc {margin-top:30px;margin-bottom:30px;}
  #nfn_location dt {
    width:80px;
  }
  #nfn_location dd {
    float:none;
    width:auto;
    height:auto;
  }
}