.sevices_section_slider {
& .container {
@media (max-width: 991px) {
padding-top: 50px;
padding-bottom: 50px;
}
}
& .sub_title {
font-size: 1.8rem;
color: var(--secondary);
text-transform: uppercase;
display: block; 
@media (max-width: 991px) {
text-align: center;
}
}
& h2 {
@media (max-width: 991px) {
text-align: center;
}
}
& .services_slider_content {
align-items: center;
margin-top: 3rem;
width: 86%;
@media (max-width: 991px) {
width: 100%;
}
}
& .services_slider_content_wrapper {
display: flex;
@media (max-width: 991px) {
flex-direction: column; 
}
}
& .sliders_inner {
& a {
border-radius: 5px;
text-decoration: none;
width: 300px;
display: block;
position: relative;
overflow: hidden;
font-size: 0;
background: #00007C;
}
& .slider_image {
height: 440px;
}
& .slider_inner_block {
overflow: hidden;
}
& .slider_image img {
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 5px; 
}
& .block_content {
position: absolute;
top: 0;
padding: 2rem;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
& .block_content h4 {
color: #fff;
font-size: 30px;
margin-top: 0;
margin-bottom: 0;
max-width: 200px;
}
& .block_content p {
color: #fff;
font-size: 14px;
transition: all .4s ease;
opacity: 0;
}
& .block_cta {
display: flex;
align-items: center;
justify-content: space-between;
}
& .block_cta span.learn_more {
color: #fff;
border: solid 1px #fff;
border-radius: 5px;
width: 130px;
height: 35px;
font-size: 15px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
transition: all .4s ease;
opacity: 0;
}
& .block_cta span.learn_more svg {
margin-left: 0.5rem;
}
& .cover {
background: #00007C;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
opacity: 0;
transition: all .4s ease;
}
& a:hover .cover {
opacity: 1;
}
& a:hover p {
opacity: 1;
}
& a:hover span.learn_more {
opacity: 1 !important;
}
}
& .sliders_inner .slick-slide {
margin-right: 10px !important;
margin-left: 0 !important;
}
& .slider_controls {
display: flex;
justify-content: center;
align-items: center;
width: 30%;
@media (max-width: 991px) {
width: 100%;
margin-top: 2rem;
}
}
& .custom-arrows {
display: flex;
gap: 10px;
position: relative;
z-index: 2;
}
& .sliders_inner .slick-slide:last-child {
margin-right: 0;
}
& .custom-arrows-btn {
width: 44.54px;
height: 44.54px;
background: var(--primary);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0;
cursor: pointer;
position: relative;
overflow: hidden;
transition: background-color 0.3s ease;
&:hover {
background: var(--secondary);
}
& svg {
width: 20px;
height: 20px;
position: relative;
z-index: 1;
transition: transform 0.3s ease;
& path {
fill: #fff;
}
}
&:hover svg {
transform: scale(1.1);
}
&.slick-disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
}
}.image_with_text_section {
&.after_text {
& .section_inner {
flex-direction: row-reverse;
}
}
&.light_colour_scheme {
& .text_area {
& h2, & h3, & h4, & h5, & p, & a, & li, & span {
color: var(--white);
}
}
}
&.grey_colour_scheme {
& .section_inner {
@media (min-width: 992px) {
background: #F2F2F2;
}
@media (max-width: 991px) {
overflow: hidden;
border-top-left-radius: 6rem;
border-top-right-radius: 6rem;
}
& .left_side {
@media (min-width: 992px) {
width: 40%;
}
}
& .right_side {
@media (min-width: 992px) {
width: 60%;
padding: 7rem;
}
& .text_area {
& h2, & h3, & h4, & h5 {
color: var(--teal);
}
& p, & a, & li, & span {
color: #333333;
}
}
}
}
}
@media (min-width: 992px) {
&.grey_colour_scheme.before_text {
& .section_inner {
border-top-right-radius: 3rem;
border-bottom-right-radius: 3rem;
border-bottom-left-radius: 12rem;
}
}
&.grey_colour_scheme.after_text {
& .section_inner {
border-top-left-radius: 3rem;
border-bottom-left-radius: 3rem;
border-bottom-right-radius: 12rem;
}
}
}
& .section_inner {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 110px;
@media (max-width: 991px) {
grid-template-columns: 1fr;
gap: 0px;
}
&.reverse_section {
& .left_side {
order: 2;
@media (max-width: 991px) {
margin-top: 3rem;
}
}
& .right_side {
order: 1; 
}
}
& .left_side {
overflow: hidden;
border-radius: 5px;
@media (max-width: 991px) {
width: 100%;
margin-bottom: 3rem;
}
& img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all .5s ease;
}
}
& .right_side {
display: flex;
flex-direction: column;
justify-content: center;
@media (max-width: 991px) {
width: 100%;
}
& span.orange {
color: #f64a22!important;
}
& .sub_title { 
margin-bottom: 3rem;
font-size: 16px;
color: var(--secondary);
text-transform: uppercase; 
}
& p {
@media (max-width: 991px) {
text-align: center;
}
}
& .text_area {
margin-bottom: 3rem;
& h2, & h3, & h4, & h5 {
margin: 0 0 3rem;
font-size: 40px;
@media (max-width: 991px) {
text-align: center;
}
& span {
color: var(--primary);
font-size: inherit;
font-weight: inherit;
}
}
& ul {
width: 50rem;
max-width: 100%;
margin-top: 2rem;
columns: 2;
padding: 0;
& li {
position: relative;
list-style-type: none;
font-weight: 700;
color: var(--teal);
padding-left: 3.5rem;
&:before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 24px;
height: 25px;
background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8597 0.414551C5.32052 0.414551 0 5.73507 0 12.2743C0 18.8134 5.32052 24.134 11.8597 24.134C18.3989 24.134 23.7194 18.8134 23.7194 12.2743C23.7194 5.73507 18.3989 0.414551 11.8597 0.414551ZM18.4881 9.15329L10.9086 16.6734C10.4627 17.1192 9.74934 17.1489 9.27376 16.7031L5.26108 13.0471C4.7855 12.6012 4.75577 11.8581 5.1719 11.3826C5.61776 10.907 6.36085 10.8773 6.83643 11.3231L10.0168 14.236L16.7938 7.45904C17.2694 6.98346 18.0125 6.98346 18.4881 7.45904C18.9636 7.93462 18.9636 8.67771 18.4881 9.15329Z' fill='%233e908a'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
}
}
}
}
& .solid_ticks {
& .listed_item {
margin-bottom: 1.5rem!important; 
}
& .listed_item_text {
font-weight: bold;
}
}
& .listed_items {
margin-top: 0rem;
margin-bottom: 2rem;
& .listed_item {
display: flex;
align-items: center;
margin-bottom: 1rem;
& .listed_item_icon {
margin-right: 1rem;
}
& .listed_item_text {
font-size: 16px;
color: var(--secondary-light); 
@media (max-width: 991px) {
line-height: 1.4;
}
}
}
}
& .text_bottom {
margin-bottom: 2rem;
}
& .call_to_action_buttons {
display: flex;
@media (max-width: 991px) {
justify-content: center;
}
&  a.button.button-primary {
color: var(--white) !important;
background: var(--secondary) !important;
font-weight: bold;
font-size: 14px;
border:none;
box-shadow: none;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 0!important;
&:hover {   
background: var(--primary) !important;
}
.phone_icon {
margin-right: 1rem;
}
span {
font-size: 14px;
font-weight: bold;
color: var(--white) !important;
}
}
& a.white_button {
display: flex;
align-items: center;
text-decoration: none;
margin-left: 2rem;
@media (max-width: 991px) {
margin-top: 3rem;
margin-left: 0;
}
& span {
color: var(--primary)
}
& .quote_icon {
margin-right: 1rem;
}
& .first {
font-size: 22px;
font-weight: bold;
text-decoration: underline;
}
& .second {
display: block;
margin-top: 0.5rem;
}
& .quote_text {
display: flex;
flex-direction: column;
}
}
}
}
}
& .button_wrapper {
display: flex;
@media (max-width: 991px) {
justify-content: center;
}
&  a.button.button-primary {
color: var(--white) !important;
background: var(--secondary) !important;
font-weight: bold;
font-size: 14px;
border:none;
box-shadow: none;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 0!important;
&:hover {   
background: var(--primary) !important;
}
.phone_icon {
margin-right: 1rem;
}
span {
font-size: 14px;
font-weight: bold;
color: var(--white) !important;
@media (max-width: 400px) {
font-size: 12px!important;
}
}
}
}
& img.iwt_bg_image {
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
object-position: center;
position: absolute;
z-index: 0;
}
& img.iwt_bg_pattern {
position: absolute;
bottom: 0;
right: 0;
z-index: 0;
width: 55rem;
max-width: 100%;
}
}