html.lenis,
html.lenis body {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
.lenis.lenis-smooth iframe {
pointer-events: none;
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*,
*::after,
*::before {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--head__title: 400%;
--head__weight: 900;
--para__size: 150%
}
/* width */
::-webkit-scrollbar {
width: 7px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #141414;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #2e2e2e;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #3a3a3a;
}
body {
width: 100%;
overflow-x: hidden;
font-family: "Poppins", sans-serif;
font-style: normal;
}
.publisher_m {
display: none;
}
.publisher_btn {
outline: 2px solid white;
color: white !important;
}
.publisher_btn:hover {
background-color: white;
color: rgb(0, 0, 0) !important;
}
.publisher_btn:active {
outline: 2px solid white;
color: rgb(255, 255, 255) !important;
}
/* footers */
.footer__here {
background-image: url(../../img/media_buying/footer.webp);
width: 100%;
height: 100%;
background-position: 100% 100%;
object-fit: cover;
background-repeat: no-repeat;
background-size: cover;
}
.footer__inner h2 {
font-size: calc(2rem + .5vw);
font-weight: 600;
}
.footer__inner a {
width: calc(10rem + 1.5vw);
}
.contact__btn {
/* height: 3rem; */
margin-top: 3em;
}
a h5 {
font-weight: 500;
margin: 0;
line-height: 1.7rem;
}
.nomadaz_logo {
width: 5em;
}
/* Footer end */
/* xm */
@media screen and (max-width: 575.98px) {
.publisher_btn {
display: none;
}
.publisher_m {
display: block;
}
.one,
.two {
display: none;
}
/* For multilevel drop */
.i__gaming.show .dropend .dropdown-toggle::after {
transform: rotate(90deg);
}
.dropdown-menu .dropdown-submenu {
display: none;
position: unset !important;
}
.dropend li {
/* border: 2px solid red; */
padding-left: .7em;
}
.dropend .dropdown-menu {
border: none !important;
}
.dropend .dropdown-toggle::after {
display: inline-block;
position: relative;
top: 0px;
transform: rotate(90deg);
left: 2px;
}
/* For multilevel drop end */
.one__mobile {
background-image: url(../../img/media_buying/mobile_bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: 12%;
padding-left: 0rem !important;
}
.one__mobile__inner {
height: max-content;
margin-inline: 1rem;
}
.one__mobile__inner h1 {
font-family: Poppins;
font-size: 45px;
font-weight: 900;
line-height: 67.5px;
text-align: left;
}
.one__mobile__inner p {
font-family: Poppins;
font-size: 17px;
font-weight: 400;
line-height: 25.5px;
text-align: left;
}
/* Two-mobile */
.two__mobile {
background-image: url(../../img/media_buying/bulb.webp);
/* background-position: 61% 256%; */
background-position: 61% -258px;
background-repeat: no-repeat;
background-size: cover;
padding-top: 14em;
padding-bottom: 11em;
min-height: auto !important;
}
.two__mobile__inner h2 {
font-family: Poppins;
font-size: 52px;
font-weight: 600;
line-height: 69.88px;
text-align: center;
}
.two__mobile__inner p {
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 27.95px;
text-align: center;
}
/* Three- mobile */
.three__mobile__inner {
position: relative;
z-index: 2;
}
.three__mobile__inner h2 {
font-family: Poppins;
font-size: 38px;
font-weight: 600;
line-height: 63px;
text-align: left;
}
.m_cards::before {
content: "";
position: absolute;
top: -6px;
/* left: -5px; */
left: 3px;
width: 100%;
height: 100%;
border: 2px solid rgb(135, 135, 135);
border-radius: 20px 21px 20px 21px;
z-index: -1;
}
.m_cards {
background-image: url(../../img/media_buying/cards_bg.webp);
background-repeat: no-repeat;
background-position: 100% 100%;
background-size: cover;
/* width: 380px;
height: 178px; */
/* padding: 20px 21px 20px 21px; */
padding: 20px 21px 24px 21px;
border-radius: 10px 0px 0px 10px;
position: relative;
}
.four__mobile__inner h2 {
font-family: Poppins;
font-size: 65px;
font-weight: 600;
line-height: 99px;
text-align: left;
}
.four__mobile__inner p {
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 27px;
text-align: left;
}
/* Footer */
.footer__here {
background-image: none;
background-color: black !important;
width: 100%;
height: 100%;
background-position: 100% 100%;
object-fit: cover;
background-repeat: no-repeat;
background-size: cover;
}
}
/* sm */
@media screen and (min-width: 576px) and (max-width: 767.98px) {
.publisher_btn {
display: none;
}
.publisher_m {
display: block;
}
.one,
.two {
display: none;
}
/* For multilevel drop */
.i__gaming.show .dropend .dropdown-toggle::after {
transform: rotate(90deg);
}
.dropdown-menu .dropdown-submenu {
display: none;
position: unset !important;
}
.dropend li {
/* border: 2px solid red; */
padding-left: .7em;
}
.dropend .dropdown-menu {
border: none !important;
}
.dropend .dropdown-toggle::after {
display: inline-block;
position: relative;
top: 0px;
transform: rotate(90deg);
left: 2px;
}
/* For multilevel drop end */
.one__mobile {
background-image: url(../../img/media_buying/mobile_bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: 12%;
}
.one__mobile__inner {
height: max-content;
}
.one__mobile__inner h1 {
font-family: Poppins;
font-size: 45px;
font-weight: 900;
line-height: 67.5px;
text-align: left;
}
.one__mobile__inner p {
font-family: Poppins;
font-size: 17px;
font-weight: 400;
line-height: 25.5px;
text-align: left;
}
/* Two-mobile */
.two__mobile {
background-image: url(../../img/media_buying/bulb.webp);
background-position: 61% 97%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 14em;
padding-bottom: 11em;
min-height: auto !important;
}
.two__mobile__inner h2 {
font-family: Poppins;
font-size: 52px;
font-weight: 600;
line-height: 69.88px;
text-align: center;
}
.two__mobile__inner p {
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 27.95px;
text-align: center;
}
/* Three- mobile */
.three__mobile__inner {
position: relative;
z-index: 2;
}
.three__mobile__inner h2 {
font-family: Poppins;
font-size: 38px;
font-weight: 600;
line-height: 63px;
text-align: left;
}
.m_cards::before {
content: "";
position: absolute;
top: -6px;
left: -5px;
width: 100%;
height: 100%;
border: 2px solid rgb(135, 135, 135);
border-radius: 20px 21px 20px 21px;
z-index: -1;
}
.m_cards {
background-image: url(../../img/media_buying/cards_bg.webp);
background-repeat: no-repeat;
background-position: 100% 100%;
background-size: contain;
width: 380px;
height: 178px;
padding: 20px 21px 20px 21px;
border-radius: 10px 0px 0px 0px;
position: relative;
}
.four__mobile__inner h2 {
font-family: Poppins;
font-size: 65px;
font-weight: 600;
line-height: 99px;
text-align: left;
}
.four__mobile__inner p {
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 27px;
text-align: left;
}
/* Footer Upper */
.footer__here {
background-image: none;
background-color: black !important;
width: 100%;
height: 100%;
background-position: 100% 100%;
object-fit: cover;
background-repeat: no-repeat;
background-size: cover;
}
.footer__inner h2 {
font-size: 48px;
line-height: 50.09px;
font-weight: 600;
font-family: "Inter", sans-serif;
margin-bottom: 2rem;
}
.footer__inner p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: center;
}
}
/* //md */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
.publisher_btn {
display: none;
}
.publisher_m {
display: block;
}
.one,
.two {
display: none;
}
/* For multilevel drop */
.i__gaming.show .dropend .dropdown-toggle::after {
transform: rotate(90deg);
}
.dropdown-menu .dropdown-submenu {
display: none;
position: unset !important;
}
.dropend li {
/* border: 2px solid red; */
padding-left: .7em;
}
.dropend .dropdown-menu {
border: none !important;
}
.dropend .dropdown-toggle::after {
display: inline-block;
position: relative;
top: 0px;
transform: rotate(90deg);
left: 2px;
}
/* For multilevel drop end */
.one__mobile {
background-image: url(../../img/media_buying/mobile_bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: 12%;
}
.one__mobile__inner {
height: max-content;
}
.one__mobile__inner h1 {
font-family: Poppins;
font-size: 45px;
font-weight: 900;
line-height: 67.5px;
text-align: left;
}
.one__mobile__inner p {
font-family: Poppins;
font-size: 17px;
font-weight: 400;
line-height: 25.5px;
text-align: left;
}
/* Two-mobile */
.two__mobile {
background-image: url(../../img/media_buying/bulb.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-position: 100% 100%;
}
.two__mobile__inner h2 {
font-family: Poppins;
font-size: 52px;
font-weight: 600;
line-height: 69.88px;
text-align: center;
}
.two__mobile__inner p {
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 27.95px;
text-align: center;
}
/* Three- mobile */
.three__mobile__inner {
position: relative;
z-index: 2;
}
.three__mobile__inner h2 {
font-family: Poppins;
font-size: 38px;
font-weight: 600;
line-height: 63px;
text-align: left;
}
.m_cards::before {
content: "";
position: absolute;
top: -6px;
left: -5px;
width: 100%;
height: 100%;
border: 2px solid rgb(135, 135, 135);
border-radius: 20px 21px 20px 21px;
z-index: -1;
}
.m_cards {
background-image: url(../../img/media_buying/cards_bg.webp);
background-repeat: no-repeat;
background-position: 100% 100%;
background-size: contain;
width: 380px;
height: 178px;
padding: 20px 21px 20px 21px;
border-radius: 10px 0px 0px 0px;
position: relative;
}
.four__mobile__inner h2 {
font-family: Poppins;
font-size: 65px;
font-weight: 600;
line-height: 99px;
text-align: left;
}
.four__mobile__inner p {
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 27px;
text-align: left;
}
/* Footer upper*/
.footer__inner h2 {
font-size: calc(2rem + .5vw) !important;
font-family: Inter;
font-weight: 600;
line-height: 58.09px;
}
.footer__inner p {
font-family: Poppins;
font-size: calc(1rem + .2vw) !important;
font-weight: 400;
line-height: 24px;
text-align: center;
}
}
/* lg */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
.one__mobile,
.two__mobile,
.three__mobile,
.four__mobile {
display: none !important;
}
.one {
background-image: url(../../img/media_buying/main.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.one__info {
width: 655px;
height: 187px;
}
.one__info {
left: 0%;
bottom: 0%;
margin-left: 70px;
margin-bottom: 100px;
}
.one__info h1 {
font-family: Poppins;
font-size: 42px;
font-weight: 900;
line-height: 67.5px;
text-align: left;
}
.one__info p {
width: 510px;
height: 104px;
font-family: Poppins;
font-size: 16px;
font-weight: 400;
line-height: 25.5px;
text-align: left;
}
.one__overlay {
left: 0;
top: 0;
width: 0%;
background-color: #8234e0;
z-index: 3;
}
.one__info_two {
z-index: 2;
background-image: url(../../img/media_buying/bulb_main.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
opacity: 0;
}
.one_container {
opacity: 0;
transform: scale(0.3);
will-change: transform;
}
.one__info_two_inner h2 {
font-family: Poppins;
font-size: 46px;
font-weight: 600;
line-height: 69.88px;
width: 678px;
top: 348px;
left: 383px;
gap: 0px;
opacity: 0px;
}
.one__info_two_inner p {
font-family: Poppins;
width: 692px;
font-size: 16px;
font-weight: 400;
line-height: 25.95px;
}
.one_third_inner {
top: 0;
left: 0;
background-color: #00000000;
}
/* #Third-overlay */
.one_third_inner_container {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-template-areas:
". . . . c1 c1 c1 . . . . ."
". . . . c1 c1 c1 . c2 c2 c2 c2"
"t t t t t t . . c2 c2 c2 c2"
"t t t t t t . c3 c3 c3 c3 ."
". . . c4 c4 c4 . c3 c3 c3 c3 ."
". . . c4 c4 c4 . . . . . .";
padding-top: 3em;
padding-bottom: 1em;
padding-right: 2em;
}
.three_title {
grid-area: t;
padding-left: 1em;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-top: 1em;
}
.three_cards {
background-image: url(../../img/media_buying/three_card.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
Padding: 8px 21px 20px 21px;
margin-top: 1em;
border-radius: 10px;
position: relative;
z-index: 2;
/* width: 380px; */
width: 325px;
height: 162px;
}
.three_cards::before {
content: "";
position: absolute;
top: -5px;
left: -5px;
width: 100%;
height: 100%;
border: 2px solid white;
border-radius: 10px;
z-index: -1;
}
.three_title h2 {
font-family: Poppins;
font-size: 24px;
font-weight: 600;
line-height: 43px;
text-align: left;
width: 678px;
}
.three_cards h3 {
font-family: Open Sans;
font-size: 19px;
font-weight: 700;
line-height: 32px;
text-align: left;
}
.three_cards p {
font-family: Poppins;
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-align: left;
width: 294px;
height: 96px;
}
#third_card_1 {
grid-area: c1;
opacity: 0;
}
#third_card_2 {
grid-area: c2;
opacity: 0;
}
#third_card_3 {
grid-area: c3;
opacity: 0;
}
#third_card_4 {
grid-area: c4;
opacity: 0;
}
/* Two- panel */
/* Two Overlay */
.two__overlay {
top: 0;
right: 0;
z-index: 11;
width: 0;
}
.two__overlay__inner_info {
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-template-areas:
"a a a a a a b b b b"
"a a a a a a b b b b"
"a a a a a a b b b b"
"a a a a a a b b b b"
"br br br br br s s s s s"
"br br br br br s s s s s";
}
#two_text_1 {
grid-area: a;
display: flex;
align-items: center !important;
justify-content: center !important;
}
#two_text_2 {
grid-area: b;
/* border: 2px solid rgb(65, 56, 56); */
}
#two_text_3 {
grid-area: br;
}
#two_text_4 {
grid-area: s;
}
#two_text_1 h2 {
text-shadow: -1px 3px 2px rgba(0, 0, 0, 1), -2px 3px 0px rgba(249, 255, 254, 1);
line-height: 100px;
font-family: Poppins;
font-size: 59px;
font-weight: 600;
line-height: 120px;
max-width: 850px;
max-height: 363px;
}
#two_text_2 p {
grid-area: b;
}
#two_text_4 p {
grid-area: s;
width: 616px;
font-family: Poppins;
font-size: 14px;
font-weight: 400;
line-height: 27px;
}
#two_text_1 {
visibility: hidden;
left: -100%;
}
#two_text_4 {
visibility: hidden;
right: -100%;
}
#two_text_3 div,
#two_text_2 div {
width: 0%;
visibility: hidden;
}
.borders {
height: 1px !important;
border-radius: 10px;
}
/* Contact us */
.footer__inner h2 {
font-size: 48px;
font-weight: 600;
font-family: "Inter", sans-serif;
}
.footer__inner p {
font-size: 16px;
font-weight: 400;
width: 733px;
gap: 0px;
opacity: 0px;
line-height: 24px;
margin-top: 1em;
}
.contact__btn {
font-size: 18px;
font-weight: 500 !important;
font-family: "Inter", sans-serif;
}
}
/* xl */
@media screen and (min-width: 1200px) and (max-width: 1399.98px) {
.one__mobile,
.two__mobile,
.three__mobile,
.four__mobile {
display: none !important;
}
.one {
background-image: url(../../img/media_buying/main.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.one__info {
width: 655px;
height: 187px;
}
.one__info {
left: 0%;
bottom: 0%;
margin-left: 70px;
margin-bottom: 100px;
}
.one__info h1 {
font-family: Poppins;
font-size: 45px;
font-weight: 900;
line-height: 67.5px;
text-align: left;
}
.one__info p {
width: 655px;
height: 104px;
font-family: Poppins;
font-size: 17px;
font-weight: 400;
line-height: 25.5px;
text-align: left;
}
.one__overlay {
left: 0;
top: 0;
width: 0%;
background-color: #8234e0;
z-index: 3;
}
.one__info_two {
z-index: 2;
background-image: url(../../img/media_buying/bulb_main.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
opacity: 0;
}
.one_container {
opacity: 0;
transform: scale(0.3);
will-change: transform;
}
.one__info_two_inner h2 {
font-family: Poppins;
font-size: 52px;
font-weight: 600;
line-height: 69.88px;
width: 678px;
top: 348px;
left: 383px;
gap: 0px;
opacity: 0px;
}
.one__info_two_inner p {
font-family: Poppins;
width: 692px;
font-size: 18px;
font-weight: 400;
line-height: 27.95px;
}
.one_third_inner {
top: 0;
left: 0;
background-color: #00000000;
}
/* #Third-overlay */
.one_third_inner_container {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-template-areas:
". . . . c1 c1 c1 . . . . ."
". . . . c1 c1 c1 . c2 c2 c2 c2"
"t t t t t t . . c2 c2 c2 c2"
"t t t t t t . c3 c3 c3 c3 ."
". . . c4 c4 c4 . c3 c3 c3 c3 ."
". . . c4 c4 c4 . . . . . .";
padding-top: 3em;
padding-bottom: 1em;
padding-right: 2em;
}
.three_title {
grid-area: t;
padding-left: 1em;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-top: 1em;
}
.three_cards {
background-image: url(../../img/media_buying/three_card.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
Padding: 8px 21px 20px 21px;
margin-top: 1em;
border-radius: 10px;
position: relative;
z-index: 2;
width: 380px;
height: 162px;
}
.three_cards::before {
content: "";
position: absolute;
top: -5px;
left: -5px;
width: 100%;
height: 100%;
border: 2px solid white;
border-radius: 10px;
z-index: -1;
}
.three_title h2 {
font-family: Poppins;
font-size: 42px;
font-weight: 600;
line-height: 63px;
text-align: left;
width: 678px;
}
.three_cards h3 {
font-family: Open Sans;
font-size: 22px;
font-weight: 700;
line-height: 32px;
text-align: left;
}
.three_cards p {
font-family: Poppins;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
width: 338px;
height: 96px;
}
#third_card_1 {
grid-area: c1;
opacity: 0;
}
#third_card_2 {
grid-area: c2;
opacity: 0;
}
#third_card_3 {
grid-area: c3;
opacity: 0;
}
#third_card_4 {
grid-area: c4;
opacity: 0;
}
/* Two- panel */
/* Two Overlay */
.two__overlay {
top: 0;
right: 0;
z-index: 11;
width: 0;
}
.two__overlay__inner_info {
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-template-areas:
"a a a a a a b b b b"
"a a a a a a b b b b"
"a a a a a a b b b b"
"a a a a a a b b b b"
"br br br br br s s s s s"
"br br br br br s s s s s";
}
#two_text_1 {
grid-area: a;
display: flex;
align-items: center !important;
justify-content: center !important;
}
#two_text_2 {
grid-area: b;
/* border: 2px solid rgb(65, 56, 56); */
}
#two_text_3 {
grid-area: br;
}
#two_text_4 {
grid-area: s;
}
#two_text_1 h2 {
text-shadow: -1px 3px 2px rgba(0, 0, 0, 1), -2px 3px 0px rgba(249, 255, 254, 1);
line-height: 100px;
font-family: Poppins;
font-size: 69px;
font-weight: 600;
line-height: 120px;
max-width: 850px;
max-height: 363px;
}
#two_text_2 p {
grid-area: b;
}
#two_text_4 p {
grid-area: s;
width: 616px;
font-family: Poppins;
font-size: 16px;
font-weight: 400;
line-height: 27px;
}
#two_text_1 {
visibility: hidden;
left: -100%;
}
#two_text_4 {
visibility: hidden;
right: -100%;
}
#two_text_3 div,
#two_text_2 div {
width: 0%;
visibility: hidden;
}
.borders {
height: 1px !important;
border-radius: 10px;
}
/* Footers */
/* Contact us */
.footer__inner h2 {
font-size: 48px;
font-weight: 600;
font-family: "Inter", sans-serif;
}
.footer__inner p {
font-size: 16px;
font-weight: 400;
max-width: 974px;
line-height: 24px;
margin-top: 1em;
max-width: 733px;
}
.contact__btn {
font-size: 18px;
font-weight: 500 !important;
font-family: "Inter", sans-serif;
}
}
/* xxl */
@media screen and ((min-width: 1400px)) {
.one__mobile,
.two__mobile,
.three__mobile,
.four__mobile {
display: none !important;
}
.one {
background-image: url(../../img/media_buying/main.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.one__info {
width: 655px;
height: 187px;
}
.one__info {
left: 0%;
bottom: 0%;
margin-left: 70px;
margin-bottom: 100px;
}
.one__info h1 {
font-family: Poppins;
font-size: 45px;
font-weight: 900;
line-height: 67.5px;
text-align: left;
}
.one__info p {
width: 655px;
height: 104px;
font-family: Poppins;
font-size: 17px;
font-weight: 400;
line-height: 25.5px;
text-align: left;
}
.one__overlay {
left: 0;
top: 0;
width: 0%;
background-color: #8234e0;
z-index: 3;
}
.one__info_two {
z-index: 2;
background-image: url(../../img/media_buying/bulb_main.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
opacity: 0;
}
.one_container {
opacity: 0;
transform: scale(0.3);
will-change: transform;
}
.one__info_two_inner h2 {
font-family: Poppins;
font-size: 52px;
font-weight: 600;
line-height: 69.88px;
width: 678px;
top: 348px;
left: 383px;
gap: 0px;
opacity: 0px;
}
.one__info_two_inner p {
font-family: Poppins;
width: 692px;
font-size: 18px;
font-weight: 400;
line-height: 27.95px;
}
.one_third_inner {
top: 0;
left: 0;
background-color: #00000000;
}
/* #Third-overlay */
.one_third_inner_container {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-template-areas:
". . . . c1 c1 c1 . . . . ."
". . . . c1 c1 c1 . c2 c2 c2 c2"
"t t t t t t . . c2 c2 c2 c2"
"t t t t t t . c3 c3 c3 c3 ."
". . . c4 c4 c4 . c3 c3 c3 c3 ."
". . . c4 c4 c4 . . . . . .";
padding-top: 3em;
padding-bottom: 1em;
padding-right: 2em;
}
.three_title {
grid-area: t;
padding-left: 1em;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-top: 1em;
}
.three_cards {
background-image: url(../../img/media_buying/three_card.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
Padding: 8px 21px 20px 21px;
margin-top: 1em;
border-radius: 10px;
position: relative;
z-index: 2;
width: 380px;
height: 162px;
}
.three_cards::before {
content: "";
position: absolute;
top: -5px;
left: -5px;
width: 100%;
height: 100%;
border: 2px solid white;
border-radius: 10px;
z-index: -1;
}
.three_title h2 {
font-family: Poppins;
font-size: 42px;
font-weight: 600;
line-height: 63px;
text-align: left;
width: 678px;
}
.three_cards h3 {
font-family: Open Sans;
font-size: 22px;
font-weight: 700;
line-height: 32px;
text-align: left;
}
.three_cards p {
font-family: Poppins;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
width: 338px;
height: 96px;
}
#third_card_1 {
grid-area: c1;
opacity: 0;
}
#third_card_2 {
grid-area: c2;
opacity: 0;
}
#third_card_3 {
grid-area: c3;
opacity: 0;
}
#third_card_4 {
grid-area: c4;
opacity: 0;
}
/* Two- panel */
/* Two Overlay */
.two__overlay {
top: 0;
right: 0;
z-index: 11;
width: 0;
}
.two__overlay__inner_info {
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-template-areas:
"a a a a a a b b b b"
"a a a a a a b b b b"
"a a a a a a b b b b"
"a a a a a a b b b b"
"br br br br br s s s s s"
"br br br br br s s s s s";
}
#two_text_1 {
grid-area: a;
display: flex;
align-items: center !important;
justify-content: center !important;
}
#two_text_2 {
grid-area: b;
/* border: 2px solid rgb(65, 56, 56); */
}
#two_text_3 {
grid-area: br;
}
#two_text_4 {
grid-area: s;
}
#two_text_1 h2 {
text-shadow: -1px 3px 2px rgba(0, 0, 0, 1),
-2px 3px 0px rgba(249, 255, 254, 1);
line-height: 100px;
font-family: Poppins;
font-size: 80px;
font-weight: 600;
line-height: 120px;
max-width: 850px;
max-height: 363px;
}
#two_text_2 p {
grid-area: b;
}
#two_text_4 p {
grid-area: s;
width: 616px;
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 27px;
}
#two_text_1 {
visibility: hidden;
left: -100%;
}
#two_text_4 {
visibility: hidden;
right: -100%;
}
#two_text_3 div,
#two_text_2 div {
width: 0%;
visibility: hidden;
}
.borders {
height: 1px !important;
border-radius: 10px;
}
/* Contact us */
.footer__inner h2 {
font-size: 48px;
font-weight: 600;
font-family: "Inter", sans-serif;
}
.footer__inner p {
font-size: 16px;
font-weight: 400;
max-width: 974px;
line-height: 24px;
margin-top: 1em;
max-width: 733px;
}
.contact__btn {
font-size: 18px;
font-weight: 500 !important;
font-family: "Inter", sans-serif;
}
}