.texasDir {
background-color: #1b1845;
color: white;
position: relative;
}
.texasDir__content {
padding: 11.2rem 0;
display: flex;
flex-direction: column;
gap: 11.2rem;
position: relative;
z-index: 3;
}
.fourth__itemRight--top a{
color: white;
text-decoration: underline;
}
.fourth__itemRight--top a:hover{
text-decoration: underline;
}
@media (max-width: 1099px) {
.texasDir__content {
padding: 8.8rem 0;
gap: 8.8rem;
}
}
@media (max-width: 991px) {
.texasDir__content {
gap: 6.4rem;
padding: 6.4rem 0;
}
}
@media (max-width: 650px) {
.texasDir__content {
gap: 2.4rem;
padding: 3.2rem 0;
}
}
.first__wrapper {
gap: 4rem;
}
@media (max-width: 991px) {
.first__wrapper {
gap: 3.2rem;
}
}
@media (max-width: 650px) {
.first__wrapper {
gap: 2.4rem;
}
}
@media (max-width: 991px) {
.first__title {
font-size: 5.6rem;
line-height: 6.4rem;
}
}
@media (max-width: 650px) {
.first__title {
font-size: 2.4rem;
line-height: 3.2rem;
}
}
@media (max-width: 991px) {
.first__text {
font-size: 1.8rem;
line-height: 2.6rem;
}
}
@media (max-width: 650px) {
.first__text {
font-size: 1.4rem;
line-height: 2rem;
}
}
.first__contactName {
color: #b6ff00;
}
@media (max-width: 991px) {
.first__contactName {
font-size: 3.2rem;
line-height: 4rem;
}
}
@media (max-width: 650px) {
.first__contactName {
font-size: 2.4rem;
line-height: 3.2rem;
}
}
.first__contactPosition {
color: #8582a9;
}
@media (max-width: 650px) {
.first__contactPosition {
font-size: 1.4rem;
line-height: 2rem;
}
}
.first__bottom {
gap: 3.2rem;
}
@media (max-width: 991px) {
.first__bottom {
gap: 2.8rem;
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 650px) {
.first__bottom {
gap: 2.4rem;
}
}
.first__bottom--left {
gap: 2.4rem;
}
.first__bottom--left a {
color: white;
position: relative;
display: inline-block;
max-width: -moz-fit-content;
max-width: fit-content;
}
.first__bottom--left a::before {
content: "";
width: 0;
height: 2px;
bottom: -1px;
background-color: #91ca04;
transition: width 0.25s ease-in-out;
display: block;
position: absolute;
}
.first__bottom--left a:hover::before {
width: 100%;
}
.first__bottom--left p {
font-weight: 600;
}
@media (max-width: 650px) {
.first__bottom--left p {
font-weight: 500;
}
}
.first__bottom--right {
max-width: 38.5rem;
gap: 1rem;
}
.first__bottom--right p {
font-weight: 500;
}
@media (max-width: 650px) {
.first__bottom--right p {
font-size: 1.4rem;
line-height: 2rem;
}
}
.first__contactBottom {
gap: 0.6rem;
}
.second__grid {
gap: 1.6rem;
grid-template-columns: repeat(6, 1fr);
grid-auto-rows: 1fr;
place-items: center;
}
@media (max-width: 991px) {
.second__grid {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 820px) {
.second__grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 650px) {
.second__grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 450px) {
.second__grid {
grid-template-columns: 1fr 1fr;
}
}
.second__item {
border-radius: 1.6rem;
border: 2px solid #d1d0de;
transition: border-color 0.25s ease-in-out;
background-color: white;
display: grid;
place-items: center;
height: 100%;
width: 100%;
padding: 2.5rem 3rem;
}
.second__item.dark {
background-color: #1b1845;
border-color: #1b1845;
}
@media (min-width: 651px) {
.second__item:hover {
border-color: #91ca04;
}
}
@media (max-width: 991px) {
.second__item {
border-radius: 1.4rem;
padding: 3.2rem 2.8rem;
}
}
@media (max-width: 650px) {
.second__item {
border-radius: 1.2rem;
padding: 2.5rem 2rem;
}
}
.second__item img {
max-width: 100%;
width: auto;
height: auto;
max-height: 3.8rem;
}
@media (max-width: 650px) {
.second__item:nth-child(1n+11) {
display: inherit;
}
}
.third__grid {
grid-template-columns: 6fr 7fr;
gap: 3.2rem;
}
@media (max-width: 991px) {
.third__grid {
gap: 2.4rem;
grid-template-columns: 1fr;
}
}
@media (max-width: 650px) {
.third__grid {
gap: 1.6rem;
}
}
@media (max-width: 991px) {
.third__left {
font-size: 2.2rem;
line-height: 3rem;
}
}
@media (max-width: 650px) {
.third__left {
font-size: 1.8rem;
line-height: 2.6rem;
}
}
.third__right {
gap: 2.4rem;
}
@media (max-width: 991px) {
.third__right--text {
font-size: 1.4rem;
line-height: 2rem;
}
}
@media (max-width: 650px) {
.third__right--text {
font-size: 1.2rem;
line-height: 1.8rem;
}
}
.fourth__wrapper {
gap: 4.8rem;
}
@media (max-width: 650px) {
.fourth__wrapper {
gap: 2.4rem;
}
}
@media (max-width: 650px) {
.fourth__top {
display: none;
}
}
@media (min-width: 651px) {
.fourth__topMobile {
display: none;
}
}
@media (max-width: 991px) {
.fourth__title {
font-size: 3.6rem;
line-height: 4.4rem;
}
}
@media (max-width: 650px) {
.fourth__title {
font-size: 2.4rem;
line-height: 3.2rem;
padding: 0 1.6rem;
}
}
.fourth__menu {
grid-template-columns: 1fr 1fr 1fr;
gap: 1.6rem;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.fourth__menu ::-webkit-scrollbar {
display: none !important;
}
@media (max-width: 650px) {
.fourth__menu {
gap: 1.2rem;
justify-content: flex-start;
overflow: auto;
padding: 0 1.6rem;
margin: 2.4rem 0;
scrollbar-width: none !important;
-ms-overflow-style: none;
}
}
.fourth__menuItem {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-radius: 9999rem;
border: 1px solid #7d51fe;
cursor: pointer;
padding: 1.6rem;
width: 100%;
transition: background-color 0.25s ease-in-out;
}
@media (max-width: 650px) {
.fourth__menuItem {
font-size: 1.2rem;
line-height: 1.8rem;
padding: 1.2rem 2.4rem;
min-width: -moz-fit-content;
min-width: fit-content;
}
}
.fourth__menuItem.active {
background-color: #341c79;
}
@media (min-width: 651px) {
.fourth__menuItem:not(.active):hover {
background-color: rgba(52, 28, 121, 0.6);
}
}
.fourth__grid {
grid-template-columns: 4fr 7fr;
gap: 12.4rem;
}
@media (max-width: 991px) {
.fourth__grid {
grid-template-columns: 1fr;
gap: 2.4rem;
}
}
.fourth__item {
align-items: stretch;
transition: all 0.25s ease-in-out;
}
.fourth__item:not(.active) {
display: none;
}
.fourth__item:not(.inView) {
opacity: 0;
z-index: -1;
visibility: hidden;
transform: translateX(3rem);
}
.fourth__itemLeft {
gap: 2.4rem;
justify-content: space-between;
}
.fourth__itemLeft--top {
gap: 2.4rem;
}
@media (max-width: 991px) {
.fourth__itemLeft--top {
gap: 1.8rem;
}
}
@media (max-width: 650px) {
.fourth__itemLeft--top {
gap: 1.2rem;
}
}
@media (max-width: 991px) {
.fourth__itemLeft--topText {
font-size: 2.2rem;
line-height: 3rem;
}
}
@media (max-width: 650px) {
.fourth__itemLeft--topText {
font-size: 1.8rem;
line-height: 2.6rem;
}
}
@media (max-width: 650px) {
.fourth__itemLeft--topTextSmaller {
font-size: 1.4rem;
line-height: 2rem;
}
}
.fourth__itemLeft--bottomText {
color: #8582a9;
}
@media (max-width: 650px) {
.fourth__itemLeft--bottomText {
font-size: 1.2rem;
line-height: 1.8rem;
}
}
.fourth__itemLeft--bottomPhone {
color: white;
}
@media (max-width: 650px) {
.fourth__itemLeft--bottomPhone {
font-size: 1.6rem;
line-height: 2rem;
}
}
.fourth__itemRight {
gap: 4rem;
}
@media (max-width: 991px) {
.fourth__itemRight {
gap: 3.2rem;
}
}
@media (max-width: 650px) {
.fourth__itemRight {
gap: 2.4rem;
}
}
.fourth__itemRight--top {
gap: 1.6rem;
}
@media (max-width: 650px) {
.fourth__itemRight--top {
gap: 1.2rem;
}
}
@media (max-width: 650px) {
.fourth__itemRight--top {
gap: 1rem;
}
}
.fourth__itemRight--bottom {
grid-template-columns: repeat(4, 1fr);
gap: 1.2rem;
}
@media (max-width: 650px) {
.fourth__itemRight--bottom {
grid-template-columns: 1fr 1fr;
gap: 1.6rem 1.2rem;
}
}
@media (max-width: 991px) {
.fourth__itemRight--topText {
font-size: 1.6rem;
line-height: 2.4rem;
}
}
@media (max-width: 650px) {
.fourth__itemRight--topText {
font-size: 1.2rem;
line-height: 1.8rem;
}
}
@media (max-width: 991px) {
.fourth__itemRight--bottomText {
font-size: 1.4rem;
line-height: 2rem;
}
}
@media (max-width: 650px) {
.fourth__itemRight--bottomText {
font-size: 1.2rem;
line-height: 1.8rem;
}
}
@media (min-width: 992px) {
.fourth__mobile {
display: none;
}
}
@media (max-width: 991px) {
.fourth__desktop {
display: none;
}
}
.fifth__grid {
grid-template-columns: repeat(4, 1fr);
gap: 3.2rem;
}
@media (max-width: 991px) {
.fifth__grid {
grid-template-columns: 1fr 1fr;
gap: 2.4rem;
}
}
@media (max-width: 650px) {
.fifth__grid {
grid-template-columns: 1fr;
gap: 1.6rem;
}
}
.fifth__item {
gap: 2.4rem;
}
.fifth__itemTitle {
gap: 0.4rem;
}
@media (max-width: 650px) {
.fifth__itemTitle {
font-size: 1.6rem;
line-height: 2.4rem;
}
}
.fifth__itemTitle::after {
content: "";
display: block;
width: 2.4rem;
height: 0.6rem;
background-color: #b6ff00;
}