/*
Theme Name: Harris Transport Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: harristransport
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Harris Transport is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1708061731
Updated: 2024-02-16 05:35:31

*/

.btn-arrow .elementor-button-icon svg {width: 24px;}
.btn-arrow .elementor-button-content-wrapper {align-items: center;}
#menu-1-7b562af li, #menu-header-menu li {position: relative;}
#menu-1-7b562af li.current-menu-item:after, #menu-header-menu li.current-menu-item:after {
	position: absolute;
    content: "";
    top: -35px;
    left: 0;
    right: 0;
    margin: auto;
	background-color: #010b46;
/* 	background-image: url('images/shape2.png'); */
	background-repeat: no-repeat;
	width: 100%;
    height: 90px;
    z-index: -1;
	border-radius: 0px 0px 100px 100px
}
.input_wrap {display: flex; gap: 10px;}
.input_wrap div {width: 50%;}
.cont_btn {text-align: center;}
.txt_light span {font-weight: 300 !important;}
.footer_form .wpcf7-spinner {position: absolute; bottom: 0; left: 0; right: 0; margin: auto;}
.wpcf7-response-output {background-color: #fff; text-align: center; font-family: "Roboto Slab", Sans-serif;}
#menu-1-246f981 li {position: relative;}
#menu-1-246f981 li:after {position: absolute; content: ""; width: 2px; height: 15px; background-color: #fff; top: 14px; right: 0;}
#menu-1-246f981 li:last-child:after {display: none;}
.arrow-container {animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);}
@keyframes bounce {
50% {
    transform: translateY(-15px);
  }
}
.iconbox .elementor-icon-box-description a {text-decoration: none; color: #000;}
.iconbox .elementor-icon-box-icon a {border: 1px solid #CBCBCB !important; padding: 25px; border-radius: 100%;}
.iconbox .elementor-icon-box-icon a:hover {background-color: #010b46; border: 1px solid #010b46 !important;}
.services_wrap_grid {
    display: flex;
	justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}
.service_box {
    width: 24%;
    text-align: center;
    box-shadow: 0px 0px 20px 2px #ccc;
    border-radius: 10px;
    padding: 40px 65px 30px 65px;
	font-family: "Roboto Slab", Sans-serif;
}
.service_box .service_icon {background-color: #010b46; width: 95px; height: 95px; margin: auto; border-radius: 100%; padding: 22px 0px;}
.service_box h3 {font-family: "Roboto Slab", Sans-serif; font-size: 20px; font-weight: 700; color: #010b46; margin-top: 12px;}
.service-list {display: flex; align-items: center; font-family: "Roboto Slab", Sans-serif;}
.service-list .service-thumb {width: 50%;}
.service-list .service-data {width: 50%;}
.service-list:nth-child(odd) .service-data {padding-left: 52px; padding-right: 52px;}
.service-list:nth-child(even) .service-data {padding-right: 60px;}
.service-list:nth-child(even) {flex-direction: row-reverse;}
.pagi {text-align: center; font-family: "Roboto Slab", Sans-serif; margin-top: 20px;}
.pagi .page-numbers {text-decoration: none; font-size: 22px; padding: 8px 16px; border: 1px solid;}
.service-list .service-thumb img {width: 599px; height: 499px; object-fit: cover;}
.service-list .service-data h2 {font-size: 40px; font-weight: 900; color: #010b46; text-transform: uppercase; line-height: 1.1;}
.service-list .service-data p {font-size: 17px; line-height: 22px; color: #262626;}
.col-set .e-con-inner {margin-left: 0 !important;}
.img-shape {position: relative;}
.img-shape:after {position: absolute; content: ""; background-image: url('images/shape.png'); width: 124px; height: 114px; top: -1px; left: -1px;}



/* ==============Responsive=============== */
@media only screen and (min-width: 1201px) and (max-width: 1300px) {

}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
.service_box {
    width: 23%;
    padding: 40px 20px 30px 20px;
}
.service-list:nth-child(odd) .service-data {padding-left: 40px; padding-right: 33px;}
.service-list:nth-child(even) .service-data {padding-right: 40px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.btn-arrow .elementor-button-icon svg {width: 20px;}
.flying_menu .hfe-nav-menu-icon {padding: 0.2em;}
.service_box {width: 32%; padding: 30px 20px 25px 20px;}
.service-list:nth-child(odd) .service-data {padding-left: 30px; padding-right: 0px;}
.service-list .service-data p {font-size: 16px;}
.service-list .service-data h2 {font-size: 32px;}
.service-list:nth-child(even) .service-data {padding-right: 25px;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.btn-arrow .elementor-button-icon svg {width: 18px;}
.flying_menu .hfe-nav-menu-icon {padding: 0;}
.service_box {width: 100%; padding: 30px 25px 30px 25px;}
.service-list .service-thumb, .service-list .service-data {width: 100%; text-align: center;}
.service-list {display: block; margin-bottom: 30px;}
.service-list:nth-child(odd) .service-data {
    padding-left: 0;
    padding-right: 0;
}
.service-list:nth-child(even) .service-data {padding-right: 0;}
.service-list .service-thumb img {height: auto;}
.service-list .service-data h2 {font-size: 30px;}
.service-list .service-data p {font-size: 15px;}
}