/* Start common CSS */
body{ font-family: 'Poppins', sans-serif; font-size:16px; font-weight:300; line-height:1.2; color:#626a77;}
html{scroll-padding-top:130px;}
a{ color:#626a77; text-decoration:none;}
a:hover{ color:#000;}
a:focus{ outline:none;}

.heading, .sub-heading{font-family: 'Barlow Condensed', sans-serif; color:#333; font-size:50px; font-weight:600; line-height:1.2; text-align:center; margin-bottom:10px;}
.sub-heading{ font-size:36px; color:#666; font-weight:500}

.heading .heading{ font-size:45px; margin-bottom:0px;}
.heading .sub-heading{ color:#000; margin-bottom:0; font-size:30px}

a.button, a.button:focus{background: #f4cf3e; font-family: 'Barlow Condensed', sans-serif; font-size: 28px; line-height: 1.2; font-weight: 400; padding: 10px 25px 12px; margin:8px 6px 30px; color: #000; text-decoration: none; display: inline-block; border-radius: 50px; text-transform: uppercase; transition:all .3s ease-in-out}
a.button.white, a.button.white:focus{background: #fff; color: #f4cf3e;}
a.button:hover{background: #000; color: #fff;}

b, strong{font-weight: 600;}

.rounded{ border-radius:80px 0 80px 0!important}

p{ line-height:1.5}
p, .mb{ margin-bottom:20px;}
.style{margin:0 0 20px 0;}
.style li{list-style:disc; margin:0 0 10px 20px; line-height:1.2}
.style ul{ margin-top:10px}
.style li a{ text-decoration:underline;}
.style li a:hover{ text-decoration:none}
.style .style li{list-style:circle;}
ol.style li{list-style:decimal;}
ol.style li ul li{list-style:disc;}

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

.social{ text-align:center; margin-bottom:20px}

.bullet-groups{ margin-bottom:15px}
.bullet-groups .style{ margin-bottom:0px}

.form-control{ border-radius:30px; padding:10px 20px; color:#7c8189; margin-bottom:15px; background:#f0f3f7; border:none}
.form-control:focus{ background:#fff; color:#7c8189; box-shadow:1px solid red}
/* End Common css */
.top-row{ background:#0b4da0; padding:10px 0}
.top-row .sub-heading{ font-size:22px; color:#fff; margin-bottom:0; line-height:1}
.top-row a{ display:inline-block; padding:5px 0px 5px 25px; margin-left:20px; font-size:18px; color:#fff}
.top-row a.phone{ background:url(../img/help-line.png) left center no-repeat; margin-left:0}
.top-row a.email{ background:url(../img/email.png) left center no-repeat;}
.discount{ text-align:left} .header-contact{ text-align:right}

header{ padding:20px 0}
.logo img{ max-height:80px}

/* Start Menu css */
.navbar-brand{ font-size:15px; display:none}
.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{ border:none; color:#fff; }
.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:#777; padding:12px 20px; transition:all .3s ease-in-out}
.navbar-dark .navbar-nav .nav-item:last-child .nav-link{ background:#074960; border-radius:5px; color:#fff}
.navbar-dark .navbar-nav .nav-item .nav-link:hover, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link.current{ color:#fd0002;}
.navbar-dark .navbar-nav .nav-item:last-child .nav-link:hover{ background:#de0909; color:#fff}

/*.dropdown-toggle::after { display: none}*/
.dropdown-menu{ min-width:12rem}
.dropdown-menu .nav-item.dropdown .nav-link{text-transform:none; font-size:14px; text-align:left; padding:5px 1rem; color:#212529}
.dropdown-item{ line-height:18px; padding:5px 1rem; font-size:14px; }
.dropdown-item:hover, .dropdown-item:focus, .dropdown-menu .nav-item.dropdown .nav-link:hover{ background:#2c4284!important; color:#fff;}
.dropdown-item.current{ background:#fd0002!important; color:#fff!important;}
/* End Menu css */

.home-banner{ background:url(../img/drl-packers-movers-delhi-ncr.jpg) bottom center no-repeat; background-size: cover; position: relative; padding: 120px 0; text-align: right; clip-path: polygon(0 0, 100% 0%, 100% 95%, 0% 100%); min-height:450px}
.home-banner::before{background: rgba(0, 0, 0, .62); position: absolute; width:100%; height: 100%; left: 0; top: 0; bottom: 0; content: ""; z-index: 0;}
.banner-text{position: relative; display: inline-block; z-index: 1; width: 70%; margin-right: 50px;}
.banner-text .heading, .banner-text .sub-heading{text-align: right; color: #fff; margin-bottom: 10px; line-height: 1.2; text-shadow: 0 0 3px #313131;}
.banner-text .heading strong{display: block;}
.banner-text .heading{font-size: 60px; font-weight:500}
.banner-text .sub-heading{font-size: 44px; font-weight:500}

.inner-banner{ background:url(../img/drl-packers-movers-delhi-ncr.jpg) bottom center no-repeat; background-size: cover; position: relative; padding: 80px 0 120px; text-align: right; clip-path: polygon(0 0, 100% 0%, 100% 95%, 0% 100%); min-height:200px}
.inner-banner::before{background: rgba(0, 0, 0, .62); position: absolute; width:100%; height: 100%; left: 0; top: 0; bottom: 0; content: ""; z-index: 0;}
.inner-banner > div{position: relative; z-index: 1; color:#fff;}
.inner-banner .heading, .inner-banner .sub-heading{ color:#fff}

.packers-movers-service{ background:url(../img/packers-movers-aligarh.jpg) center no-repeat;}
.residential-commercial-shifting{background:url(../img/residential-commercial-shifting-moving.jpg) bottom center no-repeat;}
.car-bike-relocation-service{background:url(../img/car-bike-relocation-shifting.jpg) bottom center no-repeat;}
.logistic-service{background:url(../img/logistic-servive-delhi-ncr.jpg) bottom center no-repeat;}
.contact-us{background:url(../img/drl-packers-movers-delhi-ncr.jpg) bottom center no-repeat;}


section{ padding:80px 0 50px}
.welcome-container{ padding-bottom:80px}

/* Start mian service */
.main-service{ background:#f8f8f8; padding-bottom:50px}
.main-service .heading{ margin-bottom:30px}
.main-service a{ text-decoration:none; text-align:center; display:block; position:relative;}
.main-service a img{display:table; margin:0px auto}
.main-service a .sub-heading{ position:absolute; bottom:-30px; left:0; right:0; font-size:20px; background:#3eac37; color:#fff; padding:15px;}
.main-service a .sub-heading:after{content: ''; position: absolute; left: 43%; bottom: 100%; width: 0; height: 0; border-bottom: 15px solid #3eac37; border-left: 15px solid transparent; border-right: 15px solid transparent; clear: both;}
.main-service a:hover .sub-heading{background:#fd0002;}
.main-service a:hover .sub-heading:after{ border-bottom: 15px solid #fd0002;}
/* End mian service */

.home-contact-form{ margin-top:-150px; position:relative; z-index:1000}
.home-contact-form .contact-form{ border:none; background-color: #fff; box-shadow: 0px 30px 60px 0px rgba(2, 25, 55, 0.08); border-radius: 10px; padding: 45px 40px 40px;}
.contact-form{ padding:10px 10px 30px 10px; text-align: center; background:#f8f8f8; border:1px solid #ddd; margin-bottom:20px; min-height:450px}
.contact-form .sub-heading{ color:#333; margin-bottom:20px}

/* modad contact */
.modal-body .btn-close{position:absolute; top:5px; right:5px; font-size:18px;}
.modal-body .btn-close:focus{ box-shadow:none}
.modal .modal-body{color:#000; text-align:center}
.modal .modal-body a{ color:#000}
.modal .modal-body a:hover{ color:#000}
.modal .contact-form{ background:none; border:none}
.modal .contact-form .heading{ font-size:26px; margin-bottom:10px}
/* modad contact */

/* process */
.whatweare{background:#ddd url(../img/how-we-work.jpg) top center no-repeat; background-size:cover; position:relative; color:#fff; padding-bottom:80px}
.whatweare:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.85); z-index:1}
.whatweare > div{ position:relative; z-index:2}
.whatweare div.heading{ color:#fff; margin-bottom:40px}
.whatweare div.heading .heading, .whatweare div.heading .sub-heading{ font-size:18px; color:#fff; margin-bottom:0px}
.whatweare div.heading .sub-heading{ margin-bottom:0; font-size:26px; line-height:30px}

.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:#fbac04; border-radius:50%; margin:0px auto 10px; transition:all .3s ease-in-out}
.process:hover span{ background:#dc241a}
.process:hover strong{position:relative; z-index:2;}
/* process */

.service-area{ background:#f2f2f2; padding:20px 0 10px}
.service-area .heading{ font-size:20px; text-align:center; color:#000;}
.service-area .style{ margin-bottom:10px; padding-left:0}
.service-area .style li span, .service-area .style li a{ font-size:13px}
.service-area .style li a{ text-decoration:none}

.service-area{ background:#333; background:url(../img/car-shifting-service.jpg) center no-repeat; background-size:cover; position:relative; padding:50px 0; color:#fff;}
.service-area:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:1}
.service-area div{ position:relative; z-index:2}
.service-area .sub-heading{ color:#fff; margin-bottom:20px}
.city-links .style a{ color:#ddd; text-decoration:none}
.city-links .style a:hover{ color:#fff}

.social{ text-align:center; margin-bottom:30px}
.social strong{ display:block; margin-bottom:5px;}
.social img{ max-height:42px}

footer{ background:#0b4da0; color:#fff; text-align:center; padding:10px 0; font-size:13px;}
footer a{ color:#fff}
footer a:hover{ text-decoration: underline; color:#f2f2f2}
.whatapp{ width:50px; position:fixed; z-index:1000; left:10px; bottom:30px}
.whatapp img{ max-width:100%}
.float-btn{ position:fixed; bottom:15%; right:0; z-index:1000}

.red-button{ position:fixed; bottom:15%; right:0; z-index:1000}
#back-to-top{position:fixed; bottom:4%; right:2%; background:#333; padding:5px; transition:.5s; z-index:1000}
#back-to-top:hover{background: #3eac37;}


@media (max-width: 1199.98px) {
.heading{ font-size:40px}
.sub-heading{ font-size:32px}

.heading .heading{ font-size:36px;}
.heading .sub-heading{ font-size:26px}

a.button, a.button:focus{ font-size:24px}

.top-row .sub-heading{ font-size:18px;}

.navbar-dark .navbar-nav .nav-item .nav-link{ padding:12px 15px}

.banner-text .heading{font-size: 50px;}
.banner-text .sub-heading{font-size: 45px;}
}

@media (max-width: 991.98px) {
.container{max-width:100%}
.heading{ font-size:36px}
.sub-heading{ font-size:28px}

.heading .heading{ font-size:30px;}
.heading .sub-heading{ font-size:22px}

header{ padding-bottom:0;}

.top-row a{font-size:15px}

.logo{ text-align:center; margin-bottom:20px}

.header-menu{ background:#fd0002; padding:0}
.navbar-dark .navbar-nav.ms-auto{ margin:0px auto}
.navbar-dark .navbar-nav .nav-item .nav-link{ color:#fff;}
.navbar-dark .navbar-nav .nav-item .nav-link:hover, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link.current{ color:#fff;}

section{ padding:50px 0 30px}

.banner-text .heading{font-size: 40px;}
.banner-text .sub-heading{font-size: 35px;}

.main-service a{ margin-bottom:40px}
.main-service a .sub-heading{ padding:5px; font-size:18px;}
}

@media (max-width: 767.98px) {
.discount, .header-contact{ text-align:center}
.discount{ margin-bottom:5px}

/* Start Menu css */
.navbar > .container{ padding:0}
.navbar-toggler{ padding:.10rem .75rem}
.navbar-dark .navbar-brand{ display:block}
.navbar-dark .navbar-nav .nav-item{ border:none}
.navbar-dark .navbar-nav .nav-item .nav-link{ color:#000; font-size:15px; line-height:19px; padding:10px 15px; border-bottom:1px solid #959595; text-align:left}
.navbar-dark .navbar-nav .nav-item:last-child .nav-link{ border-radius:0}
.navbar-dark .navbar-nav .nav-item .nav-link:hover, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link.current{ color:#000}

.dropdown-toggle::after { display: inline-block}
.dropdown-item{ font-size:14px;}
.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{ background:url(../img/drl-movers-aligarh.jpg) center bottom no-repeat; padding:60px 0; min-height:300px}
.banner-text{ width:95%; margin-right:5px}
.banner-text .heading{font-size: 32px;}
.banner-text .sub-heading{font-size: 22px;}

.packers-movers-service{ background:url(../img/house-shifting-service-aligarh.jpg) center no-repeat;}
.residential-commercial-shifting{background:url(../img/residencial-house-shifting-aligarh.jpg) center no-repeat;}
.car-bike-relocation-service{background:url(../img/car-bike-transportation-shifting.jpg) bottom center no-repeat;}
.logistic-service{background:url(../img/logistic-servive-aligarh.jpg) bottom center no-repeat;}

.home-contact-form{ margin-top:0px; border-top:5px solid #ddd}

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

/* Start footer css */
footer, .coytight{ text-align:center}
.coytight{ border-top:1px solid #ddd; margin-top:10px; padding-top:10px;}
/* End footer css */

}

@media (max-width: 575.98px) {

}