.btn_customreg {
	background:#8B518A!important;
	border-color:#8B518A;
}
.servicebox .card-body {
	padding: 26px 11px;
	border: 0px;
	border-radius: 10px;
}
.bg-brown {
	background:#000000!important;
}
.bg-darkcustom {
	background: #f5811e;
	background-image: url(../img/bg--1.png);
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
.bg-darkcustom1 {
	background: #f5811e;
	background-image: url(../img/bg--101.png);
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
.servicebox {
	position: relative; /* Ensure correct positioning of the image */
}
 .servicebox::before {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 width: 106px;
 height: 144px;
 background-image: url(../img/bg-png.png);
 background-size: cover;
 background-repeat: no-repeat;
 background-position: bottom left;
 z-index: 0;
}
.car-right.text-right {
	z-index: 2;
	position: relative;
}
.bg-darkcustom h3 {
	color:#fff!important;
}
.bg-darkcustom.angled:before {
	border-color:#f5811e;
}
.text-ma {
	color:#e4bb01!important;
}
.error {
	color:#cd2030!important;
	font-size:14px;
}
.breadcrumb-item {
	color:#fff;
}
.breadcrumb-item+.breadcrumb-item::before {
color: rgba(255, 255, 255, .35);
}
.create_account .form-group {
	margin-bottom:15px;
}
.req {
	color:#ff0000;
}
.btn_custom {
	background-color:#882814;
	color:#fff;
	border-color:#882814;
}
.bg-breadcrumb {
	background-color:#1b1e23!important;
}
.table-pro-head {
	background:#c7421e;
}
.table-pro-head td {
	color:#fff!important;
}
.table-pro td {
	padding:7px;
}
.regform .form-group {
	margin-bottom:15px;
}
.regform label {
	font-weight:600;
}
.rowhead {
	background:#c7421e;
	color:#fff;
	padding:5px 10px;
	margin-bottom:15px;
}
.text-pagehead {
	color:#882814;
}
.note {
	font-size:12px;
}
.preview_tb td {
	padding:5px;
}
.preview_tb th {
	background:#e4ded4!important;
	color:#000;
}
.form-select {
	border: 1px solid rgba(209, 95, 39, .4)!important;
}
.check_label {
	font-weight:400;
}
.form-check-input {
	border: 1px solid rgba(209, 95, 39, .4)!important;
}
.servicebox_type1 {
	background: rgb(255,114,0);
	background: linear-gradient(90deg, rgb(129 49 127) 0%, rgb(241 119 29) 100%);
}
section.wrapper {
	padding: 20px;
	/* background-color: red; */
    background: linear-gradient(113.1deg, rgb(254 140 48 / 73%) 14%, rgb(253 75 101 / 82%) 80.5%, rgb(255 53 109 / 58%) 100.6%), url(../img/bg-000001.png);
	background-size: cover;
	background-position: center;
}
.more.oneee {
	background-image: linear-gradient(to right, #AA076B 0%, #61045F 51%, #AA076B 100%);
	margin: 10px;
	padding: 6px 31px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	box-shadow: 0 0 3px #eee;
	border-radius: 10px;
}
.more.oneee:hover {
	background-position: right center; /* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}
.more.two {
	background-image: linear-gradient(to right, #FF512F 0%, #DD2476 51%, #FF512F 100%);
	margin: 10px;
	padding: 6px 31px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	box-shadow: 0 0 3px #eee;
	border-radius: 10px;
}
.more.two:hover {
	background-position: right center; /* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}
.more.threee {
	background-image: linear-gradient(to right, #000428 0%, #004e92 51%, #000428 100%);
	margin: 10px;
	padding: 6px 31px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	box-shadow: 0 0 3px #eee;
	border-radius: 10px;
}
.more.threee:hover {
	background-position: right center; /* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}
.more.four {
	background-image: linear-gradient(to right, #fe8c00 0%, #f83600 51%, #fe8c00 100%);
	margin: 10px;
	padding: 6px 31px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	box-shadow: 0 0 3px #eee;
	border-radius: 10px;
}
.more.four:hover {
	background-position: right center; /* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}
.more.five {
	background-image: linear-gradient(to right, #D38312 0%, #A83279 51%, #D38312 100%);
	margin: 10px;
	padding: 6px 31px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	box-shadow: 0 0 3px #eee;
	border-radius: 10px;
}
.more.five:hover {
	background-position: right center; /* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}
.btn-grad {
	background-image: linear-gradient(to right, #6441A5 0%, #2a0845 51%, #6441A5 100%);
	margin: 10px;
	padding: 6px 31px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	box-shadow: 0 0 20px #eee;
	border-radius: 10px;
	display: block;
}
.btn-grad:hover {
	background-position: right center; /* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}
.more.six {
	background-image: linear-gradient(to right, #ff0084 0%, #33001b 51%, #ff0084 100%);
	margin: 10px;
	padding: 6px 31px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	box-shadow: 0 0 3px #eee;
	border-radius: 10px;
}
.more.six:hover {
	background-position: right center; /* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}
.servicebox_type2 {
	/* background: linear-gradient(90deg, rgb(199 58 143) 0%, rgb(203 5 2) 100%); */
    background: linear-gradient(65.5deg, rgb(23, 205, 205) -15.1%, rgb(23, 25, 95) 71.5%);
}
.servicebox_type3 {
	/* background: linear-gradient(90deg, rgb(221 74 4) 0%, rgb(255 4 0) 100%); */
    background: linear-gradient(108.4deg, rgb(253, 44, 56) 3.3%, rgb(176, 2, 12) 98.4%);
}
.servicebox_type4 {
	/* background: linear-gradient(90deg, rgb(241 66 77) 0%, rgb(163 0 11) 100%); */
    background: linear-gradient(107deg, rgb(255, 67, 5) 11.1%, rgb(245, 135, 0) 95.3%);
}
.servicebox_type5 {
	/* background: linear-gradient(90deg, rgb(24 99 111) 0%, rgb(0 197 231) 100%); */
    background: linear-gradient(109.6deg, rgb(43, 1, 91) 13.4%, rgb(122, 2, 54) 100.2%);
}
.servicebox_type6 {
	background: linear-gradient(90deg, rgb(177 71 243) 0%, rgb(5 20 131) 100%);
}
.servicebox h4 {
	color: #000;
}
.car-right.text-right span {
	font-size: 12px;
	display: block;
}
.car-right.text-right p {
	color: white;
	font-size: 12px;
	padding-bottom: 0px;
	margin-bottom: 5px;
}
.car-right.text-right {
	min-height: 114px;
}
.more {
	background: rgb(255,255,255);
	/* background: radial-gradient(circle, rgba(235,233,233,1) 0%, rgba(255,255,255,1) 44%, rgba(215,201,189,1) 100%); */
    background: linear-gradient(to right, #e65c00 0%, #F5851E 50%, #e65c00 100%);
	color: #ffffff;
	border-radius: 7px;
	font-size: 13px;
	padding: 5px 20px;
	border: 1px solid white;
	font-weight: 500;
}
.swiper-wrapper img {
	border-radius: 20px !important;
}
 .overlayyyyyy::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: linear-gradient(90deg, rgb(197 25 1 / 61%) 0%, rgb(121 12 0) 35%, rgb(140 24 22) 100%);
 z-index: -1;
}
 .overlayyyyyy1::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: -1;
 background: linear-gradient(110.1deg, rgb(241 115 30 / 0%) 18.9%, rgb(231 29 54 / 2%) 90.7%);
}
section.wrapper.bg-darkcustom1.overlayyyyyy1 {
	position: relative;
	z-index: 0;
}
section.wrapper.bg-darkcustom.overlayyyyyy {
	position: relative;
	z-index: 0;
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff; /* Adjust background color as needed */
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}
#preloader img {
	max-width: 70%;
	max-height: 70%;
}
 @-webkit-keyframes rotating /* Safari and Chrome */ {
 from {
 -webkit-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
@keyframes rotating {
 from {
 -ms-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
to {
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
.rotating {
	-webkit-animation: rotating 6s linear infinite;
	-moz-animation: rotating 6s linear infinite;
	-ms-animation: rotating 6s linear infinite;
	-o-animation: rotating 6s linear infinite;
	animation: rotating 6s linear infinite;
}
.swiper {
	border-radius: 20px;
	margin-top: 10px
}
 @media only screen and (max-width: 767px) {
 .offcanvas {
 position: fixed;
 bottom: 0;
 z-index: var(--bs-offcanvas-zindex);
 display: flex;
 flex-direction: column;
 max-width: 100%;
 color: var(--bs-offcanvas-color);
 visibility: hidden;
/*    background-color: var(--bs-offcanvas-bg);*/
    background-clip: padding-box;
 outline: 0;
 box-shadow: var(--bs-offcanvas-box-shadow);
 transition: var(--bs-offcanvas-transition);
 background: linear-gradient(90deg, rgb(221 74 4) 0%, rgb(255 4 0) 100%);
}
}