@charset "utf-8";
/* 
Start Project 
Company Name: Eclick Softwares
Date: 13/02/2023
Time: 03:00PM
Project name: Car Wash Developers Official Website
Developer Name: Sudip Karmakar
CSS Document 
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block
}
abbr, address, article, aside, audio, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit
}
body {
	margin: 0;
	padding: 0;
	font: 400 14px 'Barlow', sans-serif;
	line-height: 20px;
	color: #000;
	overflow-x:hidden;
        
}
body.light-mode-class {
	background:url(../images/grid-line-light.png) center center repeat-y #ffffff;
        background-size: contain;
}
body.dark-mode-class {
	background:url(../images/grid-line-dark.png) center center repeat-y #272727;
        background-size: contain;
}
chexbox, div, form, h1, h2, h3, h4, h5, h6, img, input, label, li, ol, option, p, radiobutton, select, td, textarea, tr, ul {
	padding: 0;
	margin: 0
}
ul {
	padding: 0;
	margin: 0;
	list-style: none
}
ol {
	padding: 0;
	margin: 0;
	list-style-type: none
}
a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	outline: 0;
	cursor: pointer;
	color: #444444;
}
a:hover {
	text-decoration: none;
}
img {
	padding: 0;
	margin: 0;
	outline: 0;
	border: 0;
	max-width: 100%;
	height: auto;
}
chexbox {
	padding: 0;
	margin: 0;
	width: 20px;
	height: 20px
}
.clr, .spacer {
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
}
.clearfix:after, .clearfix::before {
	content: '';
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}
@font-face {
	font-family: 'FontAwesome';
	src: url("../fonts/fontawesome-webfont.eot?v=4.3.0");
	src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
	font-weight: normal;
	font-style: normal;
}
.container{
        max-width: 1400px;
}
/* ==============
	header part start
	Follow the stander bootstrap 5.0.3 container width and grid 
	Under header part css and using the nested css 
	1.Logo 
	2.menu
	3.Phone Number
================ */

.dark-mode-class .fa-moon-o::before {
        content: "\f185";
}

header.header_section{
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        background: transparent;
        z-index: 99;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
header.header_section.darkHeader{
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        background: #272727;
        z-index: 99;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
header.header_section.darkHeader .navbar-brand{
        background: #272727;
}

header.header_section #navbarSupportedContent{
        justify-content: flex-end;
        padding: 0 30px 0 0;
}
/* ======================logo containe part================== */
header.header_section .navbar-brand{
        width: 8%;
        height: auto;
        padding: 10px 0;
        margin: -8px 0 0 -12px;
        background-color: #fff;
        text-align: center;
}
header.header_section .navbar-brand img{
        max-width: 42%;
}
/* ======================logo containe part end================== */
/* ======================menu container part================== */
header.header_section ul {
        padding: 0;
        margin: 0;
} 
header.header_section ul li{
        padding: 0;
        margin: 0 17px;
        display: inline-block;
        font: 400 13px 'Barlow', sans-serif;
        line-height: 20px;
        color: #fff;
        text-transform: uppercase;
}
header.header_section ul li a{
        color: #fff;
        text-transform: uppercase;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
header.header_section ul li a:hover,
header.header_section ul li.current-menu-item a
{
        color: #fca70a;
        text-transform: uppercase;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
/* ======================menu container part end================== */
/* ======================phone container================== */
header.header_section .phone{
        display: inline-block;
        padding: 0;
        margin: 0;
        font: 500 16px 'Barlow', sans-serif;
        line-height: 20px;
        color: #fff;
        text-transform: uppercase;
        position: relative;
        top: -2px;
}
header.header_section .phone a{
        color: #fff;
}
/* ======================phone container end================== */
/* ==============
	header part end
================ */
/* ==============
	Home page banner container part
================ */
.bannerSection{
        padding: 0;
        margin: 0;
}
.bannerSection .item figure{
        position:relative;
}
.bannerSection .item figure:before{
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        content: "";
        background:rgba(0,0,0,0.6);
}
.bannerSection .item .container{
        position: absolute;
        z-index: 99;
        left: 0;
        top: 0;
        bottom: 0;
        align-items: center;
        display: flex;
        margin: 0 auto;
        right: 0;
}

.bannerSection .item .container h1{
        font: 400 50px 'Anton', sans-serif;
        line-height: 70px;
        color: #fff;
        text-transform: uppercase;
        padding: 0;
        margin: 0;
        letter-spacing: 5px;
        position: relative;
}
.bannerSection .item .container h1:before{
        position: absolute;
        left: 0;
        top: -30px;
        height: 4px;
        background-color: #fff;
        content: "";
        width: 25%;
}
.bannerSection .item .container h4{
        font: 400 20px 'Barlow', sans-serif;
        line-height: 40px;
        color: #fff;
        text-transform: uppercase;
        padding: 0;
        margin:20px 0 0 0;
        letter-spacing: 7px;
}
.bannerSection .item .container a,
.bannerSection .item .container a:hover
{
        display: inline-block;
        font: 500 15px 'Roboto', sans-serif;
        line-height: 50px;
        color: #000;
        text-transform: uppercase;
        background-color: rgb(251, 185, 9);
        white-space: nowrap;
        letter-spacing: 2px;
        padding: 0 30px;
        margin: 30px 0 0 0;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.bannerSection .item .container a:hover{
        background-color:#000;
        color: #fff;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.bannerSection .bannerSlider .owl-dots{
        position: absolute;
        right: 30px;
        top: 45%;
        z-index: 9;
}
.bannerSection .bannerSlider .owl-dots .owl-dot{
        background-color: #000000;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        border: 5px solid #fff;
        display: block;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
        margin: 0 0 5px 0;
}
.bannerSection .bannerSlider .owl-dots .owl-dot:hover,
.bannerSection .bannerSlider .owl-dots .owl-dot.active
{
        background-color: #fff;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        border: 5px solid #000;
        display: block;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
        margin: 0 0 5px 0;
}

/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
        from {
          opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }
      
        to {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }
      @keyframes fadeInUp {
        from {
          opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }
      
        to {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
      }
      
      .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
      }
/* ==============
	Home page banner container part end
================ */
/* ==============
	home testimonial css part
================ */
.is-light-theme .home-qoute-section{
       display: flex;
       justify-content: flex-end;
}
.is-light-theme .home-qoute-section > div{
        background-color: #fff;
        max-width: 50%;
        padding: 40px;
        position: relative;
        margin: -140px 0 0 0;
        z-index: 9;
        display: flex;
        align-items: center;
        justify-content: space-between;
}
.is-light-theme .home-qoute-section > div p{
        font: 400 20px 'Barlow', sans-serif;
        line-height:30px;
        color: #000;
        font-style: italic;
        padding: 0 30px 0 0;
        margin: 0;
}
.is-light-theme .home-qoute-section > div i{
        color: #fca70a;
        font-size: 60px;
}
/* ==============
	home testimonial css part end
================ */
/* ==============
	About Section part css start
================ */
.about-section{
        padding: 100px 0;
}
.about-section .row{
        align-items: center;
}
.about-section article{
        padding: 0 150px 0 0;
}
.about-section h6{
        font: 500 14px 'Barlow', sans-serif;
        line-height:20px;
        color: #fca70a;
        padding: 0;
        margin: 0 0 15px 0;
        text-transform: uppercase;
        letter-spacing: 2px;
}
.about-section h2{
        font: 400 42px 'Barlow', sans-serif;
        line-height:53px;
        color: #000;
        padding: 0;
        margin: 0 0 40px 0;
}
.about-section p{
        font: 400 16px 'Barlow', sans-serif;
        line-height:30px;
        color: #7a7a7a;
        padding: 0;
        margin: 0;
        letter-spacing: 1px;
}
.about-section a,
.about-section a:hover
{
        background-color: #fca70a;
        font: 500 15px 'Barlow', sans-serif;
        line-height:45px;
        color: #000;
        text-transform: uppercase;
        padding: 0 25px;
        letter-spacing: 1px;
        display: inline-block;
        margin:35px 0 0 0;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.about-section a:hover{
        background-color: #ffd10c;
        moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
/* ==============
	About Section part css end
================ */
/* ==============
	our services section css
================ */
.our-service-top-container{
        padding: 0 0 30px 0;
        margin: 0;
}
.our-service-top-container h2{
        font: 400 42px 'Barlow', sans-serif;
        line-height:53px;
        color: #000;
        padding: 0;
        margin: 0 0 40px 0;
}
.our-service-top-container h2 span{
        font: 500 14px 'Barlow', sans-serif;
        line-height:20px;
        color: #fca70a;
        padding: 0;
        margin: 0 0 0px 0;
        text-transform: uppercase;
        letter-spacing: 2px;
        display: block;
}
.our-service-top-container p{
        font: 400 16px 'Barlow', sans-serif;
        line-height:30px;
        color: #7a7a7a;
        padding: 0;
        margin: 0;
        letter-spacing: 1px;
}
.our-homeservice aside{
        background-color: #f7f7f7;
        padding: 30px;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.our-homeservice aside:hover{
        background-color: #fca70a;
        padding: 30px;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.our-homeservice aside h3,
.our-homeservice aside:hover h3
{
        font: 500 18px 'Barlow', sans-serif;
        line-height:25px;
        color: #000;
        padding: 0;
        margin: 0 0 15px 0;
        text-transform: uppercase;
        letter-spacing: 1px;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.our-homeservice aside h3 a{
        color: #000;
}
.our-homeservice aside p,
.our-homeservice aside:hover p
{
        font: 400 16px 'Barlow', sans-serif;
        line-height:30px;
        color: #7a7a7a;
        padding: 0;
        margin: 0;
        letter-spacing: 1px;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.our-homeservice aside figure{
        margin: 0 0 25px 0;
}
.our-homeservice aside figure i,
.our-homeservice aside:hover figure i
{
        color:#fca70a;
        font-size: 50px;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.our-homeservice aside:hover p,
.our-homeservice aside:hover figure i
{
        color: #000;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
/* ==============
	our services section css end
================ */
/* ==============
	counter section css code
================ */
.counter-section{
        padding: 80px 0;
        margin: 0;
}
.counter-section .item span.count{
        display: block;
        font: 700 36px 'Barlow', sans-serif;
        line-height:40px;
        color: #fca70a;
        padding: 0;
        margin: 0;
}
.counter-section .item h6{
        font: 500 18px 'Barlow', sans-serif;
        line-height:25px;
        color: #000;
        padding: 0;
        margin: 15px 0 0 0;
}
/* ==============
	counter section css code end
================ */
/* ==============
	Portfolio Section css code
================ */
.portfolio-section{
        padding: 0;
        margin: 0;
}
.portfolio-section h2{
        font: 400 42px 'Barlow', sans-serif;
        line-height:53px;
        color: #000;
        padding: 0;
        margin: 0 0 40px 0;
}
.portfolio-section h2 span{
        font: 500 14px 'Barlow', sans-serif;
        line-height:20px;
        color: #fca70a;
        padding: 0;
        margin: 0 0 0px 0;
        text-transform: uppercase;
        letter-spacing: 2px;
        display: block;
}
.portfolio-section .portfolio figure{
        padding: 0;
        margin: 0;
        overflow: hidden;
}
.portfolio-section .portfolio figure img{
        transform:none;
        display: block;
        width: 100%;
        height: auto;
        -moz-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.portfolio-section .portfolio figure img:hover{
        transform: scale(1.1);
        display: block;
        width: 100%;
        height: auto;
        -moz-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.portfolio-section .portfolio h3{
        padding: 15px 24px;
        margin: 0;
        background-color: #444444;
        font: 500 24px 'Barlow', sans-serif;
        line-height:30px;
        color: #fff;
} 
.portfolio-section .portfolio h3 span{
        display: block;
        font: 500 16px 'Barlow', sans-serif;
        line-height:30px;
        color: #fca70a;
        letter-spacing: 1px;
}
.portfolio-section .portfolio h3 span a{
        color: #fca70a;
}
.portfolio-section .portfolio h3 a{
        color: #fff;
}
.work-process{
        padding: 100px 0 0 0;
        margin: 0;
}
.work-process aside{
        padding: 0;
        margin: 0;
        background:transparent;
}
.work-process aside h3{
        font: 500 18px 'Barlow', sans-serif;
        line-height:25px;
        color: #000;
        padding: 0;
        margin: 0 0 15px 0;
        text-transform: uppercase;
        letter-spacing: 1px;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.work-process aside h3 a{
        color: #000;
}
.work-process aside p{
        font: 400 16px 'Barlow', sans-serif;
        line-height:30px;
        color: #7a7a7a;
        padding: 0;
        margin: 0;
        letter-spacing: 1px;
}
.work-process aside figure{
        margin: 0 0 25px 0;
}
.work-process aside figure i{
        color:#fca70a;
        font-size: 50px;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
/* ==============
	Portfolio Section css code end
================ */
/* ==============
	Priceing Plun section css code
================ */
.pricing-plan-section{
        padding: 100px 0;
}
.pricing-plan-top-container h2{
        font: 400 42px 'Barlow', sans-serif;
        line-height:53px;
        color: #000;
        padding: 0;
        margin: 0 0 60px 0;
}
.pricing-plan-top-container h2 span{
        font: 500 14px 'Barlow', sans-serif;
        line-height:20px;
        color: #fca70a;
        padding: 0;
        margin: 0 0 0px 0;
        text-transform: uppercase;
        letter-spacing: 2px;
        display: block;
}
.pricing-plan-top-container p{
        font: 400 16px 'Barlow', sans-serif;
        line-height:30px;
        color: #7a7a7a;
        padding: 0;
        margin: 0;
        letter-spacing: 1px;
}
.pricing-section aside{
        background-color: #f7f7f7;
        padding: 50px 30px;
        border-bottom: 2px solid transparent;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
        position: relative;
}
.pricing-section aside:hover{
        background-color: #f7f7f7;
        padding: 50px 30px;
        border-bottom: 2px solid #fca70a;
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.pricing-section aside h4{
        font: 400 42px 'Barlow', sans-serif;
        line-height:50px;
        color: #fbab0a;
        padding: 0;
        margin: 0 0 20px 0;
}
.pricing-section aside h4 sup{
        font: 400 16px 'Barlow', sans-serif;
        line-height:20px;
        color: #fbab0a;
        padding: 0;
        margin: 0 4px 0 0;
        top: 0;
}
.pricing-section aside h3{
        font: 400 18px 'Barlow', sans-serif;
        line-height:25px;
        color: #000;
        padding: 0 0 15px 0;
        margin: 0 0 15px 0;
        border-bottom: 1px solid #ccc;
        letter-spacing: 1px;
}
.pricing-section aside ul{
        padding: 0;
        margin: 0;
        list-style-type: none;
}
.pricing-section aside ul li{
        font: 400 16px 'Barlow', sans-serif;
        line-height:30px;
        color: #7a7a7a;
        padding: 0;
        margin: 0;
        letter-spacing: 1px;
        display: block;
}
.pricing-section aside ul li:before{
        font: 400 11px "FontAwesome";
        line-height:30px;
        color: #7a7a7a;
        content: "\f00c";
        margin: 0 7px 0 0;
        display: inline-block;
}
.pricing-section aside ul li:last-child:before{
        font: 400 11px "FontAwesome";
        line-height:30px;
        color: #7a7a7a;
        content: "\f00d";
        margin: 0 7px 0 0;
        display: inline-block;
}
.pricing-section aside .packCon a,
.pricing-section aside .packCon a:hover
{
        background-color: #fca70a;
        font: 500 15px 'Barlow', sans-serif;
        line-height:40px;
        color: #000;
        padding: 0 25px;
        letter-spacing: 1px;
        display: inline-block;
        margin:35px 0 0 0;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.pricing-section aside .packCon a:hover{
        background-color: #ffd10c;
        moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.pricing-section aside .popular{
        position: absolute;
        left: 0;
        top: 10px;
        background-color: #fca70a;
        font: 400 15px 'Barlow', sans-serif;
        line-height:35px;
        color: #000;
        padding: 0 15px;
        letter-spacing: 1px;
        display: inline-block;
}
/* ==============
	Priceing Plun section css code end
================ */
/* ================
Request Call Back css code
=================== */
.Request_Call_Back{
        background-position: center bottom !important;
        background-repeat: no-repeat !important;
        padding: 70px 0;
}
.Request_Call_Back .CallBackForm{
        background-color: #fff;
        padding: 50px 30px;
        max-width:82%;
}
.Request_Call_Back .CallBackForm h2{
        font: 500 24px 'Barlow', sans-serif;
        line-height:35px;
        color: #000;
        padding: 0;
        margin: 0 0 25px 0;
        letter-spacing: 1px;
}
.Request_Call_Back .CallBackForm form {
        padding: 0;
        margin: 0;
}
.Request_Call_Back .CallBackForm form input[type=text],
.Request_Call_Back .CallBackForm form select
{
        width: 100%;
        border: 1px solid #ccc;
        height: 48px;
        padding: 0 15px;
        margin: 10px 0;
        font: 400 15px 'Barlow', sans-serif;
        line-height:48px;
        color: #000;
        box-shadow: none;
        outline: none;
        background-color: #fff;
}
.Request_Call_Back .CallBackForm form input[type=text]:focus,
.Request_Call_Back .CallBackForm form select
{
        box-shadow: none;
        outline: none;
}
.Request_Call_Back .CallBackForm form input[type=button],
.Request_Call_Back .CallBackForm form button[type=submit]
{
        background-color: #fca70a;
        font: 500 15px 'Barlow', sans-serif;
        line-height: 45px;
        color: #000;
        padding: 0 25px;
        letter-spacing: 1px;
        display:block;
        margin: 10px 0 0 0;
        border: none;
        outline: none;
        width: 100%;
        text-transform: uppercase;
        moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.Request_Call_Back .CallBackForm form input[type=button]:hover{
        background-color: #ffd10c;
        moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.Request_Call_Back .CallBackForm form label.error{
        color: rgb(255, 0, 0);
}
/* ================
Request Call Back css code end
=================== */
/* ================
Blog Container Part css code
=================== */
.blog-section{
        padding: 70px 0;
        margin: 0;
}
.blog-section .BlogLeftCon{
        /*padding:24px;
        margin: 0;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        min-height: 600px;*/
        padding: 24px;
        margin: 0;
        background-position: top center !important;
        background-repeat: no-repeat !important;
        min-height: 600px;
        background-size: cover !important;
}
.blog-section .BlogLeftCon h3{
        padding: 0;
        margin: 0;
        font: 500 36px 'Barlow', sans-serif;
        line-height: 40px;
        color: #fff;
        letter-spacing: 1px;
}
.blog-section .BlogLeftCon h3 span{
        display: block;
        font: 400 16px 'Barlow', sans-serif;
        line-height: 20px;
        color: #fca70a;
        padding: 0;
        margin: 0 0 15px 0;
        letter-spacing: 1px;
}
.blog-section .BlogLeftCon h5{
        padding: 0;
        margin: 20px 0 15px 0;
        font: 400 16px 'Barlow', sans-serif;
        line-height: 30px;
        color: #fff;
        letter-spacing: 1px;
}
.blog-section .BlogLeftCon a {
        background-color: #fca70a;
        font: 500 15px 'Barlow', sans-serif;
        line-height: 45px;
        color: #000;
        padding: 0 25px;
        letter-spacing: 1px;
        display: inline-block;
        margin: 0 0 0 0;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.blog-section .BlogLeftCon a:hover {
        background-color: #ffd10c;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.blog-post-section .item{
        padding: 0 48px 45px 48px;
}
.blog-post-section .item h3{
        padding: 0;
        margin: 0;
        font: 400 16px 'Barlow', sans-serif;
        line-height: 30px;
        color: #fca70a;
        letter-spacing: 1px;
}
.blog-post-section .item h3 a{
       color: #fca70a;
}
.blog-post-section .item h2{
        padding: 0;
        margin: 0;
        font: 400 20px 'Barlow', sans-serif;
        line-height: 28px;
        color: #000;
        letter-spacing: 1px;
}
.blog-post-section .item h2 a{
        color: #000;
}
.blog-post-section .item h2 a:hover{
        color: #fca70a;
}
.blog-post-section .item h5{
        font: 400 16px 'Barlow', sans-serif;
        line-height: 30px;
        color: #7a7a7a;
        padding: 0;
        margin: 18px 0 0 0;
}
.blogDetailsLeft{
        padding: 0;
        margin: 0;
}
.blogDetailsLeft figure{
        padding: 0;
        margin: 0;
}
.blogDetailsLeft .blogcomment{
        padding: 22px 0;
        margin: 0 0 20px 0;
        border-bottom: 1px dashed #ccc;
        display: flex;
        justify-content: flex-start;
}
.blogDetailsLeft .blogcomment span{
        font: 400 12px 'Barlow', sans-serif;
        line-height: 25px;
        color: #9b9b9b;
        text-transform: uppercase;
        letter-spacing: 1px;
}
.blogDetailsLeft .blogcomment span:after{
        content: "-";
        margin: 0 10px;
}
.blogDetailsLeft .blogcomment span:last-child:after{
        content: "";
        margin: 0 0;
}
.blogDetailsLeft .blogcomment span i{
        margin: 0 5px 0 0;
}
.blogDetailsLeft h1{
        font: 400 30px 'Barlow', sans-serif;
        line-height: 35px;
        color: #272727;
        padding: 0;
        margin: 0 0 30px 0;
}
.blogDetailsLeft .entry-content p{
        font: 400 17px 'Barlow', sans-serif;
        line-height: 30px;
        color: #7a7a7a;
        padding: 0;
        margin: 0 0 30px 0;
}
.blogDetailsLeft h4{
        font: 400 25px 'Barlow', sans-serif;
        line-height: 35px;
        color: #272727;
        padding: 0;
        margin: 0 0 30px 0;
}
.heateor_sss_horizontal_sharing{
        display: flex;
        align-items: center;
        border-top: 1px dashed #ccc;
        border-bottom: 1px dashed #ccc;
        padding: 15px 0;
}
.heateor_sss_horizontal_sharing .heateor_sss_sharing_title,
.tagList span
{
        font: 400 15px 'Barlow', sans-serif !important;
        line-height: 30px;
        color: #7a7a7a;
        margin: 0 15px 0 0;
}
.heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a span{
        background-color: transparent !important;
        margin: 0 15px 0 0;
}
.heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a span svg{
        width: 25px;
}
.heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a span svg path{
        fill: #9b9b9b;
}
.tagList{
        display: flex;
        align-items: center;
        border-bottom: 1px dashed #ccc;
        padding: 25px 0;
        margin: 0 0 35px 0;
}
.tagList ul {
        display: flex;
}
.tagList ul li{
        margin: 0 10px 0 0;
}
.tagList ul li a{
        font: 400 14px 'Barlow', sans-serif !important;
        line-height: 35px !important;
        color: #fff;
        background-color: #444444;
        display: inline-block;
        padding: 0 15px;
        border-radius: 5px;
}
.blogDetailsLeft .comments-area .comment-respond{
        background-color: #f7f7f7;
        padding: 30px;
        margin: 30px 0 0 0;
}
.blogDetailsLeft .comments-area .comment-form{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin: 0 -15px;
}
.blogDetailsLeft .comments-area .comment-respond h2{
        font: 400 24px 'Barlow', sans-serif;
        line-height: 30px;
        color: #272727;
        padding: 0;
        margin: 0;
        letter-spacing: 1px;
}
.blogDetailsLeft .comments-area .comment-respond .comment-notes,
.blogDetailsLeft .comments-area .comment-form .logged-in-as
{
        font: 300 16px 'Barlow', sans-serif;
        line-height: 20px;
        color: #272727;
        padding: 0;
        margin: 12px 0 20px 0;
}
.blogDetailsLeft .comments-area .comment-form .comment-notes,
.blogDetailsLeft .comments-area .comment-form .comment-form-comment,
.blogDetailsLeft .comments-area .comment-form .comment-form-cookies-consent,
.blogDetailsLeft .comments-area .comment-form .form-submit,
.blogDetailsLeft .comments-area .comment-form .logged-in-as
{
        width: 100%;
        padding: 0 15px;
}

.blogDetailsLeft .comments-area .comment-form label{
        display: block;
        font: 300 16px 'Barlow', sans-serif;
        line-height: 20px;
        color: #272727;
}
.blogDetailsLeft .comments-area .comment-form textarea{
        width: 100%;
        border: 1px solid #eee;
        height:200px;
        padding: 15px;
        margin: 10px 0 0 0;
        box-shadow: none;
        outline: none;
}
.blogDetailsLeft .comments-area .comment-form input[type=text],
.blogDetailsLeft .comments-area .comment-form input[type=email],
.blogDetailsLeft .comments-area .comment-form input[type=url]
{
        width: 100%;
        border: 1px solid #eee;
        height:45px;
        padding:0 15px;
        margin: 10px 0 0 0;
        box-shadow: none;
        outline: none;
}
.blogDetailsLeft .comments-area .comment-form input[type=checkbox]{
        margin: 0 10px 0 0;
}
.blogDetailsLeft .comments-area .comment-form .comment-form-author,
.blogDetailsLeft .comments-area .comment-form .comment-form-email,
.blogDetailsLeft .comments-area .comment-form .comment-form-url{
        padding: 0 15px;
        width: 100%;
        flex: 1;
        margin: 15px 0 0 0;
}
.blogDetailsLeft .comments-area .comment-form .comment-form-cookies-consent,
.blogDetailsLeft .comments-area .comment-form .form-submit
{
        margin: 15px 0 0 0;   
}
.blogDetailsLeft .comments-area .comment-form .comment-form-cookies-consent {
        display: flex;
}
.blogDetailsLeft .comments-area .comment-form .form-submit input[type=submit]{
        background-color: #fca70a;
        font: 500 15px 'Barlow', sans-serif;
        line-height:45px;
        color: #000;
        text-transform: uppercase;
        padding: 0 25px;
        letter-spacing: 1px;
        display: inline-block;
        margin:15px 0 0 0;
        border: none;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.blogDetailsLeft .comment-list li{
        background-color: #f7f7f7;
        padding: 30px;
        margin: 30px 0 0 0;
}
.blogDetailsLeft .comment-list li .comment-body{
        display: flex;
        flex-wrap: wrap;
}
.blogDetailsLeft .comment-list li .comment-body .comment-author .fn,
.blogDetailsLeft .comment-list li .comment-body .comment-author .says,
.blogDetailsLeft .comment-list li .comment-body .comment-metadata,
.blogDetailsLeft .comment-list li .comment-body .reply
{
        display: none;
}
.blogDetailsLeft .comment-list li .comment-body .comment-meta{
        width: 75px;
}
.blogDetailsLeft .comment-list li .comment-content{
        width: 90%;
}
.blogDetailsLeft .comment-list li .comment-content p{
        font: 300 16px 'Barlow', sans-serif;
        line-height: 25px;
        color: #000;
        padding: 0 0 0 15px;
}
.blogDetailsLeft .comment-list li .comment-body .comment-meta img{
        width: 70px;
        height: 70px;
        border-radius: 50%;
}
/* ================
Blog Container Part css code end
=================== */
/* ================
Brand section css code
=================== */
.brand-section{
        padding: 0 0 80px 0;
        margin: 0;
}
.brand-section .owl-carousel .owl-item img{
        width: auto;
        display: inline-block;
} 
.brand-section .owl-carousel .owl-item .item{
        text-align: center;
}
/* ================
Brand section css code end
=================== */
/* ================
footer section container css code
=================== */
.footerSection{
        background: url(../images/erection-footer-image.png) center bottom no-repeat #171718;
        background-size: contain;
        padding:100px 0;
}
.footerSection h2{
        padding: 0;
        margin: 0;
        font: 400 18px 'Barlow', sans-serif;
        line-height: 50px;
        color: #fff;
        text-transform: uppercase;
}
.footerSection .contact{
        padding: 0 30px 0 0;
        margin: 0;
}
.footerSection .contact li{
        display: flex;
        position: relative;
        align-items: flex-start;
        gap: 10px;
        font: 400 16px 'Barlow', sans-serif;
        line-height: 28px;
        color: #a5a5a5;
        padding: 5px 0;
        letter-spacing: 1px;
}
.footerSection .contact li a{
        font: 400 16px 'Barlow', sans-serif;
        line-height: 28px;
        color: #a5a5a5;    
}
.footerSection .contact li a:hover{
        color: #f7ae19;  
        text-decoration: underline;  
}
.footerSection .contact li i{
        font-size: 20px;
        line-height: 35px;
}
.footerSection .footer_contact_info figure{
        padding: 0;
        margin: 0;
}
.footerSection .footer_contact_info figure img{
        max-width:13%;
        height: auto;
}
.footerSection .footer_contact_info p{
        font: 400 16px 'Barlow', sans-serif;
        line-height: 28px;
        color: #a5a5a5;
        padding: 30px 0;
        margin: 0 80px 0 0;
}
.footerSection ul.navbar-nav{
        padding: 0;
        margin: 0;
}
.footerSection ul.navbar-nav li{
        padding: 5px 0;
        margin: 0;
        display: block; 
        font: 400 16px 'Barlow', sans-serif;
        line-height: 28px;
        color: #a5a5a5;
}
.footerSection ul.navbar-nav li a{
        display: block; 
        color: #a5a5a5;
}
.footerSection .info p{
        font: 400 16px 'Barlow', sans-serif;
        line-height: 28px;
        color: #a5a5a5;
        padding:10px 0 30px 0;
        margin: 0 0 0 0;
}
.footerSection .info a {
        background-color: #fca70a;
        font: 500 15px 'Barlow', sans-serif;
        line-height: 47px;
        color: #000;
        padding: 0 25px;
        letter-spacing: 1px;
        display:block;
        margin: 0 0 0 0;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
        text-align: center;
}
.footerSection .info a:hover {
        background-color: #ffd10c;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.footerSection .socialLink{
        padding: 0;
        margin: 0;
        text-align: left;
}
.footerSection .socialLink li{
        display:inline-block;
        padding: 0;
        margin: 0 25px 0 0;
}
.footerSection .socialLink li a{
        font-size: 16px;
        color: #a5a5a5;
}
.footerSection .socialLink li a:hover{
        font-size: 16px;
        color: #fca70a;
}
.footerbottom{
        background-color: #171718;
        padding: 20px 0;
}
.footerbottom .copyright{
        display: flex;
        align-items: center;
        justify-content: space-between;
        font: 400 15px 'Barlow', sans-serif;
        line-height: 28px;
        color: #a5a5a5;
}
.footerbottom .copyright a{
        color: #a5a5a5;
}

/* ================
footer section container css code end
=================== */
/* ================
inner banner container section css code
=================== */
.inner_banner{
        position: relative;
}
.inner_banner figure {
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.inner_banner figure::after {
    content: '';
    position: absolute;
    inset: 0;
    background: #00000060;
}
.inner_banner figure img{
        width: 100%;
        height: auto;
        max-height: 320px;
		object-fit: cover;
}
.inner_banner .container{
        position: absolute;
        z-index: 9;
        left: 0;
        top: 0;
        bottom: 70px;
        align-items:flex-end;
        display: flex;
        margin: 0 auto;
        right: 0;
}
.inner_banner .container h1{
        font: 500 36px 'Barlow', sans-serif;
        line-height: 45px;
        color: #fff;
        padding: 0 0 15px 0;
        margin: 0;
}
.inner_banner .container .breadcrumb ul{
        padding: 0;
        margin: 0;
        text-align: left;
}
.inner_banner .container .breadcrumb ul li{
        display: inline-block;
        padding: 0;
        margin: 0;
}
.inner_banner .container .breadcrumb ul li:after{
        content: "|";
        margin: 0 6px;
        color: #fff;
}
.inner_banner .container .breadcrumb ul li:last-child:after{
        content: "";
        margin: 0 0;
}
.inner_banner .container .breadcrumb ul li a{
        background-color: inherit;
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        font: 400 13px 'Barlow', sans-serif;
        line-height: 20px;
        color: #fff;
}
.inner_banner .container .breadcrumb ul li a:hover{
        color:#FF9D00
}
.inner_banner .container .breadcrumb ul li a:after,
.inner_banner .container .breadcrumb ul li a:before{
        display: none;
}
/* ================
inner banner container section css code end
=================== */
/* ================
Services Page css code
=================== */
.serviceSection{
        padding: 100px 0;
}
.serviceSection .servicesList aside{
        margin: 0 0 30px 0;
}
/* ================
Services Page css code end
=================== */
/* ================
Pricing Page css code 
=================== */
.pricing-container{
        padding: 100px 0;
}
.pricing-page .pricing-section aside,
.pricing-page .pricing-section aside:hover{
        /* background-color: #272727; */
}
.pricing-page .pricing-section aside h4,
.pricing-page .pricing-section aside h3{
        /* color: #fff; */
}
.pricing-page .pricing-section aside ul li{
        /* color: #9b9b9b; */
}
.pricing-page .pricing-section aside h3{
        /* border-bottom: 1px solid #444444; */
}
.testimonial-part .container{
        position: relative;
}
.testimonial-part{
        padding: 65px 0 0 0;
}
.testimonial-part .container .wrapping{
        position: absolute;
        left: 0;
        top: -60px;
        width: 468px;
        background-color: #f7f7f7;
        padding: 50px 30px;
        z-index: 1;
}
.testimonial-part .container .wrapping h6{
        padding: 0;
        margin: 0 0 30px 0;
        font: 400 24px 'Barlow', sans-serif;
        line-height: 30px;
        color: #000;
        letter-spacing: 1px;
}
.testimonial-part .container .wrapping h2{
        padding: 0;
        margin: 0 0 0 0;
        font: 500 18px 'Barlow', sans-serif;
        line-height: 20px;
        color: #000;
        letter-spacing: 1px;
        position: relative;
}
.testimonial-part .container .wrapping h2 i{
        position: absolute;
        right: 20px;
        top: 0;
        color: #f4a938;
        font-size: 25px;
}
.testimonial-part .container .wrapping h2 span{
        font: 400 13px 'Barlow', sans-serif;
        line-height: 30px;
        color: #000;
        display: block;
        margin: 5px 0 0 0;
}
.testimonial-part .container .wrapping .content{
        padding: 0;
        margin: 0;
}
.testimonial-part .container .wrapping .content p{
        font: 400 20px 'Barlow', sans-serif;
        line-height: 30px;
        color: #000;
        font-style: italic; 
        padding: 0;
        margin: 25px 0 25px 0;
        letter-spacing: 1px;
}
.testimonial-part .container .wrapping h4{
        font: 400 16px 'Barlow', sans-serif;
        line-height: 30px;
        color: #000;
        padding: 0;
        margin: 0;
        letter-spacing: 1px;
}
.testimonial-part .container .wrapping .owl-dots{
        display: flex;
        align-items: center;
        padding: 30px 0 0 0;
        justify-content: center;
}
.testimonial-part .container .wrapping .owl-dots .owl-dot{
        width: 8px;
        height: 8px;
        background-color: #000;
        margin:0 5px;
}
.testimonial-part .container .wrapping .owl-dots .owl-dot.active{
        background-color: #f4a938;
}
.video-section{
        position: relative;
}
.video-section .popup{
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 0;
}
.video-section .popup .popup-youtube{
        display: inline-block;
        width: 80px;
        height: 80px;
        text-align: center;
        line-height: 80px;
        background-color: #fca70a;
        border-radius: 50%;
}
.video-section .popup .popup-youtube i{
        font-size: 40px;
        color: #000;
        line-height: 84px;
        position: relative;
        left: 4px;
}
.show-video-section{
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 99;
        background:rgba(0,0,0,0.7);
        padding: 0;
        justify-content: center;
        display: flex;
        align-items: center;
        display: none;
}
.show-video-section .closeifreme{
        position: absolute;
        right: 0;
        top: 0;
        background-color: #2f2f2f;
        font-size: 30px;
        padding: 10px 15px;
        width: 55px;
        height: 55px;
}
.show-video-section .closeifreme svg{
        fill: #fff;
        width: 100%;
        height: 100%;
}
.show-video-section article{
        width: 100%;
        height: 100%;
        position: absolute;
        padding: 50px 200px;
}
.show-video-section article iframe{
        width: 100%;
        height: 100%;
        max-height: 100% !important;
}
.mix {
        display: none;
        vertical-align: top;
        text-align: center;
        width: 31.1%;
        margin: 14px 14px;
        background-color: #ccc;
}
@media only screen and (max-width:1366px){
.mix {
        width: 31%;
}       
}
.portfoliosContainer{
        padding: 100px 0;
}
.portfoliosContainer .content{
        text-align: center;
}
.portfoliosContainer h2{
        padding: 0;
        margin: 0;
        text-align: center;
        display: inline-block;
        font: 400 36px 'Barlow', sans-serif;
        line-height: 32px;
        color: #000;
        letter-spacing: 1px;
        position: relative;
}
.portfoliosContainer h2 span{
        display: block;
        font: 600 14px 'Barlow', sans-serif;
        line-height: 20px;
        color: #f4a938;
        letter-spacing: 2px;
        margin: 0 0 12px 0;
        text-transform: uppercase;
}
.portfoliosContainer h2:after{
        display: inline-block;
        width: 10%;
        height: 3px;
        margin: 0 auto;
        background-color: #000;
        content: "";
}
.portfoliosContainer .buttonFilter{
        padding: 30px 0 30px 0;
        margin: 0;
}
.portfoliosContainer .buttonFilter ul{
        text-align: center;
}
.portfoliosContainer .buttonFilter ul li{
        display: inline-block;
        font: 500 17px 'Barlow', sans-serif;
        line-height: 28px;
        color: #7a7a7a;
        padding: 0 15px;
}
.portfoliosContainer .buttonFilter ul li a{
        color: #7a7a7a;
}
.portfoliosContainer .buttonFilter ul li a.active{
        color: #fca70a;
}
.portfoliosContainer .portfoliosCon h3 {
        padding: 15px 24px;
        margin: 0;
        background-color: #444444;
        font: 500 22px 'Barlow', sans-serif;
        line-height: 30px;
        color: #fff;
        text-align: left;
}
.portfoliosContainer .portfoliosCon h3 a {
        color: #fff;
}
.portfoliosContainer .portfoliosCon h3 span{
        display: block;
        font: 500 16px 'Barlow', sans-serif;
        line-height: 30px;
        color: #fca70a;
        letter-spacing: 1px;
}
.portfoliosContainer .portfoliosCon h3 span a {
        color: #fca70a;
}
.portfoliosContainer .portfoliosCon figure {
        padding: 0;
        margin: 0;
        overflow: hidden;
}
.portfoliosContainer .portfoliosCon figure img {
        transform: none;
        display: block;
        width: 100%;
        height: auto;
        -moz-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.portfoliosContainer .portfoliosCon figure img:hover {
        transform: scale(1.1);
        display: block;
        width: 100%;
        height: auto;
        -moz-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
/* ================
Pricing Page css code end
=================== */


/* =========================== Project Page css code Start ================ */


/* .portfolio-section .container{
        width: 75%;
        margin: 5em auto
}

.portfolio-section .container .mix{
        display: none;
        text-align: center;
        width: 23%;
        margin: 1em 1%;
        background-color: #ccc;
}

.portfolio-section .container button{
        background: #666666;
        border: none;
        color: white;
        padding: .65em;
        border-radius: 5px;
} */
/* =========================== 
Project Page css code End 
================ */

/* =========================== 
Faq page css code start
================ */
.faQcontainer{
        padding: 100px 0;
        margin: 0;
}
.FaqListCon{
        padding: 0;
        margin: 10px 0 0 0;
}
.FaqListCon li{
        border: 1px solid rgba(0, 0, 0, .125);
        background-color: #f7f7f7;
        padding: 0 20px;
        border-radius: 3px;
        margin: 0 0 10px 0;
}
.FaqListCon li .ansWer{
        display: none;
        border-top: 1px solid rgba(0, 0, 0, .125);  
        padding: 0 0 20px 0;
}
.FaqListCon li .ansWer p{
        font: 400 16px 'Barlow', sans-serif;
        line-height: 30px;
        color: #5e5e5e;
        padding: 20px 0 0 0;
}
.FaqListCon li a{
        display: block;
        font: 500 16px 'Barlow', sans-serif;
        line-height: 30px;
        color: #5e5e5e;
        padding: 16px 0;
        position: relative;
}
.FaqListCon li a:after{
        content: "+";
        position: absolute;
        right: 0;
        top: 15px;
        font-size: 25px;
}
.FaqListCon li a.minusClass:after{
        content: "-";
        position: absolute;
        right: 0;
        top: 15px;
        font-size: 25px;
}
.faQcontainer .faqContent h2{
        padding: 0;
        margin: 0;
        font: 400 30px 'Barlow', sans-serif;
        line-height: 30px;
        color: #000;
}
.faQcontainer .faqContent h2:after{
        width: 4%;
        height: 3px;
        background-color: #000;
        content: "";
        display: block;
        margin: 20px 0 30px 0;
}
.faQcontainer .faqContent p{
        font: 400 16px 'Barlow', sans-serif;
        line-height: 30px;
        color: #5e5e5e;
        padding: 0 0 30px 0;
}
.faQleft .service-section{
        padding: 0;
        margin: 0;
}
.faQleft .service-section ul{
        padding: 0;
        margin: 0;
}
.faQleft .service-section ul li{
        padding: 0;
        margin: 0 0 2px 0;
        display: block;
}
.faQleft .service-section ul li a{
        display: block;
        font: 400 16px 'Barlow', sans-serif;
        line-height: 30px;
        color: #000;
        padding: 15px 30px;
        background-color: #f7f7f7;
}
.faQleft .service-section ul li a:hover,
.faQleft .service-section ul li.active a{
        display: block;
        font: 400 16px 'Barlow', sans-serif;
        line-height: 30px;
        color: #000;
        padding: 15px 30px;
        background-color: #fca70a;
}
.faQleft .service-section{
        margin: 0 0 40px 0;
}
.faQleft .recent-architect h3{
        display: block;
        padding:4px 0 4px 10px;
        margin: 0 0 24px 0;
        font: 500 17px 'Barlow', sans-serif;
        line-height: 20px;
        color: #000;
        text-transform: uppercase;
        border-left: 3px solid #fca70a;
}
/* =========================== 
Faq page css code end
================ */
/* ============== dark theme css code
=========== */
/* ============================= 
contact us page css code start 
========================= */
.contactUsContainer {
        /* padding: 100px 0 0 0; */ /*  turned off because beneath the map section is turned off, so whoevers works next would get to know that below this section there is a google map section */
        padding: 100px 0 50px 0;
        margin: 0;
}
.contactUsContainer .contactTopSec{
        background-color: #f7f7f7;
        padding: 30px;
        text-align: center;
        min-height: 275px;
}
.contactUsContainer .contactTopSec i{
        width: 70px;
        height: 70px;
        background-color: #fca70a;
        border-radius: 50%;
        text-align: center;
        line-height: 70px;
        font-size: 30px;
        color: #65271f;
        margin: 0 0 20px 0;
} 
.contactUsContainer .contactTopSec h4{
        font: 400 30px 'Barlow', sans-serif;
        line-height: 35px;
        color: #5e5e5e;
        margin: 0 0 20px 0;
        padding: 0;
        letter-spacing: 1px;
}
.contactUsContainer .contactTopSec .boxContent{
        margin: 0 60px;
        padding: 0;
}
.contactUsContainer .contactTopSec .boxContent a{
        font: 400 17px 'Barlow', sans-serif;
        line-height: 30px;
        color: #5e5e5e;
        margin: 0 0 0 0;
        padding: 0;
        letter-spacing: 1px;
}
.contactUsContainer .form-section{
        padding: 80px 0 0 0;
        margin: 0;
}
.contactUsContainer .form-section h4{
        margin: 0 0 0 0;
        padding: 0;
        font: 400 30px 'Barlow', sans-serif;
        line-height: 35px;
        color: #272727;
}
.contactUsContainer .form-section p{
        font: 400 17px 'Barlow', sans-serif;
        line-height: 25px;
        color: #5e5e5e;
        padding:35px 80px 35px 0;
        letter-spacing: 1px;
}
.contactUsContainer .form-section br{
        display: none;
}
.contactUsContainer .form-section label{
        font: 400 16px 'Barlow', sans-serif;
        line-height: 25px;
        color: #5e5e5e;
        display: block;
        margin:  0 0 10px 0;
}
.contactUsContainer .form-section input[type=text],
.contactUsContainer .form-section input[type=email]
{
        width: 100%;
        background-color: #fff;
        padding: 0 15px;
        height: 45px;
        border: 1px solid #ccc;
        outline: none;
        font: 400 16px 'Barlow', sans-serif;
        line-height: 45px;
        color: #000;
        border-radius: 3px;
}
.contactUsContainer .form-section textarea{
        width: 100%;
        background-color: #fff;
        padding: 0 15px;
        height:150px;
        border: 1px solid #ccc;
        outline: none;
        font: 400 16px 'Barlow', sans-serif;
        line-height: 45px;
        color: #000;
        border-radius: 3px;
}
.contactUsContainer .form-section input[type=submit]{
        background-color: #fca70a;
        font: 500 15px 'Barlow', sans-serif;
        line-height: 45px;
        color: #000;
        padding: 0 25px;
        letter-spacing: 1px;
        display: inline-block;
        margin: 10px 0 0 0;
        border: none;
        outline: none;
        text-transform: uppercase;
        moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.contactUsContainer .form-section input[type=submit]:hover{
        background-color: #ffd10c;
        moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.contactUsContainer .rightInfo{
        padding: 80px 0 0 80px;
        margin: 0;
}
.contactUsContainer .rightInfo h5{
        font: 400 24px 'Barlow', sans-serif;
        line-height: 30px;
        color: #272727;
        padding: 0;
        margin: 0 0 0 0;
        letter-spacing: 1px;
}
.contactUsContainer .rightInfo p{
        font: 400 17px 'Barlow', sans-serif;
        line-height: 30px;
        color: #5e5e5e;
        padding:30px 0 30px 0;
        letter-spacing: 1px;
}
.contactMapContainer {
	padding: 20px 0;
	margin: 0px 0 0 0;
	height: 450px;
}
#map {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.contactMapContainer iframe{
        width: 100%;
}
#contact_page_form label.error{
        color: rgb(255, 0, 0);
}
/* ============================= 
contact us page css code end 
========================= */
/* ============================= 
Blog Page css start 
========================= */
.leftBlogList aside{
        padding: 0;
        margin: 0 0 45px 0;
}
.leftBlogList aside figure{
        padding: 0;
        margin: 0;
        overflow: hidden;
        position: relative;
}
.leftBlogList aside figure img{
       width: 100%;
       height: auto;
       -webkit-filter: grayscale(100);
       -ms-filter: grayscale(100);
       -moz-filter: grayscale(100);
       filter: grayscale(100);
       -moz-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.leftBlogList aside figure img:hover{
        width: 100%;
        height: auto;
        -webkit-filter: grayscale(0);
        -ms-filter: grayscale(0);
        -moz-filter: grayscale(0);
        filter: grayscale(0);
        -moz-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
        transform: scale(1.1);
 }
 .leftBlogList aside figure h4{
        left: 20px;
        top: 20px;
        position: absolute;
        background-color:#f9bd0b;
        padding: 3px 15px;
        margin: 0;
        font: 300 14px 'Barlow', sans-serif;
        line-height: 30px;
        color: #000;
        letter-spacing: 1px;
 }
 .leftBlogList aside figure h4 i{
        margin: 0 5px 0 0;
 }
 .leftBlogList aside .contentblog{
        padding: 15px 0 0 0;
 }
 .leftBlogList aside .contentblog h2{
        padding: 0;
        margin: 0 0 15px 0;
 }
 .leftBlogList aside .contentblog h2 a{
        padding: 0;
        margin: 0;
        font: 400 20px 'Barlow', sans-serif;
        line-height: 30px;
        color: #272727;
        letter-spacing: 1px;
 }
 .leftBlogList aside .contentblog h2 a:hover{
        color: #f9bd0b;
 }
.leftBlogList aside .contentblog .wordpress_author {
        display: flex;
        align-items: center;
        margin: 0 0 15px 0;
}
.leftBlogList aside .contentblog .wordpress_author span{
        margin: 0 0 0 0;
        font: 400 16px 'Barlow', sans-serif;
        line-height: 30px;
        color: #7a7a7a;
        letter-spacing: 1px;
}
.leftBlogList aside .contentblog .wordpress_author span i{
        color: #f9bd0b;
}
.leftBlogList aside .contentblog .wordpress_author span:after{
        color: #7a7a7a;
        content: "-";
        margin: 0 10px;
}
.leftBlogList aside .contentblog .wordpress_author span:last-child:after{
        content: "";
        margin: 0 0;
}
.leftBlogList aside .contentblog .desc p{
        font: 400 16px 'Barlow', sans-serif;
        line-height: 30px;
        color: #7a7a7a;
        letter-spacing: 1px;
        padding: 0;
        margin: 0;
}
.blogRight {
        padding: 0;
        margin: 0;
}
.blogRight h2{
        display: block;
        padding:4px 0 4px 10px;
        margin: 0 0 24px 0;
        font: 500 17px 'Barlow', sans-serif;
        line-height: 20px;
        color: #000;
        text-transform: uppercase;
        border-left: 3px solid #fca70a;
}
.blogRight .blogSearch{
        background-color: #f7f7f7;
        padding: 24px;
        margin: 0 0 40px 0;
}
.blogRight .blogSearch .search-form label{
        display: none;
}
.blogRight .blogSearch .search-form {
        background-color: #fff;
        padding: 0px 1px 2px 1px;
}
.blogRight .blogSearch .search-form input[type=search]{
        height: 50px;
        border: none;
        outline: none;
        width: 85%;
        padding:0 15px;
        font: 400 17px 'Barlow', sans-serif;
        line-height: 50px;
        color: #000;
}
.blogRight .blogSearch .search-form input[type=submit]{
        background:url(../images/search-icon.jpg) 50% 50% no-repeat #ebebeb;
        padding: 0;
        margin: 0;
        height: 50px;
        text-indent: -5000px;
        border: none;
        outline: none;
        width:14%;      
}
.blogRight .blogCatagory{
        background-color: #f7f7f7;
        padding: 24px;
        margin: 0 0 40px 0;
}
.blogRight .blogCatagory h2,
.recent_blog_list h2
{
        display: block;
        padding:4px 0 4px 10px;
        margin: 0 0 24px 0;
        font: 500 17px 'Barlow', sans-serif;
        line-height: 20px;
        color: #000;
        text-transform: uppercase;
        border-left: 3px solid #fca70a;
}
.blogRight .blogCatagory ul,
.blogrightpart1 .widget_meta ul
{
        padding: 0;
        margin: 0;
}
.blogRight .blogCatagory ul li,
.blogrightpart1 .widget_meta ul li
{
        display: block;
        padding: 10px 0;
        margin: 0;
        font: 400 16px 'Barlow', sans-serif;
        line-height: 25px;
        color: #000;
        border-bottom: 1px dashed #ccc;
}
.blogRight .blogCatagory ul li a,
.blogrightpart1 .widget_meta ul li a
{
        color: #000;
        text-decoration: none;
}
.blogRight .blogCatagory ul li:last-child,
.blogrightpart1 .widget_meta ul li:last-child
{
        border-bottom: none;
}
.recent_blog_list{
        background-color: #f7f7f7;
        padding: 24px;
        margin: 0 0 40px 0;
}
.recent_blog_list .sk_box{
        display: flex;
        padding: 15px 0;
        border-bottom: 1px dashed #ccc;
        margin: 0 0 0 0;
}
.recent_blog_list .sk_box figure{
        width: 30%;
        margin: 0 15px 0 0;
}
.recent_blog_list .sk_box .sk_text h3{
        padding: 0;
        margin: 0 0 7px 0;
        font: 400 16px 'Barlow', sans-serif;
        line-height: 23px;
        color: #000;
}
.recent_blog_list .sk_box .sk_text h3 a{
        color: #000;
}
.recent_blog_list li:last-child .sk_box{
        border-bottom: none;
}
.recent_blog_list .sk_box .sk_text .sk_info{
        padding: 0;
        margin: 0;
        font: 400 14px 'Barlow', sans-serif;
        line-height: 20px;
        color: #717171;
}
.blogrightpart1 .widget_archive,
.blogrightpart1 .widget_meta
{
        background-color: #f7f7f7;
        padding: 24px;
        margin: 0 0 40px 0;
}
.blogrightpart1 .widget_archive ul{
        padding: 0;
        margin: 0;
}
.blogrightpart1 .widget_archive ul li{
        display: block;
        padding: 10px 0;
        margin: 0;
        font: 400 16px 'Barlow', sans-serif;
        line-height: 25px;
        color: #000;
        border-bottom: 1px dashed #ccc;
}
.blogrightpart1 .widget_archive ul li:last-child{
        border-bottom: none;
}
.blogrightpart1 .widget_archive ul li a{
        color: #000;
}
.blog-section .pagination{
        text-align: center;
        justify-content: center;
}
.blog-section .pagination a{
        border-radius: 50%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        text-align: center;
        padding: 0;
        font-weight: 600;
        color: #7a7a7d;
        background-color: #f7f7f7;
        margin: 0 5px;
}
.blog-section .pagination .current,
.blog-section .pagination a:hover
{
        border-radius: 50%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        text-align: center;
        padding: 0;
        font-weight: 600;
        color: #000;
        background-color: #fca70a;
        margin: 0 5px;
}
.blog-section .pagination .prev,
.blog-section .pagination .next,
.blog-section .pagination .prev:hover,
.blog-section .pagination .next:hover
{
        font-size: 0;
        position: relative;
}
.blog-section .pagination .prev:before{
        content: "\f053";
        font-size: 16px;
        font-family: "FontAwesome";
}
.blog-section .pagination .next:before{
        content: "\f054";
        font-size: 16px;
        font-family: "FontAwesome";
}
.blogDetailsContainer{
        padding:70px 0;
        margin: 0;
}
.blog_details_left{
        padding: 0 25px 0 0;
}
/* ============================= 
Blog Page css end 
========================= */
/* =================== services details part ==================== */
.servicesDetails{
        padding: 100px 0;
        margin: 0;
}
.servicesDetails .service-section{
        padding: 0;
        margin: 0;
}
.servicesDetails .service-section ul{
        padding: 0;
        margin: 0;
}
.servicesDetails .service-section ul li{
        padding: 0;
        margin: 0 0 2px 0;
        display: block;
}
.servicesDetails .service-section ul li a{
        display: block;
        font: 400 16px 'Barlow', sans-serif;
        line-height: 30px;
        color: #000;
        padding: 15px 30px;
        background-color: #f7f7f7;
}
.servicesDetails .service-section ul li a:hover,
.servicesDetails .service-section ul li a.active{
        display: block;
        font: 400 16px 'Barlow', sans-serif;
        line-height: 30px;
        color: #000;
        padding: 15px 30px;
        background-color: #fca70a;
}
.servicesDetails .service-section{
        margin: 0 0 40px 0;
}
.servicesDetails .recent-architect h3{
        display: block;
        padding:4px 0 4px 10px;
        margin: 0 0 24px 0;
        font: 500 17px 'Barlow', sans-serif;
        line-height: 20px;
        color: #000;
        text-transform: uppercase;
        border-left: 3px solid #fca70a;
}
.serviceDetailsRight{
        padding: 0 0 0 25px;
        margin: 0;
}
.serviceDetailsRight .allserviceSection_wrapper{
        padding: 0 0 0 0;
        margin: 0;
}
.serviceDetailsRight .allserviceSection_wrapper .content {
	padding: 16px 0 30px 0;
}
.serviceDetailsRight .allserviceSection_wrapper .content h2 {
	font: 500 24px 'Barlow', sans-serif;
	line-height: 30px;
	color: #272727;
	padding: 0;
	margin: 20px 0 0;
}
.serviceDetailsRight .allserviceSection_wrapper .content :is(h3, h4, h5, h6) {
	color: inherit;
	margin-top: 16px;
	font-weight: 600;
	font-size: 22px;
}
.dark-mode-class .serviceDetailsRight .allserviceSection_wrapper .content :is(h3, h4, h5, h6) {
	color: #fff;
}
.serviceDetailsRight .allserviceSection_wrapper .content h2 a{
        color: #272727;
}
.serviceDetailsRight .allserviceSection_wrapper .content h2 span{
        display: block;
        font: 500 14px 'Barlow', sans-serif;
        line-height: 20px;
        color: #fca70a;
        margin: 15px 0 0 0;
}
.serviceDetailsRight .allserviceSection_wrapper .content h2 span a{
        color: #fca70a;
}
.serviceDetailsRight .allserviceSection_wrapper .content p{
        padding: 30px 0 0 0;
        margin: 0;
        font: 400 16px 'Barlow', sans-serif;
        line-height: 25px;
        color: #717171;
}
.serviceDetailsRight .service_process_rep{
        padding: 0 0 40px 0;
        text-align: center;
}
.serviceDetailsRight .service_process_rep i{
        width: 100px;
        height: 100px;
        background-color: #fca70a;
        border-radius: 50%;
        line-height: 100px;
        text-align: center;
        font-size: 45px;
        color: #272727;
}
.serviceDetailsRight .service_process_rep h6{
        font: 400 24px 'Barlow', sans-serif;
        line-height: 30px;
        color: #272727;
        padding: 15px 0;
        margin: 0;
        letter-spacing: 1px;
}
.serviceDetailsRight .service_process_rep p{
        padding:0px 0 0 0;
        margin: 0;
        font: 400 16px 'Barlow', sans-serif;
        line-height: 25px;
        color: #717171;
}
/* =================== services details part  end==================== */
/* =================== website Mode Change ==================== */
.websiteModeChange{
        position: fixed;
        right: 0;
        top: 150px;
        z-index: 999;
}
.dark-mode-class .websiteModeChange button,
.light-mode-class .websiteModeChange button
{
        border: none;
        outline: none;
        padding: 10px 15px;
        background-color: #f3f2f0;
        text-align: center;
        font: 700 12px 'Barlow', sans-serif;
        line-height: 20px;
        color: #000;
        border-right: none;
        position: relative;
        width: 60px;
        text-transform: uppercase;
}
.light-mode-class .websiteModeChange button{
        background-color: #fbb909;
        border-right: none;
}
.websiteModeChange button i{
        font-size: 24px;
        display: block;
        color: #000;
}
.dark-mode-class .websiteModeChange button:after{
        content: "Light";
}
.light-mode-class .websiteModeChange button:after{
        content: "Dark";
}
/* =================== website Mode Change end==================== */
/* =================== about us page ==================== */
.about_top_area{
        padding: 100px 0;
}
.about_top_area .row{
        align-items: center;
}
.about_top_area .TopLeftPart{
        background-color: #fff;
        padding: 50px 30px;
        /* margin-right: -100px; */
        z-index: 9;
        position: relative;
}
.about_top_area .TopLeftPart h2 {
        font: 400 42px 'Barlow', sans-serif;
        line-height: 53px;
        color: #000;
        padding: 0;
        margin: 0 0 0px 0;
        text-transform: uppercase;
}
.about_top_area .TopLeftPart h2 span {
        font: 500 14px 'Barlow', sans-serif;
        line-height: 20px;
        color: #fca70a;
        padding: 0;
        margin: 0 0 0px 0;
        text-transform: uppercase;
        letter-spacing: 2px;
        display: block;
}
.about_top_area .TopLeftPart p {
        font: 400 16px 'Barlow', sans-serif;
        /* line-height: 30px; */
        line-height: 29px;
        color: #7a7a7a;
        padding: 0 30px 0 0;
        margin: 20px 0 0px 0;
        letter-spacing: 1px;
}
.StartedSection .row{
       flex-direction: row-reverse;
}
.StartedSection.about_top_area .TopLeftPart{
        /*background-color: #fff;
        padding: 50px 30px;
        margin-left: -100px;
        z-index: 9;
        position: relative;
        margin-right: 0;*/
        background-color: #fff;
        padding: 26px 30px;
        margin-left: -120px;
        z-index: 9;
        position: relative;
        margin-right: 0;
}
/* =================== about us page end==================== */
/* =================== Our Expert ==================== */
.OurExpert{
        padding: 0 0 30px 0;
}
.OurExpert .aboutTeamArea{
        text-align: center;
}
.OurExpert .aboutTeamArea aside{
        margin: 0 0 30px 0;
}
.OurExpert .aboutTeamArea h2 {
        font: 400 42px 'Barlow', sans-serif;
        line-height: 53px;
        color: #000;
        padding: 0;
        margin: 0 0 40px 0;
}
.OurExpert .aboutTeamArea h2 span {
        font: 500 14px 'Barlow', sans-serif;
        line-height: 20px;
        color: #fca70a;
        padding: 0;
        margin: 0 0 0px 0;
        letter-spacing: 2px;
        display: block;
}
.OurExpert .aboutTeamArea h3{
        padding: 0;
        margin: 0 13px;
        background-color: #444444;
        padding: 24px;
        position: relative;
        top: -55px;
        font: 300 18px 'Barlow', sans-serif;
        line-height: 30px;
        color: #fff;
}
.OurExpert .aboutTeamArea h3 a{
        color: #fff;
}
.OurExpert .aboutTeamArea h3 span{
        font: 300 14px 'Barlow', sans-serif;
        line-height: 20px;
        color:#c4c2c2;
        display: block;
}
.OurExpert .aboutTeamArea aside:hover h3{
        background-color: #fca70a;
        color: #000;
        -moz-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.OurExpert .aboutTeamArea aside:hover h3 span{
        color: #000;
        -moz-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
}
.OurExpert .aboutTeamArea aside:hover h3 a{
        color: #000;
}
/* =================== Our Expert end==================== */
/* =================== Team Member Details==================== */
/* .teamMemberDetails{
        padding: 100px 0;
} */
/* =================== Team Member Details end==================== */
/* ==============
dark theme css code start
=========== */
.dark-mode-class header.header_section .navbar-brand{
        background-color:transparent;  
}
.dark-mode-class .home-qoute-section > div{
        background-color:#272727;  
}
.dark-mode-class .home-qoute-section > div p,
.dark-mode-class .about-section h2,
.dark-mode-class .our-service-top-container h2,
.dark-mode-class .counter-section .item h6,
.dark-mode-class .portfolio-section h2,
.dark-mode-class .work-process aside h3,
.dark-mode-class .pricing-plan-top-container h2,
.dark-mode-class .blog-post-section .item h2 a,
.dark-mode-class .our-homeservice aside h3 a,
.dark-mode-class .contactUsContainer .contactTopSec h4,
.dark-mode-class .contactUsContainer .form-section h4,
.dark-mode-class .contactUsContainer .form-section p,
.dark-mode-class .contactUsContainer .rightInfo h5,
.dark-mode-class .faQcontainer .faqContent h2,
.dark-mode-class .faQleft .recent-architect h3,
.dark-mode-class .portfoliosContainer h2,
.dark-mode-class .leftBlogList aside .contentblog h2 a,
.dark-mode-class .blogRight h2,
.dark-mode-class .blogRight .blogCatagory h2, 
.dark-mode-class .recent_blog_list h2,
.dark-mode-class .blogRight h2,
.dark-mode-class .blogRight .blogCatagory ul li a, 
.dark-mode-class .blogrightpart1 .widget_meta ul li a,
.dark-mode-class .recent_blog_list .sk_box .sk_text h3 a,
.dark-mode-class .blogrightpart1 .widget_archive ul li a,
.dark-mode-class .servicesDetails .recent-architect h3,
.dark-mode-class .serviceDetailsRight .allserviceSection_wrapper .content h2,
.dark-mode-class .serviceDetailsRight .service_process_rep h6,
.dark-mode-class .serviceDetailsRight .allserviceSection_wrapper .content h2 a,
.dark-mode-class .blogDetailsLeft h1,
.dark-mode-class .blogDetailsLeft h4,
.dark-mode-class .blogDetailsLeft .comments-area .comment-respond h2,
.dark-mode-class .about_top_area .TopLeftPart h2,
.dark-mode-class .OurExpert .aboutTeamArea h2
{
        color: #fff;
}
.dark-mode-class .about-section p,
.dark-mode-class .our-service-top-container p,
.dark-mode-class .our-homeservice aside p,
.dark-mode-class .work-process aside p,
.dark-mode-class .pricing-plan-top-container p,
.dark-mode-class .blog-post-section .item h5,
.dark-mode-class .contactUsContainer .contactTopSec .boxContent a,
.dark-mode-class .contactUsContainer .rightInfo p,
.dark-mode-class .contactUsContainer .form-section label,
.dark-mode-class .faQcontainer .faqContent p,
.dark-mode-class .FaqListCon li a,
.dark-mode-class .FaqListCon li .ansWer p,
.dark-mode-class .portfoliosContainer .buttonFilter ul li a,
.dark-mode-class .leftBlogList aside .contentblog .wordpress_author span,
.dark-mode-class .leftBlogList aside .contentblog .desc p,
.dark-mode-class .recent_blog_list .sk_box .sk_text .sk_info,
.dark-mode-class .serviceDetailsRight .allserviceSection_wrapper .content p,
.dark-mode-class .serviceDetailsRight .service_process_rep p,
.dark-mode-class .blogDetailsLeft .blogcomment span,
.dark-mode-class .blogDetailsLeft .entry-content p,
.dark-mode-class .heateor_sss_horizontal_sharing .heateor_sss_sharing_title, .tagList span,
.dark-mode-class .blogDetailsLeft .comment-list li .comment-content p,
.dark-mode-class .blogDetailsLeft .comments-area .comment-respond .comment-notes, 
.dark-mode-class .blogDetailsLeft .comments-area .comment-form .logged-in-as,
.dark-mode-class .blogDetailsLeft .comments-area .comment-form label,
.dark-mode-class .blogDetailsLeft .comments-title,
.dark-mode-class .about_top_area .TopLeftPart p
{
        color: #a3a3a3;
}
.dark-mode-class .portfoliosContainer .buttonFilter ul li a.active,
.dark-mode-class .leftBlogList aside .contentblog h2 a:hover
{
        color: #fca70a;
}
.dark-mode-class .our-homeservice aside,
.dark-mode-class .blogDetailsLeft .comment-list li,
.dark-mode-class .blogDetailsLeft .comments-area .comment-respond
{
        background-color:#343434;  
}
.dark-mode-class .our-homeservice aside:hover{
        background-color:#fca70a;  
}
.dark-mode-class .our-homeservice aside:hover h3 a,
.dark-mode-class .our-homeservice aside:hover p{
        color: #000;
}
.dark-mode-class .pricing-section aside{
        background-color: #323232;
}
.dark-mode-class .pricing-section aside h4,
.dark-mode-class .pricing-section aside h4 sup
{
        color: #fff;
}
.dark-mode-class .pricing-section aside h3{
        color: #fbab0a;
        border-bottom: 1px solid #4e4e4e;
}
.dark-mode-class .pricing-section aside ul li{
        color: #a3a3a3;
}
.dark-mode-class .contactUsContainer .contactTopSec{
        background-color: #323232;
}
.dark-mode-class .faQcontainer .faqContent h2::after{
        background-color: #fff;
}
.dark-mode-class .FaqListCon li a::after{
        color: #f9bd0b;
}
.dark-mode-class .FaqListCon li{
        border: 1px solid #323232;
        background-color: #323232;
}
.dark-mode-class .FaqListCon li a:hover{
        color: #fff;
}
.dark-mode-class .faQleft .service-section ul li a,
.dark-mode-class .servicesDetails .service-section ul li a
{
        background-color: #343434;
        color: #fff;
}
.dark-mode-class .faQleft .service-section ul li a:hover,
.dark-mode-class .servicesDetails .service-section ul li a:hover
{
        background-color: #f9bd0b;
        color: #000;
}
.dark-mode-class .portfoliosContainer h2::after{
        background-color: #fff;
}
.dark-mode-class .blog-section .pagination a{
        background-color: #343434;
        color: #9fa3a3;
}
.dark-mode-class .blog-section .pagination a:hover{
        background-color: #f9bd0b;
        color: #000;
}
.dark-mode-class .blogRight .blogSearch,
.dark-mode-class .blogRight .blogCatagory,
.dark-mode-class .recent_blog_list,
.dark-mode-class .blogrightpart1 .widget_archive, 
.dark-mode-class .blogrightpart1 .widget_meta
{
        background-color: #343434;
}
.dark-mode-class .blogRight .blogCatagory ul li, 
.dark-mode-class .blogrightpart1 .widget_meta ul li{
        border-color: #4e4e4e;
}
.dark-mode-class .about_top_area .TopLeftPart{
        background-color: #272727;
}
.dark-mode-class .nav-links [class*="nav-"]{
        background-color: #343434;
        color: #fff;
}
.dark-mode-class .nav-pagination_wrapper{
        border-top: 1px solid #343434;
        border-bottom: 1px solid #343434;
}
/* ==============
dark theme css code end
=========== */

/************** Testimonial Page Start ****************/
.testimonialsContainer{
        padding: 100px 0 50px 0;
}
.testimonialsContainer .content{
        text-align: center;
}
.testimonialsContainer h2{
        padding: 0;
        margin: 0;
        text-align: center;
        display: inline-block;
        font: 400 36px 'Barlow', sans-serif;
        line-height: 32px;
        color: #000;
        letter-spacing: 1px;
        position: relative;
}
.testimonialsContainer h2 span{
        display: block;
        font: 600 14px 'Barlow', sans-serif;
        line-height: 20px;
        color: #f4a938;
        letter-spacing: 2px;
        margin: 0 0 12px 0;
        text-transform: uppercase;
}
.testimonialsContainer h2:after{
        display: inline-block;
        width: 10%;
        height: 3px;
        margin: 0 auto;
        background-color: #000;
        content: "";
}

.dark-mode-class .testimonialsContainer h2{
        color: #ffffff;
}
.dark-mode-class .testimonialsContainer h2::after {
	background-color: #ffffff;
}
.review{
    
        padding: 30px 50px;
        margin-bottom: 30px;
        color: #fff;
        margin: 0px;
        -webkit-border-radius: 8px;
        border-radius: 16px;
        min-height: 100%;
        margin-bottom: 20px;
       background-color: #f7f7f7;
       min-height: auto;
}
.dark-mode-class .servicesDetails .review{
        background-color: #343434;
}
.dark-mode-class .servicesDetails .review p{
       color: #fff;
}
.dark-mode-class .servicesDetails .review p{
        color: #fff;
 }
.review h3{
        font-size: 35px;
        color: #000;
        float: right;
        width: 60px;
}
.review h4{
        font-size: 18px;
        margin-bottom: 20px;
        color: #000;
        font-weight: 500;
}
.dark-mode-class .servicesDetails .review h4{
        color: #fff;

}
.dark-mode-class .servicesDetails .review h5{
        color: #fff;

}
.review h5{
        color: #000;
        margin: -8px 0 40px 0;
        color: #767676;
        font-size: 13px;
}
.review p{
        font-size: 20px;
        margin-bottom: 20px;
        line-height: 30px;
        letter-spacing: 1px;
        color: #767676;
        font-style: italic;
        padding-right: 146px;
}


/************** Testimonial Page End *****************/

/* Service page button */
/* .post-navigation .nav-previous a::before{
        content: "\e605";
position: absolute;
display: inline-block;

font-size: 36px;
top: 50%;
text-align: center;
vertical-align: middle;
left: 10px;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
} */




@media (max-width:991px){

 /******** HOME PAGE *********/
 .navbar-toggler:focus{box-shadow: none;}
 header.header_section.darkHeader ul li a{
        color: #000000;
 }
 header.header_section.darkHeader ul li a:hover{
        color: #fbb909;
 }
.dark-mode-class header.header_section.darkHeader{
        background: #000000;
 }
.dark-mode-class header.header_section.darkHeader ul li a{
         color: #ffffff;
 }

.owl-carousel .owl-item img{
    height: 600px;
}
.brand-section .owl-prev{
        width: 14px;
        height: 22px;
        font-size: 20px;
        margin: -46px 0 0 -12px;
}
.brand-section .owl-next{
        width: 14px;
        height: 22px;
        font-size: 20px;
        margin: -22px -12px 0 0;
}
header.header_section{
        background-color: #000;
}
header.header_section .navbar-brand{
        background-color: #000;
}
.about-section article{
        padding: 0;
}
.pricing-section aside{
        margin-bottom: 35px;
}
.our-homeservice aside{
        margin-bottom: 35px;
}
.our-service-top-container p{
        padding: 0 65px 20px 0;
}
/* .our-homeservice aside{
        padding: 24px;
} */
.pricing-section aside .packCon a{
        padding: 0 10px;
}
.brand-section{
        padding: 0 0 100px 0;
}
.brand-section .owl-carousel .owl-item img{
        height: auto;
}
.footerSection .info a{
        padding: 0 7px;
}
.footerSection .socialLink li{
        margin: 0 18px 0 0;
}
.blog-post-section .item h2{
        font: 400 18px 'Barlow', sans-serif;
        line-height: 25px;
}
.footerSection .contact li{
        line-height: 32px;
}
.footerbottom .copyright{
        display: initial;
        font: 400 12px 'Barlow', sans-serif;
        line-height: 35px;
        text-align: center;
}
.footerSection .contact{
        padding: 0 30px 70px 0;
}

/********* ABOUT PAGE **********/
.inner_banner figure img{
        height: 280px;
}
.OurExpert .aboutTeamArea h3{
        font: 300 14px 'Barlow', sans-serif;
}
.teamMemberDetails{
        padding: 60px 0 0 0;
}
.about_top_area{
        padding: 0;
}

/********* PRICING PAGE **********/
.testimonial-part .container .wrapping{
        padding: 30px 30px;
}


/********* PROJECT PAGE **********/
/* .mix{
        display: block;
        width: 100%;
        margin: 20px 0 20px 0;
} */
/* .mix {
        display: none;
} */
/********* BLOG PAGE **********/

.blogRight .blogSearch .search-form input[type="submit"]{
        width: 13%;
}


/* .faqContent{
        padding: 60px 0 0 0;
} */
.faQcontainer{
        padding: 80px 0;
}

.serviceDetailsRight{
        padding: 0px 0 0 0px;
}
.servicesDetails{
        padding: 80px 0;
}
.serviceDetailsRight .allserviceSection_wrapper .content{
        padding: 35px 0 0px 0;
}
/********* CONTACT US PAGE **********/
.contactUsContainer .contactTopSec .boxContent{
        margin: 0;
}
.contactUsContainer .contactTopSec{
        min-height: 330px;
}

/******** Archita Started at 03/20/23 :03:52pm *************/

.footerbottom .copyright .right{
        justify-content: center;
}
.navbar-toggler{
        padding: 7px 7px 0px 7px;
        font-size: 1.25rem;
        line-height: 1;
        background-color: #fff;
        border: 1px solid #000;
        border-radius: .25rem;
        transition: box-shadow .15s ease-in-out;
 }      
 header.header_section ul li{
        text-align: center;
        margin-bottom: 10px;
 }
 header.header_section ul{
        margin-bottom: 10px;
 }
 .serviceDetailsRight .service_process_rep{
        padding: 40px 0 40px 0;
 }
 .serviceDetailsRight .service_process_rep i{
         margin-top: 30px;
 }

 .testimonial-part .container .wrapping .content p{
        height: 151px;
 }
 .testimonial-part{
        padding: 30px 0 0 0;
 }
 .testimonial-part .container .wrapping{
        top: -60px !important;
 }
 .video-section img{
        height: 480px !important;
 }
 .mix{
        width: 46%;
 }
 .recent_blog_list .sk_box figure {
        width: 18%;
        margin: 0 15px 0 0;
      }

      .review p{
              padding-right: 0;
      }
 /* .sk_text{
        margin-left: -120px !important;
 } */
/******** Archita Started at 03/20/23 :03:52pm *************/
}


@media (max-width:767px){

/********* HOME PAGE **********/
.navbar-toggler{
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: #fff;
        border: 1px solid #000;
        border-radius: .25rem;
        transition: box-shadow .15s ease-in-out;
 }
 .navbar-toggler-icon i{
  color: #000;

 }
 .navbar-toggler-icon {
        width: 17px;
        height: 23px;
 }
 header.header_section ul li{
        padding: 0;
        margin: 4px auto;
        display: inline-block;
        font: 400 16px 'Barlow', sans-serif;
          line-height: normal;
        line-height: 20px;
        color: #fff;
        text-transform: uppercase;
 }
 header.header_section ul{
        padding-bottom: 10px;
 }
 .bannerSection .bannerSlider .BannerTaxtContainer{
        left: -23px;
 }
 .brand-section .owl-next{
        margin: -20px -12px 0 0;
        width: 10px;
        height: 20px;
        font-size: 14px;
 }
 .brand-section .owl-prev{
        margin: -43px 0 0 -12px;
        width: 10px;
        height: 20px;
        font-size: 14px;
 }
 
.counter-section{
        text-align: center;
        padding: 35px 0 60px 0;
}
.explore_services_btn{
        margin: 10px 0 0 0 !important;
}
.counter-section .item h6{
        margin: 15px 0 30px 0;
}
header.header_section{
  background-color: #000;
}
header.header_section .navbar-brand{
        background-color: #000;
}
header.header_section .navbar-brand{
  width: 14%;
}
.owl-carousel .owl-item img{
    height: 500px;
}
.bannerSection .item .container h1{
    font-size: 24px;
    line-height: 42px;
}
.is-light-theme .home-qoute-section{
        padding-top: 32px;
}

.is-light-theme .home-qoute-section > div{
        margin: -100px 0 0 0;
        max-width: 100%;
}
.is-light-theme .home-qoute-section > div p{
        font: 400 18px 'Barlow', sans-serif;
        line-height: 30px;
}
.about-section a{
        margin: 35px 0 35px 0;
}
.serviceDetailsRight .allserviceSection_wrapper .content p{
        padding: 6px 0 0 0;
}
.servicesDetails{
        padding: 80px 0;
}
.websiteModeChange{
        top: 154px;
}
.about-section{
        padding: 70px 0;
}
.our-service-top-container p{
        margin: 0 0 30px 0;
}
.serviceDetailsRight .allserviceSection_wrapper .content h2{
        margin: 0 0 40px 0;
}
.serviceDetailsRight .allserviceSection_wrapper .content p{
        line-height: 30px;
}
.nav-previous{
        left: 0 !important;
        margin: 0 !important;
        padding: 16px 8px 16px 40px !important;
}
.about-section{
        padding: 70px 0;
}
.about-section h2{
        font: 400 38px 'Barlow', sans-serif;
        margin: 0 0 40px 0;
}
.about-section h6{
        margin: 0 0 10px 0;
}
.about-section article{
        padding: 0;
}
.our-homeservice aside{
        margin-bottom: 20px;
}
header.header_section.darkHeader{
        background: #fff;
}
.portfolio-section h2{
        font: 400 38px 'Barlow', sans-serif;
}
.portfolio-section .portfolio h3{
        font: 500 21px 'Barlow', sans-serif;
}
.work-process aside p{
        margin-bottom: 35px;
}

.work-process{
        padding: 80px  0;
}
.pricing-plan-section{
        padding: 0px 0 80px;
}
.our-service-top-container h2{
        font: 400 38px 'Barlow', sans-serif;
        margin: 0 0 16px 0;
}
/* .counter-section{
        padding: 30px 0;
} */
.our-service-top-container{
        padding: 0px 0 30px 0;
}
.our-service-section{
        padding: 10px 0 80px 0;
}
.pricing-plan-top-container h2{
        font: 400 38px 'Barlow', sans-serif;
}
.brand-section{
        padding: 0px 0 100px 0;
}
/* .pricing-plan-section{
        padding: 80px 0;
} */
.pricing-plan-top-container h2{
        margin: 0 0 20px 0;
}
.pricing-plan-top-container p{
        padding-bottom: 40px;
}
.pricing-section aside{
        margin-bottom: 25px;
}
.Request_Call_Back .CallBackForm{
        max-width: 100%;
}
.blog-section .BlogLeftCon{
        min-height: 500px;
        margin-bottom: 40px;
}
.blog-section{
        padding: 80px 0 50px 0;
}
.blog-post-section .item{
        padding: 0 16px 25px 0px;
}
.blog-post-section .item h5{
        margin: 18px 0 30px 0;
}
.brand-section .owl-carousel .owl-item img{
        height: auto;
}
.footerSection{
        padding: 60px 0;
}
.footerSection h2{
        padding: 0 0;
        margin-top: 30p;
}
.footerSection .socialLink{
        margin-bottom: 60px;
}
.footerSection .contact{
        padding: 0 30px 20px 0;
}
.footerSection ul.navbar-nav{
        padding-bottom: 20px;
}
.footerbottom .copyright{
        display: initial;
        font: 400 12px 'Barlow', sans-serif;
        line-height: 35px;
        text-align: center;
}

.nav-links [class*="nav-"].nav-next{
        padding: 16px 40px 16px 8px !important;
        right: 0px !important;
}
.nav-nex::before{
        top: 13px !important;
left: 60px !important;
}
.nav-next .meta-nav{
        text-align: left !important;
        font-size: 16px;
}
.nav-links [class*="nav-"] a{
        font-size: 16px;
}
.nav-links [class*="nav-"]::before{
        font-size: 36px !important;
        
        top: 16px !important;
     
}
/********** ABOUT-PAGE **********/
.inner_banner figure img{
        height: 264px;
}
.about_top_area{
        padding: 20px 0 80px 0;
}
.about_top_area .TopLeftPart h2{
        font: 400 32px 'Barlow', sans-serif;
}
.about_top_area .TopLeftPart{
        margin-right: 0;
}
.StartedSection.about_top_area .TopLeftPart{
        margin-left: -23px;
}
.OurExpert{
        padding: 60px 0 30px 0;
}
.OurExpert .aboutTeamArea h3{
        margin: 0 40px;
}
.about_top_area .TopLeftPart p{
        padding: 0;
}
.teamMemberDetails{
        padding: 0;
}

/********** SERVICE-PAGE **********/
.serviceSection{
        padding: 80px 0;
}


/********** PRICING-PAGE **********/
.pricing-container{
        padding: 80px 0;
}
.testimonial-part .container .wrapping{
        position: initial;
        width: 100%;

}
.testimonial-part{
        padding: 16px 0 0 0;
}

/********** PROJECT-PAGE **********/
.portfoliosContainer{
        padding: 80px 0;
}
.portfoliosContainer h2{
        font: 400 41px 'Barlow', sans-serif;
        line-height: 44px;
}
.portfoliosContainer .buttonFilter ul li{
        font: 500 16px 'Barlow', sans-serif;
        padding: 0px 12px;
}
.portfoliosContainer h2::after{
        width: 25%;
}
.mix{
        /* display: block; */
        width: 100%;
        margin: 20px 0 20px 0;
}
/********** BLOG-PAGE **********/
.dark-mode-class .blog-section .pagination a{
        margin-bottom: 35px;
}
.heateor_sss_svg{
        width: 31px !important;
}
.inner_banner .container h1{
        font: 500 17px 'Barlow', sans-serif;
}


/********** FAQ-PAGE **********/
.FaqListCon li a{
        font: 500 15px 'Barlow', sans-serif;
}


/********** CONTACT US-PAGE **********/
.contactUsContainer{
        padding: 80px 0 0 0;
}
.contactUsContainer .contactTopSec{
        margin-bottom: 35px;
        min-height: 275px;
}
.contactUsContainer .rightInfo{
        padding: 20px 0 0 0px;
}


/********** TESTIMONIAL-PAGE **********/
.review p{
        padding-right: 0;
}
.review{
        padding: 30px 20px;
        margin:60px 0 -32px 0
}

/********** PRIVACY-POLICY-PAGE **********/
.privacy_Section p{
        font: 400 16px 'Barlow', sans-serif;
}






/******** Archita Started at 03/20/23 :03:52pm *************/
.footerbottom .copyright .right{
        justify-content: center;
}
.StartedSection.about_top_area .TopLeftPart{
        padding: 0px 0 40px 30px;
}
.OurExpert .aboutTeamArea aside{
        margin: 0;
}
.serviceDetailsRight .service_process_rep{
        padding: 40px 0 40px 0;
}
.serviceDetailsRight .service_process_rep i{
        margin-top: 34px;
}
.post-title{
        display: none;
}
.serviceDetailsRight .allserviceSection_wrapper{
        padding: 45px 0 0 0;
}

.video-section img{
        height: auto !important;
}
.sk_text{
        margin-left: 2px !important;
 }
 .faqContent{
padding: 60px 0 0 0;
 }








/******** Archita Started at 03/20/23 :03:52pm *************/



}


@media ( max-width:428px){
 .portfoliosContainer h2{
         font: 400 43px 'Barlow', sans-serif;
 }    
     
}

@media ( max-width:390px){
 
.portfoliosContainer h2{
       font: 400 40px 'Barlow', sans-serif;
 }  
  .portfoliosContainer .buttonFilter ul li{
        padding: 0px 7px;
} 
.tagList ul li a{
        padding: 0 13px;
}
.heateor_sss_svg{
        width: 26px !important;
}
.tagList ul li a{
        padding: 0 12px;
}



        
 }


@media ( max-width:360px){

.portfoliosContainer h2{
        font: 400 35px 'Barlow', sans-serif;
}
.portfoliosContainer .buttonFilter ul li{
        padding: 0px 7px;
}
.heateor_sss_svg{
        width: 23px !important;
}
.tagList ul li a{
        padding: 0 10px;
}



}



/******** Archita Started at 03/20/23 :03:52pm *************/

.testimonial-part .container .wrapping .content p{
        overflow-y: auto;
        height: 140px;
}
.testimonial-part .container .wrapping{
        left: 20px;
        top: -90px;
}
.dark-mode-class .our-homeservice aside h3{
color: #fff;
}
/* .dark-mode-class .our-homeservice aside h3, .our-homeservice aside:hover h3{
color: rgb(0, 0, 0);
} */



/******** Archita Started at 03/20/23 :03:52pm *************/




/* .cssanimation, .cssanimation span {
        animation-duration: 1s;
        animation-fill-mode: both;
    }
    
    .cssanimation span { display: inline-block }
    
    .fadeInBottom { animation-name: fadeInBottom }
    @keyframes fadeInBottom {
        from {
            opacity: 0;
            transform: translateY(100%);
        }
        to { opacity: 1 }
    } */
    
.bannerSection .item .container h1, .bannerSection .item .container h1:before, .bannerSection .item .container h4, .bannerSection .item .container a{
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
}
.bannerSection .owl-item.active .item .container h1 {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;        
}
.bannerSection .owl-item.active .item .container h1:before{
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
        -webkit-animation-name: fadeInLine;
        animation-name: fadeInLine;
        -moz-transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;

}
.bannerSection .owl-item.active .item .container h4{
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
} 
.bannerSection .owl-item.active .item .container a{
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;

}
@-webkit-keyframes  fadeInLine {
        from {
                width: 0%;
        }
        to {
                width: 25%;
        }
}

@keyframes fadeInLine {
        from {
                width: 0%;
        }
        to {
                width: 25%;
        }
}


   
    /******** OWL-BANNER *******/

    .owl-prev{
        color: #000;
        width: 24px;
        height: 24px;
        background-color: #fff;
        border-radius: 0;
        text-align: center;
        font-size: 25px;
        margin: -46px 0 0 0;
        position: relative;
        z-index: 1;
    }
    .owl-next{
        color: #000;
        width: 24px;
        height: 24px;
        background-color: #fff;
        border-radius: 0;
        text-align: center;
        font-size: 25px;
        margin: -23px 0 0 0;
        float: right;
        position: relative;
        z-index: 1;
    }


     /* Pricing page video */
     .video-section img{
        width: 100% !important;
      }

     /* Page End */

    /******* BANNER ANIMATION *********/

    
    /* .bannerSection .bannerSlider .BannerTaxtContainer {
        position: relative;
        padding: 56px;
        overflow: hidden;
      }
      .bannerSection .bannerSlider .BannerTaxtContainer{
        content: "";
        display: inline-block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 28%;
        position: absolute;
       
        -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
        clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
      }
      .bannerSection .owl-item.active .text1{
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-name: bounceInUp;
        animation-delay: 0.3s;
      }
      
      .bannerSection .owl-item.active h4{
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-name: slideInUp;
        animation-delay: 0.5s;
      }
      .bannerSection .item .container h1::before{
              width: 12% !important;
      } */

      /***** Service section button *****/

     .nav-pagination_wrapper {
	position: relative;
	text-align: center;
	padding: 50px 0px 50px 0;
        max-width: 1000px;
	margin: 0px 0px 50px auto;
	font-size: 30px;
        border-top: 1px solid #e9e9e9;
        border-bottom: 1px solid #e9e9e9;
}
.nav-links .post-title {
    display: flex;
    align-items: center;
    gap: 12px;
}
      .nav-links [class*="nav-"] {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: #f7f7f7;
	padding: 10px;
	left: 10px;
	margin: 0;
	padding: 16px 24px;
	font-size: 20px;
	text-align: left;
	cursor: pointer;
	opacity: 1;
	max-width: 300px;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	display: flex;
	align-items: center;
	gap: 20px;
}
      .nav-links [class*="nav-"].nav-next {
        left: auto;
        right: 10px;
      }
      .meta-nav .svg-icon {
              display: none;
}
.nav-links [class*="nav-"]::before {
	content: '\f104';
	font-family: 'FontAwesome';
	display: inline-block;
	font-size: 48px;
        color: #fbb909;
	line-height: 1;
}
.nav-links [class*="nav-"].nav-next::before{
	content: '\f105';
        order: 1;
}
.nav-links [class*="nav-"] a {
	color: #000;
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}
.meta-nav {
	text-align: left;
}
.nav-next .meta-nav {
	text-align: right;
}
.menu-icon a {
	position: relative;
	font-size: 0;
}
.menu-icon a::before{
        content: '';
        display: inline-block;
        vertical-align: top;
        width: 32px;
        height: 32px;
        background: url(../images/menu.png) no-repeat center;
        background-size: contain;
        z-index: 1;
}
/* indrani naskar 17/03/2023 css starts here */
.privacy_Section,
.term_Section{
        padding:70px 0;
}
.dark-mode-class .privacy_Section h3,
.light-mode-class .privacy_Section h3,
.dark-mode-class .term_Section h3,
.light-mode-class .term_Section h3{
        font: 600 30px 'Barlow', sans-serif;
        line-height: 30px;
        color: #fff;
        display: block;
        margin-bottom: 20px;
}
.dark-mode-class .privacy_Section p,
.light-mode-class .privacy_Section p,
.dark-mode-class .term_Section p,
.light-mode-class .term_Section p{
        font: 400 17px 'Barlow', sans-serif;
        line-height: 30px;
        color: #fff;
        margin-bottom: 15px;
}
.light-mode-class .privacy_Section h3,
.light-mode-class .privacy_Section p,
.light-mode-class .term_Section h3,
.light-mode-class .term_Section p{
        color: #000;
}
.footerbottom .copyright .right{
        display: flex;
        align-items: center;
}
.footerbottom .copyright .right p{
        margin-right: 25px;
}
.footerbottom .copyright .right p:last-child{
        margin-right: 0;
}
/* .contactUsContainer{
        background: url(../images/erection-footer-image.png) center bottom no-repeat #171718;
        background-size: auto;
      background-size: contain;
} */
/* indrani naskar 17/03/2023 css starts here */

.contactMapContainer {
        position: relative;
}
    
 #google-map-overlay {
	width: 100%;
	height: 410px;
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 9;
	/* opacity: 0.5; */
	pointer-events: none;
}
/* ===================
sudip karmakar add some responsive css 
======================= */
@media only screen and (max-width:768px){
header.header_section #navbarSupportedContent {
        justify-content: flex-end;
        padding: 0 0px 0 0;
}
header.header_section #navbarSupportedContent ul li{
        padding: 13px 0;
        margin: 0;
        display: block;
        border-bottom: 1px solid #343434;
        text-align: left;
}
header.header_section #navbarSupportedContent ul li:last-child{
        border-bottom:none;
}
.about_top_area .TopLeftPart{
        padding: 30px 0;
}
.about_top_area {
        padding: 20px 0 30px 0;
}
.OurExpert {
        padding: 20px 0 30px 0;
}
.servicesDetails {
        padding: 30px 0;
}
.FaqListCon li{
        padding: 0 40px 0 20px;
        position: relative;
}
.FaqListCon li a::after,
.FaqListCon li a.minusClass::after
{
        right: -25px;
}
.FaqListCon li a{
        position: inherit;
}
.footerSection .footer_contact_info p{
        margin: 0 0px 0 0;
}
.blogDetailsLeft .blogcomment{
        flex-wrap: wrap;
}
.blogDetailsLeft .comment-list li .comment-body{
        flex-wrap: nowrap;
}
.blogDetailsLeft .comment-list li,
.blogDetailsLeft .comments-area .comment-respond
{
        padding: 10px;
}
.blogDetailsLeft .comments-area .comment-form .comment-form-author, 
.blogDetailsLeft .comments-area .comment-form .comment-form-email, 
.blogDetailsLeft .comments-area .comment-form .comment-form-url{
        flex: inherit;
}
.blogDetailsLeft .comments-area .comment-form textarea{
        height: 100px;
}
.recent_blog_list .sk_box figure {
        width: 63%;
        margin: 0 15px 0 0;
}
.blogDetailsContainer {
        padding: 70px 0 0 0;
        margin: 0;
}
.faQcontainer {
        padding: 40px 0 20px 0;
}
}
/* ===================
sudip karmakar add some responsive css end
======================= */

.pricing-page .pricing-section .item .packCon ul{
	min-height: 225px;
}
/* indrani naskar 20/04/2023 css starts here */
.pricing-page .pricing-section aside {
	margin-bottom: 30px;
}
.serviceSection .servicesList aside {
	min-height: 300px;
}
.our-homeservice aside {
	min-height: 300px;
}
.pricing-section aside ul {
	min-height: 225px;
}
.pricing-section aside{
        margin-bottom: 30px;
}
/* indrani naskar 20/04/2023 css ends here */
/* indrani naskar 28/04/2023 css ends here */
.Request_Call_Back #Request_Call_Back_Result_Data,
.contactUsContainer #Request_Call_Back_Result_Data,
.form-response-msg{
font: 500 16px 'Barlow', sans-serif;
      line-height: normal;
      line-height: 25px;
      color: #000;
      padding: 0;
      margin: 15px 0 0 0;
      color: #4caf50;
      border: 1px solid #4caf50;
      text-align: center;
      padding: 3px 0;
    
}
.form-response-msg:empty,
.Request_Call_Back #Request_Call_Back_Result_Data,
.contactUsContainer #Request_Call_Back_Result_Data{
        display: none;
}
.teamMemberDetails figure img{
        width: 100%;
        height: auto;
}


/* indrani naskar 28/04/2023 css ends here */

/* == Sourav Das Changes 16-05-2023 == */
.home .about-section p,
.home .our-service-top-container p,
.home .our-homeservice aside p,
.home .our-homeservice aside:hover p,
/*.home .work-process aside p,
.home .footerSection .footer_contact_info p,
.home .footerSection .info p,*/
.page-template-template-aboutus .about_top_area .TopLeftPart p{
        text-align: justify;
}

.home .pricing-section aside ul li:last-child:before,
.pricing-page .pricing-section aside ul li:last-child:before{
        content: "\f00c";
}

.home .Request_Call_Back,
.page-template-template-services .Request_Call_Back{
        background-position: center top !important;
        background-repeat: no-repeat !important;
        padding: 200px 0;
        background-size: cover !important;
}

.explore_services_btn{
        background-color: #fca70a;
        font: 500 15px 'Barlow', sans-serif;
        line-height: normal;
        line-height: 45px;
        color: #000;
        text-transform: uppercase;
        padding: 0 25px;
        letter-spacing: 1px;
        display: inline-block;
        margin: 35px 0 0 0;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
        float: right;
}

.explore_services_btn:hover{
        background-color: #ffd10c;
        color: #000;
        transition: all 300ms ease-in-out 0s;
}
.home .our-service-section{
        padding: 0 0 50px 0;
}

.home .pricing-plan-section .row,
.page-template-template-aboutus .OurExpert .row,
.single-team_member .OurExpert .row,
.pricing-page .pricing-section .row {
        justify-content: center;
}

.single-team_member .about_top_area .TopLeftPart p{
        line-height: 24px !important;
        text-align: justify !important;
}

.portfolios-section .address_area{
        /* height: 40px; */
        padding: 5px 0 0 0;
}

.portfolios-section .address_area p{
        font-size: 15px;
        font-weight: 400;
}


/* == Sourav Das CSS Changes == */
.serviceDetailsRight .allserviceSection_wrapper .content ul,
.serviceDetailsRight .allserviceSection_wrapper .content ol
{
    list-style: auto;
    padding: 10px 0 0 20px;
}
.serviceDetailsRight .allserviceSection_wrapper .content ul{
    list-style: disc;
}
.serviceDetailsRight .allserviceSection_wrapper .content ul li,
.serviceDetailsRight .allserviceSection_wrapper .content ol li
{
        padding: 15px 0 0 0px;
        margin: 0;
        font: 500 15px 'Barlow', sans-serif;
        line-height: normal;
        line-height: normal;
        line-height: 22px;
        color: #717171;
}

.our-homeservice aside p {
        text-align: left !important;
}

.contactUsContainer .contactTopSec p{
        font-size: 20px;
}


.servicesDetails .service-section ul li a:hover, .servicesDetails .service-section ul li a.active {
    display: block;
    font: 400 16px 'Barlow', sans-serif;
    line-height: 30px;
    color: #000;
    padding: 15px 30px;
    background-color: #fca70a !important;
}


#navbarSupportedContent .sub-menu {
  position: absolute;
  top: calc(100% + 16px);
  padding: 0px;
  background: linear-gradient(345deg, aliceblue 4%, #fbb909 25%, aliceblue 96%);
  background: #fbb909;
  width: 200px;
  left: -70px;
  border-radius: 2px;
  border: 1px solid #7d7d7d;
  margin-top: 12px;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease-in-out;
}
#navbarSupportedContent li {
  position: relative;
  z-index: 1;
  display: block;
}
#navbarSupportedContent .sub-menu li {
  margin: 0;
}
#navbarSupportedContent .sub-menu li:last-child a {
  border: none;
}

#navbarSupportedContent .sub-menu li a {
  display: block;
  padding: 10px 16px;
  border-bottom: 1px solid #7d7d7d;
  color: #000;
  font-weight: 600;
}
#navbarSupportedContent .sub-menu li a:hover{
background: #000;
color:#fff;
}
#navbarSupportedContent .sub-menu::before {
  content: '';
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 20px;
  height: 20px;
  border: 10px solid transparent;
  border-bottom-color: #fbb909;
}
#navbarSupportedContent li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
.sub-menu-toggle {
  background: transparent;
  padding: 0;
  border: none;
  margin: 0px;
  line-height: normal;
  position: absolute;
  right: -20px;
  color: #fff;
  top: 1px;
}
.sub-menu-toggle .icon-minus {
  display: none;
}
.dropdown-btn {
	display: none;
	position: absolute;
	top: 8px;
	right: 0;
	background: #fff;
	color: #000;
	width: 32px;
	height: 32px;
	place-items: center;
	font-size: 18px;
	border-radius: 2px;
cursor: pointer;
}
.servicesDetails .service-section ul li a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.content-wrap {
  max-width: 830px;
  margin: 0 auto 50px;
  text-align: center;
  font: 400 16px / 1.6 'Barlow', sans-serif;
  color: #000;
}
.content-wrap h2 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 16px;
}
.dark-mode-class .content-wrap {
  color: #fff;
}
.listingPage .our-homeservice aside{
padding: 0;
}
.listingPage .our-homeservice aside figure img {
  width: 100%;
  height: 100%;
  aspect-ratio: 4/3;
}
.listingPage .our-homeservice aside figure{
margin: 0;
}
.listingPage .our-homeservice aside h3{
padding: 20px;
font-weight: 600;
}
.portfoliosContainer .portfoliosCon h3 a,
.our-homeservice aside h3 span{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
}
.col-sm-6.mix {
	width: 50%;
margin-inline: 0;
	background-color: transparent;
}
.blog-section .buttonFilter ul {
  display: flex;
  align-items: center;
flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-bottom: 30px;
}
.blog-section .buttonFilter .filter {
  background: #fff;
  color: #000;
  min-width: 100px;
  display: block;
  text-align: center;
  padding: 12px 16px;
  font-size: 18px;
  font-weight: 500;
  border-radius: 4px;
  transition: all 300ms ease-in-out;
}
.blog-section .buttonFilter .filter.active {
  background: #f9bd0b;
}
.leftBlogList .mix aside {
	margin: 0 0 10px 0;
}
.header_section:has(.navbar-collapse.show) {
	z-index: 9999;
}
.page-title {
    font-size: 36px;
    line-height: normal;
    font-weight: 600;
    margin: 20px 0 -10px;
}
.dark-mode-class .page-title {
    color: #fff;
}
.page-title span,
.page-title a {
    color: #f7ae19;
}

#projectGallery {
  margin-bottom: 12px;
  overflow: hidden;
}
#projectGallery img {
	height: 600px;
}
.productGalleryWrapper .owl-nav [class*="owl-"] {
  --area: 30px;
  width: var(--area);
  height: var(--area);
  font-size: calc(var(--area) / 1.5);
  display: grid;
  place-items: center;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.productGalleryWrapper .owl-nav [class*="owl-"].owl-next {
  left: auto;
  right: 0;
}
#projectGallery .owl-nav [class*="owl-"]{
  --area: 42px;
}
.productGalleryWrapper .owl-nav [class*="owl-"].disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#projectGalleryThumb .owl-item:not(.current) img {
  opacity: 0.35;
  background: #000;
}
.sectionGap {
  padding-block: 50px;
}
.laundryEquipment-history{
        background: #0000001a;
}
.stickyContent {
  position: sticky;
  top: 100px;
}
.editor_text .page-title {
  margin-bottom: 12px;
}
.editor_text {
  font-size: 1.1em;
  line-height: 1.7;
}
.dark-mode-class .laundryEquipmentPage {
  color: #fff;
}
.editor_text p:not(:last-child), .editor_text div:not([class]) {
  margin-bottom: 16px;
}
.anotherContent {
  max-width: 1020px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 1px;
  font-size: 1.5em;
  line-height: 1.4;
}
.anotherContent strong {
  font-weight: 600;
}
.featuresList ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(520px, 1fr));
  gap: 40px;
  margin: 50px 0 0;
}
.featuresList ul li {
  display: flex;
  gap: 16px 30px;
}
.featuresList figure {
	width: 90px;
	height: 90px;
	flex-shrink: 0;
	padding: 12px;
	background: #f4f4f4;
	border-radius: 8px;
	box-shadow: 0px 0px 5px #e1e1e1;
}
.feature-content {
  font-size: 1.1em;
  line-height: 1.6;
}
.feature-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: 0.5px;
}
.dark-mode-class .feature-title {
	color: #f7ae19;
}
.dark-mode-class .featuresList figure {
	background: #f7ae19;
        box-shadow: 0px 0px 5px #9d9d9d;
}
.dark-mode-class .featuresList figure img {
	filter: brightness(0);
}
.downloadSection .btn {
  background: #f6ad19;
  font-weight: 500;
  margin-top: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.downloadSection .btn::after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  content: "";
  display: block;
  height: 100%;
  left: -75%;
  position: absolute;
  top: 0;
  transform: skewX(-25deg);
  width: 50%;
  z-index: 2;
  -webkit-animation: shine 3s infinite;
  animation: shine 3s infinite;
}
@-webkit-keyframes shine {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}
@keyframes shine {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@media only screen and (max-width: 991px){
	.dropdown-btn{
display:grid;
}
.sub-menu-toggle{
display: none;
}
#navbarSupportedContent .sub-menu {
	position: static;
	opacity: 1;
	visibility: visible;
	width: 100%;
	margin: 16px 0 0 !important;
	display: none;
	transition: none;
}
#navbarSupportedContent .sub-menu li {
  padding: 0 !important;
  border: none !important;
}
#navbarSupportedContent .sub-menu::before {
  display: none;
}
.content-wrap h2 {
	font-size: 32px;
	margin-bottom: 12px;
}
.blog-section .buttonFilter .filter{
font-size: 16px;
}
.page-title {
    font-size: 28px;
    margin-top: 0;
}
#projectGallery img {
	height: 480px;
}
#projectGalleryThumb.owl-carousel .owl-item img {
	height: 120px;
}
}
@media only screen and (max-width: 767px){
.col-sm-6.mix {
	width: 100%;
}
.content-wrap{
margin-bottom: 30px;
}
.anotherContent{
        font-size: 1.25em;
}
.anotherContent strong {
	font-weight: 500;
}
.featuresList ul{
        grid-template-columns: inherit;
}
.featuresList ul li {
	gap: 8px 20px;
}
.featuresList figure{
        width: 72px;
        height: 72px;
}
.feature-title {
	font-size: 20px;
	margin-bottom: 4px;
}
}
.btn-spin .wpcf7-spinner {
	position: absolute;
	top: 8px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 1;
	margin: 0;
}
.btn-spin {
	position: relative;
	z-index: 1;
}
@media only screen and (max-width: 479px){
#projectGallery img {
	height: 360px;
}
.serviceDetailsRight .allserviceSection_wrapper {
	padding: 0px 0 0 0;
}
}