/* Banner */
.banner-section:after{
	background: url(../images/banner-shape1.png) no-repeat;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
}
.banner-section:before{
	background: url(../images/banner-shape2.png) no-repeat;
    content: "";
    width: 100%;
    height: 42%;
    position: absolute;
    bottom: -64px;
    left: 0;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
}
.banner-section img{
    opacity: 0.5;
}
.banner-section{
    background-color: #000000;
}
.banner-section .banner-content{
	left: 14%;
    position: relative;
}
.banner-section .wp-block-cover__inner-container{
    z-index: 2;
}
.banner-content .small-text{
	border-radius: 6px;
    display: inline-block;
}
.banner-content .wp-block-buttons a{
	border: 2px solid #fff;
	padding: 8px 20px;
	font-weight: 600;
}
.banner-content .wp-block-buttons a:hover{
    background: #2962FF !important;
}
.banner-content h2:after, .service-section h3:after{
	content: '';
    background: url(../images/Line.png);
    padding-bottom: 20px;
    background-repeat: no-repeat;
    display: block;
    margin-top: 16px;
}
.service-section h3:after{
	background-position: center top;
    margin-bottom: 16px;
}
/* Contact Form */
.contact-form-info{
	box-shadow: 0px 3px 6px #00000029;
    border: 2px solid #FFFFFF;
    border-radius: 15px;
    padding: 25px;
    position: relative;
    margin-top: -102px;
    background: #fff;
    z-index: 9;
}
.contact-form-info .address{
  font-size: 18px;
  font-weight: 600;
}
/* Service Section */
.service-section p{
    margin-bottom: 10px;
}
.service-section .transport1{
    border-radius: 10px;
}
.service-section .transport1 .wp-block-cover__inner-container{
    position: absolute;
    bottom: 18px;
    left: 25px;
}
.service-section .transport1:after{
	position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    height: 315px;
    width: 100%;
    margin-top: 160px;
    clip-path: polygon(0 0,0% 100%,100% 100%);
    background-color: #000;
    opacity: .6;
    content: "";
    transition: .3s ease-in-out;
}
.service-section .transport1:before{
	position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    height: 315px;
    width: 100%;
    margin-top: 100px;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    background-color: #000;
    opacity: .6;
    content: "";
    transition: .3s ease-in-out;
    z-index: 1;
}
.service-section .transport1:hover::after{
    margin-top: 110px;
    opacity: .5;
}
.service-section .transport1:hover::before{
    margin-top: 55px;
    opacity: .4;
    background-color: #2962FF;
}
.service-section .transport1:hover h4:before{
    background: #2962FF;
    border: 1px solid #0000;
}
.service-section .transport1 h4.title1:before{
    content: "\f48b";
}
.service-section .transport1 h4.title2:before{
    content: "\e3af";
}
.service-section .transport1 h4.title3:before{
    content: "\f1ad";
}
.service-section .transport1 h4:before{
	color: #fff;
	font-weight: 900;
	font-family: 'Font Awesome 6 Free';
	color: #fff;
    font-size: 30px;
    border: 2px solid;
    border-radius: 6px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    margin-bottom: 15px;
}
/* Media */
@media screen and (max-width: 767px){
    .banner-section:after, .banner-section:before, .banner-content h2:after, .banner-content p{
        display: none;
    }
    .banner-section img{
        height: 240px !important;
    }
    .banner-section{
        min-height: 240px !important;
    }
    .banner-section .banner-content{
        left: 0;
        text-align: center;
    }
    .banner-content .small-text{
        font-size: 10px !important; 
    }
    .banner-content h2{
        font-size: 18px;
    }
    .banner-content .wp-block-buttons{
        justify-content: center;
        margin-top: 20px;
    }
    .banner-content .wp-block-buttons a{
        padding: 5px 15px;
        font-size: 14px !important;
    }
    .contact-form-info, .pickup-address input, .phone-numbers input, .dropdown-menus input, .phone-numbers input {
        text-align: center;
    }
    .contact-form-info{
        margin-top: 20px;
    }
    .service-section h3{
        font-size: 20px !important;
    }
}
@media screen and (min-width: 768px) and (max-width:991px){ 
    .banner-section img{
        height: 350px !important;
    }
    .banner-section{
        min-height: 350px !important;
    }
    .banner-section:before{
        height: 42%;
        bottom: -35px;
    }
    .banner-content p{
        display: none;
    }
    .banner-section .banner-content{
        left: 6%;
    }
    .banner-content .small-text{
        padding: 4px 8px !important;
        font-size: 13px !important;
    }
    .banner-content h2{
        font-size: 22px;
    }
    .banner-content .wp-block-buttons a{
        padding: 5px 15px;
        font-size: 14px !important;
    }
    .contact-form-info{
        padding: 15px;
        margin-top: -72px;
    }
    .contact-form-info .address{
        font-size: 12px;
    }
    .service-section .wp-block-columns{
        flex-wrap: nowrap !important;
    }
    .service-section .transport1{
        min-height: 230px !important;
    }
    .service-section .transport1 .wp-block-cover__inner-container{
        bottom: 10px;
        left: 15px;
    }
    .service-section .transport1 h4{
        font-size: 18px !important;
    }
    .service-section .transport1 h4:before{
        width: 45px;
        height: 45px;
        font-size: 20px;
    }
    .service-section .transport1:after{
        clip-path: polygon(0 0,0% 100%,150% 100%);
    }
    .service-section .transport1:before{
        clip-path: polygon(0 0, 0% 100%, 150% 100%);
    }
}
@media screen and (min-width: 992px) and (max-width:1199px){
    .banner-section img{
        height: 460px !important;
    }
    .banner-section{
        min-height: 460px !important;
    }
    .banner-section:before{
        bottom: -46px;
        height: 42%;
    }
    .contact-form-info{
        margin-top: -95px;
    }
    .banner-section .banner-content{
        left: 4%;
    }
    .contact-form-info .address {
        font-size: 16px;
    }
    .pickup-address input, .phone-numbers input, .dropdown-menus select, .phone-numbers input{
        font-size: 13px !important;
    }
}
@media screen and (min-width: 1200px) and (max-width:1399px){
    .banner-section img{
        height: 470px !important;
    }
    .banner-section{
        min-height: 470px !important;
    }
    .banner-section .banner-content{
        left: 3%;
    }
    .banner-section:before{
        height: 40%;
        bottom: -45px;
    }
    .contact-form-info {
        margin-top: -62px;
    }
    .contact-form-info button.btn.btn-appointment{
        font-size: 15px;
    }
    .contact-form-info {
        padding: 15px;
    }
}