body{ font-family:'din_alternatebold';}

.hideMe{
	display:none !important;
}
.for-before .four-zero-four{color:white;z-index: 1;margin: 8% auto;}
.for-before .c-white {
	color: white !important;
}
.admin-user-logo{
	height:48px;
	width:48px;
}
.color-fff{
	color:#fff !important;
}
.margin-top-0{
	margin-top:0px !important;
}
.action-btn-margin .btn{
	margin-top:5px;
}
.text-capitalize{
	text-transform:capitalize;
}

.collapsed .collapse-toggle-icon:before{
	content:"+" !important;
	transform: scale(1);
	font-weight:normal;	position: relative;
    right: 4px;
    top: -5px;
}


.collapse-toggle-icon:before{
	content:"_";
	transform: scale(1);
	font-weight:normal;
	position: relative;
    right: 5px;
	top: -15px;
}

.collapse-toggle-icon{
    font-size: 25px;
    font-weight: normal;
    position: relative;
    right: 4px;
    top: 0px;
    transition: all 0.3s ease 0s;
}
#cb-myuser-table_filter {
    visibility: hidden;
}
.btn-right-top-margin{
    right:25px !important;
    top:15px !important;
}
span.error {
    color: #fb6340;
    display: block;
    font-size: 100%;
    font-weight: normal;
    margin-top:.25rem;
}
td.dataTables_empty{
	text-align:center;
}
.ls-closed .navbar-brand{
	margin-left:20px !important;
}
.required{
	color: #b94a48;
}

h4.faq-action-btns a{
	display :inline-block !important;
}

h4.faq-action-btns .faq_actions{
	display :block !important;
	padding: 10px 0px !important;
}

h4.faq-action-btns .faq_actions i{
	cursor:pointer;
}

h4.faq-action-btns a:first-child{
	width:90% !important;
}

i.faq_action_edit:hover,i.faq_action_edit:focus{
	color:#2b542c !important;

}
i.faq_action_delete:hover,i.faq_action_edit:focus{
	color:#843534 !important;
}
td.break-url-string{
	max-width: 120px;
    overflow-wrap: break-word;
}

td.break-word-string{
    overflow-wrap: break-word;
}
.profileImage {
    border-radius: 100px;
    box-shadow: 0 2px 2px 0 #c2c2c2;
}
.width-100{
	width:100%;
}
.faq-no-record{
	margin-bottom: 0px !important;
}
.faq-main{
	padding-top: 13px;
}
.nl2br {
  white-space: pre-wrap;
}
.sidebar .user-info {
	height: 87px;
	padding: 0 15px 12px;
}
@media(min-width:768px){
	.edit-user-dob-error-span{
		position:relative !important;
		top:-35px !important;
		left:15px !important;
		word-wrap:break-word;
		display: inline-block !important;
	}
	.break_word {
		display: inline-block !important;
		word-wrap: break-word !important;
		max-width: 250px !important;
	}
}
@media(max-width:768px){
	.edit-user-dob-error-span{
		position:relative !important;
		top:-15px !important;
		left:15px !important;
		padding-right:6px !important;
		word-wrap:break-word;
		display: inline-block !important;
	}
}

.plan-type-search-box{
	box-shadow: none;
	border: none;
	font-size: 12px;
	border-bottom: 1px solid #ddd !important;
}
.plan-type-search-box .placeholder{
	color:#999 !important;
}
.user-profile-video{
	background-color:#232325;
}

.float-right{
	float:right;
}
.float-left{
	float:left;
}

.mb10{
	margin-bottom: 10px !important;
}

.mb20{
	margin-bottom: 20px;
}
.pb15{
	padding-bottom: 15px;
}

/*15-12-2017*/
.content .btn-group.open .dropdown-menu{right:0; left:auto;}
.card .header h2 {font-size: 16px;}

@media(max-width:767px){
.card .btn.bg-indigo.waves-effect {padding: 6px;font-size: 12px;}
.for-before .four-zero-four{color:white;z-index: 1;margin: -2% auto !important;}
}

/* 21-12-2017 */
.mul-lan-nav .active a {font-weight:600;}
.mt-20{margin-top:20px;}

.field-seperator hr{
	border-color:rgba(0, 150, 136, 0.6);
}
.pagination li.active a:focus,
.pagination li.active  a:hover {
    background-color: #5e72e4 !important;
    color: #fff;
    pointer-events: none;
   }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{color:#5e72e4;}

.pr-0{
	padding-right:0px !important;
}
.pl-0{
	padding-left:0px !important;
}
.mb0{
	margin-bottom:0px !important;
}
.ml-5{
	margin-left: 5px !important;
}
.faq-heading-row{
	margin:0px !important;
}
.faq-heading-row a{
	color:#fff !important;
}
.faq-heading-row .faq_actions{
	display:inline-flex !important;
	padding-right:0px !important;
}
.changePhoto{
	width:150px !important;
}
.image-input-file{
	display:none !important;
}

.mt--9	{
	margin:-9px;
}
.m-r-8 {
  margin-right: 8px;
}

.date-picker-error{
	margin-top:0px !important;
}

.b-b-0{
	border-bottom: 0px!important;
}

.border-none{
	border: none!important;
}
.bootstrap-tagsinput{
	height:34px;
	overflow-y:scroll;
	width:100%;
	padding: 0px;
}

.col-sm-12.disabled-variations {
  margin-bottom: -15px !important;
}
div.bootstrap-datetimepicker-widget .timepicker a.btn{
	box-shadow:none !important;
}

.option-html .addattribute .body .form-group {
  margin-bottom: 0;
}

div.country-code-mask .input-group span.error{
	margin-top:0px;
}
div.country-code-mask .input-group .input-group-addon{
	padding-top:10px;
	position:absolute;
	z-index:11;
}

div.country-code-mask .input-group input.form-control{
	padding-left:43px;
	padding-right:1px;
}
div.country-code-mask .input-group input.form-control#mobile_number{padding-left: 15px;}
.form-group .dropdown-toggle{
	padding-left:0px;
}

.resize-none{resize:none;}

.popover-content{
	max-height: 250px;
	overflow-y: scroll;
}
.popover-title{
	background-color: #E91E63 !important;
    color: #fff;
}

/* Switch ====================================== */
.switch.online label {
	font-weight: normal;
	font-size: 13px;
}
.switch.online label .lever {
	margin: 0 12px;
	background-color: rgba(244, 67, 54, 0.5);
}
.switch.online label .lever:after{
	background-color: #f44336;
}
.switch.online label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-green:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
}
.switch.online.panel-switch-btn{
	right:0px !important;
	top :-18px;
}

.m-w-200{
	min-width:200px;
}
.full-length-header tr th{
	white-space: nowrap;
}
.margin-inherit{
	margin:inherit;
}
.padding-3{
	padding: 3px !important;
}

.min-height-inherit{
	min-height: inherit;
}

.p-t-5-0{
	padding:5px 0px !important;
}
.border-teal{
	border-color:#009688;
}
.fs12{
	font-size: 12px !important;
}

/* 404 page not found */
.four-zero-four {
    margin: 5% auto;
    text-align: center;
    width: 100%;
    line-height: 1.42857;
    font-family: "Roboto",Arial,Tahoma,sans-serif;
    background-color: #e9e9e9;
    transition: all 0.5s ease 0s;
}

.four-zero-four .go-homepage-btn {
	background-color: #ff4d55;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-right: 0px;
    padding: 12px 32px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}
.four-zero-four .go-homepage-btn:hover, .four-zero-four .go-homepage-btn:focus {
    background-color: #18b9a2;
    color: #fff;
    text-decoration: none;
}
.four-zero-four .four-zero-four-container .error-code {
    font-size: 160px;
}
.four-zero-four .four-zero-four-container .error-message {
    color: #333;
    font-size: 26px;
    font-weight: bold;
    margin-top: -40px;
}
.four-zero-four .four-zero-four-container .button-place {
    margin-top: 32px;
}

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) {
  color: #e91e63;
  margin-left : inherit;
}
.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle)::before {
  content: "";
}
.no-bottom-border,  .no-bottom-border:focus{border-bottom:none !important}

.dropzone {
  border: 2px dashed #555 !important;
  background-color: #eee !important;
  border-radius:5px;
}
.dropzone.dz-drag-hover {
	border-style:solid !important;
}
.bootstrap-select {
  border-bottom: none !important;
}
.borderless-table tbody tr td{
	border:none !important;
	padding: 3px;
}


.product-gallery-list .filled-in[type="checkbox"]:not(:checked) + label::after {
  background: rgba(233, 30, 99, 0.5) none repeat scroll 0 0;
  border: 2px solid #e91e63;
}
.product-gallery-list .action-check-box {
  left: 20px !important;
  position: absolute !important;
  top: 5px;
}

.product-heading {
	margin-bottom: 20px;
	box-shadow: inherit;
}
.product-heading .header {
	padding: 10px;
}


.dropzone .dz-preview .dz-details,.dropzone .dz-preview .dz-image,.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-progress{
	z-index: 10 !important;
}
.dropzone .dz-preview:hover,.dropzone .dz-preview .dz-error-message {
	z-index: 11 !important;
}

#lead-template-form .build-wrap input[type="checkbox"]:not(:checked), #lead-template-form .build-wrap input[type="checkbox"]:checked {
	opacity:1!important;
	position:relative!important;
/*
	margin-left: -20px !important;
*/
	left: 0px !important;
	vertical-align: text-bottom!important;
	margin-right: 2px;
}

#lead-template-form .build-wrap input[type="radio"]:not(:checked), #lead-template-form .build-wrap input[type="radio"]:checked {
	opacity:1!important;
	position:relative!important;
/*
	margin-left: -20px !important;
*/
	left: 0px !important;
	vertical-align: text-bottom!important;
	margin-right: 2px;
}
.build-wrap input[type="Location"] { width:100%; background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); height: 34px;}
.brand-tooltip{
	padding-left: 5px;
	position: absolute;
	top: 6px;
}

.border-bottom{
	border-bottom: 1px solid rgb(221, 221, 221) ! important;
}

.build-wrap .btn-group { box-shadow: none}

.a-disabled {
  cursor: default !important;
  opacity: 0.45 !important;
  pointer-events: none !important;
}


.cursor-pointer{
	cursor: pointer !important;
}
.stats-anchor:hover{
	text-decoration: none;
}
.min-width-190{
	min-width:190px;
}

.white-space-nowrap{
	white-space:nowrap;
}
.no-record-found-tag {
    color: #bbb;
    /* font-family: inherit !important; */
    font-size: 24px !important;
	text-shadow: none;
}
.no-records-found-img{
	height:90px;
	width:90px;
}

.checkbox-dataTable input[type="checkbox"]{
   cursor: pointer;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
  background-color: #fffdd0;
}

.parent-check-box-label{
	height: 17px !important;
    line-height: 19px !important;
}
.child-check-box-label{
	height: 7px !important;
    line-height: 19px !important;
}
.selected-td{
	cursor: pointer;
}

#checkbox-dataTable .filled-in[type="checkbox"]:not(:checked) + label::after {
	width :14px !important;
	height :14px !important;
}

.m-t-2{
	margin-top:2px !important;
}
.multiple-inner-level-table .dataTables_wrapper .row .col-sm-6, .multiple-inner-level-table .dataTables_wrapper .row .col-sm-5, .multiple-inner-level-table .dataTables_wrapper .row .col-sm-7{
	margin-bottom:0px !important;
}
.multiple-inner-level-table td.details-control-td-class{
	padding:0px;
}
.multiple-inner-level-table .inner-data-table-class{
	max-height:50vh;
	overflow-y:scroll;
}
.z_index-10{
	z-index :10 !important;
}

.p-t-8 {
	padding-top:8px !important;
}
.p-b-8 {
	padding-top:8px !important;
}


.tree {
	min-height: 20px;
}

.tree li span a {
	color: #555
}

.tree li {
	list-style-type: none;
	margin: 0;
	padding: 10px 5px 0 5px;
	position: relative
}

.tree li::before,
.tree li::after {
	content: "";
	left: -29px;
	position: absolute;
	right: auto
}

.tree li::before {
	border-left: 2px solid #C0C2C7;
	bottom: 50px;
	height: 100%;
	top: -9px;
	width: 1px
}

.tree li::after {
	border-top: 2px solid #C0C2C7;
	height: 20px;
	top: 30px;
	width: 34px
}

.tree li span {
	border: 2px solid #C0C2C7;
	border-radius: 5px;
	font-size: 0.9em;
	display: inline-block;
	padding: 0px 5px;
	margin-top: 5px;
	margin-right: 2px;
	text-decoration: none;
}

.tree li .label.label-danger {
	border: 2px solid #D24D33;
}

.tree li .label.label-info {
	border: 2px solid #5BC0DE;
}

.tree li .label.label-warning {
	border: 2px solid #F0AD4E;
}

.tree li .label.label-default {
	border: 2px solid #999;
}

.tree li .label.label-success {
	border: 2px solid #82B964;
}

.tree li.parent_li>span {
	cursor: pointer
}

.tree>ul>li::before,
.tree>ul>li:after {
	border: 0
}

.tree li:last-child::before {
	height: 39px;
}


.simple-chaeckbox{
	opacity: 1 !important;
	position: relative  !important;
	left:0px  !important;
	vertical-align: text-bottom;
}

.tree li span.collapsed::before{
	content: '+';
}
.tree li span.expended::before{
	content: '\2013';
}

.tree li>label {
	border: 2px solid #cccccc;
	cursor: pointer;
	border-radius: 5px;
	display: inline-block;
	font-size: 0.9em;
	text-decoration: none;
	line-height: 20px;
}

.tree li.no-childrens label{
	margin-left: 25px;
}
.tree li label {
	text-transform: uppercase;
}
.card .body.mr-b .col-sm-12{
	margin-bottom : 0px;
}
.mr-b table{
	margin-top :0px !important;
}
.assigned-requests-parent-class .disabled,.assigned-requests-parent-class .disabled button{
	cursor:not-allowed !important;
}
.padding-10{
	padding:10px !important;
}
.text-decoration-none,.text-decoration-none:hover,.text-decoration-none:link{
	text-decoration:none;
}
#role_info_text{
	vertical-align: sub;
}
.daterangepicker select.yearselect{
	width : 46% !important;
}
.bootstrap-select .bs-searchbox .form-control{margin-left : 40px;}

.error-checkbox {
	outline: 2px solid red !important; padding-left: 0px !important; margin-right: 25px; height: 20px !important; top: 31px !important;
}

.top-36{
	top :36px !important;
}
.dropdown-menu.open .dropdown-menu.inner{
	max-height: 350px !important;
}
@media(max-width:500px){
	.dropdown-menu > li > a{
		white-space: normal;
	}
	.dropdown-menu > li > a span.text{
		margin-right: 8px !important;
	}
	.dropdown-menu.open .dropdown-menu.inner{
		max-height: 250px !important;
	}
}

.orderElement{
	color: rgb(0, 136, 204); cursor: pointer;
}
.orderdiv{
	color: rgb(0, 136, 204); cursor: pointer;

}
.list-order-text-box{
	width: 50% !important;
	float: left;
	border-radius:0;
}
.list-order-submit-button{
	padding: 1% 4% 12% 7%;
	margin-left: 0%;
	border-radius:0;
}
.list-order-submit-button-ican{
	vertical-align: -moz-middle-with-baseline;
}


.dropdown-menu.single.show-calendar{
	margin-top: 4px !important;
}

/** To set select box height*/
#notificationUserSelection .ms-container .ms-selectable, #notificationUserSelection .ms-container .ms-selection {
	width:48.7%;
	min-width: 220px !important;
}
#notificationUserSelection .second_label{
	margin-left:39.3%;
}
@media(min-width:768px){
	#selected_users_error{
		margin-left: 52%;
	}
}
@media(max-width:768px){
	#notificationUserSelection .ms-container .ms-selectable, #notificationUserSelection .ms-container .ms-selection {
		width:100% !important;
		min-width: 220px !important;
	}
	#notificationUserSelection .ms-selection{
		margin-top:20px;
	}
	#notificationUserSelection .second_label{
		margin-left:100%;
	}
}
.model-btn,.model-btn:hover,.model-btn:active {
	background-color:#008051 !important;
	color:#FFFFFF !important;
}
.padding-15{
	padding:15px !important;
}
.top-20{
	top:20px!important;
}
.top-10{
	top:10px!important;
}

.padding-left-5{
	padding: 0 0 0 5px !important;
}

.dropzone .dz-preview .dz-error-message {
    top: 150px!important;
}

.dropzone .dz-preview .dz-error-message span{
	word-wrap:break-word !important;
}
.close-modal:hover{
	color:#ffff !important;
}

.checkbox_label{height: 30px !important; }


.top-13{
	top:13px!important;
}
.top-25{
	top:25px!important;
}
.left-9{
	left:9px!important;
}

.input-loader-image{
	display: block;
	height: 24px;
}



.vertical-align-bottom{
	vertical-align : text-bottom !important;
}



/** style for chosen design*/
.modified-chosen .chosen-container-single .chosen-single{
	position: relative;
	display: block;
	overflow: hidden;
	height: 30px;
	color: #444;
	text-decoration: none;
	white-space: nowrap;
	line-height: 24px;
	border: none;
	border-radius: 0px;
	background-color:transparent;
	background:transparent;
	padding: 0px;
}
.modified-chosen .chosen-container-active .chosen-single{
	border-bottom: 1px solid #5897fb !important;
	box-shadow: none;
}
.modified-chosen .chosen-container-active.chosen-with-drop .chosen-single{
	padding: 0 0 0 8px;
}

.modified-chosen .chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url("chosen-sprite.png") no-repeat 0px 5px;
}

a.unseen_notification {
    background-color: #e9e9e9;
}
a.unseen_notification:hover {
    background-color: #fff !important;
}
a.not_anchor:hover {
	background-color: #fff !important;
	cursor: default;
}
h4.no_record_text{
	font-family: 'Roboto', Arial, Tahoma, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
#notificationCounter.label-count {
    position: absolute;
    top: -1px;
	left: 9px;
	right: auto !important;
	font-size: 10px;
	line-height: 15px;
	background-color:#232325;
	padding: 0 4px;
	border-radius: 3px;
}
.navbar .dropdown-menu {
    margin-left: 0px;
}

ul#notificationList {
	list-style: none !important;
}

.get-question:hover,.get-question:active{
	color:#fff;
}

.correct-option-error{
/*
	margin-top: 28px !important;
*/
	position:absolute;
}

.loading-cntant{
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.4);
	top:0;
	bottom:0;
	text-align:center;
	display:table;
	background:url(../images/loader.svg) no-repeat center center rgba(0, 0, 0, 0.8);
	z-index:99999;
	left:0;
	display:none;
}
.loading-cntant .loader{
	margin:auto;
	font-size:10px;
	position:absolute;
	text-indent:-9999em;
	border-top:8px solid #5A31DB;
	border-right:8px solid #5A31DB;
	border-bottom:8px solid #5A31DB;
	border-left:8px solid #fff;


	-webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
	display:table-cell;
	vertical-align:middle;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index: 999;
}
.loading-cntant .loader,
.loader:after {
  border-radius: 50%;
  width: 20em;
  height: 20em;
}
.inner-table-data {
    max-height: 350px;
    overflow-y: auto;
}
.white_logo_image{
	width:150px;
	height:100px;
}

.m-t--16{
	margin-top:-16px !important;
}
.ls-closed .navbar-brand{
	margin-left:30px !important;
}
.get-question.disabled{
	opacity : 0.87 !important;
}
.pointer-events-all{
	 pointer-events:all !important;
}
.login-page .input-group-addon{
	vertical-align:top;
}
.width-170{
	width:170px;
}
.width-180{
	width:180px;
}
.width-240{
	width:240px;
}

.multiSelect-search{
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	top:1px;
	background: url("search_icon.png") no-repeat 99% 7px;
	border-bottom:none;
	padding-right:25px;
}
.multiSelect-search:hover,.multiSelect-search:active,.multiSelect-search:focus{
	box-shadow: none !important;
	border-color: #CCC !important;
}
.ms-container .ms-list.ms-focus{
	border-color:#ccc !important
}
.inline-block{
	display:inline-block!important
}

.frmb .prev-holder input[type="number"], .frmb .prev-holder input[type="text"],.frmb .prev-holder textarea{
	padding-left:5px;
}

.profileImage{
	height:120px;
	width:120px;
}
.border-top{
	border-top: 1px solid rgb(221, 221, 221) ! important;
}

.set-model-header{
	margin-bottom:16px ! important;
}

.update-image-modal .modal-header{
	padding:21px 25px 5px 25px;
}

.simple-checkbox [type="checkbox"] + label{
	padding-left: 5px;
	font-weight: bold;
	vertical-align: middle;
	font-size: 14px;
	padding-top:3px;
}
.horizontal-labels{
	margin-top:6px;
}

.winning-breakdown-box .input-group .form-line + .input-group-addon{
	padding-left: 0px;
	line-height: 1.42857143;
}
.input-group-addon.currency{
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 10px;
	font-size:16px;
}

.margin-0{
	margin:0px;
}
.max-w-60{
	width:60px;
}

.divider-border{
	/* border:1px solid rgba(204, 204, 204, 0.35) */
	border-bottom:1px solid #ddd;
	margin-left:-20px;
	margin-right:-20px;
	box-shadow: none;
}
.date-range-icon{
	cursor: pointer;
}

input.disabled, textarea.disabled{
	cursor: not-allowed;
	color: gray;
}
select.readonly{
	pointer-events:none;
	opacity: 0.8;
}
input.readonly{
	pointer-events:none;
	color: gray;
}
.cursor-not-allowed{
	cursor: not-allowed;
}
.no-padding{
padding:	0px ! important;
}
.no-margin-bottom{
	margin-bottom: -10px ! important;
}
.scoring-matrix .nav-tabs > li{
	width:25%;
	text-align:center;
}
.scoring-matrix .panel-primary{
	margin-bottom: -3px ! important;
}
.skill_help_text{
	text-align: right;
	font-style: italic;
	font-size: 12px;
	color: #777;
	margin: 5px 0 10px 0;
}
.no-background{
	background-color: transparent !important;
	margin-bottom:-10px !important;
}

.input_box{
	margin-top:-10px !important;
	margin-bottom:-10px !important;
	height:25px;
	width:70px;
	font-size:10px;
}
.inputBox{
	text-align:center !important;
	margin-right:-10px !important;
	height: 27px;
	font-weight: normal;
	width: 40px;
	padding: 5px;
	font-size: 12px;
	margin-top: 3px;
	margin-left: 28px;
}
#winningPopulationError{
	margin-top:0px;
}
#buffer_value{
	font-weight: bold;
}

.color-gray{
	color:gray;
}
.loading_icon{
	background-color: transparent !important;
	margin-top:-3px !important;
	margin-right:-40px !important;
	white-space:normal;
}
.preloader.pl-size-xss{
	width: 18px;
	height: 18px;
}
.score-text-success{
	background-color: transparent !important;
	color:#4CAF50;
}
.score-close-button{
	margin-right:-2px;
	margin-left:2px;
}
.border-red{
	border: 2px solid #E91E63 !important;
}
.noHover:hover{
     color:white;
}
.noHover:focus{
     color:white;
}

.font-weight-normal{
	font-weight:normal;
}

.spinner-input-group{
	width:63px;
	float: left;
}

.spinner-input-group .form-control{
	padding:0px;
}
.spinner-input-group .form-line + .input-group-addon{
	padding-left: 2px;
}
.spinner-label{
	float: left;
}

.spinner-divider{
	float: left;
	padding: 10px;
}
#fixture_loader{
	margin-top: 10px;
}
#fixture_loader img{
	height : 17px
}
.help_text_strike_economy{
	text-align: right;
	font-style: italic;
	font-size: 12px;
	color: white;
	margin: 5px 0 10px 0;
}

.header-logo{
	width:70px;
	height:50px;
}
.total-amount-label{
	padding-top: 8px;
}
@media(max-width:768px){
	.simple-checkbox{
		display: inline-flex !important;
		padding-left: 15px;
	}
	.total-amount-label {
		padding-top: 0px;
	}
}
.total-amount-label i.fa {
    color: #666 !important;
}
.currency-symbol{
	color: #555 !important;
}
.title-width{
 padding-left:100px !important;
 padding-right:100px !important;
}

.checkbox-readonly{
	pointer-events:none;
	cursor: not-allowed;
	opacity: 0.7;
}

.dataTables_length select:-moz-focusring{
    color: transparent;
    text-shadow: 0 0 0 #232325;
}

.dataTables_length select:focus {
    border-bottom:1px solid #ddd !important;
}
.random_code_span{
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 30px;
}
.width-100{
	width:100px;
}
.width-75{
	width:75px;
}
.navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}

@media(max-width:767px){
	.navbar .navbar-brand{padding-left: 30px !important;}
}
.notification-url,.notification-url:hover,.notification-url:focus{
	color: #555;
	text-decoration: none;
}
.hide {
	display: none !important;
}
.card .header .header-dropdown {
	position: absolute;
	top: 20px;
	right: 15px;
	list-style: none;
}
.btn-right-top-margin {
	right: 25px !important;
	top: 15px !important;
}
.m-r--5 {
	margin-right: -5px !important;
}
.card .header .header-dropdown li {
	display: inline-block;
}
.card .header .header-dropdown {
	list-style: none;
}
.wizard ul, .tabcontrol ul {
	list-style: none !important;
	padding: 0;
	margin: 0;
}
.wizard > .steps > ul > li {
	*width: 25%;
	float: left;
}
.wizard ul > li, .tabcontrol ul > li {
	display: block;
	padding-right: 10px;
}
.m-b-0 {
	margin-bottom: 0px !important;
}
.align-center {
	text-align: center;
}
.demo-image-copyright {
	text-align: right;
	font-style: italic;
	font-size: 12px;
	color: #777;
	margin: 5px 0 10px 0;
}
.m-r-5 {
	margin-right: 5px !important;
}
.m-t-33 {
	margin-top: 33px !important;
}
#extra_buttons li {
	display: inline;
	list-style: none;
	padding-right: 5px;
}
.four-zero-four {
	width: 100%;
	text-align: center;
	margin: 5% auto;
}
.DTFC_RightBodyLiner { overflow-y: hidden !important; background-color:#fff;}
table.dataTable {background-color:transparent;}
.success_error_image {
	margin:auto;
}
#pick-location-report #pick-up-map {
	height: 400px;
}
#legend {
	font-family: Arial, sans-serif;
	background: #fff;
	padding: 10px;
	margin: 14px;
	border: 1px solid #232325;
	z-index: 0;
	position: absolute;
	top: 60px;
	right: 0px;
}
#legend img {
	vertical-align: middle;
	margin-bottom: 10px;
}

/*#datatable-listing{
	height : 200px;
}*/

.dataTables_scroll .dataTables_scrollBody {
overflow: unset!important;
}
.country-code-mask .input-group-prepend{width:26%;}
/*05-8-2020 */
.img-thumbnail{display: inline-block;}
.img-thumbnail img{max-width: 100%;}
div.country-code-mask .input-group input.form-control {border-right: 1px solid #DEE2E6;border-left: 1px solid #DEE2E6;}
div.country-code-mask.focused .input-group input.form-control {border-right: 1px solid #5e72e4;border-left: 1px solid #5e72e4;}
@media(max-width:767px){
	.country-code-mask .input-group-prepend{width:35%;}
	.card-view.card .header .header-dropdown li .btn.btn-success{padding: 6px 12px;}
	.card-view.card .table td, .card-view.card .table th {white-space: normal;display: block;width: 100%;text-align: center !important;border: none;padding:0px;}
	.card-view.card .table tr {background-color: #fff; border:1px solid #eee; border-bottom: 10px solid #f9f9f9;}
	.card-view.card .table th{padding-top: 15px; padding-bottom: 5px; border-top: 1px solid #eee;}
	.card-view.card .table td{padding-bottom: 15px; border-bottom: 1px solid #eee; border-top: 1px solid #eee;padding-top: 10px;}
	.card-view .table-responsive{padding: 15px 22px; background-color: #f9f9f9;}
	.card-view.card .btn-success{padding: 6px 12px;}
	.dataTables_scrollHead{overflow: inherit !important;}
	.card-view.card .table tr:first-child th{border-top:0px;}
	.on_click_submit .btn.btn-submit{padding: 8px 7px;}
	#driving_license_back .img-thumbnail{ margin-bottom: 20px;}
	.mtop-5{margin-top:5px !important;}

	}


	/*05-8-2020 */

.card .body {
	font-size: 14px;
	color: #555;
	padding: 20px;
}
.card .body .col-xs-12, .card .body .col-sm-12, .card .body .col-md-12, .card .body .col-lg-12 {
	margin-bottom: 20px;
}
.cms-section{border-top:1px solid #ddd;}
.barcodes .barcode-section{margin-bottom: 60px;}


.registered_successfully {
	min-height: 90vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sucess_box {
	text-align: center;
	border-radius: 10px;
	filter: drop-shadow(0 8px 0 #27282c);
	background-color: #fff;
	border: 1px solid #232325;
	padding: 30px 30px 40px;
	height: 100%;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s;
	position: relative;
	top: 0;
	max-width: 520px;
}
.success_submit.text-center {
	padding: 0 0 25px;
	font-size: 20px;
}
.joinform a {
	margin: 0 5px;
}
.logo_successfully {
	padding: 0 0 30px;
}


/*10-05-2021 */

.card-body .bootstrap-select > .dropdown-toggle {background-color: transparent;color: #8898aa;border: 1px solid #dee2e6;font-weight: normal;padding-left: 15px;}
.card-body .bootstrap-select > .dropdown-toggle:active, .card-body .bootstrap-select > .dropdown-toggle:focus{background-color: transparent !important;color: #8898aa !important;border: 1px solid #dee2e6 !important;}
.bootstrap-select .bs-searchbox .form-control {margin-left: 0;}
/*.open > .dropdown-menu {display: block;}*/
#searchForm .form-line .select2-container .select2-selection--single {height: 48px;color: #8898aa;border: 1px solid #dee2e6; font-size:14px;}
#searchForm .form-line .select2-container--default .select2-selection--single .select2-selection__rendered {color: #8898aa; position:relative;}
#searchForm .form-line .select2-container--default .select2-selection--single .select2-selection__rendered:after{font-family: 'Font Awesome 5 Free';
font-weight: 700;
font-style: normal;
font-variant: normal;
display: inline-block;
margin-left: auto;
content: '\f107';
transition: all .15s ease;
color: #ced4da;
position: absolute;
top: 0px;
right: 0;font-size: 17px;}


.input-group-text.email-icon {display: none;}
.joinus_form span.error{ font-size:100%;}

/*28-06-2021*/
#notificationCounter.label-count {background-color: #5A31DB;color: #fff;}
.breadcrumb-dark .breadcrumb-item a {color: #5A31DB;}
.breadcrumb-dark .breadcrumb-item.active {color: #5A31DB;}
.bg-primary {background-color: rgba(0,0,0,.99) !important;}
.navbar-expand .navbar-nav li span {color: black;}
.navbar-nav .nav-item .text-primary {color: #5A31DB !important;}
.breadcrumb-dark .breadcrumb-item + .breadcrumb-item::before {color: #5A31DB;}
.navbar-expand .navbar-nav .nav-link.pr-0.header-user-name::after {color: #5A31DB;}
.navbar-expand .navbar-nav li .dropdown-menu span {color: #232325;}
.pagination .page-item.active .page-link {	border-color: #5A31DB;background-color: #5A31DB;color: #fff;}
.pagination .page-link {color: #232325;border: 1px solid #232325;}
.pagination .page-link:hover {border-color: #5A31DB;background-color: #5A31DB;color: #fff !important;}
.btn-danger {color: #fff;border-color: #5A31DB;background-color: #5A31DB;}
.btn-danger:hover {color: #fff;border-color: #22D4AD;background-color: #22D4AD;}
#datatable-listing td a {color: #232325;}
.badge-primary {background-color: #228B22;}
.badge-danger {background-color: #ff0018;}
.card .table td a {color: #232325;}
.card .table td a.btn-success {color: #232325;background-color: #5A31DB;border-color: #5A31DB;}
.card .header .header-dropdown li .btn-success {color: #fff;background-color: #5A31DB;border-color: #5A31DB;}
.card .header .header-dropdown li .btn-default {border-color: #232325;background-color: #232325;}
.changePhoto.btn-default {border-color: #5A31DB;background-color: #5A31DB;}
.control-label {color: #232325;}
.navbar-vertical .navbar-nav .nav-link[data-toggle="collapse"][aria-expanded="true"]::after {color: #fff;}
.card .header .header-dropdown li .btn-primary {color: #fff;border-color: #22D4AD;background-color: #22D4AD;}
.card .header .header-dropdown li .btn-primary:hover {color: #fff;border-color: #5A31DB;background-color: #5A31DB;}
.card .header h3{color: #232325;}
body{color: #232325;}
.table {color: #232325;}
.form-control:focus {border-color: #232325;}

.bg-pink {background-color: #5A31DB !important;	color: #232325;}
.card .header a.bg-pink:hover, .card .header a.bg-pink:focus, .card .header button.bg-pink:hover, .card .header button.bg-pink:focus {background-color: #22D4AD !important;color: #fff;}
#datatable-listing td a.btn {color: #fff;}
.wizard ul li .btn-primary {background-color: #232325;border-color: #232325;}
.wizard > .steps > ul.multilanguage_tabs > li a.btn-primary:not(:disabled):not(.disabled).active {border-color: #5A31DB;background-color: #5A31DB;color: #fff;}
.card-stats .card-body span{color: #232325;}
.card .header .mb-0{color: #232325;}
#datatable-listing td .btn-default{color: #fff;border-color: #232325;background-color: #232325;}

.swal2-confirm.btn.btn-primary.m-r-5 {background-color: #5A31DB;border-color: #5A31DB;color: #fff;}
.swal2-cancel.btn.btn-warning {background-color: #f1f1f1;color: #232325;border-color: #f1f1f1;margin-left: 5px;}

.sidenav.bg-white {background-color: rgba(0,0,0,.99) !important;}
.navbar-light .navbar-nav .nav-link {color: #fff;}
.navbar-light .navbar-nav .nav-link:hover {color: #5A31DB;}
.sidenav-toggler-line {background-color: #5A31DB;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{color: #5A31DB;}

.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active {background: #5A31DB;}
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active .text-primary {color: #fff !important;}
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active  span{color: #fff;}
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active:hover{color: #fff;}

.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item .collapse .nav .nav-item.active .nav-link{color: #5A31DB;}
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active[data-toggle="collapse"]::after{color: #fff;}

.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item.active > .nav-link {background:#5A31DB;margin-right: .5rem;margin-left: .5rem;padding-right: 1rem;padding-left: 1rem;border-radius: .375rem;}
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item.active > .nav-link {color: rgba(0, 0, 0, .9);}
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item.active > .nav-link .text-primary {color:#232325!important;}


.navbar-vertical .navbar-nav .nav-item.active > .nav-link[data-toggle="collapse"]::after{color: #232325;}
.swal2-popup .swal2-styled.swal2-confirm {color: #fff;border-right-color: #5A31DB !important;	border-left-color: #5A31DB !important;background-color: #5A31DB !important; box-shadow:none !important;}


.set_image_dim{width:100px;height:100px;overflow: hidden;}
.set_image_medium_dim{width:50px;height:50px;overflow: hidden;}
.set_image_small_dim{width:20px;height:20px;overflow: hidden;}

.fixed-layout{
	table-layout : fixed;
}


/*New Google Autocomplete CSS*/
.autocomplete-results {
/*
	margin: 0 auto;
	right: 0;
	left: 0;
*/
	display: none;
	width: 320px;
	padding: 0;
	list-style-type: none;
	border: 1px solid #d2d2d2;
	border-top: 0;
	background-color: #fff;
	position: absolute !important;
	z-index: 1000;
	border-radius: 2px;
	border-top: 1px solid #d9d9d9;
	font-family: Arial,sans-serif;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.autocomplete-results-store {
	display: none;
	width: auto;
	padding: 0;
	list-style-type: none;
	border: 1px solid #d2d2d2;
	border-top: 0;
	background-color: #fff;
	position: absolute !important;
	z-index: 1000;
	border-radius: 2px;
	border-top: 1px solid #d9d9d9;
	font-family: Arial,sans-serif;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.autocomplete-item {
	height: 32px;
	position: relative;
	overflow: hidden;
	cursor: default;
	padding: 0 4px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 30px;
	text-align: left;
	border-top: 1px solid #e6e6e6;
	font-size: 11px;
	color: #999;
}
.autocomplete-icon {
	display: block;
	position: absolute;
	top: 7px;
	bottom: 0;
	left: 8px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
}
.autocomplete-icon.icon-localities {
	background-image: url(../images/locality.svg);
}
.autocomplete-item:hover .autocomplete-icon.icon-localities {
	background-image: url(../images/locality-selected.svg);
}
.autocomplete-item:hover {
	background-color: #f2f2f2;
	cursor: pointer;
}
.autocomplete-item b {
	margin-left: 27px;
	color: #555 !important;
}
.autocomplete-results::after {
	content: "";
	padding: 1px 1px 1px 0;
	height: 18px;
	box-sizing: border-box;
	text-align: right;
	display: block;
	background-image: url(../images/powered-by-google-on-white3_hdpi.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 120px 14px
}
.pac-card {
	margin: 10px 10px 0 0;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	background-color: #fff;
	font-family: Roboto;
}
#pac-container {
	padding-bottom: 12px;
	margin-right: 12px;
}
.pac-controls {
	display: inline-block;
	padding: 5px 11px;
}
.pac-controls label {
	font-family: Roboto;
	font-size: 13px;
	font-weight: 300;
}
#pac-input {
	background-color: #fff;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 300;
	margin-left: 12px;
	padding: 0 11px 0 13px;
	text-overflow: ellipsis;
	width: 400px;
}
#pac-input:focus {
	border-color: #4d90fe;
}
#pac-input {
	left: 0;
	right: 0;
	margin: auto;
	top: 10px;
	z-index: 1;
	width: 400px;
	max-width: 100%;
	height: 36px;
	border-radius: 4px;
	border: 1px solid #AEAEAE;
	margin-right: 120px;
}
@media (min-width: 767px) and (max-width:991px){
	#pac-input {
		left: 25px;
		right: auto;
		top: 60px;
		width: auto;
	}
}
.autocomplete-pac-results {
/*
	margin: 0 auto 0 0;
	right: 0;
	left: 0;
*/
	display: none;
	width: 400px;
	padding: 0;
	list-style-type: none;
	border: 1px solid #d2d2d2;
	border-top: 0;
	background-color: #fff;
	position: absolute !important;
	z-index: 1000;
	border-radius: 2px;
	border-top: 1px solid #d9d9d9;
	font-family: Arial,sans-serif;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.submit_booking.update_location {
	width: 119px !important;
	color: white;
	height: 36px !important;
	border-radius: 4px;
}
@media (max-width: 767px){
	.shipment_number_right .form-control {
		width: 100% !important;
		max-width: 100% !important;
		position: relative;
		left: inherit !important;
		right: inherit !important;
		top: inherit !important;
		bottom: inherit;
		margin-right: 2px !important;
		font-size: 12px !important;
		padding-left: 7px !important;
	}
	.submit_booking.update_location {
		width: 170px !important;
		font-size: 12px;left: inherit;right: inherit;top: inherit;position: relative;
	}
	.shipment_search {
		display: flex;
	}
	.autocomplete-pac-results {
		width: 100%;
	}
	.autocomplete-pac-results {
		top: 38px;
	}
	.ar-language #pac-input {
		margin-right: 0 !important;
		margin-left: 2px 0 !important;
	}
	.tracking_section ul.tabs li {
		padding: 0px 5px;
		font-size: 15px;
	}
}
#datatable-listing-category ul{
	margin: 0;
	padding: 0;
	display: inline-block;
}
#datatable-listing-category ul li{
	list-style-type: none;
	margin: 0;
	padding: 10px 5px 0 5px;
	position: relative;
	float: left;
}
.ar-language #pac-input {
	margin-right: 0;
	margin-left: 120px;
}
.color-blue{
	color:#0d6efd !important;
}

#display-icon{
	margin-top: 11px;
}

.modal-width{
	max-width: 1024px !important;
}
.form-control.add-country-textbox.SelectCountry {
	cursor: not-allowed;
}

/*25-01-2022*/
#myModalAirbill .modal-dialog{max-width:550px;}
#myModalAirbill .modal-dialog .card-body{padding:20px 10px;}
#myModalAirbill .modal-dialog .card-body .modal-body{padding:0;}
#pac-input{width: 100%;margin-right: 0;margin-bottom: 15px;}
.location_count .form-line{width: 100%;}
.location_count .input-group {
	position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: stretch;
}
.location_count .input-group-append{
    margin-left: -1px;
}
.location_count .btn-default{
	border-radius: 0!important;
}
.location_count#location_div_0 .btn-default{
	border-radius: 0.25rem!important;
	border-bottom-left-radius: 0!important;
	border-top-left-radius: 0!important;
}
.btn-default.delete_location {
	border-color: #e91e63;
    background-color: #e91e63;
	border-radius: 0.25rem!important;
	border-bottom-left-radius: 0!important;
	border-top-left-radius: 0!important;
}
.add_more_location_wrap{
	margin-bottom: 20px;
}
.add_more_location_wrap .btn-default{
	border-color: #5A31DB;
    background-color: #5A31DB;
	color: #fff;
	height: 46px;
	width: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.location_count .add_more_location_wrap .btn-default {
	border-radius: 0.25rem!important;
}
.ml-15{

	margin-left:15px;
}
td.details-control {
	background: url('../images/details_open.png') no-repeat center center;
	cursor: pointer;
}
tr.details td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}
.item_categories_images li {
	padding: 0 !important;
}
.autocomplete-location{
	padding:0px;
/*
	border:1px solid #dee2e6;
*/

}
.custom-control-label {
	padding-left: 0 !important;
}
.min-height-500{
	min-height : 500px;
}
.error_collapse .btn.btn-link {
	color: #232325;
}
.error_collapse hr {
	margin-top: 5px;
	margin-bottom: 5px;
}
.error_collapse .card {
	margin-bottom: 5px;
}
.input-group-append.map_icon {
	position: relative;
	float: right;
	top: -46px;
	margin-bottom: -46px;
}
.checkbox-details-control{
	padding-top:35px !important;
}
span.success {
    color: #42ba96;
    display: block;
    font-size: 100%;
    font-weight: normal;
    margin-top:.25rem;
}
.card-header.accordion-header {
	padding: 1.25rem 1.5rem;
	border-bottom: 1px solid rgba(0,0,0,.05);
	background-color: #fff;
}
.accordion .card-header[aria-expanded="false"]::after {
	content: '\ea0f';
}
.accordion .card-header[aria-expanded="true"]::after {
	transform: rotate(180deg);
}
.accordion .card-header::after {
	font: normal normal normal 14px/1 NucleoIcons;
	line-height: 0;
	position: absolute;
	right: 1.5rem;
	content: '\ea0f';
	transition: all .15s cubic-bezier(.68,-.55,.265,1.55);
	transform: translateY(-50%);
}
.accordion .card-header {
	cursor: pointer;
}
#pac-input.track_search_box {
	margin-bottom: 0px;
}
.shipment_search #pac-input {
width: 400px;
}
.country-code-mask.booking_mask .input-group-prepend {
	width: 35%;
}
.input-group-merge .form-control.stake_mobile {
	padding-left: 10px !important;
}
.store_address#my-input-autocomplete {
	border-radius: 0px;
}
.form-control:disabled, .form-control[readonly] {
	background-color: white !important;
}
#address-btn-id{
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	text-decoration: none;
	border: 1px solid #5A31DB;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	font-weight: bold;
	line-height: 1.223;
	display: inline-block;
	padding: 9px 16px;
	border-radius: 100px;
	font-weight: 500;
	background-color: #5A31DB;
	color: #fff;
	min-width: 264px;
	max-width: 264px;
	margin: 0 auto;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.location-update .login-box .form-box .form-group .form-control {
	border: solid 1px #cfcfcf;
	height: 49px;
	border-radius: 10px;
	font-size: 15px;
	color: #232325;
	padding: 0 20px;
}
.location-update .login-box label {
	display: inline-block;
	margin-bottom: .5rem;
}
#new_select_country {
	pointer-events: none;
}
.row.dhl_section .form-group {
	margin-bottom: 0;
}
.styled-selectors.ups_delivery_data {
	top: 3px;
	position: relative;
}
#business_location_0 {
	border-right: 1px solid #e9ecef;
}
.details-control.print.sorting_disabled {
	text-align: center;
}
.full_width{
	width : 100%;
}

/*
input {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 0;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	box-sizing: border-box;
	-webkit-appearance: none;
}

.mbsc-page {
	padding: 1em;
}

.md-multiple-lines-item {
	font-size: 14px;
	white-space: initial;
	display: flex;
	height: 60px;
	line-height: normal;
}

.md-multiple-lines-text {
	margin-top: auto;
	margin-bottom: auto;
}
*/
.quantity_label {
	text-transform: capitalize;
}

.set_image_medium_dim.web-inline {
	display: -webkit-inline-box;
}
.pl0{padding-left:0px !important;}
.booking_chart {
	height: 262px;
	width: 100%;
}
.g-sidenav-pinned .navbar-brand{display:block !important;}
.g-sidenav-pinned .logo-alod{display:none !important;}
.g-sidenav-hidden .navbar-brand{display:none !important;}
.g-sidenav-hidden .logo-alod{display:block !important;}

.navbar-vertical .navbar-nav .nav-link[data-toggle="collapse"][aria-expanded="true"]::after {
	color: #ced4da;
}
.setDateTimeFormat.show_date {
	opacity: 1;
}
.active .booking-no-column strong {
	color: #fff;
	font-weight: normal;
}
.details-sidebar{min-height:600px;}
.manifest_export{
	padding : 0px !important;
	border  : none !important;
}

.item-word-wrap {
	word-wrap:break-word;
	word-break: break-word;
}

.p-t-20{
	padding-top : 20px !important;
}
.payment_modal .modal-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 5px 0px;
}
.payment_modal .modal-box .payemt-detail {
    display: flex;
    width: 80%;
    align-items:center;
}
.payment_modal .modal-box .payemt-detail figure{
    max-width: 48px;
    margin:0;
}
.payment_modal .modal-box .payemt-detail .payemt-content {
    padding-left: 30px;
}
.payment_modal .modal-box .payemt-detail .payemt-content h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}
.payment_modal .modal-box .payemt-detail .payemt-content span {
    display: inline-block;
    font-size: 14px;
}
.payment_modal .modal-box .form-check {
    padding: 0;
    width: 20%;
}
.payment_modal .modal-box .form-check input{
    border: 2px solid #6c757d;
    width: 20px;
    height: 20px;
    float: right;
    opacity:1;
    position: inherit;

}
.payment_modal .modal-box .form-check-input:checked{
    background-color: #232325;
    box-shadow: none;
}
.payment_modal .modal-footer {
    display: flex;
    border-top: none;
    padding: 0;
    justify-content: center;
}
.payment_modal .modal-footer a{
	margin-bottom: 15px;
	margin-right:15px;
	  margin-left: 25px;
}
.payment_modal .modal-footer a:last-child {
	margin-right: 25px;
	margin-left: 0;
}
.payment_modal .btn{
    width: 100%;
    padding: 20px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    background-color: #5A31DB;
    border: 1px solid #5A31DB;
    margin: 0;
    border-radius: 0;
}
.payment_modal .modal-footer .btn.btn-default {
	background-color: #fff;
	border: 1px solid #fff;
}
.payment_modal .modal-header {
    border-bottom: none;
}
.payment_modal .modal-header .btn-primary{
    background-color: #5A31DB;
    color: #fff;
    padding: 8px;
    border-radius: 5px;
}
.payment_modal .modal-header h1{
    font-size: 25px !important;
    font-weight: 600;
}
.payment_modal .modal-header h1 .left-icon  i{
    color: #232325;
}
.payment_modal .modal-header h1 .left-icon{
    padding-right: 20px;
}
.payment_modal .modal-body{
    max-height: calc(100% - 72px);
    overflow-y: auto;
}
.payment_modal .modal-dialog{
    max-width: 600px;
}
.payment_modal .modal-content{
    height: 100%;
}
.payment_modal .modal-footer .btn{
	width:127px;
	font-size:16px;
	border-radius: 5px;
	padding: 10px;
	height: auto;

}

@media(max-width:425px){
    .payment_modal .modal-box .payemt-detail figure {
        max-width: 30px;
    }
    .payment_modal .modal-box .payemt-detail .payemt-content {
        padding-left: 25px;
    }
    .payment_modal .modal-box .payemt-detail .payemt-content h2{
        font-size: 15px;
    }
    .payment_modal .modal-box .payemt-detail{
        width: 90%;
    }
    .payment_modal .modal-box .form-check{
        width: 10%;
    }
    .payment_modal .modal-box .form-check input{
        width: 18px;
        height: 18px;
        opacity:1;
    }
    .payment_modal .modal-header h1{
        font-size: 16px !important;
    }
    .payment_modal .modal-header h1 .left-icon {
        padding-right: 10px;
    }
    .payment_modal .modal-header h1 .left-icon i{
        font-size: 15px;
    }
    .payment_modal .modal-header .btn-primary{
        font-size: 12px;
    }
    .payment_modal .btn{
        padding: 15px;
    font-size: 18px;
    }

}
.pay_amount span{
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 8px;
}

/* 04-04-2023 */

.services-section-tabs {
    padding-bottom: 40px;
    overflow: auto;
    display: flex;
}
.custom-control-input:checked ~ .custom-control-label::before{
	border-color: #232325 !important;
	background-color: #232325 !important;
}
.services-section-tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    flex-wrap: nowrap;
}
.services-section-tabs ul li .nav-link:after {
    background: url(../images/downarrow.svg);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    content: "";
    margin: auto;
    text-align: center;
    width: 26px;
    height: 0px;
    background-repeat: no-repeat;
}
.services-section-tabs ul li .nav-link.active:after {
    height: 16px;
}
.services-section-tabs ul li .nav-link {
    cursor: pointer;
    padding: 0px 21px;
    position: relative;
    height: 53px;
    border-radius: 33px;
    border: 1px solid rgba(19, 19, 19, .30);
    margin: 0 5px;
    font-size: 18px;
    color: #232325;
    text-align: center;
    z-index: 9;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.services-section-tabs ul li .nav-link.active {
      background-color: #5A31DB;
    color: #fff;
    font-weight: bold;
    border: solid 1px transparent;
}
.services-section-tabs ul li .nav-link.active:hover{
      background-color: #5A31DB;
	color: #fff;
    font-weight: bold;
    border: solid 1px transparent;
}
.services-section-tabs ul li .nav-link:hover {
      background-color: #5A31DB;
    color: #fff;
    border: solid 1px transparent;
}
.cms-pages .head-banner h1 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 0;
}
.cms-pages .head-banner {
    /*background-color: #232325;*/
    text-align: center;
    padding: 50px 0;
    margin-bottom: 50px;
	background-image: radial-gradient(circle at 39% 47%, rgba(107, 107, 107,0.08) 0%, rgba(107, 107, 107,0.08) 33.333%,rgba(72, 72, 72,0.08) 33.333%, rgba(72, 72, 72,0.08) 66.666%,rgba(36, 36, 36,0.08) 66.666%, rgba(36, 36, 36,0.08) 99.999%),radial-gradient(circle at 53% 74%, rgba(182, 182, 182,0.08) 0%, rgba(182, 182, 182,0.08) 33.333%,rgba(202, 202, 202,0.08) 33.333%, rgba(202, 202, 202,0.08) 66.666%,rgba(221, 221, 221,0.08) 66.666%, rgba(221, 221, 221,0.08) 99.999%),radial-gradient(circle at 14% 98%, rgba(184, 184, 184,0.08) 0%, rgba(184, 184, 184,0.08) 33.333%,rgba(96, 96, 96,0.08) 33.333%, rgba(96, 96, 96,0.08) 66.666%,rgba(7, 7, 7,0.08) 66.666%, rgba(7, 7, 7,0.08) 99.999%),linear-gradient(45deg, rgb(34,212,173),rgb(90,49,219));

}

.modal-content.term-model .custom-control-label span{
	left: 10px;
}
.modal-content.term-model .custom-control-label::before{
	left: -15px;
	border: 1px solid #232325;
	top: 8px;
}
.modal-content.term-model .modal-body.p-0{
	padding: 10px 0 !important;
}
.modal-content.term-model .cms-pages.bg-secondary.mb-0{
	margin-bottom: 10px !important;
}
.modal-content.term-model .custom-checkbox {
    position: absolute;
	 bottom: 30px;
    right: 40px;
}
.modal-content.term-model .custom-control-label span {
    left: 10px;
    color: #232325 !important;
    font-weight: 800;
	font-size: 16px;
}
.modal-content.term-model{
	overflow: scroll;
	overflow-x: hidden;
	max-height: 700px;
}
.modal-width {
    max-width: 800px!important;
}

@media(max-width:991px){
	.services-section-tabs ul li .nav-link {
		font-size: 16px;
		font-size: 16px;
		height: 40px;
	}
	.modal-width {
		max-width: 600px!important;
	}
}

@media(max-width:767px){
	.modal-content.term-model .cms-pages .head-banner h1{
		font-size: 23px;
	}
	.modal-width {
		max-width: 100% !important;
		padding: 0 15px;
	}
	.modal-content.term-model{
		display: block;
		max-height: 500px;
	}
	.modal-content.term-model .cms-pages .head-banner {
		padding: 40px 0;
		margin-bottom: 35px;
	}
	.modal-content.term-model .custom-control-label::before{
		width: 14px;
		height: 14px;
	}
	.modal-content.term-model .custom-control-label span{
		font-size: 13px;
	}
}

@media(max-width:576px){
	.modal-content.term-model .custom-checkbox{
		position: relative;
	bottom: 4px;
	left: 0;
	right: auto;
	}
}

.modal-content.term-model .custom-control-label::after {
left: -15px;
top: 8px;
}
.disabled {
	pointer-events: none;
	cursor: not-allowed;
}

.loader,
.loader:after {
    border-radius: 50%;
	width: 15em;
	height: 15em;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.btn-default {
	color: #fff;
	border-color: #5A31DB;
	background-color: #5A31DB;
	/*box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);*/
}
.mr-15 {
    margin-right: 15px;
}


/* 10-04-2024 */
.get_booking_details {
	font-size: 14px;
}
.get_booking_details .port_code_span{
	background-color: #efefef;
    border: solid 1px #c7c7c7 !important;
    border-radius: 50px;
	margin-top: 8px;
}
.liner_carrier{
	height: 70px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	border: solid 1px #f5f5f5;
	max-width: 100px;
}
.liner_carrier img{
	max-width: 100%;
	max-height: 100%;
}
.liner_carrier_wrap{
	display: inline-flex;
    flex-direction: column;
    justify-content: center;
}
.liner_carrier_wrap span{
	text-align: center;
	display: block;
}
.sailing_date, .transit_time, .effective_period{
	font-size: 16px;
	color: #232325;
	font-weight: bold;
	display: block;
}
.free_days_view{
	font-size: 16px;
	color: #232325;
	padding-right: 15px;
	background-image: url(../images/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 10px;
	border-bottom: solid 1px #232325;
	line-height: 1;
}
.free_days_view:hover{
	font-weight: bold;
	color: #232325;
}
.rate-summary ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.rate-summary-list li{
	align-items: center;
}
.rate-summary-list li span{
	font-size: 14px;
}
.rate-summary-list li strong{
	font-size: 13px;
	text-align: right;
	color: #232325;
	font-weight: normal;
}
.total-charges{
	margin-top: 40px;
}
.total-charges span{
	font-size: 14px;
	display: block;
	text-align: center;
}
.total-charges strong{
	font-size: 16px;
	display: block;
	text-align: center;
	font-weight: 600;
	color: #232325;
	font-weight: normal;
}
.fee-charges{
	margin-top: 25px;

}
.fee-charges span{
	font-size: 13px;
}
.fee-charges span a{
	font-size: 13px;
	text-decoration: underline;
	color: #232325;
}
.get_booking_details .form-group .form-line textarea.form-control{
	height: 80px;
}
.get_booking_details .custom-control a{
	text-decoration: underline;
	color: #232325;
}
.fix-input{
	height: 46px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 15px;
	border: solid 1px rgb(112, 112, 112, .75);
	border-radius: 4px;
	background-color: #f5f5f5;
}
.fix-input .fix-input-box{
	padding: 3px 10px;
	background-color: #fff;
    border: solid 1px #c7c7c7 !important;
    border-radius: 50px;
	
}
.fix-input .fix-input-text{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* .schedule-line{
	position: relative;
	padding-top: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #5A31DB;
}
.schedule-line::after, .schedule-line::before{
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #5A31DB;
	border-radius: 50%;
	content: "";
}
.schedule-line::before{
	left: 0;
	top: 6px;
}
.schedule-line::after{
	right: 0;
	top: 6px;
} */
.top-icon img{
	opacity: 0.2;
}
.top-icon{
	width: 20px;
	display: block;
	margin: 0 auto;
	position: relative;
}
.top-icon::after{
	height: 20px;
	top: 100%;
	width: 1px;
	background-color: #5A31DB;
	opacity: 1;
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.schedule-ui ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top: 15px;
	margin-top: 8px;
}
.schedule-ui ul li{
	position: relative;
}
.schedule-ui ul li:not(:last-child)::after{
	position: absolute;
	width: 50%;
	height: 2px;
	background-color: #5A31DB;
	content: "";
	top: -13px;
	left: 50%;
}
.schedule-ui ul li:not(:first-child)::before{
	position: absolute;
	width: 50%;
	height: 2px;
	background-color: #5A31DB;
	content: "";
	top: -13px;
	left: 0;
}
.schedule-ui ul li:first-child::before{
	position: absolute;
    width: 10px;
    height: 10px;
    background-color: #5A31DB;
    border-radius: 50%;
    content: "";
    left: 50%;
    top: -17px;
}
.schedule-ui ul li:last-child::after{
	position: absolute;
    width: 10px;
    height: 10px;
    background-color: #5A31DB;
    border-radius: 50%;
    content: "";
    right: 50%;
    top: -17px;
}
.schedule-ui ul li{
	padding: 0 10px;
	width: 33.33%;
}
.schedule-ui ul li strong{
	font-size: 12px;
	display: block;
	text-align: center;
	font-weight: normal;
}
.schedule-ui ul li p{
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
	text-align: center;
}
.add_more_fcl_btn, .delete_fcl_btn{
	margin-top: 38px !important;
}
.add_more_fcl_btn a, .delete_fcl_btn a{
	width: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	height: 40px;
}
.add_more_fcl_btn a{
	background-color: #5A31DB;
	color: #fff;
}
.delete_fcl_btn a{
	background-color: #232325;
	color: #fff;
}
.selected_subscription_plan .subscriptionbox{
	background-color: #eaf5ff;
}
.selected_subscription_plan .subscriptionbox .buynow.btn{
	background-color: #232325;
	color: #fff;
}
.selected_subscription_plan .feature{background-color: #fff;}
.selected_subscription_plan .subscriptionbox .buynow.btn:hover{
	background-color: #5A31DB;
	border-color: #5A31DB;
	color: #fff;
}
/* .selected_subscription_plan .subscriptionbox .plan-title{
	background-color: #5A31DB;
	color: #232325;
} */
@media(max-width:1199px){
	.add_more_fcl_btn, .delete_fcl_btn{
		margin-top: 32px;
	}
}
@media(max-width:991px){
	.add_more_fcl_btn, .delete_fcl_btn{
		margin-top: 24px;
	}
}
@media(max-width:991px){
	.add_more_fcl_btn, .delete_fcl_btn{
		margin-top: 0;
		margin-bottom: 30px;
	}
}
.freightify-list .dataTables_length {
	padding: unset !important;
}
.plan_free_message.text-center {
	font-size: 23px;
	padding: 0px 0px 30px 0;
	font-weight: bold;
}


.monthly_price{
	position: relative;
}
.price b{
	line-height:30px;
}
/* .monthly_price b{
	position: absolute;
	top: 0;
	left: 0;
} */
.monthly_price p{
	font-size: 50px;
  line-height: 50px;
}
.monthly_price strike{
	font-size: 25px;
	font-weight: 600;
  color: #535353;
  line-height: 30px;
}
.yearly_price p{
	font-size: 50px;
  line-height: 50px;
}
.yearly_price strike{
	font-size: 25px;
	font-weight: 600;
  color: #535353;
  line-height: 30px;
}
.airline_name strong {
	font-size: 20px;
}

.booking-freightify-list .freight_land > div {
	width: 33%;
}
.plan_free_message.text-center {
	font-size: 22px;
	padding: 0px 0px 30px 0;
	font-weight: normal;
	max-width: 1000px;
	margin: auto;
}


/****** 5-11-2024 ****/
.tab-box {
    display: none;
}

.tabbanner-image{position: relative;}
.TabbannerContent{ max-width: 700px; width: 100%;  position: absolute; top:0px; left: 0px; height: 100%; display: flex; align-items: center; justify-content: center;      flex-direction: column;}
.tabbanner-image h2{color: #fff;    /*font-family: 'HelveticaNeue-Bold';*/ text-transform: uppercase; font-size: 60px; line-height: 70px;}
.maintab.nav-tabs .nav-item .nav-link.active img{filter: brightness(0) invert(1);}
.maintab.nav-tabs .nav-item .nav-link:hover img{filter: brightness(0) invert(1);}
.maintab.nav-tabs .nav-item .nav-link.active, .maintab.nav-tabs .nav-item .nav-link:hover {
    border: 2px solid #5A31DB;
    background-color: #5A31DB;
    color: #fff;
}


.freightform .form-group .form-line select.form-control{background-image: url(../images/down-arrow-large.svg); background-size: 20px;     background-position: right 19px center;}
.action_button .btn.btn-primary{    background-color: #5A31DB;   color: #fff; box-shadow: none; border: none;     min-width: 150px;}
.action_button .btn.btn-primary i{display: none;}
.action_button .btn.btn-primary:hover{    background-color: #22D4AD;   color: #fff; }
.freightform .details-sidebar-wrap .nav-tabs .nav-item{margin-right: 20px;}
.freightform .details-sidebar-wrap .nav-tabs .nav-item:last-child{margin-right: 0;}
.freightform .details-sidebar-wrap .nav-tabs .nav-item .nav-link{    min-width: 120px;     text-align: center;}
.freightform .details-sidebar-wrap .nav-tabs .nav-item .nav-link::after{height: 6px;}
.blog-navigation .previous_next_links img{filter: brightness(0) invert(1);}
.input-group-append a span{color:#fff;}

.freightform .form-group .select2-container--default .select2-selection--single{background-image: url(../images/down-arrow-large.svg); background-size: 20px;     background-position: right 19px center;}

.air_total_shipment_div, .air_unit_div {
    padding-top: 26px;
}

.banner-section .headingCard {margin-bottom: 30px;}



/*** form Tab ***/


.form-row-calculate{display: flex; gap: 0px 19px;}
.calculate_partner .form-group  .form-line .form-control { height: 70px; padding-left: 27px; background-color: transparent; color: #232325; font-size: 16px; border-radius: 8px !important; border: 1px solid #797979;}
.calculate_partner .form-group  .form-line .form-control:focus {
    color: #232325;
    background-color: transparent;
    border-color: #5A31DB !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(90,49,219,.25);
}

.calculate_partner .form-row-calculate .col-from {
    width: 35%;
}

.calculate_partner .form-row-calculate .col-to {
    width: 35%;
}

.calculate_partner .form-row-calculate .col-weight{
    width: 30%;
}
.calculate_partner .form-group  .form-line{position: relative;}
.calculate_partner .form-group  .form-line label.control-label {
    position: absolute;
    top		: -13px;
    left	: 16px;
    z-index : 2;
    background-color: #fff;
    display	: inline-flex;
    padding	: 0px 7px;
    color	: #797979;
    font-size: 15px;
}
.calculate_partner .form-row-calculate > div{margin-bottom: 30px;}
.calculate_partner .col-from{position: relative;}
.calculate_partner .col-from .input-group {position: relative;}
.calculate_partner .col-from .input-group  .form-control, .calculate_partner .col-to .input-group  .form-control {padding-left: 65px; padding-right: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
/* .calculate_partner .col-from .input-group:before{position: absolute; left:23px; top:23px; content: '';  background-image: url(../images/ship-parcel-icon.svg); background-repeat: no-repeat; height: 27px; width: 27px; z-index: 1; } */
.calculate_partner .col-from .input-group:before{position: absolute; left:23px; top:23px; content: '';  background-image: url(../images/location-ship-icon.svg); background-repeat: no-repeat; height: 27px; width: 27px; z-index: 1; } 
.calculate_partner .col-from .form-group  .form-line .input-group select.form-control, .calculate_partner .col-to .form-group  .form-line .input-group select.form-control{background-image: url(../images/small-arrow-icon.svg);
    background-repeat: no-repeat; background-position: 94% 33px;}

.luggage_cal .col-from .input-group:before{position: absolute; left:23px; top:23px; content: '';  background-image: url(../images/location-ship-icon.svg); background-repeat: no-repeat; height: 27px; width: 27px; z-index: 1; }


.calculate_partner .form-group  .form-line .form-control:focus, .calculate_partner .form-group  .form-line .form-select:focus {
    z-index: 1;
}

.calculate_partner .form-group  .form-line .form-control:disabled, .calculate_partner .form-group  .form-line .form-control[readonly] {
    background-color: transparent !important;
}
.calculate_partner .form-group  .form-line .form-control::placeholder {
    color: #232325; 
    opacity: 1;
}

.calculate_partner .col-to .input-group:before{position: absolute; left:23px; top:23px; content: '';  background-image: url(../images/location-ship-icon.svg); background-repeat: no-repeat; height: 25px; width: 25px; z-index: 1; }
.calculate_partner .item_weights .form-line .form-control{padding-left: 27px; padding-right: 20px;}
.calculate_partner .item_weights .form-line select.form-control, .calculate_partner .pallet_box .form-line select.form-control{background-image: url(../images/small-arrow-icon.svg); background-repeat: no-repeat; background-position: 94% 33px;}

.partner-rates-bg-btn .btn-primary{height: 70px; display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 50px; min-width: 150px;}

.swap-location-icon {
    position: absolute;
    top: 0px;
    right: -31px;
    z-index: 1;
    padding: 0px;
    border: none;
    border-radius: 0px;
}


.calculate_partner .booking_type_div .form-line .form-control{padding-left: 27px; padding-right: 40px;}
.calculate_partner .booking_type_div .form-line .form-control{    background-image: url(../images/small-arrow-icon.svg); background-repeat: no-repeat; background-position: 94% 33px;}

.filter-row-item{display: flex; gap: 0px 19px;}
.filter-row-item > div{flex-grow: 1;}

.New_rate_calculator .modal-content .modal-body input.controls#pac-input {
    height: 70px;
    padding-left: 27px;
    background-color: transparent;
    color: #232325;
    font-size: 18px;
    border-radius: 8px !important;
    border: 1px solid #797979;
}
.New_rate_calculator .modal-content .modal-body input.controls#pac-input {
    height: 54px;
    padding-left: 27px;
    background-color: transparent;
    color: #232325;
    font-size: 18px;
    border-radius: 8px !important;
    border: 1px solid #797979;
    box-sizing: border-box;
    font-family: 'din_alternatebold';
}
.New_rate_calculator .modal-content .modal-body #store-address input {
    height: 54px;
    padding-left: 27px;
    background-color: transparent;
    color: #232325;
    font-size: 18px;
    border-radius: 8px !important;
    border: 1px solid #797979;
    box-sizing: border-box;
    font-family: 'din_alternatebold';
}
.New_rate_calculator .modal-content .modal-body #store-address .form-group {position: relative; margin-bottom: 26px;}
.New_rate_calculator .modal-content .modal-body #store-address .form-group:last-child{margin-bottom: 0px;}
.New_rate_calculator .modal-content .modal-body #store-address .form-group label{
    position: absolute;
    top: -13px;
    left: 22px;
    z-index: 2;
    background-color: #fff;
    display: inline-flex
;
    padding: 0px 7px;
    color: #797979;
    font-size: 18px;
}
.New_rate_calculator .modal-footer {
    border: none;
    padding: 0px;
    justify-content: center;
	padding: 0px 20px 26px;
}
.New_rate_calculator .modal-footer .btn-primary{
    height: 60px;
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 50px;
}

.personal-section{padding: 40px 0px;}

.personal-section .services-section-tabs ul li .nav-link{min-width: 220px;}

.subscriptionbox{-webkit-box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23);
    box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23);}

	.plan-title{    padding: 24px 20px;}


	@media  (min-width: 1200px) {
		.subscription-pricing .contents:nth-last-child(2) {
			margin: 0px;
		}
	
		.subscription-pricing .contents {
			margin-top: 50px;
		}


	}

	

@media  (max-width: 991px) {
	.form-row-calculate {
		flex-wrap: wrap;
	}
	.calculate_partner .form-row-calculate .col-from ,.calculate_partner .form-row-calculate .col-to {
		width: calc(50% - 10px);
	}

	.calculate_partner .form-row-calculate .col-weight {
		width: 100%;
	}

	.filter-row-item{    flex-wrap: wrap;}
	.filter-row-item > div.filter-col-item{margin-bottom: 30px;}
}



@media(max-width:767px){
	.tabbanner-image h2{    font-size: 21px; line-height: 27px;}
	.TabbannerContent{    max-width: 150px;}
div.country-code-mask .input-group input.form-control{margin-bottom: 5px;}
.country-code-mask .input-group-append{width: 100% !important;}



.calculate_partner .form-row-calculate .col-from ,.calculate_partner .form-row-calculate .col-to {
	width: 100%;
}
.swap-location-icon {
    top: 48px;
    right: 14px;
}
.swap-location-icon img {
    max-width: 29px;
}
	.banner-section{padding-top: 180px;     align-items: flex-start; }
	.shipping-calculatorBox .nav-pills{        border-top-right-radius: 10px;}
	.calculate_partner .form-group .form-line .form-control{height: 60px;}
	.calculate_partner .form-row-calculate > div{margin-bottom: 20px;}
	.filter-row-item > div.filter-col-item{margin-bottom: 20px;}
	.calculate_partner .form-group .form-line .form-control{font-size: 16px;}
	.calculate_partner .form-group .form-line label.control-label{    top: -12px;     font-size: 16px;}
	.calculate_partner .col-from .input-group:before, .calculate_partner .col-to .input-group:before{background-size: 20px;     top: 20px;
	}
	.calculate_partner .col-from .input-group  .form-control, .calculate_partner .col-to .input-group  .form-control {
		padding-left: 54px;
	}
	.partner-rates-bg-btn .btn-primary{height: 56px;}
	.cms-pages {
		margin-top:0px;
	}

	.cms-pages .head-banner h1{font-size: 24px;}
	.cms-pages .head-banner{padding: 24px 0; margin-bottom: 22px;}
	.plan-title-mobile:hover {
		color: #fff;
	}

	.plan-title {
		padding: 14px 20px;
	}
	.plan-title-mobile.collapsed {
		border-radius: 5px;
	}


}

.warehouse-section-tab.services-section-tabs{font-family: 'din_alternatebold' !important;}
.personal-section .rate_calculator-wrapper .details-sidebar{min-height: inherit; margin-bottom: 50px;}

.rate-calculate{background-color:#ffffff; border-radius:10px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25); -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25); margin:0 0 20px; border:1px solid #e0e0e0; display: flex; justify-content: space-between;}
.rate-calculate .thumbnail-logo{display: flex; align-items: center; gap: 10px; width: 25%; padding:30px;}
.rate-calculate .thumbnail-logo figure{height:73px; width:73px; border-radius:10px; display: flex; align-items: center; background-color: #FFF4D9; justify-content: center;}
.rate-calculate .thumbnail-logo h5{font-size:15px; color:#232325; margin:0;}
.routebox{width:50%; display:flex; align-items: center; justify-content: space-between; padding:30px 0; position:relative;}
.routebox:after{position:absolute; content:""; left:0; top:0; bottom:0; margin:auto; background-color:#d9d9d9; height:2px; width:100%;}
.day-content{background-color: #5A31DB; border-radius: 20px; color: #ffffff; font-size: 14px; padding: 2px 23px; position:relative; z-index:1;}
.route{position:relative;}
.route:after{position:absolute; content:""; top:0; bottom:0; left:0; border:2px solid #D9D9D9; border-radius:50%; height:15px; width:15px; margin: auto; background-color: #fff; z-index: 1;}
.route:before{position:absolute; content:""; top:0; bottom:0; left:5px; border-radius:50%; height:5px; width:5px; margin: auto; background-color: #5a31db; z-index: 2;}
.route:last-child:after{right:0; left:auto;}
.route:last-child:before{right:5px; left:auto;}
.route h5{font-size:18px; color:#232325; margin:0 0 40px;}
.route span{display:block; font-size:15px; color:#9E9E9E;}
.route:last-child h5, .route:last-child span{text-align:right;}

.price-start{background-color:#fafafa; width:15%; padding:30px; text-align:center; border-radius:0 10px 10px 0; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.price-start span{display:block; font-size:14px; color:#797979;}
.price-start strong{display:block; font-size:26px; color:#232325;}
.price-start strong b{font-size:23px;}
.price-start .btn.btn-primary{padding: 6px 15px; font-size: 16px; height: auto;}
@media  (max-width: 1199px) {
.rate-calculate .thumbnail-logo{padding: 30px 15px;}
.routebox{width: 45%;}
.price-start{width: 20%; padding: 30px 15px;}
}
@media  (max-width: 767px) {
.rate-calculate{flex-direction:column; padding:15px;}
.rate-calculate .thumbnail-logo{width:100%; padding:0;}
.routebox{width: 100%; padding:15px 0;}
.price-start{width: 100%; padding:15px; border-radius:10px;}
}

/*contact us*/
.contact_content{display: flex; flex-wrap: wrap; justify-content: space-between; padding:0 0 50px 0;}
.left_panel{width:100%;}
.right_panel{width:100%;}

.contact_us_form{background-color:#ffffff; padding:50px; -webkit-box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23); box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23); border-radius: 30px; margin:20px 0 0;}
.contact_us_form .form-group{margin:0 0 20px;}
.contact_us_form .form-control{border: 1px solid #707070; height: 56px; border-radius: 5px; box-shadow:none; padding: 6px 12px; font-size: 18px; color: #8D8D8D;}
.contact_us_form .form-control:focus{border: 1px solid #707070;}
.contact_us_form textarea.form-control{resize:none; height:150px;}
.contact_us_form .btn-primary{padding: 10px 25px; font-size: 18px;}
.contact_info ul{margin:20px 0 0;}
.contact_info ul li{width:100%; padding:0 0 15px; text-align:center;}
.contact_infobox{background-color:#ffffff; height:100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column; padding:20px 20px; font-size: 16px; border: 1px solid #D9D9D9; border-radius: 20px;}
.contact_infobox strong{display:block; font-size: 22px; font-family: 'din_alternatebold'; margin:0 0 5px;}
.contact_infobox figure{margin:0 0 5px;}

@media(max-width:767px){
.contact_us_form{padding: 30px 15px;}
.contact_us_form .form-control{height: 46px;}
.contact_us_form .on_click_submit .btn.btn-submit{padding: 8px 20px;}
}
/*contact us*/

.app-download-section{padding: 60px 0px; position: relative; z-index: 1; }
.app-workarea {display: flex; align-items: center; flex-wrap: wrap;}
.app-workarea .qr-code{margin-right: 20px;}
.app-workarea .qr-code img{border-radius: 10px;}
.download-app-btn span{margin-bottom: 12px;}
.download-app-btn span:last-child{margin: 0;}
.app-download-section p{margin: 16px 0px 28px;}
.headingCard h2{margin: 0px; padding: 0px 0px 10px;display: block;  font-size: 45px; font-family: 'din_alternatebold';}
.app-downloadCard{max-width: 1100px; margin: 70px auto 50px; position: relative; z-index: 1; background: #22D4AD; border-radius: 20px; padding: 45px;}
.app-downloadCard .appScreen-holder{position: absolute; top:-86px; right: -50px; z-index: 1;}
.app-downloadCard .appScreen-holder:after{position: absolute; top:0px; right: 0px; left: 0px; bottom: 0px; margin: auto; content: ''; background-image: url(../images/circle-app-bg.svg); background-repeat: no-repeat; height: 446px; width: 446px; z-index: -1; -webkit-animation: mover 1s infinite alternate;
animation: moverCircle 1s infinite alternate; }
.app-downloadCard .appScreen-holder figure{margin-left: 57px; -webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate;}

@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}

@-webkit-keyframes moverCircle {
0% { transform: translateY(0); }
100% { transform: translateY(20px); }
}
@keyframes moverCircle {
0% { transform: translateY(0); }
100% { transform: translateY(20px); }
}

@media (max-width: 1199px) {
.app-downloadCard .appScreen-holder figure{    margin-left: 0px;}
.app-downloadCard{max-width: 100%;}
.app-downloadCard .appScreen-holder{right: 0px;}
.app-downloadCard .appScreen-holder:after{left: -40px; height: 400px; width: 400px; background-size: 400px;}
.headingCard h2{font-size: 36px;}
}
@media (max-width: 991px) {
.app-downloadCard .appScreen-holder{position: relative; top: 0px; right: 0px; z-index: 1; margin-top: 20px;}
.app-downloadCard .appScreen-holder figure{margin: 0px;}
.app-downloadCard .appScreen-holder:after{left: -20px;}
.headingCard{text-align: center !important;}
.headingCard h2{font-size: 24px;}
.headingCard p{font-size: 18px; line-height: 24px;}
.app-workarea{justify-content: center; margin-bottom: 12px;}
}
@media (max-width: 767px) {
.app-downloadCard{margin: 0px 0px; padding: 22px;}
.headingCard p{font-size: 16px; line-height: 24px;}
.app-workarea .qr-code{margin-right: 0; padding-right: 6px;}
.app-workarea > div{width: 50%;}
.app-downloadCard .appScreen-holder::after{display: none;}
}

@media (min-width: 1200px) {
.filter-row-item > div.col-weight.int_item_weights{min-width: 230px;}
.calculate_partner .item_weights .form-line select.form-control, .calculate_partner .pallet_box .form-line select.form-control{background-position: 95% 33px; padding-left: 15px; padding-right: 30px;}
}



/****** 06-05-2025 *****/
.contact_us_form {
    display: flex;
    padding: 0px;
    box-shadow: none;
	width: 100%;
	padding: 0px 0px;
	margin-bottom: 30px;
}

.contact_us_form .left-contactFlex{width: 40%; padding: 0px 20px; background: linear-gradient(to right, rgba(34, 212, 173, 0.6) 0%, rgba(90, 49, 219, 0.6) 100%); display: flex; align-items: center; justify-content: center; border-top-left-radius: 30px; border-bottom-left-radius: 30px; position: relative;}
.contact_us_form .right-contactFlex{width: 60%; padding: 30px 40px; -webkit-box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23);
    box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23); background-color: #fff;  border-top-right-radius: 30px; border-bottom-right-radius: 30px;}

.image-thumbCaption{position: relative; z-index: 1; text-align: center;}

.social-links-info{ position: absolute; top:0px; left: 0px; background-color: #fff; padding: 12px; border-bottom-right-radius: 10px;}
.social-links-info li{margin: 0px 0px 12px;}
.social-links-info li:last-child{margin:0px;}

html[lang="ar"] .social-links-info{left: auto; right: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 0px;}
html[lang="ar"] .contact_us_form .left-contactFlex{ border-top-right-radius: 30px; border-bottom-right-radius: 30px;  border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
html[lang="ar"]  .contact_us_form .right-contactFlex{ border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 30px; border-bottom-left-radius: 30px;}

.socialFooterLink li a img{filter: brightness(0) invert(1); -ms-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s; max-width: 35px;}
.socialFooterLink li a:hover img{filter: brightness(1) invert(0); opacity: 1 !important; visibility: visible !important;}

@media (max-width: 767px) {
.contact_us_form{flex-wrap: wrap; flex-direction: column-reverse;}
.contact_us_form .left-contactFlex,.contact_us_form .right-contactFlex{width: 100%;}
.contact_us_form .right-contactFlex{padding: 20px;}
.contact_us_form .left-contactFlex{border-radius: 20px; padding-top: 40px; border-top-left-radius: 0px; border-top-right-radius: 0px;  }
.contact_us_form .right-contactFlex{border-radius: 20px;  border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

html[lang="ar"] .contact_us_form .left-contactFlex{border-radius: 20px;  border-top-left-radius: 0px; border-top-right-radius: 0px;}
html[lang="ar"]  .contact_us_form .right-contactFlex{border-radius: 20px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}

}



@media(max-width:1399px){
	.calculate_partner .form-group .form-line label.control-label{
		font-size: 16px;
		left: 15px;
	}
}
@media(max-width:991px){
	.filter-row-item > div{
		margin-bottom: 30px !important;
	}
}


/******* 02-06-2025 ****/

html[lang="ar"]  .swap-location-icon{    right: auto; left: -30px;}
.blog-box .set_blog_image{
	height: auto !important;
}

.right-sidebar ul li .recent-blog-list figure .set_recent_blog_image {
    width: auto !important;
    height: auto !important;
    overflow: hidden;
}

.blog-img a {
    display: block;
    height: 260px;
    overflow: hidden;
}

.blog-box .blog-img a img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
}
.blog-list-row .right-sidebar ul li .recent-blog-list figure {
    flex: inherit;
    max-width: 100%;	
    height: 50px;
    width: 50px;
    border: 1px solid #ddd;
}

.right-sidebar ul li .recent-blog-list figure .set_recent_blog_image {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    object-fit: cover;
    max-height: 100%;
}

.right-sidebar ul li .recent-blog-list .title {
    flex: auto;
    max-width: 100%;
    width: calc(100% - 55px );
}


@media(max-width:767px){
	.personal-section .services-section-tabs ul li .nav-link {
    min-width: auto;
    height: auto;
    padding: 10px 27px;
}
.personal-section .services-section-tabs ul li .nav-link.active:after{        bottom: -15px;}
.swap-location-icon{display: none;}

.about-section .about-row .img-column .alod-about-img figure {
	max-width: 100%;
}


}


/******   04-06-2025 freight css  *****/


.seaForm-area{padding: 60px 0px; min-height: 760px; display: flex; align-items: center;}
.seaBlock-card .headingCard{margin-bottom: 20px;}
.seaBlock-card {
    width: 100%;
}
.seaForm-freight .nav-pills{display: inline-flex;  gap: 0px 4px; border-radius: 10px;filter: drop-shadow(0 4px 15px rgba(58, 112, 191, .1)); background-color: #fff; overflow: hidden;padding: 4px;position: relative; z-index: 2;; margin-bottom: 10px;}
.seaForm-freight .nav-pills .nav-link{display: flex; align-items: center; border-radius: 10px;  gap: 0px 8px; color: #232325; 	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s; outline: none;}
.seaForm-freight .nav-pills .nav-link.active{    color: #037ee3;
    background-color: rgb(3 126 227 / 14%);}

.seaForm-freight  .nav-pills .nav-link span {
    background: rgb(3 126 227 / 23%);
    height: 23px;
    width: 23px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
		-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s;
}

.seaForm-freight  .nav-pills .nav-link span img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.seaForm-freight .nav-pills #pills-Air-tab.nav-link.active{ background-color: rgb(217 76 43 / 23%); color: #d94c2b;}
.seaForm-freight .nav-pills #pills-Land-tab.nav-link.active{ background-color: rgb(244 171 10 / 23%);     color: #cd8f08;}

	.seaForm-freight .nav-pills #pills-Air-tab.nav-link span{background-color: rgb(217 76 43 / 23%);}
	.seaForm-freight .nav-pills #pills-Land-tab.nav-link span{background-color: rgb(244 171 10 / 23%)}

.seaForm-freight .nav-pills #pills-Sea-tab.nav-link.active span{  background: rgb(255 255 255 / 54%);}
.seaForm-freight .nav-pills #pills-Air-tab.nav-link.active span{    background: rgb(255 255 255 / 54%);}
.seaForm-freight .nav-pills #pills-Land-tab.nav-link.active span{background: rgb(255 255 255 / 54%);}
.seaForm-freight .nav-pills .nav-link:hover{background-color: #efefef;}


.freight-boxCard{ background-color: #fff;    border-radius: 12px;box-shadow: 0 10px 70px 0 rgba(58, 112, 191, .16); position: relative;z-index: 1; padding: 10px;}
.freight-row{display: flex; gap: 0px 10px;}
.freight-row .search-btn{flex: 0 0  auto;}
.freight-row .freight-col{display: flex;flex-basis: 50%;flex-grow: 1;flex-shrink: 1;}
.freight-row .freight-col .form-control {color: #232325;     height: 55px;font-size: 16px;border-radius: 8px; border: 1px solid #797979;     padding-left: 42px;
    padding-right: 20px;text-overflow: ellipsis; white-space: nowrap; background-image: url(../images/location-ship-icon.svg);
    background-repeat: no-repeat; background-position: 10px center;}

.freight-row .freight-col .form-control:focus {
    background-color: transparent;
    border-color: #5A31DB !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(90,49,219,.25);
}

.freight-row  .city-form {display: flex; width: 100%;}
.city-form .city-col{width: 50%; position: relative;}
.freight-row .freight-right{display: flex; width: 100%;}
.freight-row .freight-right > div{width: 50%;}
.search-btn .btn-primary {
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 50px;
    min-width: 120px;
	    font-size: 18px;
}









/******   10-06-2025 freight css  *****/
.luggage-shipping-section{padding: 30px 0px 60px;}
.luggage-shipping-section .headingCard h2{font-size: 30px; line-height: 40px; margin-bottom: 20px;}

.luggage-shipping-section .nav.nav-tabs {
    justify-content: flex-start;
    margin: 0px 0px 20px;
    gap: 0px 10px;
	border: none;

}



.luggage-shipping-section .nav.nav-tabs .nav-link {
    font-size: 16px;
    color: #232325;
    text-decoration: none;
    border-radius: 50px;
    border: 1px solid rgba(19, 19, 19, .30);
    padding: 4px 20px;
    min-width: 140px;
    height: 50px;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
	font-family: 'din_alternatebold';
}

.luggage-shipping-section .nav.nav-tabs .nav-link.active {
    color: #fff;
	background-color: #5A31DB;
    border: 1px solid #5A31DB;
}

.luggageList{display: flex; flex-wrap: nowrap; gap: 0px 26px;}
.luggageBox{height: 100%; position: relative; z-index: 1; text-align: center; font-family: 'din_alternatebold'; font-size: 16px; }
.luggageBox h3{color: #000; margin: 0px; padding: 15px 0px; font-size: 18px; display: block; font-family: 'din_alternatebold';}
.luggageBox .Detailtooltip{color: #000000;  line-height: 22px; }
.luggageBox strong.maXLBS {font-weight: normal; display: block; color: #797979;}
.luggageBox strong.greenText {color: #22D4AD;}
.luggageBox strong.yellowText {color: #F7AC1A;}

.luggageList li {
    flex: auto;
}
.luggageBox figure {
    height: 280px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.luggageQuantity {margin: 15px 0px;}
.luggageQuantity  .form-select{color: #232325; border: 1px solid #797979; width: 72px; height: 48px; padding: 5px 14px; border-radius: 6px; margin: auto;}
html[lang="ar"] .luggageQuantity  .form-select {background-position: left .75rem center;}
html[lang="ar"] .luggage-shipping-section .btn-grp .btn img {
    transform: rotate(-180deg);
}
html[lang="ar"] .luggage-shipping-section .btn-grp .btn img{margin-right: 10px; margin-left: 0px;}
html[lang="ar"] .luggage-shipping-section .btn-grp .btn:hover img{margin-right: 0px;}
.luggageQuantity  .form-select:focus{background-color: transparent;
    border-color: #5A31DB !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(90, 49, 219, .25);}




	.luggage-shipping-section .btn-grp{justify-content: flex-end; margin-top: 30px; gap: 0px 16px;}
	.luggage-shipping-section .btn-grp .btn{
    height: 70px;
    min-width: auto;
    padding: 10px 33px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-family: 'din_alternatebold';

	
}
	.luggage-shipping-section .btn-grp .btn img{    margin-left: 10px;    filter: brightness(0) invert(1); margin-left: 10px;
    position: relative;
    transition: all 0.4s ease-in-out;
    width: 27px;
    height: 27px;}
.luggage-shipping-section .btn-grp .btn:hover img{transition: all 0.4s ease-in-out;
    filter: brightness(1) invert(1);
    margin-left: 0px;
    height: 0;
    width: 0;}
	.luggage-shipping-section .btn-grp .btn.btn-border {
    border: 1px solid #22D4AD;
    color: #22D4AD;
   
}
	.luggage-shipping-section .btn-grp .btn.btn-border img{  filter:inherit;}
.luggage-shipping-section .btn-grp .btn.btn-border:after{background-color: #22D4AD;}
	.luggage-shipping-section .btn-grp .btn.btn-border:hover{color: #fff;}
	.luggage-shipping-section .btn-grp .btn.btn-border:hover img{    filter: brightness(1) invert(1);}

.popover-content {
	display: none;
}

/* optional shadow */

.custom-popover{   padding:16px;   z-index: 2;}
.popover-body {
  border: none;
	padding: 0px;




}
.popover-body  p{font-family: 'din_alternatebold';
  color: #000000;   font-size: 16px; margin: 20px 0px 0px;   line-height: 20px;}


	@media (min-width: 992px) and (max-width:1199px){
.luggageBox h3{font-size: 16px;}
.luggageBox{font-size: 14px;}
	}

	@media (min-width: 768px) and (max-width:991px){
.luggageBox h3{font-size: 16px;}
.luggageBox{font-size: 14px;}
.luggageList{flex-wrap: wrap;
    gap: 0px;}
.luggageList li {
    flex: inherit;
    width: 33.33%;
    padding: 0px 10px 20px;
}

	}

	@media(max-width:767px){

.luggageBox h3{font-size: 16px;}
.luggageBox{font-size: 14px;}
.luggageList{flex-wrap: wrap;
    gap: 0px;}
.luggageList li {
    flex: inherit;
    width: 50%;
    padding: 0px 10px 20px;
}
.luggage-shipping-section{padding: 16px 0px;}
.luggage-shipping-section .headingCard h2{font-size: 22px; text-align: center; margin-bottom: 10px;}
.luggage-shipping-section .nav.nav-tabs{justify-content: center; margin-bottom: 0px;}
.luggageBox figure{height: 240px;}
.luggageBox figure img{max-height: 100%;}
.luggage-shipping-section .btn-grp{justify-content: center;}
.luggage-shipping-section .btn-grp{margin-top: 10px; gap:0px 10px}
.luggage-shipping-section .btn-grp .btn img{max-width: 20px;}
.luggage-shipping-section .btn-grp .btn {
    flex: auto;
    font-size: 16px;
    padding: 5px 14px;
    height: 55px;
}
	
	
.banner-section{min-height: 300px !important;}
.shipping-calculatorBox.homeshippingbox .tab-calculatorBox{min-height: inherit;}
.shipping-calculatorBox.homeshippingbox{margin-top: -120px !important;}

}


.luggage-shipping-section{background-color:#f8f8f8;}
.luggageshippingbox{border-radius: 10px; padding:25px; -webkit-box-shadow: 0px 0px 4px 0px #00000040; box-shadow: 0px 0px 4px 0px #00000040; background-color:#ffffff; margin:10px 0;}
.luggageshippingbox .swap-location-icon{display:none;}
.luggage-shipping-section .tab-calculatorBox{min-height: inherit; padding:0; box-shadow:none;}
.luggage-shipping-section .tab-calculatorBox .calculate_partner .form-row-calculate .col-to, .luggage-shipping-section .tab-calculatorBox .calculate_partner .form-row-calculate .col-from{width: 50%; margin-bottom: 0;}

.luggageshippingdata{padding:25px 0;}
.luggageshippingrow{border-radius: 10px; -webkit-box-shadow: 0px 0px 4px 0px #00000040; box-shadow: 0px 0px 4px 0px #00000040; background-color:#ffffff; display: flex; flex-wrap: wrap;}
.luggage-selected-item{width:25%; background-color:#f8f8f8; padding:25px; border-radius: 10px 0 0 10px;}
.luggage-selected-item h4{margin: 0; font-size: 24px; font-family: 'din_alternatebold'; color: #232325;}
.luggage-selected-item .btn-primary{padding: 8px 25px; font-size: 18px; height: auto;}
.luggage-selected-item span{display: flex; align-items: center; color: #797979; font-size: 14px; gap:10px;}
.luggage-selected-item label{font-family: 'din_alternatebold'; center; color: #232325; font-size: 18px;}
.luggage-selected-item span strong{font-size:20px; font-family: 'din_alternatebold'; center; color: #232325;}
.luggageshippingrow .sidebar{width:75%; padding:25px;}
.luggageshippingrow .rate-calculate .thumbnail-logo{padding: 0 30px;}
.luggageshippingrow .routebox{padding:0; width: 45%;}
.luggageshippingrow .price-start{padding: 15px 0px; width: 20%;}

.luggage-shipping-section .nav.nav-tabs{margin: 0px 0px 30px;}


.card.add-booking-page .luggage-shipping-section{background-color: transparent; padding: 0 0 30px 0;}
.card.add-booking-page .luggage-shipping-section .luggageBox figure{height: auto; margin:0;}
.card.add-booking-page .luggage-shipping-section .luggageBox figure img{max-height: 90px;}
.card.add-booking-page .luggage-shipping-section .luggageList{gap:15px; padding: 0; flex-wrap:wrap; justify-content: center;}
.card.add-booking-page .luggage-shipping-section .luggageList li{list-style:none; padding: 0;}
.card.add-booking-page .luggage-shipping-section .luggageList li .luggageBox{background-color:#F6F6F6; padding: 20px 15px;}
.card.add-booking-page .luggage-shipping-section .luggageList li .luggageBox .luggageQuantity{margin:0;}

.btn.filterbtn{font-size: 16px; color: #232325; text-decoration: none; border-radius: 5px; border: 1px solid rgba(19, 19, 19, .30); padding: 10px 15px; display: flex; align-items: center; justify-content: space-between;}
.btn.filterbtn img{max-width:20px;}

.price-img{max-width:25px; margin-right:10px;}

.currency-drop .select2.select2-container{border: 1px solid rgba(112, 112, 112, 0.75);height: 46px; background-image: url(../images/arrow-down.svg); background-repeat: no-repeat; background-size: 9px 6px; background-position: right 8px center; padding-right: 20px !important;}
.currency-drop .select2-container--default .select2-selection--single{border:0; box-shadow: none; height: 100%;}
.currency-drop .select2-container .select2-selection--single .select2-selection__rendered{padding-right: 0;}
.currency-drop .select2-container .select2-selection--single .select2-selection__rendered span img{max-width:16px;}
.select2-results .select2-results__options li{padding:10px 10px; text-align: center;}
.select2-results .select2-results__options li img{max-width:16px;}

@media (min-width:768px){
.btn.filterbtn{display:none;}
#partnerfilter.collapse:not(.show){display:block;}
}
@media (max-width:1199px){
.luggage-selected-item{width: 100%; border-radius: 10px;}
.luggageshippingrow .sidebar{width: 100%;}
.luggage-shipping-section .nav.nav-tabs{justify-content: center; margin:0px 0px 35px;}
.card.add-booking-page .luggage-shipping-section .luggageList li{width: 32%; flex: inherit;}
.currency-drop .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 0; padding-right: 0; font-size: 14px;}
}
@media (max-width:991px){
.luggage-shipping-section .tab-calculatorBox .calculate_partner .form-row-calculate .col-to, .luggage-shipping-section .tab-calculatorBox .calculate_partner .form-row-calculate .col-from{width: 48%;}
.card.add-booking-page .luggage-shipping-section .luggageList li{width: 31.8%;}
}
@media (max-width:767px){
.luggage-shipping-section .shipping-calculatorBox{margin-top: 20px;}
.luggage-shipping-section .tab-calculatorBox .calculate_partner .form-row-calculate .col-to, .luggage-shipping-section .tab-calculatorBox .calculate_partner .form-row-calculate .col-from{width: 100%; margin:10px 0;}
.luggageshippingrow .rate-calculate .thumbnail-logo{padding: 0;}
.luggageshippingrow .routebox{padding:25px 0 15px 0; width: 100%;}
.luggageshippingrow .price-start{padding: 15px 0px 0 0px; width: 100%;}
.card.add-booking-page .luggage-shipping-section .luggageList li{width: 48%;}
}
@media (max-width:567px){
.card.add-booking-page .luggage-shipping-section .luggageList li{width:47%;}
.card.add-booking-page .luggage-shipping-section .luggageList li .luggageBox{padding: 15px 10px;}

#partnerfilter{margin-top: 30px;}
.personal-section .custom-container.range-verticalsContainer.New_rate_calculator .rate_calculator-wrapper .details-sidebar{margin-bottom: 0;}
}



.thankyou-section{padding:80px 0 80px 0; min-height: 47.5vh;}
.thankyou-content{display: flex; justify-content: space-between; background-color: #fff; align-items: center; border-radius: 20px; padding:57px 30px; flex-direction: column; margin: 0 auto; max-width: 800px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15); box-shadow: 0 0 10px rgba(0,0,0,.15); text-align: center;}
.thankyou-content h1{font-size: 40px; font-weight: 700;color: #000000; margin: 0 0 10px;}
.thankyou-content p{font-size: 22px; font-weight: 400; color: rgba(19,23,32,0.8); margin: 0 0 20px;}
.thankyou-content figure{margin: 0 0 20px;}
.thankyou-content figure img{max-width: 80px;}
.thankyou-content .btn-primary{padding: 12px 25px; font-size: 20px; height:auto;}
@media (max-width:767px){
.thankyou-section{padding:50px 0 50px 0;}
.thankyou-content{padding:30px 20px;}
.thankyou-content h1{font-size: 30px;}
.thankyou-content p{font-size: 18px;}
.thankyou-content figure img{max-width: 50px;}
.thankyou-content .btn-primary{padding: 10px 18px; font-size: 18px;}	
}

/*faq page css*/
.faq-section{padding: 0px 0px 50px;}
.faq-row{display: flex; flex-wrap: wrap; justify-content: space-between;}
.left-faq-column{width:25%; background-color: #fff; padding: 24px; box-shadow: 0px 2px 10px #0000000F; border: 1px solid #5B5B5B26; border-radius: 10px;}
.left-faq-column .nav-tabs{border: none; flex-direction: column; }
.left-faq-column .nav-tabs .nav-item:not(:last-child){margin-bottom: 25px;}
.left-faq-column .nav-tabs .nav-link{position:relative; border:none; box-shadow:none; padding:0 0 0 20px; line-height: 26px; font-size: 20px; color: #232325;}
.left-faq-column .nav-tabs .nav-link:hover{color: #5A31DB;}
.left-faq-column .nav-tabs .nav-link.active{border:none; color: #5A31DB;}
.left-faq-column .nav-tabs .nav-link:before{position: absolute; left: 0; top: 10px; content: ""; width: 8px; height: 8px; border-radius: 2px; background-color: #5A31DB;}

.right-faq-column{width:73%; background-color: #fff; box-shadow: 0px 2px 10px #0000000F; border: 1px solid #5B5B5B26; border-radius: 10px; padding:25px 20px;}
.faq-heading{font-size: 30px; color: #232325;  margin: 0 0 20px;}
.right-faq-column .accordion-item{border: none; border-radius:0; border-bottom:1px solid rgba(19, 19, 19, .30);}
.right-faq-column .accordion-item:last-child{border: none;}
.right-faq-column .accordion-item .accordion-header .accordion-button{border: none; box-shadow: none; color: #232325; line-height: 26px; font-size: 20px; padding: 24px 0px;}
.right-faq-column .accordion-item .accordion-header .accordion-button:not(.collapsed){color: #232325; background-color: transparent; box-shadow: none;}
.right-faq-column .accordion-body{padding: 0 0 32px;}
.right-faq-column .accordion-body p{color: #797979; line-height:24px; font-size:18px; margin:0;}
.right-faq-column .accordion-body ul li{position:relative; padding:0 0 10px 20px; color: #797979; line-height:24px; font-size:18px; margin:0;}
.right-faq-column .accordion-body ul li:after{position: absolute; left: 0; top:9px; content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #797979;}

.itemlist{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 25px -8px 0; padding: 0;}
.itemlist li{width: 25%; padding: 0 15px 30px; text-align: center;}
.itemlist .itembox{padding:20px; height:100%; background-color: #ffffff; border: 1px solid #e3e3e3; border-radius: 10px; -webkit-box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23); box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23);}
.itemlist .itembox figure{margin: 0 auto 20px; background-color: #5A31DB; height: 80px; width: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.itemlist .itembox h4{font-size: 20px; line-height: 1.2; display: block; margin:0 0 10px; color: #232325;}
.itemlist .itembox p{font-size: 16px; color: #797979; line-height: 26px; margin:0;}


.guideline-section{padding: 60px 0px 40px; position: relative; z-index: 1; background:#f8f8f8;}


.guideline-list{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 25px -8px 0; padding: 0;}
.guideline-list li{width: 25%; padding: 0 15px 30px; text-align: center;}
.guideline-list figure{margin: 0 auto 20px; height: 100px; width: 100px; border-radius: 50%; border: 1px solid #797979; display: flex; align-items: center;
justify-content: center; background-color: #ffffff;}
.guideline-list figure img{max-width:50px;}
.guideline-list h4{font-size: 20px; line-height: 1.2; display: block; margin:0 0 10px; color: #232325;}
.guideline-list p{font-size: 16px; color: #797979; line-height: 26px; margin:0;}

.heading p{color: #797979; font-size:20px;}
.attachlabel-section{background:#f8f8f8;}
.attach-img-row{display:flex; flex-wrap;wrap; justify-content:space-between; margin:20px 0 30px;}
.attach-img-row figure{width:48%; background-color: #ffffff; -webkit-box-shadow: 0px 2px 10px #0000000F; box-shadow: 0px 2px 10px #0000000F; border: 1px solid #5B5B5B26; border-radius: 10px; padding: 25px 20px;}

.note-section{padding:40px 0;}
.note-section ul > li{position:relative; padding:0 0 10px 20px;}
.note-section ul li ol{margin:10px 0 0;}
.note-section ul li, .note-section ul li p{color: #797979; line-height:24px; font-size:18px; margin:0;}
.note-section ul > li:after{position: absolute; left: 0; top:9px; content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #797979;}

.tips-section ul li{padding:0 0 20px 30px; position:relative;}
.tips-section ul li::before{position: absolute; content: ""; top: 2px; left: 0; width:18px; height:18px; background: url(../images/cricle-grid.svg) no-repeat; background-size: 18px;}
.tips-section ul li h5{margin:0; font-size:20px;}
.tips-section ul li p{margin:0; color: #797979; font-size:16px;}



.banner-section .slideshow .SliderImage video{width: 100%; height: 100%; object-fit: cover;}

@media (max-width:1199px){
.left-faq-column{width: 30%;}
.faq-heading{font-size: 26px;}
.left-faq-column .nav-tabs .nav-link{line-height: 24px; font-size: 18px;}
.right-faq-column{width: 68%;}
.right-faq-column .accordion-item .accordion-header .accordion-button{font-size: 18px; padding: 20px 0px;}
.right-faq-column .accordion-body p{font-size: 16px;}
.right-faq-column .accordion-body ul li{font-size: 16px;}

.itemlist li{width:33.33%;}
}
@media (max-width:991px){
.left-faq-column{width:100%; margin:0 0 20px;}
.right-faq-column{width:100%;}
.left-faq-column .nav-tabs .nav-item:not(:last-child){margin-bottom: 15px;}

.itemlist li{width:50%;}
.guideline-list li{width: 50%;}
}
@media (max-width:767px){
.faq-heading{font-size: 22px;}
.left-faq-column .nav-tabs .nav-link{font-size: 16px;}
.left-faq-column .nav-tabs .nav-link::before{top: 9px;}
.right-faq-column .accordion-item .accordion-header .accordion-button{font-size: 16px; padding: 20px 0px;}

.heading p{font-size: 18px;}
.itemlist li{width:100%;}
.guideline-section{padding: 40px 0px 40px;}
.guideline-list li{width:100%;}
.attach-img-row{flex-wrap: wrap; gap: 20px;}
.attach-img-row figure{width: 100%;}
}




/*Luggage Shipping Page CSS*/
.luggage-banner-section{position:relative; display: flex; flex-wrap: wrap;}
.luggage-banner-section video{width:100%; height: 751px; object-fit: cover;}
.luggage-banner-section:after{position:absolute;}
.luggage-banner-section .container{position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center;}
.video-content{width:731px;}
.video-content h1{font-size:60px; line-height: 1.1; color: #ffffff; margin:0 0 10px;}
.video-content h3{font-size:40px; line-height: 1; color: #ffffff; margin:0 0 10px;}
.video-content p{font-size:24px; line-height: 1.4; color: #ffffff; margin:0 0 10px;}
.video-content ul{margin: 0 0 30px;}
.video-content ul li{position: relative; font-size:24px; line-height: 1.9; color: #ffffff; padding: 0 0 0 40px;}
.video-content ul li:before{position: absolute; content: ""; left: 0; top:10px; height:28px; width:28px; background:url("../images/fill-check-icon.svg") no-repeat;}
.luggageshippingbg{position:relative; background:#5A31DB url("../images/tablogobg.png") no-repeat bottom right; box-shadow: 0px 0px 8px 0px #5A31DB3B; border-radius:10px 10px 0 0; padding:25px 0 0 25px; display: flex; align-items: center; justify-content: space-between;}
.headingCard.text-start{text-align: left !important;}

.luggageshippingbg .calculate_partner .form-group .form-line .form-control:disabled, .luggageshippingbg .calculate_partner .form-group .form-line .form-control[readonly]{background-color: transparent !important; border-radius: 80px !important; box-shadow: none !important;}
.luggage-shipping-section .luggageshippingbg .nav.nav-tabs{margin: 0;}
.luggage-shipping-section .luggageshippingbg .headingCard h2, .luggage-shipping-section .luggageshippingbg .headingCard p{color:#ffffff;}
.luggage-shipping-section .nav.nav-tabs .nav-link{position:relative; color: #ffffff; background-color:transparent; border: 1px solid #ffffff;}
.luggage-shipping-section .nav.nav-tabs .nav-link.active{color: #5A31DB; background-color: #ffffff; border: 1px solid #ffffff;}
.luggage-shipping-section .nav.nav-tabs .nav-link.active:after{position:absolute; content:""; left:0; right:0; bottom:-12px; height:16px; width:23px; margin:auto; background:url("../images/tab-down-arrow.svg") no-repeat; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;}
.luggageshippingbox.mt-0{border-radius: 0 0 10px 10px; position: relative;}

.luggage-shipping-section .headingCard h2{font-size:45px; line-height:70px;}
.luggageshipping-text{padding: 0px 0px 150px 0px;}
.luggage-shipping-page .calculate_partner.clearfix.luggage_cal{position: absolute; top: -120px; left: 25px; z-index: 1; width: 761px;  height: 80px; border-radius: 80px; background: #FFFFFF;}
.luggage-shipping-page .calculate_partner .form-group .form-line{padding:16px 0 16px 90px;}
.luggage-shipping-page .luggage_cal .col-from .input-group::after{position: absolute; content:""; top:-34px; left:-80px; width:66px; height:66px; border-radius:50%; background-color:#F1F1F1;}
.luggage-shipping-page .luggage_cal .col-from .input-group::before{left: -60px; top: -13px;}
.luggage-shipping-page .calculate_partner .col-to .input-group::before{left:-60px; top:-13px;}
.luggage-shipping-page .calculate_partner .col-to .input-group::after{position: absolute; content:""; top:-34px; left:-80px; width:66px; height:66px; border-radius:50%; background-color:#F1F1F1;}
.luggage-shipping-page .calculate_partner .form-group .form-line .form-control{border: none; padding: 0 !important; height: auto; color: #7D8A9E; box-shadow: none !important;}
.luggage-shipping-page .calculate_partner .form-group .form-line .form-control::-placeholder, .calculate_partner .form-group .form-line .form-control::-moz-placeholder{color:#7D8A9E;}
.luggage-shipping-page .calculate_partner .form-group .form-line label.control-label{position: relative; top: auto; left: auto; padding: 0; font-size: 16px; color:#7D8A9E; background-color: transparent;}



.baggage-section{position: relative; background:rgba(0,0,0,0.65) url("../images/luggagebg.png") no-repeat; background-size: cover; padding: 80px 0;}
.baggage-row{display: flex; flex-wrap: wrap; justify-content: space-between; gap:22px;}
.baggage-row .baggage-content{width:32%; display: flex; flex-direction: column; justify-content: center;}
.baggage-row .baggage-content h3{font-size:40px; line-height:50px; color: #ffffff; margin: 0 0 10px;}
.baggage-row .baggage-content p{font-size:24px; line-height:32px; color: #ffffff; margin:0;}
.baggage-row .door-service{width:32%; border: 1px solid #FFFFFF; background:#FFFFFF url("../images/logobg.png") no-repeat top right; background-size: 219px; border-radius: 10px; padding:35px 10px 35px 25px;}
.service-head{display: flex; align-items: center; gap:20px; margin: 0 0 30px;}
.service-head img{max-height: 36px;}
.service-head h4{font-size:30px; line-height:50px; color:#232325; margin: 0;}
.door-service ul li{font-size:24px; line-height:50px; color:#232325; margin: 0; padding: 0 0 0 35px; position: relative;}
.door-service ul li:after{position: absolute; content: ""; left: 0; top:18px; height: 16px; width: 16px; background:url("../images/green-check-icon.svg") no-repeat;}
.baggage-row .airport-service{width:32%;border: 1px solid #EFEFEF; background: #242424C7; border-radius: 10px; padding:35px 10px 35px 25px;}
.airport-service .service-head h4{color:#ffffff;}
.airport-service ul li{font-size:24px; line-height:50px; color:#FFFFFF; margin: 0; padding: 0 0 0 35px; position: relative;}
.airport-service ul li:after{position: absolute; content: ""; left: 0; top:18px; height: 16px; width: 16px; background:url("../images/close-icon.svg") no-repeat;}

.howitwork-section{padding: 60px 0;}
.howitwork-step ul{display: flex; justify-content: center; margin:20px 0 60px;}
.howitwork-step ul li{padding: 0 23px;}
.howitwork-step ul li strong{display: block; text-align: center; font-weight: 700; color: #232325; font-size: 18px;}
.howitwork-step .step{border: 1.5px solid #22D4AD; background-color: #ffffff; width: 70px; height: 70px; margin:0 auto 10px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative;}
.howitwork-step .step span{display: flex; align-items: center; justify-content: center; width:50px; height:50px; border-radius: 50%; background: #5A31DB; color: #ffffff; font-size: 18px;}
.howitwork-step ul li:not(:last-child) .step:before{position: absolute; content: ""; right:-97px; top:50%; margin-top: -1px; height:1px; width:97px; background-color:#22D4AD;}
.howitwork-step ul li:not(:last-child) .step:after{position: absolute; content: ""; right:-99px; top:50%; margin-top: -4px; height:8px; width:5px; background:url("../images/green-arrow.svg") no-repeat;}


.howitwork-row{padding: 40px 0px; max-width: 1100px; margin: auto; display: flex; align-items: center; justify-content: space-between; flex-wrap:wrap;}
.howitwork-row:nth-child(2n+1){flex-direction: row-reverse;}
.howitwork-img{width:50%; text-align: left;}
.howitwork-imgbox{position: relative; display: inline-block;}
.howitwork-imgbox span{display: flex; align-items: center; justify-content: center; font-size: 30px; color: #5A31DB; background-color:#FFFFFF; border: 2px solid #5A31DB; width:40px; height:40px; border-radius:50%; position: absolute;}
.howitwork-row:nth-child(1) .howitwork-imgbox span{left:27px; top:-17px;}
.howitwork-row:nth-child(2) .howitwork-imgbox span{right:-10px; top:-15px;}
.howitwork-row:nth-child(3) .howitwork-imgbox span{left:5px; top:100px;}
.howitwork-row:nth-child(4) .howitwork-imgbox span{right:-10px; top:-15px;}
.howitwork-row:nth-child(2n+1) .howitwork-img{text-align: right;}
.howitwork-conent{width:50%; padding:0 0 0 30px;}
.howitwork-conent h3{font-size:40px; line-height:45px; margin:0 0 20px; color: #000000;}
.howitwork-conent p{font-size:20px; line-height:22px; margin:0; color: #000000; margin:0 0 20px;}
.howitwork-conent ul{padding: 0 0 0 18px;}
.howitwork-conent ul li{font-size:20px; line-height:22px; color: #000000; padding: 0 0 15px 0; list-style: disc;}
.howitwork-row:nth-child(2n+1) .howitwork-conent{width:50%; padding:0 30px 0 0;}

.whychoose-section{background: linear-gradient(180deg, #F8F8F8 0%, #FFFFFF 100%); padding: 60px 0px;}
.whychoose-section ul{display:flex; flex-wrap: wrap; margin:75px -60px 20px;}
.whychoose-section ul li{width: 33.33%; padding: 0 60px 50px;}
.whychoosebox{position: relative; padding: 0 0 0 80px;}
.whychoosebox figure{position: absolute; left: 0; top: 0;}
.whychoosebox h4{font-size:24px; line-height:30px; margin: 0;}
.whychoosebox p{font-size:20px; line-height:30px; margin: 0; position:relative;}
.whychoosebox p:after{position:absolute; content:""; left:0; bottom:-16px; width: 60px; height: 4px; border-radius: 10px; background: #22D4AD;}
.routech-btn.btn-primary{text-decoration:none;  height: 70px; padding:12px 30px; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 50px;}
.routech-btn.btn-primary img{filter: brightness(0) invert(1); margin-top: 5px; margin-left: 10px; position: relative; transition: all 0.4s ease-in-out; display: inline-flex; width: 27px; height: 27px;}
.routech-btn.btn-primary:hover img{filter: inherit; transition: all 0.4s ease-in-out; margin-left: 0px; height: 0; width: 0;}

.whowe-section{padding: 60px 0;}
.slider.help-slider{display: flex;}
.helpslidebox{position:relative; margin:0 10px;}
.helpslidebox figure{position:relative; border-radius:10px; overflow:hidden;}
.helpslidebox figure:after{position:absolute; content:""; left:0; bottom:0; height:100%; width:100%; background: linear-gradient(180deg, rgba(35, 35, 37, 0) 47.12%, #232325 100%);}
.helpslidebox figure img{object-fit:cover; transition: all 0.4s ease-in-out; width: 100%;}
.helpslidebox:hover figure img{transform: scale(1.1);}
.helpslidebox-content{position:absolute; left:0; right:0; bottom:0; padding:0 30px 30px; z-index:1;}
.helpslidebox-content h5{font-size:30px; line-height:30px; margin: 0; color: #ffffff; transition: all 0.4s ease-in-out;}
.helpslidebox-content p{font-size:24px; line-height:34px; margin: 0; color: #ffffff;}
.helpslidebox:hover h5{color: #22D4AD;}

.our-service-list{display:flex; flex-wrap:wrap; margin:0 -4px;}
.our-service-list li{width:20%; padding:0 4px 8px;}
.our-service-list li .servicebox{position:relative; overflow: hidden; -webkit-box-shadow: 0px 0px 4px 0px #00000040; box-shadow: 0px 0px 4px 0px #00000040; border-radius: 10px; height: 100%; padding:25px 18px;}
.our-service-list li .servicebox:after{position: absolute; top: 0px; left: 0px; content: ''; background-image: radial-gradient(circle at 40% 91%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 50%,rgba(229, 229, 229,0.04) 50%, rgba(229, 229, 229,0.04) 100%),radial-gradient(circle at 66% 97%, rgba(36, 36, 36,0.04) 0%, rgba(36, 36, 36,0.04) 50%,rgba(46, 46, 46,0.04) 50%, rgba(46, 46, 46,0.04) 100%),radial-gradient(circle at 86% 7%, rgba(40, 40, 40,0.04) 0%, rgba(40, 40, 40,0.04) 50%,rgba(200, 200, 200,0.04) 50%, rgba(200, 200, 200,0.04) 100%),radial-gradient(circle at 15% 16%, rgba(99, 99, 99,0.04) 0%, rgba(99, 99, 99,0.04) 50%,rgba(45, 45, 45,0.04) 50%, rgba(45, 45, 45,0.04) 100%),radial-gradient(circle at 75% 99%, rgba(243, 243, 243,0.04) 0%, rgba(243, 243, 243,0.04) 50%,rgba(37, 37, 37,0.04) 50%, rgba(37, 37, 37,0.04) 100%),linear-gradient(90deg, rgb(34, 222, 237),rgb(135, 89, 215)); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s;
transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 0; visibility: hidden; height: 100%; width: 0; z-index: -1; -ms-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s;}
.our-service-list li .servicebox:hover::after{height: 100%; width: 100%; opacity: 0.3; visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}
.our-service-list li .servicebox figure{margin:0 0 35px;}
.our-service-list li .servicebox h4{font-size: 24px; line-height: 24px; margin:0px 0px 8px 0px;}
.our-service-list li .servicebox p{font-size: 18px; line-height: 24px; margin:0;}


.helpslider .slick-list{direction:ltr;}
.shipping-calculatorBox.homeshippingbox{margin-top: -200px; position: relative; z-index: 1;}
@media (max-width: 1299px) {
.whychoose-section ul{margin: 75px -20px 0;}
.whychoose-section ul li{padding: 0 20px 50px;}
.helpslidebox-content{padding: 0 25px 30px;}
.helpslidebox-content h5{font-size: 28px; line-height: 30px;}
.helpslidebox-content p{font-size: 20px; line-height: 28px;}
.luggage-shipping-page .calculate_partner.clearfix.luggage_cal{width: 660px;}
}
@media (max-width:1199px) {
.luggage-banner-section video{height: 550px;}
.video-content h1{font-size: 50px;}
.video-content h3{font-size:36px;}
.video-content p{font-size: 22px; line-height: 1.2;}
.video-content ul li{font-size: 22px;}
.luggage-shipping-section .headingCard h2{font-size: 35px; line-height: 50px;}
.baggage-row .baggage-content h3{font-size: 32px; line-height: 40px;}
.baggage-row .baggage-content p{font-size: 22px; line-height: 30px;}
.baggage-row{gap: 15px;}
.service-head{margin: 0 0 10px;}
.service-head h4{font-size: 24px; line-height: 40px;}
.door-service ul li{font-size: 20px; line-height:40px;}
.airport-service ul li{font-size: 20px; line-height:40px;}
.howitwork-conent h3{font-size: 34px; line-height: 40px;}
.whychoose-section{padding: 30px 0px;}
.whowe-section{padding: 30px 0;}
.whowe-section .headingCard.text-center.mb-5{margin-bottom:1.5rem !important;}
.whychoose-section ul{margin:35px -12px 0;}
.whychoose-section ul li{padding: 0 12px 40px;}
.whychoosebox{padding: 0 0 0 60px;}
.whychoosebox figure img{max-width:48px;}
.whychoosebox h4{font-size: 20px; line-height: 30px;}
.whychoosebox p{font-size: 18px; line-height: 22px;}

.luggage-shipping-section .nav.nav-tabs{justify-content: flex-start;}
.luggage-shipping-page .calculate_partner.clearfix.luggage_cal{width: 550px; height: 70px;}
.luggage-shipping-page .calculate_partner .form-group .form-line{padding: 11px 0 11px 70px;}
.luggage-shipping-page .luggage_cal .col-from .input-group::after{width: 46px; height: 46px; top: -23px; left: -60px;}
.luggage-shipping-page .luggage_cal .col-from .input-group::before{left: -50px;}
.luggage-shipping-page .calculate_partner .col-to .input-group::after{width: 46px; height: 46px; top: -23px; left: -60px;}
.luggage-shipping-page .calculate_partner .col-to .input-group::before{left: -50px;}

.our-service-list li{width: 33.33%;}
}
@media (max-width:991px) {
.routech-btn.btn-primary{height: auto; padding: 10px 20px; font-size: 18px;}
.luggage-banner-section video{height:450px;}
.video-content{padding:50px 0 0;}
.video-content h1{font-size:40px;}
.video-content h3{font-size: 30px;}
.video-content p{font-size: 18px; line-height: 1.2;}
.video-content ul li{font-size:18px;}	
.luggage-shipping-section .headingCard h2{font-size:25px; line-height:40px;}
.howitwork-step ul li:not(:last-child) .step::before{right: -77px; width: 77px;}
.howitwork-step ul li:not(:last-child) .step::after{right: -79px;}
.whychoose-section ul{padding:0 0 20px;}
.whychoose-section ul li{width: 50%; padding:0 12px 30px;}
.baggage-section{padding: 30px 0;}
.baggage-row{gap: 15px; flex-direction: column;}
.baggage-row .baggage-content{width: 100%;}
.baggage-row .door-service{width:100%; padding: 25px 20px;}
.baggage-row .airport-service{width:100%; padding: 25px 20px;}
.howitwork-step ul li{padding: 0 15px;}
.howitwork-step ul li strong{font-size: 16px;}
.howitwork-row, .howitwork-row:nth-child(2n+1){flex-direction: column; padding: 20px 0px;}
.howitwork-row .howitwork-img, .howitwork-row:nth-child(2n+1) .howitwork-img{text-align: center; width: 100%;}
.howitwork-row .howitwork-conent, .howitwork-row:nth-child(2n+1) .howitwork-conent{width: 100%; padding: 30px 0 0 0;}
.howitwork-conent h3{font-size: 24px; line-height: 30px;}
.howitwork-conent p{font-size: 18px; line-height: 24px;}
.howitwork-conent ul li{font-size: 18px;}

.luggageshipping-img{display: none;}
}
@media (max-width:767px) {
.luggage-banner-section video{height: 100vh;}
.video-content{padding:00;}
.video-content h1{font-size: 28px;}
.video-content h3{font-size: 22px;}
.video-content ul li{padding: 0 0 0 30px;}
.video-content ul li::before{top: 7px; height: 20px; width: 20px; background-size: 20px;}

.luggageshippingbg{flex-wrap: wrap; padding:15px 15px 25px;}
.headingCard.text-start{text-align: center !important;}
.luggage-shipping-section .nav.nav-tabs{justify-content:center;}
.luggage-shipping-section .nav.nav-tabs .nav-link{min-width: 125px;}
.luggageshipping-text{width: 100%; margin:0;}
.luggageshipping-img{width: 100%; text-align: center;}

.baggage-row .baggage-content h3{font-size: 24px; line-height: 28px;}
.baggage-row .baggage-content p{font-size: 18px; line-height: 24px;}
.baggage-row .door-service, .baggage-row .airport-service{padding: 20px 20px;}
.door-service ul li{font-size: 18px; line-height: 36px;}
.door-service ul li::after{top: 12px;}
.airport-service ul li{font-size: 18px; line-height: 36px;}
.airport-service ul li::after{top: 12px;}

.whychoose-section ul li{width: 100%; padding: 0 12px 40px;}
.howitwork-step ul li{padding: 0 5px;}
.howitwork-step .step{width: 50px; height: 50px;}
.howitwork-step .step span{width: 36px; height: 36px; font-size: 16px;}
.howitwork-step ul li strong{font-size: 14px; line-height: 1.2;}
.howitwork-step ul li:not(:last-child) .step::before{right: -70%; width:70%;}
.howitwork-step ul li:not(:last-child) .step::after{right: -72%;}
.helpslidebox-content p{font-size: 16px; line-height: 24px;}
.helpslidebox-content h5{font-size: 22px; line-height: 20px;}
.helpslidebox-content p{font-size: 16px; line-height: 24px;}

.luggage-shipping-section .shipping-calculatorBox{margin-top: 0;}
.luggageshipping-text{padding: 0px 0px 0 0px;}
.luggage-shipping-page .calculate_partner.clearfix.luggage_cal{position: relative; top: auto; left: auto; width: 100%; height: auto; border-radius: 0; background: transparent;}
.luggage-shipping-page .calculate_partner .form-group .form-line{border: 1px solid #D3D3D5; border-radius: 80px;}
.luggage-shipping-page .luggage_cal .col-from .input-group::before{left: -47px; top: -10px;}
.luggage-shipping-page .calculate_partner .col-to .input-group::before{left: -47px; top: -10px;}

.our-service-list li{width:50%;}
.our-service-list li .servicebox{padding: 20px 15px;}
.our-service-list li .servicebox figure{margin: 0 0 15px;}
.our-service-list li .servicebox h4{font-size: 20px; line-height: 20px;}


.navbar-header .logo img{max-width: 140px;}
.navbar-header .logo a{width: auto;}
.navbar-header .lang select.form-select{height:38px;}
.navbar-header .btn-action-login{height:38px; width:38px;}
.btn-action-login img{max-width: 18px;}


.luggage-banner-section video{height:300px;}
.video-content ul{margin: 0 0 15px;}
.luggage-banner-section .container{position:relative; background-color:#5A31DB; padding:15px 15px 20px;}
.routech-btn.btn.btn-primary{height: 52px;}
.routech-btn.btn.btn-primary::after{background-color: #ffffff;}
.routech-btn.btn.btn-primary:focus:after, .routech-btn.btn.btn-primary:active:after{width: 100%; opacity: 1; visibility: visible; z-index: -1;}
.routech-btn.btn.btn-primary:hover, .routech-btn.btn.btn-primary:active, .routech-btn.btn.btn-primary:focus{color: #000000;}

.header .navbar-header .navbar-collapse{top: 62px; height: calc(100% - 62px);}
.header .rightheader .navbar-row{display: flex;}
.header .navbar-toggler{top: auto;}

.luggageshippingbox{padding:15px 15px 25px;}
}
@media (max-width:567px) {
.our-service-list li{width:100%;}
}

@media (max-width:359px) {
.navbar-header .logo img{max-width: 110px;}
}


#sign_business_up .custom-radio .custom-control-label::before{display:none;}
#sign_business_up .custom-control-label::after, #sign_business_up .custom-control-input:checked ~ .custom-control-label::after{display:none;}
#sign_business_up .custom-control{padding:0;}
#sign_business_up .custom-control label.custom-control-label{text-align: center; display: block; padding: 12px 30px !important; height: auto; font-size: 16px; color: #232325; text-decoration: none; border-radius: 50px; border: 1px solid rgba(19, 19, 19, .30); font-family: 'din_alternatebold'; margin-right: 10px;}
#sign_business_up .custom-control-input:checked ~ .custom-control-label{color: #ffffff; background-color: #5A31DB; border: 1px solid #5A31DB;}
#sign_business_up .custom-control-input:checked ~ .custom-control-label::after{display:block;width: 0;height: 0;border-left:10px solid transparent;border-right:10px solid transparent; border-top:10px solid #5A31DB; bottom: -10px; top: auto; left: 0; right: 0; margin: auto;}


#sign_business_up .custom-control-label::before {opacity: 0; visibility: hidden;}
.modal-open .shipping-calculatorBox.homeshippingbox{z-index: 100;}
.stop-scroll header{z-index: 101;}

.append-location-fields .input-group-merge .form-control:not(:last-child){padding-right: 15px;}
.booking-details > div.more-option a.dropdown{outline: none;}

#luggage-booking-form{display: block; height: 95px; margin-top: -95px;}
.append-location-fields .input-group-merge .form-control:not(:last-child){height: 46px;}
.luggage-shipping-page .calculate_partner .form-group .form-line .form-control{color: #232325;}


@media (max-width:767px) {
.autocomplete-input-container{position: relative;}
.autocomplete-pac-results{top: 54px; left: 12px; right: 12px; width: auto;}

.warehouse-section .left-section figure .img-text {width: auto; height: auto; display: flex; align-items: center;}
.warehouse-section .left-section figure .img-text h3{height: auto;}
.contact_us_form{flex-direction: column;}
.append-location-fields .input-group-merge .form-control{height:46px; padding-right: 10px;}
.on_click_submit .btn.btn-danger{padding: 8px 7px; font-size: 12px;}

.custom-checkbox.action_button .custom-control-input ~ .custom-control-label{height: auto;}
.on_click_submit .custom-control.custom-checkbox.action_button{display: inline-block; margin-bottom: 15px;}
.on_click_submit .action_button .btn.btn-primary {min-width: inherit; padding: 8px 15px; font-size: 14px;}

.routech-btn.btn-primary.btn.active, .routech-btn.btn-primary.btn:active, .routech-btn.btn-primary.btn.focus, .routech-btn.btn-primary.btn:focus{background-color: #22D4AD;}
.input-group-merge .form-control:not(:last-child){padding-right: 10px;}
.top-buttons{gap: 5px;}
.top-buttons > a.btn.btn-primary{margin:0;}

#luggage-booking-form{display: block; height: 55px; margin-top: -55px;}
}

@media (max-width:991px) {
.dimension-box .row.dimension-box-length:not(:first-child){border: 1px solid rgba(0, 0, 0, .1); margin-bottom: 15px; padding: 15px 0px 0px; border-radius: 4px;}
}
@media (max-width:767px) {
.baggage-row .baggage-content{text-align: center;}
.howitwork-section{padding: 60px 0 0 0;}
.howitwork-imgbox{display: block; padding-left: 10px;}
.howitwork-imgbox figure{text-align:left;}
.howitwork-imgbox figure img{max-width: 255px;}
.howitwork-conent ul li{font-size: 16px;}
.howitwork-conent p{font-size: 16px;}
.howitwork-row:nth-child(2) .howitwork-imgbox span{right: auto; left: 0;}
.howitwork-row:nth-child(3) .howitwork-imgbox span{left: 5px; top: 55px;}
.howitwork-row:nth-child(4) .howitwork-imgbox span{right: auto; left: 0;}
.howitwork-conent h3{margin: 0 0 10px;}
.whychoose-section{padding: 30px 0px 0px 0px;}
.whychoose-section ul{padding: 0;}
.whychoose-section ul li{padding: 0 12px 24px;}
.whychoosebox{position: relative; overflow: hidden; -webkit-box-shadow: 0px 0px 4px 0px #00000040; box-shadow: 0px 0px 4px 0px #00000040; border-radius: 10px; padding: 10px 20px 30px 70px;}
.whychoosebox figure{left: 11px; top: 15px;}
.whychoosebox p{font-size: 16px; line-height: 22px;}
.our-service-list li .servicebox p{font-size: 16px; line-height: 22px;}
.our-service-list li .servicebox h4{font-size: 22px; line-height: 20px;}
.left-faq-column{width: 100%; margin: 0; border: none; box-shadow: none; padding:0;}
.left-faq-column .nav-tabs{flex-direction: inherit; margin:0 -7px 14px;}
.left-faq-column .nav-tabs .nav-item{width: 50%; margin:0 0 0; padding:0 7px 14px;}
.left-faq-column .nav-tabs .nav-link{background-color: #ffffff; border: 1px solid #bdbdbe; border-radius: 10px; padding: 10px 20px; width: 100%; height: 100%;}
.left-faq-column .nav-tabs .nav-link.active{background-color: #5A31DB; color: #ffffff; border: 1px solid #5A31DB;}
.left-faq-column .nav-tabs .nav-link::before{display:none;}
.left-faq-column .nav-tabs .nav-item:not(:last-child){margin-bottom:0;}
.faq-heading{margin: 0;}
.right-faq-column .accordion-item .accordion-header .accordion-button{padding: 20px 22px 20px 0px; position: relative;}
.right-faq-column .accordion-item .accordion-header .accordion-button::after{position: absolute; top: 24px; right: 0;}

.itemlist{display: block; margin: 24px -8px 0; padding: 0; column-count: 2; column-gap: 0; counter-reset: item-counter;}
.itemlist li{padding: 0 8px 16px; text-align: left;}
.itemlist .itembox{padding:100px 15px 15px; position:relative; overflow:hidden;}
.itemlist .itembox h4{font-size: 18px; line-height: 1.3;}
.itemlist .itembox p{font-size: 16px; color: #232325; line-height: 1.3;}
.itemlist .itembox figure{position: absolute; left: 0; top: 0; margin:0; background-color:transparent;}
.itemlist .itembox figure:after{position: absolute; content:""; left:-25px; top:-25px; background:#5A31DB; width:113px; height:113px; border-radius:50%;}
.itemlist .itembox figure img{position: relative; z-index:1; max-width: 46px;}
.faq-heading{display: none;}
}



.mb-4.mt-mb-3.d-flex.align-items-center.justify-content-between{background-color: #E5E5E5; padding: 10px 10px; border-radius: 4px;}

.app-downloadCard .app-workarea{flex-wrap: nowrap; gap:30px;}
.app-downloadCard .app-workarea .qr-code{margin:0; padding: 0;}
.app-downloadCard .app-workarea .qr-code img{max-width:160px;}
.app-downloadCard .app-workarea .qr-code .app-link{display:block; text-align:center; margin: 15px 0px 0px 0px;}
.app-downloadCard .app-workarea .qr-code .app-link img{max-width:150px;}
@media (max-width:767px) {
.app-downloadCard .app-workarea{gap:15px;}
.app-downloadCard .app-workarea .qr-code img{max-width:140px;}
.app-downloadCard .app-workarea .qr-code .app-link img{max-width:120px;}
}
@media (max-width:360px) {
.app-downloadCard .app-workarea .qr-code img{max-width:120px;}
}

.width-100percent{
	width:100%;
}
.price-breakdown .dropdown-menu {
	min-width: 15rem;
}
.item_breakdown{display:block !important;}
.item_breakdown li{width:100% !important;}
.tabs-details ul.item_breakdown li div {
    border-right: solid 1px #E5E5E5;
    flex: 1 0 auto;
}
.tabs-details ul.item_breakdown li div:last-child {
    border: none;
}
.tabs-details ul.item_breakdown li {
    overflow-x: auto;
    overflow-y: hidden;
    display: flex !important;
    flex-wrap: nowrap;
}


.form-items{border-top: 1px solid rgba(0, 0, 0, .1); margin:0 0 20px 0; padding:15px 0px;}
.col-sm-12 [class*="item-quantity-"]{border-bottom:1px solid rgba(0, 0, 0, .1);}
.select2-results .select2-results__options li{text-align: left;}

.payment_modal .modal-box .payemt-detail{width: 90%;}
.payment_modal .modal-box .form-check{width: 10%;}
.payment_modal .modal-box .payemt-detail > figure:not(:last-child){margin-right: 10px;}


.old_price{
	text-decoration: line-through;
	color: #777;
	font-size: 0.9rem;
	margin-left: 5px;
}

/**offer codes css**/
.offer_codes{display: grid; gap: 25px; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));}
.offer-codebox .caption{display: flex; flex-direction: column; text-align: left; position: relative;}
.offer-codebox .caption h3{font-size:18px;}
.offer-codebox .thumbnail{height: 100%; -webkit-box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23); box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23); padding: 20px; border-radius: 20px;}
.offer-codebox .code-wrapper{background-color: #edf2ff; border-radius:30px; display: flex; align-items: center; justify-content: space-between; padding:5px 90px 5px 5px; border: 1px dashed #5A31DB; width: 100%; position: relative; margin:10px 0 0; height: 48px;}
.offer-codebox .code-wrapper .btn.btn-danger.waves-effect.copyBtn{position: absolute; right: 4px; top: 4px; bottom: 4px; margin: auto; padding: 8px 20px;}
.offer-codebox .code-wrapper strong{display:inline-block; padding:0px 0 0px 15px; font-size:20px; color: #32325d; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.offer-codebox.copied .code-wrapper{background: #e6faf6; border: 1px dashed #20b18c;}
.offer-codebox.copied .btn-danger{border-color: #22D4AD; background-color: #22D4AD;}
.offer-codebox.copied .btn-danger:hover{border-color: #5A31DB; background-color: #5A31DB;}

.custom-input-form-control{position: relative;}
.custom-input-form-control .btn.btn-default{position: absolute; right:4px; top: 0; height: 40px; bottom: 0; margin: auto; border-radius: 4px; padding:8px 20px;}
.custom-input-form-control .btn.btn-default:hover{transform:inherit;}

.offer-codebox .caption img{max-width:60px; }

.offer-img{
	position: absolute;
    right: 0;
	top: 0;
}
.offer-for-box strong{
	padding-right: 5px;
}
.offer-for-box .offer-row{
	padding: 0;
	padding-right: 10px;
	margin-right: 10px;
	border: none;
	border-right: 2px solid #ddd; 
	margin-top: 6px;
    display: flex;
	align-items: center;
}
.offer-for-box .offer-row:last-child{
	border-right: none;
	padding-right: 0;
	margin-right: 0;

}
.offer-for-box .offer-row .offer-label{
	font-size: 13px;
	padding-right: 5px;
}
.offer-for-box .offer-row i{
	font-size: 17px;
}

#searchForm .select2-container--default.select2-container--focus .select2-selection--multiple, #searchForm .select2-container--default .select2-selection--multiple{height: 40px; padding:.100rem .25rem .250rem .25rem; min-height: inherit;}
#searchForm .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding: 0;}
#searchForm .select2-container .select2-search--inline{display: block; font-size: 13px; font-weight:normal;}
#searchForm .select2-container .select2-search--inline .select2-search__field{margin-top: 10px; padding-left: 5px; color: #68788a; opacity:1;}
#searchForm .select2-container .select2-search--inline .select2-search__field::-placeholder, #searchForm .select2-container .select2-search--inline .select2-search__field::-moz-placeholder, #searchForm .select2-container .select2-search--inline .select2-search__field::-webkit-placeholder{color:#68788a; opacity:1;}
#searchForm select, #searchForm .select2-container--default .select2-selection--multiple{-webkit-appearance: none; -moz-appearance: none; background-image: url(../images/arrow-down.svg); background-repeat: no-repeat; background-size: 9px 6px; background-position: right 5px center; padding-right: 20px !important;}

@media (max-width:767px) {
.offer_codes{display:flex; flex-direction:column;}
.offer-codebox .thumbnail{padding: 20px 15px;}
.offer-codebox .code-wrapper strong{padding: 0px 10px; font-size: 18px;}
}

.offer-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}
.offer-row:last-child { border-bottom: none; }
.offer-label {
	font-weight: 600;
	color: #333;
}
.icon-ok { color: #28a745; font-size: 20px; } /* green */
.icon-no { color: #dc3545; font-size: 20px; } /* red */

#searchForm .select2-selection__rendered{
	height: 36px;
	overflow-y: auto !important;
}
.currency-drop.currency-dopdown .select2.select2-container{width: 100px !important;}

.services-section-tabs{
	align-items: center;
}
.services-section-tabs span{
	padding-right: 10px;
}

.upload-source-field{
    position: relative;
	border: solid 1px #cfcfcf;
    height: 49px;
    border-radius: 10px;
    font-size: 15px;
    color: #232325;
    padding: 0 20px;
    cursor: pointer;
    display: flex !important;
    align-items: center;
}
.upload-source-field p{
    margin: 0;
    color: var(--bs-body-color);
    opacity: 0.8;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.upload-source-field span {
    position: absolute;
    right: -1px;
    top: -1px;
    height: calc(100% + 2px);
    border: 1px solid #5A31DB;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: bold;
    color: #5A31DB;
	border-radius: 10px;
}

@media(max-width:576px){
	.services-section-tabs{
		flex-direction: column;
	} 
	.services-section-tabs span{
		padding-right: 0;
		padding-bottom: 10px;
	}
}


@media(min-width:992px){
	.update-receiver-box {
		height: 100%;
	}
}
.update-receiver-box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	overflow-y: auto;
	padding: 150px 0;
}
.update-receiver-box .tracking_section{
	padding: 35px 30px;
	border: 1px solid #ddd;
}
.update-receiver-box .tracking_section::after{
	display: none;
}
.update-receiver-box .tracking_section .booking_id {
	padding: 0;
}
.update-receiver-box .tracking_section .btn-primary {
	height: 55px;
    min-width: 150px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    font-size: 18px;
    margin:0 auto;
    margin-top: 20px;
}
.update-receiver-box .booking_number{
	text-align: center;
}
.update-receiver-box .booking_number span{
	font-size: 25px;
	padding: 0 0 20px;
	font-family: inherit;
}

.header-dark{
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}


.update-receiver-box .card {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    background: #fff;
	border: 1px  solid #ddd;
    box-shadow: 0 4px 14px rgba(0,0,0,0.1);
    font-family: Arial, sans-serif;
    margin-bottom: 20px;
}

.update-receiver-box .card-top,
.update-receiver-box .card-bottom {
	margin-bottom: 30px;
	position: relative;
	padding-left: 25px;
}
.update-receiver-box .card-bottom .from{
	margin-bottom: 30px;
}
.update-receiver-box .card-bottom .title{
	font-size: 16px;
	font-weight: 900;
}
.update-receiver-box .card-bottom .sub{
	font-size: 14px;
	font-weight: 400;
	color: #333;
}
.update-receiver-box .line {
    flex: 1;
    text-align: center;
    background-color: #22D4AD;
	height: 1px;
	margin: 0;
	position: absolute;
    height: 84%;
    width: 2px;
    left: 10px;
	top: 5px;
}
.update-receiver-box .line::before{
	position: absolute;
    left: -4px;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: "";
    background-color: #22D4AD;
}
.update-receiver-box .line::after{
	position: absolute;
    left: -4px;
    bottom:0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: "";
    background-color: #22D4AD;
}
.update-receiver-box .set_image_dim{
	width: 60px;
    height: 60px;
    border: 1px solid #ddd;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.update-receiver-box .set_image_dim a{
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-dark{
	position: fixed;
    bottom: 0px;
    left: 0px;
	width: 100%;
	z-index: 99;	
}

.update-receiver-box .control-label{
	color: #2E4765;
	font-size: 16px;
	font-weight: 600;
}
.dropdown .btn-secondary::after{
	border: none !important;
	left: 0;
}
.dropdown.login-dropdown .dropdown-toggle{
	padding-right: 32px;
}
.dropdown.login-dropdown .dropdown-toggle::before{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	width: 15px;
	height: 15px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../images/angle-small-down.svg");

}

.dropdown.login-dropdown .dropdown-menu{
	width: 150px;
	border-radius: 11px;
	box-shadow: 0px 3px 15px rgba(0, 0, 0, .16);
	border: none;
	padding: 10px 0;
	top: 16px !important;
	position: absolute;
	left: -100%;
	background-color: #fff;
}
.dropdown.login-dropdown .dropdown-menu:after {
    position: absolute;
    top: -9px;
    left: 30px;
    right: 0px;
    background-image: url(../images/white-top-arrow.svg);
    background-repeat: no-repeat;
    height: 10px;
    width: 19px;
    content: '';
}
.dropdown.login-dropdown .dropdown-menu li a{
	font-size: 16px;
    color: #000;
    display: block;
	padding: 6px 17px;
}


@media(max-width:1199px){
	.dropdown.login-dropdown .dropdown-toggle{
		padding-right: 7px;
	}
	.dropdown.login-dropdown .dropdown-toggle::before{
		display: none;
	}
	.login-mobile-dropdown .btn-action-login{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.login-mobile-dropdown .btn-action-login::after{
		display: none;
	}
	.dropdown.login-dropdown .dropdown-menu:after{
		left: 10px;
	}

}

@media(max-width:767px){
	.update-receiver-box .tracking_section{
		padding: 35px 12px 20px;
	}
	.update-receiver-box{
		padding: 90px 0;
	}
}