@keyframes spin { to { transform: rotate(360deg); } } .contact-hero::before { content: ''; position: absolute; inset: 0; background: url('data:image/svg+xml,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><circle cx="30" cy="30" r="1" fill="white" opacity="0.3"/>') repeat; opacity: 0.1; } @media (max-width: 768px) { .contact-hero { padding: 60px 0 40px !important; } .contact-hero h1 { font-size: 32px !important; } .contact-hero p { font-size: 16px !important; } section>.container>div { grid-template-columns: 1fr !important; gap: 40px !important; } form>div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; } } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-0 { margin-top:40px } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-1 { display: grid; grid-template-columns: 0.9fr 1fr; gap: 80px; align-items: start; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-2 { font-size: 48px; font-weight: 700; margin-bottom: 24px; color: #1a1a1a; line-height: 1.2; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-3 { font-size: 16px; color: #666; line-height: 1.7; margin-bottom: 48px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-4 { margin-bottom: 32px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-5 { display: block; font-size: 17px; color: #1a1a1a; text-decoration: none; margin-bottom: 12px; font-weight: 500; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-6 { display: block; font-size: 17px; color: #1a1a1a; text-decoration: none; margin-bottom: 12px; font-weight: 500; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-7 { font-size: 17px; color: #666; font-weight: 500; line-height: 1.5; margin-bottom: 12px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-8 { margin-bottom: 8px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-9 { font-size: 18px; font-weight: 700; margin-bottom: 12px; color: #1a1a1a; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-10 { font-size: 15px; color: #666; line-height: 1.7; margin: 0; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-11 { margin-bottom: 8px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-12 { font-size: 18px; font-weight: 700; margin-bottom: 12px; color: #1a1a1a; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-13 { font-size: 15px; color: #666; line-height: 1.7; margin: 0; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-14 { background: #f8f8f8; padding: 48px; border-radius: 6px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-15 { margin-bottom: 32px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-16 { font-size: 32px; font-weight: 700; margin-bottom: 8px; color: #1a1a1a; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-17 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-18 { width: 100%; padding: 12px 16px; border: 1px solid #e5e5e5; border-radius: 6px; font-size: 15px; transition: all 0.2s; color: #1a1a1a; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-19 { width: 100%; padding: 12px 16px; border: 1px solid #e5e5e5; border-radius: 6px; font-size: 15px; transition: all 0.2s; color: #1a1a1a; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-20 { margin-bottom: 16px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-21 { position: relative; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-22 { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #999; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-23 { width: 100%; padding: 12px 16px 14px 48px; border: 1px solid #e5e5e5; border-radius: 6px; font-size: 15px; transition: all 0.2s; color: #1a1a1a; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-24 { margin-bottom: 16px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-25 { position: relative; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-26 { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); border: none; background: transparent; font-size: 15px; color: #1a1a1a; outline: none; width: 80px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-27 { width: 100%; padding: 12px 16px 14px 108px; border: 1px solid #e5e5e5; border-radius: 6px; font-size: 15px; transition: all 0.2s; color: #1a1a1a; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-28 { margin-bottom: 16px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-29 { width: 100%; padding: 12px 16px; border: 1px solid #e5e5e5; border-radius: 6px; font-size: 15px; font-family: inherit; transition: all 0.2s; resize: vertical; color: #1a1a1a; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-30 { text-align: right; font-size: 13px; color: #999; margin-top: 6px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-31 { position: absolute; left: -9999px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-32 { width: 100%; padding: 16px; background: #1a73e8; color: #ffffff; border: none; border-radius: 50px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-33 { display: none; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-34 { animation: spin 1s linear infinite; vertical-align: middle; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-35 { text-align: center; font-size: 13px; color: #999; margin-top: 16px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-36 { color: #1a1a1a; text-decoration: underline; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-37 { color: #1a1a1a; text-decoration: underline; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-38 { margin-top: 24px; padding: 16px; border-radius: 6px; display: none; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-39 { display: flex; align-items: center; gap: 12px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-40 { font-size: 14px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-41 { display: flex; align-items: center; gap: 12px; } .tb-style-contact-fbd1d577904cfdf26c8f41c4b86bc43a-42 { font-size: 14px; }