{"id":12,"date":"2024-05-20T07:54:36","date_gmt":"2024-05-20T07:54:36","guid":{"rendered":"https:\/\/demosites.royal-elementor-addons.com\/graphic-nature-v1\/?page_id=7"},"modified":"2026-10-05T18:31:58","modified_gmt":"2026-10-05T18:31:58","slug":"home-graphic-nature-v1","status":"publish","type":"page","link":"https:\/\/coretech-intl.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87b9434 e-con e-atomic-element e-flexbox-base e-default-div e-956c1b8 \" data-id=\"87b9434\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"87b9434\">\n    \t\t<div class=\"elementor-element elementor-element-260f6d9 elementor-widget elementor-widget-html\" data-id=\"260f6d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\nCORE TECH INTERNATIONAL \u2014 HOMEPAGE\r\nElementor HTML Widget version\r\nNo <html>, <head>, or <body> tags required.\r\n-->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n\/* =========================================================\r\n   CORE TECH INTERNATIONAL \u2014 SAFE, SCOPED ELEMENTOR STYLES\r\n   ========================================================= *\/\r\n\r\n.coretech-home,\r\n.coretech-home * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.coretech-home {\r\n    --cti-bg: #e0f2fe;\r\n    --cti-card: rgba(255, 255, 255, 0.72);\r\n    --cti-ink: #0f172a;\r\n    --cti-muted: #475569;\r\n    --cti-blue: #1ab9ec;\r\n    --cti-green: #90c64c;\r\n    --cti-border: rgba(15, 23, 42, 0.10);\r\n    --cti-white: #ffffff;\r\n\r\n    width: 100%;\r\n    color: var(--cti-ink);\r\n    font-family: \"Plus Jakarta Sans\", Arial, sans-serif;\r\n    line-height: 1.65;\r\n    overflow: hidden;\r\n    background: var(--cti-bg);\r\n}\r\n\r\n.coretech-home h1,\r\n.coretech-home h2,\r\n.coretech-home h3,\r\n.coretech-home h4,\r\n.coretech-home p {\r\n    margin-top: 0;\r\n}\r\n\r\n.coretech-home h1,\r\n.coretech-home h2,\r\n.coretech-home h3,\r\n.coretech-home h4 {\r\n    font-family: \"Outfit\", Arial, sans-serif;\r\n}\r\n\r\n.coretech-home img {\r\n    max-width: 100%;\r\n}\r\n\r\n.coretech-home a {\r\n    text-decoration: none;\r\n}\r\n\r\n\/* Full-width breakout: allows content to extend beyond the HTML widget *\/\r\n.coretech-home .cti-full-bleed {\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n}\r\n\r\n\/* Text utilities *\/\r\n.coretech-home .cti-text-gradient {\r\n    background: linear-gradient(135deg, var(--cti-blue) 0%, var(--cti-green) 100%);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    color: transparent;\r\n}\r\n\r\n.coretech-home .cti-text-blue {\r\n    color: var(--cti-blue);\r\n}\r\n\r\n.coretech-home .cti-text-green {\r\n    color: var(--cti-green);\r\n}\r\n\r\n.coretech-home .cti-eyebrow {\r\n    margin: 0 0 10px;\r\n    color: var(--cti-blue);\r\n    font-family: \"Outfit\", Arial, sans-serif;\r\n    font-size: 0.82rem;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    line-height: 1.3;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* Buttons *\/\r\n.coretech-home .cti-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    padding: 16px 34px;\r\n    border: 0;\r\n    border-radius: 999px;\r\n    background: linear-gradient(135deg, var(--cti-blue), var(--cti-green));\r\n    color: #ffffff !important;\r\n    font-family: \"Outfit\", Arial, sans-serif;\r\n    font-size: 1rem;\r\n    font-weight: 800;\r\n    letter-spacing: 1.2px;\r\n    line-height: 1.2;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    box-shadow: 0 8px 22px rgba(26, 185, 236, 0.22);\r\n    transition: transform .28s ease, box-shadow .28s ease, filter .28s ease;\r\n}\r\n\r\n.coretech-home .cti-btn:hover {\r\n    color: #ffffff !important;\r\n    transform: translateY(-3px);\r\n    filter: brightness(1.04);\r\n    box-shadow: 0 14px 30px rgba(144, 198, 76, 0.35);\r\n}\r\n\r\n\/* Main spacing\/layout *\/\r\n.coretech-home .cti-section {\r\n    width: 100%;\r\n    padding: 100px 5%;\r\n}\r\n\r\n.coretech-home .cti-inner {\r\n    width: 100%;\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.coretech-home .cti-section-heading {\r\n    max-width: 780px;\r\n    margin: 0 auto 58px;\r\n    text-align: center;\r\n}\r\n\r\n.coretech-home .cti-section-heading h2 {\r\n    margin: 0 0 14px;\r\n    color: var(--cti-ink);\r\n    font-size: clamp(2.15rem, 4vw, 3.55rem);\r\n    font-weight: 800;\r\n    letter-spacing: -0.045em;\r\n    line-height: 1.12;\r\n}\r\n\r\n.coretech-home .cti-section-heading p {\r\n    margin: 0 auto;\r\n    color: var(--cti-muted);\r\n    font-size: 1.06rem;\r\n    line-height: 1.75;\r\n}\r\n\r\n\/* =========================================================\r\n   HERO\r\n   ========================================================= *\/\r\n\r\n.coretech-home .cti-hero {\r\n    position: relative;\r\n    display: flex;\r\n    min-height: 100vh;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    background: var(--cti-bg);\r\n    text-align: center;\r\n}\r\n\r\n.coretech-home .cti-carousel {\r\n    position: absolute;\r\n    z-index: 1;\r\n    inset: 0;\r\n}\r\n\r\n.coretech-home .cti-slide {\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0;\r\n    background-position: center;\r\n    background-size: cover;\r\n    transition: opacity 1.45s ease-in-out;\r\n}\r\n\r\n.coretech-home .cti-slide.cti-active {\r\n    opacity: 1;\r\n}\r\n\r\n.coretech-home .cti-hero-overlay {\r\n    position: absolute;\r\n    z-index: 2;\r\n    inset: 0;\r\n    background:\r\n        radial-gradient(circle at 50% 48%, rgba(255,255,255,.34) 0%, rgba(224,242,254,.86) 61%, rgba(224,242,254,1) 100%);\r\n}\r\n\r\n.coretech-home .cti-hero-content {\r\n    position: relative;\r\n    z-index: 3;\r\n    width: 100%;\r\n    max-width: 940px;\r\n    padding: 56px 24px;\r\n}\r\n\r\n.coretech-home .cti-hero h1 {\r\n    margin: 0 0 24px;\r\n    color: var(--cti-ink);\r\n    font-size: clamp(2.8rem, 6.1vw, 5.65rem);\r\n    font-weight: 900;\r\n    letter-spacing: -0.055em;\r\n    line-height: 1.06;\r\n    text-shadow: 0 4px 20px rgba(255, 255, 255, .92);\r\n}\r\n\r\n.coretech-home .cti-hero-copy {\r\n    max-width: 730px;\r\n    margin: 0 auto 38px;\r\n    color: #334155;\r\n    font-size: clamp(1rem, 2vw, 1.26rem);\r\n    font-weight: 600;\r\n    line-height: 1.8;\r\n    text-shadow: 0 2px 10px rgba(255,255,255,.92);\r\n}\r\n\r\n\/* =========================================================\r\n   ABOUT\r\n   ========================================================= *\/\r\n\r\n.coretech-home .cti-about-grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\r\n    gap: 50px;\r\n    align-items: center;\r\n}\r\n\r\n.coretech-home .cti-about-copy h3 {\r\n    margin: 0 0 20px;\r\n    color: var(--cti-ink);\r\n    font-size: clamp(1.95rem, 3vw, 2.65rem);\r\n    font-weight: 800;\r\n    letter-spacing: -0.035em;\r\n    line-height: 1.15;\r\n}\r\n\r\n.coretech-home .cti-about-copy p {\r\n    margin: 0 0 18px;\r\n    color: var(--cti-muted);\r\n    font-size: 1.06rem;\r\n    line-height: 1.85;\r\n}\r\n\r\n.coretech-home .cti-stats {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 28px;\r\n    margin-top: 31px;\r\n}\r\n\r\n.coretech-home .cti-stat {\r\n    min-width: 145px;\r\n}\r\n\r\n.coretech-home .cti-stat-number {\r\n    display: block;\r\n    margin-bottom: 4px;\r\n    color: var(--cti-blue);\r\n    font-family: \"Outfit\", Arial, sans-serif;\r\n    font-size: 2.45rem;\r\n    font-weight: 900;\r\n    letter-spacing: -0.05em;\r\n    line-height: 1;\r\n}\r\n\r\n.coretech-home .cti-stat-label {\r\n    color: var(--cti-muted);\r\n    font-size: .78rem;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.coretech-home .cti-about-image {\r\n    overflow: hidden;\r\n    border: 1px solid var(--cti-border);\r\n    border-radius: 22px;\r\n    box-shadow: 0 22px 44px rgba(15, 23, 42, .08);\r\n}\r\n\r\n.coretech-home .cti-about-image img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    aspect-ratio: 4 \/ 3;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* =========================================================\r\n   SERVICES\r\n   ========================================================= *\/\r\n\r\n.coretech-home .cti-services-section {\r\n    background: rgba(255,255,255,.32);\r\n}\r\n\r\n.coretech-home .cti-services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 30px;\r\n}\r\n\r\n.coretech-home .cti-service-card {\r\n    position: relative;\r\n    display: flex;\r\n    min-height: 345px;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    padding: 38px 30px 31px;\r\n    border: 1px solid var(--cti-border);\r\n    border-radius: 20px;\r\n    background: var(--cti-card);\r\n    box-shadow: 0 10px 30px rgba(15, 23, 42, .035);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    backdrop-filter: blur(12px);\r\n    transition: transform .38s ease, border-color .38s ease, box-shadow .38s ease;\r\n}\r\n\r\n.coretech-home .cti-service-card::before {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    content: \"\";\r\n    background: linear-gradient(90deg, var(--cti-blue), var(--cti-green));\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform .4s ease;\r\n}\r\n\r\n.coretech-home .cti-service-card:hover {\r\n    border-color: rgba(26,185,236,.32);\r\n    box-shadow: 0 18px 38px rgba(26,185,236,.16);\r\n    transform: translateY(-10px);\r\n}\r\n\r\n.coretech-home .cti-service-card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.coretech-home .cti-service-icon {\r\n    display: inline-block;\r\n    margin: 0 0 23px;\r\n    background: linear-gradient(135deg, var(--cti-blue), var(--cti-green));\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    color: var(--cti-blue);\r\n    font-size: 2.45rem;\r\n    line-height: 1;\r\n}\r\n\r\n.coretech-home .cti-service-card h3 {\r\n    margin: 0 0 14px;\r\n    color: var(--cti-ink);\r\n    font-size: 1.48rem;\r\n    font-weight: 800;\r\n    line-height: 1.22;\r\n}\r\n\r\n.coretech-home .cti-service-card p {\r\n    margin: 0 0 23px;\r\n    color: var(--cti-muted);\r\n    font-size: .98rem;\r\n    line-height: 1.75;\r\n}\r\n\r\n.coretech-home .cti-card-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-top: auto;\r\n    color: var(--cti-blue);\r\n    font-size: .95rem;\r\n    font-weight: 800;\r\n    transition: color .25s ease, gap .25s ease;\r\n}\r\n\r\n.coretech-home .cti-card-link:hover {\r\n    gap: 12px;\r\n    color: var(--cti-green);\r\n}\r\n\r\n\/* =========================================================\r\n   PORTFOLIO \/ CLIENT LOGO BELT \u2014 STRONG VERSION\r\n   ========================================================= *\/\r\n\r\n.coretech-home .cti-portfolio-section {\r\n    padding: 80px 0;\r\n    border-top: 1px solid var(--cti-border);\r\n    border-bottom: 1px solid var(--cti-border);\r\n    background: rgba(255,255,255,.42);\r\n}\r\n\r\n.coretech-home .cti-portfolio-section .cti-section-heading {\r\n    padding: 0 5%;\r\n    margin-bottom: 38px;\r\n}\r\n\r\n\/*\r\nIMPORTANT:\r\n- display:flex !important\r\n- flex-direction:row !important\r\n- flex-wrap:nowrap !important\r\n- width:max-content !important\r\nThese prevent Elementor\/theme CSS from making the logos vertical.\r\n*\/\r\n\r\n.coretech-home .cti-logo-slider {\r\n    position: relative !important;\r\n    display: block !important;\r\n    width: 100vw !important;\r\n    max-width: none !important;\r\n    margin: 0 !important;\r\n    overflow: hidden !important;\r\n    padding: 42px 0 !important;\r\n    border-top: 1px solid var(--cti-border) !important;\r\n    border-bottom: 1px solid var(--cti-border) !important;\r\n    background: rgba(255,255,255,.68) !important;\r\n    white-space: nowrap !important;\r\n}\r\n\r\n.coretech-home .cti-logo-slider::before,\r\n.coretech-home .cti-logo-slider::after {\r\n    position: absolute !important;\r\n    z-index: 5 !important;\r\n    top: 0 !important;\r\n    bottom: 0 !important;\r\n    width: 150px !important;\r\n    content: \"\" !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n.coretech-home .cti-logo-slider::before {\r\n    left: 0 !important;\r\n    background: linear-gradient(to right, var(--cti-bg), rgba(224,242,254,0)) !important;\r\n}\r\n\r\n.coretech-home .cti-logo-slider::after {\r\n    right: 0 !important;\r\n    background: linear-gradient(to left, var(--cti-bg), rgba(224,242,254,0)) !important;\r\n}\r\n\r\n.coretech-home .cti-logo-belt {\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    flex-wrap: nowrap !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n    width: max-content !important;\r\n    min-width: max-content !important;\r\n    max-width: none !important;\r\n    height: 64px !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    white-space: nowrap !important;\r\n    animation: cti-logo-scroll 32s linear infinite !important;\r\n    will-change: transform !important;\r\n}\r\n\r\n.coretech-home .cti-logo-group {\r\n    display: flex !important;\r\n    flex: 0 0 auto !important;\r\n    flex-direction: row !important;\r\n    flex-wrap: nowrap !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n    gap: 70px !important;\r\n    width: max-content !important;\r\n    min-width: max-content !important;\r\n    margin: 0 !important;\r\n    padding: 0 70px 0 0 !important;\r\n    white-space: nowrap !important;\r\n}\r\n\r\n.coretech-home .cti-logo-group img {\r\n    display: block !important;\r\n    flex: 0 0 auto !important;\r\n    width: auto !important;\r\n    min-width: 0 !important;\r\n    max-width: none !important;\r\n    height: 60px !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    object-fit: contain !important;\r\n    filter: grayscale(100%) opacity(.62) !important;\r\n    transition: filter .28s ease, transform .28s ease !important;\r\n}\r\n\r\n.coretech-home .cti-logo-group img:hover {\r\n    filter: grayscale(0%) opacity(1) !important;\r\n    transform: scale(1.08) !important;\r\n}\r\n\r\n.coretech-home .cti-logo-slider:hover .cti-logo-belt {\r\n    animation-play-state: paused !important;\r\n}\r\n\r\n@keyframes cti-logo-scroll {\r\n    from {\r\n        transform: translate3d(0, 0, 0);\r\n    }\r\n    to {\r\n        transform: translate3d(-50%, 0, 0);\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   CONTACT FORM\r\n   ========================================================= *\/\r\n\r\n.coretech-home .cti-contact-section {\r\n    background:\r\n        radial-gradient(circle at 50% 100%, rgba(144,198,76,.15) 0%, var(--cti-bg) 60%);\r\n}\r\n\r\n.coretech-home .cti-contact-box {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    padding: 50px;\r\n    border: 1px solid rgba(255,255,255,.52);\r\n    border-radius: 24px;\r\n    background: var(--cti-card);\r\n    box-shadow: 0 20px 50px rgba(15,23,42,.06);\r\n    -webkit-backdrop-filter: blur(15px);\r\n    backdrop-filter: blur(15px);\r\n}\r\n\r\n.coretech-home .cti-form-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n}\r\n\r\n.coretech-home .cti-form-group {\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.coretech-home .cti-form-group label {\r\n    display: block;\r\n    margin: 0 0 9px;\r\n    color: var(--cti-blue);\r\n    font-family: \"Outfit\", Arial, sans-serif;\r\n    font-size: 1rem;\r\n    font-weight: 700;\r\n}\r\n\r\n.coretech-home .cti-form-control {\r\n    display: block;\r\n    width: 100%;\r\n    padding: 16px;\r\n    border: 1px solid var(--cti-border);\r\n    border-radius: 10px;\r\n    outline: none;\r\n    background: rgba(255,255,255,.68);\r\n    color: var(--cti-ink);\r\n    font-family: \"Plus Jakarta Sans\", Arial, sans-serif;\r\n    font-size: 1rem;\r\n    line-height: 1.4;\r\n    transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;\r\n}\r\n\r\n.coretech-home .cti-form-control:focus {\r\n    border-color: var(--cti-green);\r\n    background: rgba(255,255,255,.95);\r\n    box-shadow: 0 0 0 4px rgba(144,198,76,.14);\r\n}\r\n\r\n.coretech-home textarea.cti-form-control {\r\n    min-height: 155px;\r\n    resize: vertical;\r\n}\r\n\r\n.coretech-home .cti-form-control::placeholder {\r\n    color: rgba(15,23,42,.48);\r\n}\r\n\r\n.coretech-home select.cti-form-control {\r\n    appearance: auto;\r\n}\r\n\r\n.coretech-home .cti-submit-btn {\r\n    width: 100%;\r\n    margin-top: 8px;\r\n}\r\n\r\n.coretech-home .cti-form-status {\r\n    display: none;\r\n    margin: 20px 0 0;\r\n    padding: 15px;\r\n    border-radius: 10px;\r\n    font-size: .95rem;\r\n    font-weight: 700;\r\n    text-align: center;\r\n}\r\n\r\n.coretech-home .cti-status-success {\r\n    display: block;\r\n    border: 1px solid var(--cti-green);\r\n    background: rgba(144,198,76,.15);\r\n    color: #166534;\r\n}\r\n\r\n.coretech-home .cti-status-error {\r\n    display: block;\r\n    border: 1px solid #dc2626;\r\n    background: rgba(220,38,38,.10);\r\n    color: #b91c1c;\r\n}\r\n\r\n\/* Scroll reveal *\/\r\n.coretech-home .cti-reveal {\r\n    opacity: 0;\r\n    transform: translateY(38px);\r\n    transition: opacity .8s cubic-bezier(.5,0,0,1), transform .8s cubic-bezier(.5,0,0,1);\r\n}\r\n\r\n.coretech-home .cti-reveal.cti-reveal-active {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE RESPONSIVENESS\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 980px) {\r\n    .coretech-home .cti-about-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 34px;\r\n    }\r\n\r\n    .coretech-home .cti-about-image {\r\n        order: -1;\r\n    }\r\n\r\n    .coretech-home .cti-services-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .coretech-home .cti-section {\r\n        padding: 78px 5%;\r\n    }\r\n\r\n    .coretech-home .cti-section-heading {\r\n        margin-bottom: 42px;\r\n    }\r\n\r\n    .coretech-home .cti-portfolio-section {\r\n        padding: 70px 0;\r\n    }\r\n\r\n    .coretech-home .cti-form-row {\r\n        grid-template-columns: 1fr;\r\n        gap: 0;\r\n    }\r\n\r\n    .coretech-home .cti-contact-box {\r\n        padding: 31px 20px;\r\n    }\r\n\r\n    .coretech-home .cti-logo-slider {\r\n        padding: 32px 0 !important;\r\n    }\r\n\r\n    .coretech-home .cti-logo-slider::before,\r\n    .coretech-home .cti-logo-slider::after {\r\n        width: 45px !important;\r\n    }\r\n\r\n    .coretech-home .cti-logo-belt {\r\n        height: 46px !important;\r\n        animation-duration: 25s !important;\r\n    }\r\n\r\n    .coretech-home .cti-logo-group {\r\n        gap: 42px !important;\r\n        padding-right: 42px !important;\r\n    }\r\n\r\n    .coretech-home .cti-logo-group img {\r\n        height: 42px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 620px) {\r\n    .coretech-home .cti-hero {\r\n        min-height: 88vh;\r\n    }\r\n\r\n    .coretech-home .cti-hero-content {\r\n        padding: 48px 20px;\r\n    }\r\n\r\n    .coretech-home .cti-hero h1 {\r\n        font-size: clamp(2.45rem, 12vw, 3.5rem);\r\n    }\r\n\r\n    .coretech-home .cti-btn {\r\n        width: 100%;\r\n        padding: 15px 22px;\r\n        font-size: .91rem;\r\n    }\r\n\r\n    .coretech-home .cti-services-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .coretech-home .cti-service-card {\r\n        min-height: auto;\r\n    }\r\n\r\n    .coretech-home .cti-stats {\r\n        gap: 20px;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .coretech-home *,\r\n    .coretech-home *::before,\r\n    .coretech-home *::after {\r\n        scroll-behavior: auto !important;\r\n        animation-duration: .01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: .01ms !important;\r\n    }\r\n\r\n    .coretech-home .cti-logo-belt {\r\n        transform: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"coretech-home\">\r\n\r\n    <!-- HERO -->\r\n    <section class=\"cti-hero cti-full-bleed\">\r\n        <div class=\"cti-carousel\" aria-hidden=\"true\">\r\n            <div class=\"cti-slide cti-active\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=2500&q=85');\"><\/div>\r\n            <div class=\"cti-slide\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=2500&q=85');\"><\/div>\r\n            <div class=\"cti-slide\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1504384308090-c894fdcc538d?auto=format&fit=crop&w=2500&q=85');\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cti-hero-overlay\"><\/div>\r\n\r\n        <div class=\"cti-hero-content cti-reveal\">\r\n            <h1>Where <span class=\"cti-text-gradient\">Digital Innovation<\/span> Meets Industrial Strength<\/h1>\r\n            <p class=\"cti-hero-copy\">\r\n                Core Tech International empowers businesses with high-performance web development, data-driven marketing, strategic media services, industrial sourcing, and professional health and safety solutions.\r\n            <\/p>\r\n            <a class=\"cti-btn\" href=\"#quote\">\r\n                Get a Custom Quote <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ABOUT -->\r\n    <section class=\"cti-section\" id=\"about\">\r\n        <div class=\"cti-inner cti-about-grid\">\r\n            <div class=\"cti-about-copy cti-reveal\">\r\n                <p class=\"cti-eyebrow cti-text-green\">About Core Tech<\/p>\r\n                <h3>Bridging Two Worlds for <span class=\"cti-text-gradient\">Unstoppable Growth<\/span><\/h3>\r\n\r\n                <p>\r\n                    Core Tech International is a dynamic, multifaceted business created to bridge the gap between the digital frontier and the demanding realities of the industrial world. We help organisations create a stronger online identity while sourcing the tools, systems, and expertise required to operate with confidence.\r\n                <\/p>\r\n\r\n                <p>\r\n                    From compelling websites and targeted advertising campaigns to critical industrial equipment, workplace safety products, and HSE training, we operate through a connected service model. Our goal is simple: give ambitious businesses one reliable partner for growth, visibility, performance, and operational readiness.\r\n                <\/p>\r\n\r\n                <div class=\"cti-stats\" aria-label=\"Core Tech company statistics\">\r\n                    <div class=\"cti-stat\">\r\n                        <span class=\"cti-stat-number\">7+<\/span>\r\n                        <span class=\"cti-stat-label\">Years Experience<\/span>\r\n                    <\/div>\r\n                    <div class=\"cti-stat\">\r\n                        <span class=\"cti-stat-number\">100+<\/span>\r\n                        <span class=\"cti-stat-label\">Global Projects<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cti-about-image cti-reveal\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1200&q=85\"\r\n                    alt=\"Modern office representing Core Tech International digital innovation\"\r\n                    loading=\"lazy\"\r\n                >\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SERVICES -->\r\n    <section class=\"cti-section cti-services-section\" id=\"services\">\r\n        <div class=\"cti-inner\">\r\n            <div class=\"cti-section-heading cti-reveal\">\r\n                <p class=\"cti-eyebrow\">Our Expertise<\/p>\r\n                <h2>Our Triad <span class=\"cti-text-gradient\">Service Model<\/span><\/h2>\r\n                <p>\r\n                    High-impact digital services, data-led advertising, professional media production, reliable industrial products, and practical safety support\u2014designed to help your business compete and grow.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"cti-services-grid\">\r\n\r\n                <article class=\"cti-service-card cti-reveal\">\r\n                    <i class=\"fa-solid fa-laptop-code cti-service-icon\" aria-hidden=\"true\"><\/i>\r\n                    <h3>Website Development<\/h3>\r\n                    <p>\r\n                        Custom business websites, high-converting landing pages, e-commerce platforms, and fast CMS websites designed for excellent user experience, credibility, mobile responsiveness, and measurable results.\r\n                    <\/p>\r\n                    <a class=\"cti-card-link\" href=\"#quote\">\r\n                        Request Quote <i class=\"fa-solid fa-chevron-right\" aria-hidden=\"true\"><\/i>\r\n                    <\/a>\r\n                <\/article>\r\n\r\n                <article class=\"cti-service-card cti-reveal\">\r\n                    <i class=\"fa-solid fa-rocket cti-service-icon\" aria-hidden=\"true\"><\/i>\r\n                    <h3>SEO & Digital Marketing<\/h3>\r\n                    <p>\r\n                        Technical SEO, local search optimisation, strategic content, paid campaigns, and performance reporting that help your business earn visibility, attract qualified leads, and grow sustainable demand.\r\n                    <\/p>\r\n                    <a class=\"cti-card-link\" href=\"#quote\">\r\n                        Request Quote <i class=\"fa-solid fa-chevron-right\" aria-hidden=\"true\"><\/i>\r\n                    <\/a>\r\n                <\/article>\r\n\r\n                <article class=\"cti-service-card cti-reveal\">\r\n                    <i class=\"fa-solid fa-video cti-service-icon\" aria-hidden=\"true\"><\/i>\r\n                    <h3>Strategic Branding & Media<\/h3>\r\n                    <p>\r\n                        Professional video editing, social media creative, commercial production, brand identity, and visual storytelling that make your company recognisable, consistent, and memorable across every channel.\r\n                    <\/p>\r\n                    <a class=\"cti-card-link\" href=\"#quote\">\r\n                        Request Quote <i class=\"fa-solid fa-chevron-right\" aria-hidden=\"true\"><\/i>\r\n                    <\/a>\r\n                <\/article>\r\n\r\n                <article class=\"cti-service-card cti-reveal\">\r\n                    <i class=\"fa-solid fa-layer-group cti-service-icon\" aria-hidden=\"true\"><\/i>\r\n                    <h3>Web App & SaaS<\/h3>\r\n                    <p>\r\n                        Scalable web applications, dashboards, SaaS products, and custom workflow tools developed to reduce manual work, organise complex processes, and give your business a stronger digital operating system.\r\n                    <\/p>\r\n                    <a class=\"cti-card-link\" href=\"#quote\">\r\n                        Request Quote <i class=\"fa-solid fa-chevron-right\" aria-hidden=\"true\"><\/i>\r\n                    <\/a>\r\n                <\/article>\r\n\r\n                <article class=\"cti-service-card cti-reveal\">\r\n                    <i class=\"fa-solid fa-hard-hat cti-service-icon\" aria-hidden=\"true\"><\/i>\r\n                    <h3>Industrial Supply<\/h3>\r\n                    <p>\r\n                        Reliable sourcing of industrial tools, oil field equipment, PPE, gas detection systems, safety materials, and operational products selected to support demanding work environments and compliance requirements.\r\n                    <\/p>\r\n                    <a class=\"cti-card-link\" href=\"#quote\">\r\n                        Request Quote <i class=\"fa-solid fa-chevron-right\" aria-hidden=\"true\"><\/i>\r\n                    <\/a>\r\n                <\/article>\r\n\r\n                <article class=\"cti-service-card cti-reveal\">\r\n                    <i class=\"fa-solid fa-shield-halved cti-service-icon\" aria-hidden=\"true\"><\/i>\r\n                    <h3>Certified HSE Training<\/h3>\r\n                    <p>\r\n                        Health, safety, and environmental training programmes including OSHA, IOSH, NEBOSH, and specialised workplace safety support to help teams work safely, competently, and responsibly.\r\n                    <\/p>\r\n                    <a class=\"cti-card-link\" href=\"#quote\">\r\n                        Request Quote <i class=\"fa-solid fa-chevron-right\" aria-hidden=\"true\"><\/i>\r\n                    <\/a>\r\n                <\/article>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- PORTFOLIO \/ CLIENT BELT -->\r\n    <section class=\"cti-portfolio-section cti-full-bleed\" id=\"portfolio\">\r\n        <div class=\"cti-section-heading cti-reveal\">\r\n            <p class=\"cti-eyebrow cti-text-green\">Our Portfolio<\/p>\r\n            <h2>Trusted By <span class=\"cti-text-gradient\">Industry Leaders<\/span><\/h2>\r\n            <p>We are proud to partner with innovative startups and established enterprises.<\/p>\r\n        <\/div>\r\n\r\n        <!--\r\n            CLIENT LOGO BELT\r\n            Replace the temporary image URLs with real client logos\r\n            uploaded to your WordPress Media Library.\r\n        -->\r\n        <div class=\"cti-logo-slider cti-reveal\" aria-label=\"Client logo carousel\">\r\n            <div class=\"cti-logo-belt\">\r\n\r\n                <!-- Group 1 -->\r\n                <div class=\"cti-logo-group\">\r\n                    <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a9\/Amazon_logo.svg\" alt=\"Temporary client logo placeholder one\" loading=\"lazy\">\r\n                    <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/2f\/Google_2015_logo.svg\" alt=\"Temporary client logo placeholder two\" loading=\"lazy\">\r\n                    <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/44\/Microsoft_logo.svg\" alt=\"Temporary client logo placeholder three\" loading=\"lazy\">\r\n                    <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/b\/b9\/TechCrunch_logo.svg\" alt=\"Temporary client logo placeholder four\" loading=\"lazy\">\r\n                    <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/08\/Cisco_logo_transparent.png\" alt=\"Temporary client logo placeholder five\" loading=\"lazy\">\r\n                <\/div>\r\n\r\n                <!-- Group 2: identical for a seamless infinite belt -->\r\n                <div class=\"cti-logo-group\" aria-hidden=\"true\">\r\n                    <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a9\/Amazon_logo.svg\" alt=\"\" loading=\"lazy\">\r\n                    <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/2f\/Google_2015_logo.svg\" alt=\"\" loading=\"lazy\">\r\n                    <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/44\/Microsoft_logo.svg\" alt=\"\" loading=\"lazy\">\r\n                    <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/b\/b9\/TechCrunch_logo.svg\" alt=\"\" loading=\"lazy\">\r\n                    <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/08\/Cisco_logo_transparent.png\" alt=\"\" loading=\"lazy\">\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CONTACT \/ QUOTE -->\r\n    <section class=\"cti-section cti-contact-section\" id=\"quote\">\r\n        <div class=\"cti-inner\">\r\n            <div class=\"cti-section-heading cti-reveal\">\r\n                <p class=\"cti-eyebrow\">Ready to Elevate?<\/p>\r\n                <h2>Start Your <span class=\"cti-text-gradient\">Journey<\/span><\/h2>\r\n                <p>\r\n                    Tell us what you need. Our team will review your requirements and provide a tailored strategic proposal for the next stage of your business.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"cti-contact-box cti-reveal\">\r\n                <form id=\"ctiContactForm\" action=\"https:\/\/formspree.io\/f\/mqeyzwqk\" method=\"POST\">\r\n                    <div class=\"cti-form-row\">\r\n                        <div class=\"cti-form-group\">\r\n                            <label for=\"cti-name\">Full Name<\/label>\r\n                            <input class=\"cti-form-control\" id=\"cti-name\" name=\"name\" type=\"text\" placeholder=\"Enter your full name\" required>\r\n                        <\/div>\r\n\r\n                        <div class=\"cti-form-group\">\r\n                            <label for=\"cti-email\">Email Address<\/label>\r\n                            <input class=\"cti-form-control\" id=\"cti-email\" name=\"email\" type=\"email\" placeholder=\"Enter your email address\" required>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cti-form-group\">\r\n                        <label for=\"cti-service\">Service Required<\/label>\r\n                        <select class=\"cti-form-control\" id=\"cti-service\" name=\"service\" required>\r\n                            <option value=\"\" selected disabled>Select a service...<\/option>\r\n                            <optgroup label=\"Digital & Media\">\r\n                                <option value=\"Website Development\">Website Development<\/option>\r\n                                <option value=\"Web Application or SaaS\">Web Application \/ SaaS<\/option>\r\n                                <option value=\"SEO and Digital Marketing\">SEO & Digital Marketing<\/option>\r\n                                <option value=\"Branding, Graphic Design or Video\">Video Editing, Branding or Graphic Design<\/option>\r\n                            <\/optgroup>\r\n                            <optgroup label=\"Industrial & HSE\">\r\n                                <option value=\"Industrial Equipment Supply\">Industrial Equipment Supply<\/option>\r\n                                <option value=\"Certified HSE Training\">Certified HSE Training<\/option>\r\n                            <\/optgroup>\r\n                            <option value=\"Multiple Services or Other\">Multiple Services \/ Other<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <div class=\"cti-form-group\">\r\n                        <label for=\"cti-message\">Project Details<\/label>\r\n                        <textarea class=\"cti-form-control\" id=\"cti-message\" name=\"message\" placeholder=\"Tell us about your requirements, goals, timeline, and any important details...\" required><\/textarea>\r\n                    <\/div>\r\n\r\n                    <button class=\"cti-btn cti-submit-btn\" type=\"submit\">\r\n                        Request Your Quote <i class=\"fa-solid fa-paper-plane\" aria-hidden=\"true\"><\/i>\r\n                    <\/button>\r\n\r\n                    <p id=\"ctiFormStatus\" class=\"cti-form-status\" role=\"status\" aria-live=\"polite\"><\/p>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    \"use strict\";\r\n\r\n    var root = document.currentScript.previousElementSibling;\r\n\r\n    if (!root || !root.classList.contains(\"coretech-home\")) {\r\n        root = document.querySelector(\".coretech-home\");\r\n    }\r\n\r\n    if (!root) return;\r\n\r\n    \/* Hero image carousel *\/\r\n    var slides = root.querySelectorAll(\".cti-slide\");\r\n    var currentSlide = 0;\r\n\r\n    if (slides.length > 1) {\r\n        window.setInterval(function () {\r\n            slides[currentSlide].classList.remove(\"cti-active\");\r\n            currentSlide = (currentSlide + 1) % slides.length;\r\n            slides[currentSlide].classList.add(\"cti-active\");\r\n        }, 5000);\r\n    }\r\n\r\n    \/* Reveal elements as they enter screen *\/\r\n    var revealItems = root.querySelectorAll(\".cti-reveal\");\r\n\r\n    if (\"IntersectionObserver\" in window) {\r\n        var observer = new IntersectionObserver(function (entries) {\r\n            entries.forEach(function (entry) {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add(\"cti-reveal-active\");\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.12 });\r\n\r\n        revealItems.forEach(function (item) {\r\n            observer.observe(item);\r\n        });\r\n    } else {\r\n        revealItems.forEach(function (item) {\r\n            item.classList.add(\"cti-reveal-active\");\r\n        });\r\n    }\r\n\r\n    \/* Formspree AJAX form submission *\/\r\n    var form = root.querySelector(\"#ctiContactForm\");\r\n    var status = root.querySelector(\"#ctiFormStatus\");\r\n\r\n    if (form && status) {\r\n        form.addEventListener(\"submit\", function (event) {\r\n            event.preventDefault();\r\n\r\n            var submitButton = form.querySelector('button[type=\"submit\"]');\r\n            var originalButtonText = submitButton.innerHTML;\r\n\r\n            submitButton.disabled = true;\r\n            submitButton.innerHTML = 'Sending <i class=\"fa-solid fa-spinner fa-spin\" aria-hidden=\"true\"><\/i>';\r\n\r\n            fetch(form.action, {\r\n                method: form.method,\r\n                body: new FormData(form),\r\n                headers: { \"Accept\": \"application\/json\" }\r\n            })\r\n            .then(function (response) {\r\n                if (!response.ok) {\r\n                    throw new Error(\"Form submission failed\");\r\n                }\r\n\r\n                status.textContent = \"Thank you. Your message has been sent successfully, and our team will be in touch soon.\";\r\n                status.className = \"cti-form-status cti-status-success\";\r\n                form.reset();\r\n            })\r\n            .catch(function () {\r\n                status.textContent = \"Sorry, there was a problem sending your message. Please try again shortly.\";\r\n                status.className = \"cti-form-status cti-status-error\";\r\n            })\r\n            .finally(function () {\r\n                submitButton.disabled = false;\r\n                submitButton.innerHTML = originalButtonText;\r\n            });\r\n        });\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Where Digital Innovation Meets Industrial Strength Core Tech International empowers businesses with high-performance web development, data-driven marketing, strategic media services, industrial sourcing, and professional health and safety solutions. Get a Custom Quote About Core Tech Bridging Two Worlds for Unstoppable Growth Core Tech International is a dynamic, multifaceted business created to bridge the gap between the digital frontier and the demanding realities of the industrial world. We help organisations create a stronger online identity while sourcing the tools, systems, and expertise required to operate with confidence. From compelling websites and targeted advertising campaigns to critical industrial equipment, workplace safety products, and HSE training, we operate through a connected service model. Our goal is simple: give ambitious businesses one reliable partner for growth, visibility, performance, and operational readiness. 7+ Years Experience 100+ Global Projects Our Expertise Our Triad Service Model High-impact digital services, data-led advertising, professional media production, reliable industrial products, and practical safety support\u2014designed to help your business compete and grow. Website Development Custom business websites, high-converting landing pages, e-commerce platforms, and fast CMS websites designed for excellent user experience, credibility, mobile responsiveness, and measurable results. Request Quote SEO &#038; Digital Marketing Technical SEO, local search optimisation, strategic content, paid campaigns, and performance reporting that help your business earn visibility, attract qualified leads, and grow sustainable demand. Request Quote Strategic Branding &#038; Media Professional video editing, social media creative, commercial production, brand identity, and visual storytelling that make your company recognisable, consistent, and memorable across every channel. Request Quote Web App &#038; SaaS Scalable web applications, dashboards, SaaS products, and custom workflow tools developed to reduce manual work, organise complex processes, and give your business a stronger digital operating system. Request Quote Industrial Supply Reliable sourcing of industrial tools, oil field equipment, PPE, gas detection systems, safety materials, and operational products selected to support demanding work environments and compliance requirements. Request Quote Certified HSE Training Health, safety, and environmental training programmes including OSHA, IOSH, NEBOSH, and specialised workplace safety support to help teams work safely, competently, and responsibly. Request Quote Our Portfolio Trusted By Industry Leaders We are proud to partner with innovative startups and established enterprises. Ready to Elevate? Start Your Journey Tell us what you need. Our team will review your requirements and provide a tailored strategic proposal for the next stage of your business. Full Name Email Address Service Required Select a service&#8230;Website DevelopmentWeb Application \/ SaaSSEO &#038; Digital MarketingVideo Editing, Branding or Graphic Design Industrial Equipment SupplyCertified HSE TrainingMultiple Services \/ Other Project Details Request Your Quote<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/coretech-intl.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coretech-intl.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coretech-intl.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coretech-intl.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coretech-intl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":36,"href":"https:\/\/coretech-intl.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":265,"href":"https:\/\/coretech-intl.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/265"}],"wp:attachment":[{"href":"https:\/\/coretech-intl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}