/* Header added CSS */
    @media screen and (min-width:851px){.header-wrapper .container,header#header .nav-right,.fulltextblock, .fulltextblock h1, .container.banner_detail h1, .fulltextblock h2, .fulltextblock p, .fulltextblock ul, .fulltextblock ul li{opacity:0;animation:fadeIn 2.5s ease-in-out forwards;}.top_contact{opacity:0;animation:fadeIn 3s ease-in-out forwards;}.fixed-contact, .img-desktop{opacity:0;animation:fadeIn 2s ease-in-out forwards;}section.fulltextrow,.eventfiltercontainer{opacity:0;animation:fadeIn 2.5s ease-in-out forwards;}.header-wrapper { min-height: 80px; }.header-wrapper.stuck { min-height: 80px; }}
    @keyframes fadeIn{from{opacity:0}to{opacity:1}}
    p{font-family: 'Raleway';}
    section.imageinbg_overly .container p.texth2{font-size: 28px;line-height: 1.5;color: #fff;font-weight: 700;}
    p.textbelowimg{font-weight: 700;}p.portfolio-title{font-size: 22px !important;font-weight: 600 !important;}
    section.imageinbg_overly.mb-3.begindirect {margin-top: 20px;}.blk_title_desc h3,.blk_title_desc p.blktitle { font-weight: 600;font-size: 1.25em; } .roundimg { border-radius: 15px; } .imageinbg_overly .three-buttons button.btn.btn-primary::after{ width: 0; } .imageinbg_overly .three-buttons button.btn.btn-primary { margin-right: 24px; border-radius: 20px; } .imageinbg_overly .three-buttons button.btn.btn-primary img { width: 22px; height: 22px; position: relative; top: -2px; margin-right: 5px; } .featurecaseone:hover { background: #fff; } .textbelowimg{ text-align: center; font-style: italic; color: #008cc3; font-size: 18px; padding-top: 5px; } section.fulltextrow.event_remove_space .row { margin-left: -15px; margin-right: -15px; } section.fulltextrow.event_remove_space { margin-top: -2rem; } section.twocolrow.textleftimgright.event_remove_space { margin-top: -3rem; } section.fulltextrow.event_remove_space .container.pt-3.pb-3, section.fulltextrow.event_remove_space { padding-top: 0px !important; } .eventowlcarousel .owl-stage { margin: 0 auto; } .eventdataimg img { aspect-ratio: 3 / 2; object-fit: cover; } a.extlink { margin-bottom: 0; margin-left: 5px; background: #fff; margin-top: 20px; border-radius: 20px; padding: 8px 20px; display: inline-block; line-height: 1.5; color: #028ec5; font-size: 16px; position: relative; top: 12px; text-transform: uppercase; border: 1px solid #028ec5; font-weight: 600; transition: all ease-in 0.3s; } a.extlink:hover { color: #fff; background: #028ec5; border: 1px solid #028ec5; }  .cta_box a { background: #0095da; color: #fff; text-transform: uppercase; display: inline-block; border-radius: 5px; text-align: center; padding: 5px 10px; font-size: 16px; text-decoration: none; line-height: 1.2; margin-top: 10px; transition: all 0.3s ease-in; } .cta_box:hover a { border:1px solid #0095da; background: #fff; color: #0095da; } .event-item h2,.event-item .texth3 {font-size: 18px !important; line-height: 1.2 !important; font-weight: 600;} .texth3{color:#2D9FD8 !important;} .eventdatatitle h3, .eventdatatitle p.date, .eventlocation { font-size: 14px; font-weight: 500; } .eventdatatitle h3 i.fa, .eventlocation i.fa{ padding-right: 5px; } h2.portfolio-title { font-size: 24px !important; } @media screen and (max-width:992px){ section.imageinbg_overly.mb-3.position-relative { padding-bottom: 30px; } } @media screen and (min-width:1200px){ .eventowlcarousel.owl-carousel .owl-nav button span{ top: -32px; } .eventowlcarousel.owl-carousel button.owl-dot { margin-bottom: 0px; min-height: 2px; } } @media screen and (max-width:1449px){ .eventowlcarousel.owl-carousel .owl-nav button.owl-prev { left: -17px; } .eventowlcarousel.owl-carousel .owl-nav button.owl-next { right: -34px; } }.ttl{font-size:16px !important}.fulltextrow{padding:20px 0px 30px;} @media screen and (max-width: 576px) { a.extlink { margin-top: 10px; font-size: 14px; } button.btn.btn-primary.cta_light_blue { font-size: 14px; } } @media screen and (min-width: 433px) and (max-width: 576px) { a.extlink { top: 10; } } @media screen and (max-width: 432px) { a.extlink { top: 0; } }.otherimagesblock{ border: 1px solid #dedede; border-radius: 18px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; transition: all 0.3s ease-in; box-shadow: 0 0 10px #008cc329; }.otherimagesblock:hover { background: #f1f1f1; transition: all 0.3s ease-in; }.service-btn { padding: 12px 24px; border: 2px solid #009cd9; color: #009cd9; text-decoration: none; border-radius: 50px; font-weight: 600; transition: 0.3s; }.otherimagesblock img.img-fluid { max-height: 85px;width: auto; }a.blackcolor { color: #000; }

    /* New Design Section code */
      :root{--brand:#0098DA;--brand-2:#0143A3;--brand-soft:#ebf9ff;--brand-soft-2:#f0f9ff;--ink:#0a1f3c;--slate:#334155;--slate-2:#475569;--slate-3:#64748b;--line:#e2e8f0;--brand-blue-2: #2793D7; --brand-soft: #ebf9ff;--shadow-card:0 12px 32px -12px rgba(10,31,60,.14);--shadow-card:0 12px 32px -12px rgba(10,31,60,.14);--border:#e2e8f0;--brand-blue-dark:#006ac9;}
     a.extlink { margin-bottom: 0; margin-left: 5px; background: #fff; margin-top: 20px; border-radius: 20px; padding: 8px 20px; display: inline-block; line-height: 1.5; color: #028ec5; font-size: 16px; position: relative; top: 12px; text-transform: uppercase; border: 1px solid #028ec5; font-weight: 600; transition: all ease-in 0.3s; } a.extlink:hover { color: #fff; background: #028ec5; border: 1px solid #028ec5; }
      @media screen and (max-width: 576px) { a.extlink { margin-top: 10px; font-size: 14px; }}
      @media screen and (min-width: 433px) and (max-width: 576px) { a.extlink { top: 10; } }
      @media screen and (max-width: 432px) { a.extlink { top: 0; } }
      .cta_light_blue{font-weight:600;}
      /* Banner css */
        .stat-bar { display: flex; background: rgba(255, 255, 255, .15); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, .2); border-radius: 16px; max-width: 592px; margin-top: 24px; } .stat { flex: 1; padding: 10px; border-right: 1px solid rgba(255, 255, 255, .2); text-align: center;} .stat .v { font-weight: 800; font-size: 28px; line-height: 1; align-items: center; color: #fff; display: inline-flex; gap: 4px; } .stat .l { font-size: 10px; font-weight: 600; letter-spacing: .05em; color: rgba(255, 255, 255, .8); margin-top: .35rem; display: block; text-transform: uppercase; }
        @media screen and (max-width: 480px) { .stat-bar { flex-wrap: wrap; } .stat { flex: 0 0 50%; } .banner_detail{padding: 26px 0;} }    
    /* End  */
    /* Large CTA */
    .cta-large { background: linear-gradient( 135deg, #006a9a 0, #0098da 50%, #6ccef7 100% ); border-radius: 1.5rem; padding: 1.5rem 3rem; color: #fff; position: relative; } .cta-large h2 { font-size: clamp(28px, 3.5vw, 52px); font-weight: 700; line-height: 1.05; } .cta-large-heading { color: #fff; font-weight: 700 !important; font-size: 42px !important; line-height: normal !important; } .btn-pill-custom { display: inline-flex; align-items: center; background: #fff; color: #0098da; font-weight: 700; border-radius: 50px; transition: 0.35s; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); } .btn-pill-custom:hover { color: #0098da; transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0, 152, 218, 0.2); } .btn-pill-custom span:first-child { padding: 12px; } .btn-pill-custom .btn-icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: start; } .btn-pill-custom .btn-icon i { transition: transform 0.3s ease; } /* Arrow moves slightly top-right */ .btn-pill-custom:hover .btn-icon i { transform: translate(3px, -3px); } .large-cta-atag { color: #fff !important; font-weight: 650; transition: font-weight 0.3s ease; }
 
    /* End */
    .lightbluebg { background: #eaf7fd; } .lightbluebg .imagesblock { background: #fff; border: 1px solid #0000001A; border-radius: 16px; padding-bottom: 20px; height: 100%; } .lightbluebg .imagesblock .roundimg { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .imagesblock .roundimg { aspect-ratio: 3 / 2; object-fit: cover; height: 240px; } .roundimg { border-radius: 15px; } .lightbluebg .imagesblock .blk_title_desc { padding: 0 20px; } body .threecolcta .wht_we_do_blk { color: #000000; } .lightbluebg .blktitle { color: #2D9FD8; text-transform: uppercase; }

    /* New why Choose us */
    .wcu-card { background: #fff; border: 1px solid rgba(0, 152, 218, .1); border-radius: 1rem; padding: 1.5rem 1rem; box-shadow: 0 4px 20px -8px rgba(1, 67, 163, .12); transition: .5s; height: 100%; text-align: center; } .wcu-card p{margin-bottom:0;} .wcu-halo::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: linear-gradient(135deg, rgba(0, 152, 218, .15), rgba(1, 67, 163, .1)); transition: transform .5s; } .wcu-halo { width: 80px; height: 80px; margin: 0 auto 1.25rem; display: flex; align-items: center; justify-content: center; position: relative; } .wcu-halo::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: linear-gradient(135deg, rgba(0, 152, 218, .15), rgba(1, 67, 163, .1)); transition: transform .5s; } .wcu-card:hover { transform: translateY(-8px); border-color: rgba(0, 152, 218, .25); box-shadow: 0 24px 50px -16px rgba(0, 152, 218, .22); } .wcu-halo .inner { position: relative; width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg, #fff, #f0f9ff); box-shadow: 0 4px 14px -4px rgba(0, 152, 218, .25); display: flex; align-items: center; justify-content: center; padding: 10px; } .wcu-halo .inner img { width: 100%; height: 100%; object-fit: contain; transition: transform .5s; }

    /* Pricing guide secting */
    .pricing{ background:#f8fafc; padding:64px 0; } .pricing h2{ font-size:28px; font-weight:800; text-align:center; } .pricing .sub{ max-width:640px; margin:12px auto 40px; color:var(--slate-3); font-size:16px; text-align:center; } .pricing-grid{ display:grid; grid-template-columns:5fr 7fr; gap:48px; align-items:start; } .size-label{ display:block; margin-bottom:16px; color:#94a3b8; font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; } .size-tabs.nav{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:10px; } .size-tab.nav-link{ width:100%; margin:0; padding:16px 12px; background:#fff; color:inherit; border:1px solid #f1f5f9; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.04); text-align:center; text-transform:none; cursor:pointer; transition:.2s; } .size-tab.nav-link:hover{ color:inherit; border-color:rgba(0,152,218,.4); } .size-tab.nav-link:focus{ box-shadow:0 10px 30px rgba(0,0,0,.04); outline:none; } .size-tab.nav-link.active{ background:var(--brand); color:#fff; border-color:var(--brand); box-shadow:0 10px 24px rgba(0,152,218,.25); } .size-tab .n{ display:block; color:inherit; font-size:13px; font-weight:800; line-height:1.3; } .size-tab .s{ display:block; margin-top:4px; color:#94a3b8; font-size:10px; font-weight:600; line-height:1; letter-spacing:.15em; text-transform:uppercase; } .size-tab.active .s{ color:rgba(255,255,255,.8); } .size-desc{ position:relative; padding:20px 20px 20px 28px; background:#fff; color:var(--slate); border:1px solid #f1f5f9; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.04); font-size:14px; line-height:1.6; } .size-desc::before{ content:""; position:absolute; top:16px; bottom:16px; left:12px; width:3px; background:var(--brand); border-radius:2px; } .size-desc strong, .size-desc b{ color:var(--ink); } .size-desc p:last-child{ margin-bottom:0; } .price-cards-block .pricing-source-description{ display:none; } .price-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; } .price-card{ position:relative; display:flex; flex-direction:column; padding:28px; background:#fff; border:1px solid var(--line); border-radius:28px; box-shadow:0 4px 8px rgba(0,0,0,.03); transition:.3s; } .price-card:hover{ transform:translateY(-4px); border-color:rgba(0,152,218,.6); box-shadow:0 12px 40px -8px rgba(0,152,218,.2); } .price-card.pc-standard{ border-color:rgba(0,152,218,.4); box-shadow:0 8px 30px -10px rgba(0,152,218,.18); } .price-card.pc-premium{ background:linear-gradient(135deg,#fff,#f0f9ff); border-color:rgba(0,152,218,.3); } .price-card .top-accent{ position:absolute; top:0; right:32px; left:32px; height:3px; border-radius:0 0 3px 3px; } .price-card.pc-basic .top-accent{ background:linear-gradient( 90deg, rgba(0,152,218,.35), rgba(0,152,218,.1) ); } .price-card.pc-standard .top-accent{ background:linear-gradient( 90deg, var(--brand), rgba(0,152,218,.3) ); } .price-card.pc-premium .top-accent{ background:linear-gradient( 90deg, var(--ink), rgba(10,31,60,.3) ); } .price-card .head{ display:flex; align-items:center; gap:12px; margin-bottom:16px; } .price-card .num-box{ width:40px; height:40px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:rgba(0,152,218,.1); color:var(--brand); border-radius:12px; font-size:14px; font-weight:800; } .price-card.pc-premium .num-box{ background:rgba(10,31,60,.1); color:var(--ink); } .price-card .p-title{ margin:0; color:var(--ink); font-size:24px; font-weight:600; } .price-card .p-subtitle{ margin:0; font-size:14px; } .price-card .price{ margin-bottom:16px; color:var(--ink); font-size:36px; font-weight:800; letter-spacing:-.02em; } .price-card .divider{ width:100%; height:1px; margin-bottom:16px; background:linear-gradient( 90deg, transparent, rgba(148,163,184,.25), transparent ); } .price-card ul{ display:flex; flex-direction:column; gap:12px; margin:0; padding:0; list-style:none; } .price-card ul li{ display:flex; align-items:flex-start; gap:12px; color:var(--slate); font-size:13px; } .price-card ul li .chk{ width:24px; height:24px; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; background:rgba(0,152,218,.1); color:var(--brand); border-radius:50%; font-size:12px; font-weight:700; } .pricing-cta{ margin-top:32px; text-align:center; } @media screen and (min-width:961px) and (max-width:1230px){ .price-card{ padding:28px 15px; } .price-card .price{ font-size:26px; } } @media screen and (max-width:960px){ .pricing-grid{ grid-template-columns:1fr; gap:32px; } } @media screen and (min-width:561px) and (max-width:767px){ .price-cards{ grid-template-columns:repeat(2,1fr); } } @media screen and (max-width:560px){ .size-tabs.nav, .price-cards{ grid-template-columns:1fr; } }
    .btn-brand { background: var(--brand); color: #fff; box-shadow: 0 10px 24px -8px rgba(0, 152, 218, .5); } .btn-brand:hover { background: var(--ink); color: #fff; transform: translateY(-2px); } .btn-pill { gap: .6rem; transition: .3s; border-radius: 999px; padding: .8rem 1.6rem; font-size: 16px; font-weight: 600; letter-spacing: .03em; } .btn-pill, .top-row .brand { align-items: center; display: inline-flex; }
    
    /*----------------- Compare Table ------------------*/
    .compare-table-section{ --blue:#0098DA; --dark-blue:#0072B0; --navy:#0a1f3c; --light:#ebf9ff; padding:50px 0; background:var(--light); color:var(--navy); } .compare-table-section .compare-intro{ max-width:900px; margin:0 auto 30px; text-align:center; } .compare-table-section .compare-label{ display:inline-block; margin-bottom:10px; padding:6px 15px; border:1px solid rgba(0,152,218,.2); border-radius:30px; background:rgba(0,152,218,.1); color:var(--blue); font-size:11px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; } .compare-table-section h2{ margin-bottom:12px; font-size:28px; font-weight:700; line-height:1.2; } .compare-table-section .compare-intro p{ margin:0; color:#6b7280; font-size:15px; line-height:1.6; } 
    /*----------------- Table Wrapper ------------------*/ 
    .compare-table-wrap{ overflow-x:auto; border-radius:15px; box-shadow:0 12px 30px rgba(10,31,60,.08); } .compare-table{ width:100%; min-width:750px; margin:0; border-collapse:collapse; background:#fff; } .compare-table th, .compare-table td{ padding:14px 42px; border:1px solid rgba(10,31,60,.08); vertical-align:middle; font-size:16px; line-height:1.5; } /*----------------- Table Header ------------------*/ 
    .compare-table thead th{ font-size:18px; font-weight:700; text-align:left; } .compare-table thead th:first-child{ width:28%; background:var(--dark-blue); color:#fff; border-bottom:2px solid #fff; } .compare-table thead th:nth-child(2){ background:#97DDF5; color:#000; } .compare-table thead th:nth-child(3){ background:#C4EBF9; color:#000; } 
    /*----------------- Table Body ------------------*/ 
    .compare-table tbody th{ background:var(--blue); color:#fff; font-weight:700; border-bottom:2px solid #fff; } .compare-table tbody tr:nth-child(even) td{ background:#f4fbfe; } /*----------------- Feature ------------------*/ .compare-feature{ display:flex; align-items:center; gap:10px; } .compare-feature-text{ color:#fff; font-weight:700; text-transform:uppercase; } 
    /*----------------- Feature Icon ------------------*/ 
    .compare-icon{ position:relative; display:flex; align-items:center; justify-content:center; width:32px; height:32px; flex:0 0 32px; border-radius:50%; background:rgba(255,255,255,.2); color:#fff; cursor:pointer; transition: background-color .2s ease, color .2s ease, transform .2s ease; } .compare-icon i{ display:flex; align-items:center; justify-content:center; color:inherit; font-size:16px; line-height:1; } 
    /*----------------- Icon Hover ------------------*/ 
    .compare-icon:hover{ background:#fff; color:var(--blue); transform:scale(1.06); } 
    /*----------------- Tooltip ------------------*/ 
    .compare-icon::before{ content:attr(data-tooltip); position:absolute; left:50%; bottom:calc(100% + 10px); transform:translateX(-50%) translateY(4px); padding:6px 9px; background:var(--navy); color:#fff; border-radius:5px; font-size:12px; font-weight:600; line-height:1.2; letter-spacing:0; text-transform:none; white-space:nowrap; opacity:0; visibility:hidden; pointer-events:none; z-index:9999; transition: opacity .2s ease, transform .2s ease, visibility .2s ease; } 
    /*----------------- Tooltip Arrow ------------------*/ 
    .compare-icon::after{ content:""; position:absolute; left:50%; bottom:calc(100% + 4px); transform:translateX(-50%) translateY(4px); width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid var(--navy); opacity:0; visibility:hidden; pointer-events:none; z-index:999; transition: opacity .2s ease, transform .2s ease, visibility .2s ease; } 
    /*----------------- Show Tooltip ------------------*/ 
    .compare-icon:hover::before, .compare-icon:hover::after{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); } 
    /*----------------- Mobile ------------------*/ 
    @media(max-width:767px){ .compare-table-section{ padding:35px 0; } .compare-table-section h2{ font-size:24px; } .compare-table-section .compare-intro p{ font-size:14px; } .compare-table th, .compare-table td{ padding:12px 15px; } } .content-section{background:#ebf9ff;}

    /* New CTA Version 3 */ 
    .cta-contact { background: var(--brand-soft); padding: 36px 0; } .cta-contact .card { position: relative; background: #fff; border-radius: 24px; box-shadow: 0 25px 50px -20px rgba(10, 31, 60, .1); overflow: hidden; display: flex; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem; } .cta-contact .accent { width: 12px; flex-shrink: 0; height: 100%; position: absolute; left: 0; } .cta-contact .accent { background: var(--brand); } .cta-contact .cta_body { flex: 1; padding: 40px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; justify-content: space-between; } @media screen and (min-width: 360px) { .cta-contact_box { min-width: auto; } } .cta-contact_box { flex: 1; } .cta-contact h3 { font-size: 28px; font-weight: 800; margin: 0; color: var(--ink); } .cta-contact p { color: var(--slate); font-size: 14px; line-height: 1.6; margin-top: 12px; } .cta-contact .info { font-weight: 500; color: var(--ink); } .cta-contact .info a { color: var(--brand); font-weight: 700; }

    
/* UPCOMING SHOWS + TESTIMONIALS CAROUSEL ---------------- */
    .shows-section { padding: 40px 0; background: #ebf9ff; }
    .shows-carousel-wrap, .testimonials-carousel-wrap { position: relative; }
    .carousel-arrow {
    display: none; position: absolute; top: 50%; transform: translateY(-50%);
    width: 44px; height: 44px; background: transparent; border: none; padding: 0;
    cursor: pointer; z-index: 10;
    }
    .carousel-arrow-left { left: 0; margin-left: -25px; }
    .carousel-arrow-right { right: 0; margin-right: -25px; }
    .carousel-arrow img { width: 44px; height: 44px; object-fit: contain; }
    @media (min-width: 768px) { .carousel-arrow { display: flex; } }

    .shows-track {
    display: flex; gap: 20px; scroll-behavior: smooth;
    scroll-snap-type: x mandatory; padding: 0 22px 8px;
    scrollbar-width: none;
    }
    .shows-track::-webkit-scrollbar { display: none; }
    .show-card {
    background: #fff; border-radius: 8px; overflow: hidden;
    flex-shrink: 0; scroll-snap-align: start;
    box-shadow: 0 2px 12px rgba(15,23,42,0.05);
    transition: transform 0.5s;
    }

    .show-card:hover { transform: translateY(-4px); }
    .show-body { padding: 28px; display: flex; flex-direction: column; height: 100%; }
    .show-logo { width: 112px; height: 112px; margin: 0 auto 20px; transition: transform 0.5s; }
    .show-card:hover .show-logo { transform: scale(1.05); }
    .show-logo img { width: 100%; height: 100%; object-fit: contain; }
    .show-name { text-align: center; font-family: 'Noto Sans', sans-serif; font-weight: 800; font-size: 16px; color: #0f172a; letter-spacing: 0.04em; margin: 0 0 16px; line-height: 1.2; }
    .show-loc { display: inline-flex; align-items: center; gap: 6px; text-transform: uppercase; font-family: 'Noto Sans', sans-serif; font-weight: 700; font-size: 11px; color: var(--brand-blue-2); letter-spacing: 0.08em; margin-bottom: 8px; }
    .show-date { display: flex; align-items: center; gap: 6px; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 600; font-size: 11px; color: #475569; letter-spacing: 0.05em; margin-bottom: 20px; white-space: nowrap; }
    .show-actions { display: flex; gap: 12px; margin-top: auto; }
    .show-btn-outline, .show-btn-filled {
    flex: 1; height: 40px; border-radius: 56.5px; font-weight: 700; font-size: 10px !important;
    letter-spacing: 0.05em; text-transform: uppercase; cursor: pointer;
    transition: all 0.3s;
    }
    .show-btn-outline { border: 1px solid var(--brand-blue-2); background: transparent; color: var(--brand-blue-2);     padding: 12px 8px 10px 8px;}
    .show-btn-outline:hover { background: #eff8fe; }
    .show-btn-filled { border: 1px solid var(--brand-blue-2); background: var(--brand-blue-2); color: #fff; font-size: 12px; }
    .show-btn-filled:hover { filter: brightness(1.1); box-shadow: 0 4px 12px rgba(39,147,215,0.3); }
    .shows-track.owl-carousel {
    overflow: hidden;}.sectiontitle{    text-align: center;}

    /* New Faq Design */
    /* ============ FAQ ============ */
    .faq{background:var(--brand-soft);padding:48px 0}
    .faq .center{text-align:center}
    .faq h2{font-size:28px;font-weight:700;margin-top:12px}
    .faq .list{max-width:1152px;margin:32px auto 0;display:flex;flex-direction:column;gap:8px}
    .faq-item{background:#fff;border:1px solid #f3f4f6;border-radius:14px;padding:0 12px;transition:.3s}
    .faq-item:hover{border-color:rgba(0,152,218,.3);box-shadow:0 6px 24px -10px rgba(0,152,218,.16)}
    .faq-item.open{border-color:rgba(0,152,218,.2);box-shadow:0 8px 28px -10px rgba(0,152,218,.2)}
    .faq-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:60px;background:none;border:none;text-align:left;color:var(--ink);font-size:16px;font-weight:600;cursor:pointer;padding:0;margin-bottom: 0;transition:.2s}
    .faq-btn:hover{color:var(--brand)}
    .faq-item.open .faq-btn{color:var(--brand);    margin-bottom: 10px;}
    .faq-btn .ic{width:24px;height:24px;border-radius:50%;background:rgba(0,152,218,.1);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:.3s}
    .faq-item.open .faq-btn .ic{background:var(--brand);color:#fff}
    .faq-item.open .faq-btn .ic .bi-plus-lg::before { content: "\f2ea";}
    .faq-answer div{padding:0 0 12px;font-size:14px;line-height:1.6;color:#6b7280}
    .faq-item .faq-btn span { text-transform: none;line-height: 1.2; }
    .eyebrow{
    display:inline-flex;align-items:center;gap:.5rem;
    font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
    color:var(--brand);background:rgba(0,152,218,.10);border:1px solid rgba(0,152,218,.2);
    padding:6px 16px;border-radius:999px;
    }
    .eyebrow .pulse{position:relative;width:8px;height:8px;display:inline-flex}
    .eyebrow .pulse::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--brand);opacity:.75;animation:ping 1.6s cubic-bezier(0,0,.2,1) infinite}
    .eyebrow .pulse::after{content:"";position:relative;width:8px;height:8px;border-radius:50%;background:var(--brand)}
    .eyebrow.on-dark{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
    .eyebrow.on-dark .pulse::before,.eyebrow.on-dark .pulse::after{background:#fff}

    /* practical_tips_section */
    .tips-section{padding-top:48px;padding-bottom:48px;}
  @media (min-width:768px){.tips-section{padding-top:64px;padding-bottom:64px;}}
  .tips-head{margin-bottom:40px;}
  @media (min-width:768px){.tips-head{margin-bottom:48px;}}
  .tip-card{
    position:relative;overflow:hidden;height:100%;
    border-radius:16px;border:1px solid rgba(255,255,255,.6);background:#fff;
    padding:24px;box-shadow:var(--shadow-card);
    transition:transform .3s ease, box-shadow .3s ease;
  }
  @media (min-width:768px){.tip-card{padding:32px;}}
  .tip-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-premium);}
  .tip-inner{display:flex;align-items:flex-start;gap:20px;}
  .tip-icon{
    display:flex;height:48px;width:48px;flex:0 0 48px;align-items:center;justify-content:center;
    border-radius:12px;background:var(--brand);color:#fff;
    box-shadow:0 10px 15px -3px rgba(0,152,218,.2);transition:background-color .3s ease;
  }
  .tip-card:hover .tip-icon{background:var(--brand-blue-dark);}
  .tip-icon svg{height:24px;width:24px;}
  .tip-title{font-size:18px;font-weight:700;line-height:1.2;color:var(--ink);margin:0 0 8px;}
  @media (min-width:768px){.tip-title{font-size:20px;}}
  .tip-text{font-size:14px;line-height:1.65;color:rgba(10,31,60,.7);margin:0;}
  @media (min-width:768px){.tip-text{font-size:15px;}}