@font-face {
	font-family: arabic;
	src: url(Regular.ttf), url("Arb.otf"), url("Arb.eot");
}

.lan_ar {
	font-family: arabic;
	font-weight: 500;
	line-height: 15px;
	font-size: 16px;
	text-decoration: none;
	color: #1c212b !important;
	margin-right: 20px;
}

@font-face {
	font-family: "gotham";
	src: url("../fonts/Gotham-Black.otf");
	src: url("../fonts/GothamBold.ttf");
	line-height: 1.6 !important;
}

@font-face {
	font-family: "GothamMedium";
	src: url("../fonts/GothamMedium.ttf");
	line-height: 1.6 !important;
}

html {
	font-family: "Poppins";
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

body {
	font-family: "Poppins";
	line-height: 1.6 !important;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #fff;
}

h1,
h3,
h2,
h4,
h5,
h6 {
	line-height: 1.5 !important;
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a:-webkit-any-link {
	color: -webkit-link;
	color: var(--main-color);
	cursor: pointer;
	text-decoration: none;
}

.justify-content-start {
	-webkit-box-pack: start !important;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
}

.d-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.nav-3 {
	max-width: 500px;
}

.align-items-center,
.blog-wrap .post-wrap.grid-item.bg-style-gray .white-bg,
.blog-wrap .post-wrap.grid-item.bg-style-green .white-bg {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}

.justify-content-between {
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}

.nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.nav-primary ul.nav>li:first-of-type a {
	padding-left: 0;
}

.navigation-white ul.nav>li a,
.white-nav.sticky ul.nav>li a {
	color: #1c212b;
}

.nav-primary ul.nav>li a {
	color: #000000;
	margin: 0;
	font-family: "Poppins";
	font-weight: 500;
	line-height: 14px;
	font-size: 15px;
	text-decoration: none;
	padding: 20px 10px;
}

.link,
a {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	text-decoration: none;
}

li {
	font-size: 16px;
	line-height: 26px;
	font-family: "Poppins";
	font-weight: 400;
}

.navigation-white .dark-logo {
	display: block !important;
}

.dark-logo,
.white-logo {
	max-width: 163px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 100%;
}

.mobile-logo-new {
	display: none;
}

.navigation-white .dark-logo {
	display: block !important;
}

.drawer-navigation {
	position: relative;
}

.navigation-white .dynamic-menu a.user,
.sticky .dynamic-menu a.user {
	color: #1c212b;
}

.btn.login-register,
.comment-form input.login-register[type="submit"],
.new_navigation-bar,
.search-form .login-register.search-submit {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn:not(:disabled):not(.disabled),
.comment-form input[type="submit"]:not(:disabled):not(.disabled),
.search-form .search-submit:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.header-3 .btn-transparent {
	color: #000000;
	background: 0 0;
	letter-spacing: 0;
	font-weight: 500;
	border-color: #000000;
}

.btn-transparent {
	color: #fff;
	border: 2px solid #fff;
}

.nav-wrap {
	-webkit-transition: background-color 0.1s ease-in-out;
	-o-transition: background-color 0.1s ease-in-out;
	transition: background-color 0.1s ease-in-out;
	z-index: 100000;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 15px 35px;
}

.btn.login-register,
.comment-form input.login-register[type="submit"],
.new_navigation-bar,
.search-form .login-register.search-submit {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.navigation-white .nav-wrap {
	background: #fff;
}

.home .navigation-white .nav-wrap {
	background: 0 0;
}

.dynamic-menu a.user {
	font-family: "Poppins";
	font-weight: 500;
	line-height: 14px;
	font-size: 15px;
	text-decoration: none;
	color: #1c212b;
	margin-right: 20px;
}

.login-register {
	font-family: "Poppins" !important;
	font-weight: 500;
	font-size: 15px;
	text-decoration: none;
	color: #000000;
	line-height: 1.5;
	padding: 0.4rem 0.75rem;
}

li.nav-item {
	list-style: none;
}

ul.footer-bottom-items {
	padding-left: 0;
}

.container {
	max-width: 1300px;
	padding: 0px !important;
}

.banner {
	position: relative;
	padding: 110px 0px 0px 0px;
	background-color: #fff;
	background-position: bottom -4px center;
	background-size: 100%;
	background-repeat: no-repeat;
}

.banner-content {
	/*text-align: center;*/
	position: relative;
	z-index: 2;
	max-width: 100%;
	height: 420px;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.btn_divbanner {
	display: block;
	width: 100%;
	margin-top: 30px;
}

.btn_divbanner a {
	line-height: 0;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 15px 12px 15px 25px;
	border-radius: 3px;
	font-weight: 500;
	font-size: 18px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: relative;
	background-color: var(--main-color);
}

.new_navigation-bar.row.header-sticky.animated {
	background-color: #fff !important;
	-webkit-box-shadow: 0 10px 10px -10px rgb(33 35 38 / 10%);
	box-shadow: 0 10px 10px -10px rgb(33 35 38 / 10%);
	-webkit-box-shadow: 0 10px 10px -10px rgba(33, 35, 38, 0.1);
	box-shadow: 0 10px 10px -10px rgba(33, 35, 38, 0.1);
}

div.header-sticky a#cta-signup-link-main-nav {
	color: #fff !important;
	background-color: var(--main-color) !important;
	border-color: var(--main-color) !important;
}

.box-images {
	text-align: right;
}

.img_01 {
	z-index: 0;
	position: absolute;
	left: 5px;
	bottom: 40px;
}

.img_03 {
	z-index: 0;
	position: absolute;
	left: 15px;
	top: 60px;
}

.img_02 {
	text-align: right;
	z-index: 1;
	position: relative;
}

.img_03 {
	-webkit-animation: 1.5s shakeb infinite;
	animation: 1.5s shakeb infinite;
	/*width: 100%;*/
}

@-webkit-keyframes shakeb {
	0% {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}

	50% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

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

@keyframes shakeb {
	0% {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}

	50% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

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

.col_css {
	display: inline-block;
	vertical-align: middle;
}

.col_02.col_css {
	width: 15%;
}

.col_01.col_css {
	width: 15%;
}

.text_how {
	position: absolute;
	bottom: -35px;
	text-align: center;
}

.col_01.col_css img,
.col_01.col_css svg {
	z-index: 9;
	padding: 15px;
	/*border-radius: 50%;*/
	background-color: white;
}

.arrow img {
	position: relative;
	z-index: -1;
	margin-left: -60px;
}

.ptop-80 {
	padding-top: 80px;
}

.ptop-40 {
	padding-top: 40px;
}

.left-blue {
	-webkit-clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0 100%);
	clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0 100%);
	/*    background: #f1f5f7;*/
	background: #f7fbfd;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.right-blue {
	-webkit-clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0 100%);
	clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0 100%);
	background: var(--main-color);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.lap_bg {
	margin-left: -200px;
}

.lap_bg img {
	width: 100%;
}

.ul_lap {
	padding-left: 0px;
	margin-top: 40px;
}

.ul_lap li {
	vertical-align: middle;
	list-style: none;
	margin-top: 22px;
	margin-bottom: 22px;
}

.ul_lap li img {
	position: absolute;
	margin-right: 10px;
	width: 23px;
	vertical-align: middle;
}

.site-footer {
	background: #f7fbfd;
	padding: 50px 0px 0px 0px;
}

.footer-bottom {
	margin-top: 60px;
}

h3.widget-title {
	font-size: 20px;
}

ul#menu-footer-menu {
	list-style: none;
	padding-left: 0px;
}

ul#menu-footer-menu li a {
	font-family: poppins;
	/*opacity: 0.8;*/
	color: #1c212b;
	list-style: none;
	font-size: 14px;
}

ul#menu-footer-menu li a:hover {
	color: var(--main-color);
	list-style: none;
	text-decoration: none;
	margin-left: 2px;
}

.widget_nav_menu {
	margin-top: 70px;
}

.widget ul li.menu-item:before {
	content: "\f105";
	font-family: "FontAwesome";
	padding-right: 2px;
	color: var(--main-color);
}

.divider {
	margin-top: 15px !important;
}

.divider {
	display: block;
	margin: 20px 0;
	width: 100%;
	position: relative;
	height: 5px;
}

.divider.divider-light span,
.divider.divider-light::before,
.divider.divider-light::after {
	background-color: #fff;
}

.divider::before {
	top: 0;
	width: 37px;
}

.divider::before,
.divider::after {
	content: "";
	position: absolute;
	width: 20px;
	left: 0;
	right: 0;
}

.divider span,
.divider::before,
.divider::after {
	height: 1px;
	margin: 0 auto;
	background-color: #e5e7e9;
}

.divider.divider-light span,
.divider.divider-light::before,
.divider.divider-light::after {
	background-color: var(--main-color);
}

.divider span {
	display: block;
	position: relative;
	width: 54px;
	top: 2px;
}

.divider::after {
	top: 4px;
}

.divider.divider-left span,
.divider.divider-left::before,
.divider.divider-left::after {
	margin: 0;
}

.right_images,
.left_images {
	list-style: none;
	padding-left: 0px;
}

ul.left_images li img {
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
	width: 200px;
	box-shadow: 1px 1px 16px 0px rgb(0 0 0 / 7%);
	box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, 0.07);
	text-align: center;
	margin: 10px 0px;
}

ul.right_images li img {
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
	width: 200px;
	box-shadow: 1px 1px 16px 0px rgb(0 0 0 / 7%);
	box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, 0.07);
	text-align: center;
	margin: 10px 0px;
}

.pbm-50 {
	padding-bottom: 50px;
}

h4.css_head {
	color: var(--main-color);
	margin-bottom: 18px;
}

.nav-primary ul.nav>li a:hover {
	color: var(--main-color);
}

.dynamic-menu a.user:hover {
	color: var(--main-color);
}

.header-3 .btn-transparent:hover {
	color: #fff;
	background-color: var(--main-color);
	border-color: var(--main-color);
}

div.header-sticky a#cta-signup-link-main-nav:hover {
	/*color: #fff !important;*/
	background-color: var(--main-color);
	border-color: var(--main-color);
}

ul.ul_lap li,
ul.ul_lap li span {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

ul.ul_lap li:hover span {
	margin-left: 5px;
	color: var(--main-color);
	cursor: pointer;
}

.btn_divbanner a i {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	/*display: none;*/
	opacity: 0;
}

.btn_divbanner a:hover i {
	margin-left: 5px;
	opacity: 1;
}

.btn_divbanner a:hover {
	background-color: var(--main-color);
}

ul.left_images li img,
ul.right_images li img {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

ul.left_images li:hover img,
ul.right_images li:hover img {
	cursor: pointer;
	padding: 15px;
	width: 210px;
	box-shadow: 1px 1px 16px 0px rgb(0 0 0 / 12%);
	box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, 0.12);
}

h2 {
	font-weight: 600;
}

h1 {
	font-weight: 600;
}

@media (min-width: 1160px) {
	ul.nav>li {
		position: relative;
	}
}

@media (min-width: 1160px) {
	.drawer-navigation {
		display: none !important;
	}
}

@media (max-width: 600px) {
	.banner {
		position: relative;
		padding: 60px 0px;
	}

	.banner-content {
		height: auto;
		min-height: 350px;
	}

	img.img_02,
	img.img_01 {
		width: 100%;
	}

	img.img_03 {
		display: none;
	}

	.arrow {
		display: none;
	}

	.col_01.col_css,
	.col_02.col_css {
		width: 100%;
	}

	.text_how {
		position: relative;
		bottom: 0;
		text-align: center;
	}

	.lap_bg {
		margin-left: 0px;
		margin-bottom: 20px;
	}
}

#clickmobmenu {
	display: none;
}

.mob_menu {
	display: none;
}

.ul_lap li span {
	padding-left: 35px;
	display: block;
	color: #2d2d2d;
	font-weight: 500;
}

.col_css {
	font-weight: 500;
}

.nav-item-inner {
	font-size: 15px;
}

ul.social-icons.social-widget {
	list-style: none;
	padding-left: 0;
}

ul.social-icons.social-widget li {
	padding: 5px 15px;
	padding-right: 0;
	list-style: none;
	display: inline-block;
}

ul.social-icons.social-widget li:hover a {
	background-color: #fff;
	color: #fff;
	padding: 8px 13px;
	border-radius: 50%;
	box-shadow: 1px 1px 16px 0px rgb(0 0 0 / 37%);
}

@media (max-width: 787px) {
	ul.social-icons.social-widget li {
		padding: 5px 15px;
		padding-right: 15px;
		padding-left: 0;
	}

	section.widget.zobtn_social_widget {
		text-align: left;
	}

	.nav-primary ul.nav>li a {
		font-family: "Poppins" !important;
	}

	h2 {
		padding: 5px;
	}

	.nav-logo {
		display: none;
	}

	.nav-primary {
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
		position: absolute;
		/*height: 0px;*/
		right: -100%;
		top: 80px;
		opacity: 0;
		padding: 20px;
		overflow: hidden;
	}

	.mobile-logo-new {
		display: inline-block;
	}

	.mobile-logo-new img {
		width: 50px;
	}

	#clickmobmenu {
		color: black;
		display: inline-block;
		margin-left: 10px;
	}

	.hide_mob {
		position: absolute;
		height: 0px;
		opacity: 0;
		overflow: hidden;
		display: none !important;
	}

	.mob_menu {
		display: inline-block;
	}

	.mob_header {
		justify-content: flex-end !important;
		position: absolute;
		float: right;
		right: 45px;
	}

	a.user {
		color: black;
		margin-right: 6px;
	}

	a#cta-signup-link-main-nav {
		border: 1px solid;
	}

	div#clickmobmenu span i {
		font-size: 20px;
	}

	.widget_nav_menu {
		text-align: left !important;
	}

	.nav-primary.open {
		box-shadow: 0px 2px 16px 0px rgb(0 0 0 / 8%);
		box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.8);
		opacity: 1 !important;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
		position: absolute;
		height: auto !important;
		right: 0 !important;
		border-top: 1px solid #f1f1f3;
		top: 80px;
		padding: 20px;
		background-color: white;
		overflow: auto !important;
	}

	.nav-primary ul.nav>li {
		width: 100%;
	}

	.nav-primary ul.nav>li:first-of-type a {
		padding-left: 10px;
	}

	.nav-primary ul.nav>li a {
		display: block;
		color: #000000 !important;
		padding: 12px 10px;
	}

	ul.nav-3 {
		width: 100%;
	}
}

.col_css span {
	-webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
	-khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
	-moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
	-ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
	-o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
	transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.col_css:hover span {
	color: var(--main-color);
	display: block;
	-webkit-transform: translateY(-8px);
	-khtml-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	-o-transform: translateY(-8px);
	transform: translateY(-8px);
}

.col_css div.text_how {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.col_css:hover div.text_how {
	color: var(--main-color);
}

.ani:hover img,
.ani:hover svg {
	cursor: pointer;
	-webkit-animation: 1.5s shakeb1 infinite;
	animation: 1.5s shakeb1 infinite;
	/*width: 100%;*/
}

@-webkit-keyframes shakeb1 {
	0% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	50% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

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

@keyframes shakeb1 {
	0% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	50% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

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

/********* pricing***************/

table.pricing_table {
	width: 100%;
}

table.pricing_table tr th {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}

td.head_datapri {
	font-size: 22px;
	font-weight: 600;
	color: var(--main-color);
}

a.professional_plan {
	text-transform: uppercase;
	border-radius: 3px;
	display: inline-block;
	padding: 8px 15px;
	background-color: var(--main-color);
	border: 2px solid var(--main-color);
	color: #fff;
	font-weight: 600;
	margin: 10px 0px;
	font-size: 13.3px;
}

a.freeplan {
	text-transform: uppercase;
	border-radius: 3px;
	display: inline-block;
	padding: 8px 15px;
	background-color: #fff;
	color: var(--main-color);
	font-weight: 600;
	margin: 10px 0px;
	border: 2px solid var(--main-color);
	font-size: 13.3px;
}

a.premier_plan {
	display: inline-block;
	text-transform: uppercase;
	background-color: #fff;
	color: var(--main-color);
	border-radius: 3px;
	padding: 8px 15px;
	margin: 10px 0px;
	font-size: 13.3px;
	font-weight: 600;
	border: 2px solid var(--main-color);
}

a.professional_plan:hover {
	background-color: #fff;
	color: var(--main-color);
	border: 2px solid var(--main-color);
}

a.freeplan:hover {
	background-color: var(--main-color);
	border: 2px solid var(--main-color);
	color: #fff;
}

a.premier_plan:hover {
	background-color: var(--main-color);
	border: 2px solid var(--main-color);
	color: #fff;
}

table.pricing_table tr td.data_pricing {
	padding: 10px 10px;
	border-top: 1px solid #dfe3e8;
	width: auto;
	min-width: 175px;
	font-weight: 500;
	text-align: center;
}

table.pricing_table tr td.subhead_pricng {
	border-right: 1px solid #dfe3e8;
	padding: 10px 5px;
	color: #8c8c8c;
	/* font-size: 15px; */
	border-top: 1px solid #dfe3e8;
}

table.pricing_table tr.cc:hover td {
	background-color: #faf6ff;
}

.subhead_pricng1 {
	color: #333;
	padding: 10px 5px;
	font-weight: 600;
	font-size: 17px;
}

.head_datapri {
	text-align: center;
}

.data_pricing1 {
	text-align: center;
}

span.close_c {
	color: #ce0000;
	font-size: 18px;
}

span.check_c {
	color: var(--main-color);
	font-size: 18px;
}

/***************************/

.mob_pricingtab {
	display: none;
}

@media (max-width: 600px) {
	.mob_pricingtab {
		display: block;
	}

	.table_res {
		overflow-y: scroll;
	}

	table.pricing_table tr td.data_pricing {
		width: auto;
		min-width: 140px;
		font-size: 14px;
	}

	table.pricing_table tr td.subhead_pricng {
		font-size: 13px;
	}

	.subhead_pricng1 {
		font-size: 15px;
	}

	td.data_pricing1 a.freeplan {
		padding: 8px 10px;
		font-size: 12.3px;
	}

	.mob_pricingtab div span {
		cursor: pointer;
		display: inline-block;
		/* width: 168px; */
		/* text-transform: uppercase; */
		font-size: 16px;
		padding: 10px 7px;
		font-weight: 500;
	}

	.mob_pricingtab div span.active {
		border-bottom: 2px solid var(--main-color);
	}

	.mob_pricingtab div span {
		padding: 0px;
		margin-left: 10px;
	}

	.mob_pricingtab div {
		width: 370px;
	}

	.mob_pricingtab {
		margin-top: 15px;
		margin-bottom: 10px;
		background: #f7fbfd;
		overflow-y: scroll;
		/*padding: 0px 5px;*/
	}

	table.pricing_table tr th {
		display: none;
	}

	table.pricing_table tr td {
		display: none;
	}

	table.pricing_table.freec tr td:nth-child(1) {
		/*   display: table-cell;*/
		display: block !important;
	}

	table.pricing_table.freec tr td:nth-child(2) {
		display: table-cell;
	}

	table.pricing_table.pro tr td:nth-child(1) {
		display: table-cell;
	}

	table.pricing_table.pro tr td:nth-child(3),
	table.pricing_table.pro tr td:nth-child(4),
	table.pricing_table.pro tr td:nth-child(5) {
		display: table-cell;
	}

	table.pricing_table.con tr td:nth-child(1) {
		display: table-cell;
	}

	table.pricing_table.con tr td:nth-child(6) {
		display: table-cell;
	}
}

/**************** pricing**********************/
.box_pricing {
	cursor: pointer;
	-webkit-transition: all 0.3s ease 0.3s;
	-moz-transition: all 0.3s ease 0.3s;
	-o-transition: all 0.3s ease 0.3s;
	transition: all 0.3s ease 0.3s;
	overflow: hidden;
	border-radius: 4px;
	max-width: 30%;
	background-color: #fff;
	box-shadow: 1px 1px 11px 1px rgb(0 0 0 / 12%);
	box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 0.12);
	margin: 15px;
	padding: 0px;
	padding-top: 25px;
}

.box_pricecontent {
	padding-top: 0px;
	padding: 30px 40px;
	/*text-align: center;*/
}

.head_price h3 {
	position: relative;
	text-align: center;
	/*background-color: #a73535;*/
	padding: 0px 10px;
	/*color: white;*/
	font-weight: 600;
	font-size: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.head_price p {
	padding: 0px 15px;
	position: relative;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 1px;
}

.div_pricecss {
	text-align: center;
}

.div_pricecss h2 {
	margin-bottom: 0;
	color: var(--main-color);
	font-size: 36px;
	font-weight: 500;
	text-align: center;
}

.box_pricecontent p i {
	color: var(--main-color);
}

.box_pricecontent p {
	font-size: 15px;
}

.table_res {
	padding: 20px 10px;
	border: 1px solid #f1f1f1;
}

select.selectpicker.selbtn {
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	font-size: 13.3px;
	background-color: var(--main-color);
	padding: 6px 20px;
	border-radius: 3px;
	border: 1px solid var(--main-color);
}

.box_pricecontent p i {
	position: absolute;
	left: 0;
	top: 4px;
}

.box_pricecontent p {
	position: relative;
	padding-left: 20px;
}

@media (max-width: 968px) {
	.table_res {
		overflow: scroll;
	}

	.boxx_price {
		background-color: #112b50;
		box-shadow: 1px 1px 11px 1px rgb(0 0 0 / 12%);
		box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 0.12);
		margin: 15px;
		padding: 30px 10px;
	}

	.box_pricing {
		box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
		max-width: none;
		margin: auto;
	}

	.box_pricecontent {
		padding: 30px 20px;
	}
}

@media (max-width: 600px) {
	.mob_menu a {
		font-size: 12px !important;
	}

	a.lan_ar {
		margin-right: 10px;
	}

	.login-register {
		padding: 0.4rem 0.4rem !important;
	}
}

div.whatsappbro {
	margin: 0;
	padding: 0;
	border: 0;
	position: fixed;
	z-index: 16000160;
	bottom: 120px;
	right: 10px;
	text-align: center;
	overflow: hidden;
}

input.submitbtn {
	border: 0px solid;
	padding: 8px 25px;
	border-radius: 5px;
	color: #fff;
	background-color: var(--main-color);
}

form.contact_form label {
	font-size: 15px;
}

form.contact_form .form-control {
	font-size: 13px;
}

form.contact_form {
	padding: 30px;
	background-color: #fff;
	box-shadow: 1px 1px 13px 6px rgb(0 0 0 / 8%);
	box-shadow: 1px 1px 13px 6px rgba(0, 0, 0, 0.08);
}

form.contact_form input.form-control {
	height: 45px;
}

form.contact_form select.form-control {
	height: 45px;
	padding: 0.375rem 0.5rem !important;
}

.color_white {
	color: #fff;
}

.select2-container .select2-selection--single {
	height: 33px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	font-size: 13px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	margin-top: 11px;
	margin-right: 5px;
}

/*----------------------------------------
Start Automation page script
------------------------------------------*/
.d-contents {
	display: contents;
}

/*----------------------------------------
Cold Transport Carrier Image  script
------------------------------------------*/
.cold-transport-img-color {
	fill: #4294ff;
}

/*----------------------------------------
New Address design style
------------------------------------------*/
.addressbook_head {
	text-align: center;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 20px;
}

.address_icon {
	border-radius: 50%;
	line-height: 60px;
	height: 80px;
	color: var(--main-color);
	width: 80px;
	font-size: 27px;
	display: inline-block;
	background-color: #f7f4ff;
	padding: 10px;
}

.addressbook_head h4 {
	margin: 10px 0px 20px 0px;
	font-size: 16px;
}

.addressbook_body ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

.addressbook_body ul li {
	font-weight: 500;
	font-size: 13px;
	display: block;
	position: relative;
	padding: 2px 5px;
}

.addressbook_body ul li span {
	font-weight: 300;
	text-align: right;
	float: right;
}

.dis_inline {
	display: inline-block;
}

.addnew_address a {
	color: #fff !important;
	border: 1px solid var(--main-color);
	color: #fff !important;
	background-color: var(--main-color);
	font-size: 13.3px;
	padding: 5px 25px;
	border-radius: 3px;
	width: auto;
}

.addnew_address {
	cursor: pointer;
	width: auto;
	margin: 10px auto;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	float: right;
}

.address_top {
	display: block;
	position: relative;
}

.address_checkbox {
	display: inline-block;
}

.address_checkbox label {
	font-size: 12.5px;
	vertical-align: middle;
}

.rightside_m {
	float: right;
}

.rightside_m div i {
	cursor: pointer;
	color: var(--main-color);
	font-size: 18px;
	padding: 2px 7px;
}

.dropdown-menu {
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 0%);
	box-shadow: 0 6px 12px rgb(0 0 0 / 0%);
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 0%);
	box-shadow: 0 6px 12px rgb(0 0 0 / 0%);
}

.address_checkbox input.form-check-input {
	width: 18px;
	position: relative;
	margin-top: 0rem;
	margin-left: 0rem;
	height: 18px;
	padding: 0;
	cursor: pointer;
	accent-color: var(--main-color);
}

.address_checkbox.active label {
	color: var(--main-color);
}

.acive_add {
	color: var(--main-color);
	font-size: 12px;
}

.acive_add {
	color: var(--main-color);
	font-size: 12px;
	background-color: #f7f4ff;
	padding: 4px 15px;
	border-radius: 35px;
	margin-top: 5px;
	display: inline-block;
}

.in_acive_add {
	color: var(--main-color);
	font-size: 12px;
}

.in_acive_add {
	color: #fc362c;
	font-size: 12px;
	background-color: #fff4f4;
	padding: 4px 15px;
	border-radius: 35px;
	margin-top: 5px;
	display: inline-block;
}

.mar_15 {
	margin: 15px 0px;
}

@media (max-width: 767px) {
	.addnew_address {
		cursor: pointer;
		width: auto;
		margin: 10px auto;
		display: block;
		text-align: center;
		vertical-align: middle;
		float: none;
	}
}

.error {
	color: red;
}

.close {
	position: relative;
	top: -80px;
	right: 20px;
	z-index: 0.5;
	font-size: larger;
}

#connect_own_data .close {
	top: 0px;
}

.close_i {
	color: var(--main-color);
}

span.text-black.pl-sm {
	line-height: 1.2;
}

.color_01 {
	border-color: #ffb43e;
}

.color_02 {
	border-color: #60b636;
}

.color_03 {
	border-color: #ff2a15;
}

.select_shippernew .image_shipper {
	align-items: center;
	display: flex;
}

.switch {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 28px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider {
	background-color: var(--main-color);
}

input:focus+.slider {
	box-shadow: 0 0 1px var(--main-color);
}

input:checked+.slider:before {
	-webkit-transform: translateX(17px);
	-ms-transform: translateX(17px);
	transform: translateX(17px);
}

.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.create-shipment .progress {
	background-color: var(--primary-color);
	width: 0%;
	transition: 0.3s
}

span.text-black.pl-sm {
	line-height: 1.2
}

.color_01 {
	border-color: #ffb43e
}

.color_02 {
	border-color: #60b636
}

.color_03 {
	border-color: #ff2a15
}

.create-shipment .progressbarnew {
	position: relative;
	display: flex;
	justify-content: space-between;
	counter-reset: step;
	margin: 1.2rem 3rem 2rem
}

.select_addressnew {
	display: inline-block;
	cursor: pointer;
	/* width: 31% */
}

.select_addressnew input[type=radio] {
	display: none
}

.select_addressnew input[type=radio]:checked+label.input_label,
.select_addressnew input[type=radio]:checked~label.input_label {
	border: 1px double var(--main-color);
	background-color: #fff;
	color: var(--main-color)
}

.select_addressnew label {
	border-radius: 3px;
	border: 1px double #e2e2e2;
	background-color: #f7f7f7;
	color: #333;
	padding: 10px 12px;
	font-size: 13px;
	width: 100%;
	cursor: pointer
}

.address_boxnew,
.customer_boxnew {
	margin-top: 15px;
	margin-bottom: 20px;
	width: 100%
}

.address_boxnew h6,
.customer_boxnew h6 {
	font-size: 14px;
	margin-bottom: 15px;
	font-weight: 400
}

.addresses_sel select {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 13.5px
}

/* .addresses_sel {
	text-align: center;
	max-width: 280px;
	margin: 0 auto
} */

.addresses_sel span {
	display: inline-block;
	color: #919191;
	font-size: 14px;
	margin-bottom: 10px
}

.customer_search {
	position: relative;
	margin-bottom: 20px
}

.customer_search span i {
	color: #b3b3b3;
	top: 10px;
	position: absolute;
	left: 10px;
	font-size: 13.5px
}

.customer_search input {
	padding-left: 35px;
	font-size: 13.5px
}

.select_customernew {
	display: inline-block;
	cursor: pointer;
	width: 100%;
	position: relative
}

.select_customernew input[type=radio] {
	display: none
}

.select_customernew input[type=radio]:checked+label.input_label,
.select_customernew input[type=radio]:checked~label.input_label {
	border: 1px double var(--main-color);
	background-color: #fff;
	color: var(--main-color)
}

.select_customernew label {
	border-radius: 3px;
	border: 1px double #e2e2e2;
	background-color: #f7f7f7;
	color: #333;
	padding: 10px 12px;
	font-size: 13px;
	width: 99%;
	cursor: pointer
}

.customer_divadd {
	text-align: center;
	max-width: 280px;
	margin: 0 auto
}

.customer_divadd span {
	display: inline-block;
	color: #919191;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px
}

.order_details h6 {
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 15px;
	font-weight: 500
}

.order_details label {
	font-size: 13.5px;
	margin-bottom: 3px
}

.order_details input {
	font-size: 13.5px;
	margin-bottom: 5px
}

.create-shipmentnew .form-check input[type="radio"] {
	width: 20px;
	height: 20px;
	padding: 0;
	cursor: pointer;
	accent-color: var(--main-color)
}

.create-shipmentnew .form-check label {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	vertical-align: middle
}

.create-shipmentnew {
	margin-top: 15px
}

.card_cssnew {
	padding: 15px 15px;
	background-color: #fff;
	/* border: 1px solid #f1f1f1 */
}

.select_shippernew {
	display: inline-block;
	cursor: pointer;
	width: 100%;
	position: relative
}

.select_shippernew input[type=radio] {
	display: inline-block;
	position: absolute;
	left: 15px
}

.select_shippernew input[type=radio]:checked+label.input_label,
.select_customernew input[type=radio]:checked~label.input_label {
	border: 1px double var(--main-color);
	background-color: #fff
}

.select_shippernew label {
	border-radius: 3px;
	border: 1px double #e2e2e2;
	background-color: #fff;
	color: #333;
	padding: 18px 15px;
	font-size: 13px;
	width: 100%;
	cursor: pointer
}

.image_shipper img {
	margin-left: 35px
}

.select_shippernew input[type="radio"] {
	width: 18px;
	height: 18px;
	padding: 0;
	cursor: pointer;
	accent-color: var(--main-color)
}

.input_radiodata input[type=radio] {
	width: 18px;
	height: 18px;
	padding: 0;
	cursor: pointer;
	accent-color: var(--main-color);
	display: inline-block;
	margin-right: 15px;
}

.box_carriers03 span.badge {
	line-height: 2;
}

.font_12 {
	font-size: 12px
}

.font_13 {
	font-size: 13.5px
}

.address_search {
	position: relative;
	margin: 0px 10px 20px 5px;
}

.address_search span i {
	color: #b3b3b3;
	top: 10px;
	position: absolute;
	left: 10px;
	font-size: 13.5px
}

.address_search input {
	padding-left: 35px;
	font-size: 13.5px
}

.address_search span {
	position: absolute;
	left: 5px
}

@media(max-width:767px) {
	.create-shipment .progressbarnew {
		max-width: 265px;
		position: relative;
		display: flex;
		margin: 1.2rem .5rem .5rem;
		text-align: center;
		margin: 0 auto
	}

	.create-shipment .progress-step {
		position: relative;
		margin: 5px 0
	}

	.create-shipment .progress-step::after {
		left: -30px;
		top: 35px;
		width: 95px;
		text-align: center;
		font-size: 12px
	}

	.create-shipment .progressbar::before,
	.create-shipment .progress {
		display: none;
		left: 15px;
		content: "";
		position: absolute;
		top: 0;
		transform: translateY(5%);
		height: 95%;
		width: 4px;
		background-color: #dcdcdc;
		z-index: 1
	}

	.create-shipment .progress-step::before {
		font-weight: 600;
		counter-increment: step;
		content: counter(step);
		font-size: 25px
	}

	.create-shipment .progress-step-active {
		background-color: rgb(255 255 255);
		color: #000
	}

	.select_addressnew {
		display: inline-block;
		cursor: pointer;
		/* width: 49.2%; */
		margin: 0 !important;
	}

	.image_shipper {
		text-align: center
	}

	.image_shipper img {
		margin-left: 40px;
	}

	.select_shippernew input[type=radio] {
		top: 15px;
		left: 15px
	}

	.image_shipper {
		margin-bottom: 15px
	}

	.select_shippernew {
		text-align: center
	}

	.rate_css {
		margin-top: 10px
	}

	.select_shippernew label {
		padding-bottom: 10px !important
	}

	.rate_css h6 {
		font-size: 18px
	}

	.create-shipment .progress {
		display: none;
		background-color: var(--primary-color);
		height: 95%;
		transition: 0.3s
	}

	.create-shipment .progress-step {
		background-color: #fff
	}

	.create-shipment .progress-step-active::before {
		/* color: var(--main-color) */
		color: #fff
	}
}

.has-error {
	border: 1px solid rgb(255 5 0) !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
	width: 100% !important;
	font-size: 13px !important;
	margin-top: 0px !important;
	color: #495057;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	display: block;
	border: solid #495057 1px;
	outline: 0;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: block;
	padding: 0.323rem 0.75rem
}

.select2.select2-container.select2-container--default {
	width: 100% !important;
}

.deliver_to_edit_icon {
	padding: 0;
	background-color: transparent;
	border: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 30px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
}

button.custom-clear {
	border-style: none;
	color: var(--main-color);
	cursor: pointer;
	text-decoration: none;
	font-size: 13px;
	float: right;
	margin-right: 15px;
	line-height: 2.3;
	background-color: transparent;
}

.create-shipment-button {
	width: min-content;
}

.create-shipment-button.create-shipment {
	font-size: 13px;
	font-weight: 500;
}

.create-shipment-button.create-shipment .create-shipment-icon {
	height: 30px;
	width: 30px;
}

.create-shipment-button.mob_createla.header-shipment .create-shipment-icon {
	height: 30px;
	width: 30px;
}

.create-shipment-button .create-shipment-icon {
	height: 30px;
	width: 30px;
}

.overflow-table-y-auto {
	overflow-y: auto;
}

.ds-none {
	display: none;
}

.select_file_div {
	border: 1px solid black;
	height: 160px;
	width: 160px;
	border-radius: 50%;
	overflow: revert;
	align-items: center;
	padding: 3px;
}

.upload-icon {
	left: 65px;
	font-size: smaller;
	position: relative;
	border: 1px solid;
	border-radius: 50%;
	padding: 4px;
	background-color: var(--main-color);
	color: white;
	cursor: pointer;
	bottom: 45px;
}

.is-notvalid {
	border-color: #dc3545 !important;
}

.css-ullistli.selected {
	color: var(--main-color);
}

.package-default {
	color: var(--main-color);
}

.slots {
	padding: 0.25rem;
	border: 1px solid var(--main-color);
	border-radius: 4px;
	color: var(--main-color);
	cursor: pointer;
}

.slots.selected,
.slots:hover {
	background-color: var(--main-color);
	color: #fff;
}

.css_adddate {
	font-size: 14px;
}

.sub_menu2 ul li {
	padding-left: 25px;
}

.internationalshipping_img {
	display: block;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 10px;
}

.form-group div ul {
	margin-left: 0;
}

/*.dropdown-menu.open {
	display: block;
	opacity: 1;
	}*/
.dropdown-menu.open li.selected a span.check-mark {
	position: absolute;
	display: inline-block;
	right: 15px;
	margin-top: 5px;
}

.glyphicon-ok:before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f00c";
}

.switch_active input.toggle-switch+label {
	font-size: 15px;
	margin-left: 10px;
	vertical-align: middle;
}

.value_data01 {
	text-align: center;
}

p.name_cou01 {
	margin-top: 5px;
	font-size: 15px;
}

button.btn.dropdown-toggle {
	border: 1px solid #ced4da;
	font-size: 13px;
	padding: 5px 25px 5px 10px;
	border-radius: 3px;
	max-width: 250px;
	min-width: 100%;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}

.dropdown-menu.open {
	max-width: 100%;
	width: 100%;
}

#add_items i {
	font-size: 12px;
	border: 1px solid #333;
	padding: 6px 8px;
	border-radius: 50%;
	vertical-align: middle;
}

#add_items span {
	font-size: 14px;
	margin-left: 10px;
	color: #333;
}

#add_items {
	cursor: pointer;
}

.add_itemsdiv {
	padding-bottom: 15px;
	border-bottom: 1px solid #e3e3e3;
	padding-top: 15px;
	border-top: 1px solid #e3e3e3;
}

.card-body p {
	font-size: 14px;
}

.select2-container {
	/* width: 100% !important; */
	color: #495057;
	font-size: 13px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #495057;
	font-size: 13px;
}

div.form-group input {
	font-size: 13px;
}

div.form-group label {
	font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 30px;
	font-size: 13px;
}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px;
}

ul#select2-s5cw-results li,
.select2-results__option {
	font-size: 13px !important;
}

.hideclass {
	opacity: 0;
	height: 0px;
	overflow: hidden;
}

span.colse_divdata {
	display: inline-block;
	padding: 5px;
	color: #b70000;
	top: 30px;
	cursor: pointer;
	right: 15px;
	position: absolute;
}

.select_clone {
	padding-right: 40px;
}

.hide_01 {
	display: none;
}

.finish {
	background-color: var(--main-color);
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	outline: none;
	border-radius: 3px;
	padding: 0px 12px;
	font-size: 13px;
	font-weight: 500;
	-webkit-box-align: center;
	align-items: center;
	box-sizing: border-box;
	text-decoration: none;
	line-height: 30px;
	color: #fff !important;
	border: 1px solid var(--main-color);
}

.add_itemsdiv {
	font-size: 14px;
}

.btn_new01 {
	font-size: 15px;
	background-color: var(--main-color);
	color: #fff !important;
	padding: 5px 25px;
	display: inline-block;
	/* float: right; */
	border-radius: 3px;
	margin-top: 15px;
}

.dhl-img {
	padding-top: 34px;
}

.dhl-txt {
	padding-top: 35px;
}

.file-area {
	width: 100%;
	position: relative;
}

.file-area input[type=file] {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	cursor: pointer;
}

.file-area .file-dummy {
	width: 100%;
	padding: 30px;
	border: 2px dashed var(--main-color);
	text-align: center;
	transition: background 0.3s ease-in-out;
}

.file-area .file-dummy .success {
	display: none;
}

.file-area .file-dummy:hover {
	background: rgba(255, 255, 255, 0.1);
}

input[type=file]:focus+.file-dummy {
	outline: 2px solid rgba(255, 255, 255, 0.5);
	outline: -webkit-focus-ring-color auto 5px;
}

.UserProfileForm-Form .iti {
	display: block;
}

.courier_container::-webkit-scrollbar {
	width: 8px;
}

.courier_container::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

.courier_container::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
}

.courier_container::-webkit-scrollbar-thumb:hover {
	background: #555;
}

/* .courier_container {
	max-height: 315px;
	overflow-y: auto;
	overflow-x: hidden;
} */

.dynamic-color-class {
	fill: var(--main-color);
}

.white-color-class {
	fill: #ffffff;
}

.terms-accordion {
	overflow-y: auto;
	max-height: 600px;
}

label.notseleted:before {
	border: 2px solid #dc3545 !important;
}

.form-checkbox.buyLabelsCheckbox label:before {
	padding: 6px !important;
}

.form-checkbox.buyLabelsCheckbox input:checked+label:after {
	top: 7px;
	left: 21px
}

.bulk-labels-modal {
	max-width: 700px;
}

.accordion-toggle:after {
	font-family: FontAwesome;
	content: "\f078";
	padding-left: 5px;
	font-size: smaller;
}

.accordion-toggle.collapsed:after {
	content: "\f054";
}

.form-checkbox.buyLabelsCheckbox label.no-expand:before {
	opacity: 0.5;
	padding: 8px !important;
	border: none;
	cursor: no-drop;
	background-color: gray;
}

.center-two-logos {
	width: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 50%;
	height: 100px;
	position: relative;
	z-index: 2;
}

.check-mark::before {
	font-family: FontAwesome;
	content: "\f0ec";
	padding-left: 5px;
	font-size: xxx-large;
	color: var(--main-color);
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	line-height: 20px !important;
}

#daterange.form-control:disabled,
.form-control[readonly] {
	background-color: #ffffff00 !important;
}

.string-after-dot {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.string-after-wrap {
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

ul.social-icons.social-widget li a img {
	width: 15px;
	height: 15px;
	object-fit: cover;
	vertical-align: baseline;
}

.text-gray {
	color: #aaa0a1;
}

.iti__selected-flag {
	display: flex !important;
}

.iti,
.iti__allow-dropdown,
.iti__separate-dial-code {
	display: flex !important;
}

.signup-form .iti__country-list div.iti__flag-box {
	display: inline-block;
}

.iti__country-list li.iti__country {
	color: #495057;
}

.iti .iti__country {
	padding: 5px 10px;
	outline: none;
	display: table;
	align-items: center;
	justify-content: end;
	flex-direction: row-reverse;
}

.errorcss {
	color: red;
	font-size: 11px;
	margin-top: 0;
}

.profile-page_container .iti.iti--allow-dropdown {
	display: block !important;
}

.profile-page_container .iti--allow-dropdown .iti__flag-container .iti__arrow--up {
	border-top: 0;
	border-bottom: 0;
}

.profile_email_label {
	display: flex;
	justify-content: space-between;
}

.form-group .iti {
	display: block;
}

/* --- Track Your Order Page Styling --- */
body:has(> .order-track_field) {
	padding-bottom: 0;
}

.w-fit {
	width: -moz-fit-content;
	width: fit-content;
}

.order-track_field>.track-box {
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	/* background: url(../image/world.jpg) no-repeat; */
	background-size: contain;
	background-position: center;
	padding-block: 1.25rem;
}

.return_customer_order>.track-box {
	min-height: calc(100vh - 110px);
	display: flex;
	justify-content: center;
	background-size: unset;
	background-position: unset;
	padding-block: 1.25rem;
}

.return_customer_order .new_wrapper_dashboard{
	gap:35px;
}

.order-track_field .content-left,
.order-track_field .content-right {
	flex: 1;
}

.order-track_field .content-left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.content-left .profile-img {
	max-width: 75%;
	border-radius: 32px;
	overflow: hidden;
}

.order-track_field .content {
	position: unset;
	width: min(850px, 90%);
	max-width: 100%;
	margin-inline: auto;
	transform: unset;
	padding-inline: 0;
}

.order-track_field form.form {
	box-shadow: none;
	padding: 0;
	margin-top: 24px;
}

.order-track_field form.form .iti input::-webkit-input-placeholder {
	opacity: 1 !important;
}

button.track-submit_btn.btn.startcss {
	width: fit-content;
	padding: 6px 40px;
	border-radius: 8px;
	margin-bottom: 0;
}

.content-right h4 {
	font-size: clamp(1.75rem, 1.25rem + 1.3889vw, 2.5rem);
	font-weight: bold;
	color: var(--main-color);
	margin-bottom: 0;
}

.content-left ul.social-icons.social-widget li a img {
	background-color: transparent;
	width: 20px;
	height: 20px;
	display: block;
}

.content-left ul.social-icons.social-widget {
	gap: 0.75rem;
	height: 44px;
}

.content-left .social-media_icons li a {
	display: block;
}

.content-left .social-media_icons li a {
	display: block;
}

.content-left ul.social-icons.social-widget li:hover a {
	padding: 12px;
}

.content-left ul.social-icons.social-widget li {
	padding: 0;
}

.content-right .customer_mobile {
	border: none;
	box-shadow: 1px 1px 2px 2px rgb(192 192 192 / 50%);
}

/* --- Profile page styling --- */
.box-shadow-0 {
	box-shadow: none !important;
}

.profile-image_uploader {
	position: relative;
	--profile-size: 98px;
	height: var(--profile-size);
	width: var(--profile-size);
	min-width: var(--profile-size);
}

.profile-image_uploader .fa-upload.upload-icon {
	position: absolute;
	inset: 0;
	opacity: 0;
}

.profile-form_group .form-control,
.profile-form_group .select2-container--default .select2-selection--single {
	border: 1px solid #505050;
	border-radius: 10px;
	padding: 8px 12px;
	height: auto;
}

.profile-form_group .select2-container--default .select2-selection--single>.select2-selection__rendered {
	line-height: 1.5;
}

.profile-form_group .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 3px;
	right: 6px;
}

.profile-box {
	margin-bottom: 32px;
	padding-bottom: 20px;
	border-bottom: 1px solid #EBEBEB;
}

.profile-page_nav ul {
	list-style: none;
}

.profile-page_nav ul>*+* {
	margin-top: 8px;
}

.profile-page_nav ul a {
	padding: 12px 16px;
	border-radius: 22px;
	display: flex;
	gap: 0.5rem;
	align-items: center;
	opacity: 0.7;
	color: #000;
}

.profile-page_nav ul a.active-profile_link {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 8px;
	opacity: 1;
}

.profile-form_group div.card-header h5 button.active {
	background-color: unset;
	color: unset;
}

.profile-form_group div.card-header h5 button,
.profile-form_group h5 {
	color: var(--main-color) !important;
	font-size: clamp(1.75rem, 1.25rem + 1.3889vw, 1.75rem);
}

.profile-box .data_box_td {
	gap: 8px;
}

.profile-tab {
	display: none;
}

.profile-tab.profile-tab_active {
	display: block;
	animation: switch-tab 200ms linear forwards;
}

@keyframes switch-tab {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}
@media (max-width:1200px){
	.return_customer_order .new_wrapper_dashboard {
		gap: 0;
	}
}
@media (max-width:576px) {
	.row {
		margin-right: unset;
		margin-left: unset;
	}
}