.email-sec1 { padding: 0 3.333vw; margin: 11.111vw 0; } .email-sec1 .email-sec1-grid { display: grid; gap: 0.833vw; grid-template-columns: repeat(6, 1fr); margin: 2.778vw 0; } .email-sec1 h5 { text-align: center; } .email-sec1 p { margin: 0; color: #4d4d4d; } .email-sec1 a { display: flex; justify-content: center; text-decoration: none; } .email-sec1 .email-col1 { grid-column: span 2; background: linear-gradient(90deg, #6a5afe 0%, #ff4f5d 100%); border-radius: 1.111vw; padding: 0.104vw; } @media screen and (max-width: 1200px) { .email-sec1 .email-col1 { padding: 0.18vw; } } @media screen and (max-width: 834px) { .email-sec1 .email-col1 { padding: 0.3vw; } } @media screen and (max-width: 600px) { .email-sec1 .email-col1 { grid-column: span 1; padding: 1.5px; } } .email-sec1 .email-col1 img { width: auto; height: 2.778vw; } @media screen and (max-width: 1200px) { .email-sec1 .email-col1 img { height: 3.837vw; } } .email-sec1 .email-col1 p { text-align: center; } .email-sec1 .email-col1 .heading8 { font-weight: 500; } .email-sec1 .email-col1 .email-inner { background: white; border-radius: inherit; padding: 2.222vw; height: 100%; display: flex; flex-direction: column; align-items: center; gap: 0.833vw; box-sizing: border-box; } @media screen and (max-width: 600px) { .email-sec1 { padding: 0 5.607vw; margin: 64px 0; } .email-sec1 .email-sec1-grid { grid-template-columns: 1fr; margin-bottom: 24px; } .email-sec1 .email-sec1-slider { position: relative; } .email-sec1 .email-col1 { border-radius: 3.738vw; } .email-sec1 .email-col1 img { height: 40px; } .email-sec1 .email-col1 .p-large { font-size: 16px; line-height: 24px; } .email-sec1 .email-col1 .email-inner { padding: 32px 7.477vw; gap: 12px; } .email-sec1 .email-col1.active { display: flex; } .email-sec1 .slick-list { margin: 0 7.477vw 40px; } } @media screen and (min-width: 601px) { .email-sec1 .email-col2 { grid-column: span 3; } } /*Social media slider*/ .emailsec-sliderbtn { display: none; } @media screen and (max-width: 600px) { .emailsec-sliderbtn { display: flex; background: transparent; width: 5.607vw; height: 5.607vw; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; border: 0.71px solid #000000; padding: 0.818vw; cursor: pointer; } } @media screen and (max-width: 350px) { .emailsec-sliderbtn { width: 18px; height: 18px; } } .emailsec-sliderbtn.disabled { opacity: 0.5; pointer-events: none; cursor: default; } .emailsec-prev-slide { left: 0; } .emailsec-next-slide { right: 0; } /*Social media section 4*/ .sm-sec4 { margin: 11.11vw 3.333vw; } .sm-sec4 .heading3 { text-align: center; margin-bottom: 4.444vw; } .sm-sec4 .sm4-grid { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 2.222vw; row-gap: 3.333vw; } .sm-sec4 .sm4-grid img { width: 100%; height: auto; } .sm-sec4 .sm4-grid .heading7 { text-align: center; background: #6A5AFE1A; border-radius: 1.111vw; padding: 1.667vw; margin-top: 0.833vw; }@media screen and (max-width: 600px) { .sm-sec4 { margin: 64px 5.607vw; } .sm-sec4 .heading3 { margin-bottom: 24px; } .sm-sec4 .sm4-grid { grid-template-columns: repeat(1, 1fr); column-gap: 0; row-gap: 24px; } .sm-sec4 .sm4-grid .heading7 { font-size: 18px; line-height: 28px; border-radius: 3.738vw; padding: 16px 3.738vw; margin-top: 8px; } }