/* TR_OPEN_INDEX_PREMIUM_V11_FINAL_20260716 */

:root{
  --v11-navy:#06172f;
  --v11-navy2:#0a3470;
  --v11-blue:#1764ff;
  --v11-cyan:#06b6d4;
  --v11-green:#10b981;
  --v11-orange:#ff6500;
  --v11-text:#0b1830;
  --v11-muted:#64748b;
  --v11-border:#d9e5f2;
}

/* ==========================================
   FORCE FINAL HEADER
========================================== */
#header{
  height:74px!important;
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid rgba(207,220,238,.78)!important;
  box-shadow:0 12px 34px rgba(15,23,42,.09)!important;
  backdrop-filter:blur(18px)!important;
}

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

.nav-menu a{
  color:#24324a!important;
  background:transparent!important;
  border-radius:11px!important;
  font-size:13px!important;
  font-weight:900!important;
}

.nav-menu a:hover,
.nav-menu .active > a{
  color:#0b5cff!important;
  background:#edf4ff!important;
}

/* ==========================================
   HERO - STRONGER NEW DESIGN
========================================== */
#hero.tr-new-hero{
  min-height:520px!important;
  padding:118px 0 54px!important;
  background:
    radial-gradient(circle at 88% 16%,rgba(34,211,238,.28),transparent 31%),
    radial-gradient(circle at 12% 86%,rgba(59,130,246,.19),transparent 34%),
    linear-gradient(132deg,#06172f 0%,#0a3470 52%,#07839a 100%)!important;
  position:relative!important;
  overflow:hidden!important;
}

#hero.tr-new-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(118deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(28deg,rgba(255,255,255,.022) 1px,transparent 1px)!important;
  background-size:68px 68px!important;
  opacity:.9!important;
}

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

.tr-hero-title{
  max-width:670px!important;
  color:#fff!important;
  font-size:51px!important;
  line-height:1.04!important;
  letter-spacing:-1.8px!important;
  font-weight:950!important;
}

.tr-hero-title strong{
  color:#71f4df!important;
}

.tr-hero-sub{
  max-width:670px!important;
  margin:18px 0 24px!important;
  color:#d8edff!important;
  font-size:16px!important;
  line-height:1.7!important;
  font-weight:700!important;
}

.tr-hero-badge{
  padding:8px 15px!important;
  color:#e5fbff!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(12px)!important;
}

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

.tr-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 34px rgba(1,15,40,.28)!important;
}

.tr-quick{
  min-height:74px!important;
  padding:13px 14px!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.17)!important;
  border-radius:18px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.065))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 10px 24px rgba(0,0,0,.09)!important;
  backdrop-filter:blur(12px)!important;
}

/* Instant Coupon */
.tr-ic-compact-card{
  max-width:380px!important;
  padding:21px 21px 20px!important;
  border:1px solid rgba(255,255,255,.70)!important;
  border-radius:31px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(6,182,212,.09),transparent 37%),
    linear-gradient(145deg,#ffffff,#f4f8ff)!important;
  box-shadow:
    0 32px 70px rgba(1,15,44,.29),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
}

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

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

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

/* ==========================================
   SERVICES / CARDS
========================================== */
#main section{
  padding:48px 0!important;
}

.section-title h2{
  padding:7px 16px!important;
  color:#0877a7!important;
  background:linear-gradient(180deg,#edfcff,#e4f5ff)!important;
  border:1px solid #8fdcf1!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:1px!important;
}

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

.features .icon-box{
  min-height:88px!important;
  padding:16px!important;
  border:1px solid var(--v11-border)!important;
  border-radius:21px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(6,182,212,.055),transparent 38%),
    linear-gradient(145deg,#fff,#f5f9ff)!important;
  box-shadow:0 14px 32px rgba(15,23,42,.07)!important;
}

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

/* ==========================================
   MAIN CONTACT SECTION - NEW BACKGROUND
========================================== */
#contact,
.contact{
  padding:56px 0!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 85% 12%,rgba(34,211,238,.20),transparent 30%),
    radial-gradient(circle at 10% 90%,rgba(59,130,246,.15),transparent 32%),
    linear-gradient(135deg,#06182f 0%,#0a3470 58%,#08758c 100%)!important;
  position:relative!important;
  overflow:hidden!important;
}

#contact:before,
.contact:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:62px 62px;
  pointer-events:none;
}

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

#contact .section-title h2,
.contact .section-title h2{
  color:#dffaff!important;
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.20)!important;
}

#contact .section-title p,
.contact .section-title p{
  color:#fff!important;
}

/* Left contact details card */
#contact .info,
.contact .info{
  padding:22px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:24px!important;
  color:#fff!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.07))!important;
  box-shadow:
    0 20px 44px rgba(1,12,33,.22),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(13px)!important;
}

#contact .info h4,
.contact .info h4{
  color:#fff!important;
  font-size:18px!important;
  font-weight:950!important;
}

#contact .info p,
#contact .info a,
.contact .info p,
.contact .info a{
  color:#dcefff!important;
  font-weight:700!important;
}

#contact .info i,
.contact .info i{
  color:#70f4df!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.13)!important;
}

/* QR / right contact area */
#contact .php-email-form,
#contact .col-lg-5,
.contact .php-email-form,
.contact .col-lg-5{
  color:#fff!important;
}

#contact img,
.contact img{
  padding:12px!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 18px 40px rgba(1,12,33,.23)!important;
}

/* ==========================================
   FOOTER FINAL - ONLY USEFUL + SERVICES
========================================== */
#footer{
  margin-top:0!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(6,182,212,.13),transparent 27%),
    linear-gradient(135deg,#041329,#092957 58%,#0a506b 100%)!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}

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

/* JavaScript also removes these; CSS is fallback */
#footer .footer-contact,
#footer .footer-newsletter{
  display:none!important;
}

/* Remove any empty Bootstrap columns left behind */
#footer .tr-footer-hidden-column{
  display:none!important;
}

#footer .footer-top .row{
  display:flex!important;
  justify-content:center!important;
  align-items:stretch!important;
  flex-wrap:wrap!important;
  margin-left:-8px!important;
  margin-right:-8px!important;
}

#footer .footer-top .row > div{
  padding-left:8px!important;
  padding-right:8px!important;
  margin-bottom:8px!important;
}

#footer .footer-links{
  height:100%!important;
  min-height:220px!important;
  padding:20px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:21px!important;
  color:#fff!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.06))!important;
  box-shadow:
    0 17px 36px rgba(1,12,33,.20),
    inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(13px)!important;
}

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

#footer .footer-links ul{
  margin:0!important;
  padding:0!important;
}

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

#footer .footer-links ul li i{
  color:#68f3df!important;
}

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

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

#footer .copyright,
#footer .credits{
  padding:10px 12px!important;
  color:#d9edff!important;
  background:rgba(1,9,26,.48)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  font-size:12px!important;
}

/* exactly two footer cards */
@media(min-width:992px){
  #footer .tr-footer-visible-column{
    flex:0 0 38%!important;
    max-width:38%!important;
  }
}

/* ==========================================
   MOBILE
========================================== */
@media(max-width:991px){
  #header{
    height:68px!important;
  }

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

  #hero.tr-new-hero{
    min-height:auto!important;
    padding:94px 0 35px!important;
  }

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

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

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

  #contact,
  .contact{
    padding:38px 0!important;
  }

  #contact .info,
  .contact .info{
    padding:17px!important;
    border-radius:19px!important;
  }

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

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

  #footer .footer-top .row > div,
  #footer .tr-footer-visible-column{
    width:100%!important;
    max-width:100%!important;
    padding:0 10px!important;
  }

  #footer .footer-links{
    min-height:auto!important;
    padding:17px!important;
    border-radius:18px!important;
  }
}

@media(max-width:575px){
  .tr-hero-title{
    font-size:29px!important;
  }

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

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