:root{
  --accent:#1a49e9;
  --bg:#ffffff;
  --border:#cfe8f6;
  --button-width:420px;
  --container-max:1320px;
  --container-pad:16px;
  --controls-max:520px;
  --footer-bg:#0e1420;
  --footer-border:rgba(255,255,255,.08);
  --footer-link-hover:#ffffff;
  --footer-link:#b8c0cc;
  --footer-muted:#a9b3c2;
  --footer-text:#e6e8ec;
  --muted:#1f2937;
  --nav-h-mobile:56px;
  --nav-h:64px;
  --rail-width:720px;
  --text:#111827;
}

/* ===== NAVBAR ===== */
#topnav{
  background:var(--bg);
  box-shadow:0 1px 0 rgba(0,0,0,.06);
  position:static;
  left:auto; right:auto; top:auto;
  z-index:3000;
}

#topnav .container{margin:0 auto;max-width:1200px;padding:16px 24px}
#topnav nav{align-items:center;display:flex;gap:12px;position:relative}
#topnav .logo{display:block;height:36px;width:auto}
#topnav .menu-icon{cursor:pointer;display:none;margin-left:auto;order:3;padding:6px 4px}
#topnav .menu-icon .bar{background:var(--text);border-radius:1px;height:2px;margin:5px 0;transition:transform .2s,opacity .2s;width:22px}
#topnav .menu{align-items:center;display:flex;gap:28px;list-style:none;margin:0 auto;order:2;padding:0}
#topnav .menu li a{
  border-bottom:2px solid transparent;
  color:var(--muted);
  display:inline-block;
  font-weight:600;
  letter-spacing:.1px;
  padding:6px 2px;
  text-decoration:none;
  transition:color .2s,border-color .2s;
}
#topnav .menu li:first-child a{color:var(--muted)}
#topnav .menu li a:hover{color:#1a49e9;border-bottom-color:#1a49e9}
#topnav .menu li a.active{color:#1a49e9!important}

@media (max-width:980px){
  #topnav .menu-icon{display:block}
  #topnav .menu{
    align-items:stretch;background:var(--bg);border:1px solid var(--border);border-top:0;
    box-shadow:0 12px 24px rgba(15,23,42,.08);
    display:none;flex-direction:column;gap:0;left:0;margin:8px 0 0 0;padding:8px 16px;position:absolute;right:0;top:100%;z-index:3100;
  }
  #topnav .menu.open{display:flex}
  #topnav .menu li{border-bottom:1px solid var(--border)}
  #topnav .menu li:last-child{border-bottom:0}
  #topnav .menu li a{border-bottom:0;padding:12px 4px;color:var(--muted)}
  #topnav .menu li a:hover{color:#1a49e9}
  #topnav .menu li a.active{color:#1a49e9!important}
  #topnav .menu-icon.active .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
  #topnav .menu-icon.active .bar:nth-child(2){opacity:0}
  #topnav .menu-icon.active .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
@media (min-width:981px){
  #topnav .menu{margin:0 0 0 auto}
}

/* ===== NAVBAR SEARCHBAR (stacked = same width) ===== */
.bg-white.border-bottom.border-top{
  padding:16px 0!important; border:0!important; box-shadow:none!important;
  --searchbar-btn-w:300px;
}
#searchbar td{vertical-align:middle}
#searchbar td:last-child{padding-left:14px}
#searchbar #query,#searchbar #search{height:44px!important;border-radius:12px!important}
#searchbar #query{box-sizing:border-box!important}
#searchbar #query::placeholder{color:#9CA3AF;opacity:1}
#searchbar #query::-webkit-input-placeholder{color:#9CA3AF;opacity:1}
#searchbar #query:-ms-input-placeholder{color:#9CA3AF}
#searchbar #query::-ms-input-placeholder{color:#9CA3AF}

#searchbar #search{
  display:grid!important; grid-template-columns:24px 1fr 24px;
  align-items:center!important; justify-items:center!important; text-align:center; gap:8px!important;
  padding:0 9px!important; line-height:1!important; width:var(--searchbar-btn-w)!important;
}
#searchbar #search i,#searchbar #search .btn-icon{grid-column:1;margin:0!important;width:18px;height:18px}
#searchbar #search::after{content:"";grid-column:3}

@media (max-width:980px){
  .bg-white.border-bottom.border-top{padding:22px 0!important;margin-bottom:22px!important}
  .bg-white.border-bottom.border-top .container,#searchbar{padding-left:16px!important;padding-right:16px!important;box-sizing:border-box}
  #searchbar table{width:100%}
  #searchbar tr{display:block}
  #searchbar td{display:block;width:100%;padding:0}
  #searchbar td:last-child{padding-left:0;margin-top:12px}
  #searchbar #query,#searchbar #search{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  #searchbar #search{grid-template-columns:22px 1fr 22px}
}
@media (max-width:600px){
  .bg-white.border-bottom.border-top .container,#searchbar{padding-left:20px!important;padding-right:20px!important}
  #searchbar #search{grid-template-columns:20px 1fr 20px}
}

/* ===== HERO ===== */
.banner-section .header-text{
  padding-left:max(var(--container-pad),calc((100vw - var(--container-max))/2 + var(--container-pad)));
  padding-right:max(var(--container-pad),calc((100vw - var(--container-max))/2 + var(--container-pad)));
}
.banner-section{
  background:#1B47FD;
  border-radius:10px;display:flex;align-items:center;min-height:360px;overflow:hidden;padding:32px 0;position:relative;z-index:1;
  border-radius:0 !important;
}
.banner-section .header-text{position:relative;width:100%}
.banner-section .container,
.item-search-tabs,
.item-search-tabs .tab-content,
.item-search-tabs .search-background{max-width:var(--rail-width);margin-left:auto;margin-right:auto}
.banner-section .container{padding-left:0;padding-right:0}
.banner-section .text-center{margin-left:auto;margin-right:auto;text-align:center!important;color:#fff}
.banner-section h1.mb-1{color:#fff!important;font-size:clamp(28px,5.2vw,48px);font-weight:800;letter-spacing:.3px;margin-bottom:24px}
.banner-section .text-center p{color:rgba(255,255,255,.92)!important;font-size:clamp(15px,2.6vw,20px);margin-bottom:36px}
.item-search-tabs .tab-content .search-background{background:transparent;border:0;box-shadow:none;padding:0}
.item-search-tabs .form.row.no-gutters{display:flex;align-items:center;justify-content:center;gap:12px;margin-left:auto;margin-right:auto}
.item-search-tabs .form .form-group{margin-bottom:0!important}
.item-search-tabs .form.row.no-gutters > [class*="col-"]{padding-left:0;padding-right:0;flex:0 0 auto;width:auto;max-width:none}

#query.form-control.border{
  background:rgba(255,255,255,.22) no-repeat 14px 50%/18px 18px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='0.95' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");
  border:1.5px solid rgba(255,255,255,.55)!important;
  border-radius:12px;
  box-shadow:0 0 0 1px rgba(255,255,255,.16) inset, 0 10px 24px rgba(0,0,0,.12);
  color:#fff; caret-color:#fff;
  height:48px; padding-left:44px; width:var(--button-width);
  backdrop-filter:saturate(160%) blur(2px);
  -webkit-backdrop-filter:saturate(160%) blur(2px);
}
#query::placeholder{ color:rgba(255,255,255,.88) }
#query:focus{
  outline:none;
  border-color:rgba(255,255,255,.8)!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.22), 0 12px 28px rgba(0,0,0,.14);
}
.btn.btn-orange.fs-14{
  background:#eaf2ff!important;color:#1a49e9!important;border:2px solid #bcd1ff;border-radius:14px;
  box-shadow:0 10px 22px rgba(9,23,83,.18);
  font-weight:600;height:48px;padding:0 16px;width:var(--search-btn-width, 180px)!important;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;text-align:center;
  transition:background .15s ease,color .15s ease,box-shadow .2s ease,border-color .15s ease,transform .05s ease;
}
.btn.btn-orange.fs-14 .btn-icon{width:18px;height:18px;display:block;color:inherit}
.btn.btn-orange.fs-14:hover{background:#dbe6ff!important;color:#173fe5!important;border-color:#a8c0ff;box-shadow:0 12px 26px rgba(9,23,83,.24);font-weight:700;transform:translateY(-1px)}
.btn.btn-orange.fs-14:active{transform:translateY(0)}

.banner-section .col-xl-10.col-lg-12.col-md-12.d-block.mx-auto{margin-left:auto!important;margin-right:auto!important;max-width:var(--rail-width)}
.item-search-tabs .form.row.no-gutters{width:calc(var(--button-width) + 12px + var(--search-btn-width, 180px))}
@media (max-width:1024px){
  .banner-section{min-height:auto;padding-top:24px}
  .banner-section .header-text{padding-left:var(--container-pad);padding-right:var(--container-pad)}
  .item-search-tabs .form.row.no-gutters{flex-direction:column;justify-content:center;align-items:stretch;width:100%;max-width:var(--controls-max);margin:0 auto}
  #query.form-control.border,.btn.btn-orange.fs-14{width:100%!important;max-width:var(--controls-max);margin:0 auto;box-sizing:border-box}
}

/* ===== LAYOUT ===== */
.section-rail{background:transparent;margin-top:10px}
.section-rail .container{padding-top:20px;padding-bottom:10px}
.section-rail__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.section-rail__title{margin:0;color:#0f2a5e;font-weight:800;font-size:14px;letter-spacing:.12em;text-transform:uppercase}
.section-rail__link{color:#3f67f6;font-weight:600;font-size:14px;text-decoration:none;cursor:default;}
.section-rail__underline{height:2px;position:relative;background:#d9e1f7;border-radius:2px}
.section-rail__underline::after{content:"";position:absolute;right:0;top:0;height:2px;width:58px;background:#3f67f6;border-radius:2px}

.section-rail .container,
.container.main{max-width:clamp(720px,96vw,1160px);margin:0 auto}

.container.main{background:transparent;border-radius:12px;padding:1px 18px 18px;margin:12px auto 28px;box-sizing:border-box}
.home .container.main{background:#eaf2ff}
.container.main > *:first-child{margin-top:0}

@media (max-width:768px){
  .section-rail .container{ padding-top:4px !important; }
  .home .container.main{
    padding-top:0 !important;
    margin-top:8px !important;
  }
  .home .container.main > :first-child{
    margin-top:0 !important;
    padding-top:0 !important;
  }
  .home .container.main ul,
  .home .container.main ol,
  .home .container.main .row{
    margin-top:0 !important;
    padding-top:0 !important;
  }
  .home .container.main .sublist-01{ padding-top:6px; }
}

@media (max-width:480px){
  .section-rail .container{ padding-top:2px !important; }
  .home .container.main{ margin-top:6px !important; }
}



/* ===== FOOTER ===== */
#footer {
    padding-top: 0;
}
#footer .footer-bg {
    background: #0d1421;
    text-align: center;
    font-size: 0.85rem;
    color: rgba(255,255,255,0.8);
}
#footer .footer-links {
    justify-content: center;
}
#footer .footer-links a {
    text-decoration: none;
    margin: 0 10px;
    font-size: 0.85rem;
    color: rgba(255,255,255,0.8);
}
#footer .footer-links a::before {
    content: none;
}
#footer .footer-links a:hover {
    text-decoration: underline;
    color: #ffffff;
}
#footer .footer-copy {
    font-size: 0.8rem;
    margin: 0;
    opacity: 0.9;
    color: rgba(255,255,255,0.7);
    text-align: center;
}
/* ===== CONTACT FORM ===== */
#contact-form{padding:16px}
#contact-form .contactus{
  max-width:720px;margin:16px auto;background:#fff;border-radius:16px;
  box-shadow:0 10px 20px rgba(15,23,42,.05),0 2px 6px rgba(15,23,42,.04);
  padding:24px 20px;
}
#contact-form h1{font-size:44px;line-height:1.1;margin:0 0 8px;color:#0f172a;text-align:center}
#contact-form .layout > p{margin:6px 0;color:#475569;font-size:18px}
#contact-form .contact{margin-top:12px}
#contact-form .contact p{margin:12px 0}
#contact-form input[type="email"],
#contact-form input[type="text"],
#contact-form input[name="name"],
#contact-form textarea,
#contact-form button[type="submit"]{width:100%;display:block;box-sizing:border-box}
#contact-form input[type="email"],
#contact-form input[type="text"],
#contact-form input[name="name"],
#contact-form textarea{
  border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#0f172a;font-size:16px;outline:none;transition:box-shadow .2s ease,border-color .2s ease;
}
#contact-form input[type="email"],
#contact-form input[type="text"],
#contact-form input[name="name"]{height:52px;padding:0 16px}
#contact-form textarea{min-height:140px;padding:12px 16px;resize:vertical}
#contact-form input::placeholder,#contact-form textarea::placeholder{color:#94a3b8}
#contact-form input:focus,#contact-form textarea:focus{box-shadow:0 0 0 4px rgba(59,130,246,.15)}
#contact-form button[type="submit"]{
  height:44px;padding:0 18px;border:0;border-radius:14px;font-size:16px;font-weight:500;letter-spacing:.2px;color:#fff;
  background:#1a49e9;
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 6px 14px rgba(0,0,0,.18);
  cursor:pointer;transition:transform .06s ease,filter .2s ease,box-shadow .2s ease,font-weight .06s ease;text-align:center;
}
#contact-form button[type="submit"]:hover{filter:brightness(1.05);font-weight:700}
#contact-form button[type="submit"]:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 4px 10px rgba(0,0,0,.18)}
@media (min-width:768px){
  #contact-form .contactus{padding:32px 28px}
  #contact-form h1{font-size:52px}
}

/* ===== MISC / LAYOUT ===== */
.layout{padding-top:10px}
#serp{padding-top:30px}
/* external-scripts box */
.item.item-external-scripts .border-true {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  box-shadow:
    0 0 0 1px rgba(0,0,0,0.06) inset,
    0 12px 28px rgba(0,0,0,0.12),
    0 2px 8px rgba(0,0,0,0.06);
  padding: 16px;
  overflow: hidden;
  margin-bottom: 24px;
}

/* table */
.item.item-paragraph table {
  border-collapse: collapse;
  border: 1px solid #000;
}
.item.item-paragraph table th,
.item.item-paragraph table td {
  border: 1px solid #000;
  padding: 4px 8px;
}
.item.item-paragraph table th {
  background: rgb(0, 0, 0);
  color: #FFFFFF;
  font-weight: 700;
}
.item.item-paragraph table tbody tr:nth-child(even) td {
  background: #f6f6f6;
}

@media (max-width:990px){
  #serp{padding-top:80px}
  .sublist-icon{width:100px!important;height:100px!important}
  .sublist-02{width:200px!important;height:200px!important}
  .sublist-label{font-size:30px!important}
  h1{font-size:24px}
  h2{font-size:20px}
  h3{font-size:18px}
}
@media (max-width:990px){
  .layout {
    padding-top : 10px;
  }
}

.floatpath {
   width         : 70%;
   margin-left   : auto;
   margin-right  : auto;
   display       : block;
}
@media (max-width:990px){
   .floatpath {
      width         : 100%;
      padding       : 0px;
      border        : none;
   }
}





/* --------------------------------------
         STYLES FOR BOX-BOLD
-------------------------------------- */

.cols:has(.box-bold) {
  border-radius: 26px;
  background: linear-gradient(102deg, #2C2E74 3.6%, #3F42B6 100%);
  padding: 55px 25px;
}

.cols:has(.box-bold) .chat-title {
  text-align: center;
}

.cols:has(.box-bold) .chat-title h3 {
  color: #fff;
  font-size: 29px;
  font-style: normal;
  font-weight: 900;
  line-height: 120%;
}

.cols:has(.box-bold) .chat-title p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

@media (min-width:600px) {
  .cols:has(.box-bold) .slide {
    background-color: #fff;
    border-radius: 18px;
    display: flex;
    gap: 8px;
    padding: 8px;
    max-width: 600px;
    margin: 0 auto;
  }
}

@media (max-width:600px) {
  .cols:has(.box-bold) {
    padding: 45px 20px;
  }
  .cols:has(.box-bold) .chat-title p {
    margin: 15px 0 25px;
  }
  .field.button-submit {
    padding: 16px 0 0 0 !important;
  }
}


/* --------------------------------------
         STYLES FOR BOX-SOFT
-------------------------------------- */

.cols:has(.box-soft) {
  border-radius: 10px;
  border: 1px solid #DBEAFE;
  background: linear-gradient(90deg, #EFF6FF 0%, #FAF5FF 100%);
  padding: 25px;
}


.cols:has(.box-soft) .chat-title h3 {
  color: #101828;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.cols:has(.box-soft) .chat-title p {
  color: #101828;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

@media (min-width:600px) {
  .cols:has(.box-soft) .slide {
    display: flex;
    gap: 8px;
  }

  .cols:has(.box-soft) .chat-title {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_i_5_1388)'%3E%3Cmask id='path-1-inside-1_5_1388' fill='white'%3E%3Cpath d='M0 14C0 6.26801 6.26801 0 14 0H34C41.732 0 48 6.26801 48 14V34C48 41.732 41.732 48 34 48H14C6.26801 48 0 41.732 0 34V14Z'/%3E%3C/mask%3E%3Cpath d='M0 14C0 6.26801 6.26801 0 14 0H34C41.732 0 48 6.26801 48 14V34C48 41.732 41.732 48 34 48H14C6.26801 48 0 41.732 0 34V14Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M0 14C0 6.26801 6.26801 0 14 0H34C41.732 0 48 6.26801 48 14V34C48 41.732 41.732 48 34 48H14C6.26801 48 0 41.732 0 34V14Z' fill='url(%23paint0_linear_5_1388)'/%3E%3Cpath d='M14 0V1H34V0V-1H14V0ZM48 14H47V34H48H49V14H48ZM34 48V47H14V48V49H34V48ZM0 34H1V14H0H-1V34H0ZM14 48V47C6.8203 47 1 41.1797 1 34H0H-1C-1 42.2843 5.71573 49 14 49V48ZM48 34H47C47 41.1797 41.1797 47 34 47V48V49C42.2843 49 49 42.2843 49 34H48ZM34 0V1C41.1797 1 47 6.8203 47 14H48H49C49 5.71573 42.2843 -1 34 -1V0ZM14 0V-1C5.71573 -1 -1 5.71573 -1 14H0H1C1 6.8203 6.8203 1 14 1V0Z' fill='white' fill-opacity='0.2' mask='url(%23path-1-inside-1_5_1388)'/%3E%3Cmask id='mask0_5_1388' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='12' y='12' width='24' height='24'%3E%3Crect x='12' y='12' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5_1388)'%3E%3Cpath d='M23.175 25.225L27.075 22.625C27.3083 22.475 27.425 22.2667 27.425 22C27.425 21.7333 27.3083 21.525 27.075 21.375L23.175 18.775C22.925 18.6083 22.6667 18.5958 22.4 18.7375C22.1333 18.8792 22 19.1 22 19.4V24.6C22 24.9 22.1333 25.1208 22.4 25.2625C22.6667 25.4042 22.925 25.3917 23.175 25.225ZM18 30L15.7 32.3C15.3833 32.6167 15.0208 32.6875 14.6125 32.5125C14.2042 32.3375 14 32.025 14 31.575V16C14 15.45 14.1958 14.9792 14.5875 14.5875C14.9792 14.1958 15.45 14 16 14H32C32.55 14 33.0208 14.1958 33.4125 14.5875C33.8042 14.9792 34 15.45 34 16V28C34 28.55 33.8042 29.0208 33.4125 29.4125C33.0208 29.8042 32.55 30 32 30H18ZM17.15 28H32V16H16V29.125L17.15 28Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_5_1388' x='0' y='0' width='48' height='50' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_5_1388'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_5_1388' x1='3' y1='-1.98076' x2='51' y2='46.0192' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232B7FFF'/%3E%3Cstop offset='1' stop-color='%239810FA'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    padding-left: 65px;
  }

  .cols:has(.box-soft) .chat-title h3 {
    margin-bottom: 4px;
  }
}

@media (max-width:600px) {
  .cols:has(.box-soft) {
    padding: 45px 20px;
  }
  .cols:has(.box-soft) .chat-title {
    text-align: center;
  }
  .cols:has(.box-soft) .chat-title p {
    margin: 15px 0 25px;
  }
  .cols:has(.box-soft) .field.button-submit {
    padding: 16px 0 0 0 !important;
  }
}