@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700;800&display=swap);

@font-face {
	font-family: "Font Awesome 5 Free";
	src: url(../webfonts/fa-solid-900.woff2) format("woff2");
	font-weight: 900;
	font-display: swap
}

@font-face {
	font-family: "Font Awesome 5 Free";
	src: url(../webfonts/fa-regular-400.woff2) format("woff2");
	font-weight: 400;
	font-display: swap
}

@font-face {
	font-family: "Font Awesome 5 Brands";
	src: url(../webfonts/fa-brands-400.woff2) format("woff2");
	font-weight: 400;
	font-display: swap
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

html {
	scroll-behavior: smooth
}

body {
	margin: 0;
	padding: 0;
	
	font-family: "Inter", sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #272b3d;
	font-family: "Inter", sans-serif;
}

p,
a,
div,
span,
ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 15px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 1px;
	font-family: "Inter", sans-serif;
	color: #313437
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #272b3d;
	font-weight: 500
}

button:focus {
    outline: none;
}

.spacing {
	padding: 80px 0
}


.form-control {
	margin-bottom: 15px;
	padding: 6px 7px;
	line-height: 24px !important;
	color: #000;
	background: #fff0;
	font-size: 14px
}

.form-control::-moz-placeholder {
	color: black !important
}

.form-control::placeholder {
	color: black !important
}

.form-select {
	margin-bottom: 15px;
	color: rgb(0 0 0 / .768627451);
	background-color: #fff0
}

.main-heading {
	font-size: 41px;
	font-weight: 800;
	color: #272b3d
}

.heading-wrapper {
	margin-bottom: 30px
}

.heading-wrapper .mini-heading {
	position: relative;
	margin-bottom: 10px;
	color: #cf4b1e
}

.heading-wrapper .mini-heading::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 30px;
	width: 5rem;
	height: 3px;
	background-color: #cf4b1e
}

.heading-wrapper-2 {
	text-align: center;
	margin-bottom: 50px
}

.heading-wrapper-2 .mini-heading {
	position: relative;
	margin-bottom: 15px;
	color: #cf4b1e
}

.heading-wrapper-2 .mini-heading::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 29px;
	width: 5rem;
	height: 3px;
	background-color: #cf4b1e
}

.sub-heading {
	font-size: 28px;
	font-weight: 600;
	color: #272b3d;
	margin-bottom: 15px
}

.text {
	margin-bottom: 13px
}

.bg {
	background-color: rgb(123 179 215 / .0901960784)
}

.t-color {
	color: #9c0202
}

img {
	border-radius: 10px
}

.navbar-toggler {
    border: 0;
    padding: 4px 8px;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-toggler-icon {
    width: 1.5rem;
    height: 1.5rem;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}



@media (min-width:992px) {
	.navbar-expand-lg .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
		justify-content: end
	}
}

.theme-button {
	z-index: 1;
	font-size: 14px;
	padding: 10px;
	line-height: 1;
	transition: 0.4s all ease-in-out;
	text-align: center;
	background-color: #cf4b1e;
	position: relative;
	display: inline-block;
	border-radius: 0;
	color: #fff;
	border: none;
	margin-top: 5px
}

.theme-button .theme-theme-button {
	border: none;
	background: none;
	color: #fff
}

#myBtn {
	z-index: 1;
	font-size: 14px;
	padding: 10px;
	line-height: 1;
	transition: 0.4s all ease-in-out;
	text-align: center;
	background-color: #cf4b1e;
	position: relative;
	display: inline-block;
	border-radius: 0;
	color: #fff;
	border: none
}

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

.list-item li a i {
	margin-right: 10px;
	color: #fff
}

.sticky-header .top-bar {
	display: flex;
	justify-content: center;
	background-color: #cf4b1e;
	padding: 0 36px;
	align-items: center
}

.sticky-header .top-bar .top-right-bar {
	display: flex;
	align-items: center
}

.sticky-header .top-bar .top-right-bar .list-item li {
	padding-left: 20px
}

.sticky-header .top-bar .top-right-bar .list-item li a {
	color: #fff;
	font-size: 12px
}

.sticky-header .top-bar .text {
	color: #fff;
	font-size: 12px;
	margin-bottom: 0
}

.sticky-header .top-bar .top-left-bar .logo-wrap img {
	width: 245px;
	height: 67px;
	-o-object-fit: contain;
	object-fit: contain
}

.sticky-header .navbar {
	padding: 5px 15px
}

.sticky-header .navbar .navbar-brand img {
	width: 245px;
	height: 67px;
	-o-object-fit: contain;
	object-fit: contain
}

@media screen and (max-width:1199px) {
	.sticky-header .navbar .navbar-brand img {
		width: 200px
	}
}

.sticky-header .navbar .navbar-nav {
	justify-content: end;
	margin-right: 10px
}

.sticky-header .navbar .navbar-nav .nav-item {
	padding-left: 3px;
	position: relative
}

@media screen and (min-width:1300px) {
	.sticky-header .navbar .navbar-nav .nav-item {
		margin: 0 10px
	}
}

.sticky-header .navbar .navbar-nav .nav-item:hover::after {
	transform: scaleX(1)
}

.sticky-header .navbar .navbar-nav .nav-item:nth-last-child(1)::after {
	display: none
}

.sticky-header .navbar .navbar-nav .nav-item i {
	font-weight: 900;
	font-size: 15px;
	margin-left: 4px
}

.sticky-header .navbar .navbar-nav .nav-item .theme-btn {
	color: #fff !important;
	border: none;
	transition: 0.5s all ease-in-out
}

.sticky-header .navbar .navbar-nav .nav-item .nav-link {
	color: #272b3d;
	font-size: 15px
}

.sticky-header .navbar .navbar-nav .nav-item .nav-link.active {
	color: #cf4b1e
}

.sticky-header .navbar .navbar-nav .nav-item .nav-link:hover {
	display: block;
	transition: 0.8s all ease-in-out
}

.sticky-header .dropdown-item {
	padding: 5px 15px;
	font-size: 14px;
	font-weight: 400;
	color: #272b3d;
	letter-spacing: 1px;
	transition: 0.3s all ease-in-out;
	position: relative;
	-webkit-backdrop-filter: blur(0);
	backdrop-filter: blur(0)
}

@media screen and (max-width:991px) {
	.sticky-header .dropdown-item {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		font-size: 12px
	}
}

.sticky-header .dropdown-item:hover {
	padding-left: 30px;
	color: #cf4b1e
}

.sticky-header .dropdown-item:hover::before {
	content: "";
	position: absolute;
	top: 18px;
	left: 4px;
	margin: auto;
	width: 8px;
	height: 2px;
	border-radius: 50px;
	background-color: #cf4b1e
}

.sticky-header .dropdown-item:hover::before {
	opacity: 1
}

.sticky-header .dropdown {
	position: relative;
	display: inline-block
}

.sticky-header .dropdown .dropdown-menu {
	display: none;
	position: absolute;
	z-index: 1;
	border-top: 2px solid #cf4b1e;
	top: 100%;
	left: -30px;
	border-radius: 5px;
	background-color: #fff;
	transition: all 500ms ease;
	opacity: 0;
	height: -moz-fit-content;
	height: fit-content;
	width: -moz-max-content;
	width: max-content;
	z-index: 200
}

.sticky-header .dropdown .dropdown-menu li {
	margin-bottom: 0;
	line-height: 0
}

.sticky-header .dropdown:hover .dropdown-menu {
	display: block;
	opacity: 1
}

.sticky-header .dropdown:hover .dropdown-menu:show {
	display: none
}

@media screen and (max-width:991px) {
	.sticky-header .dropdown:hover .dropdown-menu:show {
		display: block
	}
}

@media screen and (max-width:991px) {
	.sticky-header .dropdown:hover .dropdown-menu {
		display: none
	}

	.sticky-header .dropdown:hover .dropdown-menu.show {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		transform: none;
		width: 100%;
		max-height: 20rem
	}
}

.sticky-header .dropdown .dropdown-menu.interstate-dropdown {
	max-height: 34rem;
	overflow-y: scroll
}

.sticky-header .dropdown .dropdown-menu.interstate-dropdown::-webkit-scrollbar {
	width: 4px
}

@media screen and (max-width:991px) {
	.sticky-header .dropdown .dropdown-menu.interstate-dropdown::-webkit-scrollbar {
		height: 6px
	}
}

.sticky-header .dropdown .dropdown-menu.interstate-dropdown::-webkit-scrollbar-thumb {
	background: #493635
}

.sticky-header .dropdown .dropdown-menu.interstate-dropdown::-webkit-scrollbar-track {
	background-color: #fff
}

.sticky-header .dropdown .dropdown-toggle::after {
	display: none
}

.fixed-header {
	position: fixed !important;
	box-shadow: rgb(50 50 93 / .25) 0 6px 12px -2px, rgb(0 0 0 / .3) 0 3px 7px -3px;
	background-color: #fff;
	top: 0;
	width: 100%;
	z-index: 999
}

.brand-logo {
	background-color: rgb(39 43 60 / .1607843137);
	background-image: url(../images/call/pattern_green.png);
	background-repeat: repeat;
	background-size: auto 100%, auto;
	padding: 25px;
	position: relative
}

.brand-logo li {
	position: relative
}

.main-banner {
	position: relative;
	background: linear-gradient(to right, rgb(0 0 0 / .71), rgb(0 0 0 / .231372549)), url(../images/banner/banner-1.jpg);
	object-fit: cover;
	background-position: center;
	height: 600px;
	display: flex;
	align-items: center
}

.main-banner .heading-wrapper .main-heading {
	color: #fff
}

.main-banner .heading-wrapper .mini-heading {
	margin-bottom: 19px;
	color: #fff
}

.main-banner .heading-wrapper .mini-heading::before {
	background-color: #fff
}

.main-banner .heading-wrapper .sub-heading {
	color: #fff
}

.main-banner .heading-wrapper .text {
	padding-left: 0;
	font-size: 18px;
	color: #fff
}

.banner-form-wrap {
	position: absolute !important;
	display: flex;
	align-items: center;
	height: 100%;
	width: 36%;
	top: 0;
	right: 22px
}

.banner-form-wrap .banner-form {
	background: #fff;
	padding: 12px;
	border-radius: 5px
}

.banner-form-wrap .banner-form .banner-form-text {
	color: rgb(0 0 0 / .768627451);
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 14px;
	text-transform: uppercase
}

.banner-form-wrap .banner-form .form-control {
	margin-bottom: 15px;
	padding: 6px 7px;
	line-height: 24px;
	color: rgb(0 0 0 / .768627451);
	background-color: rgb(0 0 0 / .0392156863);
	resize: none;
	box-shadow: none
}

.banner-form-wrap .banner-form .form-select {
	margin-bottom: 15px;
	color: rgb(0 0 0 / .768627451)
}

.banner-form-wrap .banner-form .check p {
	color: #000
}

.banner-form-wrap .banner-form .check label {
	color: #000
}

.banner-form-wrap .banner-form .theme-button-wrap .theme-theme-button {
	border: none;
	background: none;
	color: #fff
}

.brand-logo .list-item li {
	padding-right: 55px
}

.about-info img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.cta {
	background-color: #dadbdd;
	background-image: url(../images/call/pattern_green.png);
	background-repeat: repeat;
	background-size: auto 100%, auto;
	z-index: 1
}

.cta .content {
	display: flex;
	align-items: center;
	flex-flow: column;
	text-align: center;
	align-items: center;
	margin: 15px 0
}

.cta .content .theme-button .theme-btn {
	color: #fff;
	background: none;
	border: none
}

.cta .content .icon {
	position: absolute;
	animation: linear infinite;
	animation-name: run;
	animation-duration: 19s;
	width: -moz-fit-content;
	width: fit-content;
	bottom: -15px;
	height: -moz-fit-content;
	height: fit-content
}

.cta .content .icon img {
	width: 75px;
	animation: run
}

.cta .content .main-heading {
	color: #272b3d;
	font-size: 35px
}

.cta .content .t-color {
	font-size: 46px;
	font-weight: 800
}

.card-sec .service-card {
	border: none;
	box-shadow: rgb(183 144 255 / .397) 0 1px 4px;
	border-radius: 5px;
	height: 100%;
	padding: 15px;
	transition: 0.3s all ease-in-out;
	text-align: center;
	position: relative;
	z-index: 1
}

.card-sec .service-card:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: #000;
	z-index: -1;
	opacity: .5
}

.card-sec .service-card.packing::after {
	background: url(../images/service/packing-service.jpg);
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	z-index: -2;
	opacity: .7;
	background-position: center
}

.card-sec .service-card.storage::after {
	background: url(../images/service/storage-service.jpg);
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	z-index: -2;
	opacity: .7;
	background-position: center
}

.card-sec .service-card.moving::after {
	background: url(../images/service/moving-service.jpg);
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	z-index: -2;
	opacity: .7;
	background-position: center
}

.service-provider {
    gap: 0rem;
}
.card-sec .service-card:hover {
	box-shadow: rgb(89 38 184 / .4) 0 1px 4px
}

.card-sec .service-card:hover img {
	transform: rotateY(180deg);
	transition: 0.9s all ease-in-out
}

.card-sec .service-card .card-body .card-heading {
	font-size: 28px;
	margin-bottom: 10px;
	font-weight: 800;
	color: #fff;
	letter-spacing: 2px
}

.card-sec .service-card .card-body .text {
	color: #fff
}

.card-sec .theme-button {
	width: 140px;
	padding: 3px;
	transform: translate(120px, 1px)
}

.mid-cards {
	background-image: url(../images/mid-banner/img-backgruond.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed
}

.mid-cards .wrapper .heading-wrapper-2 {
	text-align: center;
	margin-bottom: 0
}

.mid-cards .wrapper .heading-wrapper-2 .main-heading {
	color: #fff
}

.mid-cards .wrapper .heading-wrapper-2 .mini-heading {
	color: #fff
}

.mid-cards .wrapper .heading-wrapper-2 .mini-heading::before {
	background-color: #fff
}

.mid-cards .service-card {
	border: none;
	box-shadow: rgb(183 144 255 / .397) 0 1px 4px;
	border-radius: 5px;
	height: 100%;
	padding: 15px;
	transition: 0.6s all ease-in-out;
	text-align: center
}

.mid-cards .service-card .img-wrapper {
	width: 100%
}

.mid-cards .service-card .img-wrapper img {
	width: 80px;
	height: 95px;
	-o-object-fit: contain;
	object-fit: contain;
	margin-bottom: 10px;
	text-align: center;
	transform: translateY(30px);
	transition: 0.8s ease
}

.mid-cards .service-card .card-body .card-heading {
	font-size: 28px;
	margin-bottom: 10px;
	font-weight: 800
}

.mid-cards .service-card:hover {
	background-color: #cf4b1e;
	background-image: url(../images/call/pattern_green.png);
	background-repeat: repeat;
	background-size: auto 100%, auto
}

.mid-cards .service-card:hover img {
	transform: translateY(10px);
	filter: brightness(0) invert(1)
}

.mid-cards .service-card:hover .card-heading,
.mid-cards .service-card:hover .text {
	color: #fff
}

.mid-card {
	background-image: url(../images/mid-banner/img-backgruond.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed
}

.mid-card .wrapper .heading-wrapper {
	text-align: center;
	padding: 20px;
	margin-bottom: 0
}

.mid-card .wrapper .heading-wrapper .main-heading {
	color: #fff
}

.mid-card .wrapper .heading-wrapper .mini-heading {
	color: #fff
}

.mid-card .wrapper .heading-wrapper .mini-heading::before {
	left: 35rem;
	top: 28px
}

.mid-card .service-card {
	border: none;
	box-shadow: rgb(183 144 255 / .397) 0 1px 4px;
	border-radius: 5px;
	height: 100%;
	padding: 15px;
	transition: 0.6s all ease-in-out;
	text-align: center
}

.mid-card .service-card .img-wrapper {
	width: 100%
}

.mid-card .service-card .img-wrapper img {
	width: 80px;
	height: 95px;
	-o-object-fit: contain;
	object-fit: contain;
	margin-bottom: 10px;
	text-align: center;
	transform: translateY(30px);
	transition: 0.8s ease
}

.mid-card .service-card .card-body .card-heading {
	font-size: 28px;
	margin-bottom: 10px;
	font-weight: 800
}

.mid-card .service-card:hover {
	background-color: #cf4b1e;
	background-image: url(../images/call/pattern_green.png);
	background-repeat: repeat;
	background-size: auto 100%, auto
}

.mid-card .service-card:hover img {
	transform: translateY(10px);
	filter: brightness(-1) invert(1)
}

.mid-card .service-card:hover .card-heading,
.mid-card .service-card:hover .text {
	color: #fff
}

.why-us {
	background-image: url(../images/icons/bg.png);
	background-repeat: repeat;
	-o-object-fit: cover;
	object-fit: cover;
	background-position: center
}

.why-us img {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.ban-sec .wrapper {
	background-image: url(../images/mid-banner/img-backgruond.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 24px 70px;
	border-radius: 10px
}

.ban-sec .wrapper .main-heading {
	color: #fff
}

.testimonials{
    position: relative;
    padding: 20px 0;
    overflow: hidden;
}

/* =========================
   OWL CAROUSEL
========================= */

.testimonials .owl-carousel{
    position: relative;
}

/* =========================
   ITEM
========================= */

.testimonials .owl-carousel .item{
    padding: 20px 10px;
}

/* =========================
   REVIEW BOX
========================= */

.testimonials .owl-carousel .item .review-wrapper{
    background: #ffffff;
    padding: 45px 35px;
    border-radius: 30px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    position: relative;
    transition: 0.4s;
    height: 100%;
    border: 1px solid #f1f1f1;
}

.testimonials .owl-carousel .item .review-wrapper:hover{
    transform: translateY(-8px);
}

/* =========================
   ICON
========================= */

.testimonials .owl-carousel .item .review-wrapper .t-icon{
	display: none;
    width: 90px;
    height: 90px;
    margin: 0 auto 25px;
    border-radius: 50%;
    overflow: hidden;
    background: #f5f5f5;
    /* display: flex; */
    align-items: center;
    justify-content: center;
}

.testimonials .owl-carousel .item .review-wrapper .t-icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* =========================
   REVIEW TEXT
========================= */

.testimonials .owl-carousel .item .review-wrapper p{
    font-size: 16px;
    line-height: 1.9;
    color: #555;
    margin-bottom: 25px;
    position: relative;
    padding: 0 15px;
}

/* Quote Left */

.testimonials .owl-carousel .item .review-wrapper p::before{
    content: "\f10d";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: -15px;
    left: -5px;
    color: #e6233c;
    font-size: 22px;
    opacity: 0.3;
}

/* Quote Right */

.testimonials .owl-carousel .item .review-wrapper p::after{
    content: "\f10e";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    bottom: -15px;
    right: -5px;
    color: #e6233c;
    font-size: 22px;
    opacity: 0.3;
}

/* =========================
   NAME
========================= */

.testimonials .owl-carousel .item .review-wrapper .sub-heading{
    font-size: 22px;
    font-weight: 700;
    color: #111;
    margin-bottom: 5px;
}

/* =========================
   LOCATION
========================= */

.testimonials .owl-carousel .item .review-wrapper .mini-heading{
    display: block;
    font-size: 15px;
    color: #777;
    margin-bottom: 18px;
}

/* =========================
   STAR ICONS
========================= */

.testimonials .star-icon{
    display: flex;
    justify-content: center;
    gap: 5px;
}

.testimonials .star-icon i{
    color: #ffc107;
    font-size: 16px;
}

/* =========================
   NAVIGATION
========================= */

.testimonials .owl-nav{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    display: flex !important;
    justify-content: space-between;
    pointer-events: none;
}

.testimonials .owl-nav button{
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.12);
    transition: 0.3s;
    pointer-events: auto;
    border: none !important;
}

.testimonials .owl-nav button:hover{
    transform: scale(1.1);
    background: #e6233c !important;
}

.testimonials .owl-nav button:hover i{
    color: #fff;
}

.testimonials .owl-nav .owl-prev{
    margin-left: -25px;
}

.testimonials .owl-nav .owl-next{
    margin-right: -25px;
}

.testimonials .owl-nav i{
    color: #111;
    font-size: 24px;
    transition: 0.3s;
}

/* =========================
   DOTS
========================= */

.testimonials .owl-dots{
    margin-top: 35px;
    text-align: center;
}

.testimonials .owl-dot{
    margin: 0 5px;
}

.testimonials .owl-dot span{
    width: 12px;
    height: 12px;
    background: #ccc !important;
    display: block;
    border-radius: 50%;
    transition: 0.3s;
}

.testimonials .owl-dot.active span{
    background: #e6233c !important;
    width: 30px;
    border-radius: 30px;
}

/* =========================
   REVIEW BRAND ICONS
========================= */

.testimonials .review-brand-icons{
    display: flex;
    justify-content: center;
    gap: 25px;
    flex-wrap: wrap;
    margin-top: 50px;
}

.testimonials .review-brand-icons .icon-wrapper{
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px 25px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.testimonials .review-brand-icons .icon-wrapper .content .sub-heading{
    font-size: 17px;
    margin-bottom: 2px;
}

.testimonials .review-brand-icons .icon-wrapper .content p{
    margin: 0;
    font-size: 14px;
    color: #777;
}

/* =========================
   RESPONSIVE
========================= */

@media screen and (max-width:991px){

    .testimonials{
        padding: 60px 0;
    }

    .testimonials .owl-nav{
        display: none !important;
    }

    .testimonials .owl-carousel .item .review-wrapper{
        padding: 35px 25px;
    }

}

@media screen and (max-width:767px){
    .testimonials .owl-carousel .item{
    padding: 0px 10px;
}

    .testimonials .owl-carousel .item .review-wrapper{
        padding: 30px 20px;
        border-radius: 20px;
    }

    .testimonials .owl-carousel .item .review-wrapper p{
        font-size: 15px;
        line-height: 1.8;
    }

    .testimonials .owl-carousel .item .review-wrapper .sub-heading{
        font-size: 20px;
    }

    .testimonials .owl-carousel .item .review-wrapper .mini-heading{
        font-size: 14px;
    }

    .testimonials .owl-carousel .item .review-wrapper p::before,
    .testimonials .owl-carousel .item .review-wrapper p::after{
        font-size: 16px;
    }

}
.our-service-areas .about-service .text {
	position: relative
}

.our-service-areas .about-service .text::before {
	content: "";
	position: absolute;
	border: none;
	width: 110px;
	height: 100px;
	background-color: #272b3d;
	color: #fefaf6;
	list-style-type: disc
}

.our-service-areas .list-wrapper {
	display: flex;
	justify-content: space-around;
	position: relative
}

.our-service-areas .list-wrapper .list-items {
	padding-right: 30px
}

.our-service-areas .list-wrapper .list-items li a {
	position: relative
}

.our-service-areas .list-wrapper .list-items li a::before {
	position: absolute;
	content: "\f3c5";
	top: -6px;
	left: -20px;
	right: 0;
	width: 30px;
	height: 20px;
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
	color: #272b3d
}

.our-service-areas .iframe-map {
	background-image: url(../images/map-cover/map-1.png);
	height: 393px;
	background-repeat: round;
	width: 470px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-radius: 28px;
	padding: 22px 20.5px
}

.form-control {
	line-height: 2.5632
}

.contact-wrap {
	margin-bottom: 30px
}

.contact-left-wrapper .contact-wrapper {
	display: flex;
    flex-direction: column;
	/* text-align: left !important; */
	background: rgb(255 255 255 / .0784313725);
	margin-bottom: 8px;
	padding: 10px
}

.contact-left-wrapper .contact-wrapper .contact-icon {
	width: 40px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 8px
}

.contact-left-wrapper .contact-wrapper .contact-content .highlight {
	font-size: 18px
}

.contact-left-wrapper .contact-wrapper .contact-content a {
	color: #fff !important
}

.our-services img,
.self-storage img,
.packing-service img,
.truck-moving img,
.local-movers img {
	width: 480px
}

.our-services .request .sub-heading,
.self-storage .request .sub-heading,
.packing-service .request .sub-heading,
.truck-moving .request .sub-heading,
.local-movers .request .sub-heading {
	color: #272b3d
}

.our-services .request .check p,
.self-storage .request .check p,
.packing-service .request .check p,
.truck-moving .request .check p,
.local-movers .request .check p {
	color: #272b3d;
	text-align: left
}

.our-services .request .check .checkbox-wrap,
.self-storage .request .check .checkbox-wrap,
.packing-service .request .check .checkbox-wrap,
.truck-moving .request .check .checkbox-wrap,
.local-movers .request .check .checkbox-wrap {
	display: flex
}

.our-services .request .check .checkbox-wrap label,
.self-storage .request .check .checkbox-wrap label,
.packing-service .request .check .checkbox-wrap label,
.truck-moving .request .check .checkbox-wrap label,
.local-movers .request .check .checkbox-wrap label {
	display: flex;
	align-items: center;
	margin-right: 10px
}

.our-services .request .check .checkbox-wrap .form-check-label,
.self-storage .request .check .checkbox-wrap .form-check-label,
.packing-service .request .check .checkbox-wrap .form-check-label,
.truck-moving .request .check .checkbox-wrap .form-check-label,
.local-movers .request .check .checkbox-wrap .form-check-label {
	color: #272b3d
}

.our-services .request .check .checkbox-wrap .form-check,
.self-storage .request .check .checkbox-wrap .form-check,
.packing-service .request .check .checkbox-wrap .form-check,
.truck-moving .request .check .checkbox-wrap .form-check,
.local-movers .request .check .checkbox-wrap .form-check {
	padding-right: 40px
}

.our-services .request .check .checkbox-wrap input,
.self-storage .request .check .checkbox-wrap input,
.packing-service .request .check .checkbox-wrap input,
.truck-moving .request .check .checkbox-wrap input,
.local-movers .request .check .checkbox-wrap input {
	width: 30px;
	height: 17px
}

.our-services .request .check .checkbox-wrap button,
.self-storage .request .check .checkbox-wrap button,
.packing-service .request .check .checkbox-wrap button,
.truck-moving .request .check .checkbox-wrap button,
.local-movers .request .check .checkbox-wrap button {
	border: none;
	background: none;
	padding-right: 10px
}

.our-services .request .check .form-check-input:checked,
.self-storage .request .check .form-check-input:checked,
.packing-service .request .check .form-check-input:checked,
.truck-moving .request .check .form-check-input:checked,
.local-movers .request .check .form-check-input:checked {
	background-color: #272b3d;
	border-color: #272b3d
}

.our-services .request .form-select,
.self-storage .request .form-select,
.packing-service .request .form-select,
.truck-moving .request .form-select,
.local-movers .request .form-select {
	font-size: 14px
}

.our-services .request .form-select:focus,
.self-storage .request .form-select:focus,
.packing-service .request .form-select:focus,
.truck-moving .request .form-select:focus,
.local-movers .request .form-select:focus {
	border-color: #272b3d;
	box-shadow: none
}

.our-services .request .form-control,
.self-storage .request .form-control,
.packing-service .request .form-control,
.truck-moving .request .form-control,
.local-movers .request .form-control {
	font-size: 14px
}

.our-services .request .form-control:focus,
.self-storage .request .form-control:focus,
.packing-service .request .form-control:focus,
.truck-moving .request .form-control:focus,
.local-movers .request .form-control:focus {
	border-color: #272b3d;
	box-shadow: none
}

.our-services .contact-wrap .contact-left-wrapper,
.self-storage .contact-wrap .contact-left-wrapper,
.packing-service .contact-wrap .contact-left-wrapper,
.truck-moving .contact-wrap .contact-left-wrapper,
.local-movers .contact-wrap .contact-left-wrapper {
	background-color: #cf4b1e;
	border-radius: 3px
}

.our-services .contact-wrap .contact-left-wrapper .sub-heading,
.our-services .contact-wrap .contact-left-wrapper p,
.self-storage .contact-wrap .contact-left-wrapper .sub-heading,
.self-storage .contact-wrap .contact-left-wrapper p,
.packing-service .contact-wrap .contact-left-wrapper .sub-heading,
.packing-service .contact-wrap .contact-left-wrapper p,
.truck-moving .contact-wrap .contact-left-wrapper .sub-heading,
.truck-moving .contact-wrap .contact-left-wrapper p,
.local-movers .contact-wrap .contact-left-wrapper .sub-heading,
.local-movers .contact-wrap .contact-left-wrapper p {
	color: #fff
}

.our-services .contact-wrap .contact-left-wrapper .contact-icon,
.self-storage .contact-wrap .contact-left-wrapper .contact-icon,
.packing-service .contact-wrap .contact-left-wrapper .contact-icon,
.truck-moving .contact-wrap .contact-left-wrapper .contact-icon,
.local-movers .contact-wrap .contact-left-wrapper .contact-icon {
	background-color: #fff;
	border: none;
	margin-bottom: 10px
}

.our-services .contact-wrap .contact-left-wrapper .contact-icon i,
.self-storage .contact-wrap .contact-left-wrapper .contact-icon i,
.packing-service .contact-wrap .contact-left-wrapper .contact-icon i,
.truck-moving .contact-wrap .contact-left-wrapper .contact-icon i,
.local-movers .contact-wrap .contact-left-wrapper .contact-icon i {
	color: #cf4b1e
}

.our-services .contact-wrap .contact-left-wrapper .contact-content p,
.self-storage .contact-wrap .contact-left-wrapper .contact-content p,
.packing-service .contact-wrap .contact-left-wrapper .contact-content p,
.truck-moving .contact-wrap .contact-left-wrapper .contact-content p,
.local-movers .contact-wrap .contact-left-wrapper .contact-content p {
	color: #fff
}

.our-services .contact-wrap .contact-left-wrapper .contact-wrapper,
.self-storage .contact-wrap .contact-left-wrapper .contact-wrapper,
.packing-service .contact-wrap .contact-left-wrapper .contact-wrapper,
.truck-moving .contact-wrap .contact-left-wrapper .contact-wrapper,
.local-movers .contact-wrap .contact-left-wrapper .contact-wrapper {
	text-align: center
}

.our-services .contact-wrap .contact-left-wrapper .contact-wrapper:hover .contact-icon i,
.self-storage .contact-wrap .contact-left-wrapper .contact-wrapper:hover .contact-icon i,
.packing-service .contact-wrap .contact-left-wrapper .contact-wrapper:hover .contact-icon i,
.truck-moving .contact-wrap .contact-left-wrapper .contact-wrapper:hover .contact-icon i,
.local-movers .contact-wrap .contact-left-wrapper .contact-wrapper:hover .contact-icon i {
	color: #272b3d;
	transform: rotateY(180deg);
	transition: 0.5s all ease-in-out
}

.our-services .contact-wrap .contact-left-wrapper .contact-wrapper:hover .contact-content p,
.self-storage .contact-wrap .contact-left-wrapper .contact-wrapper:hover .contact-content p,
.packing-service .contact-wrap .contact-left-wrapper .contact-wrapper:hover .contact-content p,
.truck-moving .contact-wrap .contact-left-wrapper .contact-wrapper:hover .contact-content p,
.local-movers .contact-wrap .contact-left-wrapper .contact-wrapper:hover .contact-content p {
	transition: 0.9s all ease-in-out
}

.truck-moving .truck-tabs {
	padding: 10px 12px
}

.truck-moving .truck-tabs .nav-pills {
	border: 1px solid;
	padding: 5px;
	border-radius: 10px;
	margin-top: 20px;
	display: flex;
	justify-content: center
}

.truck-moving .truck-tabs .nav-pills .nav-link {
	color: #272b3d
}

.truck-moving .truck-tabs .nav-pills .nav-link.active {
	background-color: #272b3d !important;
	color: #fff
}

.our-services .shape-title,
.self-storage .shape-title,
.packing-service .shape-title,
.truck-moving .shape-title,
.local-movers .shape-title {
	transform: translate(35rem, -38px);
	-webkit-text-stroke-width: 1.6px
}

.our-services .shape-title-1,
.self-storage .shape-title-1,
.packing-service .shape-title-1,
.truck-moving .shape-title-1,
.local-movers .shape-title-1 {
	transform: translate(-5rem, -38px);
	-webkit-text-stroke-width: 1.6px
}
.our-services .contact-left-wrapper .contact-wrapper .contact-icon {
    margin:auto;
}

.our-services .contact-left-wrapper .contact-wrapper .contact-icon,
.self-storage .contact-left-wrapper .contact-wrapper .contact-icon,
.packing-service .contact-left-wrapper .contact-wrapper .contact-icon,
.truck-moving .contact-left-wrapper .contact-wrapper .contact-icon,
.local-movers .contact-left-wrapper .contact-wrapper .contact-icon {
	font-size: 24px;
	text-align: center;
	margin:auto;
}

.our-services .contact-left-wrapper .contact-wrapper .contact-content:hover,
.self-storage .contact-left-wrapper .contact-wrapper .contact-content:hover,
.packing-service .contact-left-wrapper .contact-wrapper .contact-content:hover,
.truck-moving .contact-left-wrapper .contact-wrapper .contact-content:hover,
.local-movers .contact-left-wrapper .contact-wrapper .contact-content:hover {
	color: #fff
}

.about-us .shape-title {
	transform: translate(39rem, -33px);
	-webkit-text-stroke-width: 1.4px
}

.about-us .heading-wrapper {
	margin-bottom: 31px
}

.about-us .heading-wrapper .main-heading {
	margin-bottom: 1rem
}

.about-us img {
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.about-us span {
	position: relative;
	font-size: 18px;
	color: #272b3d;
	font-weight: 600
}

.about-us span::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 3px solid #a40c05;
	left: -30px;
	bottom: 4px;
	outline: 3px solid #272b3d
}

.space {
	padding: 40px 0
}

footer {
	background: #000
}

footer .footer-top {
	display: flex
}

footer .footer-content-wrap img {
	width: 240px;
	filter: invert(1) brightness(19);
	-o-object-fit: contain;
	object-fit: contain
}

footer .footer-content-wrap h2 {
	font-size: 24px;
	margin-top: 20px;
	font-weight: 600;
	color: #fff
}

footer .footer-content-wrap .text {
	color: rgb(255 255 255 / .8705882353)
}

footer .footer-content-wrap ul {
	margin-top: 10px;
	display: flex
}

footer .footer-content-wrap ul li {
	margin-right: 20px
}

footer .footer-content-wrap ul li:hover i {
	color: #cf4b1e;
	border: 1px solid #cf4b1e
}

footer .footer-content-wrap ul li i {
	font-size: 17px;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: 1px solid;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgb(255 255 255 / .8705882353)
}

footer .quick-links .sub-heading {
	color: #fff
}

footer .quick-links ul li {
	color: rgb(255 255 255 / .8705882353);
	margin-bottom: 8px;
	display: flex;
	align-items: baseline;
	line-break: auto
}

footer .quick-links ul li:hover i {
	font-size: 13px;
	margin-right: 15px
}

footer .quick-links ul li i {
	margin-right: 10px;
	font-size: 16px;
	transition: 0.5s all ease-in-out;
	color: rgb(255 255 255 / .8705882353)
}

footer .quick-links ul li a {
	color: rgb(255 255 255 / .8705882353)
}

footer .my-footer {
	background-color: #cf4b1e;
	padding: 0 12rem;
	position: relative;
	line-height: 0;
	display: flex;
	justify-content: space-between
}

footer .my-footer p {
	color: #fff;
	font-size: 12px
}

footer .my-footer .managed a {
	color: #fff;
	font-size: 12px
}

.about-breadcrumb {
	background: url(../images/breadcrumb/breadcrumb-banner.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-size: cover;
	height: 40vh;
	display: flex;
	position: relative;
	align-items: center
}

.about-breadcrumb::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #0c1239;
	opacity: .6
}

.about-breadcrumb .breadcrumb-item {
	font-size: 20px
}

.about-breadcrumb .breadcrumb-item.active {
	color: #fff;
	font-size: 17px
}

.about-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	color: rgb(248 252 255 / .75)
}

.about-breadcrumb .breadcrumb {
	display: none;
	justify-content: center;
	position: relative;
	z-index: 99;
	background-color: #cf4b1e
}

.about-breadcrumb .breadcrumb li a {
	color: #fff;
	font-weight: 700
}

.about-breadcrumb .main-heading {
	color: #fff;
	margin-bottom: 2rem;
	text-align: center;
	position: relative;
	z-index: 99;
	line-height: 1.2;

}

.about-breadcrumb .breadcrumb-item {
	position: relative;
	padding-right: 20px
}

.about-breadcrumb .breadcrumb-item.active::before {
	content: "\f101";
	position: absolute;
	left: -15px;
	right: 0;
	top: 2px;
	color: #fff;
	font-size: 17px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free"
}

.about-us {
	background-image: url(../images/icons/bg.png);
	background-repeat: repeat;
	-o-object-fit: cover;
	object-fit: cover;
	background-position: center
}

.detial-heading-wrap {
	display: flex;
	flex-flow: column;
	align-items: center;
	text-align: center;
	margin-bottom: 10px
}

.detial-heading-wrap h5 {
	margin: 0 0 10px 0;
	letter-spacing: 2px
}

.contact-wrapper .contact-content .highlight {
	margin-bottom: 0;
	font-weight: 600;
	font-size: 22px
}

.contact-wrapper .heading-wrapper {
	text-align: center
}

.contact-wrapper:hover .contact-icon i {
	color: #272b3d;
	transform: rotateY(180deg);
	transition: 0.5s all ease-in-out
}

.contact-us .contact-left-wrapper {
	margin-top: 6rem;
	background: none !important
}

.contact-left-wrapper {
	background: #edf4f8;
	padding: 20px 10px
}

.contact-now {
	position: relative;
	background-image: url(../images/breadcrumb/bg.png);
	opacity: 1
}

.contact-now .heading-wrapper {
	margin-bottom: 30px;
	margin-top: -7.5rem
}

.contact-now .contact-wrapper-outer {
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center
}

.contact-now .contact-wrapper-outer .contact-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 28px
}

.contact-now .contact-wrapper-outer .contact-wrapper .contact-icon {
	display: flex;
	position: relative;
	height: 89px;
	width: 89px;
	box-shadow: 0 10px 25px rgb(60 72 88 / .15);
	background-color: #fff;
	border-radius: 50%;
	z-index: 9;
	justify-content: center;
	align-items: center
}

.contact-now .contact-wrapper-outer .contact-wrapper .contact-icon::before {
	content: "";
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	border-radius: 50%;
	border: 5px solid rgb(164 12 5 / .95)
}

.contact-now .contact-wrapper-outer .contact-wrapper .contact-icon i {
	font-size: 26px;
	color: #cf4b1e
}

.contact-now .contact-wrapper-outer .contact-wrapper .contact-wrapper:nth-child(1)::before {
	display: none
}

.contact-now .contact-wrapper-outer .contact-wrapper .contact-content {
	position: relative;
	padding-left: 10px;
	line-break: anywhere
}

.contact-now .contact-wrapper-outer .contact-wrapper .contact-content .highlight {
	font-size: 16px;
	margin-right: 14px;
	display: flex;
	justify-content: space-between
}

.contact-now .contact-wrapper-outer .contact-wrapper .contact-content p {
	font-size: 13px
}

.contact-now .form-control:focus {
	border-color: #cf4b1e;
	box-shadow: none
}

.faqs .accordion {
	margin-bottom: 15px
}

.faqs .accordion .accordion-header {
	 padding: 5px 50px 5px 20px; /* right space for icon */
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    border-bottom: 1px solid rgb(28 28 87 / .1490196078);
    position: relative;
    background-color: #272b3d;
    background-image: url(../images/call/pattern_green.png);
    background-repeat: repeat;
    background-size: auto 100%, auto;
    border-radius: 10px;

    overflow-wrap: break-word;
    word-break: normal;
}

.faqs .accordion .accordion-header::after {
	content: "\f023";
	position: absolute;
	right: 23px;
	top: 6px;
	font-weight: 700;
	font-family: "Font Awesome 6 Free";
	color: #fff;
	font-size: 19px
}

.faqs .accordion .accordion-header .question {
	color: #fff;
      
}

.faqs .accordion .accordion-body {
	padding: 8px 18px;
	font-size: 18px;
	line-height: 1.5;
	width: 100%;
	max-height: 0;
	overflow: hidden;
	transition: 0.5s all ease-in-out;
	box-shadow: rgb(0 0 0 / .24) 0 3px 8px;
	border-radius: 10px;
	display: none
}

.faqs .accordion .accordion-body ul li {
	list-style: inside
}

.faqs .active .accordion-header {
	font-size: 18px;
	transition: 0.9s;
	color: #272b3d
}

.faqs .active .accordion-header::after {
	content: "\f09c";
	font-size: 24px;
	transition: 0.5s all ease-in-out;
	font-weight: 700;
	font-family: "Font Awesome 6 Free";
	color: #fff
}

.faqs .active .accordion-body {
	display: block
}

.accordion-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.accordion.active .accordion-header {
  font-weight: bold;
}


.faqs .faq-wrapper {
	padding: 30px 0
}

.faqs .faq-wrapper .faq-heading {
	font-size: 32px;
	font-weight: 700
}

.shape-title {
	color: #ffffff !important;
	-webkit-text-stroke-width: 1.4px;
	-webkit-text-stroke-color: #000;
	font-size: 120px;
	text-transform: uppercase;
	position: absolute;
	opacity: .1;
	left: 6rem;
	transform: translate(-1rem, -55px)
}

.shape-title-1 {
	color: #ffffff !important;
	-webkit-text-stroke-width: 1.4px;
	-webkit-text-stroke-color: #000;
	font-size: 120px;
	text-transform: uppercase;
	position: absolute;
	opacity: .1;
	left: 6rem;
	transform: translate(-1rem, -55px)
}

.charts .heading-wrapper .mini-heading::before {
	left: 41%;
	top: 28px
}

.charts .table-wrap {
	box-shadow: rgb(0 0 0 / .24) 0 3px 8px;
	padding: 18px;
	border-radius: 10px;
	margin: 22px 0
}

.charts .table-wrap table {
	width: 100%;
	margin-bottom: 22px
}

.charts .table-wrap table th,
.charts .table-wrap table td {
	border: 2px solid #dee2e6;
	padding: -1px 18px;
	text-align: center;
	font-size: 15px;
	font-weight: 400
}

.charts .table-wrap table th {
	font-size: 17px;
	color: #fff;
	font-weight: 700
}

.charts .table-wrap table .chart-list {
	background-color: #cf4b1e
}

.sidebar-list {
	margin-bottom: 30px
}

.sidebar-list li {
	display: inline
}

.sidebar-list li a {
	display: block;
	background: #eef4f8;
	padding: 10px 40px;
	border-bottom: 1px solid #eae8db;
	transition: all 300ms ease-out 0s;
	text-transform: uppercase
}

.sidebar-list li a i {
	font-size: 12px;
	margin-right: 10px
}

.sidebar-list li a:hover {
	background: #cf4b1e;
	color: #fff;
	padding-left: 50px;
	font-size: 17px
}

.sidebar-list .active a {
	background-color: #cf4b1e;
	color: #fff
}

.request .theme-button .theme-btn {
	border: none;
	background: none
}

.why-choose-content .sub-heading {
	position: relative;
	display: block;
	margin-top: 23px;
	color: #cf4b1e;
	letter-spacing: 2px
}

.our-speciality strong {
	color: #cf4b1e;
	font-weight: 900;
	position: relative
}

.our-speciality strong::after {
	content: "";
	position: absolute;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	border: 3px solid #cf4b1e;
	left: -30px;
	outline: 3px solid #272b3d;
	top: 5px
}

.our-speciality .heading-wrapper {
	margin-bottom: 33px
}

@media screen and (max-width:991px) {

	p,
	a,
	div,
	span,
	ul,
	li {
		font-size: 14px
	}

	.spacing {
		padding: 30px 0
	}

	.main-heading {
		font-size: 30px
	}

	.heading-wrap {
		margin-bottom: 30px
	}

	.heading-wrapper {
		margin-bottom: 28px
	}

	.heading-wrapper-2 {
		margin-bottom: 20px
	}

	.heading-wrapper .mini-heading::before {
		width: 4rem
	}

	.sub-heading {
		font-size: 20px
	}

	.navbar .header-btn {
		display: none !important
	}

	.navbar .navbar-toggler {
		border: none
	}

	.navbar .navbar-toggler:focus {
		box-shadow: none
	}

	.text {
		font-size: 14px
	}

	header {
		padding: 0;
		background-color: #fefaf6
	}

	header .navbar-collapse {
		position: absolute;
		z-index: 150;
		top: 77px;
		left: 12px;
		background: #cf4b1e;
		width: 100%;
		transform: translateX(-105%);
		transition: 0.4s all ease-in-out
	}

	header .navbar-collapse.show {
		transform: translateX(-3%)
	}

	header .navbar-collapse .navbar-nav {
		padding: 10px
	}

	header .navbar-collapse .navbar-nav .menu-list {
		margin-bottom: 10px
	}

	header .navbar-collapse .navbar-nav .menu-list .link-list {
		color: #fff
	}

	.navbar-nav .nav-link {
		color: #fff !important
	}

	.navbar-nav .nav-link.active {
		color: #fff
	}

	.sticky-header .dropdown:hover .dropdown-menu {
		transform: translateY(-23px);
		margin-left: 155px
	}

	.sticky-header .top-bar {
		padding: 5px 20px;
		display: none
	}

	.sticky-header .top-left-bar {
		width: 100%;
		text-align: center
	}

	.sticky-header .top-left-bar .text {
		font-size: 15px
	}

	.sticky-header .top-right-bar a {
		font-size: 15px
	}

	.sticky-header .top-right-bar {
		display: none
	}

	.brand-logo li::before {
		left: 15px
	}

	.card .service-card {
		padding: 0
	}

	.mid-cards .wrapper .heading-wrapper .mini-heading::before {
		left: 16rem
	}

	.mid-cards .service-card {
		padding: 0
	}

	.heading-wrapper-2 .mini-head::before {
		left: 12rem
	}

	.about-us img {
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	.testimonials .owl-carousel .item .review-wrapper {
		padding: 30px 10px 6px 30px;
	}

	.testimonials .owl-carousel .item .review-wrapper .t-icon {
		margin-left: 17rem
	}

	.testimonials .owl-carousel .item .review-wrapper .sub-heading {
		font-size: 19px
	}

	.testimonials .owl-nav .owl-prev {
		left: -39rem
	}

	.testimonials .owl-nav .owl-next {
		right: -9px
	}

	.testimonials .owl-nav i {
		font-size: 25px
	}

	footer .footer-content-wrap h2 {
		font-size: 18px
	}

	footer .footer-wrap .quick-links ul li a {
		font-size: 15px
	}

	footer .footer-wrap .quick-links ul li i {
		font-size: 12px
	}

	footer .footer-wrap .quick-links .sub-heading {
		font-size: 18px;
		margin-top: 20px
	}

	footer .my-footer {
		padding: 16px 2rem
	}

	footer .my-footer::before {
		transform: translate(-24px, -40px);
		width: 295px;
		height: 96px
	}

	.card-sec .service-card {
		display: flex;
		align-items: center
	}

	.card-sec .service-card .img-wrapper {
		height: 87px;
		width: 87px;
		margin: auto;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.card-sec .service-card .img-wrapper img {
		width: 50px;
		height: 50px;
		margin: 0
	}

	.mid-cards .service-card .card-body .card-heading {
		font-size: 22px;
		font-weight: 800
	}

	.charts .table-wrap {
		overflow: scroll
	}

	.our-service-areas .iframe-map {
		height: 393px;
		background-repeat: round;
		width: 400px
	}

	.our-services .shape-title {
		transform: translate(0rem, 0)
	}

	.about-us .shape-title {
		transform: translate(-6rem, -33px);
		font-size: 80px
	}

	.card-sec .theme-button {
		transform: none;
		width: 120px
	}

	#mybtn {
		bottom: 53px;
		right: 22px;
		width: 25px;
		height: 25px;
		font-size: 13px
	}

	.heading-wrapper-2 .mini-heading::before {
		width: 4rem
	}

	.cta .content .main-heading {
		font-size: 27px
	}

	.contact-now .contact-wrapper-outer .contact-wrapper .contact-content p {
		font-size: 13px
	}

	.our-services .shape-title-1 {
		transform: translate(-5rem, -10px);
		font-size: 80px
	}

	.self-storage .shape-title-1 {
		transform: translate(-6rem, -12px);
		font-size: 80px
	}

	.packing-service .shape-title-1 {
		transform: translate(-5rem, -12px);
		font-size: 80px
	}

	.local-movers .shape-title {
		transform: translate(3rem, -13px);
		font-size: 80px
	}

	.truck-moving .shape-title-1 {
		transform: translate(-6rem, -6px);
		font-size: 80px
	}

	.faqs .shape-title {
		transform: translate(2rem, -41px);
		left: 6rem;
		font-size: 80px
	}

	.why-us .heading-wrapper .mini-heading::before {
		top: 24px;
		width: 4rem
	}

	.testimonials .owl-nav {
		right: 2%;
		top: 20rem
	}

	.testimonials .owl-carousel .item .review-wrapper .t-icon::before {
		top: 262px;
		right: 71px
	}

	.testimonials .owl-carousel .item .review-wrapper .t-icon::after {
		top: 6rem;
		left: 14px
	}

	.about-breadcrumb {
		height: 35vh
	}

	.contact-now .contact-wrapper-outer .contact-wrapper .contact-content .highlight {
		font-size: 18px
	}

	.contact-now .contact-wrapper-outer {
		margin-top: 25px
	}

	.contact-now .contact-wrapper-outer .contact-wrapper .contact-content {
		display: block
	}

	.whatsapp {
		display: none
	}
	/* .mid-card .service-card {
		margin-bottom: 10px;
	} */
}

@media screen and (max-width:767px) {


    .mid-card .row > div:nth-child(2),
    .mid-card .row > div:nth-child(3) {
        margin-bottom: 10px;
    }
	  .mid-cards .row > div:nth-child(2),
    .mid-cards .row > div:nth-child(3) {
        margin-bottom: 10px;
    }



.about-us span::before {
	display: none;
}

	.main-heading {
		font-size: 24px;
		margin-bottom: 1rem
	}

	.heading-wrapper {
		margin-bottom: 45px
	}

	.heading-wrapper .mini-heading {
		margin-top: 24px;
		font-size: 12px
	}

	.text {
		font-size: 15px
	}

	.sticky-header .top-bar .top-left-bar {
		width: 100%;
		text-align: center
	}

	.sticky-header .top-bar .top-left-bar .text {
		font-size: 15px
	}

	.sticky-header .top-bar .top-right-bar {
		display: none
	}

	.main-banner {
		height: 55vh
	}

	.main-banner .heading-wrapper .main-heading {
		font-size: 36px;
		line-height: 45px
	}

	.main-banner .heading-wrapper .sub-heading {
		font-size: 20px
	}

	.main-banner .text {
		font-size: 15px
	}

	.main-banner::before {
		position: absolute;
		width: 150px !important;
		height: 150px !important
	}

	.mid-cards .wrapper .heading-wrapper .mini-heading::before {
		left: 11rem
	}

	.mid-cards .service-card .img-wrapper img {
		width: 53px;
		height: 53px;
		margin-bottom: 30px
	}

	.mid-cards .service-card .card-body .card-heading {
		font-size: 15px;
		font-weight: 800
	}

	.sub-heading {
		font-size: 17px
	}

	.theme-button {
		padding: 10px 9px 10px
	}

	.brand-logo .list-item li {
		padding-right: 30px
	}

	.brand-logo .list-item li::before {
		left: 25px
	}

	.brand-logo .list-item li img {
		width: 330px
	}

	.cta .content .main-heading {
		font-size: 17px;
		line-height: 32px
	}

	.card-sec .service-card .img-wrapper {
		height: 60px;
		width: 60px
	}

	.card-sec .service-card .img-wrapper img {
		width: 35px;
		height: 35px
	}

	.testimonials .owl-carousel .item .review-wrapper .t-icon {
		margin: auto
	}

	.testimonials .owl-carousel .item .review-wrapper p {
		font-size: 12px
	}

	.testimonials .review-brand-icons .icon-wrapper {
		display: grid
	}

	.testimonials .review-brand-icons .icon-wrapper .img-wrap img {
		width: 40px
	}

	.testimonials .star-icon i {
		font-size: 10px
	}

	.testimonials .owl-nav .owl-prev {
		left: -28rem
	}

	.testimonials .sub-heading {
		font-size: 20px
	}

	footer .my-footer {
		padding: 8px 2rem
	}

	footer .my-footer::before {
		transform: translate(9px, -30px);
		width: 203px;
		top: -78%;
		height: 98px
	}

	footer .my-footer p {
		font-size: 11px
	}

	footer .footer-content-wrap img {
		width: 173px
	}

	.fixed-quote.theme-button {
		margin-bottom: 0;
		padding: 11px 15px !important;
		font-size: 12px
	}

	.whatsapp img {
		width: 40px !important;
		height: 40px !important
	}

	.contact-now .heading-wrapper {
		margin-bottom: 10px
	}

	.contact-now .heading-wrapper .main-heading {
		margin-bottom: 0
	}

	.contact-now #contact-form .form-control {
		line-height: 30px;
		font-size: 12px
	}

	.contact-now .contact-wrapper-outer {
		display: block
	}

    .contact-now .contact-wrapper-outer .contact-wrapper {
	
	 display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 28px;
}

.contact-now .contact-wrapper-outer .contact-wrapper .contact-icon {
    display: flex;
    position: relative;
    width: 64px;
    height: 64px;
    box-shadow: 0 10px 25px rgb(60 72 88 / .15);
    background-color: #fff;
    border-radius: 50%;
    z-index: 9;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}  

	.contact-now .contact-wrapper-outer .contact-wrapper .contact-content .highlight {
		font-size: 17px;
		  justify-content: center;
    align-items: center;
	}

	.contact-now .contact-wrapper-outer .contact-wrapper .contact-content p {
		font-size: 12px;
		text-align:center;
	}

	
	.contact-now .contact-wrapper-outer .contact-wrapper .contact-icon::before {
		border: 4px solid rgb(164 12 5 / .95)
	}

	

	.contact-now::after {
		display: none
	}

	.contact-now::before {
		display: none
	}

	.faqs .accordion .accordion-header::after {
		right: 8px
	}

	.about-us .shape-title {
		transform: translate(-12rem, -33px)
	}

	.main-banner .heading-wrapper .text {
		font-size: 16px
	}

	.review-brand-icons {
		display: none
	}

	.packing-service .heading-wrapper .shape-title {
		transform: translate(-1rem, -23px)
	}

	.our-service-areas .map iframe {
		width: 100%
	}

	.card-sec .service-card .card-body .card-heading {
		font-size: 15px !important
	}

	.banner-form {
		display: none
	}
}

@media screen and (max-width:575px) {
	.heading-wrapper {
		margin-bottom: 31px
	}

	.main-heading {
		font-size: 19px !important;
		line-height: 35px !important
	}
	.hire-service .heading {
    padding: 20px;
    margin: auto;
	text-align: left;
	}
	.hire-service .para {
		        padding: 20px;
    color: #ffffffd9;
    text-align: left;
    word-break: break-word;
}
.main-removal-cities ul, .main-removal-cities2 ul {
    display: inline-block;
}

.main-removal-cities ul li, .main-removal-cities2 ul li {

 display: block;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;

}

    .our-speciality strong::after {
        display: none;
    }
}

@media screen and (max-width:460px) {
	.spacing {
		padding: 30px 10px;
	}
  

	.theme-button a {
		font-size: 12px
	}

	p {
		line-height: 30px
	}

	.sub-heading {
		margin-bottom: 8px
	}

	.sticky-header .top-bar .top-left-bar .text {
		font-size: 12px
	}

	.main-banner .heading-wrapper .text {
		font-size: 14px
	}

	.main-banner::before {
		width: 100px !important;
		height: 100px !important
	}

	.heading-wrapper .mini-heading {
		margin-bottom: 10px;
		margin-top: 0
	}

	.brand-logo .list-item li {
		padding-right: 10px
	}

	.cta .content .t-color {
		font-size: 22px
	}

	.card-sec .service-card .img-wrapper img {
		width: 60px
	}

	.card-sec .service-card .card-body .card-heading {
		font-size: 25px
	}

	.mid-card .wrapper .heading-wrapper .mini-heading::before {
		left: 6rem
	}

	.mid-cards .service-card .img-wrapper img {
		width: 56px;
		height: 56px;
		transform: translateY(18px)
	}

	.testimonials .owl-carousel .item .review-wrapper .t-icon::before {
		top: 29rem;
		right: 25px
	}

	.testimonials .owl-carousel .item .review-wrapper .t-icon::after {
		top: 100px;
		left: 16px
	}

	.our-service-areas .shape-title {
		transform: translate(-6rem, -55px);
		font-size: 80px
	}
}

@media screen and (max-width:475px) {
	.sticky-header .navbar .navbar-brand img {
		width: 130px
	}
}

@media screen and (max-width:360px) {

	p,
	a,
	div,
	span,
	ul,
	li {
		font-size: 12px
	}

	.main-heading {
		font-size: 18px
	}

	p {
		line-height: 26px
	}

	.sticky-header .dropdown .dropdown-menu {
		width: 0
	}

	.sticky-header .dropdown:hover .dropdown-menu {
		transform: translateY(-23px);
		margin-left: 132px
	}

	.mid-cards .wrapper .heading-wrapper .mini-heading::before {
		left: 5rem
	}

	.ban-sec .wrapper {
		padding: 10px 14px
	}

	.testimonials .owl-nav {
		right: 33%;
		top: 90%
	}

	.testimonials .owl-nav i {
		font-size: 15px
	}

	.testimonials .owl-nav .owl-prev {
		left: -5rem
	}

	.testimonials .owl-carousel .item .review-wrapper .t-icon::before {
		top: 81%;
		right: 32px;
		font-size: 15px
	}

	.testimonials .owl-carousel .item .review-wrapper .t-icon::after {
		top: 83px;
		left: 21px;
		font-size: 15px
	}

	.testimonials .owl-carousel .item .review-wrapper .t-icon {
		margin-left: 4rem
	}

	.testimonials .heading-wrapper .mini-heading::before {
		top: 18px;
		width: 7rem
	}

	.theme-button {
		margin-bottom: 45px
	}

	footer .my-footer {
		padding: 8px 1rem
	}

	footer .my-footer::before {
		transform: translate(-98px, 29px);
		width: 92px;
		top: -55px;
		height: 47px
	}

	footer .my-footer p {
		font-size: 8px
	}

	.faqs .shape-title {
		transform: translate(2rem, -41px);
		left: 1rem;
		font-size: 80px
	}

	.faqs .accordion .accordion-header .question {
		font-size: 10px;
		line-height: 18px
	}

	.faqs .accordion .accordion-header::after {
		right: 3px;
		font-size: 14px
	}

	.sidebar-list li a {
		font-size: 15px
	}

	.contact-wrapper .contact-content .highlight {
		font-size: 17px
	}

	.mid-card .service-card .card-body .card-heading {
		font-size: 22px
	}

	.text {
		font-size: 12px
	}

	.heading-wrapper .mini-heading::before {
		top: 24px
	}

	.about-us .shape-title {
		transform: translate(-6rem, -33px)
	}

	.charts .table-wrap table th {
		font-size: 10px;
		line-height: 17px
	}

	.charts .table-wrap table td {
		font-size: 10px
	}
}

.request {
	position: sticky;
	top: 125px;
	box-shadow: rgb(0 0 0 / .16) 0 3px 6px, rgb(0 0 0 / .23) 0 3px 6px;
	padding: 20px 10px;
	background: #fff
}
/* ===== FORM WRAPPER ===== */
.request.space.text-center {
  max-width: 600px;
  border: 2px solid #cf4b1e;
  margin: 0 auto;
 padding: 32px 12px;
  background: #ffffff;
  border-radius: 12px;
 box-shadow: 0 4px 40px rgb(255 9 9 / 10%);
}

/* ===== HEADING ===== */
.request.space.text-center .sub-heading {
     font-size: 23px;
    font-weight: 700;
    letter-spacing: 3px;
 
    text-transform: uppercase;
    margin-bottom: 19px;
}

/* ===== FORM ROW SPACING ===== */
#contact-form .row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  gap: 12px;
  display: flex;
}

#contact-form .row + .row {
  margin-top: 14px !important;
}

/* ===== INPUTS ===== */
#contact-form .form-control {
  width: 100%;
  height: 50px;
  padding: 0 16px;
  border: 1.5px solid #e8e4df;
  border-radius: 10px;
  font-size: 14px;
  color: #1a1a1a;
  background: #faf9f7;
  outline: none;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
  appearance: none;
  -webkit-appearance: none;
}

#contact-form .form-control::placeholder {
  color: #aaa9a6;
  font-size: 14px;
}

#contact-form .form-control:focus {
  border-color: #e05a2b;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(224, 90, 43, 0.10);
}

/* ===== DATE INPUT ===== */
#contact-form input[type="date"].form-control {
  cursor: pointer;
  color: #1a1a1a;
}

/* ===== SELECT DROPDOWNS ===== */
#contact-form .form-select {
  width: 100%;
  height: 50px;
  padding: 0 40px 0 16px;
  border: 1.5px solid #e8e4df;
  border-radius: 10px;
  font-size: 14px;
  color: #aaa9a6;
  background-color: #faf9f7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23aaa9a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

#contact-form .form-select:focus {
  border-color: #e05a2b;
  background-color: #ffffff;
  box-shadow: 0 0 0 3px rgba(224, 90, 43, 0.10);
  color: #1a1a1a;
}

#contact-form .form-select option:not([value=""]):not(:first-child) {
  color: #1a1a1a;
}

/* ===== STORAGE RADIO SECTION ===== */
#contact-form .check {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 16px 20px;
  margin: 9px 0;
  background: #faf9f7;
  border: 1.5px solid #e8e4df;
  border-radius: 10px;
}

#contact-form .check p {
  margin: 0;
  font-size: 14px;
  color: #555;
  font-weight: 500;
}

#contact-form .check .checkbox-wrap {
  display: flex;
  gap: 20px;
  align-items: center;
}

#contact-form .check .checkbox-wrap label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #1a1a1a;
  cursor: pointer;
  font-weight: 500;
}

#contact-form .check .checkbox-wrap input[type="radio"] {
  width: 18px;
  height: 18px;
  accent-color: #e05a2b;
  cursor: pointer;
}

/* ===== SUBMIT BUTTON ===== */
#contact-form .theme-button {
  margin-top: 24px;
}

#contact-form .theme-button .theme-theme-button {
  width: 100%;
  height: 22px;
  /* background: #e05a2b; */
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

#contact-form .theme-button .theme-theme-button:hover {
  background: #c94e22;
  box-shadow: 0 6px 20px rgba(224, 90, 43, 0.30);
  transform: translateY(-1px);
}

#contact-form .theme-button .theme-theme-button:active {
  transform: translateY(0px);
  box-shadow: none;
}

/* ===== MODAL BODY WRAPPER ===== */
.modal-body {
      padding: 17px 20px;
  background: #ffffff;
  border-radius: 0 0 16px 16px;
}

/* ===== MODAL FORM ROW SPACING ===== */
#modal-form .row {
  display: flex;
  gap: 6px;
  margin-bottom: 2px;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#modal-form .row:first-child {
  margin-top: 0 !important;
}

/* ===== COL RESET ===== */
#modal-form .col {
  padding: 0;
  flex: 1;
}

/* ===== INPUTS ===== */
#modal-form .form-control {
  width: 100%;
  height: 50px;
  padding: 0 16px;
  border: 1.5px solid #e8e4df;
  border-radius: 10px;
  font-size: 14px;
  color: #1a1a1a;
  background: #faf9f7;
  outline: none;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
}

#modal-form .form-control::placeholder {
  color: #aaa9a6;
  font-size: 14px;
}

#modal-form .form-control:focus {
  border-color: #e05a2b;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(224, 90, 43, 0.10);
}

/* ===== DATE INPUT ===== */
#modal-form input[type="date"].form-control {
  cursor: pointer;
  color: #1a1a1a;
}

#modal-form #modal-form-inner {
  cursor: pointer;
}

/* ===== SELECT DROPDOWNS ===== */
#modal-form .form-select {
  width: 100%;
  height: 50px;
  padding: 0 40px 0 16px;
  border: 1.5px solid #e8e4df;
  border-radius: 10px;
  font-size: 14px;
  color: #aaa9a6;
  background-color: #faf9f7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23aaa9a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

#modal-form .form-select:focus {
  border-color: #e05a2b;
  background-color: #ffffff;
  box-shadow: 0 0 0 3px rgba(224, 90, 43, 0.10);
  color: #1a1a1a;
}

#modal-form .form-select option:not(:first-child) {
  color: #1a1a1a;
}

/* ===== STORAGE RADIO SECTION ===== */
#modal-form .check {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 14px 20px;
  margin: 4px 0 18px;
  background: #faf9f7;
  border: 1.5px solid #e8e4df;
  border-radius: 10px;
}

#modal-form .check p {
  margin: 0;
  font-size: 14px;
  color: #555;
  font-weight: 500;
  white-space: nowrap;
}

#modal-form .check .checkbox-wrap {
  display: flex;
  gap: 20px;
  align-items: center;
}

#modal-form .check .checkbox-wrap label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #1a1a1a;
  cursor: pointer;
  font-weight: 500;
}

#modal-form .check .checkbox-wrap input[type="radio"] {
  width: 18px;
  height: 18px;
  accent-color: #e05a2b;
  cursor: pointer;
}

/* ===== SUBMIT BUTTON WRAPPER ===== */
#modal-form .theme-button-wrap {
  margin-top: 4px;
}

#modal-form .theme-button-wrap .theme-button {
  width: 100%;
}

#modal-form .theme-button-wrap .theme-button .theme-theme-button {
  width: 100%;
  height: 28px;
  /* background: #e05a2b; */
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

#modal-form .theme-button-wrap .theme-button .theme-theme-button:hover {
  background: #c94e22;
  box-shadow: 0 6px 20px rgba(224, 90, 43, 0.30);
  transform: translateY(-1px);
}

#modal-form .theme-button-wrap .theme-button .theme-theme-button:active {
  transform: translateY(0px);
  box-shadow: none;
}

.our-work-section .our-work-wrap {
	text-align: center;
	border: 1px dashed #cf4b1e;
	padding: 15px;
	margin-bottom: 30px;
	border-radius: 30px 0 30px 0
}

.our-work-section .our-work-wrap img {
	width: 66px
}

.our-work-section .our-work-wrap span {
	display: block;
	font-size: 33px;
	margin: 20px 0 7px 0
}

.our-work-section .our-work-wrap h3 {
	font-size: 21px;
	font-weight: 400
}

.our-work-section .our-work-wrap:hover {
	transform: translateY(-10px);
	transition: 0.5s all ease-in-out;
	background-color: #cf4b1e;
	border: none;
	box-shadow: rgb(0 0 0 / .19) 0 10px 20px, rgb(0 0 0 / .23) 0 6px 6px
}

.our-work-section .our-work-wrap:hover span {
	color: #fff
}

.our-work-section .our-work-wrap:hover h3 {
	color: #fff
}

.whatsapp img {
	width: 47px;
	height: 47px;
	-o-object-fit: contain;
	object-fit: contain
}

.whatsapp {
	position: fixed;
	display: inline-block;
	bottom: 29px;
	right: 27px;
	z-index: 500
}

@media screen and (max-width:767.98px) {
	.whatsapp {
		display: none
	}
}

.fixed-quote.theme-button {
	position: fixed;
	bottom: 29px;
	left: 27px;
	z-index: 500
}

@media screen and (max-width:767.98px) {
	.fixed-quote.theme-button {
		display: none
	}
}

.fixed-quote.theme-button .theme-btn {
	border: none;
	background: none
}

.modal .modal-content {
	position: relative;
	overflow: hidden;
	color: white !important;
	width: 100%
}

.modal .modal-content .modal-body {
	position: relative;
	z-index: 2
}

.modal .modal-content .modal-body .form-control, .modal .modal-content .modal-body .form-select {
	margin-bottom: 12px;
}



.modal .modal-header {
	background-color: #272b3d;
	z-index: 1
}

.modal .modal-header .modal-title {
	font-weight: 700;
	color: #fff;
	margin:auto;
}

.modal .modal-header .theme-button-close {
	filter: invert(1);
	opacity: 1;
	background: none;
	border: none
}

.modal .modal-header .theme-button-close span {
	font-size: 23px
}

.modal #contact-form .sub-heading {
	display: block;
	text-align: center
}

.modal .theme-button-wrap {
	margin-top: 15px
}

.modal .theme-button-wrap .theme-button .theme-btn {
	border: none;
	background: none
}

.modal .theme-button-wrap .theme-button .theme-theme-button {
	background: none;
	color: #fff;
	border: none
}

.storage-solution-sec .lock-wrapper {
	display: flex;
	align-items: end;
	height: 100%
}

.our-process .heading-wrapper-2 .main-heading {
	position: relative
}

.our-process .heading-wrapper-2 .main-heading::after {
	content: "";
	position: absolute;
	width: 122px;
	height: 1px;
	background-color: #272b3d;
	bottom: -8px;
	left: 0;
	margin: auto;
	right: 0
}

.our-process .heading-wrapper-2 .main-heading::before {
	content: "";
	position: absolute;
	width: 30px;
	background-color: #cf4b1e;
	height: 8px;
	bottom: -11px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 100
}

.our-process .text {
	text-align: center
}

.our-process .process-item-wrap {
	margin-top: 30px
}

.our-process .process-item-wrap ul {
	display: flex;
	justify-content: center
}

.our-process .process-item-wrap ul li {
	margin: 0 45px;
	position: relative
}

.our-process .process-item-wrap ul li i {
	position: absolute;
	top: 68px;
	right: -60px;
	font-size: 23px
}

.our-process .process-item-wrap ul li .process-element {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 150px;
	border: 1px solid #000;
	position: relative;
	margin-bottom: 20px
}

.our-process .process-item-wrap ul li .process-element:hover {
	background-color: #cf4b1e;
	transition: 0.5s all ease-in-out;
	border: none;
	box-shadow: rgb(0 0 0 / .16) 0 3px 6px, rgb(0 0 0 / .23) 0 3px 6px
}

.our-process .process-item-wrap ul li .process-element:hover img {
	filter: invert(1)
}

.our-process .process-item-wrap ul li .process-element:hover p {
	background-color: #fff;
	color: #000
}

.our-process .process-item-wrap ul li .process-element p {
	position: absolute;
	width: 30px;
	height: 30px;
	border: 1px solid #000;
	border-radius: 50%;
	z-index: 150;
	top: -16px;
	background-color: #272b3d;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff
}

.our-process .process-item-wrap ul li .process-element img {
	width: 56px;
	height: 56px
}

.our-process .process-item-wrap ul li h3 {
	font-size: 15px;
	font-weight: 600
}

@media screen and (max-width:991px) {
	.our-process .process-item-wrap ul li .process-element {
		width: 100px;
		height: 100px
	}

	.our-process .process-item-wrap ul li .process-element img {
		width: 48px;
		height: 48px
	}

	.our-process .process-item-wrap ul li h3 {
		font-size: 14px;
		font-weight: 600;
		text-align: center
	}

	.our-process .process-item-wrap ul li i {
		top: 43px
	}
}

@media screen and (max-width:767px) {
	.our-process .process-item-wrap ul li {
		margin: 0 33px
	}

	.our-process .process-item-wrap ul li i {
		top: 40px;
		right: -43px;
		font-size: 18px
	}

	.our-process .process-item-wrap ul li .process-element {
		width: 85px;
		height: 85px
	}

	.our-process .process-item-wrap ul li .process-element p {
		width: 25px;
		height: 25px;
		font-size: 12px;
		top: -14px
	}

	.our-process .process-item-wrap ul li .process-element img {
		width: 35px;
		height: 35px
	}

	.our-process .process-item-wrap ul li h3 {
		font-size: 12px
	}
	.our-process .text {
		text-align: left;
	}
}

@media screen and (max-width:575px) {
	.our-process .process-item-wrap ul {
		display: block
	}

	.our-process .process-item-wrap ul li {
		display: flex;
		flex-flow: column;
		align-items: center;
		margin-bottom: 50px
	}

	.our-process .process-item-wrap ul li i {
		bottom: -21px;
		right: unset;
		left: unset;
		top: unset;
		transform: rotate(90deg)
	}

	.our-process .process-item-wrap ul li h3 {
		font-size: 14px
	}

	.our-process .process-item-wrap ul li .process-element {
		width: 120px;
		height: 120px
	}

	.our-process .process-item-wrap ul li .process-element p {
		width: 28px;
		height: 28px
	}

	.our-process .process-item-wrap ul li .process-element img {
		width: 47px;
		height: 47px
	}
}

@media screen and (min-width:991px) and (max-width:1050px) {
	.sticky-header .navbar .navbar-nav .nav-item {
		margin-left: 0
	}

	.sticky-header .navbar .navbar-nav .nav-item .nav-link {
		font-size: 14px
	}
}

.product-review-wrapper {
	display: flex;
	justify-content: center;
	gap: 40px;
	background-color: var(--theme_color);
	padding: 20px 0;
	position: fixed;
	border-radius: 10px;
	bottom: 0;
	top: 0;
	transform: rotate(270deg);
	align-items: center;
	left: -64px;
	z-index: 200;
	border-radius: 10px
}

.product-review-wrapper .review-item {
	width: 169px;
	height: 85px;
	background-color: #fff;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 5px;
	box-shadow: rgb(0 0 0 / .4) 0 2px 4px, rgb(0 0 0 / .3) 0 7px 13px -3px, rgb(0 0 0 / .2) 0 -3px 0 inset
}

.product-review-wrapper .review-item .review-img {
	position: absolute;
	top: -16px;
	left: 0;
	right: 0;
	margin: auto;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #000;
	display: flex;
	justify-content: center;
	align-items: center
}

.product-review-wrapper .review-item .review-img img {
	width: 36px
}

.product-review-wrapper .review-item span {
	display: block;
	color: #000;
	font-weight: 600;
	font-size: 14px;
	line-height: 5px
}

.product-review-wrapper .review-item .rating {
	margin-top: 21px
}

.product-review-wrapper .review-item .rating i {
	font-size: 10px;
	color: #cf4b1e
}

.product-review-wrapper .review-item .rating .no-color {
	color: #000
}

.product-review-wrapper .review-item .rating p {
	font-size: 13px
}

.product-review-wrapper {
	background-color: unset;
	padding: 20px 0 10px 0
}

.product-review-wrapper .review-item {
	height: 56px
}

.product-review-wrapper .review-item .review-img {
	width: 25px;
	height: 25px;
	top: -12px
}

.product-review-wrapper .review-item .review-img img {
	width: 27px
}

.product-review-wrapper .review-item .review-img i {
	font-size: 23px;
	color: #fff
}

.product-review-wrapper .review-item .rating {
	margin-top: 16px
}

.product-review-wrapper .review-item .rating p {
	margin-bottom: 0
}

.reviews-img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--theme_color);
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 14px 10px 0
}

.footer-icon-wraper {
	padding: 7px;
	background-color: #cf4b1e;
	position: sticky;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	z-index: 300
}

@media screen and (min-width:767.98px) {
	.footer-icon-wraper {
		display: none
	}
}

.footer-icon-wraper i {
	padding-right: 4px;
	color: #fff !important;
	font-size: 15px;
	border: none;
	background: #fff0;
	display: block;
	font-weight: 600
}

.footer-icon-wraper button {
	padding-right: 4px;
	color: #fff !important;
	font-size: 14px;
	border: none;
	background: #fff0;
	display: block;
	font-weight: 600
}

.footer-icon-wraper a {
	padding-right: 4px;
	color: #fff !important;
	font-size: 14px;
	border: none;
	background: #fff0;
	position: relative;
	line-height: 12px;
	display: flex;
	align-items: center;
	font-weight: 600
}

.footer-icon-wraper .icon-wraper {
	display: flex;
	justify-content: center;
	padding: 0;
	border-right: 1px solid #fff
}

.footer-icon-wraper .icon-wraper::after {
	content: "";
	position: absolute;
	height: calc(100% + 35px);
	border-right: 1px solid #fff;
	right: 0;
	top: -18px
}

.footer-icon-wraper .icon-wraper:nth-child(3)::after {
	border: none
}

.footer-icon-wraper .icon-wraper:nth-child(3) {
	border: none
}

.error-wrap {
	display: flex;
	justify-content: center;
	flex-flow: column;
	align-items: center;
	height: 100vh;
	background-color: #fff
}

.error-wrap p {
	font-size: 90px;
	font-weight: 500;
	margin-bottom: 0;
	letter-spacing: 2px
}

.error-wrap span {
	font-size: 28px
}

.error-wrap img {
	width: 472px
}

@media screen and (max-width:767px) {
	.error-wrap p {
		font-size: 58px !important
	}

	.error-wrap span {
		font-size: 22px !important
	}

	.error-wrap img {
		width: 345px !important
	}
}

@media screen and (max-width:575px) {
	.error-wrap p {
		font-size: 50px !important
	}

	.error-wrap span {
		font-size: 20px !important
	}

	.error-wrap img {
		width: 294px !important
	}
}



.removalist-img-wrap img {
	height: 465px;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

iframe[title="Customer Reviews"] {
	top: 0;
	margin: auto;
	transform: rotate(270deg);
	left: -51px !important;
	padding: 6px 0
}

#pr-reviews-carousel-widget .pr-do-not-use-accf-a-8wanz6 {
	width: 172px !important;
	height: 26px !important
}

#pr-reviews-carousel-widget .pr-do-not-use-accf-a-1yq794c {
	width: 74px !important
}

#pr-reviews-carousel-widget .pr-do-not-use-accf-a-1yq794c .pr-do-not-use-accf-a-1850r2e {
	background-size: 15px 19px !important
}

#pr-reviews-carousel-widget .pr-do-not-use-accf-a-1yq794c .pr-do-not-use-accf-a-c07ukm {
	background-size: 15px 19px !important
}

#pr-reviews-carousel-widget .pr-do-not-use-accf-a-1nj4uvx {
	font-size: 14px !important
}

#pr-reviews-carousel-widget .pr-do-not-use-accf-a-rjektx {
	font-size: 14px !important
}

#pr-reviews-carousel-widget .pr-do-not-use-accf-a-3ylgxs {
	background: rgb(0 0 0 / .0392156863);
	border-radius: 10px;
	padding: 14px !important
}


.interstate-div {
	row-gap: 10px;
}
.interstate-links-section {
    background: #f8f9fc;
}

.interstate-links-section .main-heading {
    font-size: 42px;
    font-weight: 700;
    color: #272b3d;
    margin-bottom: 15px;
}

.interstate-links-section .text {
    max-width: 700px;
    margin: auto;
    color: #666;
}

.interstate-link-box {
    background: #fff;
    border-radius: 14px;
    padding: 30px;
    height: 100%;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: 0.4s ease;
}

.interstate-link-box:hover {
    transform: translateY(-5px);
}

.interstate-link-box h3 {
    font-size: 24px;
    font-weight: 700;
    color: #cf4b1e;
    margin-bottom: 25px;
}

.interstate-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.interstate-grid a {
    display: block;
    background: #f4f4f4;
    padding: 14px 16px;
    border-radius: 10px;
    text-decoration: none;
    color: #272b3d;
    font-weight: 500;
    transition: 0.3s ease;
    border: 1px solid transparent;
}

.interstate-grid a:hover {
    background: #cf4b1e;
    color: #fff;
    transform: translateX(4px);
}

/* Tablet */
@media (max-width: 991px) {

    .interstate-links-section .main-heading {
        font-size: 32px;
    }

    .interstate-link-box {
        padding: 25px;
    }
}

/* Mobile */
@media (max-width: 767px) {

    .interstate-links-section .main-heading {
        font-size: 26px;
        line-height: 1.4;
    }

    .interstate-link-box {
        padding: 20px;
    }

    .interstate-link-box h3 {
        font-size: 20px;
    }

    .interstate-grid a {
        font-size: 14px;
        padding: 12px 14px;
    }
}


@media (max-width: 991px) {
    .col-lg-4 .sidebar-list,
    .col-lg-4 .contact-wrap,
    .col-lg-4 .request {
        display: none ;
    }
}