.hero_image_wrapper {
position: relative;
min-height: 600px;
overflow: hidden
}
.slick-not-init .hero_slider_inner:nth-child(n+2) {
display: none
}
.hero_image_wrapper .hero_content {
position: absolute;
display: flex;
width: 100%;
height: 100%;
padding-left: 19rem;
padding-right: 19rem;
padding-top: 6rem;
padding-bottom: 6rem;
z-index: 3
}
.hero_image_wrapper .hero_inner {
width: 920px
}
.hero_image_wrapper .h_title {
margin: 1rem 0;
line-height: 1.3;
font-size: 6rem;
}
.hero_image_wrapper .sub_title {
display: block;
font-weight: 400;
font-size: 4rem;
color: #162331;
line-height: 1
}
.hero_image_wrapper .align_center {
align-items: center
}
.hero_image_wrapper .align_top {
align-items: flex-start
}
.hero_image_wrapper .align_bottom {
align-items: flex-end
}
.hero_image_wrapper .align_left {
justify-content: flex-start
}
.hero_image_wrapper .align_left .h_title {
text-align: left
}
.hero_image_wrapper .align_left .sub_title {
text-align: left
}
.hero_image_wrapper .align_left .content p {
text-align: left
}
.hero_image_wrapper .align_left .content h2 {
text-align: left
}
.hero_image_wrapper .align_middle {
justify-content: center
}
.hero_image_wrapper .align_middle .h_title {
text-align: center
}
.hero_image_wrapper .align_middle .sub_title {
text-align: center
}
.hero_image_wrapper .align_middle .content p {
text-align: center
}
.hero_image_wrapper .align_middle .content h2 {
text-align: center
}
.hero_image_wrapper .align_right {
justify-content: flex-end
}
.hero_image_wrapper .align_right .h_title {
text-align: right
}
.hero_image_wrapper .align_right .sub_title {
text-align: right
}
.hero_image_wrapper .align_right .content p {
text-align: right
}
.hero_image_wrapper .align_right .content h2 {
text-align: right
}
.hero_image_wrapper .content h2 {
font-size: 22px
}
.hero_image_wrapper .btn_wrapper {
display: flex;
margin-top: 5rem
}
.hero_image_wrapper .align_left .btn_wrapper {
justify-content: flex-start
}
.hero_image_wrapper .align_middle .btn_wrapper {
justify-content: center
}
.hero_image_wrapper .align_right .btn_wrapper {
justify-content: flex-end
}
.hero_image_wrapper .red_btn {
margin-left: 2rem
}
.hero_image_wrapper .hero_image {
position: relative;
height: 100%;
max-width: 100%;
z-index: 1;
display: block;
max-height: 800px
}
.hero_image_wrapper .img_cover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2
}
.hero_image_wrapper .hero_image.contain img {
object-fit: contain
}
.hero_image_wrapper .hero_image.cover img {
object-fit: cover;
width: 100%;
height: 100%
}
.hero_image_wrapper .hero_image.cover {
height: 800px
}
.hero_image_wrapper.smaller_header .hero_image {
height: 600px !important
}
.hero_image_wrapper.smaller_header .hero_image.cover {
height: 600px
}
.hero_image_wrapper .hero_slider .hero_image.cover {
height: 800px
}
.hero_image_wrapper .hero_slider .custom-arrows.slider-hero_slider {
display: flex;
align-items: center;
justify-content: flex-end;
padding-left: 6rem;
padding-right: 6rem;
margin-top: 3rem;
position: absolute;
right: -20px;
z-index: 4;
bottom: 30px
}
.hero_slider_inner {
position: relative
}
.hero_image_wrapper .hero_slider .custom-prev.slick-arrow {
cursor: pointer;
margin: 1rem
}
.hero_image_wrapper .hero_slider .align_left .custom-arrows.slider-hero_slider {
display: flex;
align-items: center;
justify-content: flex-end;
padding-left: 6rem;
padding-right: 6rem;
margin-top: 3rem;
position: absolute;
right: 0
}
.hero_content .hero_list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
margin-top: 2rem;
width: 100%
}
.hero_list.vertical_list {
grid-template-columns: 1fr !important
}
.hero_content .list {
display: flex;
align-items: flex-start
}
.hero_content .list_items .label {
margin-left: 1rem;
line-height: 1.3;
font-size: 15px
}
.hero_image_wrapper.enable_listed .hero_content.align_right .hero_list {
text-align: left
}
.hero_image_wrapper.enable_listed .hero_content.align_right .hero_inner {
display: flex;
flex-direction: column;
align-items: flex-start
}
.hero_image_wrapper.enable_listed .align_middle .h_title {
text-align: left !important
}
.hero_image_wrapper.enable_listed .align_right .content p {
text-align: left
}
.hero_image_wrapper .hero_inner .content p {
font-size: 15px
}
.hero_image_wrapper .content.white p {
color: #fff
}
.hero_image_wrapper .content.white h2 {
color: #fff;
font-size: 40px
}
.custom-arrows.slider-hero_slider.white svg path {
fill: #fff
}
.hero_image_wrapper .hero_list a {
text-decoration: underline
}
.hero_image_wrapper .white .hero_list a {
color: #fff
}
.custom-arrows.slider-hero_slider.black svg path {
fill: #000
}
.custom-arrows.slider-hero_slider.red svg path {
fill: #E11F1C
}
.hero_inner.content_align_right h1 {
text-align: right !important
}
.hero_inner.content_align_right h2 {
text-align: right !important
}
.hero_inner.content_align_right h3 {
text-align: right !important
}
.hero_inner.content_align_right p {
text-align: right !important
}
.hero_inner.content_align_right .sub_title {
text-align: right !important
}
.hero_inner.content_align_middle h1 {
text-align: center !important
}
.hero_inner.content_align_middle h2 {
text-align: center !important
}
.hero_inner.content_align_middle h3 {
text-align: center !important
}
.hero_inner.content_align_middle p {
text-align: center !important
}
.hero_inner.content_align_middle .sub_title {
text-align: center !important
}
.hero_inner.content_align_left h1 {
text-align: left !important
}
.hero_inner.content_align_left h2 {
text-align: left !important
}
.hero_inner.content_align_left h3 {
text-align: left !important
}
.hero_inner.content_align_left p {
text-align: left !important
}
.hero_inner.content_align_left .sub_title {
text-align: left !important
}
.hero_image_wrapper .content_bottom {
margin-top: 2rem
}
.hero_image_wrapper .four_column {
grid-template-columns: repeat(4, 1fr) !important;
display: grid
}
.hero_image_wrapper .four_column .hero_list {
display: flex;
gap: 8px;
margin-top: 2rem;
width: 100%;
flex-direction: column
}
.hero_inner.four_col_width {
width: 100% !important
}
.hero_image.cover.four_col_height {
height: 1000px
}
.hero_image_wrapper .logos_wrapper {
position: absolute;
bottom: 81px;
z-index: 2;
display: flex;
left: 110px
}
.hero_image_wrapper .logo {
margin-right: 1rem
}
.hero_image_wrapper .banner_postion_left img {
object-position: left
}
.hero_image_wrapper .banner_postion_center img {
object-position: center
}
.hero_image_wrapper .banner_postion_right img {
object-position: right
}
body .hero_slider_inner.turquoise_btn .white_round_btn   {
color: #23bfcc!important; 
}
body .hero_slider_inner.turquoise_btn .white_round_btn:hover  {
background: #162331!important; 
}
body .hero_slider_inner.green_btn .white_round_btn:hover  {
background: #162331!important; 
}
.hero_slider_inner .icon {
margin-bottom: 2rem;
}
.page-about-us .about_auto_height .hero_image {
max-height: unset; 
}
.page-about-us .hero_image_wrapper.about_auto_height  {
min-height: auto;
}
@media (max-width:1800px) {
.hero_image_wrapper .hero_content {
padding-left: 12rem;
padding-right: 12rem;
} 
}
@media (max-width:1641px) {
.hero_image_wrapper .hero_content {
padding-left: 2rem;
padding-right: 2rem; 
} 
}
@media (max-width:1025px) {
.hero_image_wrapper .four_column {
grid-template-columns: repeat(2, 1fr) !important;
overflow-y: auto;
height: 670px
}
.hero_image_wrapper h1.h_title.white {
font-size: 6rem
}
.hero_image_wrapper h2.h_title.white {
font-size: 6rem
}
}
@media(max-width:1025px) {
.hero_image_wrapper.enable_listed .hero_content {
justify-content: center !important
}
.hero_image_wrapper .hero_content {
padding-left: 5rem;
padding-right: 5rem
}
.hero_image_wrapper {
min-height: auto
}
}
@media(max-width:991px) {
.hero_image_wrapper {
min-height: 500px
}
.hero_image_wrapper .hero_content {
padding-left: 2rem;
padding-right: 2rem
}
.hero_content .hero_list {
grid-template-columns: 1fr
}
.hero_image_wrapper .four_column {
grid-template-columns: 1fr !important
}
.hero_image_wrapper .hero_image.contain img {
object-fit: cover
}
.hero_image_wrapper .hero_image {
height: 500px
}
.hero_image_wrapper .hero_content {
justify-content: center !important
}
.hero_image_wrapper .btn_wrapper {
justify-content: center !important
}
body .hero_inner.content_align_right .sub_title {
text-align: center !important
}
body .hero_inner.content_align_right h1 {
text-align: center !important
}
.hero_image_wrapper .sub_title {
font-size: 3rem
}
}
@media(max-width:500px) {
.hero_image_wrapper .btn_wrapper {
flex-direction: column
}
.hero_image_wrapper .white_btn {
margin-bottom: 1rem
}
.hero_image_wrapper .hero_slider .hero_image.cover {
height: 700px
}
.hero_image_wrapper .hero_slider .align_left .custom-arrows.slider-hero_slider {
top: 0
}
.hero_image_wrapper .hero_slider .align_center {
align-items: flex-start
}
.hero_image_wrapper h1.h_title {
font-size: 4rem;
text-align: center
}
.hero_image_wrapper .hero_slider h1.h_title {
font-size: 4rem;
text-align: center
}
.hero_image_wrapper .hero_slider h2.h_title {
font-size: 4rem;
text-align: center
}
a.white_round_btn.margin_left {
margin-left: 0;
margin-top: 2rem
}
.hero_image_wrapper .btn_wrapper {
margin-top: 3rem
}
body .about_mobile_header {
height: 330px !important
}
body .about_mobile_header .hero_image.cover {
height: 330px !important
}
body .hero_image_wrapper.about_mobile_header.smaller_header .hero_image {
height: 330px !important
}
body .hero_image_wrapper.about_mobile_header {
min-height: 330px !important
}
body .hero_image_wrapper.about_mobile_header .banner_postion_left img {
object-position: center
}
body .hero_image_wrapper.about_mobile_header .hero_inner.content_align_left h1 {
text-align: center !important
}
body .hero_image_wrapper.about_mobile_header .hero_image:before {
content: "";
background: #000
}
body .hero_image_wrapper.about_mobile_header .hero_image:before {
content: "";
background: #0000006e;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2
}
.hero_slider_inner .icon {
display: flex;
justify-content: center;
}
.h_title br {
display: none;
}
}
@media(max-width:400px) {
.hero_image_wrapper .hero_slider h1.h_title {
font-size: 3rem
}
.hero_image_wrapper .hero_slider h2.h_title {
font-size: 3rem
}
.hero_image_wrapper .hero_slider .hero_image.cover {
height: 540px
}
.about_auto_height {
min-height: auto
}
.about_auto_height .hero_image {
height: auto
}
body .about_auto_min_height {
height: 300px !important;
min-height: 300px !important
}
body .about_auto_min_height .hero_image {
height: 300px !important
}
}.title_and_content {
background: #9ECC3C; 
}
.title_and_content_inner {
display: flex;
align-items: center;
gap: 90px;
justify-content: space-between;
}
.title_and_content .h_title {
font-size: 4rem;
}
.title_and_content .title_section {
width: 35%;
}
.title_and_content .content_inner {
width: 65%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.title_and_content .h_title  {
color: #fff;
}
.title_and_content .content_inner p  {
color: #fff;
font-size: 24px;
}
@media (max-width: 1024px) {
.title_and_content_inner {
gap: 0px;
flex-direction: column;
}
.title_and_content .title_section {
width: 100%;
}
.title_and_content .content_inner {
width: 100%;
}
.title_and_content .h_title {
font-size: 3rem;
}
.title_and_content .content_inner p {
font-size: 20px;
}
}