/*
Theme Name: ventflowuk child
Author: xyz
Description: ventflowuk website design
Version: 1.0.0
Text Domain: ventflowuk-child
Template: ventflowuk
Domain Path: /languages/
*/

/* Font Family included */
@import url("../ventflowuk/style.css");
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@font-face {
    font-family: 'bayformancebold_italic';
    src: url('./fonts/bayformance_bold_italic-webfont.eot');
    src: url('./fonts/bayformance_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/bayformance_bold_italic-webfont.woff2') format('woff2'),
         url('./fonts/bayformance_bold_italic-webfont.woff') format('woff'),
         url('./fonts/bayformance_bold_italic-webfont.ttf') format('truetype'),
         url('./fonts/bayformance_bold_italic-webfont.svg#bayformancebold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bayformancebold';
    src: url('./fonts/bayformance_bold-webfont.eot');
    src: url('./fonts/bayformance_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/bayformance_bold-webfont.woff2') format('woff2'),
         url('./fonts/bayformance_bold-webfont.woff') format('woff'),
         url('./fonts/bayformance_bold-webfont.ttf') format('truetype'),
         url('./fonts/bayformance_bold-webfont.svg#bayformancebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bayformanceitalic';
    src: url('./fonts/bayformance_italic-webfont.eot');
    src: url('./fonts/bayformance_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/bayformance_italic-webfont.woff2') format('woff2'),
         url('./fonts/bayformance_italic-webfont.woff') format('woff'),
         url('./fonts/bayformance_italic-webfont.ttf') format('truetype'),
         url('./fonts/bayformance_italic-webfont.svg#bayformanceitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bayformanceregular';
    src: url('./fonts/bayformance-webfont.eot');
    src: url('./fonts/bayformance-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/bayformance-webfont.woff2') format('woff2'),
         url('./fonts/bayformance-webfont.woff') format('woff'),
         url('./fonts/bayformance-webfont.ttf') format('truetype'),
         url('./fonts/bayformance-webfont.svg#bayformanceregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*common style*/
*                               	  { margin:0px; padding:0px; box-sizing: border-box; }
body                            	  { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; line-height: 20px;}
h1,
.entry-content h1 					  { margin:0px 0px 16px; color: #fff; font-size: 60px; line-height: 70px; font-family: 'bayformanceitalic'; text-transform: uppercase; letter-spacing: 2px; }
h2,
.entry-content h2 				      { margin:0px; color: #fff; font-size: 38px; line-height: 48px; font-family: 'Roboto', sans-serif; font-weight: 500; letter-spacing: 0;}
h3,
.entry-content h3 				      { margin:0px; font-size: 28px; line-height: 42px; font-family: 'Anton', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0;}
h4,
.entry-content h4 				      { margin:0px 0px 16px; font-size: 24px; line-height: 30px; font-family: 'Roboto', sans-serif; font-weight: 500; letter-spacing: 0;}
h5,
.entry-content h5 				      { margin:0px; padding: 0px 0px 16px; color: #fff; font-size: 16px; line-height: 24px; font-family: 'Roboto', sans-serif; font-weight: 700; letter-spacing: 8px; }
.small-title                          { position: relative; }
.small-title:before                   { content: ''; position: absolute; bottom: 0; left: 0; width: 72px; height: 1px; background: #fff; display: block; }
p,
.entry-content p  				      { margin:0px 0px 16px; color: rgba(255,255,255,0.8); font-size: 16px; line-height: 30px; font-family: 'Roboto', sans-serif; font-weight: 500; letter-spacing: 0;}
a 								      { text-decoration: none; transition: all 0.3s linear; }
a:focus                         	  { outline: none; }
:focus                          	  { outline: 0px !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important;}
.title-content                        { margin-bottom: 36px;}
.title-content .small-title:before    { left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
/*common page style*/
.entry-title 					          { display: none !important; }
.entry-content 					          { margin: 0 !important; }
.post-inner 					          { padding: 0px;}
.post-inner-content 			      	  { background: none; border: none; padding-top:0; padding-bottom: 0; }
.post-inner-content:first-child 		  { border: none; }
.main-content-area 				          { margin: 0px auto; }
.page-header 					          { margin: 0; padding: 0 !important;  }
.entry-header					          { margin: 0 !important; }
.singular .entry-header  		    	  { padding: 0px;}
.to-the-top                   	    	  { display: none; }
.entry-content > .alignfull 			  { margin-top: 0px; margin-bottom: 0px !important; width: 100%; }
.header-inner 					          { margin: 0px !important; padding:20px 50px !important; width: 100%; max-width: 100%; }
.wp-block-group.alignfull,
.alignfull,
.alignwide 	                              { margin-top: 0px !important; margin-bottom: 0px !important; }
.footer-widgets                           { width: auto; }
.footer-widgets img                       { width: 100%; }
/*common page element style*/
.remove-spacing                          { margin:0px; }
.common-padding                          { padding: 100px 0px; }
/*button style*/
.theme-btn a,
.theme-btn input,
div.theme-btn button                     { padding: 17px 40px; display: inline-block; background: #FFFFFF; border-radius: 2px; font-family: 'Roboto', sans-serif; font-size: 14px; text-transform: uppercase; font-weight: 400; color: #060606; letter-spacing: 0; text-align: center; line-height: 18px;}
/*Header content*/
.theme-btn a:hover,
.theme-btn a:focus,
.theme-btn input:hover,
.theme-btn input:focus,
div.theme-btn button:hover,
div.theme-btn button:focus                                  { opacity: 0.8; text-decoration: none !important;}
div.theme-btn.common-button button                          { padding: 14px 52px; color: #1E1E1F; letter-spacing: 1px; text-align: center; font-weight: 500; font-size: 16px;}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus           { border: transparent; -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0px 1000px #1E1E1F inset; transition: background-color 5000s ease-in-out 0s; } 
label.warning-message                   { padding: 5px 0px 0px; margin: 0; color: red; position: absolute; right: 0; bottom: 0; transform: translateY(100%); }
.err-msg                                { color: red; }
body.error404 header#site-header        { background: #333; position: relative; }
.error-banner-content                   { background: #fff; height: calc(100vh - 205px); text-align: center; display: flex; align-items: center; } 
.error-banner-content h1                { text-transform: uppercase; color: #333; font-family: 'bayformancebold'; }
.error-banner-content h4                { color: #333; margin: 0px 0px 34px; }
.error-banner-content .theme-btn a      { color: #fff; padding: 10px 30px; background: #333; } 

/******* Header style CSS Starts ******/
/* top header content */
.top-header 	                            { padding: 12px 50px; background: #000;}
.top-header ul 	                            { margin:0px -25px; list-style: none; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: flex-end; -webkit-justify-content: flex-end;}
.top-header ul li                           { margin:0px 25px; }
.top-header ul li a                         { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; color: #fff; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 24px; }
.top-header ul li a img                     { margin-right: 8px; }
/* main header content */
header#site-header                          { background: transparent; z-index: 1000; position: fixed; top: 0px; right: 0; width: 100%; transition: all 0.2s linear; }
header#site-header.sticky-header                   { background: #222; box-shadow: 0px 0px 10px #000;}
/*.sticky-header .header-inner.section-inner         { padding: 10px 50px !important; } */
header .site-title                          { display: none; }
.header-titles,
header .site-logo                           { margin:0px !important; }
.site-logo a.custom-logo-link               { max-width: 200px; display:none; }
header#site-header.sticky-header .site-logo a.custom-logo-link { display: block; }
.sticky-header .header-inner.section-inner         { padding: 10px 50px !important; } 
.custom-logo.mobile                         { display: none !important; }


.header-navigation-wrapper ul               { margin:0px -25px; align-items: center; -webkit-align-items: center; }
.header-navigation-wrapper ul li            { margin:0px 25px; }
.header-navigation-wrapper ul li a          { color: #fff !important; font-family: 'Roboto', sans-serif; text-decoration: none !important;  font-weight: 500;; font-size: 16px; letter-spacing: 1px; text-align: center; line-height: 20px; text-transform: uppercase;}
.header-navigation-wrapper ul li a:after    { position:absolute; top: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all 0.3s linear; opacity: 0; content:''; background: #FFFFFF; width:20px; height:1px; display: block;}
.header-navigation-wrapper ul li a:hover::after,
.header-navigation-wrapper ul li a:focus::after,
.header-navigation-wrapper ul li a.mPS2id-highlight:after   { opacity: 1;}
/*user-login-content*/
.user-login-content                             { margin-left: 50px; }
.user-login-content .theme-btn a                { word-break: normal; font-weight: 500; font-size: 15px; letter-spacing: 1px; line-height: 20px; padding: 11px 39px;} 
.user-login-content .dropdown button            { text-decoration: none; }
.dropdown .dropdown-toggle::after               { margin-left: 12px; background: url(./images/down-arrow.svg) no-repeat center / 100% auto; border: none; height: 12px; width: 12px;} 
.user-login-content .dropdown-menu              { margin-top: 8px; padding: 0; min-width: 100%; font-size: 16px; line-height: 24px; font-family: 'Roboto', sans-serif; }
.dropdown-menu a.dropdown-item                  { padding: 6px 15px; } 
.dropdown-menu a.dropdown-item:hover,
.dropdown-menu a.dropdown-item:focus            { background: rgba(51,51,51,0.8); color: #fff; } 
/******* Header style CSS Ends ******/

/******* Homepage style CSS Starts ******/
/*banner content*/
.banner > .kt-row-layout-inner                              { height: 650px; position: relative; }
.banner > .kt-row-layout-inner > .kt-row-column-wrap        { flex-direction: row; height: 100%; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.banner > .kt-row-layout-inner:before                       { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: 0.62; background: #000000; }
.banner figure,
.banner .wp-block-image                                     { margin-top: 0px !important;  margin-bottom: 0px !important;  }
.banner img                                                 { padding-bottom: 100px; max-width: max-content; }
/*about section*/
.about-section                                          { background: #464648; }
.about-section .toggle-text                             { margin: 0px !important;}
.about-section .wp-block-kadence-rowlayout.alignwide    { margin-top: 0px; margin-bottom: 0px; }
.about-section .wp-block-image                          { margin-top: 0px !important;  margin-bottom: 0px !important; }
.about-section figure                                   { padding: 65px 30px 30px 0px; margin:0px auto !important; position: relative;}
.about-section figure:before                            { background: #222222; content: ''; position: absolute; bottom: 0px; right: 0px; width: 80%; height: 72%; display: block;}
.about-section figure:after                             { width: 130px; height: 130px; position: absolute; top: 0; right: 0; display: block; content: ''; background: url('./images/transparent-logo.svg') no-repeat center / cover; }
.about-section figure img                               { max-width: 500px; height: 480px; object-fit: cover; position: relative; z-index: 1; } 
.about-section h2                                       { margin:24px 0px; }
.about-section .theme-btn                               { margin: 32px 0px 0px; display: inline-block;}
/*service content*/
.service-box-content                                    { margin-bottom: 62px; }
.service-box-content:last-child                         { margin-bottom: 0px; }
.service-box-content figure.service-img                 { position: relative; }
.service-box-content:nth-child(2n+2) figure.service-img         { display: flex; display: -webkit-flex; justify-content: flex-end; }
.service-box-content figure.service-img img                     { object-fit: cover; z-index: 1; position: relative; padding: 70px 0px 0px 70px; height: 540px;}
.service-box-content:nth-child(2n+2) figure.service-img img     { padding:70px 70px 0px 0px; }
.service-box-content:nth-child(2n+1) figure.service-img:after   { background: url('./images/left-black-bg.png') no-repeat center / cover; content: ''; position: absolute; top: 0px; left: 0px; width: 80%; height: 80%; display: block; z-index: 0; }
.service-box-content:nth-child(2n+2) figure.service-img:after   { background: url('./images/right-black-bg.png') no-repeat center / cover; content: ''; position: absolute; top: 0px; right: 0px; width: 80%; height: 80%; display: block; z-index: 0; }
.service-title                                                  { margin-bottom: 24px; }
.service-title figure                                           { margin-right: 12px; width: 60px; height: 60px; border: 2px solid #fff; border-radius: 30px; display: flex; display: -webkit-flex; justify-content: center; background: #383839; }
/*project section*/
.project-section                                { background: #464648; }
.slider-img                                     { margin: 0px 15px; position: relative; background: no-repeat center / cover; }
.slider-img:before                              { position: relative; padding-top: 100%; display: block; content: ''; top: 0; left: 0; }
.project-slider                                 { margin:42px 0px 20px; }
.project-slider .slick-arrow                    { background: transparent;  width: 40px; height: 40px;  top: calc(100% + 10px); top: calc(100% + 10px); }
.project-slider .slick-arrow:before             { font-size: 20px;  font-family: 'Font Awesome 5 Free'; transition: all 0.1s linear; }
.project-slider .slick-prev                     { transform: translate(-47%,0); -webkit-transform: translate(-47%,0); left: 47%; }
.project-slider .slick-next                     { transform: translate(47%,0); -webkit-transform: translate(47%,0); right: 47%; }
.project-slider .slick-prev:before              { content: '\f060';}
.project-slider .slick-next:before              { content: '\f061';}
button.slick-arrow:hover::before                { font-size: 32px; }
button.slick-arrow:focus::before                { opacity: 0.75;}
/*hover content*/
.hover-content                                  { padding: 30px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s linear; cursor: pointer;  opacity: 0; display: flex; display: -webkit-flex; flex-direction: column;  -webkit-flex-direction: column; justify-content: flex-end; -webkit-justify-content: flex-end; background-image: linear-gradient(-26deg, #000000 5%, rgba(164,164,164,0.77) 100%); }
.hover-content h3                               { color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hover-content p                                { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.slider-img:hover .hover-content                { opacity: 1; }
.hover-content .theme-btn                       { margin:16px 0px 0px -30px; display: block; }
.hover-content .theme-btn a                     { padding: 14px 16px; border-radius: 0;}
.modal-backdrop.show                            { background: #1E1E1F; opacity: 0.85; }
/*contact section */
.contact-bg > .kt-row-layout-inner              { padding: 100px 0px;}
.contact-bg p                                   { margin:0px !important;}
.contact-section                                { padding: 40px 80px; background:#222222;}
.contact-form-content .wpcf7-form-control       { color: #fff; padding: 0px 0px 15px; background: transparent; border-width: 0px 0px 1px; }
.contact-section h4                             { margin:0px 0px 32px; color: #fff;}
.contact-bg .wp-block-image                     { margin:0px !important; }
.contact-bg .wp-block-image figure              { margin:0px auto 40px !important;}
.contact-details-block                          { padding: 60px 0px 30px;  background:#222222;}
.contact-details-block h4                       { text-transform: uppercase;}
.wpcf7-form-control::-webkit-input-placeholder  { color: #fff; }
.wpcf7-form-control:-ms-input-placeholder       { color: #fff; }
.wpcf7-form-control::placeholder                { color: #fff; }
.text-msg                                       { margin: 25px 0px 50px;}
.submit-btn                                     { text-align: center;}
.submit-btn input.wpcf7-form-control            { margin: 0; padding: 13px 54px; background: #fff; color:#000;}
.wpcf7 form .wpcf7-response-output 				{ color: #fff; font-family: 'Roboto', sans-serif; font-size: 18px;}
/* popup content */
.modal-dialog                                   { max-width: 990px; }
.custom-modal h1                                { margin-bottom: 40px; padding-bottom: 10px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.custom-modal h1:before                         { left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.modal-content                                  { background-color: #464648;}
.popup-slider-image            { margin:0px auto 10px; width: 900px; height: 500px; object-fit: cover;}
.popup-thumb-slider .popup-slider-img           { margin:0px 5px;}
.popup-slider-img:before                        { padding-top: 30%; width: 100%; }
.popup-thumb-slider .popup-slider-img:before    { padding-top: 50%;}
.modal-body ul                                  { margin:0px 0px 20px;}
.popup-info-box li                              { margin:0px 50px 0px 0px;}
.popup-info-box li:last-child                   { margin:0px;}
.popup-info-box li img                          { margin-right: 10px; max-width: 16px; }
.popup-info-box li h4                           { margin: 0; font-weight: 400; color: #fff; }
.modal-body                                     { padding: 22px; max-height: 790px; overflow-y: auto;}
.modal-body ul li                               { color:#fff; font-size: 16px; line-height: 24px;}
.modal-body a                                   { color: #fff; font-size: 16px; line-height: 24px; text-decoration: underline;}
.modal-header                                   { padding:0px; border:transparent;}
.modal-header button.close                      { background: #000; opacity: 1; border-radius: 50%; position: absolute; top: 0; right: 0; padding: 0px; z-index: 1; }
.modal-header button.close i                    { color: #fff; opacity: 1; font-size: 30px;}
.scroll-section                                 { margin-top: 20px; }
.modal-body::-webkit-scrollbar 		            { width: 7px; }
.modal-body::-webkit-scrollbar-track 	        { background: #fff; }
.modal-body::-webkit-scrollbar-thumb 	        { background: #333; }
/*footer content*/
.footer-nav-widgets-wrapper                                 { margin-top: 0px !important;}
.footer-nav-widgets-wrapper .footer-widgets-outer-wrapper   { padding: 30px 0px; }
.footer-nav-widgets-wrapper,
#site-footer                                                { background: #464648; }
#site-footer                                                { padding: 26px 0px; }
.menu-navigation-menu-container ul                          { margin:0px -18px; display: flex;  display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.menu-navigation-menu-container ul li                       { margin:0px 18px; position: relative; }
.menu-navigation-menu-container ul li.login-btn             { display: none; }
.menu-navigation-menu-container ul li a                     { color: #fff; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase;}
.menu-navigation-menu-container ul li a:after                    { position:absolute; top: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all 0.3s linear; opacity: 0; content:''; background: #FFFFFF; width:20px; height:1px; display: block;}
.menu-navigation-menu-container ul li a:hover               { text-decoration: none !important;}
.menu-navigation-menu-container ul li a:hover::after,
.menu-navigation-menu-container ul li a:focus::after       { opacity: 1;}
.copyright-content p                                        { margin: 0; font-size: 12px; line-height: 20px; font-family: 'Roboto', sans-serif; }
.menu-footer-condition-links-container ul                   { margin:0px -7px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;  }
.menu-footer-condition-links-container ul li                { margin:0px 7px; position: relative;}
.menu-footer-condition-links-container ul li:first-child::before { content: ""; position: absolute; left: calc(100% + 7px); color: #fff; top: 70%; border-right: 0.1em solid #fff; display: block; height: 50%; transform: translateY(-70%); -webkit-transform: translateY(-70%); }
.menu-footer-condition-links-container ul li a              { color: #fff; font-size: 12px; line-height: 20px; font-family: 'Roboto', sans-serif; font-weight: 400;}
.login-module div.theme-btn                                 { text-align: center;}
.remember-check                                             { margin-top: 20px; margin-bottom: 52px; }
.forget-password-link a                                     { font-size: 16px; line-height: 30px; font-family: 'Roboto', sans-serif; font-weight: 500; color: #fff;}
/******* Homepage Content CSS Ends ******/

/******* Login Module CSS Starts ******/
.login-module form      { padding: 0px 100px; }
.login-image            { margin: 0px -15px; height: 100vh; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center;}
.login-module           { padding-left: 15px; padding-right: 15px;}
.login-module .row      { background: #1E1E1F;}
.login-module h1        { margin-bottom: 32px; padding-bottom: 10px; text-align: center;}
.login-module .small-title:before  { left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
/* checkbox content */
.custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after   { height: 20px; width: 20px; left: 0; top: 0px; border: 2px solid #fff; border-radius: 3px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
.custom-control-input:checked ~ .custom-control-label::before                                   { color: #fff; border-color: #fff; background-color: #fff; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after                   { filter: invert(1); }
input[type="checkbox"]  { top: 8px; width: 20px; height: 20px; min-width: auto; background: #fff; border: 1px solid #fff; position: absolute; left: 0; }
.custom-control-label   { margin: 0px; padding-left: 8px; display: inline-block !important; vertical-align: middle; font-size: 17px; line-height: 20px; font-family: 'Roboto', sans-serif; font-weight: 500; color: #fff;}
/* onclick label event */
.field                                                          { margin-bottom: 1em; display: flex; display: -webkit-flex; flex-flow: column-reverse;  }
.input-group                                                    { padding: 0px; border:2px solid #999999; background: #fff; border-radius: 2px;}
.input-group .form-control                                      { height: auto; border: none; background: transparent; }
.input-group + label                                            { max-width: max-content;  padding: 0px 10px; margin: 0px;
    display: block; font-family: 'Roboto', sans-serif; font-size: 18px; color: #999999; letter-spacing: 0; line-height: 22px;
    cursor: text; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transform-origin: left bottom; transform: translate(10px, 4rem) scale(1);
    -webkit-transform: translate(10px, 4rem) scale(1); transition-duration: 0.2s;
    -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; }
.focus.input-group + label                                      { color: #fff; transform:translate(10px, 1.2rem) scale(1); cursor: pointer; background: #1E1E1F; padding: 0px 10px; }
.input-group-addon                                              { padding:0px; background: transparent; border: none; }
.input-group.focus                                              { background: transparent; }
.input-group.focus input                                        { color:#fff;}
/******* Login Module CSS Ends ******/

/******* Dashboard Module CSS Starts ******/
/* breadcrum */
.project-listing-section ol.breadcrumb                           { margin:0px 0px 35px; background: transparent; padding: 0; }
.project-listing-section ol.breadcrumb li                        { margin: 0; font-family: 'Roboto', sans-serif; color: #FFFFFF; font-size: 16px; line-height: 22px; }
.project-listing-section ol.breadcrumb li a                      { font-family: 'Roboto', sans-serif; color: #FFFFFF; font-size: 16px; line-height: 22px; }
.project-listing-section .breadcrumb-item.active                 { color: #FFFFFF; }
/* category content */
.category-search-block                                              { margin-bottom: 24px; }
.category-search-block .jcf-select                                  { margin: 0px; border:1px solid #333333 !important; height: auto; width: 100%; background: #161616; padding: 6px; border-radius: 4px; }
.category-search-block .jcf-select .jcf-select-text,
.category-search-block .jcf-list .jcf-option                        { padding: 8px 12px; margin: 0; font-size: 16px; line-height: 22px; color: #fff; font-family: 'Roboto', sans-serif; }
.category-search-block .jcf-select .jcf-select-opener               { background: url(./images/select-arrow.svg)no-repeat right 16px center / 14px auto; width: 100%; }
.category-search-block .jcf-select-drop .jcf-hover,
.category-search-block .jcf-list-box .jcf-selected                  { background: #161616; color: #fff; }
.category-search-block .jcf-select-drop .jcf-select-drop-content    { border-color: transparent !important; }
.common-listing-section .category-search-block ul                   { margin: 0px; }
.category-search-block .jcf-list-content ul li                      { margin: 0px; }
.category-search-block .jcf-list                                    { background: #333;  border: 1px solid #333333 !important; }
.dasboard-main-content .category-search-block p                     { margin: 0px 0px 10px; }
/* user Profile style */
span.profile-pic                                                    { margin-right: 16px; height: 42px; width: 42px; display: inline-block; border-radius: 50%;}
.dashboard-title-content .dropdown-toggle::after                    { margin-left: 12px;}
.dashboard-title-content .dropdown-menu                             { margin-top: 8px; padding: 0; min-width: 100%; font-size: 16px; line-height: 24px; font-family: 'Roboto', sans-serif;}
.dashboard-title-content .dropdown button:focus                     { text-decoration:none; }
/* dashboard main content */
.dasboard-main-content                                              { min-height: 100vh; background: url('./images/dashboard-bg.png') no-repeat top center / cover; background-attachment: fixed; }
.dasboard-main-content .sidebar-content                             { margin:0; padding:16px 0px 0px; width:90px; }
.dasboard-main-content .main-content-section                        { padding: 30px 34px; width: calc(100% - 90px); }
.dasboard-main-content section                                      { padding:0px; }
div.dasboard-main-content ul.navbar-nav                             { margin: 0px; width: 100%; flex-direction: column; -webkit-flex-direction: column;}
.dasboard-main-content .navbar-nav li.nav-item                      { margin:0px 0px 20px; max-width: 100%; text-align: center; width: 90px; position: relative;}
.dasboard-main-content .navbar-nav li.nav-item:last-child           { margin: 0px; }
.dasboard-main-content .navbar-nav li.nav-item a                    { padding: 14px 18px; min-height: 42px; display: block; font-size: 18px; font-weight: 600; border-radius: 16px 0 0 16px; position: relative;}
div.dasboard-main-content ul.navbar-nav li.active a,
div.dasboard-main-content ul.navbar-nav li.active a:hover           { background: #464648; border-radius: 0px !important; }
.dasboard-main-content .navbar-brand                                { margin: 0px 0px 80px;}
.dasboard-main-content .navbar-brand img                            { max-width: 50px; }
ul.navbar-nav li a img                                              { margin: 0px auto; max-width: 14px; display: block;filter: invert(0) brightness(0.5);}
div.dasboard-main-content ul.navbar-nav li.active a img,
div.dasboard-main-content ul.navbar-nav li.active a:hover img       { filter: invert(0) brightness(1); }
.dasboard-table-content                                             { background: #161616;}
.dasboard-table-content table                                       { white-space: nowrap; width: 100%; border-spacing: 0; border: transparent; margin: 0;}
.dasboard-main-content p                                            { margin:0px 0px 0px 10px; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 16px; color: #FFFFFF; letter-spacing: 0; line-height: 20px;}
.table thead th,
.table tbody td                             { padding: 12px 24px; height: 72px; font-family: 'Roboto', sans-serif; color: #FFFFFF;vertical-align: middle; border-bottom: 2px solid #333; }
.table thead th                             { font-weight: 700; font-size: 20px; letter-spacing: 1px; text-transform: uppercase; }
.table td                                   { font-weight: 500; font-size: 16px;}
.dashboard-title-content                    { margin-bottom: 70px;}
.dasboard-main-content table *              { border-color:#333333;}
.dropdown button                            { padding:0px; background: transparent !important; border: transparent; text-transform: none; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; color: #F5F5FF; letter-spacing: 0;}
.dropdown button img                        { margin-right:10px;}
.dashboard-title h4                         { margin:0px; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 24px; color: #FFFFFF; letter-spacing: 1px; text-transform: uppercase;}
.dasboard-main-content table .theme-btn a   { font-weight: 500; letter-spacing: 1px; font-size: 16px; line-height: 20px; }
/* project listing custom scroll */
.project-listing-section ul::-webkit-scrollbar 		                { width: 6px; }
.project-listing-section ul::-webkit-scrollbar-track 	            { background: #000; }
.project-listing-section ul::-webkit-scrollbar-thumb 	            { background: #ccc; }
/* project detail listing content */
.dasboard-main-content .project-listing-section ul               { margin: 0px -16px; list-style: none; max-height: 670px; overflow-y: auto;}
.dasboard-main-content .project-listing-section ul li            { margin: 0px 16px 24px; width: calc(100% / 5 - 32px); background: #161616; border-radius: 2px; }
.project-listing-section .project-listing-box                    { padding: 16px 16px 22px 16px; min-height: 100px;}
.project-listing-section .project-listing-box h4                 { color: #fff; margin: 0px 0px 10px; }
.project-listing-section .project-listing-box p                  { margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 30px;}
.dasboard-main-content .project-listing-section ul li a          { transition: all 0.3s linear; display: block; background: #464648; padding: 14px; text-align: center; font-size: 14px; color: #FFFFFF; letter-spacing: 0; font-family: 'Roboto', sans-serif; font-weight: 400; }
.dasboard-main-content .project-listing-section ul li a:hover,
.dasboard-main-content .project-listing-section ul li a:focus       { background: #fff; color:#000; }
.dasboard-main-content .project-listing-section ul li a:hover img,
.dasboard-main-content .project-listing-section ul li a:focus img   { filter: invert(1);}
.dasboard-main-content .project-listing-section ul li a img         { margin-right: 12px; transition: all 0.3s linear;}
/******* Dashboard Module CSS Ends ******/

/******* Profile Module CSS Starts ******/
.dasboard-main-content section.profile-section     { background: rgb(30 30 31 / 0.3); padding: 32px;}
.profile-section .input-group                      { background: transparent; border: 2px solid #333;; }
/* profile tab content */
.profile-section .nav-tabs                         { border-bottom: 1px solid #333333; margin: -73px 0px 0px 150px; padding:26px 24px 0px; background: #1E1E1F; }
.profile-section .nav-tabs .nav-item               { margin: 0px 42px 0px 0px; }
.profile-section .nav-tabs .nav-item:last-child    { margin:0px;}
.nav-tabs .nav-link                                { padding:0px 0px 26px; font-size: 16px; letter-spacing: 0; line-height: 20px; font-weight: 500; font-family: 'Roboto', sans-serif; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); border:none; border-bottom:1px solid transparent;}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus                          { color: #fff; background-color: transparent; border-color: #fff; letter-spacing: 0; }
.profile-section .card                             { background-color: transparent;  }
.profile-section .card-body                        { padding: 0; }
.profile-section .common-button                    { margin-top:22px;}
.profile-section .tab-content           { padding: 24px; border: 1px solid #333; background: #1E1E1F; margin-top: 24px;}
.profile-section  .profile-img          { width: 150px; height: 150px; }
.profile-desc-content h4                { margin:0px 0px 4px; color: #fff; }
ul.profile-address-detail               { margin: 0px -12px 0px; list-style: none; }
ul.profile-address-detail li            { margin: 0px 12px; display: flex; display: -webkit-flex; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 14px; color: rgba(255, 255, 255, 0.74); letter-spacing: 0; }
ul.profile-address-detail li img        { margin-right: 5px;}
ul.profile-address-detail li a          { color: rgba(255, 255, 255, 0.74); }
.profile-desc-content                   { width: calc(100% - 150px); }
.profile-name-info                      { margin-bottom: 22px; padding-left: 24px; }
.tab-content-title h4                   { margin:0px; color:#fff; text-transform: uppercase; font-weight: 700; letter-spacing: 1px;}
.input-group.focus                      { border-color: #333333;}
.tab-content-title                      { margin-bottom: 15px; }
.member-email-listing                   { width: 100%; }
.member-email-listing .form-group       { margin: 0px 16px 20px; width: calc(100% / 2 - 32px); } 
.member-email-listing .form-group .field { margin:0px; }
.profile-section .input-group + label   { padding: 0px 5px; font-size: 14px;}
.profile-section .focus.input-group + label     { color: rgba(255,255,255,0.6);}
.nav-tabs                                       { display:none; }
/******* Profile Module CSS Starts ******/

/*Responsive media queries*/
@media (min-width: 1200px){
    .container 						            { width: 1200px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1366px){
    .header-navigation-wrapper ul       { margin: 0px -20px; }
    .header-navigation-wrapper ul li    { margin: 0px 20px; }
    .header-navigation-wrapper ul li a  { font-size: 14px;}
    .banner > .kt-row-layout-inner      { height: 600px;}
    .banner img                         { padding-bottom: 80px; max-width: 480px;}
    .modal-body                         { padding: 16px; }
    .modal-body                         { max-height: 735px;}
    /* Dashboard module */
    .table thead th,
    .table tbody td                 { height: 62px; padding: 10px 20px; font-size: 15px;}
    .dasboard-main-content p        { font-size: 15px;}
    .dasboard-main-content .project-listing-section ul li a img { margin-right: 6px;}
    /* popup content */
    .popup-slider-image { height: 400px; }
}

@media (min-width: 700px) and (max-width:1199px ){
    .wp-block-kadence-rowlayout         { max-width: 90%; margin: 0px auto; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    h1, .entry-content h1  { font-size: 50px; line-height: 60px;}
    h2, .entry-content h2 { font-size: 26px; line-height: 32px;}
    h3, .entry-content h3 { font-size: 24px; line-height: 32px;}
    h4, .entry-content h4  {font-size: 18px; line-height: 24px;}
    h5, .entry-content h5 { font-size: 14px; line-height: 20px; letter-spacing: 5px;}
    p, .entry-content p { margin: 0px 0px 12px; font-size: 15px; line-height: 22px;}

    /* common style */
    .theme-btn a,
    .theme-btn input                { padding: 10px 20px; font-size: 12px;}
    .small-title:before             { width: 52px;}
    .kt-mobile-layout-row.kt-v-gutter-default>.wp-block-kadence-column                  { margin-bottom: 0 !important; }
    .kt-mobile-layout-row.kt-v-gutter-default>.wp-block-kadence-column.title-content    { margin-bottom: 26px !important; }
    .common-padding                                                                     { padding: 70px 0px; }
    .text-msg                                                                           { margin: 15px 0px 30px; }
    .error-banner-content                   { height: calc(100vh - 169px); }
    /******* Homepage Content CSS ******/
    /* header content */
    .top-header ul                              { margin: 0px -10px; }
    .top-header ul li                           { margin: 0px 10px; }
    .top-header ul li a                         { font-size: 13px; line-height: 20px; }
    /*heading logo content*/
    .site-logo a.custom-logo-link                { max-width: 167px;} 
    .header-inner                               { padding:20px 50px;}
    .header-navigation-wrapper ul               { margin: 0px -10px; }
    .header-navigation-wrapper ul li            { margin: 0px 10px; }
    .header-navigation-wrapper ul li a          { font-size: 13px;}
    .user-login-content                         { margin-left: 20px; } 
    .user-login-content .theme-btn a            { padding: 7px 30px; font-size: 13px; line-height: 18px;}
    /* banner content */
    .banner > .kt-row-layout-inner              { height: 450px;}
    .banner img                                 { padding-bottom: 60px;  max-width: 400px;}
    .about-section figure:after                 { width: 90px; height: 90px;}
    /* about section */
    .about-section h2                           { margin: 14px 0px; }
    .about-section figure                       { padding: 45px 20px 20px 0px;}
    .about-section figure img                   { max-width: 100%; height: 400px;}
    /* service content */
    .service-box-content                        { margin-bottom: 42px; }
    .service-box-content figure.service-img img { padding: 50px 0px 0px 50px; height: 445px;}
    .service-box-content:nth-child(2n+2) figure.service-img img { padding: 50px 50px 0px 0px; }
    .service-title figure                       { width: 50px; height: 50px;}
    .service-title figure img                   { max-width: 24px;}
    /* project content */
    .slider-img                     { margin: 0px 10px;}
    .project-slider                 { margin: 32px 0px 20px; }
    .hover-content                  { padding: 20px;}
    .hover-content .theme-btn       { margin: 6px 0px 0px -20px;}
    .hover-content .theme-btn a     { padding: 8px 14px; }
    /* popup content */
    .modal-dialog                   { max-width: 860px;}
    .custom-modal h1                { margin-bottom: 30px;}
    .modal-body                     { padding: 22px; }
    .modal-body ul                  { margin: 0px 0px 14px; }
    .scroll-section                 { margin-top: 14px; }
    .modal-body ul li,
    .modal-body a                   { font-size: 15px; line-height: 22px; }
    .modal-body                     { max-height: 700px; }
    .popup-slider-image { width: 850px; height: 400px; }
    /* contact section */
    .contact-section                                        { padding: 20px 20px 0px;}
    .contact-section h4                                     { margin: 0px;}
    .contact-form-content .wpcf7-form-control               { margin: 25px 0px 0px; padding: 0px 0px 10px;    font-size: 13px;}
    div.contact-section .ajax-loader                        { display: block; margin:0px auto;}
    .contact-form-content textarea.wpcf7-form-control       { max-height: 80px;  }
    .contact-bg > .kt-row-layout-inner                      { padding: 70px 0px; }
    .contact-details-block                                  { padding: 0px 0px 20px;}
    .contact-bg .wp-block-image figure                      { margin: 30px auto 15px !important; }
    .contact-bg .wp-block-image figure img                  { max-width: 26px; }
    .contact-details-block h4                               { margin:0px; }
    .submit-btn input.wpcf7-form-control                    { margin: 0; padding: 10px 30px;}
    /* footer section */
    .footer-widgets img                         { max-width: 200px !important; margin: 0px auto;}
    .menu-navigation-menu-container ul          { margin: 0px -8px; }
    .menu-navigation-menu-container ul li       { margin: 0px 8px; }
    .menu-navigation-menu-container ul li a     { font-size: 13px; line-height: 20px;}
    #site-footer                                { padding: 15px 0px; }

    /******* Login Module Css ******/
    .login-module h1                        { margin-bottom: 12px;}
    .login-module form                      { padding: 0px 50px; }
    .input-group .form-control              { padding: 10px;}
    .input-group + label                    { font-size: 14px;  transform: translate(10px, 2.5em) scale(1); -webkit-transform: translate(10px, 2.5em) scale(1);}
    .form-group.field                       { margin-bottom: 10px; }
    .remember-check                         { margin-bottom: 32px; }
    .login-image img                        { max-width: 450px;}
    .forget-password-link a                 { font-size: 15px;}
    .custom-control-label                   { font-size: 15px;}

    /******* Dashboard Module Css ******/
    .table thead th,
    .table tbody td                             { height: 56px; padding: 8px 12px; font-size: 14px;}
    .dasboard-main-content .sidebar-content     { padding: 12px 0px 0px; width: 80px;}
    .dasboard-main-content .navbar-nav li.nav-item  { margin: 0px 0px 10px; width:80px;}
    .dasboard-main-content .main-content-section    { padding: 32px 24px; width: calc(100% - 80px);}
    .dasboard-main-content .navbar-brand            { margin: 0px 0px 60px; }
    .dashboard-title-content                        { margin-bottom: 50px; }
    .dasboard-main-content p                        { margin: 0px 0px 0px 6px;    font-size: 14px;}
    .dasboard-main-content img                      { max-width: 14px;}
    span.profile-pic                                { margin-right: 10px; height: 32px; width: 32px;}
    /* dashboard table content */
    .dasboard-main-content table .theme-btn a       { font-size: 12px; line-height: 18px;}
    .dasboard-main-content table .theme-btn a       { font-size: 12px; line-height: 18px;}
    /* profile listing content */
    .dasboard-main-content .project-listing-section ul li   { width: calc(100% / 4 - 32px);}
    .project-listing-section .project-listing-box           { min-height: 90px; padding: 12px 12px 18px 12px; }
    .dasboard-main-content .project-listing-section ul li a { padding: 10px;}
    .dasboard-main-content .project-listing-section ul      { max-height: 520px;}

    /******* Profile Module Css ******/
    .dasboard-main-content section.profile-section { padding: 24px;}
    .profile-section .profile-img   { width: 130px; height: 130px; }
    .profile-name-info              { margin-bottom: 20px;}
    .profile-section .nav-tabs      { padding: 20px 22px 0px;  margin: -61px 0px 0px 130px;}
    .nav-tabs .nav-link             { padding: 0px 0px 20px; font-size: 14px;}
    .profile-section .nav-tabs .nav-item { margin: 0px 28px 0px 0px; }

}

@media(min-width:768px) {
    .nav-tabs               { display: flex; }
    .card                   { border: none; }
    .card .card-header      { display:none; }
    .card .collapse         { display:block; }
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
    /*header content*/
    .mobile-nav-toggle                   { display: none !important; }
    .header-navigation-wrapper           { align-items: center; display: flex; display: -webkit-flex; }
    .header-titles-wrapper               { margin-right: 4rem; max-width: 50%; padding: 0; text-align: left;}
    .header-inner                        { align-items: center; display: flex;  display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
    .primary-menu-wrapper                { display: block; width: 100%; }
  }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1, .entry-content h1   { font-size: 40px; line-height: 50px;}
    h2, .entry-content h2   { font-size: 22px; line-height: 30px;}
    h3, .entry-content h3   { font-size: 22px; line-height: 30px;}
    h4, .entry-content h4   { font-size: 16px; line-height: 24px;}
    h5, .entry-content h5   { font-size: 12px; line-height: 20px; letter-spacing: 3px;}
    p, .entry-content p     { margin: 0px 0px 12px; font-size: 14px; line-height: 22px;}

    /* common style */
    .theme-btn a, .theme-btn input  { padding: 10px 20px; font-size: 12px;}
    .small-title:before             { width: 52px;}
    .kt-mobile-layout-row.kt-v-gutter-default>.wp-block-kadence-column                  { margin-bottom: 0 !important; }
    .kt-mobile-layout-row.kt-v-gutter-default>.wp-block-kadence-column.title-content    { margin-bottom: 26px !important; }
    .common-padding                     { padding: 40px 0px; }
    .text-msg                           { margin: 15px 0px 30px; }
    div.theme-btn.common-button button  { padding: 12px 42px; font-size: 14px;}
    .error-banner-content                   { height: calc(100vh - 159px); }
    /******* Homepage Content CSS ******/
    /* header content */
    .top-header ul                              { margin: 0px -10px; }
    .top-header ul li                           { margin: 0px 10px; }
    .top-header ul li a                         { font-size: 13px; line-height: 20px; }
    .header-inner                               { padding: 13px 30px !important;}
    .sticky-header .header-inner.section-inner         { padding: 10px 30px !important; } 
    .site-logo a.custom-logo-link               { max-width: 122px;} 
    .header-navigation-wrapper ul               { margin: 0px -8px; }
    .header-navigation-wrapper ul li            { margin: 0px 8px; }
    .header-navigation-wrapper ul li a          { font-size: 12px;}
    .user-login-content                         { margin-left: 15px; } 
    .user-login-content .theme-btn a            { padding: 7px 30px; font-size: 13px; line-height: 18px;}
    /* banner content */
    .banner > .kt-row-layout-inner          { height: 350px;}
    .banner img                             { padding-bottom: 60px;  max-width: 320px;}
    .about-section figure:after             { width: 90px; height: 90px;}
    /* about section */ .about-section h2   { margin: 14px 0px; }
    .about-section figure                   { padding: 45px 20px 20px 0px;}
    .about-section figure img               { max-width: 100%; height: 310px;}
    /* service content */
    .service-box-content                                    { margin-bottom: 42px; }
    .service-box-content figure.service-img img             { height: 330px; padding: 40px 0px 0px 40px;}
    .service-box-content:nth-child(2n+2) figure.service-img img { padding: 35px 35px 0px 0px; }
    .service-box-content figure.service-img                 { margin-top: 20px;}
    .service-title figure                                   { width: 40px; height: 40px;}
    .service-title figure img                               { max-width: 16px;}
    /* project content */
    .slider-img                                     { margin: 0px 10px;}
    .project-slider                                 { margin: 22px 0px 20px; }
    .project-slider .slick-arrow                    { width: 25px; height: 25px;}
    .project-slider .slick-arrow:before             { font-size: 16px;}
    button.slick-arrow:hover::before,
    button.slick-arrow:focus::before                { font-size: 22px; }
    .hover-content                                  { padding: 20px;}
    .hover-content .theme-btn                       { margin: 6px 0px 0px -20px;}
    .hover-content .theme-btn a                     { padding: 8px 14px; }
    /* popup content */
    .modal-dialog                                   { max-width:680px;}
    .custom-modal h1                                { margin-bottom: 25px;}
    .modal-body                                     { padding: 20px; }
    .modal-body ul                                  { margin: 0px 0px 14px; }
    .scroll-section                                 { margin-top: 14px; }
    .modal-body ul li,
    .modal-body a                                   { font-size: 14px; line-height: 20px; }
    .modal-body                                     { max-height: 600px; }
    .popup-slider-image            { width: 600px; height: 340px; }
    /* contact section */
    .contact-section                                { padding: 20px 20px 0px;}
    .contact-section h4                             { margin: 0px;}
    .contact-form-content .wpcf7-form-control       { margin: 25px 0px 0px; padding: 0px 0px 10px; font-size: 13px;}
    div.contact-section .ajax-loader                { display: block; margin:0px auto;}
    .contact-form-content textarea.wpcf7-form-control   { max-height: 80px;  }
    .contact-bg > .kt-row-layout-inner                  { padding: 40px 0px; }
    .contact-details-block                              { padding: 0px 0px 20px;}
    .contact-bg .wp-block-image figure                  { margin: 30px auto 15px !important; }
    .contact-bg .wp-block-image figure img              { max-width: 26px; }
    .contact-details-block h4                           { margin:0px; }
    .submit-btn input.wpcf7-form-control                { margin: 0; padding: 10px 30px;}
    /* footer section */
    .footer-nav-widgets-wrapper .footer-widgets-outer-wrapper   { padding: 20px 0px; }
    .footer-widgets + .footer-widgets                           { margin-top: 10px;}
    .footer-widgets img                                         { max-width: 200px !important; margin: 0px auto;}
    .menu-navigation-menu-container ul                          { margin: 0px -8px; }
    .menu-navigation-menu-container ul li                       { margin: 0px 8px; }
    .menu-navigation-menu-container ul li a                     { font-size: 13px; line-height: 20px;}
    #site-footer                                                { padding: 10px 0px; }

    /******* Login Module CSS ******/
    .login-module h1                    { margin-bottom: 12px;}
    .login-module form                  { padding: 0px 20px; }
    .input-group .form-control          { padding: 8px;}
    .input-group + label                { font-size: 14px; line-height: 20px; transform: translate(10px, 2.3em) scale(1); -webkit-transform: translate(10px, 2.3em) scale(1);}
    .form-group.field                   { margin-bottom: 10px; }
    .remember-check                     { margin-bottom: 32px; }
    .login-image img                    { max-width: 350px;}
    .forget-password-link a             { font-size: 14px;}
    .custom-control-label               { font-size: 14px;}

    /******* Dashboard Module CSS ******/
    .table thead th, .table tbody td                { height: 52px; padding: 8px 9px; font-size: 12px;}
    .dasboard-main-content .sidebar-content         { padding: 12px 0px 0px; width: 70px;}
    .dasboard-main-content .navbar-nav li.nav-item  { margin: 0px 0px 10px; width:70px;}
    .dasboard-main-content .navbar-nav li.nav-item a { padding: 10px 18px; min-height: 32px; }
    .dasboard-main-content .main-content-section    { padding: 20px 20px; width: calc(100% - 70px);}
    .dasboard-main-content .navbar-brand            { margin: 0px 0px 50px; }
    .dasboard-main-content .navbar-brand img        { max-width: 40px; }
    .dashboard-title-content                        { margin-bottom: 40px; }
    .dasboard-main-content p                        { margin: 0px 0px 0px 6px; font-size: 12px;}
    .dasboard-main-content img                      { max-width: 12px;}
    span.profile-pic                                { margin-right: 10px; height: 32px; width: 32px;}
    .category-search-block .jcf-select .jcf-select-text,
    .category-search-block .jcf-list .jcf-option    { padding: 4px 8px; margin: 0; font-size: 13px; line-height: 18px;}
    .dasboard-main-content table .theme-btn a       { font-size: 12px; line-height: 18px;}
    /* profile listing content */
    .dasboard-main-content .project-listing-section ul { margin: 0px -10px;}
    .dasboard-main-content .project-listing-section ul li       { margin: 0px 10px 24px; width: calc(100% / 4 - 20px);}
    .project-listing-section .project-listing-box               { padding: 10px 10px 14px 10px; min-height: 65px;}
    .dasboard-main-content .project-listing-section ul li a     { padding: 8px; font-size: 12px;}
    .dasboard-main-content .project-listing-section ul li a img { margin-right: 5px;}
    .project-listing-section .project-listing-box p             { line-height: 20px;}
    /* breadcrum */
    .project-listing-section ol.breadcrumb li,
    .project-listing-section ol.breadcrumb li a                 { font-size: 14px; line-height: 20px; }

    /******* Profile Module CSS ******/
    .dasboard-main-content section.profile-section              { padding: 18px;}
    .nav-tabs .nav-link                                         { padding: 0px 0px 16px; font-size: 12px;}
    .tab-content-title                                          { margin-bottom: 5px; }
    .profile-section .nav-tabs                                  { margin: -54px 0px 0px 120px; padding: 16px 18px 0px;}
    .profile-section .nav-tabs .nav-item                        { margin: 0px 20px 0px 0px; }
    .profile-section .tab-content                               { padding: 18px; border: 1px solid #333; background: #1E1E1F; margin-top: 20px; }
    .profile-section .profile-img                               { width: 120px; height: 120px; }
    .profile-desc-content                                       { width: calc(100% - 120px); }
    .profile-name-info                                          { margin-bottom: 18px; padding-left: 18px; }
}

@media screen and (max-width: 767px) {
    h1, .entry-content h1       { font-size: 40px; line-height: 50px;}
    h2, .entry-content h2       { font-size: 22px; line-height: 30px;}
    h3, .entry-content h3       { font-size: 26px; line-height: 38px;}
    h4, .entry-content h4       { font-size: 16px; line-height: 24px;}
    h5, .entry-content h5       { font-size: 12px; line-height: 20px; letter-spacing: 3px;}
    p, .entry-content p         { margin: 0px 0px 12px; font-size: 14px; line-height: 22px;}

    /* common style */
    .theme-btn a, .theme-btn input      { padding: 10px 20px; font-size: 12px;}
    .small-title:before                 { width: 52px;}
    .kt-mobile-layout-row.kt-v-gutter-default>.wp-block-kadence-column               { margin-bottom: 0 !important; }
    .kt-mobile-layout-row.kt-v-gutter-default>.wp-block-kadence-column.title-content { margin-bottom: 26px !important; }
    .common-padding                     { padding: 40px 0px; }
    .text-msg                           { margin: 15px 0px 30px; }
    div.theme-btn.common-button button  { padding: 12px 42px; font-size: 14px;}
    .error-banner-content               { height: calc(100vh - 148px); }
    /******* Homepage Content CSS ******/
    /* header content */
    header#site-header          { top: 0; box-shadow: 0px 0px 10px #000; background: #333;} 
    .menu-modal-inner,          
    .menu-modal.show-modal      { background: transparent; }
    .modal-menu                 { background: #383839; padding: 10px 0px; box-shadow: 0px 0px 10px #000; } 
    .modal-menu > li            { border:none;}
    .menu-modal .toggle         { color: #fff !important; padding: 30px 0px; }
    .modal-menu > li > a,
    .modal-menu > li > .ancestor-wrapper > a                    { text-decoration: none !important; background: transparent; font-size: 16px; text-align: center; padding: 0; margin: 10px 0px; text-transform: uppercase; color: #fff;}
    .modal-menu > li > .ancestor-wrapper > a:after              { opacity: 0; content:''; position:absolute; top: calc(100% - 5px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background: #FFFFFF; width:25px; height:1px; display: block;}
    .modal-menu > li > .ancestor-wrapper > a:hover::after,
    .modal-menu > li > .ancestor-wrapper > a:focus::after,
    .modal-menu > li.current-menu-item > .ancestor-wrapper > a:after,
    .modal-menu > li > .ancestor-wrapper > a._mPS2id-h.mPS2id-highlight::after {  opacity: 1;}
    .header-navigation-wrapper          { display: block;} 
    .user-login-content                 { margin: 0px 15px 0px 0px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
    .user-login-content .theme-btn a    { font-size: 13px; line-height: 20px; padding: 8px 18px; }
    .header-inner .toggle               { padding: 0; width: auto; top: -4px; left: 15px; right: auto; }
    .dropdown-item                      { font-size: 16px; line-height: 22px; padding: 7px 12px; } 
    .user-login-content .dropdown button { min-height: 40px; }
    .toggle-inner                                { z-index: 1; flex-direction: column; padding: 0px !important; height: auto; } 
    .nav-toggle.active .toggle-icon:first-child  { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 5px; }
    .nav-toggle.active .toggle-icon:nth-child(2) { opacity: 0; }
    .nav-toggle.active .toggle-icon:nth-child(3) { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: -9px; }
    /* top header content */
    .top-header                  { padding: 2px 0px;}
    .top-header ul               { margin: 0px; justify-content: center;}
    .top-header ul li            { margin: 0px 10px; }
    .top-header ul li a          { font-size: 13px; line-height: 20px; }
    .header-inner                { padding: 35px 15px !important; position: relative; background: #333;}
    .header-titles                      { position: relative; width: 100%; height: 100%; top: 0; } 
    .site-logo                          { position: absolute; left: 40px; top: 50%; transform: translateY(-50%); }
    .sticky-header .header-inner.section-inner { padding: 35px 15px !important; } 
    /*.site-logo a.custom-logo-link       { max-width: 140px; }*/
    header#site-header .site-logo a.custom-logo-link { display: block !important; }
    .custom-logo.desktop                        { display: none !important; } 
    .custom-logo.mobile                         { display: block !important; }
    .toggle-inner                { z-index: 1; flex-direction: column; padding: 0px !important; height: auto;}
    span.toggle-icon             { margin-top: 4px; background: #fff; display: block; width: 26px !important; height: 3px !important; border-radius: 1px; transform-origin: center center; position: relative; transition-duration: 0.5s;}
    .toggle-text                 { font-size: 0;}
    button.close-nav-toggle svg  { height: 22px; width: 22px; }
    /* banner content */
    .banner > .kt-row-layout-inner          { height: 300px;}
    .banner img                             { padding-bottom: 40px;  max-width: 220px;}
    .about-section figure:after             { width: 90px; height: 90px;}
    /* about section */
    .about-section h2                       { margin: 14px 0px; }
    .about-section figure                   { padding: 45px 20px 20px 0px;}
    .about-section figure img               { max-width: 100%; height: 280px;}
    /* service content */
    .service-box-content                        { margin-bottom: 22px; }
    .service-box-content figure.service-img img { height: 290px; width: 100%; padding: 35px 0px 0px 35px;}
    .service-box-content:nth-child(2n+1) .row   { flex-direction: column-reverse; }
    .service-box-content:nth-child(2n+2) figure.service-img img { padding: 35px 35px 0px 0px; }
    .service-box-content figure.service-img                     { margin-bottom: 30px;}
    .service-title figure                                       { width: 40px; height: 40px;}
    .service-title figure img                                   { max-width: 16px;}
    /* project content */
    .slider-img                         { margin: 0;}
    .project-slider                     { margin: 22px 0px 20px; }
    .project-slider .slick-prev         { transform: translate(-42%,0); -webkit-transform: translate(-42%,0); left: 42%;}
    .project-slider .slick-next         { transform: translate(42%,0); -webkit-transform: translate(42%,0); right: 42%;  }
    .project-slider .slick-arrow        { width: 30px; height: 30px;}
    .project-slider .slick-arrow:before { font-size: 16px;}
    button.slick-arrow:hover::before,
    button.slick-arrow:focus::before    { font-size: 22px; }
    .hover-content                      { padding: 20px;}
    .hover-content .theme-btn           { margin: 16px 0px 0px -20px;}
    .hover-content .theme-btn a         { padding: 10px 16px; }
    /* popup content */
    .modal-dialog                   { max-width:100%;}
    .custom-modal h1                { font-size:25px; line-height: 34px; margin-bottom: 15px;}
    .modal-body                     { padding: 12px; }
    .modal-body ul                  { margin: 0px 0px 12px; }
    .scroll-section                 { margin-top: 12px; }
    .modal-body ul li,
    .modal-body a                   { font-size: 14px; line-height: 20px; }
    .popup-info-box li              { margin: 0px 14px 0px 0px; }
    .modal-header button.close      { top: 5px; right: 5px;}
    .modal-header button.close i    { font-size: 30px; }
    .popup-info-box li img          { margin-right: 6px; max-width: 14px; }
    .modal-body                     { max-height: 420px; }
    .popup-slider-image            { width: 100%; height: 170px; }
    .popup-info-box li h4                           { font-size: 13px;}
    /* contact section */
    .contact-section                            { padding: 20px 20px 0px;}
    .contact-section h4                         { margin: 0px;}
    .contact-form-content .wpcf7-form-control   { margin: 25px 0px 0px; padding: 0px 0px 10px; font-size: 13px;}
    div.contact-section .ajax-loader            { display: block; margin:0px auto;}
    .contact-form-content textarea.wpcf7-form-control  { max-height: 80px;  }
    .contact-bg > .kt-row-layout-inner                 { padding: 40px 0px; }
    .contact-details-block                             { padding: 0px 0px 20px;}
    .contact-bg .wp-block-image figure                 { margin: 30px auto 15px !important; }
    .contact-bg .wp-block-image figure img             { max-width: 26px; }
    .contact-details-block h4                          { margin:0px; }
    .submit-btn input.wpcf7-form-control               { margin: 0; padding: 10px 30px;}
    /* footer section */
    .footer-nav-widgets-wrapper .footer-widgets-outer-wrapper    { padding: 20px 0px; }
    .footer-widgets + .footer-widgets                            { margin-top: 15px;}
    .footer-widgets img                                          { max-width: 200px !important; margin: 0px auto;}
    .menu-navigation-menu-container ul                           { margin: 0; flex-direction: column; -webkit-flex-direction: column;}
    .menu-navigation-menu-container ul li                        { margin: 0; }
    .menu-navigation-menu-container ul li a                      { font-size: 13px; line-height: 20px;}
    .footer-credits                                              { flex-direction: column; align-items: center;}
    #site-footer                                                 { padding: 10px 0px; }

    /******* Login Module CSS ******/
    .login-module .row              { flex-direction: column-reverse; -webkit-flex-direction: column-reverse;}
    .login-form-section             { padding: 35px 0px; min-height: calc(100vh - 300px); }
    .login-module h1                { margin-bottom: 12px;}
    .login-module form              { padding: 0px 10px; }
    .input-group .form-control      { padding: 8px;}
    .input-group + label            { font-size: 14px; line-height: 20px; transform: translate(10px, 2.3em) scale(1); -webkit-transform: translate(10px, 2.3em) scale(1);}
    .form-group.field                   { margin-bottom: 10px; }
    .remember-check                     { margin-bottom: 32px; }
    .login-image img                    { max-width: 260px;}
    .login-image                        { height: 300px;}
    .forget-password-link a             { font-size: 14px;}
    .custom-control-label               { font-size: 14px;}

    /******* Dashboard Module CSS ******/
    .dasboard-main-content              { flex-direction: column; -webkit-flex-direction: column;}
    .navbar                             { padding: 14px 16px; flex-direction: row !important; -webkit-flex-direction: row !important; border-radius: 0 0 16px 16px; }
    .navbar .navbar-brand               { margin:0px; }
    .navbar .navbar-toggler             { padding: 0; border-radius: 0; background: transparent; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; }
    .navbar .navbar-toggler .navbar-toggler-icon    { margin: 2px; display: block; height: 2px; width: 24px; background: #fff; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 4px; }
    .table thead th, .table tbody td                { height: 52px; padding: 8px 9px; font-size: 12px;}
    .dasboard-main-content .sidebar-content         { padding: 0px; width: 100%;}
    .dashboard-title-content .dropdown-toggle::after { margin-left: 5px; }
    .dashboard-title h4                              { font-size: 14px;}
    div.dasboard-main-content ul.navbar-nav          { margin: 10px 0px 0px;}
    .dasboard-main-content .navbar-nav li.nav-item   { margin: 0px 0px 10px; width:100%;}
    .dasboard-main-content .main-content-section     { padding: 0px 20px 20px; width: 100%;}
    .dasboard-main-content .navbar-brand img         { max-width: 40px; }
    .dashboard-title-content                         { margin-bottom: 20px; }
    .dasboard-main-content p                         { margin: 0px 0px 0px 6px; font-size: 12px;}
    .dasboard-main-content img                       { max-width: 18px;}
    span.profile-pic                                 { margin-right: 10px; height: 32px; width: 32px;}
    .category-search-block .col-sm-4                 { margin-bottom: 10px; }
    .dasboard-main-content .category-search-block p  { margin: 0px 0px 5px; font-size: 14px; }
    .category-search-block .jcf-select .jcf-select-text,
    .category-search-block .jcf-list .jcf-option    { padding: 4px 8px; margin: 0; font-size: 13px; line-height: 18px;}
    /* project listing content */
    .dasboard-main-content .project-listing-section ul      { margin: 0; flex-direction: column; -webkit-flex-direction: column; max-height: max-content; overflow: hidden; }
    .dasboard-main-content .project-listing-section ul li   { margin: 0px 0px 20px; width: 100%;}
    .project-listing-section .project-listing-box           { min-height: 80px; padding: 10px 10px 16px 10px; }
    .project-listing-section .project-listing-box h4        { margin: 0px 0px 5px; }
    .dasboard-main-content .project-listing-section ul li a { padding: 10px;}
    .dasboard-main-content .project-listing-section ul li a img { margin-right: 4px; max-width: 14px; }
    /* breadcrum */
    .project-listing-section ol.breadcrumb li,
    .project-listing-section ol.breadcrumb li a             { font-size: 12px; line-height: 20px; }

    /******* Profile Module CSS ******/
    .dasboard-main-content section.profile-section  { padding: 12px 0px;}
    .profile-info-content                           { flex-direction: column; -webkit-flex-direction: column; align-items: center; -webkit-align-items: center;}
    .profile-desc-content                           { width: 100%;}
    .profile-name-info h4                           { text-align: center;}
    ul.profile-address-detail                       { flex-direction: column; -webkit-flex-direction: column; }
    .profile-section .profile-img                   { margin-bottom: 20px;}
    /* profile tab content */
    .profile-section .tab-content                   { padding: 10px; margin-top: 0px;border: transparent; }
    .profile-section .card-header                   { padding: 0px; border: none; background: #333; margin: 5px 0px; }
    .profile-section .card-header h5                { padding: 0; }
    .profile-section .card-header a                 { display: block; padding: 10px; font-size: 14px; letter-spacing: 0; line-height: 20px; font-weight: 500; font-family: 'Roboto', sans-serif; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); }
    .profile-section .card-body                     { padding: 10px; }
    .member-email-listing                           { flex-direction: column; }
    .member-email-listing .form-group               { margin: 0px 0px 15px; width: 100%; }
    .tab-content-title                              { margin: 10px 0px; }
    .tab-content-title h4                           { font-size: 14px;}
    .tab-content > .tab-pane                        { display: block !important; opacity: 1; }
}