/* ================= GLOBAL ================= */
*, html {scroll-behavior:smooth !important;}
html {scrollbar-gutter:stable;}
body {font-family:"Nunito", sans-serif; color:#222222;}
body.modal-open {padding-right:0px !important;}
h1, .h1 {margin-bottom:1rem;}
h2 {padding-bottom:20px;}
.container p, .container a {font-size:16px; line-height:24px;}

/* ================= HEADER ================= */
.default-header {position:fixed; background:#121c26; background:linear-gradient(90deg, rgba(18, 28, 38, 1) 0%, rgba(18, 35, 64, 1) 100%);}
.default-header nav .main-menu a {font-size:14px; color:#FFFFFF; font-weight:600;}
.default-header nav .main-menu a:hover {color:#0099cc;}
.header-social a {color:#FFFFFF;}
.header-social a:hover {color:#0099cc;}

/* ================= SECTIONS ================= */
.section-full {margin:0;padding:100px 0;}
.product-area-title, .section-title {padding-bottom:50px;}
/* .banner-area {background:none;} */
.banner-area .overlay-bg {background:#121c26; background:linear-gradient(90deg, rgba(18, 28, 38, 1) 0%, rgba(18, 35, 64, 0.8) 100%);}
.services {background:#121c26; background:linear-gradient(90deg, rgba(18, 28, 38, 1) 0%, rgba(18, 35, 64, 1) 100%);}
section#protfolio {padding-bottom:0;}
.gray-bg {background:#f0f0f0;}

/* ================= COMPONENTS ================= */
.primary-btn {border-color:#0099cc; border-radius:2px; padding:10px 40px;}
.primary-btn:hover {background-color:#0099cc;}

/* ================= COMPONENTS : PORFOLIO ================= */
.single-product {border-bottom:none; padding:30px 20px; background-color:#0099cc; color:#FFFFFF;}
/* .single-product:hover {background: unset !important;} */
.single-product .icon span, .single-product .desc h4 {color:#FFF;}
.signle-service img.img-fluid {width:100%;}
.single-filter-content.content-1 {background:url(../img/porftolio-wed-website-2026.png) no-repeat center center; background-size: cover;}
.single-filter-content.content-2 {background:url(../img/porftolio-wdc-rollers-2026.png) no-repeat center center; background-size: cover;}
.single-filter-content.content-3 {background:url(../img/porftolio-wdc-businesscards-2026.png) no-repeat center center; background-size: cover;}
.single-filter-content.content-4 {background:url(../img/porftolio-jugnubhangra-2026.png) no-repeat center center; background-size: cover;}
.single-filter-content.content-5 {background:url(../img/porftolio-chauffeur-local-website-2025.png) no-repeat center center; background-size: cover;}
.single-filter-content.content-6 {background:url(../img/porftolio-local-records-website-2025.png) no-repeat center center; background-size: cover;}
.single-filter-content.content-7 {background:url(../img/porftolio-bt-flyer-2025.png) no-repeat center center; background-size: cover;}
.single-filter-content.content-8 {background:url(../img/porftolio-debenhans-website-2026.png) no-repeat center center; background-size: cover;}
.single-filter-content .overlay-bg-content {background:#0099cce0;}
.single-filter-content .overlay-bg-content .line {background:#FFF;}
.btn-modal {margin-top:20px; text-transform:uppercase; font-size:14px; font-weight:700;}
.btn-modal:hover {cursor:pointer;}
.btn-modal, .btn-modal:active, .btn-modal:focus {outline:none; box-shadow:none;}
.modal-content .title {font-weight: 700;}
.modal-open .modal-backdrop {backdrop-filter: blur(5px);background-color: rgba(0, 0, 0, 0.5);opacity: 1 !important;}
.modal-content {border-radius: initial;}
.modal a {text-decoration: underline;}
.modal a:hover {text-decoration: none;}
.modal .btn-danger, .modal button.close {cursor: pointer;}
.img-thumbnail {background-color: unset; border: initial;}
button.close:focus{outline: none;}

/* ================= FORM ================= */
.single-input input, .single-input textarea {border:1px solid #c1c1c1; font-size:18px;}
.single-input input:focus, .single-input textarea:focus {border:1px solid #8a8484; box-shadow:none;}
button.mt-10.primary-btn.d-inline-flex.text-uppercase.align-items-center {width:100%;justify-content: center;}
#contact a{text-decoration: underline;}
#contact a:hover{text-decoration: none;}

/* ================= FOOTER ================= */
footer {background:#121c26; background:linear-gradient(90deg, rgba(18, 28, 38, 1) 0%, rgba(18, 35, 64, 1) 100%);}
footer .container p, footer .container a {font-size:13px; line-height:initial;}
footer .footer-nav li {margin-top:0;}
footer .footer-nav li a:hover, footer .footer-social a:hover, footer .footer-bottom .footer-text a:hover {color:#0099cc;}
.single-footer-widget, .single-footer-widget a,.single-footer-widget p,.footer-nav, .footer-nav a {color:#FFF;line-height:28px!important;}
.single-footer-widget a, .footer-nav a {border-bottom:1px dotted #FFF;}
.single-footer-widget a:hover, .footer-nav a:hover {border-bottom:1px dotted #0099cc;color:#0099cc;}
.footer-bottom {color: #FFFFFF;}
.footer-social a {color: #FFFFFF;}

/* ================= LEGAL ================= */
#faq p{ margin-bottom:0;padding: 0.75rem 0;}
#faq ul li{ font-size: 16px;}
#faq ul {list-style-type: disc;padding: 0 0 0 40px;}
#faq a{text-decoration: underline;}
#faq a:hover{text-decoration: none;}
#terms-of-use p{ margin-bottom:0;padding: 0.75rem 0;}
#terms-of-use ul li{ font-size: 16px;}
#terms-of-use ul {list-style-type: disc;padding: 0 0 0 40px;}
#privacy-policy p{ margin-bottom:0;padding: 0.75rem 0;}
#privacy-policy ul li{ font-size: 16px;}
#privacy-policy ul {list-style-type: disc;padding: 0 0 0 40px;}
#privacy-policy a{text-decoration: underline;}
#privacy-policy a:hover{text-decoration: none;}

.is-sticky .sticky-header {
	background: -moz-linear-gradient(90deg, rgba(18, 28, 38, 1) 0%, rgba(18, 35, 64, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(18, 28, 38, 1) 0%, rgba(18, 35, 64, 1) 100%);
	background: linear-gradient(90deg, rgba(18, 28, 38, 1) 0%, rgba(18, 35, 64, 1) 100%);
}

/* ================= MEDIA QUERIES ================= */
@media (max-width: 767px) {
	.default-header .mobile-btn {position:fixed; top:20px; right:20px;}
	.default-header .main-menu {position: fixed;background: #12213b;padding: 30px 20px;width: 100%;left: 0;top: 0;height: 100vh;}
	.section-full{padding-top: 100px;}
	.default-header{height:81px;}
	.is-sticky .sticky-header {
		background: -moz-linear-gradient(90deg, rgba(18, 28, 38, 1) 0%, rgba(18, 35, 64, 1) 100%);
		background: -webkit-linear-gradient(90deg, rgba(18, 28, 38, 1) 0%, rgba(18, 35, 64, 1) 100%);
		background: linear-gradient(90deg, rgba(18, 28, 38, 1) 0%, rgba(18, 35, 64, 1) 100%);
	}
}