@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
}
:root{
    --primary-blue-color:#08294d;
    --primary-yellow-color:#f0b930;
    --color-white:#fff;
    --light-blue:#bed2e8;
    --light-blue2:#dce4ed;
    --a-hover-color:#8ab7e5;
    --button-bg-color:#08294d;
    --para-black:#202b37;
    --main-second-font: "Poppins", sans-serif;
    --main-first-font: "Plus Jakarta Sans", sans-serif;
    --a-color:#08294d;
    --p-color:#000000;
    --main-a-color:#0e3e73;

    --button2-color:#76b5ff;
    --subtitle-color:#76b5ff;
    --deep-sky:#76b5ff;
}
.section{
    padding-top: 9rem;
    padding-bottom: 9rem;
}
.container{
    max-width: 1312px;
    margin: auto;
}
a{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    line-height: 19px;
    text-decoration: underline;
    transition: opacity .2s, color .2s;
    color: var(--main-a-color);
}
h1{
   font-family: "Plus Jakarta Sans", sans-serif;
   font-size: 58px;
   line-height: 69px;
}
h2{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 1rem;
    font-weight: 700;
}
h3 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    line-height:33px;
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 700;
}
p{
   font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: .03em;
    font-weight: 400;
}
.text-stroke{
    color: transparent; /* fill color */
    -webkit-text-stroke: 1px var(--primary-yellow-color);
}
.button {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    background-color: var(--button-bg-color);
    color: var(--color-white);
    text-align: center;
    text-transform: none;
    border-radius: .75rem;
    justify-content: center;
    align-items: center;
    min-width: 14.625rem;
    padding: .75rem 1.5rem 1rem;
    font-weight: 600;
    text-decoration: none;
    transition: color .3s, background-color .3s;
    display: flex;
}
.button:hover{
    background-color: #0e3e73;
    color: var(--color-white);
}
.button:hover .button-arrow{
    transform: translateX(6px);
    transition: .3s;
}
.button-arrow{
    transition: .3s;
}
.button-small{
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    background-color: var(--button-bg-color);
    color: var(--color-white);
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: none;
    border-radius: .75rem;
    justify-content: center;
    align-items: center;
    min-width: 11.25rem;
    min-height: 2.5rem;
    padding: .5rem 1rem .75rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .3s, color .3s;
    display: flex;
}
.button-small:hover{
    background-color: #0e3e73;
    color: var(--color-white);
}
.button-small:hover .button-arrow{
    transform: translateX(6px);
    transition: .3s;
}
.color-on{
   background: var(--light-blue2);
   color: var(--primary-blue-color); 
}
.color-on:hover{
    background: var(--light-blue);
    color: var(--primary-blue-color);
}
.header-btn-arrow{
   transition: .3s; 
}
.button-small:hover .header-btn-arrow{
    transform: translateX(6px);
    transition: .3s;
}
.extra-padding{
    padding-top: 9rem !important;
}
.antiprefooter-wrapper{
    margin-bottom: 5rem !important;
}
.bold-text{
    font-weight: 600;
}
.relative{
    position: relative;
}

/* PHONE BUTTON */
.phone-button-parents {
    position: fixed;
    right: 32px;
    z-index: 999;
    bottom: 32px;
}
.phone-pulse-button {
width: 64px;
height: 64px;
border-radius: 50%;
background: var(--primary-yellow-color);
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 32px;
cursor: pointer;
position: relative;
box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
.main-nav .active{
    color: var(--light-blue) !important;
}

/* Pulse effect */
.phone-pulse-button::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgb(255, 208, 1);
    animation: pulse 1.5s infinite;
    z-index: -1;
}

@keyframes pulse {
    0% {
    transform: scale(1);
    opacity: 0.7;
    }
    100% {
    transform: scale(1.8);
    opacity: 0;
    }
}

.subtitle {
    color: var(--subtitle-color);
    letter-spacing: .06em;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-weight: 700;
    line-height: 1.111em;
}
.active{
    color: #8ab7e5;
}

/* HEADER START */
.header{
  z-index: 999;
  background-color: var(--primary-blue-color);
  padding-top: 0;
  height: 96px;
  position: fixed;
  top: 0;
  width: 100%;
}
.logo-main{
    text-decoration: none;
    display: flex;
}
.logo-main img{
  width: 160px;
    height: 96px;
    object-fit: cover;
}

.logo-main .header-logo{
  color: #fff;
  font-size: 26px;
  font-weight: 700;
}
.header-in{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 96px;
}
.nav-li-li{
    display: none !important;
}

.nav-bar .container {
	display: flex;
	align-items: center; 
	height: 100%;
}


#drop-down-cbox {
	display: none;
}

#drop-down-cbox + label {
	position: relative;
	display: none;
	width: 60px;
	height: 60px;
	overflow: hidden;
	background-color: transparent;
	transition: all 300ms ease-in-out;
}


#drop-down-cbox + label span {
	position: absolute;
	display: block;
	background-color: var(--color-white);
	width: 34px;
	height: 4px;
	border-radius: 2px;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 300ms ease-in-out;
}

#drop-down-cbox + label span:nth-child(1) {
	top: 35%;
}
#drop-down-cbox + label span:nth-child(2) {
	top: 50%;
}
#drop-down-cbox + label span:nth-child(3) {
	top: 65%;
}

#drop-down-cbox:checked + label span {
	background-color: white;
}


#drop-down-cbox:checked + label span:nth-child(1) {
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}
#drop-down-cbox:checked + label span:nth-child(2) {
	left: -150%; 
}
#drop-down-cbox:checked + label span:nth-child(3) {
	top: 50%;
	transform: translate(-50%, -50%) rotate(-45deg); 
}

.main-nav {
	flex-grow: 1;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.main-nav li {
	display: block;
    padding: 20px;
	text-align: center;
    position: relative;
    cursor: pointer;
}
.main-nav li > ul li{
    padding: 0;
}

.main-nav li a,
.main-nav li .span-nav {
	display: block;
	width: 100%;
	height: 100%;
    color: var(--color-white);
    text-decoration: none;
    font-size: 18px;
    text-transform: capitalize;
}

.main-nav li a:hover{
	color: var(--light-blue);
}

.main-nav li > ul {
	max-height: 0px;
    transition: all 500ms ease-in-out;
    overflow: hidden;
    position: absolute;
    width: 250px;
    left: 20px;
    margin-top: 20px;
    z-index: 9;
}

.main-nav li:hover > ul {
	max-height: 330px;
	height: auto;
    max-width: 250px;
    width: 250px;
    position: absolute;
    left: 20px;
    margin-top: 20px;
    /* border: 1px solid #cecece; */
    z-index: 9;
}

.main-nav li > ul li a,
.main-nav li > ul li span {
	background-color: white;
    color: var(--primary-blue-color);
    padding: 20px 10px;
    /* border-bottom: 1px solid #cecece; */
    text-align: left;
    font-weight: 500;
    transition: all 300ms ease-in-out;
}

.main-nav li > ul li a:hover,
.main-nav li > ul li .span-nav:hover {
	background-color: var(--primary-blue-color);
	color: white;
    transition: all 300ms ease-in-out;
}
#submenu-toggle{
    display: none;
}
.border-menu{
    border-top: 1px solid #cecece;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}
.border-menu2{
    /* border-top: 1px solid #cecece; */
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

/*  */


.main-nav li > ul {
	max-height: 0px; /* max-height instead of height, height can't transition to auto */
	transition: all 500ms ease-in-out;
	overflow: hidden;
}

.main-nav li:hover > ul {
	max-height: 330px;
	height: auto;
}

/* .main-nav li > ul li a,
.main-nav li > ul li span {
	background-color: white;
}

.main-nav li > ul li a:hover,
.main-nav li > ul li span:hover {
	background-color: #666;
	color: white;
	border-bottom: none;
} */


/* BANNER START */

.banner{
    width: 100%;
    background-color: var(--primary-blue-color);
    margin-top: 96px;
}
.banner-wraper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.banner-left-content{
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 20px;
}
.banner-heading{
    color: #fff;
}
.banner-heading2{
    background: url('/Images/67ffc7f0b7ce13264adfc589_Vector\ 1.svg');
    background-repeat: no-repeat;
    min-height: 100px;
    padding-left: 15px;
    max-width: 320px;
    background-size: contain;
    margin-top: 10px;
}
.banner-p{
    color: var(--color-white);
    padding-top: 20px;
}
.banner-a{
   color: var(--light-blue);
}
.hero-btn{
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: var(--light-blue2);
    border-radius: 1rem;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    max-width: 32.5rem;
    margin-top: 20px;
    padding: 1rem;
    display: flex;
}
.review-wrapper{
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.stars-wrapper{
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    color: var(--black);
    justify-content: flex-start;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1em;
    display: flex;
}
.stars-wrapper i{
    color: #feb600;
}
.review-logo-wrapper p{
    font-size: 10px;
    color: var(--primary-blue-color);
    line-height: 10px;
}
.review-logo-wrapper {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    color: var(--black);
    justify-content: flex-start;
    align-items: center;
    font-size: .625rem;
    line-height: 1em;
    display: flex;
}
.review-logo-wrapper img{
    width: auto;
    height: 13px;
    object-fit: contain;
}
.button-arrow{
    width: 16px;
    height: 16px;
}
.banner-price-text{
    text-transform: uppercase;
    padding-top: 20px;
    font-size: 18px;
    color: var(--primary-yellow-color);
}
.banner-price{
    font-size: 20px;
    color: var(--primary-yellow-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: bolder;
}
.hidden-quotes{
    color: var(--color-white);
    padding-top: 20px;
}
.color-yellow-check{
    color: var(--primary-yellow-color);
}
.banner-right-img img{
    object-fit: cover;
    border-radius: 1rem;
    max-width: 39.25rem;
    width: 100%;
    height: 43.375rem;
    position: relative;
    top: 2rem;
}
.banner-contact-btn{
    padding: 12px 10px;
    text-align: center;
    width: 100%;
    background: var(--primary-yellow-color);
    border-radius: 12px;
    max-width: 32.5rem;
    text-decoration: none;
    margin-top: 20px;
    font-weight: 900;
}


/* WHY CHOOSE US SECTION  START */

.chooseus-wraper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}
.chooseus-left-container{
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}
.para-black{
    color: var(--para-black);
    width: 60%;
}
.choose-us-left-image{
   aspect-ratio: 3 / 2;
   object-fit: cover;
    border-radius: 1rem;
    margin-top: 1rem; 
    width: 100%;
}
.choose-us-icon{
    width: 16rem;
    height: auto;
    position: absolute;
    inset: 6rem 0% auto auto;
    right: -30px;
}
.chooseus-right-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.choose-us-right-box{
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: var(--color-white);
    border-radius: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.5rem;
    transition: all .3s;
    display: flex;
    box-shadow: 0 1px 10px #0000001a;
}
.choose-us-right-icon{
    width: 3.5rem;
    height: 3.5rem;
}
.para-black2{
    color: var(--para-black);
}


/* MovingThroughChange SECTION START */

.moving{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.moving-h2{
    color: var(--primary-yellow-color);
    text-align: center;
}
.moving-para{
    max-width: 800px;
    margin: auto;
    text-align: center;
    font-size: 16px;
}
.gap-btw{
    padding: 10px 0;
}
.top-p{
    padding-top: 8px;
}
.a-color{
    color: var(--a-color);
}
.a-color-bold{
    font-size: 18px;
    font-weight: 600;
}
.a-color:hover{
    color: var(--a-hover-color);
}

/* Moving Solutions SECTION START */

.solutions-wraper{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
}
.solution-box{
    padding: 24px 20px;
    position: relative;
    min-height: 13rem;
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}
.solution-line{
    z-index: -1;
    width: 10rem;
    position: absolute;
}

.services-card {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    background-color: var(--white);
    text-align: left;
    border-radius: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 13rem;
    padding: 1.5rem 1.25rem;
    transition: all .3s;
    display: flex;
    box-shadow: 0 0 10px #0000001a;
}
.services-card:hover {
    background-color: var(--transparent);
    box-shadow: 0 0 10px #0000;
}
.service-h3{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
}
.link-btn {
    grid-column-gap: .1rem;
    grid-row-gap: .1rem;
    color: var(--button-bg-color);
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    text-decoration: none;
    display: flex;
    transition: .3s;
}
.link-btn img{
    width: 1rem;
    height: 1rem;
    transition: .3s;
}
.link-btn:hover .link-btn-img{
    transform: translateX(6px);
    transition: .3s;
}

/* Ready to Make Your Move? SECTION START */

.making{
    background-color: var(--primary-blue-color);
    margin-top: 64px;
    color: var(--color-white);
    padding: 2rem;
}
.making-wraper{
    display: flex;
    gap: 20px;
}
.making-left-container{
    width: 35%;
    height: 14rem;
    position: relative;
}
.making-left-container img{
    height: auto;
    right: 3rem;
    width: 18rem;
    position: absolute;
    inset: auto 1rem 0 auto;
}
.making-right-container{
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 65%;
    padding-left: 1rem;
    display: flex;
}
.making-para{
    width: 85%;
}
.star-no{
    color: var(--primary-blue-color);
}


/* Services Section start */

.services h2{
    text-align: center;
}
.services-double-line{
    margin-top: -20px;
    margin-left: 80px;
}
.services-line-double{
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
}
.services-wraper{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}
.service-box{
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 4rem;
    display: flex;
    position: relative;
}
.services-box-img{
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: .75rem;
    min-height: 13rem;
    height: auto;
    width: 100%;
}
.services-cta{
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border-bottom: 3px solid var(--primary-yellow-color);
    background-color: var(--color-white);
    color: var(--primary-blue-color);
    text-align: center;
    border-radius: .5rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 80%;
    padding: 1rem .5rem;
    display: flex;
    position: absolute;
    inset: auto auto -2.5rem;
    box-shadow: 0 1px 10px #0000001a;
}
.service-down-content{
    display: flex;
    justify-content: center;
}

/* Testimonial Section start */

.testimonial{
    padding: 32px 0;
}
.testimonial-heading{
    position: relative;
    width: max-content;
    margin: auto;
}
.testimonial-icon1{
    position: absolute;
    left: -16px;
    top: -10px;
    width: 32px;
    height: 32px;
}
.testimonial-icon2{
    position: absolute;
    right: -10px;
    top: 45px;
    rotate: 180deg;
    width: 32px;
    height: 32px;
}

/* testmonial slider */

.testimonial-slider{
    margin-top: 80px;
}
.marquee-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 10px;
}

.marquee {
    display: flex;
    width: max-content;
    animation: scroll-left 30s linear infinite;
}

.marquee.reverse {
    animation: scroll-right 20s linear infinite;
}

.marquee-container:hover .marquee {
    animation-play-state: paused;
}

.testimonial-box {
    flex: 0 0 auto;
    min-width: 250px;
    margin: 15px;
    padding: 20px;
    background: #e9f0ff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

@keyframes scroll-left {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

@keyframes scroll-right {
    from { transform: translateX(-50%); }
    to   { transform: translateX(0); }
}

.testimonial-box{
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: var(--white);
    direction: ltr;
    border-radius: 1rem;
    flex-flow: column;
    flex: none;
    align-self: stretch;
    max-width: 22.5rem;
    /* max-height: 18rem; */
    margin-right: 1rem;
    padding: 1rem;
    display: flex;
    box-shadow: 0 1px 10px #0000001a;
}
.testimonial-heading-wrapper{
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    display: flex;
}
.testimonial-name-wrapper{
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    display: flex;
}
.testimonial-star-wrapper{
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    display: flex;
}
.testimonial-name-wrapper img{
    width: 32px;
    height: 32px;
}

/* Your Source for Moving Advice & Tips section start */

.heading-yellow{
    color: var(--primary-yellow-color);
    text-align: center;
}
.source-h2{
    text-align: center;
}
.source-wraper{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    margin-top: 64px;
}
.source-box{
    width: 100%;
    height: 100%;
}
.blog-box{
    background-color: var(--color-white);
    color: var(--black);
    text-align: left;
    border-radius: .75rem;
    flex-flow: column;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: clip;
    box-shadow: 0 1px 10px #0000001a;
}
.blog-banner-img{
    aspect-ratio: 2 / 3;
    object-fit: cover;
    height: 14rem;
    width: 100%;
}
.blog-content-wrapper{
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 8rem;
    padding: .5rem .5rem .75rem;
    display: flex;
}
.blog-heading{
    font-size: 20px;
    color: #000;
}
.blog-btn-wrapper{
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}
.blog-box{
    background-color: var(--color-white);
    color: #000 !important;
    text-align: left;
    border-radius: .75rem;
    flex-flow: column;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: clip;
    box-shadow: 0 1px 10px #0000001a;
}
.blog-box-image{
    aspect-ratio: 2 / 3;
    object-fit: cover;
    height: 14rem;
    width: 100%;
}
.blog-box-a{
    text-decoration: none;
    color: #000;
}
.blog-box-content{
   padding: .5rem 1rem 1rem;
   display: flex;
   flex-direction: column;
   gap: 15px;
   justify-content: space-between;
   height: 100%;
}
.read-btn{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.blog-button-all{
    display: flex;
    justify-content: center;
    margin-top: 60px;
}
/* FAQ SECTION */

.faq{
    padding-bottom: 6rem;
    padding-top: 6rem;
}
.faq-wraper{
    display: flex;
    gap: 50px;
}
.faq-left-heding{
    width: 30%;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    gap: 32px;
}
.faq-right-content{
    width: 70%;
}
.faq-heading-img{
    margin-left: -20px;
    margin-bottom: 10px;
}

/* FAQ START */

.dl-faq {
  position: relative;
  margin: 2rem auto 3rem;
}

.dl-faq > dt {
  font-size: 1.2rem;
  font-weight: 100;
  padding: 1rem;

  /* Fix for IE9 & 10 */
  border-top: 1px solid rgba(255,255,255,.2);
}

dt > button {
  color: inherit;
  background-color: inherit;
}
.dl-faq > dt:first-child .pab-btn,
.dl-faq > dt:first-child {
  border-top: 0;
}

.dl-faq.pab_container > dt {
  /* added via JS */
  padding: 0;
}

.dl-faq > dd {
  margin: 0 auto;
  font-weight:100;
}

.dl-faq > dd > div {
  padding: 0 0 2rem;
}

.dl-faq div > p {
  margin: 0 0 1rem;
}

.dl-faq div >:last-child {
  margin: 0;
}


/* The acivating buttons added via JS */

.pab-btn {
  position: relative;
  cursor: pointer;
  transition: color .3s ease-in;

  /* Using absolute positioning for SVG so reserve some space */
  padding: 1rem 3rem 1rem 0rem;
  border: 0 solid transparent;
  border-top: 1px solid #2d3e501f;

  /* inherit doesn't work in IE */
  font-size: 22px;
  font-weight: 800;
  text-align: left;
  width: 100%;
}

.faq-text{
    color: #08111f;
    margin-bottom: 1rem;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
}

.pab-btn:focus {
  outline: 0 solid;
}

.pab-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin-top: -2px;
  margin-bottom: -2px;
}


/* Underline text on button hover (Tesco requirement) */

.pab-btn > span {
  position: relative;
  /* Removes button drepression in IE */
  pointer-events: none;
  /* Required by Safari */
  border-bottom: 1px solid transparent;
  transition: border-color .3s;
}

.pab-btn:hover > span,
.pab-btn:focus > span {
  border-bottom-color: rgba(255,255,255,.5);
}

.pab-btn:active > span {
  border-bottom-color: transparent;
}


/* SVG plus */

.pab-svg-plus {
  border-radius: 100%;
  display: block;
  position: absolute;
  top: calc(50% - .75em);
  right: 4px;
  width: 1.5em;
  height: 1.5em;
  margin: 0;
  pointer-events: none;
  stroke-width: 4;
  stroke-linecap: square;
  stroke: currentColor;
  -webkit-transition: transform .7s ease-out, box-shadow .3s ease-out;
  transition: transform .7s ease-out, box-shadow .3s ease-out;
  border: 2px solid #000;
}

[aria-expanded="true"] > .pab-svg-plus {
  transform: rotateZ(360deg);
}

.use-plus {
  /* used to animate plus into minus */
  -webkit-transition: stroke .5s ease-out, opacity .7s ease-out;
  transition: stroke .5s ease-out, opacity .7s ease-out;
}

[aria-expanded=true] .use-plus {
  opacity: 0;
}

.isSafari .pab-btn .pab-svg-plus {
  box-shadow: none;
}


/* Open / close animation - The inaccurate CSS max-height is resolved via JS adding an inline style */

[data-pab] + [aria-hidden] {
  overflow: hidden;
  opacity: 1;
  max-height: 50rem;
  visibility: visible;
  transition: visibility 0s ease 0s, max-height .65s ease-out 0s, opacity .65s ease-in 0s;
}

[data-pab] + [aria-hidden="true"] {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition-delay: .66s, 0s, 0s;
}


/* Overide the max-height set as an inline style by the JS */

[data-pab] + [style][aria-hidden="true"] {
  max-height: 0 !important;
}


/* Prefooter Section start */

.prefooter-wrapper{
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8rem;
    display: flex;
}
.prefooter-heading-wrapper{
    text-align: center;
    position: relative;
}
.prefooter-heading-span{
    position: relative;
}
.heading-img-down{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}
.max-width-40rem{
    max-width: 40rem;
}
.prefooter-btn{
    background-color: var(--light-blue);
    color: var(--button-bg-color);
}
.button-wrapper{
    display: flex;
    gap: 16px;
    margin-top: 1rem;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}


/* IMAGE SLIDER START */

.marquee-container-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 10px;
}

.marquee-slider {
    display: flex;
    width: max-content;
    animation: scroll-left 50s linear infinite;
}

.marquee-container-slider:hover .marquee-slider {
    animation-play-state: paused;
}

.image-box-slider {
    flex: 0 0 auto;
    min-width: 250px;
    margin: 15px;
    background: #e9f0ff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

@keyframes scroll-left {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

.image-box-slider{
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: var(--white);
    direction: ltr;
    border-radius: 1rem;
    flex-flow: column;
    flex: none;
    align-self: stretch;
    max-width: 22.5rem;
    max-height: 18rem;
    margin-right: 1rem;
    display: flex;
    box-shadow: 0 1px 10px #0000001a;
}
.image-box-slider img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-position: center;
    border-radius: 6px;
}
.image-slider-on{
    padding: 40px 0;
}

/* FOOTER START */

footer{
    background-color: var(--primary-blue-color);
    color: var(--color-white);
    padding: 4rem 0 1.5rem;
}
.footer-wraper{
    display: flex;
    gap: 20px;
}
.footer-box1{
    width: 40%;
}
.footer-logo{
    width: 250px;
}
.footer-logo-img{
    width: 250px;
}
.icon-text-footer-a{
    color: var(--color-white);
    text-decoration: none;
}
.address-footer{
    padding: 10px 0 20px;
}
.icon-text-footer {
    display: flex;
    gap: 10px;
}
.icon-text-footer i{
    padding-top: 2px;
}
.mail-footer{
    padding: 20px 0;
}
.footer-social-icon{
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: center;
    margin-top: 2rem;
    display: flex
}

.footer-social-icon img{
    width: 28px;
    height: 28px;
}
/* .footer-box2{
    width: 14%;
    margin-top: 30px;
} */
.footer-link {
    color: var(--color-white);
    margin-bottom: .75rem;
    text-decoration: none;
    transition: opacity .2s;
    font-size: 16px;
}
.h5-style{
    font-family: var(--main-first-font);
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    padding-bottom: 20px;
}
.footer-box3{
    display: flex;
    flex-direction: column;
    width: 20%;
    margin-top: 30px;
}
.footer-box4{
    width: 20%;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}
.footer-box5{
    width: 20%;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}
.a-color-footer{
    color: var(--light-blue);
    text-decoration: none;
    font-weight: 600;
}

/* FOOTER DOWN SECITON */

.down-footer{
    border-top: 1px solid #ffffff33;
    margin-top: 3rem;
    padding-top: 1.5rem;
    display: flex;
    justify-content: center;
}
.a-color2{
    color: var(--light-blue);
}


/* MOVING BANNER SECTION */

.moving-section {
    background-color: var(--primary-blue-color);
}
.moving-hero-wrapper{
    color: var(--color-white);
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.pb{
    padding-top: 20px;
}

/* MOVING DOWN BOXES START */

.moving-down-wraper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}
.moving-down-box{
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    border-bottom: 3px solid var(--primary-yellow-color);
    background-color: var(--color-white);
    border-radius: .75rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1rem;
    display: flex;
    position: relative;
    top: -4rem;
    box-shadow: 0 1px 10px #0000001a;
    width: 31.33%;
    height: auto;
    justify-content: space-between;
}
.h3-style{
    font-family: var(--main-first-font);
    font-size: 28px;
    line-height:33.3px;
    margin-bottom: 0;
    font-weight: 700;
}
.pt{
    padding: 20px 0 40px;
}

/* services page start */

.services-wraper-top{
   position: relative;
   top: -2rem; 
}
.services-page-section{
    padding-bottom: 3rem;
}

/* SUPPORT SECTION */
.support-banner{
    background-color: var(--primary-blue-color);
    color: var(--color-white);
    max-height: 640px;
    padding-top: 9rem;
}
.support-banner-wraper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.support-right-img{
    width: 100%;
    position: relative;
}
.support-left-img{
    object-fit: cover;
    border-radius: 1rem;
    min-height: 24rem;
    position: relative;
    top: 2rem;
    width: 100%;
}
.support-left-container{
   display: flex;
   flex-direction: column;
    justify-content: center;
    margin-bottom: 80px;
}


/* SUPPORT SECTION */

.support-box{
    padding-top: 9rem;
    padding-bottom: 4rem;
}
.anout-us-page-card{
    border-radius: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.5rem;
    display: flex;
    box-shadow: 0 1px 10px #0000001a;
    gap: 24px;
}
.support-box-wraper{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
}
.h4-style{
    font-family: var(--main-first-font);
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
}
.sup-bot{
    margin-bottom: 0;
}

/* ABOUT SUPPORT SECTION */

.about-support{
    padding-top: 9rem;
    padding-bottom: 9rem;
}
.about-support-wraper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}
.about-support-imgbox{
    position: relative;
}
.about-support-img{
    object-fit: cover;
    border-radius: 1rem;
    width: 100%;
    height: auto;
}
.about-us-page-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
    align-items: flex-start;
}
.psychology-img-parents{
    width: 12rem;
    position: absolute;
    bottom: -20px;
    right: -60px;
}
.psychology-img{
   width: 12rem; 
}

/* WALLPAPER SECTION START */

.wallpaper-img{
    width: 100%;
    height: auto;
    border-radius: 16px;
    max-width: 627px;
}
.instagram-wallpaper{
    display: flex;
    justify-content: center;
    margin-top: 32px;
    padding-bottom: 9rem;
}
.prefooter-sub{
    padding-top: 6rem;
}
.color-yellow{
    color: var(--primary-yellow-color);
}
.about-heading-icon{
    margin-left: -10px;
}

/* What We Do section */

.we-do-wraper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
}
.img-on{
    object-fit: cover;
    border-radius: 1rem;
    width: 100%;
    height: auto;
}
.sign-img{
    width: 20rem;
    height: auto;
    margin-top: -15px;
}
.we-dopb{
    padding-bottom: 6rem;
}
.fixed-height{
    height: 34rem;
}

/* CONTACT PAGE */

.contact-heading{
    position: relative;
    z-index: 9;
}
.contact-img-line{
    position: absolute;
    left: 0;
    top: 55px;
    z-index: -1;
}

.prefooter-sub-para{
    padding-top: 12rem;
}

.contact-form-main{
    background-color: var(--color-white);
    border-radius: 1rem;
    flex-flow: column;
    justify-content: center;
    width: 100%;
    min-height: 38rem;
    margin-bottom: 0;
    padding: 1rem;
    display: flex;
    box-shadow: 0 1px 10px #0000001a;
}
.fields-wrap{
    gap: 1rem;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    display: flex;
}
.field-wrapp{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.field-heading{
    font-size: 16px;
    line-height: 19px;
    margin-bottom: .5rem;
    font-weight: 400;
    color: var(--p-color);
}
.required{
    color: #f66;
    font-size: 14px;
}
.input-field{
    border: 1px solid #97a1af;
    background-color: var(--color-white);
    color: #000;
    border-radius: .5rem;
    width: 100%;
    height: 3rem;
    margin-bottom: 0;
    padding: .5rem;
}
.message-h{
    height: auto;
    min-height: 10rem;
}
.contact-form-btn{
    width: 100%;
}

/* RESIDENTIAL MOVING SECTION START */

.max-width-4rem{
    max-width: 26.25rem;
}
.expect{
    padding-bottom: 6rem;
    padding-top: 6rem;
}
.expect-wraper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.expect-box{
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: var(--white);
    text-align: left;
    border-radius: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.5rem;
    transition: all .3s;
    display: flex;
    box-shadow: 0 1px 10px #0000001a;
}
.moving-card-icon-wrapper{
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.moving-card-icon{
    width: 1.5rem;
    height: 1.5rem;
}

/* Include section start */

.include-flex{
    display: flex;
    flex-direction: column;
}

.include-img{
   width: 170px;
}
.custom-list-item{
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: .75rem;
    display: flex;
}
.list-item-image{
    width: .75rem;
    height: .75rem;
}
.h6-style{
    font-family: var(--main-first-font);
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
}

/* NEW ABOUT SECTION START */

.about-ban{
    margin-top: 96px;
    padding-top: 100px;
    padding-bottom: 170px;
    background-color: var(--primary-blue-color);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
    height: calc(110vh + 96px);
}
.about-ban-wraper{
    display: flex;
    gap: 30px;
}
.about-left-ban{
    width: 40%;
}
.content-para{
    max-width: 85%;
}
.about-right-ban-img{
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: end;
}
.about-ban-h1{
    color: var(--color-white);
    font-size: 72px;
    font-weight: 700;
}
.about-ban-i{
    margin-top: 10px;
}
.para-bold{
    color: var(--light-blue);
    font-weight: 600;
}
.about-ban-span-flex{
    display: flex;
}
.about-btn-banner{
    width: max-content;
    margin-top: 30px;
    background-color: var(--button2-color);
}
.about-banner-right-imgg{
    width: 100%;
    border-radius: 12px;
    position: relative;
    z-index: 9;
    height: 400px;
    object-fit: cover;
}
.about-ban-middlebox{
    z-index: 0;
    background-color: var(--button2-color);
    width: 34%;
    height: 54%;
    position: absolute;
    inset: 16% auto auto 40%;
    transform: translate(0, -50%);
    top: 80%;
    border-radius: 12px;
}

.about-ban-wraper2{
    display: flex;
    gap: 40px;
}
.about-ban-wraper2-left-img{
    width: 60%;
    margin-top: 40px;
}
.about-ban-wraper2-right-img{
    width: 40%;
}
.about-ban-left-img{
    width: 100%;
    border-radius: 12px;
    position: relative;
    z-index: 9;
    height: 450px;
    object-fit: cover;
}
.relative{
    position: relative;
}
.about-wraper-parents{
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.extra-blogs {
  display: none;
}

/* When checkbox is checked → show blogs */
#viewAllToggle:checked ~ .extra-blogs {
  display: block;
}

/* Hide button after click */
#viewAllToggle:checked ~ .view-all-btn {
  display: none;
}
#viewAllToggle {
  display: none;
}
.view-all-btn{
    width: max-content;
    margin: auto;
    margin-top: 40px;
}

/* OUR STORY START */

.our-story{
    position: relative;
    padding-top: 28rem;
}
.our-story-wraper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
}
.our-story-left-container, .our-story-right-container{
    display: flex;
    flex-direction: column;
    gap: 64px;
}
.story-h1{
    padding: 30px 0;
}
.bg-yellow-line{
    background-image: url('/Images/story-icon.svg');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: -5px;
    padding-bottom: 5px;
    display: inline;
}
.story-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
}
.double-btn{
    display: flex;
    gap: 20px;
    margin-top: 30px;
}
.story-image-high{
    width: 100%;
    height: 560px;
    object-fit: cover;
}
.story-absolute-box{
    z-index: -1;
    background-color: var(--deep-sky);
    border-radius: 24px;
    min-width: 60%;
    min-height: 40%;
    margin-left: -20vw;
    position: absolute;
    bottom: -60px;
}


/* OUTR MISSION SECTION START */

.mission{
    background-color: var(--primary-blue-color);
    border-radius: 24px;
    padding-top: 146px;
    padding-bottom: 146px;
}
.mission-wraper{
    display: flex;
    gap: 84px;
}
.mission-left-box{
    width: 60%;
}
.mission-right-box{
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.counter-wraper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}
.counter-grid1, .counter-grid2{
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.counter-grid2{
    margin-top: 94px;
}
.stat-card{
    background-color: #f3f6ff;
    border-radius: 24px;
    width: 100%;
    height: 270px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.stat-crad-center{
    text-align: center;
}
.display-1 {
    color: #080e24;
    font-size: 68px;
    font-weight: 900;
    line-height: 1.111em;
    padding-bottom: 10px;
}
.price-para-on{
    padding-top: 20px;
}
.priceheiht-img{
    height: 30rem;
}
.color-secondary-1{
    color: #76b5ff;
    font-weight: 400;
}
.counter-para{
    font-size: 20px;
    line-height: 1.1em;
    font-weight: 500;
    color: #515872;
}
.mission-h1{
    color: var(--color-white);
    padding: 30px 0;
}
.bg-yellow-line-v3{
    background-image: url('/Images/mission-icon.svg');
    background-size: 100% 100%;
    margin-left: -16px;
    margin-right: -16px;
    padding-top: 24px;
    display: inline;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 5px 20px 18px 16px;
}
.btn-color{
    background-color: var(--button2-color);
}

/* OUR VALUE SECTION START */

.our-value{
    width: 100%;
    overflow: hidden;
}
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-signposting{
    margin-top: 60px;
    position: relative;
}
.swiper-slide {
    background-color: #dee6ff;
    border-radius: 24px;
    padding: 56px 50px;
    height: auto;
}
.color-blue{
    border: 1px solid var(--primary-blue-color);
}
.color-sky{
    border: 1px solid #76b5ff;
}
.color-yellow{
    border: 1px solid #ffc531;
}
.avatar-value{
    width: 65px;
    max-width: 65px;
    height: 65px;
    max-height: 65px;
    border-radius: 50%;
}
.display-4 {
    color: var(--primary-blue-color);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.429em;
    padding: 20px 0 10px;
}
.value-p{
    color: #515872;
}
.slider-button-wrap{
    display: flex;
    gap: 15px;
}
.slider-button-prev{
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    font-size: 20px;
    top: -100px;
    right: 84px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary-blue-color);
    border-radius: 12px;
    border: 2px solid var(--primary-blue-color);
    transition: .3s;
}
.slider-button-prev:hover{
    background-color: var(--primary-blue-color);
    color: var(--color-white);
    transform: scale3d(.94, .94, 1.01);
    transition: .3s;
}
.slider-button-next{
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    top: -100px;
    bottom: auto;
    right: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-white);
    background-color: var(--primary-blue-color);
    border-radius: 12px;
    border: 2px solid var(--primary-blue-color);
     transition: .3s;
}
.slider-button-next:hover{
    background-color: transparent;
    color: var(--primary-blue-color);
    transform: scale3d(.94, .94, 1.01);
    transition: .3s;
}
.our-value-h1{
    padding-top: 25px;
}

.testimonial-about{
    padding: 6rem 0;
}

/* PRICING PAGE START */

.pricing{
    background-image: url('/Images/about-us-banner.webp');
    margin-top: 96px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.rbga-color{
    width: 100%;
    height: 100%;
    padding: 100px 0;
    background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.88) 50%, rgba(36, 72, 255, 0) 60%);
}
.price-ban-content-box{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.price-heading{
    color: var(--primary-blue-color);
}
.bold-yellow{
    color: var(--primary-yellow-color);
    font-weight: 700;
    text-transform: capitalize;
}
.pricing-ban-btn{
    width: max-content;
}

/* TRACK SECTION PRICING PAGE */

.track-h1{
    text-align: center;
}
.track-para{
    text-align: center;
    padding-top: 20px;
    max-width: 70%;
    margin: auto;
}
.track-service-wraper{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
    margin-top: 60px;
}
.track-service-box1{
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.traking-price{
    width: 100%;
    height: 250px;
    border-radius: 12px 12px 0 0;
}
.ton{
    width: 100%;
    padding: 10px;
    background-color: var(--primary-blue-color);
    color: var(--color-white);
    text-transform: capitalize;
    text-align: center;
    font-weight: 600;
    font-size: 26px;
}
.pricing-main-content{
    padding: 20px;
}
.price-list{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.price{
   font-size: 60px;
   font-weight: 600;
   position: relative;
   display: flex;
}
.first-span{
    font-size: 40px;
}
.price-no{
    font-weight: 700;
}
.last-span{
    justify-content: center;
    display: flex;
    align-items: end;
    font-size: 40px;
}
.pricelist-span{
    text-align: center;
    font-weight: 500;
}
.form-div{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
}
.form-div-hr{
    width: 100%;
    border: 1px solid #b8b8b8;
}
.form-span-text{
    padding: 4px 48px;
    background-color: var(--primary-yellow-color);
    border-radius: 6px;
    font-weight: 600;
    letter-spacing: 2px;
}
.movers2{
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 15px;
    font-size: 23px;
    font-weight: 600;
    text-transform: capitalize;
}
.mtt{
    margin-top: 20px;
}
.icon-text-pricing{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 15px 0;
}
.fa-square-check{
    color: var(--primary-yellow-color);
}
.price-btn{
    margin-top: 10px;
}


/* moving-cost section start */

.moving-cost{
    padding: 60px 0;
}
.moving-cost-wraper{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
    margin-top: 60px;
}
.moving-cost-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    padding: 20px 0;
}
.moving-cost-image{
    width: 80px;
}
.moving-cost-heading{
    font-size: 23px;
    margin-bottom: 0rem;
}

/*  */

.quote-section{
    margin-top: 96px;
}
.quote-flex{
    display: flex;
    flex-direction: column;
}
.quote-h1-heading{
    display: flex;
    gap: 8px;
    position: relative;
    z-index: 9;
}
.quote-icon-img{
    margin-top: -20px;
    position: relative;
    z-index: -1;
}
.max-width-quote{
    max-width: 30%;
}

/* quote-form */


.quote-form-wraper{
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}
.quote-form-main{
    background-color: var(--color-white);
    border-radius: 1rem;
    width: 80%;
    padding: 2rem;
    position: relative;
    top: -4rem;
    box-shadow: 4px 8px 50px #0000000d;
}
.quote-filed-wrap{
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    display: flex;
}
.help-text{
   color: var(--primary-blue-color);
    font-size: 20px;
    font-weight: 600;
}
.field-wrapp{
    width: 100%;
}
.field-heading{
    font-size: 16px;
    line-height: 19px;
    margin-bottom: .5rem;
    font-weight: 400;
}
.text-field {
    border: 1px solid #97a1af;
    background-color: var(--color-white);
    color: #000;
    border-radius: .5rem;
    width: 100%;
    height: 3rem;
    margin-bottom: 0;
    padding: .5rem;
}
.w-70{
    width: 70%;
}
.w-30{
    width: 30%;
}
.checkbox-card-wrapper{
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 1.5rem;
    display: grid;
}
.checkbox-wrapper{
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    background-color: #dce4ed;
    font-size: 14px;
    cursor: pointer;
    border-radius: 1rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 1rem;
    font-weight: 400;
    display: flex;
}
.w-checkbox::before{
    content: " ";
    display: table;
}
.checkbox{
    background-color: var(--color-white);
    box-shadow: none;
    border: 1px solid #000;
    border-radius: 4px;
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-left: 0;
    overflow: hidden;
}
.w-checkbox-input{
    float: left;
    margin: 4px 0 0 -20px;
    line-height: normal;
}
.moving-quote-check{
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.w-form-label {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400;
    display: inline-block;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #3898ec;
}
.additional-services-radio-buttons-wrapper{
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.text-field.message-h.additional-services {
    min-height: 5rem;
}
.text-field.message-h {
    height: auto;
}
.additional-services{
    flex-direction: column;
}
.quotes-strong{
    font-size: 20px;
}
.quote-textarea-h{
    height: 10rem !important;
}
.button.form-btn{
    width: 100%;
    font-size: 16px;
}

/* local moving */

.rem24{
    height: 24rem;
}

.expect-box:hover {
   background-color: transparent;
    box-shadow: 0 0 #0003; 
    transition: .3s;
}

/* PRIVACY POLICY */

.privacy{
    padding-bottom: 4.5rem;
    padding-top: 4.5rem;
    margin-top: 96px;
    background-color: var(--primary-blue-color);
}
.privacy-h1{
    color: var(--color-white);
}
.privacy-container{
    max-width: 80%;
    margin: auto;
}

.privacy-content{
    padding: 4.5rem 0;
}
.privacy-all-content{
    max-width: 80%;
    margin: auto;
}
.privacy-pt{
    padding: 30px 0px 0;
}
.privacy-list{
    padding-left: 30px;
    list-style-type: none;
}
.privacy-para1{
    padding-top: 20px;
    padding-left: 30px;
}
.column-v2{
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: relative;
}
.blog-hero-page-wrapper {
    position: relative;
    display: flex;
    gap: 8px;
}
.blog{
    background-color: var(--primary-blue-color);
}
.blog-h1{
    color: var(--color-white);
}
.faq-icon-on{
    margin-top: -20px;
}

.blog1-wraper{
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 30px;
}
.blogs-card-on{
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: var(--white);
    color: var(--black);
    border-radius: .75rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 1rem;
    text-decoration: none;
    display: grid;
    overflow: hidden;
    box-shadow: 0 1px 10px #0000001a;
}
.featured-card-image{
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: .75rem;
    overflow: hidden;
}
.image-cover{
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 12px
}
.featured-card-text-wrapper {
    /* justify-content: center;
    max-width: 100%; */
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    max-width: 100%;
    display: flex;
}
.h3-style {
    font-family: var(--main-first-font);
    font-size: 28px;
    line-height: 33.6px;
    margin-bottom: 0;
    font-weight: 700;
}
.featured-card-author-wrap{
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    margin-top: auto;
    display: flex;
}
.avatar-main{
    border-radius: 50%;
    object-fit: cover;
    width: 2.5rem;
    height: 2.5rem;
}
.author-name-wrapper{
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: center;
    display: flex;
}
.blog-btn-wrapper {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}
.featured{
    margin-top: auto;
    margin-left: auto;
}
.blogs-heading-part{
    display: flex;
    align-items: center;
}
.source-wraper-blog{
    margin-top: 30px;
    gap: 15px;
}
.source-wraper-blog2{
    margin-top: 15px;
    gap: 15px;
}
.refer-text-wraper{
display: flex;
gap: 20px;
}
.refer-text-box{
    background-color: var(--color-white);
    border-radius: 1rem;
    padding: 1rem;
    box-shadow: 0 1px 10px #0000001a;
}
.refer-text-box{
    width: 50%;
}

.refer-text-box2{
    background-color: var(--color-white);
    border-radius: 1rem;
    padding: 1rem;
    box-shadow: 0 1px 10px #0000001a;
    position: relative;
    top: 50px;
}
.refer-text-box2{
    width: 50%;
}
.referal-texton {
    color: #151c24;
    font-size: 16px;
}
.referral-form{
    background-color: var(--color-white);
    border-radius: 1rem;
    width: 90%;
    padding: 2rem;
    box-shadow: 0 1px 10px #0000001a;
    margin-top: 30px;
}
.referral-form-spanon{
    color: #151c24;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
}
.reffer-section{
    padding-bottom: 60px;
}
.font-style-on{
    font-size: 26px;
}


/* blog1-main-parents start */

.blog1{
    padding: 60px 0;
    margin-top: 96px;
}
.blog1-main-parents-img{
    aspect-ratio: 2.39;
    object-fit: cover;
    border-radius: 2rem;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    display: flex;
    position: relative;
    overflow: hidden;
    background-image: url('/Images/source1.png');
    background-size: cover;
    background-position: center;
}
.moving101-main-parents-img{
   aspect-ratio: 2.39;
    object-fit: cover;
    border-radius: 2rem;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    display: flex;
    position: relative;
    overflow: hidden;
    background-image: url('/Images/support-banner-image.jpg');
    background-size: cover;
    background-position: center; 
}
.blog1-main-parents-img-layer{
    width: 100%;
    height: 100%;
    background-color: #00000080;
    display: flex;
    justify-content: center;
    align-items: end;
    padding: 40px;
}
.blog-post-date-wrapper{
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: var(--color-white);
    flex-flow: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
    position: absolute;
    inset: auto 2rem 2rem auto;
}
.blog1-heading-h1{
    color: #fff;
    max-width: 80%;
}
.blog1-all-content-container{
    padding: 20px 80px;
}
.blog-post-rich-text p {
    color: var(--black);
    margin-bottom: 1rem;
}
.blog1-list{
    list-style-type: none;
}
.list-ptpt{
    padding-top: 20px;
}
.blog-pttp{
    padding-top: 10px;
}
.blog1-line-hr{
    background-color: #e4e7ec;
    width: 100%;
    max-width: 100%;
    height: 1px;
    margin-top: 80px;
}
.author-holder {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    padding-top: 30px;
}
.author-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex;
}
.author-wrap-img-on{
    object-fit: cover;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
}
.social-blogs{
    width: 26px;
}
.social-share-wrapper{
    display: flex;
    gap: 10px;
}
.stories-h1-button{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.stories{
    padding: 40px 0 80px;
}
.contact-form-all{
    width: 75%;
    margin: auto;
    min-height: auto;
    padding: 3rem;
}
.contact-from-all{
    padding-bottom: 100px;

}
.help-text-h1{
    font-size: 36px;
    padding-bottom: 20px;
}
.contact-form-hr{
    width: 60px;
    border: 1px solid var(--primary-blue-color);
}

.d-none{
    text-decoration: none;
    word-wrap: break-word;
    padding-top: 6px;
}
.line-height-on{
    line-height: 34px;
}