@charset "utf-8";
html, body{font-family: 'Roboto', sans-serif;font-size: 17px;line-height: 1.47059;font-weight: 400;color: var(--black);font-style: normal;background-repeat: repeat-y;background-size: 100%;}
body.tr-home-page-351{overflow-x: hidden;}
.tr-headerBehind-263{height: 44px;}
:root {--default: #b06339; --black: #020203; --white: #f2f3f3;}
/* Brand blue (2026-09-11: warmer blue, replacing the electric #0228d8). Every
   blue on the site reads these two values - style.css, the Tailwind brand-500
   colour in inc/global.php, and the accent colours inside page content in the
   database. To retune the blue, change these two lines (keep them in sync). */
:root { --brand-blue: #3f51d8; --brand-blue-rgb: 63 81 216; }
*:focus {outline: none;}
h1,h2,h3,h4,h5,h6{font-family: 'Roboto', sans-serif}
h1{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
.tr-h1-968 {font-size: 38px;color: var(--default);font-weight: 400;line-height: 1;margin: 30px 0 60px 0;padding: 0;text-align: center;display: grid;position: relative;}
.tr-h1-page-231 {position: absolute;font-size: 40px;color: #fff;margin-bottom: 10px;font-weight: 600;line-height: 1;padding: 0;display: grid;z-index: 100;top: 50%;transform: translateY(-50%);z-index: 1;}
h1.tr-category-title-211{font-size: 38px;color: var(--default);font-weight: 400;line-height: 1;margin: 0 0 35px 0;padding: 0;text-align: center;display: grid;position: relative;}
h2{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit;}
a{text-decoration:none !important; color:inherit !important; outline:none !important;}
p{margin:0 0 20px 0;}
p:last-child{margin: auto;}
input:focus {outline:none;}
body.tr-doNotScroll-657{overflow:hidden; height:100vh;}
.tr-transition2s-644{transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s;}
.tr-transition3s-312{transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.tr-nonMobile-431{display: block;}
.tr-mobile-586 {display:none;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 3.5px rgba(0, 0, 0, 0.3);border-radius: 2.8px;}
::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.4);border-radius: 1.4px;}
::-webkit-scrollbar {height: 2.8px;width: 5.6px;}
.owl-dots{display: none;}
.owl-carousel .tr-item-459 img {width: 20px;height: auto;display: block;margin: auto;}
.owl-carousel {overflow: hidden;margin: auto;}
.owl-carousel .tr-item-459 {display: flex;justify-content: center;align-items: center;margin: auto;}
.owl-carousel .tr-item-459 img {max-width: 100%;height: auto;margin: auto;}

.tr-mobile-nav-321{display: none;}
.tr-nav-container-819{display: flex;justify-content: center;width: 100%;position: sticky;z-index: 100;}
.tr-nav-container-819 .tr-nav-holder-230 {z-index: 1000;display: flex;justify-content: space-between;align-items: center;padding: 0 18px;height: 110px;background: rgb(70 70 70 / 50%);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 12px;color: #fff;position: fixed;top: 0;left: 50%;width: 80%;transform: translateX(-50%);box-shadow: -2px 11px 20px 18px rgba(0, 0, 0, 0.08);}
.tr-nav-container-819 .tr-nav-holder-230 .tr-logo-holder-268{width: 30%;}
.tr-nav-container-819 .tr-nav-holder-230 .tr-logo-holder-268 .tr-header-logo-953{width: 150px;padding: 10px;}
/* .tr-nav-container-819 .tr-nav-holder-230 .tr-nav-link-holder-443{display: flex;gap: 25px;width: 57%;justify-content: end;color: #686868;font-size: 16px;font-weight: 600;}
.tr-nav-container-819 .tr-nav-holder-230 .tr-nav-link-holder-443 .tr-nav-link-container-560 li{position: relative;}
.tr-nav-container-819 .tr-nav-holder-230 .tr-nav-link-holder-443 .tr-nav-link-container-560 .tr-drop-menu-180{position: absolute;} */
.tr-nav-container-819 .tr-nav-holder-230 .tr-nav-link-holder-443 i.fa-solid.fa-angle-down {font-size: 13px;margin-left: 3px;color: #919191;}
.tr-nav-container-819 .tr-nav-holder-230 .tr-nav-btn-holder-240{display: flex;justify-content: end;width: 17%;}
.tr-nav-container-819 .tr-nav-holder-230 .tr-nav-btn-holder-240 a{background: var(--brand-blue);padding: 12px 35px;color: #fff;border-radius: 30px;font-weight: 600;}
.tr-banner-holder-217{background: linear-gradient(270deg, rgba(0, 0, 0, 0.9) 40%, rgba(0, 0, 0, 0.2) 100%), url(../image/f1.webp?v=1);background-size: cover;background-position: 35%;background-repeat: no-repeat;height: 890px;z-index: 1;position: relative;min-height: 100vh;}
.tr-banner-holder-217 .tr-banner-txt-holder-147 {position: absolute;top: 50%;right: 0;transform: translateY(-50%);color: #fff;animation: premiumFloat 6s ease-in-out infinite;}
@keyframes premiumFloat {
    0% {
        transform: translateY(-50%);
    }
    50% {
        transform: translateY(-52%);
    }
    100% {
        transform: translateY(-50%);
    }
}
.tr-banner-holder-217 .tr-banner-txt-holder-147 .tr-line-holder-936{display: flex;align-items: center;margin-bottom: 50px;}
.tr-banner-holder-217 .tr-banner-txt-holder-147 .tr-service-line-746{width: 65px;height: 2px;background: linear-gradient(90deg, var(--brand-blue) 0%, #02c160 100%);margin: 0;transition: all 0.6s ease-in-out;}
.tr-banner-holder-217 .tr-banner-txt-holder-147 .tr-banner-title-982{font-size: 56px;font-weight: 600;line-height: 61px;}
.tr-banner-holder-217 .tr-banner-txt-holder-147 .tr-banner-txt-260{font-size: 20px;}
.tr-banner-holder-217 .tr-banner-txt-holder-147 .tr-button-holder-977{display: flex;margin-top: 50px;}
.tr-banner-holder-217 .tr-banner-txt-holder-147 .tr-button-holder-977 .tr-start-btn-988{position: relative;background: linear-gradient(90deg, #1f2933 0%, var(--brand-blue) 100%);overflow: hidden;color: #ffffff; padding: 16px 40px; border-radius: 30px; text-decoration: none; font-weight: 700; font-size: 16px; margin-right: 10px; z-index: 0;}
.tr-banner-holder-217 .tr-banner-txt-holder-147 .tr-button-holder-977 .tr-start-btn-988::before {content: "";position: absolute;inset: 0;background: linear-gradient(90deg, #1f2933 0%, #2f7682 100%);opacity: 0;transition: opacity 0.5s ease;z-index: 1;}
.tr-banner-holder-217 .tr-banner-txt-holder-147 .tr-button-holder-977 .tr-start-btn-988:hover::before {opacity: 1;}

.tr-banner-holder-217 .tr-banner-txt-holder-147 .tr-button-holder-977 .tr-start-btn-988{z-index: 1;}
.tr-banner-holder-217 .tr-banner-txt-holder-147 .tr-button-holder-977 .tr-start-btn-988 span{position: relative;z-index: 2;}

.tr-banner-holder-217 .tr-banner-txt-holder-147 .tr-button-holder-977 .tr-about-btn-766{border: 2px solid rgba(255, 255, 255, 0.2);color: white;padding: 16px 40px;border-radius: 30px;font-weight: 600;font-size: 16px;transition: all 0.5s;}
.tr-banner-holder-217 .tr-banner-txt-holder-147 .tr-button-holder-977 .tr-about-btn-766:hover{border-color: var(--brand-blue);outline: 0;box-shadow: 0 0 6px rgba(3, 135, 130, 0.6);}

.tr-nav-container-819 .tr-nav-holder-230 .tr-menu-nav-holder-806{display: flex;padding: 0;margin: 0;gap: 15px;width: 57%;justify-content: end;height: 100%;align-items: center;}
.tr-nav-container-819 .tr-nav-holder-230 .tr-menu-nav-holder-806 .tr-menu-nav-bar-229{display: flex;list-style: none;padding: 0;margin: 0;gap: 10px;}
.tr-nav-container-819 .tr-nav-holder-230 .tr-menu-nav-holder-806 .tr-menu-nav-bar-229 .tr-menu-item-434{position: relative; }
.tr-nav-container-819 .tr-nav-holder-230 .tr-menu-nav-holder-806 .tr-menu-nav-bar-229 .tr-menu-item-434 > a{text-decoration: none;font-size: 14px;display: inline-block;color: #000;font-weight: 600;padding: 40px 0 40px 0;transition: 0.2s all;height: 100%;line-height: 2;}
.tr-nav-container-819 .tr-nav-holder-230 .tr-menu-nav-holder-806 .tr-menu-nav-bar-229 .tr-drop-menu-180{list-style: none;width: 250px;position: absolute;background: #ffffff;visibility: hidden;opacity: 0;flex-direction: column;transform: scaleY(0); transition: all 0.5s ease; transform-origin: top;border-radius: 0 0 5px 5px;box-shadow: 0 2px 13px rgba(0, 0, 0, 0.15);z-index: 10;border-top: 2px solid var(--brand-blue);padding: 0;color: #000;}
.tr-nav-container-819 .tr-nav-holder-230 .tr-menu-nav-holder-806 .tr-menu-nav-bar-229 .tr-menu-item-434:hover > .tr-drop-menu-180{visibility: visible;opacity: 1;transform: scaleY(1);}
.tr-nav-container-819 .tr-nav-holder-230 .tr-menu-nav-holder-806 .tr-menu-nav-bar-229 .tr-menu-item-434 .tr-drop-menu-180 li{padding: 12px 20px;}
.tr-nav-container-819 .tr-nav-holder-230 .tr-menu-nav-holder-806 .tr-menu-nav-bar-229 .tr-menu-item-434 .tr-drop-menu-180 li:hover{background: var(--brand-blue);padding: 12px 20px;color: #fff;}
.tr-nav-container-819 .tr-nav-holder-230 .tr-menu-nav-holder-806 .tr-menu-nav-bar-229 .tr-menu-item-434 .tr-drop-menu-180 li a{font-size: 16px;font-weight: 400;line-height: 1.3;}
.tr-nav-container-819 .tr-nav-holder-230 .tr-menu-nav-holder-806 .tr-menu-nav-bar-229 .tr-drop-menu-item-873{text-decoration: none;color: black;font-size: 18px;padding: 10px 15px;display: inline-block;}
.tr-nav-container-819 .tr-nav-holder-230 .tr-menu-nav-holder-806 .tr-menu-nav-bar-229 .tr-drop-menu-item-873:hover {background-color: #555;color: white;}
.tr-nav-container-819 .tr-nav-holder-230 .tr-menu-nav-holder-806 .tr-menu-nav-bar-229 .tr-drop-menu-item-873:hover > .tr-drop-menu-180{display: block; }
i.fa-solid.fa-angle-down.tr-menu-bar-210{margin-left: 3px;font-size: 13px;color: #fff;}








.tr-slider-holder-208 {background-color: rgb(var(--brand-blue-rgb) / 0.28);text-align: center;padding: 50px 0;}
.tr-slider-holder-208 .tr-slider-title-472 {font-size: 40px;color: #333333;font-weight: 600;}
.tr-slider-holder-208 .tr-slider-item-481 {display: flex;align-items: center;}
.tr-item-459{width: 50%;}

.tr-about-holder-651 {display: flex;gap: 200px;margin: 100px 0;flex-wrap: wrap;}
.tr-about-holder-651 .tr-about-left-380 {width: calc(45% - 100px);}
.tr-about-holder-651 .tr-about-right-621 {width: calc(55% - 100px);}
.tr-about-holder-651 .tr-about-right-621 .tr-about-title-728 {font-size: 36px;color: #232323;font-weight: 800;}
.tr-about-holder-651 .tr-about-right-621 .tr-about-txt-620 {font-size: 16px;color: #232323;}
.tr-about-holder-651 .tr-about-right-621 .tr-about-txt-620 .tr-about-icon-603{color: var(--brand-blue);font-size: 13px;border: 2px solid var(--brand-blue);width: 25px;height: 25px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;margin-right: 5px;}

.tr-service-holder-497{background: url(../image/service-bg2.webp);background-repeat: no-repeat;background-size: 200%;background-position: center;padding: 95px 0 84px;position: relative;z-index: 1;}
.tr-service-holder-497::before{position: absolute;content: "";z-index: -1;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(19, 19, 35, 0.9);}
.tr-service-holder-497 h2.tr-service-title-746 {font-size: 36px;color: #fff;font-weight: 600;padding: 0 0 50px 0;}
.tr-service-holder-497 .tr-service-content-741{display: flex;flex-wrap: wrap;gap: 25px;}
.tr-service-holder-497 .tr-service-content-741 .tr-service-item-345 {width: calc(25% - 80px / 4);background: #fff;border-radius: 5px;padding: 36px 15px 30px;position: relative;overflow: hidden;z-index: 1;}
.tr-service-holder-497 .tr-service-content-741 .tr-service-item-345::before {content: '';position: absolute;top: 0;left: 0;width: 20%;height: 20%;background: url(../image/box-bg3.png) no-repeat center/cover;border-radius: 4px;opacity: 0;transform: scale(0.5) skew(5deg, 5deg);transition: all 0.6s ease-in-out;z-index: -1;filter: hue-rotate(135deg);}
.tr-service-holder-497 .tr-service-content-741 .tr-service-item-345:hover::before {top: 0;left: 0;width: 100%;height: 100%;opacity: 1;transform: scale(1) skew(0deg, 0deg);border-radius: 0;}
.tr-service-holder-497 .tr-service-content-741 .tr-service-item-345 .tr-service-icon-holder-219{display: flex;justify-content: center;}
.tr-service-holder-497 .tr-service-content-741 .tr-service-item-345 .tr-service-icon-holder-219 img{width: 70px;background: #fff;padding: 5px;border-radius: 50%;}
.tr-service-holder-497 .tr-service-content-741 .tr-service-item-345 .tr-service-title-746{font-size: 22px;color: #232323;text-align: center;margin-top: 25px;transition: all 0.6s ease-in-out;}
.tr-service-holder-497 .tr-service-content-741 .tr-service-item-345 .tr-service-txt-115 {font-size: 16px;text-align: center;color: #686868;margin-bottom: 20px;transition: all 0.6s ease-in-out;}
.tr-service-holder-497 .tr-service-content-741 .tr-service-item-345 .tr-service-line-746{border: 1px solid var(--brand-blue);margin: 0 auto;width: 65px;margin-bottom: 20px;transition: all 0.6s ease-in-out;}
.tr-service-holder-497 .tr-service-content-741 .tr-service-item-345:hover .tr-service-title-746{color: #ffffff;}
.tr-service-holder-497 .tr-service-content-741 .tr-service-item-345:hover .tr-service-txt-115 {color: #ffffff;}
.tr-service-holder-497 .tr-service-content-741 .tr-service-item-345:hover .tr-service-line-746{color: #ffffff;}


.tr-markets-holder-351 h2.tr-service-title-746 {font-size: 36px;color: #fff;font-weight: 600;padding: 0 0 50px 0;}
.tr-markets-holder-351 .tr-markets-content-606{display: flex;flex-wrap: wrap;gap: 25px;position: absolute;top: 50%;transform: translateY(50%);}
.tr-markets-holder-351 .tr-markets-content-606 .tr-markets-item-849 {width: calc(20% - 100px / 5);background: #fff;border-radius: 5px;padding: 30px 20px 25px;position: relative;overflow: hidden;z-index: 1;}
.tr-markets-holder-351 .tr-markets-content-606 .tr-markets-item-849::before {content: '';position: absolute;top: 0;left: 0;width: 20%;height: 20%;background: url(../image/box-bg3.png) no-repeat center/cover;border-radius: 4px;opacity: 0;transform: scale(0.5) skew(5deg, 5deg);transition: all 0.6s ease-in-out;z-index: -1;filter: hue-rotate(190deg);}
.tr-markets-holder-351 .tr-markets-content-606 .tr-markets-item-849:hover::before {top: 0;left: 0;width: 100%;height: 100%;opacity: 1;transform: scale(1) skew(0deg, 0deg);border-radius: 0;}
.tr-markets-holder-351 .tr-markets-content-606 .tr-markets-item-849 .tr-markets-icon-holder-847{display: flex;justify-content: center;}
.tr-markets-holder-351 .tr-markets-content-606 .tr-markets-item-849 .tr-markets-icon-holder-847 img{width: 70px;background: #fff;padding: 5px;border-radius: 50%;}
.tr-markets-holder-351 .tr-markets-content-606 .tr-markets-item-849 .tr-markets-title-775{font-size: 22px;color: #232323;text-align: center;margin-top: 25px;transition: all 0.6s ease-in-out;}
.tr-markets-holder-351 .tr-markets-content-606 .tr-markets-item-849 .tr-markets-txt-142 {font-size: 16px;text-align: center;color: #686868;margin-bottom: 20px;transition: all 0.6s ease-in-out;}
.tr-markets-holder-351 .tr-markets-content-606 .tr-markets-item-849 .tr-markets-line-236{border: 1px solid var(--brand-blue);margin: 0 auto;width: 65px;margin-bottom: 20px;transition: all 0.6s ease-in-out;}
.tr-markets-holder-351 .tr-markets-content-606 .tr-markets-item-849:hover .tr-markets-title-775{color: #ffffff;}
.tr-markets-holder-351 .tr-markets-content-606 .tr-markets-item-849:hover .tr-markets-txt-142 {color: #ffffff;}
.tr-markets-holder-351 .tr-markets-content-606 .tr-markets-item-849:hover .tr-markets-line-236{color: #ffffff;}


.tr-choose-holder-895 {margin: 100px 0;}
.tr-choose-holder-895 h2.tr-choose-title-634{font-size: 36px;font-weight: 600;color: #232323;}
.tr-choose-holder-895 .tr-choose-txt-452{font-size: 16px;color: #686868;}
.tr-choose-holder-895 .tr-choose-txt-452:last-of-type{margin-bottom: 70px;}

.tr-testimonial-holder-995{background: url(../image/testimonial-bg.png);background-position: center;background-repeat: no-repeat;background-size: cover;padding: 95px 0 95px;position: relative;z-index: 1;}
.tr-testimonial-holder-995::before{filter: drop-shadow(0px 0 5px rgba(0, 0, 0, 0.1));}
.tr-testimonial-holder-995 .tr-testimonial-txt-holder-320 {display: flex;color: #fff;margin-bottom: 70px;flex-wrap: wrap;}
.tr-testimonial-holder-995 .tr-testimonial-txt-holder-320 .tr-left-txt-holder-142 {width: 60%;}
.tr-testimonial-holder-995 .tr-testimonial-txt-container-438{display: flex;flex-direction: column;}
.tr-testimonial-holder-995 .tr-testimonial-txt-container-438 .tr-line-holder-936{display: flex;align-items: center;margin-bottom: 10px;}
.tr-testimonial-holder-995 .tr-testimonial-txt-container-438 .tr-service-line-746{width: 40px;height: 2px;background: var(--brand-blue);margin: 0;transition: all 0.6s ease-in-out;margin-right: 10px;}
.tr-testimonial-holder-995 .tr-testimonial-txt-holder-320 .tr-right-txt-holder-268 {width: 40%;text-align: end;display: flex;justify-content: flex-end;gap: 170px;}
.tr-testimonial-holder-995 .tr-testimonial-txt-holder-320 .tr-right-txt-holder-268 .tr-top-txt-841 {font-size: 30px;font-weight: 600;margin-bottom: 5px;}
.tr-testimonial-holder-995 h2.tr-testimonial-title-400 {font-size: 36px;color: #fff;font-weight: 600;}
.tr-testimonial-holder-995 .tr-testimonial-content-641 .tr-testimonial-item-holder-928 {background: #fff;padding: 70px;}
.tr-testimonial-holder-995 .tr-testimonial-content-641 .tr-testimonial-item-holder-928 .tr-stars-holder-372{font-size: 16px;color: var(--brand-blue);}
.tr-testimonial-holder-995 .tr-testimonial-content-641 .tr-testimonial-item-holder-928 .tr-testimonial-item-164 .tr-item-txt-480{height: 40vh;}
 

.tr-proces-holder-889{background: url(../image/process-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;padding: 95px 0 170px;position: relative;z-index: 1;}
.tr-proces-holder-889 .tr-proces-txt-holder-199{display: flex;color: #fff;justify-content: space-between;margin-bottom: 40px;}
.tr-proces-holder-889 .tr-proces-txt-holder-199 .tr-proces-txt-container-412{display: flex;flex-direction: column;}
.tr-proces-holder-889 .tr-proces-txt-holder-199 .tr-proces-txt-container-412 .tr-line-holder-936{display: flex;align-items: center;margin-bottom: 10px;}
.tr-proces-holder-889 .tr-proces-txt-holder-199 .tr-proces-txt-container-412 .tr-service-line-746{width: 40px;height: 2px;background: var(--brand-blue);margin: 0;transition: all 0.6s ease-in-out;margin-right: 10px;}
.tr-proces-holder-889 .tr-proces-txt-holder-199 .tr-proces-title-140{font-size: 36px;font-weight: 600;}
.tr-proces-holder-889 .tr-proces-txt-holder-199 .tr-proces-txt-179{font-size: 16px;text-align: end;margin: 0;}

.tr-proces-banner-746{padding: 70px 0 17px;background: url(../image/process-bg2.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;border-radius: 3px;position: relative;width: 100%;bottom: 113px;z-index: 99;filter: hue-rotate(135deg);}
.tr-proces-banner-746 .tr-banner-content-231 {display: flex;gap: 20px;flex-wrap: wrap;}
.tr-proces-banner-746 .tr-banner-content-231 .tr-banner-item-549{width: calc(33% - 11px);text-align: center;color: #fff;margin-bottom: 30px;padding: 0 20px;}
.tr-proces-banner-746 .tr-banner-content-231 .tr-banner-item-549 .tr-banner-img-holder-225{display: flex;justify-content: center;}
.tr-proces-banner-746 .tr-banner-content-231 .tr-banner-item-549 .tr-banner-img-holder-225 .tr-banner-img-854 {width: 70px;filter: hue-rotate(220deg);}

.faq-holder{display: flex;}
.faq-holder .faq-left{width: 66%;}
.faq-holder .faq-right {width: 34%;}
.faq-holder .faq-img{filter: hue-rotate(290deg);}
.faq-holder .faq-left .faq-title{font-size: 36px;color: #232323;font-weight: 600;}
.faq-holder .faq-left .faq-txt {font-size: 16px;color: #686868;margin-top: 30px;}
.faq-holder .faq-left .faq-content{display: flex;flex-wrap: wrap;margin-top: 40px;}
.faq-holder .faq-left .faq-content .faq-item {width: 33%;margin-bottom: 35px;}
.faq-holder .faq-left .faq-content .faq-item .tr-content-title-307 {font-size: 24px;font-weight: 600;color: #232323;margin-bottom: 10px;}
.faq-holder .faq-left .faq-content .faq-item .tr-content-txt-423{font-size: 16px;color: #686868;}
.faq-holder .faq-title{font-size: 36px;color: #232323;font-weight: 600;}
.faq-sub-txt{font-size: 16px;color: #686868;margin-top: 30px;}


.tr-footer-banner-179{position: relative;background: url(../image/call-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;padding: 55px 42px;border-radius: 3px;z-index: 1;top: 100px;display: flex;filter: hue-rotate(135deg);}
.tr-footer-banner-179 .tr-left-content-153{width: 50%;}
.tr-footer-banner-179 .tr-left-content-153 .tr-banner-txt-260 {font-size: 35px;color: #fff;font-weight: 600;line-height: 40px;}
.tr-footer-banner-179 .tr-right-content-378{display: flex;flex-direction: column;color: #fff;font-weight: 600;gap: 5px;font-size: 18px;}

footer{background:linear-gradient(rgba(37, 37, 37, 0.6), rgba(37, 37, 37, 0.6)),url(../image/footer-bg.jpg);background-repeat: no-repeat;background-size: cover;padding: 105px 0 0px;}
footer .tr-footer-title-754{text-align: center;color: #fff;font-size: 30px;font-weight: 600;margin: 70px 0 20px 0;}
footer .tr-sub-title-399{text-align: center;color: #fff;font-size: 16px;}
footer .tr-links-holder-461{display: flex;color: #fff;padding: 0 200px;}
footer .tr-links-holder-461 .tr-quick-link-892{display: flex;flex-direction: column;width: 55%;gap: 10px;}
footer .tr-links-holder-461 .tr-contact-link-420 {display: flex;flex-direction: column;gap: 10px;}
footer .tr-links-holder-461 .tr-contact-link-420 .tr-media-link-639 .tr-media-link-holder-987 i{background: var(--brand-blue);border-radius: 100px;width: 35px;height: 35px;line-height: 35px;font-size: 16px;margin-right: 20px;text-align: center;}
footer .tr-links-holder-461 .tr-link-title-382 {font-size: 24px;font-weight: 600;margin-bottom: 5px;}
footer .tr-links-holder-461 .tr-link-line-228{border: 1px solid var(--brand-blue);width: 50px;margin-bottom: 20px;}
footer .tr-middle-txt-478{font-size: 12px;text-align: center;margin-top: 30px;color: #686868;}
footer .tr-bottom-lnk-646{text-align: center;color: #fff;margin-top: 30px;}
footer .tr-bottom-lnk-646 a{border-right: 2px solid #fff;padding-right: 5px;line-height: 2px;}
footer .tr-bottom-lnk-646 a:last-of-type{border-right: 1px solid #fff;border-right: 0;}
footer .tr-bottom-footer-454{margin-top: 85px;border-top: 1px solid #626065;padding: 30px 12px;text-align: center;}
footer .tr-bottom-footer-454 .tr-bottom-content-794{position: relative;}
footer .tr-bottom-footer-454 .tr-logo-holder-268{position: absolute;text-align: start;}
footer .tr-bottom-footer-454 .tr-logo-holder-268 .tr-footer-logo-768{width: 10%;}
footer .tr-bottom-footer-454 .tr-logo-holder-268 p{font-size: 12px;color: #fff;margin-top: 5px;}
footer .tr-last-txt-923{font-size: 10px;padding: 20px 20px 40px 20px;color: #fff;}

.tr-contact-banner-860{background: linear-gradient(rgba(19, 19, 35, 0.6), rgba(0, 0, 0, 0.5)), url(../image/f1-page.webp) no-repeat center / cover;height: 350px;position: relative;}
.tr-main-contact-359{background: url(../image/why-choose-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;padding: 100px 0 100px;}
.tr-contanct-hodler-945{display: flex;flex-wrap: wrap;gap: 20px;}
.tr-contanct-hodler-945 .tr-contactLeft-269{background: #1a73e8;padding: 50px 35px;width:calc(50% - 10px);}
.tr-contanct-hodler-945 .tr-contactLeft-269 .tr-content-holder-607{display: flex;gap: 15px;margin-bottom: 55px;}
.tr-contanct-hodler-945 .tr-contactLeft-269 .tr-content-holder-607:last-of-type{margin-bottom: 0;}
.tr-contanct-hodler-945 .tr-contactLeft-269 .tr-content-holder-607 .tr-icon-holder-106 i{background: var(--brand-blue);border-radius: 5px;color: #fff;font-size: 27px;display: inline-block;width: 50px;height: 50px;text-align: center;line-height: 50px;}
.tr-contanct-hodler-945 .tr-contactLeft-269 .tr-content-holder-607 .tr-txt-holder-942 p{color: rgba(255, 255, 255, 0.74);}
.tr-contanct-hodler-945 .tr-contactRight-705{box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);background: #fff;padding: 50px 40px;width:calc(50% - 10px)}
.tr-contanct-hodler-945 .tr-contactRight-705 .tr-contact-form-title-141{color: #232323;margin-bottom: 25px;line-height: 1.2;font-weight: 700;-webkit-transition: .5s;transition: .5s;font-size: 36px;}
.tr-contanct-hodler-945 .tr-contactRight-705 #contactForm .tr-pair-624{display: flex;margin-bottom: 25px;gap: 25px;flex-wrap: wrap;}
.tr-contanct-hodler-945 .tr-contactRight-705 #contactForm input{width:calc(50% - 13px);height: 50px;padding-left: 25px;background: #f7f4f4;border-radius: 30px;color: #232323;border: 1px solid rgba(35, 35, 35, 0.12);transition: .5s;}
.tr-contanct-hodler-945 .tr-contactRight-705 #contactForm textarea{width: 100%;background: #f7f4f4;padding-left: 25px;padding-top: 20px;height: 135px;border: 1px solid rgba(35, 35, 35, 0.12);border-radius: 30px;color: #232323;transition: .5s;margin-bottom: 25px;}
.tr-contanct-hodler-945 .tr-contactRight-705 #contactForm button{padding: 13px 15px;background: #1a73e8;display: block;color: #fff;border-radius: 30px;width: 100%;cursor: pointer;text-align: center;border: #1a73e8;transition: all .5s;}
.tr-contanct-hodler-945 .tr-contactRight-705 #contactForm button:hover{padding: 13px 15px;background: var(--brand-blue);display: block;color: #fff;border-radius: 30px;width: 100%;cursor: pointer;text-align: center;border: var(--brand-blue);}
.tr-contanct-hodler-945 .tr-contactRight-705 #contactForm button i{color: #fff;margin-right: 10px;}
.tr-contanct-hodler-945 .tr-contactRight-705 #contactForm button:hover i{color: #fff;margin-right: 10px;}
.tr-contanct-hodler-945 .tr-contactRight-705 #contactForm input:focus,
.tr-contanct-hodler-945 .tr-contactRight-705 #contactForm textarea:focus{border-color: var(--brand-blue);outline: 0;box-shadow: 0 0 6px rgba(3, 135, 130, 0.6);}
.tr-contact-banner-860 .tr-path-holder-295{position: absolute;top: 65%;transform: translateY(-65%);display: flex;align-items: center;}
.tr-contact-banner-860 .tr-path-holder-295 .tr-home-path-412{color: #fff !important;font-weight: 600;text-decoration: underline !important;}
.tr-contact-banner-860 .tr-path-holder-295 .tr-service-line-746{width: 20px;height: 2px;background: #fff;margin: 0 10px;transition: all 0.6s ease-in-out;}
.tr-contact-banner-860 .tr-path-holder-295 .tr-title-path-636{color: var(--brand-blue);font-weight: 600;}
.tr-contact-banner-860 .tr-bottom-path-982{position: absolute;right: 0;bottom: 0;background: var(--brand-blue);width: 32%;height: 53px;padding: 15px 60px 0;clip-path: polygon(6% 0%, 100% 0%, 100% 101%, 0% 101%);}
.tr-contact-banner-860 .tr-bottom-path-982 .tr-path-holder-295{position: absolute;top: 65%;transform: translateY(-65%);display: flex;align-items: center;}
.tr-contact-banner-860 .tr-bottom-path-982 .tr-path-holder-295 .tr-home-path-412{color: #fff;font-weight: 600;text-decoration: underline;font-size: 16px;}
.tr-contact-banner-860 .tr-bottom-path-982 .tr-path-holder-295 .tr-service-line-746{width: 20px;height: 2px;background: #fff;margin: 0 10px;transition: all 0.6s ease-in-out;}
.tr-contact-banner-860 .tr-bottom-path-982 .tr-path-holder-295 .tr-title-path-636{color: #fff;font-weight: 600;}


.tr-page-banner-412 {
    position: relative;
    background: linear-gradient(rgba(19, 19, 35, 0.25), rgba(0, 0, 0, 0.2)), url(../image/f1-page.webp) no-repeat center / cover;
    height: 400px;
    position: relative;
    z-index: 0;
}

.tr-page-banner-412 .tr-path-holder-295{position: absolute;top: 65%;transform: translateY(-65%);display: flex;align-items: center;}
.tr-page-banner-412 .tr-path-holder-295 .tr-home-path-412{color: #fff !important;font-weight: 600;text-decoration: underline !important;}
.tr-page-banner-412 .tr-path-holder-295 .tr-service-line-746{width: 20px;height: 2px;background: #fff;margin: 0 10px;transition: all 0.6s ease-in-out;}
.tr-page-banner-412 .tr-path-holder-295 .tr-title-path-636{color: var(--brand-blue);font-weight: 600;}
.tr-page-banner-412 .tr-bottom-path-982{position: absolute;right: 0;bottom: 0;background: var(--brand-blue);width: 32%;height: 53px;padding: 15px 60px 0;clip-path: polygon(6% 0%, 100% 0%, 100% 101%, 0% 101%);}
.tr-page-banner-412 .tr-bottom-path-982 .tr-path-holder-295{position: absolute;top: 65%;transform: translateY(-65%);display: flex;align-items: center;}
.tr-page-banner-412 .tr-bottom-path-982 .tr-path-holder-295 .tr-home-path-412{color: #fff;font-weight: 600;text-decoration: underline;font-size: 16px;}
.tr-page-banner-412 .tr-bottom-path-982 .tr-path-holder-295 .tr-service-line-746{width: 20px;height: 2px;background: #fff;margin: 0 10px;transition: all 0.6s ease-in-out;}
.tr-page-banner-412 .tr-bottom-path-982 .tr-path-holder-295 .tr-title-path-636{color: #fff;font-weight: 600;}

.tr-line-txt-891{font-size: 18px;text-transform: capitalize;font-weight: 500;color: var(--brand-blue);margin: 0 0 16px;position: relative;display: inline-block;}
.tr-line-txt-891::after{position: absolute;content: "";top: 14px;left: -55px;margin: auto;height: 2px;width: 41px;background: var(--brand-blue);}
.tr-line-txt-891::before{position: absolute;content: "";top: 14px;right: -55px;margin: auto;height: 2px;width: 41px;background: var(--brand-blue);}
.tr-page-txt-holder-548{text-align: center;}
.tr-page-txt-holder-548.tr-second-807{text-align: center;margin-top: 50px;}
.tr-page-container-212{display: flex;margin-top: 35px;gap: 15px;flex-wrap: wrap;align-items: center;justify-content: center;}
.tr-page-container-212 .tr-price-item-810{width: calc(33.3% - 10px);padding: 30px 25px;background: #fff;box-shadow: 0 0 25px rgb(0, 0, 0, 0.2);}
.tr-page-container-212 .tr-price-item-810.tr-bg-613{width: calc(33.3% - 10px);background: var(--brand-blue);padding: 30px 25px;}
.tr-page-container-212 .tr-price-item-810 .tr-price-title-869{text-align: center;font-size: 22px;font-weight: 600;color: #232323;}
.tr-page-container-212 .tr-price-item-810 .tr-price-437{text-align: center;font-size: 51px;font-weight: 600;color: #232323;margin-bottom: 25px;}
.tr-page-container-212 .tr-price-item-810 .tr-price-437.tr-bg-613{text-align: center;font-size: 51px;font-weight: 600;color: #fff;}
.tr-page-container-212 .tr-price-item-810 .tr-price-title-869.tr-bg-613{text-align: center;font-size: 22px;font-weight: 600;color: #fff;margin-bottom: 5px;}
.tr-page-container-212 .tr-price-item-810 .tr-price-title-869.tr-l-585{text-align: center;font-size: 22px;font-weight: 600;margin-bottom: 45px;}
.tr-page-container-212 .tr-price-item-810 .tr-price-txt-730{font-size: 18px;font-weight: 600;color: #686868;margin-bottom: 5px;}
.tr-page-container-212 .tr-price-item-810 .tr-price-txt-730.tr-bg-613{font-size: 18px;font-weight: 600;color: #fff;}
.tr-page-container-212 .tr-price-item-810 .tr-price-button-280{padding: 10px;background: var(--brand-blue);margin: 0 auto;width: 45%;text-align: center;color: #fff;border-radius: 50px;margin-top: 10px;font-weight: 600;}


.tr-section-holder-546{display: flex;flex-wrap: wrap;gap: 20px;margin-top: 50px;}
.tr-section-holder-546 .tr-left-section-696{width: calc(25% - 10px);}
.tr-section-holder-546 .tr-left-section-696 .tr-sidebar-230{display: flex;flex-direction: column;background-color: #f5f7fa;border: 1px solid #e8ecf1;position: sticky;top: 130px;padding: 15px;}
.tr-section-holder-546 .tr-left-section-696 .tr-sidebar-230 .tr-sidebar-link-940 {padding: 10px 10px;color: #555 !important;font-weight: 600;font-size: 14px;border-radius: 5px;margin-bottom: 5px;transition: background-color .2s ease, color .2s ease;}
.tr-section-holder-546 .tr-left-section-696 .tr-sidebar-230 .tr-sidebar-link-940.active {color: #fff !important;background-color: var(--brand-blue);}

.tr-section-holder-546 .tr-right-section-917{width: calc(75% - 10px);}
.tr-section-holder-546 .tr-right-section-917 .tr-section-item-container-126{display: flex;flex-wrap: wrap;gap: 20px;}
.tr-section-holder-546 .tr-right-section-917 .tr-section-item-container-126 .tr-section-item-412{width: calc(50% - 20px);background: #fff;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);padding: 25px;}
.tr-section-holder-546 .tr-right-section-917 .tr-section-item-container-126 .tr-section-item-412 .tr-txt-holder-942{height: 23vh;}
.tr-section-holder-546 .tr-right-section-917 .tr-section-item-container-126 .tr-section-item-412 .tr-txt-holder-942 .tr-section-title-954{color: var(--brand-blue);font-size: 20px;font-weight: 700;margin-bottom: 15px;}
.tr-section-holder-546 .tr-right-section-917 .tr-section-item-container-126 .tr-section-item-412 .tr-txt-holder-942 .tr-section-txt-704{color: #555;font-size: 15px;margin-bottom: 30px;}
.tr-section-holder-546 .tr-right-section-917 .tr-section-item-container-126 .tr-section-item-412 .tr-section-btn-733{background-color: var(--brand-blue);border-color: var(--brand-blue);padding: 10px 30px;font-weight: 600;text-transform: uppercase;font-size: 14px;width: 40%;margin: 0;color: #fff;border-radius: 10px;text-align: center;}


.tr-modern-table-798{width: 100%;border-collapse: collapse;font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;font-size: 15px;color: #222;}
.tr-modern-table-798 th,
.tr-modern-table-798 td {border: 1px solid #dee2e6;padding: 12px 14px;vertical-align: middle;}
.tr-modern-table-798 thead th {background-color: #f8f9fa;font-weight: 600;text-align: left;}
.tr-modern-table-798 tbody tr:hover {background-color: #f9f9f9;}
.tr-modern-table-798 .tr-price-437 {font-weight: 600;color: var(--brand-blue);}
.tr-modern-table-798 .tr-spacer-279 td{padding: 8px;background-color: #fff;}


.tr-fees-card-928 {border: 1px solid #686868;border-radius: 8px;overflow: hidden;background-color: #fff;font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;}
.tr-fees-header-484 {background-color: #f2f2f2;padding: 14px 18px;font-weight: 600;font-size: 18px;border-bottom: 1px solid #686868;}
.tr-fees-body-299 {padding: 20px;}
.tr-fees-section-200 {margin-bottom: 28px;}
.tr-fees-card-928{background-color: #f8f9fa;border: 1px solid #dee2e6;border-radius: 0.25rem;margin-top: 30px;}
.tr-fees-header-484 {background-color: #e9ecef;border: 1px solid #dee2e6;padding: 1rem 1.25rem;font-size: 1rem;font-weight: 600;color: var(--brand-blue);margin: 0;border-radius: 0.25rem 0.25rem 0 0;}
.tr-fees-section-200 h3 {font-size: 20px;font-weight: 600;margin-bottom: 12px;border-left: 4px solid #686868;padding-left: 10px;}
.tr-exchange-links-982 a {display: block;padding: 6px 0;color: #0056b3 !important;font-weight: 400;text-decoration: underline !important;}
.tr-exchange-links-982 a:hover {text-decoration: underline;}
.tr-price-437 {font-weight: 600;color: var(--brand-blue);}


.tr-custom-modal-200 {font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;}
.tr-modal-header-656 {background: #f2f2f2;border-bottom: 1px solid #686868;}
.tr-modal-title-364 {font-weight: 600;}
.tr-modern-table-798 {width: 100%;border-collapse: collapse;font-size: 15px;}
.tr-modern-table-798 th,
.tr-modern-table-798 td {border: 1px solid #dee2e6;padding: 12px 14px;}
.tr-modern-table-798 thead th {background-color: #f4f4f4;font-weight: 600;}
.tr-modal-notes-420 {margin-top: 24px;padding-top: 16px;border-top: 1px solid #686868;font-size: 14px;}
.tr-custom-modal-width-223 {max-width: 70vw;   }
.tr-custom-modal-200 .tr-modal-body-333 {padding: 32px;}

@media (max-width: 992px) {
    .tr-custom-modal-width-223 {
        max-width: 95vw; 
    }
}



.tr-features-item-151{padding: 20px;border: 1px solid #dee2e6;border-radius: 5px;background: #fff;margin: 20px 0;}
.tr-features-item-151 .tr-features-txt-link-210{background-color: #f8f9fa;border-radius: 5px;padding: 20px 15px;}
.tr-features-item-151 .tr-item-title-945{color: #212529;font-weight: 600;font-size: 18px;}
.tr-features-item-151 .tr-features-txt-link-210 .tr-item-txt-480 {color: #212529bf;font-size: 14px;margin-bottom: 5px;}
.tr-features-item-151 .tr-features-txt-link-210 .tr-item-link-888 {color: var(--brand-blue) !important;font-size: 16px;font-weight: 600;}
.tr-features-item-151.tr-b-493 .tr-items-holder-795 {display: flex;gap: 10px;flex-wrap: wrap;}
.tr-features-item-151.tr-b-493 .tr-items-holder-795 .tr-same-item-560{width: calc(50% - 5px);background: #f8f9fa;padding: 20px 15px;border-radius: 5px;}
.tr-features-item-151.tr-b-493 .tr-items-holder-795 .tr-same-item-560 .tr-title-430 {font-size: 16px;color: #555;font-weight: 600;margin-bottom: 5px;}
.tr-features-item-151.tr-b-493 .tr-items-holder-795 .tr-same-item-560 .tr-txt-436 {font-size: 14px;color: #686868;}
.tr-nav-pills-977 .tr-nav-link-488.active, .tr-nav-pills-977 .show>.tr-nav-link-488{color: var(--bs-nav-pills-link-active-color);background-color: var(--brand-blue) !important;}
.tr-nav-link-488 {display: block;padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size: var(--bs-nav-link-font-size);font-weight: var(--bs-nav-link-font-weight);color: #555 !important;font-weight: 600 !important;text-decoration: none;background: 0 0;border: 0;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;}

.tr-section-title-compact-188{font-size: 20px;font-weight: 600;margin: 40px 0 0 0;color: #2b2b2b;line-height: 1.4;}
.tr-section-title-compact-188.tr-top-243{font-size: 30px;font-weight: 600;margin: 40px 0 -30px 0;color: #2b2b2b;line-height: 1.4;}


.tr-accordion-879,
.tr-accordion-item-777,
.tr-accordion-button-384{border: none !important;}
.tr-accordion-879{margin-top: 30px;}
.tr-accordion-button-384{width: 100%;padding: 0.75rem 1rem;}
.tr-accordion-body-608{width: 100% !important;padding: 1rem 1rem; margin: 0;}
.tr-accordion-879 .tr-accordion-item-777 + .tr-accordion-item-777 {margin-top: 0;}
.row.mb-4{margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;}
.tr-accordion-button-384:not(.collapsed){color: #fff !important;background-color: #51d1c6 !important;box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}
.tr-accordion-item-777:last-of-type .tr-accordion-button-384.collapsed {background: #51d1c6 !important;color: #fff !important;}
.tr-accordion-button-384:focus,
.tr-accordion-button-384:active {box-shadow: none !important;outline: none !important;}
.tr-accordion-button-384:hover{box-shadow: none !important;outline: none !important;}


.tr-individual-item-551{display: flex;flex-wrap: wrap;gap: 30px;padding: 50px 0 100px 0;}
.tr-individual-item-551:first-of-type{border-bottom: 2px solid var(--brand-blue);}
.tr-individual-item-551 .tr-individual-txt-374{width: calc(70% - 15px);}
.tr-individual-item-551 .tr-individual-img-holder-788{width: calc(30% - 15px);padding: 10px;background: #ffff;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);border-radius: 10px;}
.tr-individual-item-551 .tr-individual-img-holder-788 .tr-individual-img-container-995 .tr-individual-img-681{border-radius: 10px;}
.tr-individual-item-551 .tr-individual-img-holder-788 .tr-individual-img-container-995{position: relative;}
.tr-individual-item-551 .tr-individual-img-holder-788 .tr-individual-img-container-995 .tr-img-txt-203{position: absolute;bottom: 0;width: 100%;text-align: center;background: rgba(0, 0, 0, 0.7);color: #fff;padding: 13px;font-size: 14px;border-radius: 0 0 10px 10px;}

.tr-ira-options-holder-553{display: flex;flex-wrap: wrap;gap: 20px;}
.tr-ira-options-holder-553 .tr-ira-item-124{width: calc(25% - 15px);background: #fff;border: 1px solid #e0e0e0;border-radius: 10px;padding: 30px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.tr-ira-options-holder-553 .tr-ira-item-124 .tr-ira-title-271{font-size: 20px;font-weight: 600;margin-bottom: 20px;}
.tr-ira-options-holder-553 .tr-ira-item-124 ul.tr-ira-txt-437 {padding-left: 20px;font-size: 15px;color: #555 !important;height: 30vh;}
.tr-ira-options-holder-553 .tr-ira-item-124 ul.tr-ira-txt-437 li{margin-bottom: 20px;}
.tr-ira-options-holder-553 .tr-ira-item-124 .tr-ira-btn-266{text-align: center;background: var(--brand-blue);color: #fff;padding: 10px 20px;border-radius: 10px;font-size: 15px;}

.tr-award-holder-972{display: flex;align-items: center;gap: 20px;flex-wrap: wrap;margin-top: 100px;}
.tr-award-holder-972 .tr-award-txt-843{width: calc(70% - 10px);}
.tr-award-holder-972 .tr-award-img-holder-895{width: calc(30% - 10px);}
.tr-award-holder-972 .tr-award-img-holder-895 .tr-award-img-914{padding: 45px 0;background: #e9ecef;border-radius: 10px;border: 2px dashed #dee2e6;}

.tr-planing-holder-453{display: flex;flex-wrap: wrap;gap: 20px;}
.tr-planing-holder-453 .tr-planing-item-513{background: #ffffff;border: 1px solid #e0e0e0;border-radius: 8px;padding: 30px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);width: calc(50% - 10px);display: flex;align-items: center;}
.tr-planing-holder-453 .tr-planing-item-513 .tr-planing-txt-holder-242{width: 70%;}
.tr-planing-holder-453 .tr-planing-item-513 .tr-planing-txt-holder-242 .tr-planing-title-411{font-size: 20px;font-weight: 600;color: #333;}
.tr-planing-holder-453 .tr-planing-item-513 .tr-planing-txt-holder-242 .tr-planing-txt-753{font-size: 15px;color: #555;}
.tr-planing-holder-453 .tr-planing-item-513 .tr-planing-icon-holder-898{width: 30%;display: flex;justify-content: end;}
.tr-planing-holder-453 .tr-planing-item-513 .tr-planing-icon-holder-898 i{background: #f8f9fa;border: 2px dashed #dee2e6;border-radius: 8px;padding: 20px;width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;color: var(--brand-blue);font-size: 35px;}

.tr-trade-nav-menu-167{display: flex;padding: 15px 0;border-bottom: 2px solid #e8ecf1;margin-bottom: 70px;}
.tr-trade-nav-menu-167 .tr-trade-link-200{width: 25%;text-align: center;padding: 8px 15px;border-radius: 5px;font-weight: 500;color: #555;}
.tr-trade-nav-menu-167 .tr-trade-link-200.active{background-color: rgba(14, 34, 88, 0.1);color: var(--brand-blue);}
.tr-trade-nav-menu-167 .tr-trade-link-200:hover{background-color: rgba(14, 34, 88, 0.1);color: var(--brand-blue);}

.tr-line-first-txt-432{color: var(--brand-blue);position: relative;display: inline-block;padding-left: 50px;}
.tr-line-first-txt-432::before{position: absolute;content: "";top: 13px;left: 0;height: 2px;width: 35px;background: var(--brand-blue);}

.tr-formula-holder-805{border-left: 2px solid var(--brand-blue);background: #f3f4f5;padding: 10px 5px;margin-bottom: 15px;}

.tr-line-first-txt-432{font-size: 18px;color: var(--brand-blue);font-weight: 600;margin-bottom: 5px;}
.faq-main-title {font-size: 36px;font-weight: 600;color: #232323;margin-bottom: 10px;}
.faq-main-title span {color: var(--brand-blue);}
.faq-subtitle {font-size: 16px;color: #686868;max-width: 700px;}
.faq-variant {margin-top: 40px;}
.faq-category-title {font-size: 22px;font-weight: 600;color: #232323;margin-bottom: 20px;}
.faq-variant .accordion-item {border: 1px solid #e8ecf1;border-radius: 8px;margin-bottom: 12px;overflow: hidden;}
.faq-variant .accordion-button.frequently {background: #f5f7fa;color: #232323;font-weight: 600;font-size: 15px;padding: 14px 18px;box-shadow: none;}
.faq-variant .accordion-button.frequently.collapsed{background: #fff !important;color: #232323 !important;border-bottom: 1px solid #eee;}
.faq-variant .accordion-button.frequently:not(.collapsed) {background: var(--brand-blue);color: #fff;}
.faq-variant .accordion-button:focus {box-shadow: none;}
.faq-variant .accordion-body {font-size: 15px;color: #686868;line-height: 1.6;background: #fff;}


.tv-ticker-wrapper{width: 100%;max-width: 100%;background-color: #1f2933;border-radius: 6px;overflow: hidden;}
.tv-ticker-wrapper .tradingview-widget-container {width: 100%;}
.tv-ticker-wrapper .tradingview-widget-container__widget{background: transparent;border: none;}
.tv-ticker-item-tape__border-wrapper{display: flex;align-items: center;border-right: 1px solid rgba(255, 255, 255, 0.08);box-sizing: border-box;}
.tv-ticker-item-tape__inner-wrapper{display: flex;align-items: center;padding: 0 16px;}
.tv-ticker-item-tape__symbol,
.tv-ticker-item-tape__last-wrapper,
.tv-ticker-item-tape__change-wrapper{display: flex;align-items: center;}
.tv-ticker-item-tape:last-child .tv-ticker-item-tape__border-wrapper {border-right: none;}

.tr-about-us-icon-holder-884{display: flex;margin: 50px 0 70px 0;flex-wrap: wrap;}
.tr-about-us-icon-holder-884 .tr-item-459{width: 20%;}
.tr-about-us-icon-holder-884 .tr-item-459 img{width: 150px;}
.tr-about-us-presentation-198{display: flex;align-items: center;background-color: #fff;padding: 10px 0;border-bottom: 1px solid #dee2e6;cursor: pointer;}
.tr-about-us-presentation-198:hover{background-color: #eee;}
.tr-about-us-presentation-198 .tr-presentation-img-692 img{width: 150px;}
.tr-about-us-presentation-198 .tr-presentation-txt-holder-364{margin-left: 25px;}
.tr-about-us-presentation-198 .tr-presentation-txt-holder-364 .tr-presentation-title-623{color: #000;font-size: 16px;font-weight: 600;margin-bottom: 5px;}
.tr-about-us-presentation-198 .tr-presentation-txt-holder-364 .tr-presentation-txt-683{color: #000;font-size: 16px;}

.tr-market-holder-963{display: flex;margin: 50px 0 0;gap: 30px;flex-wrap: wrap;}
.tr-market-holder-963 .tr-market-story-129{display: flex;width: calc(70% - 15px);background: #fff;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);border-radius: 15px;}
.tr-market-holder-963 .tr-market-story-129 .tr-story-img-holder-842{width: 50%;}
.tr-market-holder-963 .tr-market-story-129 .tr-story-img-holder-842 img{border-radius: 15px 0 0 0;height: 400px;object-fit: cover;width: 100%;}
.tr-market-holder-963 .tr-market-story-129 .tr-story-txt-holder-749{padding: 70px;width: 50%;}
.tr-market-holder-963 .tr-market-story-129 .tr-story-txt-holder-749 .tr-story-cnbc-878{color: var(--brand-blue);font-weight: 600;margin-right: 20px;font-size: 15px;padding: 5px 12px;background-color: #eee;border-radius: 20px;display: inline-block;}
.tr-market-holder-963 .tr-story-txt-holder-749 .tr-story-title-703 {color: #222;font-size: 32px;font-weight: 800;line-height: 40px;}
.tr-market-holder-963 .tr-story-txt-holder-749 .tr-story-btn-holder-335{color: #fff;text-decoration: none;font-weight: 600;font-size: 16px;display: inline-flex;align-items: center;background-color: var(--brand-blue);padding: 12px 25px;border-radius: 30px;}
.tr-market-holder-963 .tr-market-trading-133{width: calc(30% - 15px);background: #fff;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);padding: 30px;border-radius: 15px;}
.tr-market-holder-963 .tr-market-trading-133 .tr-trading-title-790{color: #232323;font-weight: 700;font-size: 24px;border-bottom: 3px solid #eee;padding-bottom: 10px;position: relative;display: inline-block;}
.tr-market-holder-963 .tr-market-trading-133 .tr-trading-title-790::after{content: '';position: absolute;bottom: -3px;left: 0;width: 50%;height: 3px;background-color: var(--brand-blue);}
.tr-market-holder-963 .tr-market-trading-133 .tr-trading-item-564 {display: flex;align-items: center;border-bottom: 1px solid #e0e0e0;padding: 10px 0;}
.tr-market-holder-963 .tr-market-trading-133 .tr-trading-item-564 .tr-trading-number-529 {font-size: 21px;font-weight: 700;margin-right: 15px;min-width: 30px;background-color: #eee;border-radius: 50%;width: 40px;height: 100%;display: flex;align-items: center;justify-content: center;color: var(--brand-blue);}
.tr-market-holder-963 .tr-market-trading-133 .tr-trading-item-564 .tr-trading-txt-451{color: #333;font-size: 16px;}
.tr-market-holder-963 .tr-market-trading-133 .tr-trading-item-564 .tr-trading-txt-451:hover{color: var(--brand-blue);}

.tr-market-item-holder-371{display: flex;flex-wrap: wrap;gap: 20px;margin-top: 70px;}
.tr-market-item-holder-371 .tr-market-item-699{width: calc(33% - 10px);margin-bottom: 20px;background: #fff;box-shadow: 0 3px 15px rgba(0, 0, 0, 0.12);border-radius: 15px;}
.tr-market-item-holder-371 .tr-market-item-699 .tr-item-content-307{padding: 25px;}
.tr-market-item-holder-371 .tr-market-item-699 .tr-item-content-307 .tr-market-source-holder-883 .tr-market-source-934 {color: var(--brand-blue);font-weight: 600;margin-right: 20px;font-size: 15px;padding: 5px 12px;background-color: #eee;border-radius: 20px;display: inline-block;}
.tr-market-item-holder-371 .tr-market-item-699 .tr-item-content-307 .tr-market-source-holder-883 .tr-neutral-686{display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin-left: 10px;background-color: #6c757d;}
.tr-market-item-holder-371 .tr-market-item-699 .tr-item-content-307 .tr-market-item-title-754 {font-size: 20px;font-weight: 700;line-height: 1.4;color: #222;}
.tr-market-item-holder-371 .tr-market-item-699 .tr-item-content-307 .tr-market-item-txt-494 {font-size: 15px;color: #444;line-height: 1.7;}
.tr-market-item-holder-371 .tr-market-item-699 .tr-item-content-307 .tr-market-item-btn-680 {color: #fff;text-decoration: none;font-weight: 600;font-size: 16px;display: inline-flex;align-items: center;background-color: var(--brand-blue);padding: 12px 25px;border-radius: 30px;margin-top: 30px;}
.tr-market-item-holder-371 .tr-market-item-699 img{height: 230px;object-fit: cover;border-radius: 15px 15px 0 0;}

.tr-mobile-menu-598{display: none;}

.tr-footer-link-page-titile-190 {font-size: 35px;font-weight: 700;text-align: center;margin-top: 30px;color: #3b3b3b;}
.tr-footer-link-page-titile-190.tr-s-298{font-size: 35px;font-weight: 700;text-align: center;margin-top: 20px;color: #3b3b3b;}
.tr-footer-link-page-titile-190.tr-t-786{font-size: 35px;font-weight: 700;color: #3b3b3b;text-align: unset;}
.tr-footer-link-page-txt-582 {font-size: 16px;color: #686868;}
.tr-footer-link-page-ul-628 {font-size: 16px;color: #686868;}

.tr-markets-video-holder-539{display: flex;flex-wrap: wrap;}
.tr-markets-video-holder-539 .tr-markets-txt-142{font-size: 16px;color: #686868;width: 50%;}


.tr-calculator-holder-451{display: flex;gap: 30px;padding-top: 50px;}
.tr-calculator_form_box-266 {background: #f8f9fa;padding: 30px;border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.tr-calculator_form_box-266 label {display: block;margin-bottom: 5px;font-weight: 500;color: #333;}
.tr-calculator_form_box-266 input,
.tr-calculator_form_box-266 select{width: 100%;padding: 10px;border: 1px solid #ddd;border-radius: 5px;margin-bottom: 10px;}

.tr-currency-selector-602 {display: flex;gap: 10px;margin-bottom: 15px;}
.tr-currency-btn-134 {width: 50px;height: 50px;border: 2px solid #ddd;border-radius: 50%;background: white;font-size: 18px;font-weight: bold;cursor: pointer;transition: all 0.3s ease;}
.tr-currency-btn-134:hover {border-color: var(--brand-blue);background: #fff5f2;}
.tr-currency-btn-134.active {border-color: var(--brand-blue);background: var(--brand-blue);color: white;}

.tr-input-group-595 {display: flex;align-items: center;}
.tr-input-group-text-903 {background: #f8f9fa;border: 1px solid #ddd;border-right: none;padding: 10px 15px;border-radius: 5px 0 0 5px;font-weight: 500;}
.tr-input-group-595 input {border-left: none;border-radius: 0 5px 5px 0;margin-bottom: 0;}

.tr-result-content-area-170 {background: #fff;padding: 30px;border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,0.1);height: 100%;}
.tr-result-box-819 {background: #f8f9fa;padding: 20px;border-radius: 8px;margin-bottom: 20px;}
.tr-result-grid-821 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}

.tr-additional-results-606 {margin-top: 20px;padding-top: 20px;border-top: 1px solid #dee2e6;}

.tr-result-item-228 {margin: 15px 0;}
.tr-result-item-228 p {margin-bottom: 5px;color: #666;font-weight: 500;}
.tr-result-item-228 h3 {color: var(--brand-blue);margin: 0;font-size: 1.5rem;}

.tr-table-responsive-884 {margin-top: 30px;}
.tr-table-400 {width: 100%;margin-bottom: 1rem;background-color: transparent;}
.tr-table-400 th,
.tr-table-400 td {padding: 0.75rem;vertical-align: top;border-top: 1px solid #dee2e6;}
.tr-table-400 thead th {vertical-align: bottom;border-bottom: 2px solid #dee2e6;background-color: #f8f9fa;}
.tr-table-striped-944 tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.05);}

.tr-charts-container-295{background: #fff;padding: 20px;border-radius: 8px;margin-bottom: 20px;}
.tr-chart-tabs-160{display: flex;gap: 10px;margin-bottom: 20px;}
.tr-chart-tab-694{padding: 12px 25px;border: none;border-radius: 30px;background: var(--brand-blue);color: white;cursor: pointer;transition: all 0.3s ease;font-weight: 500;text-transform: capitalize;box-shadow: 0 4px 12px var(--brand-blue);}
.tr-chart-tab-694:hover {background: var(--brand-blue);transform: translateY(-2px);box-shadow: 0 4px 12px var(--brand-blue);}
.tr-chart-tab-694.active {background: var(--brand-blue);color: white;box-shadow: 0 4px 12px var(--brand-blue);}
.tr-chart-tab-694:focus {outline: none;}
.tr-charts-container-295 canvas{width: 100% !important;height: 100% !important;}

#chart-container,
#pie-chart-container,
#bar-chart-container{background: #fff;padding: 15px;border-radius: 8px;box-shadow: 0 2px 4px rgba(0,0,0,0.05);position: relative;height: 300px;}

.tr-disclaimer-section-130{background: #f8f9fa;}
.tr-disclaimer-box-660 {background: white;padding: 20px;border-radius: 8px;border-left: 4px solid var(--brand-blue);box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.tr-disclaimer-box-660 h5 {color: var(--brand-blue);margin-bottom: 10px;}
.tr-disclaimer-box-660 p {color: #666;font-size: 14px;line-height: 1.6;margin: 0;}
.tr-quote_button-881 button {padding: 13px 15px;background: #1a73e8;display: block;color: #fff;border-radius: 30px;width: 100%;cursor: pointer;text-align: center;transition: .5s;margin-top: 20px;}
.tr-quote_button-881 button {padding: 13px 15px;background: #1a73e8;display: block;color: #fff;border-radius: 30px;width: 100%;cursor: pointer;text-align: center;transition: .5s;margin-top: 20px;}
.tr-quote_button-881 button:hover {color: #fff;background: var(--brand-blue);}
.fa-solid.fa-calculator{margin-right: 10px;}

.tr-media-holder-821{display: flex;flex-wrap: wrap;gap: 20px;margin: 30px 0;}
.tr-media-holder-821 .tr-media-item-977{width: calc(33% - 29px / 3);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);border-radius: 8px;padding-bottom: 20px;background-color: #f8f9fa;}
.tr-media-holder-821 .tr-media-item-977 .tr-media-title-490{padding: 15px;font-size: 18px;font-weight: 600;}
.tr-media-holder-821 .tr-media-item-977 .tr-media-img-420{width: 100%;height: 200px;object-fit: contain;border-radius: 8px 8px 0 0;padding: 15px;background-color: rgb(179, 179, 179);display: flex;align-items: center;justify-content: center;}
.tr-media-holder-821 .tr-media-item-977 .tr-media-txt-254 {padding: 15px;font-size: 16px;color: #686868;}
.tr-media-holder-821 .tr-media-item-977 a.tr-media-link-639{padding: 15px;color: var(--brand-blue) !important;font-weight: 500;}
.tr-media-gallery-holder-656{display: flex;flex-wrap: wrap;gap: 20px;}
.tr-media-gallery-holder-656 .tr-gallery-img-holder-700{width: calc(25% - 60px / 4);}
.tr-media-gallery-holder-656 .tr-gallery-img-holder-700 .tr-img-holder-890{width: 100%;height: 200px;object-fit: cover;border-radius: 8px;}


.tr-market-insights-container-895 {max-width: 1200px;margin: 0 auto;padding: 0 15px;}
.tr-market-header-324 {display: flex;justify-content: space-between;align-items: center;padding: 15px 0;border-bottom: 1px solid var(--border-color);margin-bottom: 20px;}
.tr-market-tabs-374 {display: flex;gap: 20px;overflow-x: auto;white-space: nowrap;padding: 15px 0;border-bottom: 1px solid var(--border-color);margin-bottom: 25px;scrollbar-width: thin;scrollbar-color: var(--primary-color) var(--light-gray);}
.tr-market-tabs-374::-webkit-scrollbar {height: 4px;}
.tr-market-tabs-374::-webkit-scrollbar-track {background: var(--light-gray);border-radius: 10px;}
.tr-market-tabs-374::-webkit-scrollbar-thumb {background-color: var(--primary-color);border-radius: 10px;}
.tr-market-tab-322 {font-weight: 600;color: var(--medium-gray);cursor: pointer;padding: 8px 0;position: relative;transition: all 0.3s;}
.tr-market-tab-322.active {color: var(--primary-color);}
.tr-market-tab-322.active:after {content: '';position: absolute;bottom: -16px;left: 0;width: 100%;height: 3px;background-color: var(--primary-color);}
.tr-market-tab-322:hover {color: var(--primary-color);transform: translateY(-2px);}

.tr-section-title-954 {font-size: 24px;font-weight: 700;margin-bottom: 25px;padding-bottom: 12px;display: inline-block;position: relative;}
.tr-section-title-954::after {content: '';position: absolute;bottom: -3px;left: 0;width: 60%;height: 3px;background-color: var(--brand-blue);}

.tr-market-data-row-786 {display: flex;flex-wrap: wrap;margin-bottom: 40px;gap: 20px;}
.tr-market-index-588 {background: #fff;padding: 20px;border-radius: 12px;flex: 1;min-width: 200px;box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;border: 1px solid rgba(0, 0, 0, 0.05);}
.tr-market-index-588:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}
.tr-market-index-588 h3 {font-size: 16px;margin: 0 0 15px;color: var(--medium-gray);font-weight: 600;}
.tr-market-index-588 .tr-price-437 {font-size: 28px;font-weight: 800;margin-bottom: 10px;color: #222;}
.tr-market-index-588 .tr-change-650 {font-size: 15px;font-weight: 600;border-radius: 20px;padding: 4px 10px;display: inline-block;}
.tr-market-index-588 .tr-positive-551{color: var(--brand-blue);background-color: rgba(40, 167, 69, 0.1);}
.tr-market-index-588 .tr-negative-693{color: #dc3545;background-color: rgba(220, 53, 69, 0.1);}
.tr-market-last-updated-627 {background-color: rgba(0, 0, 0, 0.03);border-radius: 4px;padding: 8px 15px;text-align: right;font-size: 13px;color: #666;margin: 10px 0 0;}

.tr-featured-story-811 {display: grid;grid-template-columns: 1fr 1fr;gap: 30px;margin-bottom: 40px;background: #fff;border-radius: 16px;overflow: hidden;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);border: 1px solid rgba(0, 0, 0, 0.05);}
.tr-featured-image-525 {height: 400px;overflow: hidden;}
.tr-featured-image-525 img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.tr-featured-story-811:hover .tr-featured-image-525 img {transform: scale(1.05);}
.tr-featured-content-358 {padding: 40px;display: flex;flex-direction: column;justify-content: center;}
.tr-featured-content-358 h2 {font-size: 32px;margin: 0 0 20px;line-height: 1.3;font-weight: 800;color: #222;}
.tr-featured-content-358 p {font-size: 17px;line-height: 1.7;color: #444;margin-bottom: 25px;}
.tr-featured-meta-686 {display: flex;align-items: center;margin-bottom: 20px;}
.tr-featured-source-510 {color: var(--brand-blue);font-weight: 600;margin-right: 20px;font-size: 15px;padding: 5px 12px;background-color: rgb(223 240 238);border-radius: 20px;}
.tr-featured-time-732 {color: var(--medium-gray);font-size: 15px;}

.tr-read-more-847 {align-self: flex-start;color: #fff !important;text-decoration: none;font-weight: 600;font-size: 16px;display: inline-flex;align-items: center;background-color: var(--brand-blue);padding: 12px 25px;border-radius: 30px;transition: background-color 0.2s;margin-top: auto;}
.tr-read-more-847:hover {background-color: #388e87;text-decoration: none;}
.tr-read-more-847::after {content: '';width: 16px;height: 16px;margin-left: 10px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");background-repeat: no-repeat;}

.tr-news-grid-541 {display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 30px;margin-bottom: 40px;}
.tr-news-card-706 {background: #fff;border-radius: 12px;overflow: hidden;box-shadow: 0 3px 15px rgba(0, 0, 0, 0.12);transition: transform 0.3s ease, box-shadow 0.3s ease;height: 100%;display: flex;flex-direction: column;border: 1px solid rgba(0, 0, 0, 0.05);}
.tr-news-card-706:hover {transform: translateY(-6px);box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2);}
.tr-news-card-706 img {width: 100%;height: 200px;object-fit: cover;}
.tr-news-card-706 .tr-placeholder-img-944 {height: 200px;background-color: #e9ecef;display: flex;align-items: center;justify-content: center;color: #6c757d;font-size: 14px;background-image: linear-gradient(45deg, #f5f5f5 25%, transparent 25%, transparent 50%, #f5f5f5 50%, #f5f5f5 75%, transparent 75%, transparent);background-size: 20px 20px;}
.tr-news-card-body-159 {padding: 25px;flex-grow: 1;display: flex;flex-direction: column;}
.tr-news-card-706 h3 {font-size: 20px;margin: 0 0 15px;font-weight: 700;line-height: 1.4;color: #222;}
.tr-news-card-706 .tr-news-meta-569 {display: flex;align-items: center;margin-bottom: 15px;flex-wrap: wrap;}
.tr-news-card-706 .tr-news-source-731 {color: var(--brand-blue);font-weight: 600;font-size: 14px;margin-right: 15px;padding: 4px 10px;background-color: rgb(223 240 238);border-radius: 20px;}
.tr-news-card-706 .tr-news-date-603 {color: var(--medium-gray);font-size: 14px;}
.tr-news-card-706 p {flex-grow: 1;margin: 0 0 20px;color: #444;line-height: 1.7;font-size: 15px;}
.tr-news-card-706 a {align-self: flex-start;color: #fff !important;text-decoration: none;font-weight: 600;font-size: 14px;display: inline-flex;align-items: center;background-color: var(--brand-blue);padding: 10px 20px;border-radius: 30px;transition: background-color 0.2s;}
.tr-news-card-706 a:hover {background-color: #388e87;}
.tr-news-card-706 a svg {margin-left: 8px;}

.tr-sentiment-734 {display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin-left: 10px;}
.tr-sentiment-734.tr-positive-551 {background-color: var(--brand-blue);}
.tr-sentiment-734.tr-negative-693 {background-color: #dc3545;}
.tr-sentiment-734.tr-neutral-686 {background-color: #6c757d;}

.tr-last-updated-677 {background-color: rgba(0, 0, 0, 0.03);border-radius: 4px;padding: 8px 15px;text-align: right;font-size: 13px;color: #666;margin: 0 0 20px;}

.tr-category-filter-471 {display: flex;gap: 10px;margin-bottom: 30px;flex-wrap: wrap;}
.tr-category-btn-845 {background-color: var(--light-gray);border: none;padding: 10px 20px;border-radius: 30px;cursor: pointer;transition: all 0.3s ease;font-weight: 600;font-size: 14px;color: var(--dark-gray);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);}
.tr-category-btn-845:hover {background-color: rgba(255, 60, 0, 0.1);color: var(--primary-color);transform: translateY(-2px);}
.tr-category-btn-845.active {background-color: var(--primary-color);color: white;box-shadow: 0 4px 10px rgba(255, 60, 0, 0.3);}

.tr-news-loading-357 {text-align: center;padding: 40px;font-size: 18px;color: var(--medium-gray);}

.tr-load-more-799 {display: block;width: 200px;margin: 30px auto;padding: 14px 0;background-color: var(--brand-blue);color: white;text-align: center;border-radius: 30px;cursor: pointer;transition: all 0.3s ease;border: none;font-weight: 600;box-shadow: 0 4px 10px #416b68;}
.tr-load-more-799:hover {background-color: #388e87;transform: translateY(-3px);box-shadow: 0 4px 10px #cee6e4;}

.tr-trending-section-797 {background-color: #fff;padding: 30px;border-radius: 12px;margin-bottom: 30px;box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);border: 1px solid rgba(0, 0, 0, 0.05);}
.tr-trending-list-309 {list-style: none;padding: 0;margin: 0;}
.tr-trending-list-309 li {padding: 15px 0;border-bottom: 1px solid var(--border-color);transition: transform 0.2s ease;}
.tr-trending-list-309 li:hover {transform: translateX(5px);}
.tr-trending-list-309 li:last-child {border-bottom: none;}
.tr-trending-list-309 a {display: flex;text-decoration: none;color: inherit;align-items: center;}
.tr-trending-number-804 {font-size: 24px;font-weight: 700;color: var(--brand-blue);margin-right: 15px;min-width: 30px;background-color: rgb(223 240 238);border-radius: 50%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
.tr-trending-content-530 {font-size: 16px;font-weight: 500;color: #333;line-height: 1.4;}
.tr-trending-list-309 a:hover .tr-trending-content-530 {color: var(--brand-blue);}

.tr-two-column-section-351 {display: grid;grid-template-columns: 2fr 1fr;gap: 30px;margin-bottom: 40px;}

@media (max-width: 992px) {
    .tr-featured-story-811 {
        grid-template-columns: 1fr;
    }
    .tr-two-column-section-351 {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 768px) {
    .tr-market-data-row-786 {
        flex-direction: column;
    }
    .tr-news-grid-541 {
        grid-template-columns: 1fr;
    }
}
.tr-market-data-section-191 {
    margin-bottom: 40px;
}
.tradingview-widget-container {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.tradingview-widget-copyright {
    padding: 8px 15px;
    text-align: right;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0.03);
}
.tradingview-widget-copyright a {
    color: #666;
    text-decoration: none;}
.tradingview-widget-copyright .tr-blue-text-832 {color: var(--secondary-color);}
/* Responsive styles for TradingView widgets */
@media (max-width: 768px) {
    .tradingview-widget-container[style*="height: 500"] {
        height: 400px !important;
    }
}
@media (max-width: 480px) {
    .tradingview-widget-container[style*="height: 500"] {
        height: 300px !important;
    }
}
/* ===========================================================================
   EXTRACTED INLINE CSS  —  consolidated 2026-09-09
   Everything below used to live in <style> blocks inside PHP templates.
   Section headers name the file each block came from.
   =========================================================================== */

/* --- from inc/global.php :: headHtml() — global theme / glass / bento --- */
        :root {
            --glass-bg: rgba(255, 255, 255, 0.85);
            --glass-border: rgba(255, 255, 255, 0.6);
            --glass-shadow: 0 8px 32px 0 rgb(var(--brand-blue-rgb) / 0.05);
        }

        /* `html body` (not bare `body`) so this keeps beating Bootstrap's body rule,
           now that it lives in style.css which loads before Bootstrap. */
        html body {
            background-color: #FFFFFF;
            color: #1A1D24;
            overflow-x: hidden;
        }

        /* Lenis Smooth Scroll */
        html.lenis {
            height: auto;
        }

        .lenis.lenis-smooth {
            scroll-behavior: auto;
        }


        .bg-brand-50 {
            --tw-bg-opacity: 1;
            background-color: #030a202e !important;
        }
        .lenis.lenis-smooth [data-lenis-prevent] {
            overscroll-behavior: contain;
        }

        .border-t-brand-600 {
    --tw-border-opacity: 1;
    border-top-color: var(--brand-blue) !important;
}

.border-t-brand-600:hover {
    border-top-color: rgb(var(--brand-blue-rgb) / 0.2) !important;
}

.border-t-brand-400 {
    --tw-border-opacity: 1;
    border-top-color: var(--brand-blue) !important;
}

.border-t-brand-400:hover {
    border-top-color: rgb(var(--brand-blue-rgb) / 0.2) !important;
}

        /* Preloader */
        .preloader {
            position: fixed;
            inset: 0;
            background: #FFFFFF;
            z-index: 9999;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        .md\:col-span-4 {
        grid-column: span 4 / span 4;
        border: 1px solid #90c5a6 !important;
    }
    .md\:col-span-3 {
        grid-column: span 3 / span 3;
         border: 1px solid #90c5a6 !important;}

        .loader-bar-container {
            width: 200px;
            height: 4px;
            background: rgb(var(--brand-blue-rgb) / 0.18);
            border-radius: 4px;
            overflow: hidden;
            margin-top: 20px;
        }
        
       
        .bg-brand-100{
            background-color: rgb(var(--brand-blue-rgb) / 0.18) !important;
        }
        
        .bg-brand-200{
            background-color: rgb(var(--brand-blue-rgb) / 0.18) !important;
        }
        
        .to-brand-600{
            --tw-gradient-to: var(--brand-blue) !important;
        }
        
        .bg-brand-400{
            background-color: var(--brand-blue) !important;
        }
        
        .text-brand-600{
            color: var(--brand-blue) !important;
        }
        
        .hover\:bg-brand-50:hover {
            --tw-bg-opacity: 1;
        background-color: var(--brand-blue) !important;
        color: #fff !important;
        }
        
        .bg-\[\#F2FCF6\] {
            --tw-bg-opacity: 1;
            background-color: #030a202e !important;
        }
        
        .from-brand-100 {
        --tw-gradient-from: #030a202e !important;
        }

        .loader-bar {
            width: 0%;
            height: 100%;
            background: linear-gradient(90deg, #35d4c8, var(--brand-blue));
            border-radius: 4px;
        }

        /* Glassmorphism */
        .glass {
            background: var(--glass-bg);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid var(--glass-border);
            box-shadow: var(--glass-shadow);
        }

        .glass-card {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.7) 100%);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.9);
            box-shadow: 0 10px 40px -10px rgb(var(--brand-blue-rgb) / 0.08);
            border-radius: 24px;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .glass-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px -10px rgb(var(--brand-blue-rgb) / 0.15);
            border-color: rgb(var(--brand-blue-rgb) / 0.2);
        }

        /* Typography Gradients */
        .text-gradient {
            background: linear-gradient(135deg, #35d4c8 0%, var(--brand-blue) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        /* Buttons */
        .btn-premium {
            position: relative;
            background: linear-gradient(135deg, #35d4c8 0%, var(--brand-blue) 100%);
            color: white;
            border-radius: 999px;
            overflow: hidden;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgb(var(--brand-blue-rgb) / 0.3);
        }

        .btn-premium::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: all 0.4s ease;
        }

        .btn-premium:hover::before {
            left: 100%;
        }

        .btn-premium:hover {
            transform: scale(1.05);
            box-shadow: 0 8px 25px rgb(var(--brand-blue-rgb) / 0.4);
        }

        /* Bento Grid */
        .bento-grid {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            gap: 1.5rem;
        }

        /* Noise Overlay */
        .noise {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            pointer-events: none;
            z-index: 50;
            opacity: 0.02;
            background: url('data:image/svg+xml,%3Csvg viewBox=%220 0 200 200%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22noiseFilter%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.65%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23noiseFilter)%22/%3E%3C/svg%3E');
        }

        /* Scroll Progress */
        .scroll-progress {
            position: fixed;
            top: 0;
            left: 0;
            height: 3px;
            background: linear-gradient(90deg, #35d4c8, var(--brand-blue));
            z-index: 9999;
            transform-origin: 0 50%;
            width: 100%;
            transform: scaleX(0);
        }

        /* Interactive Canvas */
        #hero-canvas {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            opacity: 0.6;
            pointer-events: none;
        }

        .gradient-orb {
            position: absolute;
            border-radius: 50%;
            filter: blur(80px);
            z-index: -2;
            opacity: 0.3;
            animation: blob 10s infinite alternate;
        }

        /* Hide scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: #b9e9e9;
        }

        ::-webkit-scrollbar-thumb {
            background: #036fdc;
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #4ED28E;
        }

        .ticker-wrap {
            width: 100%;
            overflow: hidden;
            background: #b9e9e9;
            border-bottom: 1px solid #E0F8EA;
        }

        .ticker {
            display: inline-block;
            white-space: nowrap;
            padding-right: 100%;
            box-sizing: content-box;
            animation: ticker 40s linear infinite;
        }

        @keyframes ticker {
            0% {
                transform: translate3d(0, 0, 0);
            }

            100% {
                transform: translate3d(-100%, 0, 0);
            }
        }
/* =========================
   BENTO BASE ANIMATION STATE
========================= */

.bento-item {
  opacity: 0;
  transform: translateY(40px) scale(0.96);
  will-change: transform, opacity;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  position: relative;
}

/* =========================
   HOVER PREMIUM EFFECT
========================= */

.bento-item:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 25px 70px rgb(var(--brand-blue-rgb) / 0.12);
}

/* glow overlay */
.bento-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgb(var(--brand-blue-rgb) / 0.15), transparent 60%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.bento-item:hover::before {
  opacity: 1;
}

/* icon micro animation */
.bento-item img {
  transition: transform 0.5s ease;
}

.bento-item:hover img {
  transform: scale(1.08) rotate(-1deg);
}

/* header start state */
.section-header h2 {
  opacity: 0;
  transform: translateY(30px);
}
        /* Dropdown Menu */
        .group:hover .dropdown-menu {
            display: block;
            animation: fadeIn 0.2s ease-out;
        }

        .dropdown-menu {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 240px;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.8);
            padding: 0.5rem;
            z-index: 100;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .from-\[\#10e67b\] {
        --tw-gradient-from: var(--brand-blue) var(--tw-gradient-from-position) !important;}

        .dropdown-link {
            display: block;
            padding: 0.75rem 1rem;
            color: #4B5563;
            border-radius: 8px;
            transition: all 0.2s;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .dropdown-link:hover {
            background: #b9e9e9;
            color: #35d4c8;
        }

        .invert-white-img {
            filter: invert(1);
        }
        /* Banner/Header Glassmorphism */
        .glass-nav {
            background: rgba(250, 250, 250, 0.8);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        }

        .glass-dark {
            background: rgba(24, 24, 27, 0.9);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .bg-gradient-brand {
            background: linear-gradient(135deg, #35d4c8 0%, var(--brand-blue) 100%);
        }

        /* Nav dropdown hover */
        .nav-item:hover .nav-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto;
}
        .lg\:pt-48{padding-top: 8rem !important;}
        .lg\:text-6xl {font-size: 4.55rem !important;line-height: 1;}
        img.h-8.object-contain.transition-transform.group-hover\:scale-105 {height: 100px !important;filter: drop-shadow(2px 4px 6px black) !important;}
        .py-20.relative.overflow-hidden{padding-top: 4rem;
    padding-bottom: 4rem;}

/* --- from mod/home/box.slider.php --- */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* --- from mod/home/box.faq.php --- */
        .counter {
    display: inline-block;
    transition: all 0.3s ease;
}

/* --- from mod/home/box.testimonial.php --- */
    .testimonials-carousel .owl-stage-outer {
    padding: 20px 0;
}

.testimonials-carousel .owl-item {
    opacity: 0.6;
    transform: scale(0.92);
    transition: all 0.4s ease;
}

.testimonials-carousel .owl-item.active.center {
    opacity: 1;
    transform: scale(1);
}

.testimonials-carousel .owl-nav {
    margin-top: 20px;
    text-align: center;
}

.testimonials-carousel .owl-nav button {
    background: #1F7A4C !important;
    color: #fff !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 5px;
}
.testimonials-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

.testimonials-carousel .owl-item {
    display: flex;
}

.testimonials-carousel .owl-item > div {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.testimonials-carousel .glass-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* --- Review cards -----------------------------------------------------------
   Used by mod/home/box.testimonial.php since 2026-09-16 (verified badge, grey
   star, "Posted on" source line). The other rules belong to the parked version
   in _trendeadvisor-SEO-2026-09-09/PARKED-testimonials-trustpilot.php.txt.
   Deliberately in the site's own styling. Do not restyle these to look like
   Trustpilot's own green star boxes: re-creating their branding by hand is
   against their guidelines. Use an official TrustBox for the branded score. */
.tr-tp-link-601 {
    color: var(--brand-blue);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.tr-tp-link-601:hover {
    color: var(--brand-blue);
    opacity: .8;
}

a.tr-tp-score-602 {
    display: block;
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease;
}

a.tr-tp-score-602:hover {
    transform: translateY(-3px);
}

.tr-tp-score-note-603 {
    margin-top: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--brand-blue);
}

.tr-tp-verified-604 {
    margin-left: 8px;
    color: #1f7a4c;
    letter-spacing: normal;
}

.tr-tp-star-off-605 {
    color: #d9dce3;
}

.tr-tp-source-606 {
    margin: 20px 0 0;
    padding-top: 14px;
    border-top: 1px solid #eceef3;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #8b91a1;
}

.tr-tp-source-606 a {
    color: var(--brand-blue) !important; /* beats the global a{color:inherit !important} */
    text-decoration: none;
}

.tr-tp-source-606 a:hover {
    text-decoration: underline;
}

.tr-tp-all-607 {
    margin: 28px 0 0;
    text-align: center;
}

.tr-tp-all-607 a {
    color: var(--brand-blue);
    font-weight: 700;
    text-decoration: none;
}

.tr-tp-all-607 a:hover {
    text-decoration: underline;
}

/* --- from mod/blog/page.blog.php --- */
    .blog-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
    }

    .blog-card {
        border: 1px solid var(--brand-blue);
        padding: 30px;
        max-width: 400px;
        border-radius: 10px;
    }

    .blog-title {
        font-size: 24px;
        margin-bottom: 15px;
        font-weight: bold;
        color: #111111;
    }

    .blog-text {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 20px;
        color: #111111;
    }

    .read-more {
        display: inline-block;
        text-decoration: none;
        color: var(--brand-blue);
        border: 1px solid var(--brand-blue);
        padding: 10px 18px;
        font-weight: bold;
        border-radius: 6px;
    }

    .read-more:hover {
        background-color: var(--brand-blue);
        color: #fff !important;
    }

/* --- from mod/media/page.media.php — luxury media gallery --- */
/* --- LUXURY MEDIA GALLERY STYLES --- */

/* Reset & Variables */
:root {
    --tr-charcoal: #111827;
    --tr-luxury-green: #0FA958;
    --tr-soft-gray: #F6F8FA;
    --tr-white: #FFFFFF;
    --tr-gold: #D4AF37;
    --tr-transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --tr-radius: 20px;
    --tr-spacing: 24px;
}

/* SECTION INTRO */
.tr-media-intro {
    text-align: center;
    padding: 100px 20px 60px;
    background-color: var(--tr-white);
    max-width: 900px;
    margin: 0 auto;
}
.tr-media-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--tr-luxury-green);
    margin-bottom: 20px;
    display: block;
}
.tr-media-title {
    font-size: 48px;
    font-weight: 600;
    color: var(--tr-charcoal);
    line-height: 1.1;
    margin-bottom: 30px;
    font-family: "Playfair Display", serif; /* Or keep current elegant font */
}
.tr-media-desc {
    font-size: 18px;
    color: #686868;
    line-height: 1.6;
    margin-bottom: 40px;
}


/* FILTER NAVIGATION */
.tr-filter-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 0 20px 60px;
}
.tr-filter-btn {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(0,0,0,0.05);
    color: var(--tr-charcoal);
    padding: 12px 24px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    transition: all var(--tr-transition);
}
.tr-filter-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}
.tr-filter-btn.active {
    background: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-blue) 100%);
    color: var(--tr-white);
    border-color: transparent;
    box-shadow: 0 8px 25px #3853d4;
}

/* MAIN GALLERY - MASONRY */
.tr-masonry-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 280px; /* Slightly taller for luxury proportion */
    grid-auto-flow: dense; /* Fills empty spaces perfectly */
    gap: var(--tr-spacing);
    padding: 0 var(--tr-spacing) 100px;
    max-width: 1600px;
    margin: 0 auto;
}

/* Tablet: 2 Columns */
@media (max-width: 1024px) { 
    .tr-masonry-gallery { 
        grid-template-columns: repeat(2, 1fr); 
        grid-auto-rows: 240px; 
    } 
    .tr-item-hero { grid-column: span 2; grid-row: span 2; }
    .tr-item-wide { grid-column: span 2; }
}

/* Mobile: 1 Column */
@media (max-width: 600px) { 
    .tr-masonry-gallery { 
        grid-template-columns: 1fr; 
        grid-auto-rows: 300px; 
    } 
    /* Adjust span constraints to fit single column gracefully */
    .tr-item-hero { grid-column: span 1; grid-row: span 2; }
    .tr-item-tall { grid-column: span 1; grid-row: span 2; }
    .tr-item-wide { grid-column: span 1; grid-row: span 1; }
    .tr-item-small { grid-column: span 1; grid-row: span 1; }
}

/* Size variations */
.tr-item { 
    position: relative; 
    border-radius: var(--tr-radius); 
    overflow: hidden; 
    transform: translateZ(0); 
    box-shadow: 0 4px 15px rgba(0,0,0,0.03); 
    transition: transform var(--tr-transition), box-shadow var(--tr-transition);
}
.tr-item-hero { grid-column: span 2; grid-row: span 2; }
.tr-item-tall { grid-row: span 2; }
.tr-item-wide { grid-column: span 2; }
.tr-item-small { /* default 1x1 */ }

/* Image Cards */
.tr-item-inner {
    width: 100%;
    height: 100%;
    position: relative;
    background: var(--tr-soft-gray);
    cursor: pointer;
    overflow: hidden;
}
.tr-item-inner::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    /* Elegant premium gradient overlay */
    background: linear-gradient(180deg, rgba(17,24,39,0) 0%, rgba(17,24,39,0.15) 50%, rgba(17,24,39,0.5) 100%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.tr-item-inner::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
    z-index: 2;
    pointer-events: none;
    border-radius: var(--tr-radius);
}
.tr-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.6s ease;
    will-change: transform;
}


/* Hover States */
.tr-item:hover {
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
    z-index: 5;
}
.tr-item-inner:hover::before { 
    opacity: 1; 
}
.tr-item-inner:hover img {
    transform: scale(1.05); /* Filmic zoom */
    filter: brightness(0.85) contrast(1.05); /* Premium contrast punch */
}



/* Staggered Fade */
.tr-fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.tr-fade-up.tr-visible {
    opacity: 1;
    transform: translateY(0);
}


/* CUSTOM LIGHTBOX */
.tr-lightbox {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(17, 24, 39, 0.95);
    backdrop-filter: blur(15px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
}
.tr-lightbox.active {
    opacity: 1;
    pointer-events: auto;
}
.tr-lb-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
}
.tr-lb-img {
    max-width: 100%;
    max-height: 85vh;
    border-radius: 12px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.5);
    transform: scale(0.95);
    transition: transform 0.4s ease;
}
.tr-lightbox.active .tr-lb-img { transform: scale(1); }
.tr-lb-close {
    position: absolute;
    top: 30px; right: 40px;
    color: var(--tr-white);
    font-size: 40px;
    cursor: pointer;
    line-height: 1;
    opacity: 0.7;
    transition: opacity 0.2s;
}
.tr-lb-close:hover { opacity: 1; }
.tr-lb-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--tr-white);
    font-size: 50px;
    cursor: pointer;
    padding: 20px;
    opacity: 0.7;
    transition: opacity 0.2s;
    user-select: none;
}
.tr-lb-nav:hover { opacity: 1; }
.tr-lb-prev { left: 40px; }
.tr-lb-next { right: 40px; }
.tr-lb-caption {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    text-align: center;
    color: var(--tr-white);
    font-size: 16px;
    letter-spacing: 1px;
}
.tr-lb-counter {
    position: absolute;
    top: 40px;
    left: 40px;
    color: rgba(255,255,255,0.6);
    font-size: 14px;
    letter-spacing: 2px;
}


/* --- from mod/articles/page.articles.php — gmn article grid --- */
    :root{
        --gmn-ink:#0B1220;
        --gmn-paper:#F5F6F8;
        --gmn-text:#1E2430;
        --gmn-muted:#6B7280;
        --gmn-accent:#0F9D82;
        --gmn-line:#E7E9EC;

        --gmn-press:#475569;
        --gmn-news:#0F9D82;
        --gmn-interview:#7C6FF0;
        --gmn-blog:#C2478C;
        --gmn-mention:#2F8FE0;
    }

    .gmn-fonts{
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    }

    /* ---------- Signal tape (ticker) ---------- */
    .gmn-tape-wrap{
        margin: 34px 0 28px 0;
        background: var(--gmn-ink) !important;
        border-radius: 14px !important;
        overflow: hidden !important;
        position: relative !important;
    }
    .gmn-tape-wrap::before,
    .gmn-tape-wrap::after{
        content:"" !important;
        position:absolute !important;
        top:0; bottom:0; width:60px; z-index:2;
        pointer-events:none;
    }
    .gmn-tape-wrap::before{ left:0; background:linear-gradient(90deg, var(--gmn-ink), transparent) !important; }
    .gmn-tape-wrap::after{ right:0; background:linear-gradient(270deg, var(--gmn-ink), transparent) !important; }

    .gmn-tape-track{
        display:flex !important;
        width: max-content !important;
        animation: gmn-scroll 38s linear infinite !important;
        padding: 14px 0 !important;
    }
    .gmn-tape-wrap:hover .gmn-tape-track{ animation-play-state: paused !important; }

    @keyframes gmn-scroll{
        from{ transform: translateX(0); }
        to{ transform: translateX(-50%); }
    }

    .gmn-tape-item{
        display:flex !important;
        align-items:center !important;
        gap:10px !important;
        white-space: nowrap !important;
        padding: 0 26px !important;
        border-right: 1px solid rgba(255,255,255,0.12) !important;
        font-family: 'IBM Plex Mono', monospace !important;
        font-size: 13px !important;
        color: #E5E7EB !important;
    }
    .gmn-tape-dot{
        width:8px !important; height:8px !important; border-radius:50% !important;
        flex-shrink:0 !important;
    }
    .gmn-tape-item span.gmn-tape-src{ color:#8B93A1 !important; }

    @media (prefers-reduced-motion: reduce){
        .gmn-tape-track{ animation: none !important; }
    }

    /* ---------- Filter tabs ---------- */
    .gmn-tabs{
        display:flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        margin: 6px 0 34px 0 !important;
    }
    .gmn-tab{
        font-family: 'Space Grotesk', sans-serif !important;
        border: 1px solid var(--gmn-line) !important;
        background: #fff !important;
        color: var(--gmn-text) !important;
        padding: 10px 18px !important;
        border-radius: 999px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
    }
    .gmn-tab:hover{ border-color: var(--gmn-accent) !important; }
    .gmn-tab.is-active{
        background: var(--gmn-ink) !important;
        border-color: var(--gmn-ink) !important;
        color: #fff !important;
    }
    .gmn-tab .gmn-count{ color: var(--gmn-muted) !important; font-weight: 500 !important; }
    .gmn-tab.is-active .gmn-count{ color: #9CA3AF !important; }

    /* ---------- Cards (extends existing tr-media-* classes) ---------- */
    .tr-media-holder-821 {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 30px !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 20px !important;
        box-sizing: border-box !important;
    }

    @media (max-width: 991px) {
        .tr-media-holder-821 { grid-template-columns: repeat(2, 1fr) !important; }
    }
    @media (max-width: 767px) {
        .tr-media-holder-821 { grid-template-columns: 1fr !important; }
        .gmn-tabs{ gap:8px !important; }
        .gmn-tab{ padding:8px 14px !important; font-size:13px !important; }
    }

    .tr-media-item-977 {
        width: 100% !important;
        max-width: none !important;
        min-height: 520px !important;
        background: #ffffff !important;
        border-radius: 18px !important;
        border: 1px solid var(--gmn-line) !important;
        box-shadow: 0 8px 25px rgba(11,18,32,0.05) !important;
        padding: 25px !important;
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
        transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    }
    .tr-media-item-977:hover {
        transform: translateY(-8px) !important;
        box-shadow: 0 16px 40px rgba(11,18,32,0.09) !important;
    }

    .gmn-card-meta{
        display:flex !important;
        align-items:center !important;
        gap:10px !important;
        margin-bottom: 16px !important;
    }
    .gmn-badge{
        font-family: 'Space Grotesk', sans-serif !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        letter-spacing: 0.4px !important;
        text-transform: uppercase !important;
        color: #fff !important;
        padding: 4px 12px !important;
        border-radius: 999px !important;
    }
    .gmn-source{
        font-family: 'IBM Plex Mono', monospace !important;
        font-size: 12px !important;
        color: var(--gmn-muted) !important;
    }
    .gmn-latest-tag{
        font-family: 'IBM Plex Mono', monospace !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: 0.4px !important;
        text-transform: uppercase !important;
        color: var(--gmn-accent) !important;
        border: 1px solid var(--gmn-accent) !important;
        border-radius: 999px !important;
        padding: 3px 10px !important;
    }

    .tr-media-img-420 {
        width: 100% !important;
        height: 200px !important;
        object-fit: cover !important;
        border-radius: 15px !important;
        margin: 0 0 18px 0 !important;
        border: none !important;
    }

    .tr-media-title-490 {
        font-family: 'Space Grotesk', sans-serif !important;
        font-size: 21px !important;
        font-weight: 700 !important;
        color: var(--gmn-ink) !important;
        margin: 0 0 12px 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        min-height: 84px !important;
    }

    .tr-media-txt-254 {
        font-size: 15px !important;
        color: var(--gmn-muted) !important;
        margin: 0 0 20px 0 !important;
        line-height: 1.6 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        height: 72px !important;
    }

    .tr-media-link-639 {
        margin: auto 0 0 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        color: var(--gmn-accent) !important;
        font-weight: 700 !important;
        font-size: 1rem !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        transition: all 0.3s ease !important;
        align-self: flex-start !important;
    }
    .tr-media-link-639::after {
        content: "➜" !important;
        margin-left: 9px !important;
        font-size: 1.15rem !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        transition: transform 0.3s ease !important;
    }
    .tr-media-link-639:hover::after { transform: translateX(4px) !important; }

    .tr-load-more-wrapper {
        display: flex !important;
        justify-content: center !important;
        margin-top: 50px !important;
        margin-bottom: 30px !important;
    }
    .tr-load-more-btn {
        background-color: var(--gmn-ink) !important;
        color: #ffffff !important;
        border: none !important;
        padding: 16px 48px !important;
        font-size: 1rem !important;
        font-weight: 600 !important;
        border-radius: 50px !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        box-shadow: 0 4px 15px rgba(11,18,32,0.2) !important;
        display: none;
    }
    .tr-load-more-btn:hover {
        background-color: #17233a !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 8px 25px rgba(11,18,32,0.3) !important;
    }

    /* ---------- Wire Distribution panel ---------- */
    .gmn-wire-panel{
        display:none;
        padding: 0 20px !important;
    }
    .gmn-wire-panel.is-visible{ display:block !important; }

    .gmn-wire-note{
        background: #FFFBEB !important;
        border: 1px solid #FDE68A !important;
        border-radius: 12px !important;
        padding: 16px 20px !important;
        margin-bottom: 24px !important;
        font-size: 14px !important;
        color: #78530E !important;
        line-height: 1.6 !important;
    }
    .gmn-wire-note strong{ color: #4A3403 !important; }

    .gmn-wire-batch{
        background: #fff !important;
        border: 1px solid var(--gmn-line) !important;
        border-radius: 16px !important;
        padding: 24px !important;
        margin-bottom: 20px !important;
    }
    .gmn-wire-batch-head{
        display:flex !important;
        flex-wrap: wrap !important;
        align-items:center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        margin-bottom: 18px !important;
    }
    .gmn-wire-batch-title{
        font-family: 'Space Grotesk', sans-serif !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: var(--gmn-ink) !important;
        max-width: 640px !important;
    }
    .gmn-wire-batch-meta{
        font-family: 'IBM Plex Mono', monospace !important;
        font-size: 12px !important;
        color: var(--gmn-muted) !important;
        white-space: nowrap !important;
    }
    .gmn-wire-search{
        width: 100% !important;
        max-width: 320px !important;
        padding: 10px 16px !important;
        border: 1px solid var(--gmn-line) !important;
        border-radius: 999px !important;
        font-size: 14px !important;
        font-family: 'Inter', sans-serif !important;
        margin-bottom: 18px !important;
        box-sizing: border-box !important;
    }
    .gmn-wire-search:focus{
        outline: none !important;
        border-color: var(--gmn-mention) !important;
    }
    .gmn-wire-grid{
        display:grid !important;
        grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important;
        gap: 10px !important;
        max-height: 480px !important;
        overflow-y: auto !important;
        padding-right: 6px !important;
    }
    .gmn-wire-chip{
        display:flex !important;
        align-items:center !important;
        gap: 8px !important;
        padding: 9px 14px !important;
        border: 1px solid var(--gmn-line) !important;
        border-radius: 10px !important;
        text-decoration: none !important;
        font-family: 'IBM Plex Mono', monospace !important;
        font-size: 12.5px !important;
        color: var(--gmn-text) !important;
        background: var(--gmn-paper) !important;
        transition: all 0.15s ease !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    .gmn-wire-chip:hover{
        border-color: var(--gmn-mention) !important;
        color: var(--gmn-mention) !important;
        background: #fff !important;
    }
    .gmn-wire-chip::before{
        content:"↗" !important;
        opacity: 0.4 !important;
        flex-shrink: 0 !important;
    }
    .gmn-wire-empty{
        grid-column: 1/-1 !important;
        text-align:center !important;
        color: var(--gmn-muted) !important;
        padding: 30px !important;
        font-family: 'Inter', sans-serif !important;
    }
    .gmn-wire-grid::-webkit-scrollbar{ width: 8px !important; }
    .gmn-wire-grid::-webkit-scrollbar-thumb{ background: var(--gmn-line) !important; border-radius: 8px !important; }

    /* ---------- Coverage Pulse hero ---------- */
    .gmn-hero{
        position: relative !important;
        background: var(--gmn-ink) !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        margin: 30px 20px 0 20px !important;
        padding: 56px 40px 40px 40px !important;
        isolation: isolate !important;
    }
    .gmn-hero-glow{
        position:absolute !important;
        top:-120px !important; right:-80px !important;
        width: 420px !important; height: 420px !important;
        background: radial-gradient(circle, rgba(15,157,130,0.35), transparent 70%) !important;
        filter: blur(10px) !important;
        pointer-events:none !important;
        animation: gmn-drift 12s ease-in-out infinite alternate !important;
    }
    @keyframes gmn-drift{
        from{ transform: translate(0,0) scale(1); }
        to{ transform: translate(-30px, 40px) scale(1.15); }
    }
    .gmn-hero-spark{
        position:absolute !important;
        left:0; right:0; bottom:0;
        width: 100% !important;
        height: 55% !important;
        opacity: 0.5 !important;
        pointer-events: none !important;
    }
    .gmn-hero-spark path{
        fill: none !important;
        stroke: var(--gmn-accent) !important;
        stroke-width: 2 !important;
        stroke-linecap: round !important;
        stroke-dasharray: 1400 !important;
        stroke-dashoffset: 1400 !important;
        transition: stroke-dashoffset 2.2s cubic-bezier(.16,.84,.44,1) !important;
    }
    .gmn-hero.is-live .gmn-hero-spark path{ stroke-dashoffset: 0 !important; }

    .gmn-hero-inner{ position: relative !important; z-index: 1 !important; }
    .gmn-hero-eyebrow{
        font-family: 'IBM Plex Mono', monospace !important;
        font-size: 12px !important;
        letter-spacing: 2px !important;
        color: var(--gmn-accent) !important;
        margin: 0 0 16px 0 !important;
        display:flex !important;
        align-items:center !important;
        gap: 8px !important;
    }
    .gmn-hero-eyebrow::before{
        content:"" !important;
        width:7px !important; height:7px !important; border-radius:50% !important;
        background: var(--gmn-accent) !important;
        box-shadow: 0 0 0 0 rgba(15,157,130,0.6) !important;
        animation: gmn-pulse 2s infinite !important;
    }
    @keyframes gmn-pulse{
        0%{ box-shadow: 0 0 0 0 rgba(15,157,130,0.55); }
        70%{ box-shadow: 0 0 0 9px rgba(15,157,130,0); }
        100%{ box-shadow: 0 0 0 0 rgba(15,157,130,0); }
    }
    .gmn-hero-headline{
        font-family: 'Space Grotesk', sans-serif !important;
        font-size: clamp(30px, 4.2vw, 48px) !important;
        font-weight: 700 !important;
        color: #fff !important;
        line-height: 1.12 !important;
        margin: 0 0 16px 0 !important;
        max-width: 720px !important;
    }
    .gmn-hero-sub{
        font-family: 'Inter', sans-serif !important;
        font-size: 16px !important;
        color: #9AA4B2 !important;
        max-width: 620px !important;
        line-height: 1.6 !important;
        margin: 0 0 36px 0 !important;
    }
    .gmn-hero-stats{
        display:flex !important;
        flex-wrap: wrap !important;
        gap: 44px !important;
    }
    .gmn-hero-stat-num{
        font-family: 'Space Grotesk', sans-serif !important;
        font-size: 40px !important;
        font-weight: 700 !important;
        color: #fff !important;
        line-height: 1 !important;
    }
    .gmn-hero-stat-label{
        font-family: 'IBM Plex Mono', monospace !important;
        font-size: 12px !important;
        color: #7C8797 !important;
        margin-top: 6px !important;
        letter-spacing: 0.4px !important;
    }
    .gmn-hero-footnote{
        font-family: 'IBM Plex Mono', monospace !important;
        font-size: 12.5px !important;
        color: #5D6675 !important;
        margin: 28px 0 0 0 !important;
    }
    @media (max-width: 767px){
        .gmn-hero{ padding: 40px 24px 32px 24px !important; margin: 20px 12px 0 12px !important; }
        .gmn-hero-stats{ gap: 28px !important; }
        .gmn-hero-stat-num{ font-size: 32px !important; }
    }

    /* tighten the gap so hero + tape read as one dark zone */
    .gmn-hero + .gmn-tape-wrap{ margin-top: 14px !important; }

    /* ---------- Tabs sliding underline ---------- */
    .gmn-tabs{ position: relative !important; }
    .gmn-tabs-underline{
        position:absolute !important;
        bottom:-6px !important; left:0 !important;
        height:2px !important;
        background: var(--gmn-accent) !important;
        border-radius: 2px !important;
        transition: transform 0.3s cubic-bezier(.2,.8,.2,1), width 0.3s cubic-bezier(.2,.8,.2,1) !important;
        opacity: 0 !important;
    }
    .gmn-tabs.is-ready .gmn-tabs-underline{ opacity: 1 !important; }

    /* ---------- Spotlight (featured) card ---------- */
    .gmn-spotlight-body{
        display:flex !important;
        flex-direction: column !important;
        flex: 1 !important;
        min-width: 0 !important;
    }
    .tr-media-item-977--spotlight{
        grid-column: 1 / -1 !important;
        flex-direction: row !important;
        min-height: 280px !important;
        gap: 30px !important;
        align-items: stretch !important;
    }
    .tr-media-item-977--spotlight .tr-media-img-420{
        width: 30% !important;
        height: auto !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }
    .tr-media-item-977--spotlight .tr-media-title-490{
        font-size: 26px !important;
        min-height: 0 !important;
        -webkit-line-clamp: 2 !important;
    }
    .tr-media-item-977--spotlight .tr-media-txt-254{
        -webkit-line-clamp: 3 !important;
        height: auto !important;
        max-height: 84px !important;
    }
    @media (max-width: 767px){
        .tr-media-item-977--spotlight{ flex-direction: column !important; }
        .tr-media-item-977--spotlight .tr-media-img-420{ width: 100% !important; height: 200px !important; }
    }

    /* ---------- Cursor-glow hover + scroll reveal on cards ---------- */
    .tr-media-item-977{
        --mx: 50%;
        --my: 0%;
        position: relative !important;
        opacity: 0;
        transform: translateY(24px);
        transition: box-shadow 0.25s ease, border-color 0.25s ease;
    }
    .tr-media-item-977.is-revealed{
        animation: gmnCardReveal 0.6s cubic-bezier(.2,.7,.2,1) forwards;
        animation-delay: calc(var(--i, 0) * 70ms);
    }
    @keyframes gmnCardReveal{
        to{ opacity: 1; transform: translateY(0); }
    }
    .tr-media-item-977::before{
        content:"" !important;
        position:absolute !important;
        inset: -1px !important;
        border-radius: 18px !important;
        padding: 1px !important;
        background: radial-gradient(220px circle at var(--mx) var(--my), rgba(15,157,130,0.55), transparent 60%) !important;
        opacity: 0 !important;
        transition: opacity 0.25s ease !important;
        pointer-events: none !important;
        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }
    .tr-media-item-977:hover::before{ opacity: 1 !important; }

    @media (prefers-reduced-motion: reduce){
        .gmn-hero-glow{ animation: none !important; }
        .gmn-hero-eyebrow::before{ animation: none !important; }
        .gmn-hero-spark path{ transition: none !important; stroke-dashoffset: 0 !important; }
        .tr-media-item-977{ opacity: 1 !important; transform: none !important; transition: none !important; }
    }

    .gmn-empty{
        grid-column: 1 / -1 !important;
        text-align:center !important;
        color: var(--gmn-muted) !important;
        padding: 60px 20px !important;
        font-family: 'Inter', sans-serif !important;
    }

    @keyframes fadeInCard {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }

/* --- from page.tmp.php — "Markets" page hero background ---
   Was an inline <style> printed when $page['main'] == 'Markets'.
   page.tmp.php now adds the `is-markets-hero` class instead.
   NB: url() is relative to this stylesheet (/css/), so ../image/ is correct. */
.tr-page-banner-412.is-markets-hero {
    position: relative;
    background: linear-gradient(rgba(19, 19, 35, 0.6), rgba(0, 0, 0, 0.5)),
                url(../image/f1-page.webp) no-repeat center / cover;
    height: 665px;
    z-index: 0;
}

/* ===========================================================================
   EXTRACTED INLINE style="" ATTRIBUTES  —  2026-09-09
   One class per rule that used to be written on the element itself.
   Only genuinely dynamic values (a colour or index computed in PHP) were
   left inline; those cannot live in a stylesheet.
   =========================================================================== */

/* --- mod/market/page.market-insights.php --- */
.tr-alert-box-731 {
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
}
.alert-warning.tr-alert-box-731 { background-color: #fff3cd; color: #856404; }
.alert-info.tr-alert-box-731    { background-color: #d1ecf1; color: #0c5460; }
.alert-danger.tr-alert-box-731  { background-color: #f8d7da; color: #721c24; }

.tr-alert-pre-408 {
    background-color: #f8f9fa;
    padding: 10px;
    border-radius: 4px;
    margin-top: 10px;
}

.tr-span-2-119 { grid-column: span 2; }

/* --- mod/media/page.media.php --- */
.tr-media-intro-560   { padding-bottom: 40px; }
.tr-media-headline-284{ color: #232323; font-size: 36px; font-weight: 600; padding-top: 50px; }
.tr-media-accent-317  { color: var(--brand-blue); }
.tr-media-body-703    { color: #686868; font-size: 16px; }
.tr-media-body-centered-491 { text-align: center; margin-top: 0; }
.tr-media-kicker-925  {
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 16px;
}
.tr-media-galleries-146 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brand-blue);
    font-weight: 600;
}
.tr-media-rule-238 {
    display: inline-block;
    width: 50px;
    height: 2px;
    background: var(--brand-blue);
    margin-right: 10px;
}

/* --- mod/contact/page.contact.php --- */
.tr-contact-pad-870   { padding-top: 30px !important; }
.tr-contact-lede-624  { font-size: 23px; color: #686868; font-weight: 600; padding-bottom: 50px; }
.tr-contact-label-459 { color: #fff; font-weight: 600; }
.tr-map-frame-183     { border: 0; }

/* --- mod/calculator/page.compound-calculator.php ---
   `p.` on the lede: style.css has `p:last-child { margin:auto }` near the top,
   which outranks a bare class, and the lede is the last child of its holder.
   The chart panes are toggled by switchChart(), which always writes an explicit
   display value inline, so an initial `display:none` here is safe. */
p.tr-calc-lede-741    { font-size: 16px; color: #686868; margin-top: 30px; }
.tr-chart-box-352     { height: 300px; margin: 20px 0; }
.tr-chart-hidden-608  { display: none; }

/* --- mod/blog + mod/articles --- */
.tr-pad-top-50-964    { padding-top: 50px; }
.blog-card-holder     { display: flex; flex-wrap: wrap; }
/* .blog-title / .blog-text carried duplicate inline copies of the rules already
   set in the blog <style> block above; the inline copies are gone. */
.blog-title           { font-size: 25px; color: #232323; font-weight: 600; }
.blog-text            { font-size: 17px; color: #686868; }

/* --- mod/home/box.proces.php --- */
.tr-delay-100-238     { transition-delay: 100ms; }
.tr-delay-200-471     { transition-delay: 200ms; }

/* --- mod/home/box.slider.php --- */
.tr-slider-band-895   { background: linear-gradient(180deg, #aaadad 0%, #ffffff 100%); }

/* --- mod/home/box.banner.php ---
   The hero elements also carried `translate/rotate/scale/opacity/transform`
   declarations pasted in from browser devtools — GSAP writes those itself at
   runtime, so they were dead weight and have been dropped. Only the border
   colours below were doing real work. */
.tr-hero-veil-517 {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 80%);
}
/* Scoped to #hero-section: both elements also carry a `border` class, and
   Bootstrap's `.border { … !important }` loads after this file, so a bare
   class lost the tie and the border turned grey. The old inline !important
   used to win; this selector restores that. */
#hero-section .tr-hero-badge-364 { border-color: #071c7e !important; }
#hero-section .tr-hero-panel-802 { border-color: #1a1a1c !important; }

/* --- inc/global.php :: bottom() --- */
.tr-cta-gap-706     { margin-top: 70px; }
.tr-cta-spin-483    { animation-duration: 20s; }
.tr-footer-logo-291 { height: 4rem !important; }
.tr-footer-copy-655 { width: 310px !important; }

/* --- 404.php --- */
.tr-error-title-540 { padding: 200px 0 70px 0; }

/* --- page.tmp.php --- */
.tr-page-main-618   { background: url(../image/why-choose-bg.png); }

/* --- mod/market/page.market-insights.php (styles JS used to assign inline) ---
   The `lastUpdated.style = '...'` assignments were removed entirely: they were
   duplicating .tr-last-updated-677, which is already defined above. */
.tr-news-success-284 {
    padding: 10px;
    background-color: #d4edda;
    color: #155724;
    border-radius: 8px;
    margin-bottom: 20px;
}

/* ===========================================================================
   BLOG POST BODY  —  mod/blog/page.blog-items.php wraps blog.content in .blogContent
   Added 2026-09-10 with the new posts. The old posts carried these looks as
   inline style="" on every <p> in the database; the new content is plain
   <h2>/<p>/<table>, so the look lives here instead. Values match the old
   inline ones (17px #686868 text, #232323 headings).
   =========================================================================== */
.blogContent               { padding-bottom: 40px; }
.blogContent p             { font-size: 17px; line-height: 1.7; color: #686868; margin: 0 0 20px; }
.blogContent h2            { font-size: 26px; line-height: 1.3; color: #232323; font-weight: 600; margin: 40px 0 16px; }
.blogContent h2:first-child{ margin-top: 0; }
.blogContent strong        { color: #232323; }

.tr-blog-table-wrap-214    { overflow-x: auto; margin: 10px 0 30px; -webkit-overflow-scrolling: touch; }
.tr-blog-table-580         { width: 100%; min-width: 480px; border-collapse: collapse; font-size: 16px; }
.tr-blog-table-580 th      { background: var(--brand-blue); color: #fff; text-align: left; padding: 12px 16px; font-weight: 600; }
.tr-blog-table-580 td      { padding: 12px 16px; color: #686868; border-bottom: 1px solid #e5e7eb; vertical-align: top; }
.tr-blog-table-580 tbody tr:nth-child(even) td { background: #f6f8fa; }

/* ===========================================================================
   BOOTSTRAP COLLAPSE vs TAILWIND  —  2026-09-10
   Fixes: /faq answers and the /futures "Examples" panel opening as an empty box.
   Bootstrap shows an open panel with `.collapse.show` (display:block). The
   Tailwind Play CDN sees the same `collapse` class in the page, treats it as
   its own utility, and injects `.collapse { visibility: collapse }` — so the
   panel opened at full height but its content was invisible. `.collapse.show`
   outranks Tailwind's single-class rule no matter which loads last.
   =========================================================================== */
.collapse.show { visibility: visible; }

/* Address links to Google Maps (footer + contact page). The global
   `a { text-decoration:none !important }` rule would hide any hint that the
   address is clickable, so it gets an underline on hover. */
.tr-map-link-744:hover { text-decoration: underline !important; }

/* ===========================================================================
   CONTENT ADDED 2026-09-10  —  "TrendEadvisor Website Content.docx"
   New blocks on /ira, /investment-concepts, /futures, /metals, /bonds (stored
   in wf_page.content) and /compound-calculator (mod/calculator). They use these
   classes instead of inline style="". Sizes/colours copy the neighbouring
   inline-styled text on each page. Measured on the live pages, paragraphs there
   have 0 margin (Tailwind's reset wins), so these set their own spacing.
   /anti-fraud and /ciprogram reuse the existing .tr-footer-link-page-* classes.
   Paragraph classes are written `p.class` so they tie with, and (being later in
   the file) beat, `p:last-child { margin:auto }` — otherwise the last paragraph
   of each new block lost its top margin.
   =========================================================================== */
.tr-add-h2-436           { color: #232323; font-size: 36px; font-weight: 600; line-height: 1.5; margin: 40px 0 0; }   /* /ira section heading */
p.tr-add-txt20-218       { color: #686868; font-size: 20px; line-height: 1.5; margin: 14px 0 0; }                   /* /ira body text */
p.tr-add-txt16-744       { color: #686868; font-size: 16px; line-height: 1.5; margin: 12px 0 0; }                   /* body text, 16px pages */
.tr-add-h3-905           { color: #232323; font-size: 17px; font-weight: 600; margin: 30px 0 0; }                   /* /metals closing section */
p.tr-table-intro-661     { color: #686868; font-size: 16px; line-height: 1.5; margin: 8px 0 0; }                    /* intro under a table heading */
.tr-calc-guide-573       { margin-top: 50px; }
.tr-calc-guide-title-327 { color: #232323; font-size: 28px; font-weight: 600; line-height: 1.3; margin: 0 0 4px; }

/* ===========================================================================
   HERO BUTTONS  —  2026-09-11
   Client: "remove the white frame" on Start Trading Now and About Us, and give
   the header Start Trading the same blue as Start Trading Now. The frame was
   Bootstrap's `.border { … !important }` repainting the Tailwind border light
   grey, plus .glass-dark's 1px white edge — so the `border` classes are gone
   from the markup and these rules zero what's left. The glows were still the
   old theme's green (rgba(2,193,96,…)); they now follow the brand blue.
   =========================================================================== */
#hero-section .tr-hero-cta-primary-213       { border: 0; box-shadow: 0 0 25px rgb(var(--brand-blue-rgb) / 0.35); }
#hero-section .tr-hero-cta-primary-213:hover { box-shadow: 0 0 35px rgb(var(--brand-blue-rgb) / 0.55); }
#hero-section .tr-hero-cta-secondary-214     { border: 0; }
#hero-section .tr-hero-glow-text-215         { filter: drop-shadow(0 0 10px rgb(var(--brand-blue-rgb) / 0.5)); }

/* ===========================================================================
   CLIENT PROTECTION / COMPANY INFORMATION  —  2026-09-11
   Homepage "A Broker You Can Trust" (mod/home/box.faq.php), the new
   /company-information page (mod/company/), and the footer's documentation
   request. Two site-wide rules shape how these are written:
   - `p:last-child { margin:auto }` near the top of this file outranks a bare
     class, so paragraph classes are written `p.class`;
   - `a { color:inherit !important; text-decoration:none !important }`, so
     links styled as buttons set their own colour with !important.
   =========================================================================== */

/* --- Request Regulatory Documentation (footer + company page) --- */
.tr-doc-request-btn-742 {
    display: inline-flex; align-items: center; gap: .55rem;
    padding: 11px 22px; border-radius: 999px;
    background: var(--brand-blue); color: #fff !important;
    font-weight: 600; font-size: 15px; line-height: 1.2;
    box-shadow: 0 8px 20px -8px rgb(var(--brand-blue-rgb) / 0.6);
    transition: transform .25s ease, filter .25s ease;
}
.tr-doc-request-btn-742:hover { transform: translateY(-1px); filter: brightness(1.08); }

/* Footer: the note sits beside the button (2026-09-15) and wraps underneath on
   narrow screens. Light brand blue rather than white: it ties to the button and
   doesn't outshine the grey paragraphs above (both were compared on screen).
   Two-class selectors so they outrank the single-class rules below whatever the order. */
.tr-doc-request-row-745 { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 4px; }
.tr-doc-request-row-745 .tr-doc-request-btn-sm-743 { margin-top: 0; flex: 0 0 auto; }
.tr-doc-request-row-745 p.tr-doc-request-note-footer-746 {
    flex: 1 1 320px; margin: 0; font-size: 12.5px; line-height: 1.5; color: #aab6ff;
}

/* Header "Log in" (2026-09-15). The global a{color:inherit !important} rule
   means its colours need !important too. */
.tr-header-login-610 { color: #111827 !important; }
.tr-header-login-610:hover { color: var(--brand-blue) !important; }
.tr-doc-request-btn-sm-743    { padding: 7px 14px; font-size: 12px; margin-top: 4px; box-shadow: none; }
p.tr-doc-request-note-744     { font-size: 12px; line-height: 1.5; color: #6b7280; margin: 8px 0 0; }
p.tr-footer-notice-p-731      { margin: 0 0 8px; }

/* --- Homepage section --- */
p.tr-trust-subtitle-520 {
    font-family: "Outfit", sans-serif; font-size: 20px; font-weight: 600;
    color: var(--brand-blue); margin: 0 0 20px;
}
/* Paragraph beside the figures. The CLIENT PROTECTION button that sat under it
   was removed 2026-09-15 at the client's request; the text is set larger on
   desktop so it fills the column to the height of the figures. */
p.tr-trust-lead-523 { margin: 0; font-size: 17px; line-height: 1.7; color: #4b5563; }
@media (min-width: 1024px) { p.tr-trust-lead-523 { font-size: 19.5px; line-height: 1.95; } }

/* --- How We Protect Clients (shared) --- */
.tr-protect-title-513 {
    font-family: "Outfit", sans-serif; font-size: 30px; font-weight: 700;
    color: #111827; margin: 0 0 8px; line-height: 1.2;
}
p.tr-protect-intro-514 { font-size: 17px; line-height: 1.7; color: #686868; max-width: 820px; margin: 0 0 8px; }
.tr-protect-grid-515 { display: grid; gap: 20px; margin-top: 20px; grid-template-columns: 1fr; }
@media (min-width: 640px)  { .tr-protect-grid-515 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .tr-protect-grid-515 { grid-template-columns: repeat(3, 1fr); } }   /* 6 points = 2 rows of 3 */
.tr-protect-item-516 { display: flex; align-items: flex-start; gap: 16px; padding: 22px; }
.tr-protect-icon-517 {
    flex: 0 0 44px; height: 44px; border-radius: 12px;
    display: grid; place-items: center; font-size: 18px;
    background: rgb(var(--brand-blue-rgb) / 0.1); color: var(--brand-blue);
}
.tr-protect-item-title-518 { font-size: 17px; font-weight: 600; color: #111827; margin: 0 0 4px; line-height: 1.3; }
p.tr-protect-item-text-519 { font-size: 15px; line-height: 1.55; color: #6b7280; margin: 0; }

/* --- Laptop + protection cycle illustration (part.client-protection-visual.php) --- */
.tr-cpv-560 { display: flex; flex-direction: column; align-items: center; gap: 24px; }

.tr-cpv-laptop-561 { width: 100%; max-width: 480px; padding: 0 5%; }
.tr-cpv-lid-562 {
    position: relative; padding: 16px 14px 18px;
    background: #1c2130; border-radius: 18px 18px 6px 6px;
    box-shadow: 0 30px 60px -22px rgba(17, 24, 39, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.tr-cpv-camera-563 {
    position: absolute; top: 6px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 6px; border-radius: 50%; background: #3a4152;
}
.tr-cpv-screen-564 {
    position: relative; overflow: hidden; border-radius: 8px;
    padding: 0 0 12px;
    background: #f4f6fb;                         /* light app view (2026-09-15) */
}
.tr-cpv-screen-564::after {                      /* soft glass reflection */
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(115deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 38%);
}
/* App bar, title and rows use the site's own card and icon-tile style — the
   same tiles as "How We Protect Clients" — in one icon colour. */
.tr-cpv-appbar-580 {
    display: flex; align-items: center; justify-content: space-between;
    padding: 7px 14px; background: #fff; border-bottom: 1px solid #e7eaf1;
}
.tr-cpv-appbrand-581 {
    display: inline-flex; align-items: center; gap: 6px;
    font-family: "Outfit", sans-serif; font-weight: 700; font-size: 13px; color: #111827;
}
.tr-cpv-appbrand-581 i { color: var(--brand-blue); }
.tr-cpv-secure-582 {
    display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px; border-radius: 999px;
    font-size: 10.5px; font-weight: 600; color: #15803d; background: #e8f6ee;
}
p.tr-cpv-screen-title-565 {
    margin: 11px 14px 8px; text-align: left; color: #111827;
    font-family: "Outfit", sans-serif; font-weight: 700; font-size: 15px;
}
.tr-cpv-list-566 { list-style: none; margin: 0 14px; padding: 0; display: grid; gap: 6px; position: relative; z-index: 1; }
.tr-cpv-list-566 li {
    display: flex; align-items: center; gap: 10px; padding: 8px 10px;
    background: #fff; border: 1px solid #e7eaf1; border-radius: 10px;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
}
.tr-cpv-li-icon-567 {
    flex: 0 0 30px; height: 30px; border-radius: 8px;
    display: grid; place-items: center; font-size: 13px;
    background: rgb(var(--brand-blue-rgb) / 0.1); color: var(--brand-blue);
}
.tr-cpv-li-text-568 { flex: 1 1 auto; min-width: 0; }
.tr-cpv-li-text-568 strong { display: block; font-size: 12.5px; line-height: 1.25; color: #111827; font-weight: 600; }
.tr-cpv-li-text-568 em     { display: block; font-size: 11px; line-height: 1.3; color: #6b7280; font-style: normal; }
.tr-cpv-status-583 {
    flex: 0 0 auto; padding: 3px 8px; border-radius: 999px; white-space: nowrap;
    font-size: 10px; font-weight: 600; background: #e8f6ee; color: #15803d;
}
.tr-cpv-status-583.is-request { background: rgb(var(--brand-blue-rgb) / 0.1); color: var(--brand-blue); }
.tr-cpv-base-569 {
    position: relative; height: 14px; margin: 0 -5%;
    background: linear-gradient(#dfe2e8, #a7adb9); border-radius: 0 0 16px 16px;
    box-shadow: 0 16px 26px -12px rgba(0, 0, 0, 0.35);
}
.tr-cpv-notch-570 {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 18%; height: 6px; background: #8c93a1; border-radius: 0 0 8px 8px;
}

.tr-cpv-tone-blue  { color: var(--brand-blue); }   /* one icon colour throughout (2026-09-15) */

/* 420px ≈ the height of the figures beside it (was 300px until 2026-09-15).
   container-type lets the icons and label scale with the circle (cqw units). */
.tr-cpv-cycle-571 { position: relative; width: 100%; max-width: 420px; aspect-ratio: 1 / 1; container-type: inline-size; }
.tr-cpv-ring-572 { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.tr-cpv-ring-572 path { fill: none; stroke: var(--brand-blue); stroke-width: 3; stroke-linecap: round; opacity: .85; }
.tr-cpv-ring-572 .tr-cpv-arrowhead-573 { fill: var(--brand-blue); stroke: none; opacity: 1; }
.tr-cpv-badge-574 {
    position: absolute; width: 19%; aspect-ratio: 1 / 1; transform: translate(-50%, -50%);
    display: grid; place-items: center; border-radius: 50%; background: #fff;
    font-size: clamp(18px, 7cqw, 30px);
    box-shadow: 0 10px 25px -8px rgba(17, 24, 39, 0.28), 0 0 0 1px rgba(17, 24, 39, 0.06);
    transition: transform .3s ease;
}
.tr-cpv-badge-574:hover { transform: translate(-50%, -50%) scale(1.08); }
.tr-cpv-top-575    { left: 50%;     top: 13.33%; }   /* badges sit on the r=110 ring of the 300x300 svg */
.tr-cpv-right-576  { left: 86.67%;  top: 50%; }
.tr-cpv-bottom-577 { left: 50%;     top: 86.67%; }
.tr-cpv-left-578   { left: 13.33%;  top: 50%; }
.tr-cpv-center-579 {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
    width: 42%; aspect-ratio: 1 / 1; border-radius: 50%;
    display: grid; place-items: center; text-align: center;
    background: linear-gradient(135deg, #35d4c8 0%, var(--brand-blue) 100%);
    color: #fff !important; font-family: "Outfit", sans-serif; font-weight: 700;
    font-size: clamp(12px, 4.4cqw, 19px); line-height: 1.15; letter-spacing: .06em; text-transform: uppercase;
    box-shadow: 0 15px 35px -10px rgb(var(--brand-blue-rgb) / 0.6);
    transition: transform .3s ease;
}
.tr-cpv-center-579:hover { transform: translate(-50%, -50%) scale(1.05); }
.tr-cpv-center-579::after {                      /* slow pulse around the button */
    content: ""; position: absolute; inset: -8px; border-radius: 50%;
    border: 2px solid rgb(var(--brand-blue-rgb) / 0.35);
    animation: tr-cpv-pulse 2.8s ease-out infinite;
}
@keyframes tr-cpv-pulse { 0% { transform: scale(0.92); opacity: 1; } 100% { transform: scale(1.18); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .tr-cpv-center-579::after { animation: none; } }

/* --- /company-information page --- */
.tr-company-page-530 { padding: 50px 0 30px; background: url(../image/why-choose-bg.png); }
.tr-company-section-531 { position: relative; padding: 44px 0; }
.tr-company-section-531 + .tr-company-section-531 { border-top: 1px solid #e5e7eb; }
p.tr-company-kicker-532 {
    display: flex; align-items: center; gap: 10px; margin: 0 0 8px;
    font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--brand-blue);
}
p.tr-company-kicker-532::before { content: ""; width: 28px; height: 2px; background: var(--brand-blue); }
.tr-company-h2-533 {
    font-family: "Outfit", sans-serif; font-size: clamp(28px, 4vw, 38px); font-weight: 700;
    color: #111827; line-height: 1.2; margin: 0 0 18px;
}
p.tr-company-p-534      { font-size: 17px; line-height: 1.7; color: #686868; margin: 0 0 14px; max-width: 900px; }
p.tr-company-p-lead-539 { font-size: 18px; margin-bottom: 28px; }

.tr-company-table-wrap-535 { overflow-x: auto; margin-top: 28px; -webkit-overflow-scrolling: touch; }
.tr-company-table-536 {
    width: 100%; max-width: 860px; min-width: 460px;
    border-collapse: separate; border-spacing: 0;
    border: 1px solid #e5e7eb; border-radius: 14px; overflow: hidden; background: #fff;
    caption-side: top;                          /* Bootstrap puts captions under tables */
}
.tr-company-table-536 caption {
    text-align: left; padding: 0 0 12px; color: #111827;
    font-family: "Outfit", sans-serif; font-size: 20px; font-weight: 600;
}
.tr-company-table-536 thead th {
    background: var(--brand-blue); color: #fff; text-align: left;
    padding: 12px 18px; font-size: 14px; font-weight: 600; letter-spacing: .03em;
}
.tr-company-table-536 tbody th,
.tr-company-table-536 tbody td { padding: 13px 18px; border-top: 1px solid #eef0f3; vertical-align: top; font-size: 15.5px; }
.tr-company-table-536 tbody th { width: 34%; text-align: left; color: #111827; font-weight: 600; }
.tr-company-table-536 tbody td { color: #686868; }
.tr-company-table-536 tbody tr:nth-child(even) th,
.tr-company-table-536 tbody tr:nth-child(even) td { background: #f8f9fb; }

.tr-doc-request-537 { margin-top: 36px; text-align: center; }

/* Intro: a tall photo beside the text and table (2026-09-15). Desktop only — on
   narrower screens it would be a very tall strip, so it is hidden there. */
.tr-company-intro-grid-541 { display: grid; gap: 40px; }
.tr-company-figure-542 { display: none; margin: 0; }
@media (min-width: 1024px) {
    .tr-company-intro-grid-541 { grid-template-columns: minmax(0, 1fr) 270px; align-items: stretch; }
    .tr-company-figure-542 {
        display: block; position: relative; overflow: hidden; border-radius: 20px;
        box-shadow: 0 30px 60px -28px rgba(17, 24, 39, 0.45);
    }
    .tr-company-figure-542 img {
        position: absolute; inset: 0; width: 100%; height: 100%;
        object-fit: cover; object-position: 53% 50%;
    }
    .tr-company-figure-542::after {
        content: ""; position: absolute; inset: 0; pointer-events: none;
        background: linear-gradient(180deg, rgb(var(--brand-blue-rgb) / 0) 50%, rgb(var(--brand-blue-rgb) / 0.45) 100%);
    }
}
.tr-doc-request-537 p.tr-doc-request-note-744 { font-size: 13px; max-width: 620px; margin: 10px auto 0; }
.tr-company-anchor-538 { position: absolute; top: 0; scroll-margin-top: 110px; }   /* clears the fixed header */
p.tr-sipc-more-540 { margin: 16px 0 0; font-size: 15px; color: #374151; }
p.tr-sipc-more-540 a { color: var(--brand-blue) !important; }
p.tr-sipc-more-540 a:hover { text-decoration: underline !important; }

/* Homepage: figures beside the "When placing your money…" paragraph. The figures
   get 3/5 of the row so labels like "Excess Regulatory Capital" fit on 2 lines. */
.tr-trust-row-522 { display: grid; gap: 32px; align-items: center; }
@media (min-width: 768px) { .tr-trust-row-522 { grid-template-columns: 3fr 2fr; } }

/* News & Press card titles (2026-09-14).
   .tr-media-title-490 relies on -webkit-line-clamp, but the element is a flex
   item (.gmn-spotlight-body is display:flex), and Chrome blockifies a flex
   item's display:-webkit-box to flow-root — which switches the clamp off. The
   box then grows past its 3 lines and the next line is cut in half. Capping the
   height at a whole number of lines makes the cut clean whether or not the
   clamp is honoured.

   Two things the cap has to account for. Tailwind's preflight puts everything
   in border-box, so the element's own padding counts towards the height. And
   overflow:hidden clips at the PADDING edge, not the content edge — so a
   bottom padding lets the next line show through it. Hence padding-bottom: 0
   and a cap of (lines x 1.5em) + the 15px top padding.

   The launch-release headline needs four lines in a card at desktop width, so
   that is what cards allow; the wide spotlight card needs three. */
.tr-media-title-490 {
    padding-bottom: 0 !important;
    min-height: calc(6em + 15px) !important;   /* 4 lines, so a row stays aligned */
    max-height: calc(6em + 15px) !important;
    -webkit-line-clamp: 4 !important;          /* match the cap, or the clamp's
                                                  ellipsis lands after line 3
                                                  while line 4 is still shown */
}

.tr-media-item-977--spotlight .tr-media-title-490 {
    min-height: 0 !important;
    max-height: calc(4.5em + 15px) !important; /* spotlight: up to 3 lines */
    -webkit-line-clamp: 3 !important;
}