.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
}
}.two_col_section {
display: flex;
gap: 70px;
align-items: center;
}
.two_col_section .left_side {
width: 50%;
}
.two_col_section .right_side {
width: 50%;
}
.two_col_section h2 {
font-size: 4rem;
}
.two_col_section .btn_wrapper {
display: flex;
margin-top: 4rem;
}
.two_col_section.reverse_section {
flex-direction: row-reverse;
}
.two_col_section .video {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.two_col_section .video iframe, .two_col_section .video video { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; 
}
.two_col_section .larger_paragraph p {
font-size: 24px;
}
.two_col_section .list_items.column  {
margin-top: 2rem;
margin-bottom: 2rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.two_col_section .list_items.row  {
margin-top: 2rem;
margin-bottom: 2rem;
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 10px;
}
.two_col_section .list_items .list {
display: flex;
align-items: center;
}
.two_col_section .list_items .list .label {
margin-left: 1rem;
}
.two_col_section .list_items.no_content {
margin-top: 4rem!important;
}
.two_column_title_content_image .full_width .left_side {
padding-left: 20rem;
}
.two_column_title_content_image .full_width .reverse_section .left_side {
padding-left: 0!important;
padding-right: 20rem;
}
@media (max-width: 767px) {
.two_column_title_content_image  .two_col_section {
gap: 20px;
flex-direction: column;
} 
.two_column_title_content_image .full_width .left_side {
padding-left: 2rem;
padding-right: 2rem;
}
.two_column_title_content_image  .left_side {
width: 100%;
}
.two_column_title_content_image  .right_side {
width: 100%;
}
}
@media (max-width: 500px) {
.about_mission {
padding-top: 0px!important;
padding-bottom: 0px!important;
} 
.two_column_title_content_image .title_section {
text-align: center;
}
.two_column_title_content_image .content_section {
text-align: center;
}
.two_column_title_content_image .two_col_section .btn_wrapper {
margin-top: 3rem;
justify-content: center;
}
.two_column_title_content_image .two_col_section .larger_paragraph p {
font-size: 20px;
}
.two_column_title_content_image .h_title {
font-size: 3rem;
}
.two_col_section .list_items .list .label {
max-width: 280px;
line-height: 1.3;
}
}