/*Common CSS */
body{font-family: 'Poppins', sans-serif; font-weight:normal; font-size:19px; line-height:1.7; color:#777; overflow-x: hidden;}
a{ color:#004c61; text-decoration:none;}
a:hover{ color:#000;}
a:focus{ outline:none;}

.heading, .sub-heading{font-size:36px; line-height:1.2; color:#146cb4; margin:0 0 30px; font-weight:600; text-align:center}
.sub-heading{font-size:26px; color: #666; margin-bottom:20px; font-weight:500}

.heading2{font-weight:400; color:#074960}
.heading2 strong{ color:#146cb4;}

.heading .heading{ margin-bottom:10px;}
.heading .sub-heading{ margin-bottom:0;}

p, .mb{ margin-bottom:30px;}
.style{margin:0 0 20px 0;}
.style li{list-style:disc; margin:0 0 10px 20px; line-height:26px}
.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{ max-width:100%}
.container{ max-width:1170px;}
section{ padding:100px 0px 70px}

.social a{margin:0 2px;}
.social strong{ color:#4e4e4e}
.social img{ max-height:50px}
.imgcurve{ border-radius:80px 0 80px 0}

.form-control,.btn, .form-select{ border-radius:0px; font-size:15px;}
.form-control:focus, .btn:focus,.form-select:focus, .accordion-button:focus{ box-shadow:none!important;}
.btn-block{ width:100%}

.btn-blue{background:#146cb4; color:#fff; min-width:250px; display:inline-block; padding:12px 20px; text-align:center; font-weight:600; text-transform:uppercase; border-radius:40px; transition:all .3s ease-in-out}
.btn-blue:hover{ background:#333; color:#fff;}
/*Common CSS */

header{ border-bottom:1px solid #ddd}
.top-row{ background:#06163a; padding:10px 0}
.top-row .sub-heading, .top-row .sub-heading a{ color:#fff; line-height:1.2; margin-bottom:0; font-size:20px}
.logo-area{ padding:10px 0; position:relative}

.top-nav .sub-heading{ position:absolute; top:0; right:0; background:#146cb4; margin:0; font-size:15px; color:#fff; padding:10px 15px 10px 50px; clip-path: polygon(0 0, 100% 0, 100% 100%, 3% 100%);}

/* Start Navbar */
.top-menu{ margin-top:40px;}
.navbar-dark{ padding:0;}

.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; font-size:16px; font-weight:500; padding:8px 12px; 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:#146cb4;}
.navbar-dark .navbar-nav .nav-item:last-child .nav-link:hover{ background:#146cb4; 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:#051ca2!important; color:#fff!important;}
/* End Navbar */

.banner{ background:url(../img/packers-movers-service-delhi-ncr.jpg) top center no-repeat fixed; background-size:cover; padding:80px 0}
.residential-packers{ background:url(../img/residential-packers-movers-delhi-ncr.jpg) top center no-repeat fixed; background-size:cover;}
.commercial-packers{ background:url(../img/commercial-packers-movers-lucknow.jpg) top center no-repeat fixed; background-size:cover;}
.contact-us{ background:url(../img/contact-anytime-house-movers.jpg) top center no-repeat fixed; background-size:cover;}

.contact-form{ background:rgba(255,255,255,.85); padding:25px; box-shadow:0 0 3px #ccc; border:1px solid #ccc;}
.contact-form .sub-heading{ background:#146cb4; color:#fff; margin: -25px 0 25px 0; padding:5px 15px; clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);}

.our-service{ padding:80px 0 0}
.our-service .heading{ color:#333}

hr.bdr{ width:60%; height:4px; background:#444; border:none; display:table; margin:80px auto 50px}

.testi{border: 1px solid #ddd;padding:15px 20px 15px;margin: 0 5px 20px; box-shadow: 0 1px 5px rgba(0,0,0,0.2);border-radius: 18px;}
.testi .sub-heading{ text-align:left; color:#4c4c4c; border-bottom:1px solid #4e4e4e; padding-bottom:5px; margin-bottom:15px}
.review-social{text-align:right; background:url(../img/5star.png) top right no-repeat; color:#4c4c4c; background-size:120px; padding-top:22px; margin-bottom:0}
.review-social strong{ display: block; font-weight:bold}

.testi .comment .shortcontent{ display: inline}
.testi .comment .shortcontent span{ display:inline-block}
.testi .comment .shortcontent span a{ color:#146cb4}

.home-reviews{ position:relative; background:#ddd url(../img/dtc-cargo-movers-packers-reviews.jpg) center fixed; padding-bottom:60px; background-size:cover; text-align:center; color:#030303; box-shadow:3px 3px 12px #333 inset}
.home-reviews::before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,.7); z-index:1}
.home-reviews > div{ position:relative; z-index:2}
.home-reviews .heading{ color:#333}
.home-reviews .sub-heading{ font-weight:600; color:#4c4c4c; border-bottom:none; text-align:center}
.home-reviews .review-slider{ padding:0; box-shadow:none; border:none}
.home-reviews .review-slider .review-social{background:url(../img/5star.png) top center no-repeat; color:#030303; text-align:center; margin-bottom:30px;}

.service-area{ padding:80px 0}
.contact-info .heading{ margin-bottom:50px}
.contact-info p{ line-height:1.3; margin-bottom:40px}
.contact-info p strong{ color:#4e4e4e; display:block; margin-bottom:5px}
.contact-info p a{ color:#777}
.contact-info p a:hover{ color:#000}

/* 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 .heading{font-size:32px; color:#004c61;}
/* modad contact */

footer{ background:#146cb4; color:#fff; padding:30px 0px 20px 0px; font-size:16px; line-height:1.5}
footer a{ color:#fff; text-decoration:none!important}footer a:hover{ color:#fff;}
.footer-links a{ padding:2px 10px; display:inline-block}

footer p{ margin-bottom:5px}
footer p img{ vertical-align: inherit; max-width:100%}
.copyright{ text-align:right}.copyright a{ color:#e9f2f5}.copyright a:hover, .fmenu a:hover{ color:#fff}

#back-to-top{position:fixed; bottom:10%; right:2%; background:#146cb4; padding:5px; transition:.5s; z-index:1000}
#back-to-top:hover{background: #074960;}

@media (max-width: 1199.98px) {
.heading{font-size:30px;}
.sub-heading{font-size:20px;}

.heading br, .sub-heading br{ display:none}

/* Start Navbar */
.navbar-dark .navbar-nav .nav-item .nav-link{ padding:8px 5px; font-size:15px}
/* End Navbar */

.footer-links a, .copyright{ font-size:13px;}
.footer-links a{ padding:2px}

}

@media (max-width: 991.98px) {
section {  padding: 50px 0px 20px;}

.heading{font-size:28px;}
.sub-heading{font-size:18px;}

.logo-area .logo img{ max-height:50px; display:table; margin:0px auto 15px;}
.logo-area .top-nav .sub-heading{ background:#ddd; color:#333; position:relative; top:inherit; clip-path:none}

/* Start Navbar */
.top-nav{ padding:0}
.top-menu{ margin-top:15px; background:#000; padding:10px 0; margin-left:}
.navbar-dark{ padding:0;}
.navbar-dark .navbar-nav .nav-item .nav-link{ padding:8px 6px; color:#fff;}
.navbar-dark .ms-auto{ margin:inherit!important}
/* End Navbar */
.our-service{ padding:50px 0 0}
}

@media (max-width: 767.98px) {
.heading{font-size:26px;}

hr.bdr{margin:50px auto 50px}
.top-row .sub-heading, .top-row .sub-heading a{ font-size:18px}

.logo-area{ padding-bottom:0}
.logo-area .top-nav .sub-heading{ margin-bottom:10px}

/* Start Menu css */
.top-menu{background:#020202; margin:0; padding:0;}
.navbar-toggler{ padding:.50rem .75rem}
.navbar-dark{ padding:0!important;}
.navbar-dark .navbar-brand{ display:block}
.navbar-dark .navbar-nav{ margin-bottom:0!important}
.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}

.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 */


.banner{ background:#ddd; padding:0 0 50px}
.banner img{ margin-bottom:40px}

.home-reviews{ background-position: 0% 0%; box-shadow:none}
.service-area{ padding:50px 0 0px}

footer{ padding:20px 0px 20px 0px}
.footer-links, .copyright{ text-align:center}
.copyright{ border-top:1px solid #fff; margin-top:10px; padding-top:10px}
}