.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;
}
}.center-sec-icon-wrap {
background-color: var(--color-primary);
width: 180px;
height: 180px;
border-radius: 50%;
padding: 50px;
margin: 0 auto 30px auto;
}
.center-content-sec-inner.small {
max-width: 780px;
width: 100%;
margin: 0 auto;
}
.center-content-sec-inner.medium {
max-width: 1100px;
width: 100%;
margin: 0 auto;
}
.center-cont-sec-btn-wrap {
margin-top: 40px;
}
.center-content p {
line-height: 1.5;
}
.center-sec-title {
margin-bottom: 30px;
}
.center-sec-content {
max-width: 1040px;
width: 100%;
margin: 0 auto;
}
@media screen and (max-width:1360px) {
.center-sec-icon-wrap {
width: 160px;
height: 160px;
padding: 45px;
}
}
@media screen and (max-width:1200px) {
.center-sec-icon-wrap {
width: 150px;
height: 150px;
margin: 0 auto 25px auto;
padding: 42px;
}
.cta-content {
max-width: 610px;
}
}
@media screen and (max-width:991px) {
.center-sec-icon-wrap {
width: 135px;
height: 135px;
padding: 35px;
}
.center-sec-title {
margin-bottom: 25px;
}
.center-cont-sec-btn-wrap {
margin-top: 30px;
}
}
@media screen and (max-width:640px) {
.center-sec-icon-wrap {
width: 125px;
height: 125px;
padding: 30px;
}
.center-sec-title {
margin-bottom: 20px;
}
.center-cont-sec-btn-wrap {
margin-top: 25px;
}
}