.contact-page {
position: relative;
display: block;
padding: 120px 0 120px;
z-index: 1;
}
.contact-page .container {
max-width: 1200px;
}
.contact-page__left {
position: relative;
display: block;
margin-top: 85px;
}
.contact-page__contact-list {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.contact-page__contact-list:before {
content: "";
position: absolute;
bottom: -28px;
left: 0;
right: 0;
height: 1px;
background-color: #dadcdd;
}
.contact-page__contact-list-2:before {
display: none;
}
.contact-page__contact-list::after {
content: "";
position: absolute;
top: 10px;
bottom: -229px;
width: 1px;
background-color: #dadcdd;
left: 49%;
}
.contact-page__contact-list-2:after {
display: none;
}
.contact-page__contact-list li {
position: relative;
display: block;
}
.contact-page__contact-list li+li {
margin-left: 90px;
}
.contact-page__icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
background-color: var(--thm-black);
border-radius: 10px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.contact-page__contact-list li:hover .contact-page__icon {
background-color: var(--thm-base);
}
.contact-page__icon span,
.contact-page__icon i {
position: relative;
display: inline-block;
font-size: 22px;
color: var(--thm-white);
}
.contact-page__title {
font-size: 24px;
font-weight: 600;
line-height: 34px;
margin-bottom: 9px;
margin-top: 28px;
}
.contact-page__contact-list li p {
font-size: 16px;
line-height: 26px;
}
.contact-page__contact-list li p a {
color: var(--thm-gray);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.contact-page__contact-list li p a:hover {
color: var(--thm-base);
}
.contact-page__contact-list-2 {
margin-top: 62px;
}
.contact-page__right {
position: relative;
display: block;
margin-left: 50px;
}
.contact-page__right .section-title {
margin-bottom: 28px;
}
.contact-page__form {
position: relative;
display: block;
}
.contact-page__form-box {
position: relative;
display: block;
}
.contact-page__form-box .row {
--bs-gutter-x: 20px;
}
.contact-page__input-box {
position: relative;
display: block;
margin-bottom: 20px;
}
.contact-page__input-box input[type="text"],
.contact-page__input-box input[type="email"] {
height: 60px;
width: 100%;
border: 1px solid #dadcdd;
background-color: transparent;
padding-left: 20px;
padding-right: 20px;
outline: none;
font-size: 16px;
color: var(--thm-gray);
display: block;
font-weight: 400;
border-radius: 2px;
}
.contact-page__input-box textarea {
font-size: 16px;
color: var(--gray-color);
height: 150px;
width: 100%;
background-color: transparent;
padding: 15px 20px 20px;
border: 1px solid #dadcdd;
outline: none;
margin-bottom: 0px;
font-weight: 400;
border-radius: 5px;
}
.contact-page__input-box.text-message-box {
height: 150px;
margin-bottom: 35px;
}
.contact-page__input-box .select-box {
width: 100%;
}
.contact-page__input-box .nice-select {
height: 60px;
width: 100%;
border: 1px solid #dadcdd;
background-color: transparent;
padding-left: 20px;
padding-right: 20px;
outline: none;
font-size: 16px;
color: var(--thm-gray);
display: block;
font-weight: 400;
border-radius: 2px;
line-height: 60px;
float: none;
}
.contact-page__input-box .nice-select:after {
position: absolute;
top: 25px;
right: 20px;
width: 8px;
height: 8px;
border-bottom: 2px solid var(--thm-gray);
border-right: 2px solid var(--thm-gray);
margin-top: 0px;
z-index: 10;
}
.contact-page__input-box .nice-select .list {
background-color: var(--thm-base);
}
.contact-page__input-box .nice-select .option {
color: var(--thm-white);
}
.contact-page__input-box .nice-select .option:hover,
.contact-page__input-box .nice-select .option.focus,
.contact-page__input-box .nice-select .option.selected.focus {
color: var(--thm-white);
}
.contact-page__btn {
padding: 24px 27px 23px;
background-color: rgba(var(--thm-base-rgb), .40);
}
.contact-page__btn::before {
background: var(--thm-base);
}
.contact-page__btn::after {
background: var(--thm-black);
}