*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
h1 {
font-size: 16px;
color: #9D9D9D;
font-weight: 400;
text-align: center;
margin: 16px 0;
}
a {
text-decoration: none;
color: inherit;
}
ul {
list-style: none;
}
img {
max-width: 100%;
height: auto;
display: block;
} .hero-banner {
background: url(//arcon.xyz/wp-content/themes/arcon/assets/images/global-partner-banner.png);
position: relative;
overflow: hidden;
padding: 130px 0;
color: #ffffff;
margin: 60px 60px 0;
border-radius: 16px;
background-repeat: no-repeat;
background-size: cover;
}
.hero-banner__content {
position: relative;
z-index: 1;
}
.hero-banner__title {
font-size: 32px;
font-weight: 600;
line-height: 1.2;
}
.gradient-text {
background: linear-gradient(135deg, #e63946, #ff6b6b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
} .partner-content {
padding: 80px 0 0;
}
.partner-content .container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: start;
@media (max-width: 768px) {
grid-template-columns: 1fr;
}
}
.content-partner {
padding: 20px 0px;
}
.partner-iframe{
width:100%;
border:0;
height:820px;
} @media (min-width:768px) and (max-width:1024px){
.partner-iframe{
height:800px;
}
.hero-banner{margin: 60px 20px 0;}
.partner-content .container{ grid-template-columns: 1fr;}
}
@media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
.hero-banner { margin: 60px 20px 0;}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.partner-content .container{  grid-template-columns: 1fr 1fr; }
} @media (max-width:767px){
.partner-iframe{
height:1600px;
}
.content-partner{
padding:0px;
}
} .partner-info__title {
font-size: 32px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 24px;
color: #1a1a2e;
}
.partner-info p:last-child {
margin-bottom: 0px;
}
.text-center {
text-align: center;
}
.partner-info__title .highlight {
font-style: italic;
}
.partner-info p {
font-size: 0.95rem;
color: #000;
line-height: 1.8;
margin-bottom: 20px;
}
.partner-info__benefits-title {
font-size: 1rem;
font-weight: 700;
color: #1a1a2e;
margin-bottom: 12px;
}
.partner-info__benefits {
padding-left: 20px;
margin-bottom: 24px;
}
.partner-info__benefits li {
list-style: disc;
font-size: 0.95rem;
color: #000;
margin-bottom: 6px;
line-height: 1.6;
} .partner-form-wrapper {
background: #ffffff;
}
.partner-form__title {
font-size: 32px;
display: flex;
font-weight: 600;
justify-content: center;
margin-bottom: 8px;
}
.partner-form__subtitle {
font-size: 0.9rem;
color: #777;
margin-bottom: 28px;
line-height: 1.6;
}
.partner-form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.partner-form .form-field {
position: relative;
}
.partner-form .form-field--full {
grid-column: 1 / -1;
}
.partner-form input,
.partner-form select {
width: 100%;
padding: 7px 14px;
border: 1px solid #ddd;
border-radius: 12px;
font-size: 0.9rem;
font-family: inherit;
color: #333;
background: #ffffff;
outline: none;
transition: border-color 0.2s;
appearance: none;
-webkit-appearance: none;
}
.partner-form input::placeholder {
color: #aaa;
}
.partner-form input:focus,
.partner-form select:focus {
border-color: #e63946;
}
.partner-form select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23e63946' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
padding-right: 36px;
color: #aaa;
}
.partner-form select:valid {
color: #333;
}
.form-phone-group {
display: flex;
gap: 8px;
}
.form-phone-group select {
width: 80px;
flex-shrink: 0;
}
.form-phone-group input {
flex: 1;
}
.form-consent {
grid-column: 1 / -1;
display: flex;
align-items: center;
gap: 10px;
margin-top: 4px;
}
.form-consent input[type="checkbox"] {
width: 16px;
height: 16px;
accent-color: #e63946;
flex-shrink: 0;
border-radius: 4px;
padding: 0;
}
.form-consent label {
font-size: 0.85rem;
color: #777;
}
.form-submit {
grid-column: 1 / -1;
margin-top: 4px;
}
.form-submit .btn {
padding: 8px 40px;
font-size: 12px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
}
.gradient-text {
background: linear-gradient(90deg, rgba(143, 195, 255, 1) 0%, rgba(169, 132, 255, 1) 40%, rgba(230, 50, 58, 1) 100%);
;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.gradient-line {
margin-top: 60px;
border-width: 1px;
border-style: solid;
width: 87%;
left: 7%;
position: relative;
border-image: linear-gradient(to right, #8FC3FF, #A984FF, #E6323A) 1;
}
.hero__desc {
font-size: 1.05rem;
color: rgba(255, 255, 255, 0.6);
max-width: 520px;
margin: 0 auto 40px;
}
.hero__buttons {
display: flex;
gap: 16px;
justify-content: center;
flex-wrap: wrap;
} .partners-list-section {
padding: 80px 0;
background: #f5f7fb;
} .partners-filter-bar {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
flex-wrap: wrap;
gap: 15px;
}
.filter-left {
display: flex;
align-items: center;
gap: 15px;
flex-wrap: wrap;
}
.filter-label {
font-weight: 600;
}
.filter-select {
padding: 8px 12px;
border: 1px solid #dce3f0;
border-radius: 8px;
background: #ffffff;
font-size: 14px;
}
.filter-search {
padding: 8px 14px;
border: 1px solid #dce3f0;
border-radius: 8px;
font-size: 14px;
width: 200px;
} .partners-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
} .partner-card {
background: #ffffff;
border: 1px solid #e4e9f3;
border-radius: 16px;
padding: 30px;
transition: all 0.3s ease;
}
.partner-card:hover {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
transform: translateY(-4px);
}
.partner-logo {
height: 40px;
margin-bottom: 20px;
}
.partner-card p {
margin: 6px 0;
font-size: 14px;
color: #333;
}
.partner-description {
margin-top: 12px;
color: #666;
} @media (max-width: 992px) {
.partners-grid {
grid-template-columns: 1fr;
}
.filter-search {
width: 100%;
}
} .cta-section {
background: #000000;
padding: 80px 0 0;
}
.cta-section .container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.cta-section__text {
max-width: 600px;
}
.cta-section__title {
font-size: 32px;
font-weight: 600;
color: #ffffff;
line-height: 1.2;
margin-bottom: 12px;
}
.cta-section__sub {
color: rgba(255, 255, 255, 0.5);
font-size: 1rem;
}
.talk-to-us {
background: #E6323A;
border-radius: 50px;
display: flex;
padding: 0 20px 0 10px;
height: 50px;
color: #fff;
}
.partner-listing {
background: rgb(216 229 244 / 10%);
margin: 14px 0;
}
.partner-listing h1 {
font-size: 26px;
color: #9D9D9D;
margin-bottom: 16px;
} @media (max-width: 1199px) {
.hero__title {
font-size: 2.6rem;
}
.cta-section__title {
font-size: 2rem;
}
.footer-top {
grid-template-columns: 1fr;
gap: 40px;
}
.footer-newsletter {
max-width: 100%;
}
} @media (max-width: 768px) {
.site-header .container {
flex-wrap: wrap;
height: auto;
padding-top: 16px;
padding-bottom: 16px;
gap: 12px;
}
.hero-banner__title{font-size:26px;}
.hero-banner{ padding: 45px 0;margin: 52px 10px 0;}
.partner-content {
padding: 50px 20px 0;
}
.partner-content .container{gap:40px}
.main-nav {
order: 3;
width: 100%;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
.header-actions {
gap: 8px;
}
.header-actions .btn {
padding: 8px 14px;
font-size: 0.8rem;
}
.hero {
padding: 80px 0 60px;
}
.hero__title {
font-size: 2rem;
}
.hero__desc {
font-size: 0.95rem;
}
.hero__buttons {
flex-direction: column;
align-items: center;
}
.partners {
padding: 60px 0;
}
.partners-card {
grid-template-columns: 1fr;
}
.partners-card__image {
min-height: 220px;
}
.partners-card__content {
padding: 36px 28px;
}
.partners-card__title {
font-size: 1.6rem;
}
.cta-section .container {
flex-direction: column;
text-align: center;
}
.cta-section__title {
font-size: 1.6rem;
}
.footer-nav {
grid-template-columns: repeat(2, 1fr);
}
.footer-bottom {
flex-direction: column;
gap: 16px;
text-align: center;
}
} .latest-insights {
position: relative;
height: auto;
padding: 60px 100px;
display: flex;
justify-content: space-between;
align-items: start;
gap: 50px;
border: var(--border-light-blue);
border-radius: 20px;
background: var(--section-gradient);
margin-block: var(--spacer-120);
.triangle_graphic {
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.left-content {
max-width: 390px;
width: 100%;
height: auto;
.para-primary {
margin-top: 8px;
}
}
.right-content {
max-width: 625px;
width: 100%;
height: auto;
}
@media screen and (max-width: 1024px) {
& {
flex-direction: column;
gap: 32px;
padding: 40px 20px;
margin-block: var(--spacer-60);
}
}
} .form {
display: flex;
flex-direction: column;
align-items: baseline;
width: 100%;
max-width: 625px;
height: auto;
.screen-reader-response {
display: none;
}
.form-row {
width: 100%;
display: flex;
gap: 24px;
justify-content: start;
align-items: start;
margin-top: 20px;
p {
width: 50%;
}
}
.form-row-inner {
p {
width: 100%;
display: flex;
justify-content: start;
align-items: start;
}
}
input,
select {
padding: 15px;
border-radius: 8px;
border: 1px solid #D8E5F4;
background: #FFF;
width: 100%;
font-family: "Sora", sans-serif;
color: var(--text-black-primary);
font-size: 14px;
font-weight: 400;
line-height: normal;
}
select:focus-visible,
input:focus-visible {
outline: 0;
}
input::placeholder,
select::placeholder {
color: var(--text-grey2);
font-size: 14px;
font-weight: 400;
line-height: normal;
}
input[type='submit'] {
border-radius: 8px;
background: #E6323A;
padding: 16px 32px;
border: none;
color: #fff;
margin-top: 40px;
width: fit-content;
color: var(--text-white);
font-size: 16px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0;
}
select[name="country-code"] {
width: fit-content;
padding-right: 0;
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
font-family: "Sora", sans-serif;
color: var(--text-black-primary);
font-size: 14px;
font-weight: 400;
line-height: normal;
padding: 14px;
padding-right: 0;
}
input[type='tel'] {
width: 185px;
padding-left: 15px;
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.wpcf7-not-valid-tip {
font-size: 14px;
}
.wpcf7-response-output {
margin-top: 20px;
font-size: 14px;
}
&:last-child {
.form-row {
p {
width: 100%;
}
}
}
@media screen and (max-width: 1024px) {
& {
.form-row {
flex-direction: column;
}
input[type='tel'] {
width: 100%;
}
input[type='submit'] {
width: 100%;
font-size: 14px;
line-height: 20px;
margin-top: 32px;
}
}
}
}