.inner-banner-sec {
position: relative;
padding: 100px 0;
background-repeat: no-repeat;
min-height: 450px;
background-size: cover;
display: flex;
background-position: center;
}
.inner-banner-sec::before {
content: "";
width: 100%;
height: 100%;
background-color: var(--color-black);
position: absolute;
inset: 0;
opacity: 0.6;
pointer-events: none;
}
.inner-banner-sec-wrap {
max-width: 1040px;
width: 100%;
margin: 0 auto;
}
.inner-banner-title {
line-height: 1.1;
margin: 0;
}
.inner-banner-content p {
margin: 0 0 15px 0;
line-height: 1.5;
}
.inner-banner-content p:last-child {
margin: 0;
}
.inner-banner-title:has(+ .inner-banner-content) {
margin-bottom: 30px;
}
@media screen and (max-width: 1440px) {
.inner-banner-sec {
min-height: 400px;
}
}
@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1360px) {
.inner-banner-sec {
padding: 80px 0;
}
}
@media screen and (max-width: 1200px) {
.inner-banner-sec {
min-height: 380px;
}
}
@media screen and (max-width: 1025px) {
.inner-banner-sec {
padding: 70px 0;
min-height: 350px;
}
}
@media screen and (max-width: 991px) {
.inner-banner-sec {
padding: 60px 0;
min-height: 310px;
}
}
@media screen and (max-width: 768px) {
.inner-banner-sec {
min-height: 290px;
}
}.box-section {
padding: 150px 0 70px 0;
}
.box-sec-top-wrap {
margin-bottom: 74px;
gap: 20px;
}
.box-grid {
margin: -15px;
}
.box-col {
max-width: 30.8%;
padding: 15px;
}
.box-item {
background-color: var(--color-primary);
padding: 63px 50px 64px 50px;
height: 100%;
display: flex;
flex-direction: column;
}
.box-item-content {
flex-grow: 1;
}
.box-item-title {
margin-bottom: 29px;
}
.box-item-button-wrap {
margin-top: 40px;
}
.box-col.two {
max-width: 50%;
}
.box-item-button:hover {
background-color: var(--color-white);
color: var(--color-primary);
}
.btn-arrow.box-item-button:hover {
background-color: var(--color-white);
color: var(--color-primary);
background-image: url("data:image/svg+xml,%3Csvg width='27' height='8' viewBox='0 0 27 8' fill='%2300305C' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.5 2L25.5 4L23.5 6V4V2Z' fill='%2300305C'/%3E%3Cpath d='M0 4L25.5 4M25.5 4L23.5 2V6L25.5 4Z' stroke='%2300305C' stroke-width='1.5'/%3E%3C/svg%3E");
}
.box-item-content p:not(:last-child) {
margin-bottom: 20px;
}
@media screen and (max-width:1800px) {
.box-section {
padding: 130px 0 70px 0;
}
}
@media screen and (max-width:1600px) {
.box-section {
padding: 110px 0 70px 0;
}
.box-sec-top-wrap {
margin-bottom: 55px;
}
.box-col {
max-width: 33%;
}
.box-item {
padding: 60px 45px;
}
}
@media screen and (max-width:1440px) {
.box-section {
padding: 90px 0 60px 0;
}
.box-item {
padding: 50px 35px;
}
.box-item-title {
margin-bottom: 24px;
}
}
@media screen and (max-width:1360px) {
.box-section {
padding: 80px 0 50px 0;
}
.box-sec-top-wrap {
margin-bottom: 45px;
}
.box-col {
max-width: 33.33%;
}
}
@media screen and (max-width:1200px) {
.box-section {
padding: 70px 0 50px 0;
}
.box-item {
padding: 45px 26px;
}
.box-item-title {
margin-bottom: 20px;
}
}
@media screen and (max-width:991px) {
.box-section {
padding: 60px 0 40px 0;
}
.box-sec-top-wrap {
margin-bottom: 40px;
}
.box-col {
max-width: 50%;
}
.box-grid {
justify-content: center;
}
.box-col.two {
max-width: 100%;
padding: 7px;
}
.box-grid:has(.two){
margin:-7px;
}
}
@media screen and (max-width:767px) {
.box-col:last-child {
max-width: 100%;
padding-bottom: 0;
}
}
@media screen and (max-width:640px) {
.box-section {
padding: 50px 0 30px 0;
}
.box-col {
max-width: 100%;
}
.box-item {
padding: 40px 22px;
}
.box-section {
padding: 50px 0 40px 0;
}
.box-sec-top-wrap {
margin-bottom: 36px;
}
.box-item-button-wrap {
margin-top: 30px;
}
}.cta-sec {
background-color: var(--color-light-gray);
}
.cta-btn-wrap {
margin-top: 40px;
}
.cta-content {	max-width: 660px;
width: 100%;
margin: 0 auto;
line-height: 1.5;
}
@media screen and (max-width:1360px) {
.cta-sec-title {
margin-bottom: 28px;
}
}
@media screen and (max-width:1200px) {
.cta-sec-title {
margin-bottom: 25px;
}
}
@media screen and (max-width:991px) {
.cta-sec-title {
margin-bottom: 22px;
} 
.cta-btn-wrap {
margin-top: 30px;
}
}
@media screen and (max-width:640px) {
.cta-sec-title {
margin-bottom: 20px;
}
}.form-sec-content-inner {
color: var(--color-white);
padding: 40px;
height: 100%;
background-color: var(--color-primary);
display: flex;
align-items: center;
font-style: italic;
font-size: var(--font-size-24);
line-height: 1.7;
text-align: center;
}
.form-and-content-row {
max-width: 1200px;
width: 100%;
margin: 0 auto;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
align-items: stretch;
margin-top: 60px;
}
.form-outer {
max-width: 62%;
width: 100%;
}
.form-sec-content-outer {
max-width: 38%;
width: 100%;
}
.cta-btns-sec {
background-color: var(--color-primary);
padding: 60px 0;
}
.cta-btns-wrap li {
padding: 0;
}
.cta-btns-wrap li::before {
all: unset;
}
.cta-btns-wrap {
gap: 20px;
}
@media screen and (max-width:1200px) {
.cta-btns-sec {
padding: 50px 0;
}
.form-sec-content-inner {
padding: 35px;
}
}
@media screen and (max-width:1024px) {
.form-sec-content-inner {
padding: 35px 25px;
}
}
@media screen and (max-width:991px) {
.form-sec-content-outer {
max-width: 42%;
}
.form-outer {
max-width: 58%;
}
}
@media screen and (max-width:768px) {
.form-outer,.form-sec-content-outer {
max-width: 100%;
}
}
@media screen and (max-width:640px) {
.cta-btns-sec {
padding: 45px 0;
}
.cta-btns-wrap {
gap: 15px;
}
.form-and-content-row {
margin-top: 50px;
}
}