/*********************************************************************** * SANGYAN AI TECHNOLOGIES PRIVATE LIMITED * --------------------------------------------------------------------- * Project : SAI-WEB-001 * Engine : SAI-X 2.0 * * File : get-in-touch.css * * Delivery : STEP-01B * ***********************************************************************/ /* ========================================================== PAGE ========================================================== */ /* REMOVED: the original global body{} rule (margin, font-family, background:#ffffff, color:#111111) was deleted from here. It was an unscoped "body" element selector, so it applied site-wide -- not just to this page -- and its equal-specificity competing rule loaded AFTER landing-page.css / _reboot.scss, so it won the cascade and overrode the sitewide dark theme (background:#000; color:#fff;) on the landing page's hero. The margin/font-family reset is already handled globally by _reboot.scss, and background/color are already handled by landing-page.css. This file only needs to style its own page-specific components below (.sai-header, .sai-hero, .sai-contact-section, etc.), which it already does correctly. */ /* ========================================================== CONTAINER ========================================================== */ .sai-gt-container{ width:100%; max-width:1600px; margin:0 auto; padding-left:30px; padding-right:48px; box-sizing:border-box; } /* ========================================================== HEADER ========================================================== */ /* ========================================================== GET IN TOUCH HEADER ========================================================== */ .sai-gt-header{ position:relative; width:100%; background:#071529; border-bottom:1px solid rgba(255,255,255,.10); z-index:100; } /* ========================================================== HEADER CONTAINER ========================================================== */ .sai-gt-header .sai-gt-container{ max-width:1280px; margin:0 auto; height:90px; display:flex; align-items:center; justify-content:space-between; padding:0 24px; } /* ========================================================== LOGO ========================================================== */ .sai-gt-logo{ display:flex; align-items:center; gap:16px; text-decoration:none; } .sai-gt-logo img{ height:64px; width:auto; display:block; } .sai-gt-logo span{ font-size:20px; font-weight:600; color:#FFFFFF; } /* ========================================================== NAVIGATION ========================================================== */ .sai-gt-navigation ul{ display:flex; align-items:center; gap:36px; margin:0; padding:0; list-style:none; } .sai-gt-navigation a{ color:#FFFFFF; text-decoration:none; font-weight:500; transition:color .25s ease; } .sai-gt-navigation a:hover{ color:#FF7A00; } /*********************************************************************** * STEP-02A * HERO LAYOUT ***********************************************************************/ /*********************************************************************** * SANGYAN AI TECHNOLOGIES PRIVATE LIMITED * --------------------------------------------------------------------- * Project : SAI-WEB-001 * Engine : SAI-X 2.0 * * File : assets/css/get-in-touch.css * * Delivery : STEP-02A (REVISED) * Generated : 25-Jul-2026 * * COMPONENT : HERO LAYOUT * ***********************************************************************/ /* ========================================================== HERO ========================================================== */ .sai-gt-hero{ background:#071529; padding-top:2px; padding-bottom:30px; } /* ========================================================== GRID ========================================================== */ .sai-gt-hero-grid{ display:grid; grid-template-columns:44% 56%; align-items:start; column-gap:42px; margin-top:-18px; } /* ========================================================== LEFT COLUMN ========================================================== */ .sai-gt-hero-left{ min-height:360px; display:flex; flex-direction:column; justify-content:flex-start; padding-top:0; } /* ========================================================== RIGHT COLUMN ========================================================== */ .sai-gt-hero-right{ min-height:360px; display:flex; justify-content:center; align-items:flex-start; padding-top:0; } /*********************************************************************** * STEP-02B * HERO TYPOGRAPHY ***********************************************************************/ /* ========================================================== HERO LABEL ========================================================== */ .sai-gt-hero-label{ display:block; margin-bottom:14px; font-size:14px; font-weight:600; letter-spacing:1px; text-transform:uppercase; color:#F47A20; } /* ========================================================== HERO TITLE ========================================================== */ .sai-gt-hero-title{ margin:0; font-family:Poppins,sans-serif; font-size:38px; font-weight:600; line-height:1.20; color:#ffffff; } .sai-gt-hero-title span{ display:block; margin-top:2px; color:#F47A20; } /* ========================================================== DESCRIPTION ========================================================== */ .sai-gt-hero-description{ margin-top:28px; margin-bottom:30px; max-width:520px; font-size:19px; line-height:1.7; color:#E7EDF6; } /* ========================================================== DIVIDER ========================================================== */ .sai-gt-hero-divider{ width:52px; height:4px; background:#F47A20; border-radius:3px; margin-bottom:18px; } /* ========================================================== RESPONSE TIME ========================================================== */ .sai-gt-hero-response{ display:flex; align-items:center; gap:10px; font-size:16px; color:#E7EDF6; } .sai-response-icon{ color:#F47A20; font-size:18px; } /*********************************************************************** * STEP-02C * HERO ILLUSTRATION ***********************************************************************/ /* ========================================================== HERO RIGHT COLUMN ========================================================== */ .sai-gt-hero-right{ min-height:360px; display:flex; justify-content:center; align-items:center; } /* ========================================================== IMAGE WRAPPER ========================================================== */ /*********************************************************************** * STEP-02C (Revised) * HERO ILLUSTRATION ***********************************************************************/ .sai-gt-hero-image-wrapper{ width:100%; max-width:680px; aspect-ratio:16 / 11; display:flex; justify-content:flex-end; align-items:flex-start; padding-top:18px; } .sai-gt-hero-image{ width:100%; height:80%; object-fit:cover; display:block; } /*********************************************************************** SANGYAN AI -------------------------------------------------------------------- Module : Horizontal Contact Strip Delivery : D-V1-004B File : assets/css/newGT.css Status : COMPLETE & FROZEN ***********************************************************************/ /*********************************************************************** CONTACT STRIP SECTION ***********************************************************************/ .sai-contact-strip{ position:relative; width:100%; min-height:48vh; display:flex; align-items:center; justify-content:center; padding:70px 0; background:#FFFFFF; } /*********************************************************************** CONTACT STRIP WRAPPER ***********************************************************************/ .sai-contact-strip-wrapper{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; background:#FFFFFF; border:8px solid rgba(25,35,55,.08); border-radius:22px; overflow:hidden; box-shadow: 0 18px 45px rgba(25,35,55,.08); } /*********************************************************************** CONTACT ITEM ***********************************************************************/ .sai-contact-item{ display:flex; flex-direction:column; align-items:center; justify-content:center; padding:10px 34px; text-align:center; position:relative; min-height:280px; } /*********************************************************************** COLUMN DIVIDER ***********************************************************************/ .sai-contact-item:not(:last-child){ border-right:20px solid rgba(25,35,55,.08); } /*********************************************************************** ICON ***********************************************************************/ .sai-contact-icon{ width:72px; height:72px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:28px; background:#F4F8FC; color:#3F7CC9; font-size:28px; } /*********************************************************************** CONTENT ***********************************************************************/ .sai-contact-content{ width:100%; } /*********************************************************************** HEADING ***********************************************************************/ .sai-contact-heading{ display:flex; justify-content:center; align-items:center; gap:12px; margin-bottom:18px; font-family:var(--font-heading); font-size:18px; font-weight:600; color:#1B2A41; } /*********************************************************************** VALUE ***********************************************************************/ .sai-contact-value{ font-family:var(--font-body); font-size:15px; font-weight:400; line-height:1.75; color:#5D6778; } /*********************************************************************** COPY BUTTON ***********************************************************************/ .sai-copy-button{ padding:6px 14px; border:none; border-radius:8px; background:#FF7A00; color:#FFFFFF; font-size:13px; font-weight:600; cursor:pointer; transition:all .30s ease; } .sai-copy-button:hover{ background:#E96D00; transform:translateY(-2px); } /*********************************************************************** TABLET ***********************************************************************/ @media (max-width:991px){ .sai-contact-strip{ min-height:auto; padding:55px 0; } .sai-contact-strip-wrapper{ grid-template-columns:repeat(2,1fr); } .sai-contact-item{ min-height:240px; } .sai-contact-item:nth-child(2){ border-right:none; } .sai-contact-item:nth-child(-n+2){ border-bottom:1px solid rgba(25,35,55,.08); } } /*********************************************************************** MOBILE ***********************************************************************/ @media (max-width:767px){ .sai-contact-strip{ padding:40px 0; } .sai-contact-strip-wrapper{ grid-template-columns:1fr; } .sai-contact-item{ min-height:auto; padding:40px 28px; border-right:none !important; border-bottom:1px solid rgba(25,35,55,.08); } .sai-contact-item:last-child{ border-bottom:none; } .sai-contact-icon{ width:60px; height:60px; font-size:24px; margin-bottom:20px; } } /*********************************************************************** SANGYAN AI -------------------------------------------------------------------- Module : Engagement Selection Stack Delivery : D-V1-005B File : assets/css/newGT.css Status : COMPLETE & FROZEN ***********************************************************************/ /*********************************************************************** SANGYAN AI -------------------------------------------------------------------- Module : Engagement Selection Stack Delivery : D-V1-005B-R2 Status : COLOUR-THEMED ***********************************************************************/ /*********************************************************************** SECTION ***********************************************************************/ .sai-ngt-engagement-section{ position:relative; padding:40px 0 90px; background:#F7F9FC; } /*********************************************************************** CONTAINER ***********************************************************************/ .sai-ngt-container{ width:100%; max-width:1000px; margin:0 auto; padding:0 12px; } /*********************************************************************** TITLE ***********************************************************************/ .sai-ngt-section-title{ margin:0 0 50px; text-align:center; font-family:var(--font-heading); font-size:1.80rem; font-weight:700; color:#1B2A41; letter-spacing:-0.5px; } /*********************************************************************** STACK ***********************************************************************/ .sai-ngt-selection-stack{ display:flex; flex-direction:column; gap:12px; } /*********************************************************************** CARD ***********************************************************************/ .sai-ngt-card{ display:flex; align-items:center; gap:30px; padding:14px 18px; background:#EEF2F6; border:2px solid transparent; border-radius:20px; cursor:pointer; user-select:none; opacity:.65; transition:all .30s ease; } /*********************************************************************** ACTIVE CARD (COMMON) ***********************************************************************/ .sai-ngt-card-active{ background:#FFFFFF; opacity:1; } /*********************************************************************** HOVER ***********************************************************************/ .sai-ngt-card:hover{ opacity:1; transform:translateY(-3px); } /*********************************************************************** RADIO ***********************************************************************/ .sai-ngt-card-radio{ flex:0 0 46px; display:flex; align-items:center; justify-content:center; } .sai-ngt-card-radio input[type="radio"]{ width:24px; height:24px; cursor:pointer; } /*********************************************************************** INVEST & MENTOR ***********************************************************************/ .sai-ngt-investment-card input[type="radio"]{ accent-color:#2F80ED; } .sai-ngt-investment-card.sai-ngt-card-active{ border-color:#2F80ED; box-shadow: 0 14px 34px rgba(47,128,237,.18), 0 0 0 1px rgba(47,128,237,.08); } .sai-ngt-investment-card.sai-ngt-card-active .sai-ngt-card-title{ color:#2F80ED; } .sai-ngt-investment-card:hover{ border-color:rgba(47,128,237,.35); } /*********************************************************************** BUILD YOUR CAREER ***********************************************************************/ .sai-ngt-career-card input[type="radio"]{ accent-color:#2E8B57; } .sai-ngt-career-card.sai-ngt-card-active{ border-color:#2E8B57; box-shadow: 0 14px 34px rgba(46,139,87,.18), 0 0 0 1px rgba(46,139,87,.08); } .sai-ngt-career-card.sai-ngt-card-active .sai-ngt-card-title{ color:#2E8B57; } .sai-ngt-career-card:hover{ border-color:rgba(46,139,87,.35); } /*********************************************************************** EXPLORE AI SOLUTIONS ***********************************************************************/ .sai-ngt-business-card input[type="radio"]{ accent-color:#8B5A2B; } .sai-ngt-business-card.sai-ngt-card-active{ border-color:#8B5A2B; box-shadow: 0 14px 34px rgba(139,90,43,.18), 0 0 0 1px rgba(139,90,43,.08); } .sai-ngt-business-card.sai-ngt-card-active .sai-ngt-card-title{ color:#8B5A2B; } .sai-ngt-business-card:hover{ border-color:rgba(139,90,43,.35); } /*********************************************************************** CONTENT ***********************************************************************/ .sai-ngt-card-content{ flex:1; } /*********************************************************************** TITLE ***********************************************************************/ .sai-ngt-card-title{ margin:0 0 12px; font-family:var(--font-heading); font-size:1.20rem; font-weight:600; color:#1B2A41; } /*********************************************************************** DESCRIPTION ***********************************************************************/ .sai-ngt-card-description{ margin:0; font-family:var(--font-body); font-size:1rem; line-height:1.8; color:#5D6778; } /*********************************************************************** TABLET ***********************************************************************/ @media (max-width:991px){ .sai-ngt-card{ padding:28px; gap:22px; } .sai-ngt-section-title{ font-size:2rem; } } /*********************************************************************** MOBILE ***********************************************************************/ @media (max-width:767px){ .sai-ngt-engagement-section{ padding:70px 0; } .sai-ngt-card{ flex-direction:column; align-items:flex-start; gap:20px; padding:24px; } .sai-ngt-card-radio{ flex:none; } .sai-ngt-section-title{ font-size:1.70rem; margin-bottom:40px; } .sai-ngt-card-title{ font-size:1.25rem; } .sai-ngt-card-description{ line-height:1.7; } } /*********************************************************************** SANGYAN AI -------------------------------------------------------------------- Module : Investor Form Delivery : D-V1-006B-R2 File : assets/css/newGT.css Status : COMPLETE ***********************************************************************/ /*********************************************************************** INVESTMENT SECTION ***********************************************************************/ .sai-ngt-investment-section{ background:#F7F9FC; padding:60px 0 90px; } /*********************************************************************** FORM WRAPPER ***********************************************************************/ .sai-ngt-form{ max-width:920px; margin:0 auto; padding:48px; background:#FFFFFF; border:1px solid #E5ECF5; border-radius:22px; box-shadow:0 12px 36px rgba(20,40,70,.08); } /*********************************************************************** BOX SIZING ***********************************************************************/ .sai-ngt-form, .sai-ngt-form *{ box-sizing:border-box; } /*********************************************************************** HEADER ***********************************************************************/ .sai-ngt-form-header{ text-align:center; margin-bottom:42px; } .sai-ngt-form-title{ margin:0; font-family:var(--font-heading); font-size:1.5rem; font-weight:550; color:#1B2A41; } .sai-ngt-form-divider{ width:72px; height:4px; margin:18px auto 0; background:#2F80ED; border-radius:20px; } /*********************************************************************** GRID ***********************************************************************/ .sai-ngt-form-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:22px; row-gap:26px; } /*********************************************************************** GROUP ***********************************************************************/ .sai-ngt-form-group{ display:flex; flex-direction:column; min-width:0; } .sai-ngt-full-width{ grid-column:1 / -1; } /*********************************************************************** LABEL ***********************************************************************/ .sai-ngt-form-label{ margin-bottom:10px; font-family:var(--font-heading); font-size:15px; font-weight:600; color:#24364B; } .sai-required{ color:#2F80ED; } /*********************************************************************** INPUT ***********************************************************************/ .sai-ngt-form .sai-form-control{ width:100%; height:45px; padding:0 15px; border:1px solid #D7E3F0; border-radius:12px; background:#FFFFFF; font-family:var(--font-body); font-size:14px; color:#24364B; transition:border-color .25s ease, box-shadow .25s ease; } .sai-ngt-form .sai-form-control:focus{ border-color:#2F80ED; box-shadow:0 0 0 4px rgba(47,128,237,.12); outline:none; } /*********************************************************************** FILE INPUT ***********************************************************************/ .sai-ngt-form input[type=file]{ height:40px; padding:8px 12px; border:1px solid #D7E3F0; border-radius:6px; font-size:14px; line-height:1.2; } .sai-ngt-form input[type=file]::file-selector-button{ height:30px; margin:0 16px 0 0; padding:0 0px; vertical-align:middle; padding:0px 0px; border:none; border-radius:6px; background:#2F80ED; color:#FFFFFF; font-family:var(--font-heading); font-size:10px; font-weight:400; cursor:pointer; transition:background .25s ease; } .sai-ngt-form input[type=file]::file-selector-button:hover{ background:#2369C9; } /*********************************************************************** HELP TEXT ***********************************************************************/ .sai-field-help{ margin-top:10px; font-size:.90rem; line-height:1.6; color:#6D7C8F; } /*********************************************************************** SUBMIT ***********************************************************************/ .sai-ngt-submit-button{ display:block; width:240px; height:46px; margin:0 auto; border:none; border-radius:14px; background:#2F80ED; color:#FFFFFF; font-family:var(--font-heading); font-size:12px; font-weight:500; cursor:pointer; transition:background .25s ease, transform .25s ease; } .sai-ngt-submit-button:hover{ background:#2369C9; transform:translateY(-2px); } /*********************************************************************** PRIVACY ***********************************************************************/ .sai-ngt-privacy{ margin-top:8px; padding-top:24px; border-top:1px solid #E7EDF5; } .sai-ngt-privacy-title{ margin-bottom:12px; font-family:var(--font-heading); font-size:15px; font-weight:600; color:#1B2A41; } .sai-ngt-privacy p{ margin:0; font-family:var(--font-body); font-size:.92rem; line-height:1.8; color:#6A7585; } .sai-ngt-privacy-link{ display:inline-block; margin-top:14px; font-family:var(--font-heading); font-size:.92rem; font-weight:600; color:#2F80ED; text-decoration:none; } .sai-ngt-privacy-link:hover{ text-decoration:underline; } /*********************************************************************** SUCCESS / ERROR ***********************************************************************/ .sai-success-message, .sai-error-message{ margin-top:16px; } /*********************************************************************** TABLET ***********************************************************************/ @media (max-width:991px){ .sai-ngt-form{ padding:36px; } } /*********************************************************************** MOBILE ***********************************************************************/ @media (max-width:767px){ .sai-ngt-investment-section{ padding:50px 0 70px; } .sai-ngt-form{ padding:26px; } .sai-ngt-form-title{ font-size:1.60rem; } .sai-ngt-form-grid{ grid-template-columns:1fr; } .sai-ngt-submit-button{ width:100%; } } /*********************************************************************** SANGYAN AI -------------------------------------------------------------------- Module : Career Form Theme Delivery : D-V1-008C File : assets/css/newGT.css Status : PRODUCTION READY ***********************************************************************/ /*********************************************************************** CAREER SECTION ***********************************************************************/ .sai-ngt-career-section{ background:#F7F9FC; padding:60px 0 90px; } /*********************************************************************** INTRODUCTION ***********************************************************************/ .sai-ngt-form-introduction{ max-width:640px; margin:22px auto 0; font-family:var(--font-body); font-size:.95rem; line-height:1.8; color:#6A7585; } /*********************************************************************** GREEN DIVIDER ***********************************************************************/ .sai-ngt-career-section .sai-ngt-form-divider{ background:#2E8B57; } /*********************************************************************** REQUIRED MARK ***********************************************************************/ .sai-ngt-career-section .sai-required{ color:#2E8B57; } /*********************************************************************** INPUT FOCUS ***********************************************************************/ .sai-ngt-career-section .sai-form-control:focus{ border-color:#2E8B57; box-shadow: 0 0 0 4px rgba(46,139,87,.14); } /*********************************************************************** SELECT DROPDOWN ***********************************************************************/ .sai-ngt-career-section select.sai-form-control{ cursor:pointer; } /*********************************************************************** FILE BUTTON ***********************************************************************/ .sai-ngt-career-section input[type=file]::file-selector-button{ background:#2E8B57; } .sai-ngt-career-section input[type=file]::file-selector-button:hover{ background:#256F47; } /*********************************************************************** SUBMIT BUTTON ***********************************************************************/ .sai-ngt-career-section .sai-ngt-submit-button{ background:#2E8B57; } .sai-ngt-career-section .sai-ngt-submit-button:hover{ background:#256F47; } /*********************************************************************** PRIVACY TITLE ***********************************************************************/ .sai-ngt-career-section .sai-ngt-privacy-title{ color:#234530; } /*********************************************************************** PRIVACY LINK ***********************************************************************/ .sai-ngt-career-section .sai-ngt-privacy-link{ color:#2E8B57; } .sai-ngt-career-section .sai-ngt-privacy-link:hover{ color:#256F47; } /*********************************************************************** SUCCESS MESSAGE ***********************************************************************/ .sai-ngt-career-section .sai-success-message{ color:#2E8B57; } /*********************************************************************** ERROR MESSAGE ***********************************************************************/ .sai-ngt-career-section .sai-error-message{ color:#C0392B; } /*********************************************************************** TABLET ***********************************************************************/ @media (max-width:991px){ .sai-ngt-career-section{ padding:50px 0 80px; } } /*********************************************************************** MOBILE ***********************************************************************/ @media (max-width:767px){ .sai-ngt-career-section{ padding:45px 0 65px; } .sai-ngt-form-introduction{ font-size:.90rem; line-height:1.7; } } /*********************************************************************** D-V1-008C-A CAREER SECTION BACKGROUND FIX ***********************************************************************/ .sai-ngt-career-section{ background:#F7F9FC !important; padding:60px 0 90px; } .sai-ngt-career-section .sai-ngt-container{ background:transparent !important; } .sai-ngt-career-section .sai-ngt-form{ background:#FFFFFF !important; } .sai-ngt-career-section .sai-ngt-form-grid{ background:transparent !important; } .sai-ngt-career-section .sai-ngt-form-group{ background:transparent !important; } /*********************************************************************** SANGYAN AI -------------------------------------------------------------------- Module : Business Form Theme Delivery : D-V1-009C File : assets/css/newGT.css Status : PRODUCTION READY ***********************************************************************/ /*********************************************************************** BUSINESS SECTION ***********************************************************************/ .sai-ngt-business-section{ background:#F7F9FC; padding:60px 0 90px; } /*********************************************************************** INTRODUCTION ***********************************************************************/ .sai-ngt-business-section .sai-ngt-form-introduction{ max-width:640px; margin:22px auto 0; font-family:var(--font-body); font-size:.95rem; line-height:1.8; color:#6A7585; } /*********************************************************************** FORM WRAPPER ***********************************************************************/ .sai-ngt-business-section .sai-ngt-form{ background:#FFFFFF !important; } /*********************************************************************** DIVIDER ***********************************************************************/ .sai-ngt-business-section .sai-ngt-form-divider{ background:#C46A00; } /*********************************************************************** REQUIRED MARK ***********************************************************************/ .sai-ngt-business-section .sai-required{ color:#C46A00; } /*********************************************************************** INPUT FOCUS ***********************************************************************/ .sai-ngt-business-section .sai-form-control:focus{ border-color:#C46A00; box-shadow: 0 0 0 4px rgba(196,106,0,.14); } /*********************************************************************** WEBSITE INPUT ***********************************************************************/ .sai-ngt-business-section input[type=url]{ width:100%; } /*********************************************************************** FILE SELECTOR BUTTON ***********************************************************************/ .sai-ngt-business-section input[type=file]::file-selector-button{ background:#C46A00; } .sai-ngt-business-section input[type=file]::file-selector-button:hover{ background:#A85800; } /*********************************************************************** SUBMIT BUTTON ***********************************************************************/ .sai-ngt-business-section .sai-ngt-submit-button{ background:#C46A00; } .sai-ngt-business-section .sai-ngt-submit-button:hover{ background:#A85800; } /*********************************************************************** PRIVACY TITLE ***********************************************************************/ .sai-ngt-business-section .sai-ngt-privacy-title{ color:#5C3710; } /*********************************************************************** PRIVACY LINK ***********************************************************************/ .sai-ngt-business-section .sai-ngt-privacy-link{ color:#C46A00; } .sai-ngt-business-section .sai-ngt-privacy-link:hover{ color:#A85800; } /*********************************************************************** SUCCESS MESSAGE ***********************************************************************/ .sai-ngt-business-section .sai-success-message{ color:#2E8B57; } /*********************************************************************** ERROR MESSAGE ***********************************************************************/ .sai-ngt-business-section .sai-error-message{ color:#C0392B; } /*********************************************************************** REMOVE DARK BACKGROUND ***********************************************************************/ .sai-ngt-business-section .sai-ngt-form-grid, .sai-ngt-business-section .sai-ngt-form-group{ background:transparent !important; } /*********************************************************************** TABLET ***********************************************************************/ @media (max-width:991px){ .sai-ngt-business-section{ padding:50px 0 80px; } } /*********************************************************************** MOBILE ***********************************************************************/ @media (max-width:767px){ .sai-ngt-business-section{ padding:45px 0 65px; } .sai-ngt-business-section .sai-ngt-form-introduction{ font-size:.90rem; line-height:1.7; } } /*********************************************************************** SANGYAN AI TECHNOLOGIES PRIVATE LIMITED -------------------------------------------------------------------- File : /assets/css/newGT.css Delivery : TP-5.2 - Part 6 Generation : 09-Aug-2026 Module : NGT Request-for-Demo CTA + NGT Footer Status : Complete ***********************************************************************/ /*********************************************************************** REQUEST-FOR-DEMO CTA -------------------------------------------------------------------- Visual source : Original Get-in-Touch CTA Ownership : NGT Destination : request-for-demo.php (UNCHANGED) ***********************************************************************/ .demo-cta-section{ width:100%; margin:-1px 0; padding:0; } .demo-cta-section .container{ max-width:1360px; width:100%; margin:0 auto; padding:0; } /*********************************************************************** CTA BANNER ***********************************************************************/ .demo-cta-banner{ background:#EEF7FF; border:1px solid #D6E8FF; border-radius:0.1px; width:100%; padding:80px 90px; display:grid; grid-template-columns: 130px 1fr 220px; align-items:center; column-gap:32px; } /*********************************************************************** CTA IMAGES ***********************************************************************/ .demo-image{ display:flex; justify-content:center; align-items:center; } .demo-image:first-child img{ width:36vw; height:auto; display:block; } .demo-image:last-child img{ width:500px; height:auto; display:block; } /*********************************************************************** CTA CONTENT ***********************************************************************/ .demo-content{ display:flex; flex-direction:column; justify-content:center; } .demo-content h2{ margin:0; font-family:Poppins,sans-serif; font-size:30px; font-weight:700; line-height:1.20; color:#12243F; } .demo-content p{ margin:14px 0 22px; max-width:760px; font-size:18px; font-weight:800; line-height:1.75; color:#5A6475; } /*********************************************************************** CTA BUTTON ***********************************************************************/ .demo-btn{ display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; padding:14px 32px; background:#EEF7FF; border:4px solid #8BC6FF; border-radius:10px; color:#F47A20; font-size:16px; font-weight:800; text-decoration:none; transition: transform .25s ease, border-color .25s ease, background-color .25s ease; } .demo-btn:hover{ transform:translateY(-5px); border-color:#4DA3FF; background:#E5F3FF; color:#F47A20; } .demo-btn:focus-visible{ outline:none; box-shadow: 0 0 0 4px rgba(77,163,255,.20); } .demo-btn-clicked{ transform:scale(.98); } /*********************************************************************** CTA RESPONSIVE ***********************************************************************/ @media (max-width:992px){ .demo-cta-banner{ grid-template-columns:1fr; row-gap:22px; text-align:center; } .demo-content{ align-items:center; } .demo-btn{ align-self:center; } .demo-image:last-child img{ width:150px; } } @media (max-width:768px){ .demo-cta-banner{ padding:24px; } .demo-content h2{ font-size:24px; } .demo-content p{ font-size:15px; font-weight:700; } } @media (max-width:480px){ .demo-cta-banner{ padding:20px 16px; } .demo-image:first-child img{ width:180px; max-width:80vw; } .demo-image:last-child img{ width:130px; max-width:70vw; } } /*********************************************************************** NGT FOOTER -------------------------------------------------------------------- Migrated from Get-in-Touch footer GT-specific selectors converted to NGT ownership ***********************************************************************/ .sai-ngt-footer{ width:100%; background:#0F172A; color:#FFFFFF; padding:72px 0 28px; } .sai-ngt-footer, .sai-ngt-footer *{ box-sizing:border-box; } .sai-ngt-container{ width:100%; max-width:1200px; margin:0 auto; padding:0 24px; } /*********************************************************************** FOOTER GRID ***********************************************************************/ .sai-ngt-footer-grid{ display:grid; grid-template-columns: 1.35fr 1fr 1fr; column-gap:72px; row-gap:48px; } .sai-ngt-footer-column{ min-width:0; } /*********************************************************************** FOOTER COMPANY ***********************************************************************/ .sai-ngt-footer-logo{ display:inline-flex; align-items:center; text-decoration:none; margin-bottom:20px; } .sai-ngt-footer-logo img{ display:block; width:72px; height:auto; } .sai-ngt-footer-company{ margin:0 0 16px; font-family:Poppins,sans-serif; font-size:1.15rem; font-weight:600; line-height:1.45; color:#FFFFFF; } .sai-ngt-footer-description{ margin:0; max-width:430px; font-family:Inter,sans-serif; font-size:.92rem; line-height:1.8; color:#CBD5E1; } /*********************************************************************** FOOTER SOCIAL ***********************************************************************/ .sai-ngt-footer-social{ margin-top:24px; } .sai-ngt-footer-linkedin{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid rgba(255,255,255,.20); border-radius:50%; color:#FFFFFF; text-decoration:none; transition: background-color .25s ease, border-color .25s ease, transform .25s ease; } .sai-ngt-footer-linkedin:hover{ background:#F47A20; border-color:#F47A20; color:#FFFFFF; transform:translateY(-2px); } /*********************************************************************** FOOTER HEADINGS ***********************************************************************/ .sai-ngt-footer-heading{ margin:0 0 22px; font-family:Poppins,sans-serif; font-size:1rem; font-weight:600; color:#FFFFFF; } /*********************************************************************** QUICK LINKS ***********************************************************************/ .sai-ngt-footer-links{ list-style:none; margin:0; padding:0; } .sai-ngt-footer-links li{ margin:0 0 13px; } .sai-ngt-footer-links a{ font-family:Inter,sans-serif; font-size:.92rem; line-height:1.6; color:#CBD5E1; text-decoration:none; transition: color .20s ease, padding-left .20s ease; } .sai-ngt-footer-links a:hover{ color:#F47A20; padding-left:4px; } /*********************************************************************** FOOTER CONTACT ***********************************************************************/ .sai-ngt-footer-contact{ list-style:none; margin:0; padding:0; } .sai-ngt-footer-contact li{ display:flex; align-items:flex-start; gap:12px; margin:0 0 18px; font-family:Inter,sans-serif; font-size:.92rem; line-height:1.65; color:#CBD5E1; } .sai-ngt-footer-contact li > i{ flex:0 0 18px; margin-top:4px; color:#F47A20; } .sai-ngt-footer-contact a{ color:#CBD5E1; text-decoration:none; transition:color .20s ease; } .sai-ngt-footer-contact a:hover{ color:#F47A20; } /*********************************************************************** FOOTER COPY BUTTON ***********************************************************************/ .sai-ngt-copy-button{ flex:0 0 auto; margin-left:4px; padding:4px 9px; border:1px solid rgba(255,255,255,.24); border-radius:6px; background:transparent; color:#FFFFFF; font-family:Inter,sans-serif; font-size:.75rem; font-weight:600; line-height:1.2; cursor:pointer; transition: background-color .20s ease, border-color .20s ease, color .20s ease; } .sai-ngt-copy-button:hover{ background:#F47A20; border-color:#F47A20; color:#FFFFFF; } .sai-ngt-copy-button:focus-visible{ outline:none; box-shadow: 0 0 0 3px rgba(244,122,32,.25); } .sai-ngt-copy-button:disabled{ cursor:default; opacity:.85; } /*********************************************************************** COPY FEEDBACK ***********************************************************************/ .sai-ngt-copy-success{ background:#16A34A; border-color:#16A34A; color:#FFFFFF; } .sai-ngt-copy-error{ background:#DC2626; border-color:#DC2626; color:#FFFFFF; } /*********************************************************************** FOOTER DIVIDER ***********************************************************************/ .sai-ngt-footer-divider{ width:100%; height:1px; margin:48px 0 24px; background:rgba(255,255,255,.12); } /*********************************************************************** FOOTER BOTTOM ***********************************************************************/ .sai-ngt-footer-bottom{ display:flex; align-items:center; justify-content:space-between; gap:24px; } .sai-ngt-footer-copyright{ font-family:Inter,sans-serif; font-size:.78rem; line-height:1.6; color:#94A3B8; } .sai-ngt-footer-legal{ display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:10px; } .sai-ngt-footer-legal a{ font-family:Inter,sans-serif; font-size:.78rem; line-height:1.6; color:#94A3B8; text-decoration:none; transition:color .20s ease; } .sai-ngt-footer-legal a:hover{ color:#F47A20; } .sai-ngt-footer-separator{ color:#64748B; font-size:.78rem; } /*********************************************************************** FOOTER RESPONSIVE ***********************************************************************/ @media (max-width:992px){ .sai-ngt-footer-grid{ grid-template-columns: 1.2fr 1fr; column-gap:48px; } .sai-ngt-footer-column:first-child{ grid-column:1 / -1; } } @media (max-width:767px){ .sai-ngt-footer{ padding:56px 0 24px; } .sai-ngt-container{ padding:0 20px; } .sai-ngt-footer-grid{ grid-template-columns:1fr; row-gap:36px; } .sai-ngt-footer-column:first-child{ grid-column:auto; } .sai-ngt-footer-bottom{ flex-direction:column; align-items:flex-start; gap:18px; } .sai-ngt-footer-legal{ justify-content:flex-start; } } @media (max-width:480px){ .sai-ngt-footer-company{ font-size:1.05rem; } .sai-ngt-footer-description, .sai-ngt-footer-links a, .sai-ngt-footer-contact li{ font-size:.88rem; } .sai-ngt-footer-contact li{ flex-wrap:wrap; } .sai-ngt-copy-button{ margin-left:30px; } } /*********************************************************************** END OF TP-5.2 - PART 6 ***********************************************************************/