/**
 * Theme Name:     Twenty Twenty-Three Child
 * Author:         the WordPress team
 * Template:       twentytwentythree
 * Text Domain:	   twenty-twenty-three-child
 * Description:    Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
 */


	h1 {
    text-align: center;
	}
	h2 {
		margin: 0;
	}
/* 	#multi-step-form-container {
		margin-top: 150px;
		width: 80%;
		margin-left: 100px;
	} */
	.text-center {
		text-align: center;
	}
	.mx-auto {
		margin-left: auto;
		margin-right: auto;
	}
	.pl-0 {
		padding-left: 0;
	}
	.button {
		border: 1px solid #4361ee;
		background-color: #0E427E;
		color: #fff;
		border-radius: 2px;
		cursor: pointer;
		padding:10px 30px 10px 30px;
	}
.first img{
	width: 40%;
    height: 80px;
    border-radius: 5px;
}
button#loginModalButton {
    padding: 8px;
}
button#logoutButton {
    padding: 8px!important;
}
.btn{
	color:#000;
	background-color:#000;
}
.addrees .form-control {
    padding: 22px 20px !important;
    border: 1px solid #747474 !important;
    border-radius: 5px !important;
}
.buttonsub{
margin:auto !important
}
button#signpupModalButton {
    margin-top: 9%;
   
}
label.ftext {
    color: #fff;
}
input.fbtn {
    background: #066BE1;
    border: none;
    padding: 8px;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
}
.addrees .form-floating {
    padding: 10px 10px;
    width: 49.4%;
}
#btttb .elementor-widget-container div.elementor-shortcode button#signpupModalButton {
    color: #101010!important;
    margin-top: -1%;
}
	.submit-btn {
		border: 1px solid #0e9594;
		background-color: #0e9594;
	}
input.lbborder {
    border-left: 0px!important;
}
span#inputGroupPrepend {
    background: none;
    border-right: 0px;
}
button.btn.btn-primary {
    color: #fff!important;
    background: #747474!important;
    font-size: 20px!important;
    font-weight: 400!important;
    
}
.form-check-inline{
	    margin-left: 0px;
}

	.mt-3 {
		margin-top: 2rem;
	}
	.d-none {
		display: none;
	}
	.inner_box {
		border: 1px solid rgba(0, 0, 0, 0.1);
/* 		padding: 3rem; */
		margin-bottom: 40px;
		box-shadow: 4px 4px 4px 5px #747474;
		margin-left:10%;
		width:80%;
		
	}
.shipment_datas{
		border: 1px solid rgba(0, 0, 0, 0.1);
		padding:30px;
		margin-bottom: 40px;
		box-shadow: 4px 4px 4px 5px #747474;
		margin-left:10%;
		width:80%;
}
.card{
	border:none;
}
	.font-normal .req_heading{
		font-weight: normal;
		color: #0E427E;
		text-align: center;
		font-family: Poppins;
		font-size: 30px;
		font-weight: 500;
	}

.font-normal h5{
	text-transform:capitalize !important;
}
.st1_sub_heading {
	color: #000;
	font-family: Poppins;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
}
	ul.form-stepper {
		counter-reset: section;
		margin-bottom: 3rem;
	}
	ul.form-stepper .form-stepper-circle {
		position: relative;
	}
	ul.form-stepper .form-stepper-circle span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
	}
	.form-stepper-horizontal {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	ul.form-stepper > li:not(:last-of-type) {
		margin-bottom: 0.625rem;
		-webkit-transition: margin-bottom 0.4s;
		-o-transition: margin-bottom 0.4s;
		transition: margin-bottom 0.4s;
	}
	.form-stepper-horizontal > li:not(:last-of-type) {
		margin-bottom: 0 !important;
	}
	.form-stepper-horizontal li {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}
	.form-stepper-horizontal li:not(:last-child):after {
		position: relative;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		height: 2px;
		content: "";
		top: 25%;
		background-color:#000;
	}
	.form-stepper-horizontal li:after {
		background-color: #dee2e6;
	}
	.form-stepper-horizontal li.form-stepper-completed:after {
		background-color: #4da3ff;
	}
	.form-stepper-horizontal li:last-child {
		flex: unset;
	}
	ul.form-stepper li a .form-stepper-circle {
		display: inline-block;
		width: 40px;
		height: 40px;
		margin-right: 0;
		line-height: 1.7rem;
		text-align: center;
		background: rgba(0, 0, 0, 0.38);
		border-radius: 50%;
	}
	.form-stepper .form-stepper-active .form-stepper-circle {
		background-color: #0E427E !important;
		color: #fff;
	}
	.form-stepper .form-stepper-active .label {
		color: #000;
		text-align: center;
		font-family: Poppins;
		font-size: 18px;
		font-weight: 400;
		text-decoration:none;
	}
	.form-stepper .form-stepper-active .form-stepper-circle:hover {
		background-color: #0E427E !important;
		color: #fff !important;
	}
	.form-stepper .form-stepper-unfinished .form-stepper-circle {
		background-color: #f8f7ff;
	}
	.form-stepper .form-stepper-completed .form-stepper-circle {
		background-color: #0e9594 !important;
		color: #fff;
	}
	.form-stepper .form-stepper-completed .label {
		color: #0e9594 !important;
	}
	.form-stepper .form-stepper-completed .form-stepper-circle:hover {
		background-color: #0e9594 !important;
		color: #fff !important;
	}
	.form-stepper .form-stepper-active span.text-muted {
		color: #fff !important;
	}
	.form-stepper .form-stepper-completed span.text-muted {
		color: #fff !important;
	}
	.form-stepper .label {
		font-size: 1rem;
		margin-top: 0.5rem;
	}
	.form-stepper a {
		cursor: default;
	}

	.step1_heading{
		text-align:center;
	}
	.location-input-container {
            position: relative;
            margin-bottom: 20px; /* Add spacing between the two input fields */
        }

        .location-icon{
            position: absolute;
            top: 50%;
            left: 10px;
            transform: translateY(-50%);
            color: #888;
        }
.location-input.pac-target-input{
	width:90%;
	border-radius:5px;
	border: 1px solid #747474;
	background: #FFF;
	padding:18px;
	padding-left:30px;
}
.address-form{
	margin-top:30px;
	padding-left:40px;
}
.datepicker-input.hasDatepicker{
	width:90%;
	border-radius:5px;
	border: 1px solid #747474;
	background: #FFF;
	padding:18px;
}
.datepicker-input.hasDatepickerplaceholder{
	color:#000;
}
        .location-input {
            padding-left: 30px; /* Adjust this value to control the icon's spacing */
			height:30px;
        }
	.datepicker-input{
		padding-right: 30px; 
		height:30px;
	}
.button.btn-navigate-form-step.step1_next{
	border:non;
	padding:10px 50px 10px 50px;
	margin-left:30px;
}
	 .datepicker-input-container {
            position: relative;
            margin-bottom: 20px;
        }
	.datepicker-icon {
            position: absolute;
		right:76px;
		float:left;
            color: #000;
			transform: translateY(60%);
        }
	.shipment_data_field{
		height:30px;
		margin-right:20px;
	}
	.shipment_data{
		width:100%;
		margin-top:10px;
	}
	.mt-3-st2{
		display: flex;
    	flex-direction: row;
	}
.remove_pallet_section{
	padding:15px 30px 15px 30px;
	border-radius:5px;
	
}
	.mt-st2{
		width:70%;
		display:flex;
		flex-direction: row;
		margin-left:200px;
	}
	.description{
		height: 90px;
		border-radius: 5px;
		width:100%;
	}
.card{
	border:none;
}
	.item_summary{
		border : none;
	}
.item_summary  tr{
	border-bottom:1px solid rgba(0, 0, 0, 1);
	color: #000;
}
.item_summary  th{
	color: #000;
font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
}
	.category-list, .subcategory-list {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            padding: 0;
		text-align:center;
        }

        .category-list-item, .subcategory-list-item {
			display:flex;
			flex-direction:column;
/*             flex-basis: 15%;  */
            margin-bottom: 50px; 
            margin: 25px;
			justify-content: center;
			flex-shrink: 0;
			width:150px;
        }

        .category-circle, .subcategory-circle {
            width: 130px;
            height: 130px;
            background-color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: Black;
            font-size: 24px;
			border: 1px solid #000;
			margin-left:10px;
			cursor:pointer;
        }
	#multi-step-form-container{
		display:none;
	}
	.category_list, .subcategory-list{

    	margin-top: 40px;
		margin-left:35px;
	}
	.cat_name{
		text-align:center;
		margin-top:15px;
		color: #000;
		font-family: Poppins;
		font-size: 18px;
		font-weight: 500;
	}
	.catlist_title{
		color: #000;
		text-align: center;
		font-family: Poppins;
		font-size: 36px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		text-transform: capitalize;
	}
	.map-container{
			width:100%;
			display:flex;
			flex-direction : row;
			justify-content: space-around;
			
		}

	div#showThumb {
										display: flex;
										flex-direction: row;
									}
									div#showThumb .image-row {
										padding: 5px;
										position: relative;
									}
									div#showThumb .image-row a {
										position: absolute;
										top: 0;
										color: #000000;
										font-size: 12px;
										border: 1px solid #000000;
										border-radius: 40px;
										padding: 3px 5px;
										height: 20px;
										width: 20px;
										right: 0;
										z-index: 10;
									}
									div#showThumb .image-row img {
										width: 70px;
										height: 70px;
									}
							  #ddArea {
								line-height:60px;
								text-align: center;
								font-size: 20px;
								
							  }
							#ddArea span{
								color: #747474;
								text-align: center;
								font-family: Poppins;
								font-size: 25px;
								font-style: normal;
								font-weight: 500;
								line-height: normal;
								text-transform: capitalize;
								border: 1px dashed rgba(0, 0, 0, 0.58);;
								padding:30px 100px 30px 100px;
								}
							.select_btn{
								border-radius: 5px;
								background: rgba(0, 0, 0, 0.58);
								padding:10px 40px 10px 40px;
								color:#fff;
							}
							button.btn-navigate-form-step.step2_prev{
									padding:12px 35px 12px 35px;
								text-transform:capitalize;
								border-radius: 5px !important;
   							 	font-size: 20px;
}
							
							button.btn-navigate-form-step.step2_next{
								padding:12px 20px 12px 20px;
								border-radius: 5px !important;
   							 	font-size: 20px;
}
.drag_over {
								color: #000;
								border-color: #000;
							  }

							  .thumbnail {
								width: 100px;
								height: 100px;
								padding: 2px;
								margin: 2px;
								border: 2px solid lightgray;
								border-radius: 3px;
								float: left;
							  }

							  .d-none {
								display: none;
							  }

							  .d-block {
								display: block;
							  }

							 
							  .loading {
								position: fixed;
								z-index: 999;
								height: 2em;
								width: 2em;
								overflow: visible;
								margin: auto;
								top: 0;
								left: 0;
								bottom: 0;
								right: 0;
							  }

							 
							  .loading:before {
								content: "";
								display: block;
								position: fixed;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								background-color: rgba(0, 0, 0, 0.3);
							  }

/*.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;  
  padding: 20px;
  border-radius: 5px; 
}

.close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
*/
.req_msg{
	color : red;
}

button.add_item, .remove_item, .add_pallet, .remove_pallet, .add_pets, .remove_pets{
	width:30px;
}
button.add {
	width:60px;
}
button.remove, .pallet_no, .item_no{
	width:110px;
}
.map_1{
	width: 100%; 
	height: 430px; 
	top:-15px; 
	left:14px;
	position:relative;
}
.map_2{
	width: 100%; 
	height: 330px; 
	margin:20px 0px;
}
.delivery_as span{
	padding:10px;
}
.add_pallet_section{
	padding:10px 30px 10px 30px;
}
.routes_form{
	margin-top:30px;
	margin-left:10%;
}
.routes_form span{
	padding:10px;
}
.btn_grp{
	margin-left:10%;
}
.delivery_as_chcekbox{
	float:right;
}
/* Mobile layout styles */
@media (max-width: 768px) {
  
	.category-list-item, .subcategory-list-item{
		margin:13px;
		margin-left:-7px;
	}
	.wp-block-group{
		margin-top:80px;
	}
	.form-step{
		margin-left:0px;
}
	.form-step{
		width:100%;
	}
	.button.btn-navigate-form-step.step1_next {
		margin-top:30px;
	}
.map_1{
		margin-top:30px;
	left:0;
}
	
}
@media (max-width: 576px) { 
	.category_list, .subcategory-list{
		margin-left:30px;
}
	.inner_box{
		width:100%;
		margin-left:0px;
	}
	.map_1{
		margin-top:30px;
}
	#ddArea span{
		font-size:10px;
		padding: 20px 50px 20px 50px;
}
/* 	.routes_form{
		margin-left:0px;
} */
	.datepicker-icon {
   left:260px;
		position:absolute;
}
	.delivery_as_chcekbox{
		float:none;
}
	.address-form{
		padding-left:27px;
}
}