/*  Theme name: omlogistics */
:root {
    --primary-color: #dc3545;
    --primary-hover: #c82333;
    --dark: #343a40;
    --light: #f8f9fa;
}
.swiper-navigation-icon{display:none;}
.service-Swiper{padding-bottom:50px;}
body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
}
section{padding-top: 50px;padding-bottom: 50px;}
.navbar .logo-2{    width: 90px;
    height: auto;
    margin-left: 20px;
} 
.main-content{ 
    overflow-y: auto;
	scrollbar-width: none; 
}
.main-content::-webkit-scrollbar {
  display: none;
}
 

.form-section{
	position:sticky;
	top:80px;
}
/* Navbar Styles */
.navbar {
    padding: 15px 0;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.service-swiper-button .swiper-button-next img ,.service-swiper-button .swiper-button-prev img{    width: 30px; height:30px;}
.service-swiper-button .swiper-button-next img:hover ,.service-swiper-button .swiper-button-prev img:hover{  filter:invert(1); }
.service-swiper-button .swiper-button-next:hover, .service-swiper-button .swiper-button-prev:hover{
	background-color:#E11F26;
/* 	    width: 30px; */
/* 	height:30px; */
    border-radius: 15px;
}
.service-swiper-button .swiper-button-next, .service-swiper-button .swiper-button-prev{
	    width: 30px;
	height:30px;
}
.service-swiper-button .swiper-button-prev img{
/* 	padding-top:10px; */
/* 	width: 30px; */
}
.strength-swiper{
	padding-bottom:50px;
}
.service-swiper-button  { 
	    position: absolute; 
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
    bottom: 10px;
    right: 0;
    padding-right: 80px;
}
.navbar-brand img {
    max-height: 50px;
}

/* Hero Section */
.hero-section {
    background:  url('https://jobs-omlogistics.cmcskills.com/wp-content/uploads/2025/11/Banner-Size-Overlay.jpg') no-repeat center center;
    background-size: cover; 
/*     height: 50vh; */
    color: white;
	padding-top:70px;
	padding-bottom:70px;
    /* min-height: 80vh;  */
}
.form-section .gform-body #gform_fields_1 .gfield_label {
	display: none;
}
.form-section .gform-body #gform_fields_1{
	gap:8px;
}
#input_1_10 input{
	padding:unset !important;
}
.form-section .gform-body #gform_fields_1  #input_1_10{
	display:flex;
	flex-direction:row;
}
.form-section .gform-body #gform_fields_1 .ginput_container input{
	box-shadow:unset !important;
	padding: 25px 10px;
}
.form-section .gform-body #gform_fields_1 .ginput_container input, .form-section .gform-body #gform_fields_1 .ginput_container select{
	background-color:#F3F3F3;
	border: 1px solid #DBDBDB;
	color:#8f8f8f;
	font-family: 'Roboto';
font-weight: 500; 
font-size: 12px; 
text-transform: capitalize;

}

.form-section .gform-body #gform_fields_1 .ginput_container input::placeholder, .form-section .gform-body #gform_fields_1 .ginput_container select::placeholder{
    background-color: #2b2b2b00 !important;
}
.form-section .gform-body #gform_fields_1 .gform_footer {
	width:100%;
}  
.form-section .gform-body #field_1_10 .gfield_label{
	display:block !important;
}
.gform_footer  #gform_submit_button_1 {
	width:100%;
	background-color:#E11F26;
	color:#fff;
	font-family: 'Roboto';
font-weight: 700; 
font-size: 14px; 
text-align: center;
text-transform: uppercase;

}
.about-section .container .row{
	align-items:center;
}
.form-section .gform_title{
	display:none;
}
/* Hero Section */
.hero-section {
  position: relative;
  /* background: url('images/banner.png') no-repeat center center; */
  background-size: cover;
  /* min-height: 80vh; */
  color: #fff;
	padding-left:25px;
} 
.strength-swiper .swiper-slide {
	height:unset !important;
}
.service-Swiper  .swiper-slide {
	height:100% !important;
}
 .hero-section .text-uppercase{
    font-size: 20px;
    font-family:'Roboto'; 
	 text-transform:capitalize !important;
	 margin-bottom:10px !important;
}

    .hero-section .display-5 {
        font-size: 35px;
        font-family: 'Roboto';
		margin-bottom:10px !important;
    }
    .hero-section .lead{
        font-size: 20px;
		margin-bottom:0 !important;
    }

    .hero-section .contact-button
    {
        font-family: 'Roboto';
font-weight: 500; 
font-size: 14px; 
text-transform: capitalize;
background-color: #fff;
border-radius: 5px !important;

    }
    .navbar .contact-button{
        background-color: #E11F26 ;
        color: #fff;
        font-family: 'Roboto';
font-weight: 500; 
font-size: 14px; 
text-transform: capitalize;

    }
     .hero-section .contact-button:hover{
        color: #000;
     }
.hero-section .container {
  position: relative;
  z-index: 1;
}

.hero-section h1 {
  font-weight: 700;
}
.about-list ul li h5{
    font-family: 'Roboto';
font-weight: 500; 
font-size: 13px; 
color: #000;
}
.testimonial-section .heading{
    font-family: 'Roboto';
font-weight: 700; 
font-size: 24px; 
text-align: center;
text-transform: capitalize;
color: #000;
}

.testimonial-section .title{
    max-width: 80%;
    margin: auto;
    font-family: 'Roboto';
font-weight: 400; 
font-size: 12px; 
text-align: center;
text-transform: capitalize;
color: #000;
}

.testimonial-card{
    box-shadow: 0px 8.98px 19.64px 0px #15151526 ;
    padding: 20px;
}
.testimonial-card .card-details{
    position: relative;
    justify-content: space-between;
	margin-bottom:5px !important;
}

/* .testimonial-card .card-details img{
    position: absolute;
    margin-bottom: 30px;
} */

.testimonial-card p{
    font-family: 'Roboto';
font-weight: 400; 
font-size: 12px; 
}

.testimonial-card .test-author{
    font-family: 'Roboto';
font-weight: 800; 
font-size: 12px; 
}
.testimonial-card .test-place{
    font-family: 'Roboto';
font-weight: 400; 
font-size: 9px; 
color: #505050;
}
.about-list .contact-button{
    background-color: #074B83;
    border: 0.8px solid #074B83;
    font-family: 'Roboto';
font-weight: 500; 
font-size: 12px; 
text-transform: capitalize;
color: #fff;
border-radius: 3px; 
padding: 11px 30px;
}

.hero-section p {
  max-width: 600px;
}
.about-section .row .lead{
    font-family: 'Roboto';
font-weight: 400; 
font-size: 12px; 
text-transform: capitalize;
color: #000;
}
.hero-section .btn {
  border-radius: 50px;
  padding: 10px 25px;
}

/* About Section */

.form-section{background-color: #F3F3F3;}
 

/* Services Section */
 
.services-section-swiper {
    background-color: #ECECEC;
    padding-left: 20px;
    padding-right: 20px;
}
.services-section-swiper h2{
    font-family: 'Roboto';
font-weight: 700; 
font-size: 24px; 
text-align: center;
text-transform: capitalize;
color: #000;

}
.services-section-swiper p{
    max-width: 80%;
    margin: auto;
    font-family: 'Roboto';
font-weight: 400; 
font-size: 12px; 
text-align: center;
text-transform: capitalize;
color: #000;

}
.services-section h2{
    font-family: 'Roboto';
font-weight: 700; 
font-size: 24px; 
text-align: center;
text-transform: capitalize;

}
.services-section p{
    max-width: 80%;
    margin: auto;
    font-family: 'Roboto';
font-weight: 400; 
font-size: 12px; 
text-align: center;
text-transform: capitalize;

}
.service-card {
    background: #074B83;
    border-radius: 3px;
    padding: 20px;
    transition: all 0.3s ease;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    text-align: center;
    border: 1.02px solid #D1D1D1;
    backdrop-filter: blur(9.186131477355957px);


}
.service-card img{
        width: 50px;
    height: auto;
    margin: auto;
}
.testimonial-card .card-details .star{
	color:#E31E24;
}
.testimonialSwiper {padding:20px;}
.service-card h3{
    font-family: 'Roboto';
font-weight: 500; 
font-size: 28px; 
text-align: center;
text-transform: lowercase;
color: #fff;

}
 

.service-card p {
    color: #fff;
    margin-bottom: 15px;
    font-family: 'Roboto';
font-weight: 400; 
font-size: 12px; 
text-align: center;
text-transform: capitalize;

}

.swiper-service-card .read-more {
    font-family: 'Roboto';
font-weight: 400; 
font-size: 10px; 
text-transform: capitalize;
color: #313131;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all 0.3s ease;
}

.read-more:hover {
    color: var(--primary-hover);
    gap: 10px;
}

.about-image {
    border-radius: 10px;
    overflow: hidden; 
}
 .about-heading{
    color: #000;
    font-family: 'Roboto';
font-weight: 700; 
font-size: 24px; 
text-transform: uppercase;

}
.feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.feature-icon {
    font-size: 2rem;
    color: var(--primary-color);
    margin-right: 1rem;
}

.swiper-service-card {
    box-shadow: 0px 3.86px 5.82px 0px #00000033;
    background-color: #FFFFFF;
    padding: 7px;
	height:100% !important;

}
.swiper-service-card h3 {
    font-family: 'Roboto';
font-weight: 700; 
font-size: 16px; 
text-transform: capitalize;
color: #074B83;
text-align:center;
border-bottom:1px solid #e4e4e4;
	padding-bottom:5px;
}
.swiper-service-card p{
	max-width:100%;
    font-family: 'Roboto';
font-weight: 400; 
font-size: 12px; 
text-transform: capitalize;
color: #313131;
/* margin: unset !important; */
text-align: center;

}
/* Navbar Styles */
.navbar {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1030;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    padding: 1rem 0;
}

.navbar-brand img {
    max-height: 50px;
}

/* Split Layout Styles */
.split-layout {
    display: flex;
    min-height: 100vh;
    padding-top: 80px;  
}
 

 

.contact-form { 
    padding: 1.5rem;
    
}

/* Adjust form inputs to be more compact */
.form-control, .form-select {
    padding: 0.6rem 0.75rem;
    font-size: 0.9rem;
}

/* Make form title more compact */
.contact-form h3 { 
    font-family: 'Roboto';
font-weight: 500; 
font-size: 16px; 
text-align: center;
text-transform: capitalize;
color: #000;

}

@media (max-width: 1200px) {
    .split-layout {
        flex-direction: column;
        padding-top: 70px;  
    }
    
    .main-content,
    .form-section {
        width: 100%;
        position: relative;
        height: auto;
        padding: 1rem;
    }
    
    .contact-form {
        max-width: 100%;
    }
}

/* Maintain layout better on medium-sized screens */
@media (min-width: 1201px) and (max-width: 1400px) {
   
    
    
}
 

    .contact-form {
        position: relative;
        top: 0;
    }

    .navbar {
        padding: 0.5rem 0;
    }

    .navbar-brand img {
        max-height: 40px; /* Slightly smaller logo for mobile */
    }


/* Additional navbar responsive styles */
@media (min-width: 1201px) {
    .container-fluid {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* Adjust button styling */
.btn-primary {
    padding: 0.5rem 1.5rem;
    border-radius: 5px;
    font-weight: 500;
    transition: all 0.3s ease;
}

/* Navbar specific styles */
.navbar .container-fluid {
    max-width: 100%;
}

/* Add hover effect to contact button */
.navbar .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.form-section .form-control, .form-section .form-select {
    padding: 0.75rem;  
    border: 1.3px solid #DBDBDB;
    background-color: transparent;
    color:  #000;
    font-family: 'Roboto';
font-weight: 500; 
font-size: 12px; 
text-transform: capitalize;
border-radius: unset;

}
.form-section input::placeholder{
    background-color: #2b2b2b00 !important;
}

.submit-button { 
    padding: 12px 30px;
    width: 100%; 
    text-transform: uppercase; 
    transition: all 0.3s ease;
    background-color: #E11F26;
    color: #fff;
    font-family: 'Roboto';
font-weight: 700; 
font-size: 14px; 
text-align: center;
text-transform: uppercase;
border-radius: unset;
border: 1.3px solid #DBDBDB;
}
.submit-button:hover{
    background-color: #E11F26;
    color: #fff;
}
 
.benefit-subtitle {
    color: #555;
    font-size: 14px;
}
.benefit-section {
    background-color: #F0F0F0;
}
.benefit-section .heading{
	font-family: 'Roboto';
font-weight: 700; 
font-size: 24px; 
text-align: center;
text-transform: capitalize;

}
.benefit-section .title{
	font-family: 'Roboto';
font-weight: 400; 
font-size: 12px; 
text-align: center;
text-transform: capitalize;

}
.benefit-box {
    background: #F0F0F0;
	border: 1.25px solid #074B83;
    border-radius: unset;
    padding: 0px 20px 30px;
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}
.benefit-box p{
	margin-bottom:0;
	font-family: 'Roboto';
font-weight: 400; 
font-size: 12px;  
text-align: center;

}
.benefit-title {
    font-size: 11px;
    background-color: #003b7b;
    color: white;
	border-radius:unset;
    padding: 10px 15px;
    border-radius: 6px;
    display: inline-block; 
    position: relative;
    bottom: 18px;
	font-family: 'Roboto';
font-weight: 500;  
text-align: center;
text-transform: capitalize;
	background-color:#193358;

}


.strengths-section .heading{
	font-family: 'Roboto';
font-weight: 700; 
font-size: 24px; 
text-align: center;
text-transform: capitalize;
	color:#000;
}
.strengths-section .title{
	font-family: 'Roboto';
font-weight: 400; 
font-size: 12px; 
text-align: center;
text-transform: capitalize;
}

.strength-box{
	background-color: #E11F26;
	border: 1px solid #D1D1D1;
	backdrop-filter: blur(7.4642863273620605px);
	color:#fff;
	height:100%;
	text-align:center;    
	display: flex;
    padding: 15px 20px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
	border-radius:5px;
}
.strength-box .strength-number{
	font-size:17px;
	font-weight:500;
	
}
.strength-box .strength-text{
	font-family: Roboto;
font-weight: 400; 
font-size: 12px; 
text-transform: capitalize;
	margin-bottom:0px;

}
.strengths-section .row{
	flex-wrap:nowrap;
}
.strengths-section .row .col{
    flex: 1 0 20%;
}

/* Responsive Design */

@media (max-width: 768px) {
	.services-section-swiper{padding-left:10px; padding-right:10px;}
	.strength-box .strength-number{margin-bottom:5px;}
	.strength-box .strength-text{margin-bottom:0px; font-size:11px;}
	.strength-box{padding:10px 10px;}
	.navbar .logo-2{
		width:70px;
	}
	.form-section{position:relative;top:12px;height:unset;}
	.form-content-section{  max-height:unset; height:auto; }
	footer p{
		font-size: 12px !important;
	} 
	.navbar .contact-button{font-size:12px;}
	section{
		padding-top:25px;
		padding-bottom:25px;
	}
	.hero-section .btn{font-size:12px;}
	.strengths-section .row{
		display:flex;
		flex-direction:column;
	}
	.about-heading{
		font-size:19px;
	}
	.about-section .row .lead{font-size:10px;}
	.hero-section{
		    height: 30vh;
	}
	.hero-section .text-uppercase {
		font-size: 16px;
	font-weight:500 !important;
	text-transform:capitalize !important;
	}
	.hero-section .display-5 {
		font-size: 19px;
		line-height:24px;
		margin-bottom:6px !important;
	}
	.hero-section .lead {
    font-size: 16px;
}
	.hero-section .btn {
		padding: 6px 17px;}
    .hero-section {
        padding: 100px 0;
        text-align: center;
    }
	    .split-layout { 
        padding-top:0;
    }

    .about-section img {
        margin-bottom: 20px;
    }
	.hero-section .container{
		text-align:left;
	}
	.about-heading ,.about-section .row .lead, .about-list{
		text-align:center;
	}
	.about-list .contact-button{display:none;}
	.services-section-swiper p{max-width:100%; margin-bottom:10px !important; font-size:10px;}
	.services-section-swiper h2{margin-bottom:10px;
    font-size: 22px;}
	.swiper-service-card .read-more{display:none;}
	.swiper-service-card .read-more{border-bottom:1px solid #E4E4E4 !important; }
	.swiper-service-card h3, .swiper-service-card p, .swiper-service-card a{text-align:center !important; align-items:center;}
	.about-image{border-radius:5px;}
    .contact-form {
        padding: 5px;
    }
}
@media (max-width:991px){
	.navbar{position:relative;}.hero-section ul li img{width: 18px;margin-right: 5px;}.hero-section ul li{margin-top: 5px !important;font-size: 15px !important;}
}
fieldset#field_1_10 .gfield_required {
    display: none !important;
}
.hero-section ul{list-style:none;padding-left: 0px;}
.hero-section ul li{margin-top: 10px;font-size: 17px;display: flex; align-items: center;margin-top: 15px;}
.hero-section ul li img{width: 20px;margin-right: 5px;}