body {padding: 0; margin: 0; background-color: #fff; }
* {padding: 0;margin: 0;box-sizing: border-box;text-decoration: none;list-style: none;}
a {text-decoration: none !important;}


.banner-heading { font-size: 40px; line-height: 48px; font-weight: 700;}
.pera-g { font-size: 16px; font-weight: 22px; padding: 20px 0;}
ul li {list-style: circle; }

.header-top {background: #281e1f;height: 80px;}
.header-top .header-logo {height: 80px;}
.header-top .header-logo a { height: 100%; display: flex; align-items: center; justify-content: center; padding-top: 13px;width: 100%;}
.header-top .header-logo a img {width: 100%;height: 100%;object-fit: contain;}
.header-icon svg {fill: #fff;width: 30px; height: 30px;}
.header-icons-main { display: flex; align-items: center; justify-content: center; column-gap: 30px;}
.header-icons a { display: flex; align-items: center; justify-content: center; column-gap: 5px;  text-decoration: none;color: #fff; font-size: 15px; line-height: 22px; font-weight: 700;}

.header-bottom {background: linear-gradient(90deg, #113163, #262566); padding: 20px 0;border-bottom: 1px solid #ffffff26;}
.header-menu ul li {display: inline-block;}
.header-menu {text-align: center;display: flex; align-items: center; justify-content: center;}
.header-menu ul { margin: 0;}
.header-menu ul li a { color: #fff; font-size: 16px; line-height: 22px; font-weight: 700; padding: 10px 20px;}
.header-menu .navbar-nav li a { padding: 10px 20px !important;}
.header-menu .navbar-nav li a:hover { color: #c13713;}

.banner-main { margin: 0px 0; background: linear-gradient(90deg, #113163, #262566);}
.banner-main a:hover , .our-blog a:hover , .footer-main a:hover { color: #fff;}
 
 
.banner-main .banner-text { color: #fff; width: 40%; display: flex; flex-direction: column;align-items: self-start;  justify-content: center;}
.banner-main .banner-right { width: 60%;}
.banner-main .banner-content-main { display: flex;column-gap: 20px;}
.banner-main .banner-heading { font-size: 40px; line-height: 48px; font-weight: 700;position: relative;}
.banner-main .pera-g { font-size: 16px; font-weight: 22px; padding: 20px 0;}
.banner-main .banner-images { width: auto; position: relative;}
.banner-main .banner-right {height: 500px;display: flex;align-items: center;justify-content: center;}
.banner-main .banner-images img { width: 100%; height: 100%; object-fit: cover;border-radius: 8px; }
.banner-btn a { color: #fff; background: #c13713; padding: 10px 20px; min-height: 20px; display: inline-block; border-radius: 5px; box-shadow: 0 0 15px #545454; transition: 0.3s ease-in-out;font-size: 16px;line-height: 22px;font-weight: 600;}
.banner-main .banner-btn { margin-top: 25px;}
.banner-images.fourimg { width: 65%;}


.banner-main .owl-dot span {margin-bottom: 25px;}
.banner-main .owl-dot span { width: 12px; height: 12px; background: rgb(196, 196, 196); display: inline-block; border-radius: 100%;}
.banner-main .owl-dot span:hover { background: #c13713; }
.banner-main .owl-dot.active span {background: #c13713;}
.banner-main .owl-dot { display: inline-block; margin: 0 4px;}
.banner-main .owl-dots { margin: 15px auto 0 auto; width: 100%; display: flex; align-items: center; justify-content: center;}
.banner-main .banner-heading::after { content: ""; background: #c13713; width: 90px; height: 4px; position: absolute; bottom: 0; right: -10px;}
.banner-main .banner-btn a:hover { background: #000;transition: 0.4s ease-in-out;}
.banner-main video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; z-index: 111; }

.trust-piano {text-align: center; padding: 30px 0; background: #ededed; color: #000;}
.piano-text { font-size: 28px; line-height: 36px; font-weight: 700;}

.our-section {margin: 50px 0 50px 0;}
.our-section .our-contents {width: 100%;box-shadow: 0 0 10px darkgrey;padding: 10px; background: #fbfbfb;}
.our-section .our-inner-image { width: 100%; height: 280px;overflow: hidden;transition: 0.4s ease-in-out;}
.our-section .our-inner-image img { width: 100%;  height: 100%;  object-fit: cover;}
.our-section .our-text {display: flex; align-items: center; justify-content: center; margin-top: 20px;margin-bottom: 10px;column-gap: 10px;}
.our-section .our-name a,.our-section .our-desgn a { background: #000;   color: #fff;   padding: 8px 25px 10px;   border-radius: 5px;}
.our-section .our-desgn a {background: linear-gradient(90deg, #113163, #262566);}

.our-blog .banner-heading, .testimonials .banner-heading {padding-bottom: 25px;}
.our-blog { margin-bottom: 50px; background: url(../images/truck.jpg); padding: 50px 0 100px 0; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
.our-blog-colum { background: #ffff;  padding: 15px;border-radius: 2px;}
.blog-heading { font-size: 28px;line-height: 36px;font-weight: 700;margin-top: 20px;color: #242666;}
.blog-image img { border: 8px solid #d3d3d3;}
.our-blog-colum .pera-g {font-weight: 500;}
.our-blog-colum.sceond-blg { padding-bottom: 39px;}
.blog-inner {position: relative;}
.our-blog::before {content: ""; position: absolute; background: #000000b0; top: 0; left: 0; width: 100%; height: 100%;}
.our-blog .banner-heading {color: #fff;}
.our-section .our-inner-image img { width: 100%; height: 100%; object-fit: contain;transition: .4s ease-in-out;}
.our-section .our-inner-image:hover img {  transform: scale(1.2);}





.testimonials .icon-img {width: 70px;height: 70px; border-radius: 40px; border: 4px solid #d3d3d3;}
.testimonials .icon-img img {width: 100%;height: 100%;object-fit: cover; border-radius: 40px;}
.testimonials .test-img { display: flex; align-items: center; justify-content: center;}
.testimonials .testimonial-content {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 15px;box-shadow: 0 0 10px #c7c7c7;}
.testimonials {margin: 0 0 50px 0;}

.testimonial-content .pera-g { position: relative;}
.testimonial-content .pera-g::before {background: transparent;color: #242666;content: '\f10d';display: block;font-family: FontAwesome; font-size: 70px; font-style: normal; height: 48px; left: 0; opacity: 0.1;
    margin-left: 0px; line-height: 48px; position: absolute; text-align: center; top: 6px; width: 48px;}
.testimonials .testimonial-content .pera-g {font-style: italic;font-weight: 500;}
.testimonials .writers-details {padding: 10px;}
.testimonials .writers-name { font-size: 24px; font-weight: 700; line-height: 32px; color: cadetblue;}
.testimonials .writer-deg { font-size: 15px; line-height: 22px; font-weight: 600; color: #939393;}
.testimonials .row { row-gap: 24px;}
.testimonial-content.second-testn {padding-bottom: 38px;}

footer.footer-main {background: #281e1f; padding: 70px 0 20px 0;}
.our-blog-colum .pera-g { font-weight: 500;}
footer.footer-main .banner-heading { color: #fff;  font-size: 32px; line-height: 40px;}
.footer-content .pera-g { color: #fff;}
.footer-menus ul { padding-left: 20px;}
.footer-menus ul li a {color: #fff;padding: 5px 0px;display: inline-block;}
.footer-menus {padding-top: 20px;}
.footer-menus ul li {  list-style: circle; color: #fff;}
.pera-g.pera-two {padding-top: 0;}
.footer-main .header-icons-main {display: flex; align-items: start; justify-content: center; row-gap: 15px; flex-direction: column; margin-top: 20px;}
.footer-bottom-text { color: #fff;}
.footer-bottom-inner { border-top: 1px solid #fff; padding-top: 30px;}
.footer-bt-menu ul li { display: inline-block;}
.footer-bt-menu ul li a {color: #fff; font-weight: 500;padding: 15px;display: flex;justify-content: center;align-items: center;}
.footer-bt-menu ul {display: flex;align-items: center;justify-content: end;}
.footer-inner {padding-bottom: 50px;}
.header-top .nav-link { display: flex; align-items: center;  justify-content: center;  column-gap: 5px;}
.header-top-heading { color: #fff; text-align: center; font-size: 12px; line-height: 22px; font-weight: 700;visibility: hidden;}
.header-bottom .nav-item a { color: #fff !important;font-weight: 700;}

.header-top-icons {display: flex;align-items: center; justify-content: space-between; height: 80px;}


.navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem;}




.footer-content .header-top-icons { display: flex;  flex-direction: column; align-items: start;}
.col-right ul li a {color: #fff; font-size: 16px; font-weight: 600; display: flex; padding: 15px 13px; align-items: center; justify-content: center;column-gap: 5px;}
.col-right ul li { display: inline-block;}
.col-right ul { margin: 0;}
.col-right {position: relative;}
.header-bar .fa-solid.fa-bars {color: #fff;font-size: 30px;height: 30px;}
.header-bar .fa-solid.fa-xmark {color: #fff;font-size: 30px;height: 30px;display: none;}





/* about-us  ..................................................start*/

.about-us-main {background: linear-gradient(90deg, #113163, #262566);text-align:center;padding: 30px 0 30px 0;}
.about-us-main .banner-heading,.about-us-main .pera-g {color: #fff;}
.trust-piano-inner .banner-btn { margin-top: 20px;}
.about-entry { padding: 50px 0px 0;}
.entry-image-inr {display: flex;align-items: center;justify-content: center;}
.entry-content { box-shadow: 0 0 5px rgb(0 0 0 / 30%); padding: 25px 15px; width: 100%; max-width: 750px; margin: 0 auto;text-align: center;margin-bottom: 50px;background-color: aliceblue;}
.titlename { font-size: 22px;line-height: 28px;font-weight: 700; padding: 10px 0; color: #c03613;}
.entry-content .pera-g { padding-top: 0; padding-bottom: 10px; font-weight: 500;}
.video-link {margin-top: 10px;}
.video-link a { background: #403ead; padding: 7px 20px; color: #fff; font-weight: 600;}
.entry-image-inr img {border: 3px solid #b5b5b5;}



/* about-us.................................................. end */


/* services  ..................................................start*/
.move-inner-srv,.faq-content-main {  margin-top: 50px;}
.mdm-heading {font-size: 28px;line-height: 36px; font-weight: 700;  color: #045db6;}
.moving-srvice { box-shadow: 0 0 5px rgb(0 0 0 / 30%);padding: 25px 15px; width: 100%; max-width: 900px; margin: 0 auto; text-align: center; margin-bottom: 50px; background-color: #fbfeff;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.moving-srvice ul li {list-style: circle; text-align: left;}

/* services  ..................................................end*/

.faq-content,.blog-page-content { box-shadow: 0 0 5px rgb(0 0 0 / 30%);padding: 25px 15px; width: 100%; max-width: 900px; margin: 0 auto; text-align: left; margin-bottom: 50px; background-color: #fbfeff;}
.faq-content .mdm-heading { padding-left: 12px;}
.blog-page-content { padding: 15px 15px 20px;   margin-bottom: 0px;}
.blog-page-content .pera-g {padding-top: 0;}
.titlename.blog-title-in { color: #045db6;}
.blog-page-main { margin: 50px 0;}
.blog-page-content .banner-btn a {background: linear-gradient(90deg, #113163, #262566);box-shadow: 0 0 0;}
.blog-page-main .row { row-gap: 25px;}
.testimonials.tstm-page { margin-top: 50px;}
.issubuz-truck .pera-g { padding: 8px 0; text-align: center;}
.issubuz-truck { width: 100%;margin: 0 auto;box-shadow: 0 0 5px rgb(0 0 0 / 22%); padding: 15px;max-width: 1020px;}
.issbuz-image {display: flex;align-items: center;justify-content: center;}
.issubuz-truck-main { margin: 50px 0;}
.issubuz-truck.agn-truck { margin-top: 50px;}
.move-inner-srv .moving-srvice  .pera-g {  display: flex; flex-direction: column; align-items: center;}
.trust-piano a:hover {color: #fff;}
.col-right a:hover { color: #0a58ca;}
.contactuspage h2 { color: #fff;}
.guideline_cont.contact-us-form { margin: 50px 0; box-shadow:  0 0 15px #00000029;  padding: 30px 20px;}
.contactuspage .piano-text span {  display: inline-block;}
.contactuspage .piano-text span a:hover {color: #113163;}

.h4heading { text-align: center;color: #212765; font-weight: 700; margin-bottom: 50px;}
.contactuspage form p { width: 50%; padding: 0 15px; display: flex; align-items: center; justify-content: center;}
form.wpcf7-form.init {display: flex;flex-wrap: wrap;}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { width: 100%;  border: 0;  border-bottom: 1px solid #000;}
.contactuspage form p label { width: 100%; margin-bottom: 30px; font-weight: 600; color: #c9c9c9;}
input.wpcf7-form-control.wpcf7-tel.wpcf7-text.wpcf7-validates-as-tel {width: 100%;border: 0;border-bottom: 1px solid #000;}
input.wpcf7-form-control.wpcf7-submit.has-spinner { background: #1e2a65; border: 0; color: #fff; padding: 10px 50px; width: 100%;}
span.wpcf7-spinner { display: none;}
span.wpcf7-form-control-wrap { width: 100%;  display: inline;}
.contactuspage form p label span.wpcf7-form-control-wrap { width: 100%;}
textarea.wpcf7-form-control.wpcf7-textarea {width: 100%; border: 1px solid #000; padding: 5px;margin-top: 5px;}
:focus-visible { border: 0; outline: none;}
.wpcf7-response-output { width: 50%;color: red !important;  margin: 0 !important;}
form.wpcf7-form.invalid { display: flex; flex-wrap: wrap;}
.blog-pagecontent .banner-btn { margin-bottom: 15px;}
.blog-pagecontent { box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.singleblog {  margin-bottom: 50px;  margin-top: 50px;}
.singleblog .full-width-featured-image {width: 100%;height: 200px; background-repeat: no-repeat; background-size: contain; padding: 0 15px !important; margin-left: 15px;}
.singleblog h2 { padding: 15px ;}
.banner-btn a:hover {color: #fff;}
.blog-image { width: 200px;height: 116px;}

.our-quotes-form .btn-primary { font-weight: 600; background-color: #c13713 !important;border-color: #c13713 !important;}
.our-quotes-form .modal-body label {  text-align: left}



@media (min-width:768px) {
    .issubuz-truck-main .col-12 {
        display: flex;
        flex-direction: column;
        row-gap: 50px;
    }
}   


@media (max-width:1499px) {
    .col-right ul li a { padding: 15px 6px;}
}


@media (min-width:992px) and (max-width:1199px) {
    .col-right ul li a {  padding: 15px 4px;font-size: 14px;}
    .header-icon svg { width: 20px;  height: 20px;}
}
 
@media (min-width:992px)  {
    .header-bottom .bg-light { background-color: transparent !important;}
    .header-bar {display: none;}
}

@media (max-width:991px)  {
    .col-right {  position: absolute;background: #281e1f; width: 250px; padding: 0px 20px 20px 0px; margin: 0; top: 110px; text-align: left; right: 0; z-index: 999;}
    .col-right ul li { display: block; text-align: left; width: 100%; display: flex; align-items: center; justify-content: start;}
    .col-right {display: none;}
    .header-bottom .nav-item a { color: #000 !important}
    .header-bottom .header-menu { justify-content: start;}
    .header-bottom .navbar {  padding: 0;  border-radius: 5px;}
    .header-bottom .container-fluid {padding: 10px;border-radius: 5px;}
    .header-bottom  .header-menu .navbar-nav li a {padding: 10px 5px !important; text-align: left;}
    .header-top .header-top-icons { justify-content: flex-end; column-gap: 15px;}
    .icon-rightarrow svg {fill: #fff; width: 15px; height: 15px;}
    .icon-rightarrow { display: block; margin-bottom: 3px;}
    .header-top-heading { visibility: visible; display: flex; align-items: center; justify-content: center; column-gap: 5px;}
    .our-section .row {row-gap: 25px;}
    .our-quotes-form .container {  padding: 00; margin: 0; text-align: left;}
}












@media (max-width:767px) {
    .header-menu { justify-content: start;}
    .banner-main .banner-content-main { flex-direction: column;align-items: center;text-align: center; justify-content: center;row-gap: 20px;}
    .banner-main .banner-text { flex-direction: column; align-items: center; width: 100%;}
    .banner-main .banner-right {width: 100%;height: 250px;}
    .footer-bt-menu ul li a { justify-content: start; align-items: start; padding: 7px 15px; }
    .footer-bt-menu ul {display: inline-block; text-align: center;padding-left: 0; }
    .footer-bottom-text { text-align: center;}
    footer.footer-main .header-top-icons {height: auto ;}
    .row.footer-inner,.our-blog .row {row-gap: 25px;}
    .banner-main { padding-top: 10px;}
    .our-section .our-name a, .our-section .our-desgn a { font-size: 15px;}
    .entry-content {padding: 15px;}
    .entry-image-inr {width: 100%; height: 100%;}
    .entry-image-inr img {width: 100%; height: 100%; object-fit: cover;}
    .mdm-heading { font-size: 22px;  line-height: 28px;}
    .contactuspage form p {width: 100%;}
    .contactuspage .piano-text span { font-size: 18px;line-height: 24px;}



}


@media (max-width:369px) {
    .our-section .our-name a, .our-section .our-desgn a { font-size: 12px;}
}