/* TR_OPEN_INDEX_PREMIUM_V10_20260716 */

:root{
  --v10-navy:#061a3d;
  --v10-navy2:#0b3470;
  --v10-blue:#0b5cff;
  --v10-cyan:#06b6d4;
  --v10-green:#10b981;
  --v10-orange:#ff6b00;
  --v10-text:#0f172a;
  --v10-muted:#64748b;
  --v10-border:#dce7f3;
  --v10-soft:#f5f9ff;
}

html{
  scroll-behavior:smooth;
}

body{
  color:var(--v10-text)!important;
  background:#f8fbff!important;
}

/* =========================
   PREMIUM HEADER
========================= */
#header{
  height:76px!important;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(214,225,240,.75)!important;
  box-shadow:0 12px 35px rgba(15,23,42,.08)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

#header .container{
  min-height:76px!important;
  display:flex!important;
  align-items:center!important;
}

.tr-abi-logo-v7,
.tr-abi-logo-v6,
.tr-abi-premium-logo{
  gap:11px!important;
}

.tr-abi-logo-v7-mark,
.tr-abi-logo-v6-mark,
.tr-abi-logo-mark{
  width:48px!important;
  height:48px!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 78% 15%,rgba(255,255,255,.42),transparent 30%),
    linear-gradient(135deg,#ff9500,#ff4b00 58%,#ffb13b)!important;
  box-shadow:
    0 14px 30px rgba(255,99,0,.30),
    inset 0 1px 0 rgba(255,255,255,.40)!important;
}

.tr-abi-logo-v7-title,
.tr-abi-logo-v6-title,
.tr-abi-logo-main{
  color:#0b1830!important;
  font-size:20px!important;
  font-weight:950!important;
  letter-spacing:-.55px!important;
}

.tr-abi-logo-v7-sub,
.tr-abi-logo-v6-sub,
.tr-abi-logo-sub{
  color:#64748b!important;
  letter-spacing:2px!important;
}

.nav-menu a{
  color:#26344e!important;
  font-size:13px!important;
  font-weight:850!important;
  border-radius:11px!important;
  padding:10px 11px!important;
}

.nav-menu a:hover,
.nav-menu .active > a{
  color:var(--v10-blue)!important;
  background:#edf4ff!important;
}

/* =========================
   HERO
========================= */
#hero.tr-new-hero{
  min-height:auto!important;
  padding:116px 0 58px!important;
  background:
    radial-gradient(circle at 90% 15%,rgba(6,182,212,.26),transparent 30%),
    radial-gradient(circle at 10% 90%,rgba(59,130,246,.18),transparent 32%),
    linear-gradient(135deg,#061a3d 0%,#0b3470 52%,#08758d 100%)!important;
  position:relative!important;
  overflow:hidden!important;
}

#hero.tr-new-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(120deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(30deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;
  background-size:62px 62px!important;
  pointer-events:none!important;
}

#hero .container{
  position:relative!important;
  z-index:2!important;
}

.tr-hero-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-bottom:15px!important;
  padding:8px 14px!important;
  color:#dffaff!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.17)!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:850!important;
  backdrop-filter:blur(10px)!important;
}

.tr-hero-title{
  color:#fff!important;
  font-size:48px!important;
  line-height:1.08!important;
  letter-spacing:-1.6px!important;
  font-weight:950!important;
  text-shadow:0 10px 30px rgba(0,0,0,.16)!important;
}

.tr-hero-title strong{
  color:#7ff7ea!important;
}

.tr-hero-sub{
  max-width:650px!important;
  margin:17px 0 24px!important;
  color:#d8ecff!important;
  font-size:16px!important;
  line-height:1.75!important;
  font-weight:650!important;
}

.tr-btn{
  min-height:48px!important;
  padding:12px 21px!important;
  border:0!important;
  border-radius:15px!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:0 13px 28px rgba(1,15,40,.20)!important;
  transition:.22s ease!important;
}

.tr-btn:hover{
  transform:translateY(-2px)!important;
}

.tr-btn-blue{
  background:linear-gradient(135deg,#1764ff,#08aee2)!important;
}

.tr-btn-green{
  background:linear-gradient(135deg,#0eae73,#10c894)!important;
}

.tr-btn-light{
  color:#12213d!important;
  background:linear-gradient(180deg,#fff,#eef5ff)!important;
}

/* Instant coupon hero card */
.tr-ic-compact-card{
  max-width:380px!important;
  padding:22px 21px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(14,165,233,.07),transparent 35%),
    rgba(255,255,255,.97)!important;
  box-shadow:
    0 30px 65px rgba(1,17,48,.28),
    inset 0 1px 0 rgba(255,255,255,.85)!important;
  backdrop-filter:blur(18px)!important;
}

.tr-ic-compact-card img{
  max-width:175px!important;
  margin:0 auto 12px!important;
  filter:drop-shadow(0 14px 18px rgba(15,23,42,.14))!important;
}

.tr-ic-compact-card h1,
.tr-ic-compact-card h2,
.tr-ic-compact-card h3,
.tr-ic-compact-card h4{
  color:#0b1830!important;
  font-size:20px!important;
  font-weight:950!important;
}

.tr-ic-compact-card p{
  color:#59677e!important;
  font-size:13.5px!important;
  font-weight:700!important;
}

/* Hero quick feature blocks */
.tr-quick{
  min-height:72px!important;
  padding:13px 14px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:17px!important;
  color:#fff!important;
  background:rgba(255,255,255,.085)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(12px)!important;
}

/* =========================
   SECTION TITLES
========================= */
#main section{
  padding:50px 0!important;
}

.section-title{
  margin-bottom:25px!important;
}

.section-title h2{
  padding:7px 15px!important;
  color:#0874a6!important;
  background:linear-gradient(180deg,#ecfbff,#e4f4ff)!important;
  border:1px solid #98dff2!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:1px!important;
}

.section-title p{
  margin-top:12px!important;
  color:#07152e!important;
  font-size:32px!important;
  line-height:1.18!important;
  font-weight:950!important;
  letter-spacing:-.9px!important;
}

/* =========================
   SERVICES
========================= */
.features{
  background:
    radial-gradient(circle at 10% 10%,rgba(14,165,233,.055),transparent 25%),
    #fff!important;
}

.features .icon-box{
  min-height:86px!important;
  padding:16px!important;
  border:1px solid var(--v10-border)!important;
  border-radius:20px!important;
  background:
    linear-gradient(145deg,#ffffff 0%,#f5f9ff 100%)!important;
  box-shadow:0 13px 30px rgba(15,23,42,.065)!important;
  transition:.22s ease!important;
}

.features .icon-box:hover{
  transform:translateY(-4px)!important;
  border-color:#b9d5ff!important;
  box-shadow:0 18px 38px rgba(15,23,42,.10)!important;
}

.features .icon-box i{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:15px!important;
  color:#0b5cff!important;
  background:linear-gradient(145deg,#e9f1ff,#dffaff)!important;
  box-shadow:0 8px 18px rgba(11,92,255,.10)!important;
}

.features .icon-box h3{
  color:#12203a!important;
  font-size:14px!important;
  font-weight:900!important;
}

/* =========================
   PRICING
========================= */
.pricing{
  background:#f5f9ff!important;
}

.pricing .box{
  padding:20px 18px!important;
  border:1px solid var(--v10-border)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(6,182,212,.075),transparent 35%),
    #fff!important;
  box-shadow:0 14px 32px rgba(15,23,42,.07)!important;
  transition:.22s ease!important;
}

.pricing .box:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 20px 42px rgba(15,23,42,.11)!important;
}

.pricing .box h3{
  color:#12213d!important;
  font-size:18px!important;
  font-weight:950!important;
}

.pricing .box h4{
  color:#0b5cff!important;
  font-size:30px!important;
  font-weight:950!important;
}

.pricing .btn-buy{
  border:0!important;
  border-radius:13px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#0b5cff,#06b6d4)!important;
  box-shadow:0 11px 24px rgba(11,92,255,.20)!important;
}

/* =========================
   FOOTER - REMOVE DUPLICATE CONTACT
========================= */
#footer{
  margin-top:0!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(6,182,212,.14),transparent 28%),
    linear-gradient(135deg,#06152f 0%,#0b2c5d 55%,#0b5270 100%)!important;
  border-top:0!important;
}

#footer .footer-top{
  padding:25px 0 14px!important;
  background:transparent!important;
}

/* Duplicate bottom Contact Us remove */
#footer .footer-top .footer-contact{
  display:none!important;
}

/* Remaining three footer columns */
#footer .footer-top .row{
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
}

#footer .footer-top .row > div{
  margin-bottom:10px!important;
}

/* Hidden Contact column itself */
#footer .footer-top .row > div:has(.footer-contact){
  display:none!important;
}

#footer .footer-top .footer-links,
#footer .footer-top .footer-newsletter{
  height:100%!important;
  min-height:245px!important;
  padding:19px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:20px!important;
  color:#fff!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.055))!important;
  box-shadow:
    0 16px 34px rgba(1,12,33,.20),
    inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(13px)!important;
}

#footer .footer-top h4{
  margin-bottom:13px!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:950!important;
}

#footer .footer-links ul li{
  padding:5px 0!important;
}

#footer .footer-links ul li i{
  color:#67f2df!important;
}

#footer .footer-links ul li a{
  color:#e4f3ff!important;
  font-size:13px!important;
  font-weight:750!important;
}

#footer .footer-links ul li a:hover{
  color:#7ff7ea!important;
  padding-left:4px!important;
}

#footer .footer-newsletter p{
  color:#e0f2ff!important;
  font-size:13px!important;
  line-height:1.6!important;
}

#footer .footer-newsletter form{
  margin-top:12px!important;
  padding:4px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
}

#footer .footer-newsletter input[type="text"],
#footer .footer-newsletter input[type="email"]{
  height:39px!important;
  color:#1e293b!important;
  background:#fff!important;
}

#footer .footer-newsletter input[type="submit"],
#footer .footer-newsletter button{
  height:39px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#10b981,#06b6d4)!important;
}

#footer .copyright,
#footer .credits{
  padding:11px 12px!important;
  color:#d9ecff!important;
  background:rgba(1,10,28,.46)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  font-size:12px!important;
}

/* Desktop footer widths */
@media(min-width:992px){
  #footer .footer-top .row > div:not(:has(.footer-contact)){
    flex:0 0 30%!important;
    max-width:30%!important;
  }

  #footer .footer-top .row > div:last-child{
    flex:0 0 40%!important;
    max-width:40%!important;
  }
}

/* =========================
   MOBILE
========================= */
@media(max-width:991px){

  #header{
    height:68px!important;
  }

  #header .container{
    min-height:68px!important;
  }

  #hero.tr-new-hero{
    padding:92px 0 34px!important;
  }

  .tr-hero-title{
    font-size:34px!important;
  }

  .tr-hero-sub{
    font-size:14px!important;
  }

  .tr-ic-compact-card{
    max-width:100%!important;
    margin-top:24px!important;
    padding:19px 17px!important;
    border-radius:25px!important;
  }

  #main section{
    padding:34px 0!important;
  }

  .section-title p{
    font-size:25px!important;
  }

  #footer .footer-top{
    padding:17px 0 7px!important;
  }

  #footer .footer-top .row{
    display:block!important;
  }

  #footer .footer-top .row > div{
    width:100%!important;
    max-width:100%!important;
  }

  #footer .footer-top .footer-links,
  #footer .footer-top .footer-newsletter{
    min-height:auto!important;
    padding:16px!important;
    border-radius:17px!important;
  }
}

@media(max-width:575px){

  .tr-hero-title{
    font-size:29px!important;
    letter-spacing:-.8px!important;
  }

  .tr-btn{
    width:100%!important;
  }

  .features .icon-box{
    min-height:72px!important;
    padding:13px!important;
    border-radius:17px!important;
  }

  .pricing .box{
    padding:17px 15px!important;
    border-radius:19px!important;
  }
}