/* GTP homepage - new UI, CSS only, outside India (owner 2026-11-06). Tokens = dev styles/gtp-redesign.css.
   navy #0B3B8C / #08285F, red #D62E45 / #B5233A, ink #172033, muted #4F5B6B, hairline #E3E8EF, ground #F4F6F9,
   buttons + fields 10px, cards 14px. Colour rules below are the live homepage's own rules re-issued with the new colours. */

/* ---- header: top promo bar, search, actions (same look as the redesigned pages) ---- */
.leads-promo-bar, .promotion_header { background: #D62E45 !important; }
.leads-promo-bar .promo-btn, .leads-promo-bar-mobile .promo-btn { color: #D62E45 !important; border-radius: 8px !important; font-weight: 700; }
.navbar.navbar-expand-lg.navbar-light { background: #fff !important; box-shadow: none !important; border-bottom: 1px solid #E3E8EF !important; }
.navbar .search, .navbar .search .input-group { border-radius: 10px !important; }
.navbar .search .input-group { border: 1.5px solid #0B3B8C !important; overflow: hidden; background: #fff; }
.navbar .search .input-group .header-service-select { border-radius: 9px 0 0 9px !important; }
.navbar .search .input-group input, .navbar .search .input-group .form-control { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.navbar .search .input-group button, .navbar .search .input-group .btn { background: #0B3B8C !important; border-color: #0B3B8C !important; color: #fff !important; border-radius: 0 9px 9px 0 !important; font-weight: 700; }
.navbar .search .input-group button:hover, .navbar .search .input-group .btn:hover { background: #08285F !important; }
.action.d-flex .btn.btn-post { background: #D62E45 !important; border: 1.5px solid #D62E45 !important; color: #fff !important; border-radius: 10px !important; height: 42px; padding: 0 18px !important; font-weight: 700; letter-spacing: .01em; box-shadow: 0 1px 2px rgba(214, 46, 69, .25); transition: background .15s ease, border-color .15s ease; }
.action.d-flex .btn.btn-post:hover, .action.d-flex .btn.btn-post:focus-visible { background: #B5233A !important; border-color: #B5233A !important; }
.action.d-flex a.create_account > .btn { background: #fff !important; color: #0B3B8C !important; border: 1.5px solid #0B3B8C !important; border-radius: 10px !important; height: 42px; padding: 0 18px !important; font-weight: 700; transition: background .15s ease; }
.action.d-flex a.create_account > .btn:hover, .action.d-flex a.create_account > .btn:focus-visible { background: #EEF3FB !important; }
.navbar .btn.mobile-signin { border-radius: 10px !important; }

/* ---- buttons everywhere on the page: 10px corners, navy primary, red for the main action ---- */
.btn, .btn.rounded-pill, button.rounded-pill, .rounded-pill.btn { border-radius: 10px !important; }
.btn.btn-post.rounded-pill { background: #0B3B8C !important; border-color: #0B3B8C !important; color: #fff !important; font-weight: 700; }
.btn.btn-post.rounded-pill:hover { background: #08285F !important; border-color: #08285F !important; }
.btn.btn-post.rounded-pill.bg-white { background: #fff !important; border-color: #fff !important; color: #0B3B8C !important; }
.btn.btn-post.rounded-pill.bg-white:hover { background: #F4F6F9 !important; border-color: #F4F6F9 !important; color: #08285F !important; }
.leads-promo-hero .hero-badge, .leads-promo-hero .hero-free { border-radius: 8px !important; }

/* ---- cards: white, hairline border, 14px corners, no heavy shadow ---- */
.t-box.new-data-home, .t-box.feature-category-home, .t-box.feature-products-home, .list.t-box,
.category-card.border.rounded, .leads-promo-hero, .body.main-review {
  background: #fff !important; border: 1px solid #E3E8EF !important; border-radius: 14px !important; box-shadow: none !important;
  transition: border-color .15s ease, box-shadow .15s ease; }
.t-box.new-data-home:hover, .t-box.feature-category-home:hover, .t-box.feature-products-home:hover, .category-card.border.rounded:hover {
  border-color: #0B3B8C !important; box-shadow: 0 6px 18px rgba(16, 32, 60, .08) !important; }
.t-box.new-data-home img, .t-box.feature-category-home img, .t-box.feature-products-home img { border-radius: 10px !important; }
.leads-promo-hero .hero-right { border-radius: 12px !important; border-color: #F3D5DA !important; }
.category-list.cat-home, .banner-section .form { border-color: #E3E8EF !important; border-radius: 14px !important; overflow: hidden; }

/* ---- form fields ---- */
.form-control, .form-select, select.form-control, textarea.form-control { border-radius: 10px !important; border-color: #D5DCE6 !important; }
.form-control:focus, .form-select:focus { border-color: #0B3B8C !important; box-shadow: 0 0 0 3px rgba(11, 59, 140, .15) !important; }

/* ---- banner: four slides (same design, different text). Slide 1 is the fixed base; 2-4 fade in on top in turn (on every carousel copy, so they stay in step),
        each staying until the next one fully covers it (no see-through text). 5 s per slide, 20 s loop. ---- */
.banner-section .slide .item { position: relative; border-radius: 14px; overflow: hidden; line-height: 0; }
.banner-section .slide .item > a { position: static; display: block; line-height: 0; }
.banner-section .slide .item > a > img { display: block; opacity: 0; }
.banner-section .slide .item::before, .banner-section .slide .item::after,
.banner-section .slide .item > a::before, .banner-section .slide .item > a::after {
  content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none;
  background: #0b1530 0 0 / 100% 100% no-repeat; }
.banner-section .slide .item::before { background-image: url(/_gtp/img/home-slide-1.webp); z-index: 2; }
.banner-section .slide .item > a::before { background-image: url(/_gtp/img/home-slide-2.webp); z-index: 3; opacity: 0; animation: gtpHomeSlide 20s 5s infinite; }
.banner-section .slide .item > a::after { background-image: url(/_gtp/img/home-slide-3.webp); z-index: 4; opacity: 0; animation: gtpHomeSlide 20s 10s infinite; }
.banner-section .slide .item::after { background-image: url(/_gtp/img/home-slide-4.webp); z-index: 5; opacity: 0; animation: gtpHomeSlide 20s 15s infinite; }
@keyframes gtpHomeSlide { 0% { opacity: 0; } 3% { opacity: 1; } 28% { opacity: 1; } 31% { opacity: 0; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .banner-section .slide .item::after, .banner-section .slide .item > a::before, .banner-section .slide .item > a::after { animation: none; opacity: 0; } }

/* ---- the live homepage's own colour rules, re-issued with the new navy / red ---- */
@media only screen and (min-width: 768px){.cd-dropdown-content li.has-children ul li a:hover { color: #D62E45; }}
@media only screen and (min-width: 768px){.cd-dropdown-content .cd-secondary-dropdown > li > a { color: #D62E45; }}
ul a li:hover { background-color: #D62E45; }
.text-blue { color: #0B3B8C; }
.bg-blue { background-color: #0B3B8C !important; }
.text-pink { color: #D62E45; }
.hover-primary:hover { color: #D62E45 !important; }
.hover-secondary:hover { color: #0B3B8C !important; }
h4::after { background-image: linear-gradient(135deg, #D62E45, #D62E45 51%, #0B3B8C 0px, #0B3B8C 0px, #0B3B8C 99%); }
.main-heading::after { background-image: linear-gradient(135deg, #D62E45, #D62E45 51%, #0B3B8C 0px, #0B3B8C 0px, #0B3B8C 99%); }
.g-underline::after { background-image: linear-gradient(135deg, #D62E45, #D62E45 51%, #0B3B8C 0px, #0B3B8C 0px, #0B3B8C 99%); }
.btn-red { border-top-color: #D62E45; border-right-color: #D62E45; border-bottom-color: #D62E45; border-left-color: #D62E45; }
.btn-red, .btn-red:hover { background-color: #D62E45; }
.style-checkbox .link { color: #0B3B8C; }
.style-checkbox input[type="checkbox"]:checked + label span { border-top-color: #D62E45; border-right-color: #D62E45; border-bottom-color: #D62E45; border-left-color: #D62E45; }
.footer-link:hover { color: #D62E45 !important; }
.promotion_header { background-color: #D62E45; }
.navbar .menu a:hover { color: #D62E45 !important; }
.menu-button .menu-icon div { background-color: #0B3B8C; }
@media (max-width: 640px){.bottom-nav { background-color: #D62E45; }}
.buyer-supplier-card .buyer-supplier-hover a:hover { color: #0B3B8C; }
footer .links ul li:hover { color: #D62E45; }
footer .social-link li a:hover { color: #D62E45; }
footer .footer-bottom { background-color: #D62E45; }
@media (max-width: 640px){.mob-navigation ul li.active svg path { stroke: #D62E45; }}
@media (max-width: 640px){.mob-navigation ul li.active a { color: #D62E45; }}
.bottom-newsletter .submit_letter { color: #D62E45; }
.contact-us-button { color: #D62E45 !important; }
.contact-us-button:hover { color: #0B3B8C !important; }
.view-all-underline { color: #D62E45; }
.home-leads .list-main .list .data-list li:hover span { color: #D62E45; }
.how-it-works::after { background-color: #0B3B8C; }
.how-it-works ul .play { background-color: #D62E45; }
.how-it-works ul .play:hover { color: #0B3B8C; }
.how-it-works ul .know:hover { border-top-color: #D62E45; border-right-color: #D62E45; border-bottom-color: #D62E45; border-left-color: #D62E45; }
.newsletter { background-color: #0B3B8C; }
.newsletter .form-group .submit_letter { color: #D62E45; }
.post-enquiry .enqiry-form::after { background-color: #0B3B8C; }
.post-enquiry .enqiry-form .text h4::after { background-image: linear-gradient(135deg, rgb(255, 255, 255), rgb(255, 255, 255) 51%, #D62E45 0px, #D62E45 99%); }
.post-enquiry .enqiry-form .form .btn { background-color: #D62E45; }
.post-enquiry .enqiry-form .form .btn:hover { background-color: #0B3B8C; }
.regions ul li:hover span { color: #D62E45; }
.category-see-all-link { color: #0B3B8C !important; }
.background-pink-color { background-color: #D62E45 !important; }
.border-blue { border-top-color: #0B3B8C; border-right-color: #0B3B8C; border-bottom-color: #0B3B8C; border-left-color: #0B3B8C; }
.service-image { background-color: #D62E45; }
.category-data .body { border-top-color: #0B3B8C; }
.category-data .image-container .btn { background-color: #D62E45; }
.category-data .arrow-link { color: #0B3B8C; }
.category-data .arrow-link:hover { background-color: #D62E45; border-top-color: #D62E45; border-right-color: #D62E45; border-bottom-color: #D62E45; border-left-color: #D62E45; }
.primary-link, .primary-link:hover { color: #D62E45; }
.new-data .sub-title { color: #D62E45 !important; }
.leads-promo-bar { background-image: linear-gradient(90deg, #D62E45, rgb(255, 107, 107) 50%, #D62E45); }
.leads-promo-bar .promo-btn { color: #D62E45; }
.leads-promo-bar .promo-btn:hover { background-color: #0B3B8C; }
.leads-promo-bar-mobile { background-color: #D62E45; }
.leads-promo-bar-mobile .promo-btn { color: #D62E45; }
.leads-promo-hero { box-shadow: rgba(214, 46, 69, 0.08) 0px 2px 16px; }
.leads-promo-hero::before { background-image: linear-gradient(#D62E45, rgb(255, 143, 163)); }
.leads-promo-hero::after { background-image: radial-gradient(circle, rgba(214, 46, 69, 0.06) 0px, transparent 70%); }
.leads-promo-hero .hero-badge { color: #D62E45; }
.leads-promo-hero .hero-title span { color: #D62E45; }
.leads-promo-hero .step-num { color: #D62E45; }
.leads-promo-hero .hero-cta { background-color: #D62E45; }
.leads-promo-hero .hero-cta:hover { box-shadow: rgba(214, 46, 69, 0.3) 0px 4px 16px; }
.leads-promo-hero .hero-number { color: #D62E45; }
.leads-promo-hero .hero-free { background-color: #D62E45; }
@media (max-width: 640px){.navbar .btn.mobile-signin { color: #0B3B8C; }}