.hero-inner {

    /* position: relative; */

    /* min-height: 27vh; */

    color: #fff;

    display: flex;

    align-items: center;

    overflow: hidden;

    background-color: #002a52;

    padding:40px 40px;

}

.hero-inner-abt {

    /* position: relative; */

    min-height:40vh;

    color: #fff;

    display: flex;

    align-items: center;

    overflow: hidden;

    background-color: #002a52;

    padding:40px 40px;

}

h2.modern-title-inner {

    font-size: 2em;

    font-weight: 700;

    background: linear-gradient(90deg, #ff7a00, #e36d00);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    position: relative;

    display: inline-block;

    margin-bottom: 20px;

}

/* ----------------------------------------------------- */

.faq {

    background: linear-gradient(180deg, var(--card), var(--card-2));

    border: 1px solid rgba(255, 255, 255, .08);

    border-radius: 16px;

    padding: 8px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, .35);

}



.faq .note {

    margin: 10px 12px 18px;

    color: #4a5a7d;

    font-size: .95rem;

}



details.faq-item {

    background: rgba(255, 255, 255, .04);

    border: 1px solid rgba(255, 255, 255, .08);

    border-radius: 14px;

    padding: 0;

    margin: 10px;

    overflow: clip;

    transition: border-color .25s ease, box-shadow .25s ease;

}



details.faq-item[open] {

    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);

    border-color: rgba(255, 255, 255, .18);

}



summary {

    cursor: pointer;

    list-style: none;

    user-select: none;

    padding: 16px 18px;

    font-weight: 600;

    display: grid;

    grid-template-columns: 28px 1fr auto;

    gap: 12px;

    align-items: center;

}



summary::-webkit-details-marker {

    display: none;

}



.q-icon {

    width: 28px;

    height: 28px;

    border-radius: 50%;

    display: grid;

    place-items: center;

    background: radial-gradient(circle at 30% 30%, var(--brand), var(--brand-2));

    color: #0b1020;

    font-weight: 800;

}



.chev {

    transition: transform .25s ease;

    width: 18px;

    height: 18px;

}



details[open] .chev {

    transform: rotate(180deg);

}



.answer {

    padding: 0 18px 18px;

    color: #4a5a7d;

}



.answer p {

    margin: 0.6rem 0;

}



.answer ul {

    margin: .4rem 0 .8rem 1.1rem;

}



.answer li {

    margin: .25rem 0;

}



.cta {

    display: grid;

    gap: 10px;

    grid-template-columns: 1fr auto;

    align-items: center;

    background: linear-gradient(135deg, rgba(106, 141, 255, .16), rgba(126, 246, 255, .12));

    border: 1px dashed rgba(255, 255, 255, .25);

    border-radius: 14px;

    padding: 14px 16px;

    margin: 16px 10px 4px;

}



.cta b {

    color: var(--text);

}



.cta a {

    display: inline-block;

    text-decoration: none;

    color: white;

    font-weight: 600;

    background: linear-gradient(135deg, #6a8dff, #02c2cf);

    padding: 10px 14px;

    border-radius: 999px;

    box-shadow: var(--shadow);

}



/* ------------------------------------------------------ */

.sol-services {

    display: block;

    flex-wrap: wrap;

    justify-content: center;

    gap: 40px;

    /* padding: 40px 20px; */

}



.sol-service-box {

    display: block;

    align-items: center;

    width: 100%;

    /* background: white; */

    border-radius: 10px;

    padding: 15px;

    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */

    transition: transform 0.3s ease;

    margin-bottom: 15px;

    background-color: #2194c2;

    border-top: 4px solid #e87000;

    color: #ffffff !important;

}



.sol-service-box img {

    margin-bottom: 15px;

}



.sol-service-box a {

    color: white;

}



.sol-service-box:hover {

    transform: translateY(-5px);

    background-color: #2dacda;

    color: rgb(0, 0, 0) !important;

}



/* .circle {

       min-width: 70px;

       height: 70px;

       border-radius: 50%;

       background: #2194c2;

       color: white;

       display: flex;

       justify-content: center;

       align-items: center;

       font-weight: bold;

       font-size: 1.2rem;

       margin-right: 15px;

   } */



.service-text h3 {

    margin: 0;

    font-size: 18px;

    font-weight: bold;

}



.service-text p {

    margin: 5px 0 0;

    font-size: 18px;

}





/* Responsive */

@media (max-width: 768px) {

    .sol-service-box {

        width: 100%;

    }

}



/* ------------------------------------------------------ */



/* --------------------/solution----------------------------------- */





/* ---------------------------service------------------------- */



/* ------------------- */

 .process-container {

      /* padding: 25px 15px; */

      background: #74c0e0;

      box-shadow: 0 8px 24px rgba(0,0,0,0.13);

    }

    h2 {

      text-align: center;

      font-size: 2.3em;

      margin-bottom: 18px;

      letter-spacing: 1px;

      color: #ff9800;

      font-weight: 700;

    }

    .steps {

      display: grid;

      gap: 30px;

      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

      padding: 0;

      margin: 35px 0;

    }

    .step {

      background:#1681af;

      border-radius: 14px;

      padding: 30px 16px 16px 16px;

      box-shadow: 0 2px 12px rgba(90,70,230,0.03);

      text-align: center;

      position: relative;

      transition: transform 0.18s;

    }

    .step:hover {

      transform: translateY(-6px) scale(1.04);

      box-shadow: 0 6px 24px rgba(200,180,50,0.09);

    }

    .step-graphic {

      width: 60px;

      height: 60px;

      margin: 0 auto 14px auto;

      display: flex;

      align-items: center;

      justify-content: center;

      border-radius: 50%;

      background:#eb7000;

      box-shadow: 0 3px 16px 0 rgba(255,152,0,0.13);

      font-size: 2em;

      color: #21242e;

    }

    .step-title {

      font-size: 1.2em;

      font-weight: 600;

      color: #ffffff;

      margin-bottom: 8px;

    }

    .step-desc {

      font-size: 1em;

      color: #ffffff;

      margin-bottom: 0;

    }

    @media (max-width:600px) {

      .steps {

        grid-template-columns: 1fr;

      }

      .process-container {

        padding: 8px 3vw;

      }

      h2 {

        font-size: 1.28em;

      }

    }

/* ------------------- */



/* ---------------------------/service------------------------- */



/* ---------------------------------------------------- */



.section-title h2 {

    position: relative;

    margin-bottom: 45px;

    display: inline-block;

    font-weight: 600;

    line-height: 1;

}



.section-title h2::before {

    content: "";

    position: absolute;

    left: 50%;

    width: 60px;

    height: 2px;

    background: #149f13;

    bottom: -25px;

    margin-left: -30px;

}



.section-title.service-title p {

    padding: 0 190px;

    margin-bottom: 10px;

}



.blog-area {

    background: #F8F9FA;

}



.blog-wrapper {

    background: #fff;

    overflow: hidden;

    padding: 20px;

}



.home-blog-wrapper {

    transition: .3s;

}



.blog-wrapper.home-blog-wrapper:hover {

    box-shadow: 10px 20px 30px rgba(0, 0, 0, .12);

}



.blog-thumb {

    margin-bottom: 20px;

}



.blog-title {

    display: inline-block;

    font-size: 25px;

    font-weight: 600;

    line-height: 1.4;

    margin: 10px 0 15px;

    padding: 0;

    text-align: left;

}



.blog-content.home-blog h2 {

    /* font-size: 18px; */

    margin-bottom: 10px;

}



.blog-content.home-blog p {

    margin-bottom: 10px;

    text-align: left;

}
.blog-content h2{
    font-family: 'MyriadPro' !important;
}
.blog-content p{
    font-family: 'MyriadPro' !important;
}
.blog-content h3{
    font-family: 'MyriadPro' !important;
}
.blog-content ul li{
    font-family: 'MyriadPro' !important;
}
.blog-content ol li{
    font-family: 'MyriadPro' !important;
}
.blog-content a{
    font-family: 'MyriadPro' !important;
    color: #2194c2;
}


.link-box.home-blog-link a {

    font-size: 14px;

    color: #149f13;

}



.blog-title a {

    color: #222;

}



.link-box a {

    color: #555;

}



.link-box a:hover {

    color: #149f13;

}

.link-box ul{

    padding-left: 15px;

}

.link-box ul li{

    list-style: disc;

}



.blog-title a:hover {

    color: #149f13;

}



.meta-info ul {

    padding-left: 0px;

    margin-bottom: 0px;

}



.meta-info ul li {

    color: #9e9e9e;

    display: inline-block;

    font-size: 14px;

    padding: 0 12px;

    position: relative;

    text-transform: uppercase;

    font-weight: 700;

}



.embed-responsive {

    margin-bottom: 20px;

}



.meta-info ul li:first-child {

    padding-left: 0

}



.meta-info ul li a {

    color: #149f13;

}



.meta-info ul li a:hover {

    color: #444

}



.meta-info ul li::before {

    border: 1px solid #999;

    border-radius: 5px;

    content: "";

    height: 5px;

    left: -4px;

    position: absolute;

    top: 6px;

    width: 5px;

}



.meta-info ul li:first-child:before {

    display: none

}



.blog-thumb img {

    width: 100%;

}



.link-box a {

    font-weight: 600;

}

/* ---------------------------------------------------- */



/* ---------------------------------------------------- */

.abt-points{

    padding-left:6px;

}

.abt-points li{

    list-style: none;

}

/* ---------------------------------------------------- */