/* Hero Section */
body .hero-section .col-2{position: absolute; right: 0;}
body .hero-section .col-2 figure, body .hero-section .col-2 figure img{height: 100%; border: none;}

/* Service Section */
body .services-section .service-card h3{word-wrap: normal;transition: all ease 0.3s; z-index: 10; position: relative;}
body .services-section .service-card:hover h3{background: #E07A5F; transition: all ease 0.3s;}
body .services-section .service-card::before{filter: saturate(0);  transition: all ease 0.3s;}
body .services-section .service-card:hover::before{filter: none;  transition: all ease 0.3s;}
body .services-section .service-card::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #14183C; opacity: 0.7;  transition: all ease 0.3s;}
body .services-section .service-card:hover::after{opacity: 0; transition: all ease 0.3s;}
body .services-section .service-card h3::before{content: ''; position: absolute; right: 69px; bottom: 90px; width: 27px; height: 27px; background: url(../images/arrow.svg); background-position: center; background-size: contain; background-repeat: no-repeat;}



/* Responsive */

@media (max-width: 1450px){

    body .services-section .service-card h3{padding: 60px 23% 90px 70px;}
    

}

@media (max-width: 1280px){

    .hero-section .col-1 {padding-bottom: 183px;}
    .hero-section .col-1 h1 {font-size: 66px;line-height: 65px;}
    body .services-section .service-card{ height: 550px; min-height: auto; }
    body  h2.section-heading { font-size: 59px; line-height: 59px; }
    body p.section-paragraph{ padding-right: 0px; }

}

@media (max-width: 1024px){
   
    body .services-section .service-card h3{padding: 60px 33% 90px 70px;}
    body .hero-section .col-2 {position: static;}
    body .hero-section .col-2 figure {border: none;overflow: hidden;height: 440px;}
    body .hero-section .col-2 figure img{height: 100%;}
    body .hero-section .col-1 {padding-bottom: 70px;}

}


@media (max-width: 767px){
    
    body .services-section .service-card h3{padding: 35px 33% 35px 47px;}
    body .hero-section .col-1 h1 {font-size: 38px;line-height: 45.46px;}
    body .services-section .service-card h3::before{bottom: 30px;}
    body .hero-section .col-2 figure{height: 590px;}
    body .services-section .service-card { height: 400px; min-height: auto; }

}

@media (max-width: 550px){
    body .services-section .service-card { height: 370px; min-height: auto; }

.services-section .service-card {
    width: 100%;
    /* min-height: 370px; */
}
.services-section .gb-container.gb-container-8c118e8d {
    flex-direction: column;
}

}