/* common css */
body{font-family: 'Open Sans', sans-serif; font-weight: normal; font-size:16px; line-height:1.5; color:#222; overflow-x:hidden; padding-bottom:60px}
a{ color:#1c7eda; text-decoration:none}
a:hover{ color:#000 ; text-decoration:none}
a:focus{ outline:none}

.heading, .sub-heading{font-family: 'Catamaran', sans-serif; font-size:35px; color:#000; margin-top:0px; margin-bottom:25px; font-weight:600; text-align: center; }
.sub-heading{font-size:30px; margin-top:0; margin-bottom:15px;}

div.heading{ margin-bottom:30px;}
div.heading .heading{ margin-bottom:0;}
div.heading .sub-heading{ font-size:24px; margin-top:5px; margin-bottom:0; color:#333}

ul{ list-style:none; padding:0}
.style{margin:0 0 20px 0;}
ul.style li{list-style:disc; margin:0 0 10px 20px; line-height:20px}
ul.style ul{ margin-top:10px}
ul.style li a{ text-decoration:underline;}
ul.style li a:hover{ text-decoration:none}
.style .style li{list-style:circle;}
ol.style li{list-style:decimal; margin:0 0 10px 0px; font-size:12px; font-size:15px; line-height:20px}
ol.style li ul li{list-style:disc; margin:0 0 5px 30px;}
.style li.heading{list-style:none; font-size:16px; line-height:20px; font-weight:bold; border-bottom:none; margin:0 0 5px 0; padding:0;}

.left{float: left;} .right{float: right;} .clear{clear: both;}
img.right {float: right;margin: 5px 0 20px 15px;}
img.left {float: left; margin: 5px 20px 5px 0;}
img{ max-width:100%;}
.container{ max-width:1170px;}

.form-control,.btn, .form-select{ border-radius:3px}
.form-control:focus, .btn:focus,.form-select:focus, .accordion-button:focus{ box-shadow:none!important;}
.btn-block{ width:100%}

.bg-gray{background:#f1f1f1!important;;}
.no-padding{ padding:0!important;}
.padding-top-0{ padding-top:0!important;}
.padding-bottom-0{ padding-bottom:0!important;}
/* common css */

.headerfixed{ background:#fff; box-shadow:0 8px 6px -6px #000; padding:20px 0;  position: fixed; left:0; right:0; top:0; z-index:800; transition:all .3s ease-in-out}
.clearheader{ margin-top:124px}
.logo img{ max-height:90px}
.header-contact { text-align:right}
.header-contact a{ font-size:24px; color:#000; font-weight:bold; display: inline-block; margin:0px auto; background: url(../img/icon-phone.png) left center no-repeat; padding-left:25px;}

/* Start Menu css */
.navbar-dark{background: none; z-index:500; padding:0}
.navbar-dark .navbar-toggler{ border:none; color:#fff; }
.navbar-dark .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.99)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-dark .navbar-toggler:focus{box-shadow: none}
.navbar-dark .navbar-toggler .open-menu{ font-size:15px;}
.navbar-dark .navbar-brand{ display:none}
.navbar-dark .navbar-nav .nav-item .nav-link{text-align:center; color:#000; font-size:15px; padding:8px 8px; text-transform:uppercase}
.navbar-dark .navbar-nav .nav-item .nav-link.two{line-height:16px; padding:6px 8px;}
.navbar-dark .navbar-nav .nav-item .nav-link.current{ color:#2d7a4f; font-weight:bold}

.dropdown-toggle::after { display: none}
.dropdown-item{ line-height:18px; padding:5px 1rem; font-size:14px; }
.dropdown-item:hover, .dropdown-item:focus{ background:#681720!important; color:#fff;}
.dropdown-item.current{ background:#681720!important; color:#fff!important;}
/* End Menu css */

.headerfixed.sticky{ padding:10px 0;}

/* Start Banner */
.home-banner{ background: url(../img/packers-movers-gurgaon.webp) center no-repeat; background-size:cover; padding:60px 0 0; color:#fff; margin-bottom:60px; position:relative}
.home-banner:before{ content:""; position:absolute; top:0; left:0; right:0; height:100%; background:rgba(45,122,80,.8); z-index:1}
.home-banner > div{ position:relative; z-index:2}
.home-banner .heading{color:#fff; text-align:left; margin-bottom:10px; font-size:42px; font-weight:700}
.home-banner .sub-heading{text-align:left; font-size:18px; font-weight:bold; color:#fff; }

.main-home-form{ background: rgba(2,79,36,.85); padding:30px 30px 10px; border-radius:15px; box-shadow:0 0 10px #ccc; margin-bottom:60px}
.main-home-form .heading{color:#fff; font-size:18px; margin-bottom:20px; text-align:center}
.main-home-form .form-control{ background: #fff; border-color:#fff; color:#000; transition:all .3s ease-in-out}
.main-home-form .form-control::placeholder{ color:#a9acaaa}
.main-home-form .form-control:focus{ color:#333; border-color:#fff;}
.main-home-form .btn-black{ background:#000; color:#fff;}
.main-home-form .btn-black:hover, .main-home-form .btn-black:focus{ box-shadow:none; background:#ea4252}
.main-home-form select.form-control option{ background:#fff; color:#000}

.common-banner{ background:url(../img/local-packers-movers-gurgaon.webp) center no-repeat; background-size:cover; padding:60px 0; margin-bottom:60px}
.common-banner .heading{ margin-bottom:0; color:#fff;}

.household-shifting{ background:url(../img/household-shifting.webp) center no-repeat; background-size:cover;}
.house-shifting-service{ background:url(../img/urban-house-shifting-service.webp) center no-repeat; background-size:cover;}
.car-shifting{ background:url(../img/car-shifting.webp) center no-repeat; background-size:cover;}

.satisfaction{ background:rgba(0,0,0,.8); padding:10px 0}
.satisfaction img{ display:inline-block; margin-right:5px}
/* Start Banner */

.social{ margin-bottom:30px}
.social strong{ margin-bottom:5px;}
.social img{ max-height:42px}

.main-content{ padding:60px 0 40px}
.main-content p{ margin-bottom:30px}

.about-us{ padding:60px 0px 70px; background:url(../img/shadow-top.png) bottom center no-repeat; margin-bottom:60px}

.home-faq-reviews{ padding:60px 0; padding:60px 0px 70px; background:url(../img/shadow-top.png) bottom center no-repeat; margin-bottom:60px}
.border-handle{ text-align:left; background: url(../img/border-handle.png) left bottom no-repeat; padding-bottom:10px}

.whatweare{ padding:60px 0px; background:#ddd;}
.process{ position:relative; text-align:center}
.process:after{content: ""; position: absolute; width: 100%; height: 50%; top: 35px; right: -75px; background-image: url(../img/step-01.png); background-position: right 0;background-repeat: no-repeat; z-index:1}
.process:last-child:after{ display:none}
.process span{ display:table; width:100px; height:100px; line-height:95px; background:#1f1f1f; border-radius:50%; margin:0px auto 10px}
.process:hover span{ background:#d71515}
.process:hover strong{position:relative; z-index:2;}

.service-area{ background: url(../img/service-area-bg.webp) center no-repeat; background-size:cover; padding:60px 0 40px; color:#fff; position:relative}
.service-area:before{ content:""; position:absolute; top:0; left:0; right:0; height:100%; background:rgba(0,0,0,.8); z-index:1;}
.service-area > div{ position:relative; z-index:2}
.service-area .heading{ font-size:20px; color:#fff; position:relative; text-align:left; padding-bottom:10px;}
.service-area .heading:before{ position:absolute; content:""; width:100px; height:1px; background:#fff; bottom:0; left:0}
.service-area ul li{ list-style:none; padding:0; margin:0px 0px 10px}
.service-area ul li a{ text-decoration:none; color:#fff; background:url(../img/arrow-right.png) left center no-repeat; padding-left:15px}

.call-us{ margin-top:50px}
.heading-bordered-center{ background:url(../img/heading-border-center.png) bottom center no-repeat; padding-bottom:15px; margin-bottom:30px}

/* Inner CSS */
.ten-resons{ border:1px solid #010829; border-radius:5px; overflow:hidden; margin-bottom:30px}
.lhs .sub-heading{ background:#010829; padding:10px; color:#fff; font-size:18px;}

.recent-enquiry{ border:1px solid #010829; border-radius:5px; overflow:hidden;}
.recent-enquiry .sub-heading{margin-bottom:0}
.lhs .flash > div{ padding:15px; font-size:14px;}
.lhs .flash > div p{ margin-bottom:15px}

.btn-blue{ padding:5px 10px; border-radius:3px; background:#7c040a; color:#fff; transition:all .3s ease-in-out}
.btn-center{ display:table; margin:0px auto}
.btn-blue:hover{ color:#fff; background:#010829}

.inner-reviews{ background:#eee url(../img/reviews-bg.webp) center no-repeat; background-size:cover; padding:60px 0px 40px; margin-bottom:60px}
.inner-reviews .testi .reviewe{ color:#fff }

.contact-form{ background:url(../img/house-shifting-service.webp) left center no-repeat; padding:20px; color:#fff;}
.contact-form .sub-heading{ font-size:26px; color:#fff; margin-bottom:5px;}
.rhs .contact-form{ border:1px solid #ddd;}
.rhs .contact-form .sub-heading, .rhs .contact-form, .rhs .contact-form a{ color:#000;}
.rhs .contact-form .btn-black{ background:#2d7a4f; color:#fff;}
.rhs .contact-form .btn-black:hover{ background:#000}

.lhs p a{ color:#000}
/* Inner CSS */

#back-to-top{position:fixed; bottom:15%; right:2%; background:#c11a2a; padding:5px; transition:.5s; z-index:1000; border-radius:50%;}
#back-to-top:hover{background: #d71427;}
footer{ font-size:14px; background:#fff; border-top:1px solid #333; color:#333; text-align:center; padding:10px 0}

.bottom-cta{position:fixed; bottom:0; left:0; width:100%; display:flex; z-index:9999; max-width:450px; left:50%; transform:translateX(-50%); border-radius:10px 10px 0 0; overflow:hidden;}
.bottom-cta a{width:50%; text-decoration:none; color:#fff; text-align:center; padding:15px 10px; font-size:18px; font-weight:600; display:flex; justify-content:center; align-items:center; gap:10px;}
.call-btn{background:#0d6efd;}
.whatsapp-btn{background:#25D366;}
.bottom-cta a:hover{opacity:0.9;}


@media (max-width: 1199.98px) {

/* Start Menu css */
.navbar-dark .navbar-nav .nav-item .nav-link{ font-size:13px; padding:10px 5px;}
.navbar-dark .navbar-nav .nav-item .nav-link.two{padding:7px 5px;}
/* End Menu css */
}

@media (max-width: 991.98px) {
.heading{ font-size:28px}
.sub-heading{ font-size:22px;}

.heading br, .sub-heading br{ display:none}

div.heading.taging .heading{ font-size:16px;}
div.heading.taging .sub-heading{ font-size:22px;}

header{ padding-bottom:0}
.headerfixed{ padding-bottom:0}
.logo a, .header-contact a{ display:table; margin:0px auto 10px}

/* Start Menu css */
.top-nav{ background:#f2f2f2}
.navbar-dark .navbar-nav .nav-item .nav-link{ font-size:15px; padding:10px 5px;}
.navbar-dark .navbar-nav .nav-item .nav-link.two{ padding:6px 5px;}
.dropdown-item{ font-size:14px;}
/* End Menu css */

.home-banner .heading{ font-size:30px;}
.main-home-form .heading{ font-size:18px}

.satisfaction{ text-align:center; padding:20px 0 0px; line-height:16px}
.satisfaction .row .col-md-6{ margin-bottom:20px}
.satisfaction img{ display: table; margin:0px auto 5px;}

.process::after { background-size:60%; right:-59px}

}

@media (max-width: 767.98px) {
.heading{ font-size:24px}
.sub-heading{ font-size:18px; font-weight:bold}

.headerfixed, .headerfixed.sticky{ padding-bottom:0}
.clearheader{ margin-top:160px}
/* Start Menu css */
.top-nav{ background:#418e1b; padding:0}
.navbar-toggler{ padding:.50rem .75rem}
.navbar-dark .navbar-brand{ display:block}
.navbar-dark .navbar-nav .nav-item .nav-link, .navbar-dark .navbar-nav .nav-item .nav-link.two{ color:#000; font-size:16px; line-height:19px; padding:10px 15px; border-bottom:1px solid #959595; text-align:left}
.navbar-dark .navbar-nav .nav-item .nav-link:hover{ color:#0014a2}
.navbar-dark .navbar-nav .nav-item .nav-link.two br{ display:none;}

.dropdown-toggle::after { display: inline-block}
.dropdown-item{ font-size:15px;}
.dropdown-item br{ display:none}

.navbar-dark .navbar-nav{ background:#ddd;}
.navbar-dark .navbar-nav .nav-item:last-child .nav-link{ border-bottom:none;}
/* End Menu css */

.home-banner { padding-top:30px}
.home-banner .heading, .home-banner .sub-heading{ text-align:center}
.home-banner .heading{ font-size:22px; text-align:center}
.main-home-form .heading{ font-size:18px}
.main-home-form{ margin-bottom:20px}

.about-us{ padding:60px 0px 30px; margin-bottom:30px}

.whatweare{ padding-bottom:20px}
.process{ margin-bottom:40px}
.process::after { display:none}

.bottom-cta a{ font-size:15px;}
}