/* @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700;800;900&family=Roboto:wght@300;400;500;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap'); */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/RobotoSlab-Black.ttf') format('ttf');
    font-display: swap;
}
@font-face {
    font-family: 'Libre Franklin';
    src: url('../fonts/libreFranklin/LibreFranklin-Regular.ttf') format('ttf');
    font-display: swap;
}

:root {
    --primary-color: #ff8c44;
    --secondary-color: rgb(23, 38, 87);
    --third-color: #333;
    --fourth-color: #fff;
    --font-size: 15px;
}
body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #3d3d3d;
    overflow-x: hidden;
    font-size: var(--font-size);
    line-height: 1.7;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:focus,
input:focus,
textarea:focus,
button:focus,
.slick-initialized .slick-slide:focus,
.btn:focus,
select:focus {
    text-decoration: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input,
textarea,
button,
select {
    border: none;
}

input,
textarea,
select {
    width: 100%;
    background-color: transparent;
    padding: 0 20px;
    height: 45px;
    font-weight: 600;
    font-size: 13px;
    color: #555555;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

textarea {
    height: 120px;
    padding-top: 20px;
    resize: none;
}

input[type="checkbox"],
input[type="radio"] {
    height: auto;
    width: auto;
}

::-webkit-input-placeholder {
    opacity: 1;
    color: #555555;
}

::-moz-placeholder {
    opacity: 1;
    color: #555555;
}

:-ms-input-placeholder {
    opacity: 1;
    color: #555555;
}

::-ms-input-placeholder {
    opacity: 1;
    color: #555555;
}

::placeholder {
    opacity: 1;
    color: #555555;
}

::-webkit-scrollbar {
    background-color: #ccc;
    width: 8px;
}

::-webkit-scrollbar:horizontal {
    background-color: #ccc;
    height: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: #3d3d3d;
}

.slick-slide img {
    display: inline-block;
}

a:focus,
a:hover {
    text-decoration: none;
}

i,
span,
a {
    display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {font-family: "Roboto", serif;font-weight: 700;margin: 0px;}
h1{font-size: 34px;}
h2{font-size: 30px;text-transform: capitalize;}
h3{font-size: 18px;}



h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {color: #000000;}
ul, ol {margin: 0px;padding: 0px;list-style-type: none;}

p {margin: 0px;}

a {
    -webkit-transition: all 0.2s ease-out 0.3s;
    -o-transition: all 0.2s ease-out 0.3s;
    transition: all 0.2s ease-out 0.3s;
}
a{color: var(--primary-color);}
a:hover {
    color: var(--secondary-color);
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 10px 0;
	}

	50% {
		box-shadow: 5px 5px 10px 5px;
	}

	100% {
		box-shadow: 10px 10px 10px 10px;
	}
}
.primaryColor{color: var(--primary-color);}
.p80{padding: 80px;}
.p50{padding: 50px;}
.p20{padding: 20px;}
.pt50{padding-top: 50px;}
.pt20{padding-top: 20px;}
.pb50{padding-bottom: 50px;}
.pb20{padding-bottom: 20px;}
.pl0{padding-left: 0;}
.mt30{margin-top: 20px;}
.mt50{margin-top: 50px;}
.spanHeading{display: inline-block;background: var(--secondary-color);color: #fff;font-size: 20px;font-weight: bold;padding: 10px 30px;border-radius: 10px;margin-bottom: 20px;}




/* Header */
.mainHeader{padding: 20px 0px 0;}
.headTopbar{padding: 0 20px;}
.site-logo a{width: 160px;}
.top-bar-right{text-align: right;}
.headbtn{border-radius: 5px;margin: 0 13px;color: var(--secondary-color);font-size: 17px;}
.fas.fa-phone.icon-bg {transform: rotate(90deg);}
.icon-bg {background: var(--primary-color);color: #fff;padding: 10px;border-radius: 5px;}
.whatsapp-link {align-items: center;color: #25d366;display: inline-flex;font-size: 18px;text-decoration: none;position: relative;top: 11px;margin: 0 40px 0 20px;}
/* .whatsapp-link img {animation: pulse 2s infinite;} */
.top-bar-right .get-a-quote {background-color: #e1183e;color: #fff;padding: 8px 15px;border-radius: 10px;display: inline-block;}

.search-form{position: relative;top: 8px;}
.search-form button{position: absolute;right: 0;top: 0;background: var(--primary-color);font-size: 22px;padding: 0 10px;color: #fff;}


/* Basic Navbar Styling */
.sticky-header {position: relative;z-index: 1000;top: 0;width: 100%;}
.sticky {position: fixed;top: 0;left: 0;right: 0;width: 100%;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);z-index: 999;margin-top: 0 !important;}
.desktopNav {background: var(--secondary-color);padding: 5px 15px;margin-top: 15px;}
.desktopNav .navbar {padding: 0;}
.desktopNav .navbar-nav > .nav-item {margin: 0 15px 0 10px;}
.desktopNav .navbar a {color: #fff;font-size: 18px;}
/* Dropdown Styling */
.desktopNav .navbar .dropdown-item{color: var(--secondary-color);font-size: 16px;}
.searchForm{position: relative;}
.searchForm button{position: absolute;right: 0;width: 40px;height: 38px;border-radius: 0 5px 5px 0;background: var(--primary-color);top: 0;}
.desktopNav .dropdown-toggle::after {top: 4px;position: relative;}
.portfolioNavBtn{background: var(--primary-color);padding: 5px 20px;border-radius: 5px;margin-left: 40px;font-weight: bold;letter-spacing: 0.8px;}

.desktopNav .navbar-nav .dropdown:hover > .dropdown-menu {display: block;opacity: 1;top: 100%;}
.desktopNav .navbar-nav .dropdown-menu {display: none;opacity: 0;transition: opacity 0.3s ease;}
.desktopNav .navbar-nav .dropdown:hover > .dropdown-toggle::after {transform: rotate(180deg);}
.desktopNav .navbar-nav .dropdown-toggle::after {transition: transform 0.3s ease;}





/* Banner Section */
.banner-section img {width: 100%;}


/* Features Section */
.features-wrap{background-color: #d2d2d233;}
.features-wrap .card-single img{border-radius: 0;width: 50px;}
.features-wrap .card-single span{margin-top: 15px;display: block;font-weight: bold;}


/* Categories Section */
.category-wrap h1, .sectionHeading{text-transform: capitalize;letter-spacing: 1px;font-size: 30px;font-weight: bold;}
.card-single{margin: 20px 0;text-align: center;}
.card-single img{border-radius: 10px;width: 100%;}
.card-single h3{margin-top: 10px;}
.card-single a > div{margin: 10px 0;font-size: 18px;font-weight: bold;color: #333;}
.card-single a:hover div{color: var(--secondary-color);}
.main-btn{background: var(--secondary-color);color: #fff;padding: 10px 25px;letter-spacing: 1px;border-radius: 30px;}
.main-btn:hover{opacity: .7;}

/* Products Area */
.productsWrap .card-single img{border-radius: 10px;}


/* why Choose Us Section */
.whyChooseUs-wrap{background-color: #d2d2d233;}
.whyChooseUs-wrap .card-single{background: #fff;border-radius: 10px;padding: 25px;box-shadow: 0px 2px 10px -3px #999;}
.whyChooseUs-wrap .card-single.firstBox{background: transparent;box-shadow: 0 0 0;text-align: left;}
.whyChooseUs-wrap .card-single h3{margin: 20px 0;}
.whyChooseUs-wrap .card-single p{font-size: 17px;}

/* Testimonial Section */
.testimonialWrap{padding-bottom: 50px;}
.testimonial-single{background: #efefef;text-align: left;padding: 20px;border-radius: 20px;box-shadow: 0px 0px 20px -6px #e8e8e8;}
.CustomerInfo{margin-bottom: 12px;}
.CustomerInfo img{border-radius: 50%;width: 50px;}
.CustomerInfo .reviewDate span{font-size: 12px;}
.testimonialWrap .stars i{color: var(--primary-color);}
.testimonial-single > .reviewContent{margin: 10px 0 20px;}
.googleLogo img{width: 50px;}
.googleLogo p{margin: 0;line-height: 15px;}
.googleLogo p span{font-size: 12px;margin: 0;}
.testimonialWrap button {background: transparent;top: -40px;}
.testimonialWrap button span {color: #fff;background: var(--secondary-color);width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 2px;position: relative;}
.testimonialWrap .carousel-control-prev{left: -120px;}
.testimonialWrap .carousel-control-next{right: -80px;}
.testimonialWrap .carousel-control-next-icon{left: 40px;}
.testimonialWrap .carousel-control-prev-icon{left: 40px;}
.testimonialWrap .slick-initialized .slick-slide {margin: 0 10px;}
.testimonialWrap .slick-dots li button::before {font-size: 10px;}
.testimonialWrap .slick-dots {bottom: -50px;}
.subHeading{font-size: 18px;font-weight: bold;}

/* Custom Quote Section */
.customQuoteWrap{background: url(../img/custom-quote.avif);background-size: cover;background-repeat: no-repeat;}
.customQuoteForm{background: #fff;padding: 40px 20px;border-radius: 10px;box-shadow: 0px 0px 7px 0px;}
.customQuoteForm h2{margin-bottom: 40px;}
.customQuoteForm input{font-size: 12px;color: #999;margin: 10px 0;border-radius: 5px;}
.customQuoteForm textarea{border-radius: 10px;}
.customQuoteForm input, .customQuoteForm textarea{border: 1px solid #f0f0f0;background: #eaf6ff;box-shadow: 0px 0px 5px -3px;}
.customQuoteForm input[type='submit'], .productCustomQuote input[type='submit']{border: none;background-color: var(--secondary-color);color: #fff;text-transform: uppercase;letter-spacing: 5px;border-radius: 10px;}
.customQuoteForm input[type='submit']:hover, .productCustomQuote input[type='submit']:hover{opacity: .6;}



/* About Section */
.aboutWrap p{font-size: 15px;margin: 10px;line-height: 1.9;}
.bottomContent ul{list-style: disclosure-closed;padding-left: 20px;}
/* Gallery */
.galleryWrap .card-single img{border-radius: 10px;}


/* Product Page */
.product-details h1{margin-bottom: 30px;color: #333;}
.featuredImage{padding: 10px;text-align: center;}
.featuredImage img{width: 90%;}
.otherImages{margin: 20px 0;text-align: center;}
.imageSingleWrap{display: inline-block;width: 19%;border: 1px solid #d2d2d2;padding: 5px;border-radius: 5px;}
.imageSingleWrap img{width: 100%;height: 100%;}
.productCustomQuote{background: #f9f9f9;padding: 30px;border-radius: 10px;box-shadow: 0px 0px 10px 0px #606060;margin-top: 20px;text-align: center;}
.productCustomQuote > span{text-align: center;background: var(--secondary-color);color: #fff;display: inline-block;margin: 0 auto 30px;padding: 10px 20px;border-radius: 10px;font-weight: bold;letter-spacing: 1px;}
.productCustomQuote input, .productCustomQuote select{border-radius: 10px;margin: 10px 0;background: #eaf6ff;box-shadow: 0px 0px 5px -3px;}
.productCustomQuote textarea{margin: 10px 0;background: #eaf6ff;}
.fileUploadArea{position: relative;text-align: center;border: 1px solid rgba(0, 0, 0, 0.1);height: 120px;margin: 10px 0;border-radius: 5px;padding: 10px;background: #eaf6ff;}
.fileUploadArea p{margin-top: 10px !important;font-size: 14px !important;}
.fileUploadArea span{font-weight: bold;}
.fileUploadArea svg{width: 40px;}
.fileUploadArea input{position: absolute;left: 0;top: -10px;right: 0;z-index: 1000;height: 120px;opacity: 0;}
.productFeatures{font-size: 16px;background: #eaf6ff;padding: 20px;}
.productFeatures i{color: var(--secondary-color);margin-right: 20px;font-size: 20px;}
/* Tabs Section */
.productTabs .nav-tabs{border-bottom: 1px solid var(--primary-color);text-align: center;}
.productTabs .nav-tabs .nav-link{background: transparent;padding: 10px 10px;}
.productTabs .nav-tabs .nav-link:hover{background: var(--secondary-color); color: #fff;}
.productTabs .nav-tabs .nav-link.active{background: var(--primary-color);color: #fff;}
.productTabs .tab-content{padding: 20px 20px 0;}
.tab-content ul, .privacyWrap ul, .dynamicContent ul {padding-left: 30px;}
.tab-content li, .privacyWrap li, .dynamicContent li {list-style: disc;}
/* Included Tabs */
.processWrap span.circle{display: inline-block;border: 1px solid #333;width: 60px;height: 60px;line-height: 60px;border-radius: 50%;font-size: 20px;}
.processWrap h3{margin: 20px 0;}
.processWrap table{width: 100%;text-align: left;}
.processWrap tr:nth-child(odd) {background-color: #f2f2f2;}
.processWrap td, .processWrap th{padding: 5px;}
.processWrap tr:nth-child(even) {background-color: #ffffff;}


/* Category Banner */
.mainBanner img, .mainBanner a{width: 100%;}
/* Breadcrums */
.breadcrums{padding: 30px 0;}
.breadcrums p{text-transform: uppercase;letter-spacing: 0.5px;font-weight: bold;}
.breadcrums p span{margin: 0 15px;}
.breadcrums p a:hover{opacity: .7;}
.product-details .breadcrums p, .product-details .breadcrums a{color: #777;font-size: 13px;}
.product-details .breadcrums a{font-weight: normal;}
.product-details .breadcrums{padding: 0 0 30px;}
.productTabs p, .productTabs span, .staticTabsWrap span.content, .product-details p{font-size: 18px;margin-top: 8px;font-family: "Libre Franklin", sans-serif !important;}
.productTabs h2, .productTabs h2 > span, .staticTabsWrap .header{margin: 10px 0;font-size: 30px;}
.staticTabsWrap div, .productTabs h3 > span, .productTabs h3{font-size: 24px;margin: 10px 0;}
.staticTabsWrap span.content{display: inline;}

/* other Pages Banner */
.otherPagesBanner{background: #efefef;padding: 80px 0;}
.otherPagesBanner > div{width: 50%;display: inline-block;}
.otherPagesBanner h2{margin: 20px 0 10px;font-size: 25px;}


/* Blog Side bar */
.sidebarBox {margin: 30px 0;box-shadow: 0px 0px 8px 0px;text-align: center;}
.sidebarBox .sideBarHeading{font-family: roboto;text-transform: capitalize;margin-bottom: 20px;font-size: 20px;font-weight: bold;display: block;}
.sidebarBox .social-links li{display: inline-block;}
.sidebarBox .social-links a{display: block;width: 40px;height: 40px;font-size: 20px;border: 1px solid var(--secondary-color);line-height: 40px;border-radius: 5px;margin: 0 10px;color: var(--secondary-color);}
.sidebarBox .social-links a:hover{background: var(--secondary-color);color: #fff;}


.privacyWrap h2, .privacyWrap h3{margin: 30px 0 10px;}
.privacyWrap p{width: 100%;line-height: 35px;}

.contactPageWrap .social-links {width: 100%;padding: 20px 0;}
.contactPageWrap .social-links li{display: inline-block;text-align: center;}
.contactPageWrap .social-links a{display: block;width: 40px;height: 40px;border: 1px solid var(--secondary-color);line-height: 40px;font-size: 18px;border-radius: 5px;color: var(--secondary-color);margin: 0 20px;}
.contactPageWrap .social-links a:hover{background: var(--secondary-color);color: #fff;}

.contactPageWrap .footerContactArea {width: 100%;margin-top: 30px;}
.contactPageWrap .footerContactArea h3{color: #333;}
.contactPageWrap .footerContactArea a{color: var(--primary-color);}
.contactPageWrap .footerContactArea i {font-size: 30px;margin-bottom: 30px;}
/* Form */
.contactPageForm {width: 100%;margin-top: 40px;}
.contactPageForm .row{margin: 20px 0;}
.contactPageForm input[type='submit']{background-color: var(--secondary-color);color: #fff;border-radius: 5px;}
.contactPageForm input[type='submit']:hover{background-color: var(--primary-color);}
.contactWrap h1{font-size: 40px;}



/* Related */
.related-subcategory-card h3 {margin-top: 15px;}

/* Footer */
footer{padding: 50px 0 0;background: #e6e6e6;}
footer .site-logo {margin-bottom: 10px;}
footer ul li a{color: var(--secondary-color);}
footer ul li a:hover{color: var(--primary-color);}
.footer-copyright-area {margin-top:30px; background: var(--secondary-color);padding: 40px 0 10px;color: #fff;}
.widget-title{margin-bottom: 20px;color: var(--secondary-color);font-size: 20px;font-weight: bold;}
.footerContactArea i{font-size: 24px;}
footer .social-links ul li {margin-right: 15px;display: inline;}
footer .social-links ul li.title {margin-right: 20px;color: #fff;font-weight: 600;}
footer .social-links ul li:last-child {margin-right: 0;}
footer .social-links ul a {color: var(--secondary-color);font-size: 20px;width: 50px;height: 50px;border: 1px solid var(--secondary-color);text-align: center;line-height: 50px;border-radius: 50%;margin: 10px 0;}
footer .social-links ul a:hover {background: var(--secondary-color);color: #fff;}
footer .footer-copyright-area .copyright-text {font-size: 14px;margin-top: 10px;}
footer .footer-copyright-area .copyright-text span {font-weight: 700;}
.footer-copyright-area {margin-top: 30px;border-top: 1px solid #efefef;padding-top: 20px;}
.footerContactArea a{color: #fff;}
footer .footerContactHeadings{font-weight: bold;font-size: 17px;}
footer a{color: var(--secondary-color);}


/* About Us */
.aboutWrap h2{width: 100%;}
.aboutWrap img{border-radius: 10px;}
.requestQuote .container{background: rgb(122, 141, 206);padding: 30px;margin-bottom: 50px;border-radius: 20px;box-shadow: 10px 10px 20px -15px var(--secondary-color);}
.requestQuote h3{color: #fff;margin-bottom: 20px;}
.requestQuote p{color: #fff;}
.requestQuote button{padding: 10px 25px;border-radius: 10px;background: var(--primary-color);color: #fff;}

/* Accordion */
/* #productAccordion .accordion-button{width: 100%;font-size: 20px;background: var(--secondary-color);color: #fff;padding: 10px;} */

/* Loading */
.submitBtnWrap{position: relative;}
.loadingWrap{text-align: center;position: absolute;top: 10px;background: var(--secondary-color);border-radius: 10px;padding: 3px;display: none;left: 15px;right: 15px;}
.loader {width: 60px;aspect-ratio: 2;--_g: no-repeat radial-gradient(circle closest-side,#fff 90%,#0000);background:  var(--_g) 0%   50%,  var(--_g) 50%  50%,  var(--_g) 100% 50%;background-size: calc(100%/3) 50%;animation: l3 1s infinite linear;display: inline-block;}
  @keyframes l3 {
      20%{background-position:0%   0%, 50%  50%,100%  50%}
      40%{background-position:0% 100%, 50%   0%,100%  50%}
      60%{background-position:0%  50%, 50% 100%,100%   0%}
      80%{background-position:0%  50%, 50%  50%,100% 100%}
  }


  /* Model */
#quoteModal{text-align: center;}
#quoteModal .customQuoteForm{box-shadow: unset;padding-top: 15px;padding-bottom: 0;}
.quoteModal .col-md-8 {padding: 0px 20px;position: relative;}
.quoteModal .popupHeading {margin-top: 15px;font-size: 18px;font-weight: bold;}
.quoteModal .col-md-8 .btn-close {position: absolute;background: top;right: 40px;font-size: 20px;top: 10px;}


/* Responsive Styling */
@media screen and (max-width: 768px) {
    .site-logo{text-align: center;}
    .p50, .p80{padding-left: 10px;padding-right: 10px;}
    .testimonial-single {margin-top: 30px;}
    .navbar-toggler {top: -33px;position: relative;}
    .navbar-toggler-icon {font-size: 24px;}
    .navbar-collapse {position: relative;z-index: 999; background: var(--secondary-color);padding: 0 10px;top: -50px;}
    .dropdown-menu {position: static;float: none;width: 100%;box-shadow: none;padding: 0;margin: 0;background-color: #fff;}
    .dropdown-item {padding: 10px 15px;}
    .navbar-nav > li > .dropdown-menu {border-radius: 0;}
    .dropdown-toggle::after {display: inline-block;margin-left: .255em;vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;}
    .dropdown-menu.show {display: block;}
    header .container, header .container .navbar{padding: 0;}
    .mainHeader {padding: 20px 0px 0;}
    .headbtn {padding: 7px 0px;margin: 5px 3px;display: inline-block;width: 47%;font-size: 12px;text-align: center;}
    .desktopNav {background: transparent;margin-top: 0;height: 0;}
    .features-wrap, .sticky, .desktopNav{display: none;}
    .top-bar-right .get-a-quote {margin-right: 10px;}
    .testimonialWrap{padding-top: 0;}
    .category-wrap{padding: 20px 0px;}
    .category-wrap .header, .category-wrap .p50{padding: 0;}
    .mainBanner {margin-top: -30px;}
    .mobileMenuWrap .navbar-collapse, .mobileMenuWrap .dropdown-menu{padding: 10px;}
    .mobileMenuWrap a:hover{color: #fff;}
    .mobileMenuWrap .dropdown-menu a{color: var(--secondary-color);}
    .headTopbar .row{margin: 0 !important;}
    .productTabs,.product-details{padding-top: 0;}
    .productTabs p{margin-bottom: 10px;}
    .card-single img, .mainBanner img, .related-subcategory-card img, .aboutWrap img, .featuredImage img{height: 100%;}
}