/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child theme of Hello Elementor by Oscar Viana
Author: Oscar Viana
Author URI: https://oscarviana.com/
Template: hello-elementor
Version: 1.0.2
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

html {scroll-padding-top: 20px; /* Adds a fixed top buffer area globally */ scroll-behavior: smooth;}

#mainnav svg path {fill: #fff;}
#mainnav .elementor-widget-button {margin-left: 80px;}
#exitpopup {display: none; text-align: center; max-width: 600px; padding: 0px; width: 100%;}
#headermessage {display: none;}
#headermessage body.home {display: block;}

.containersection {padding: 90px 20px;}
.mediumcontainersection {padding: 60px 20px;}
.minicontainersection {padding: 40px 20px;}
.microcontainersection {padding: 20px 20px;}
.fullwidth {padding-left: 0; padding-right: 0;}
.bluearrow {vertical-align: middle; color: #ff5722; font-size: 70%;margin-right: -5px;}
a {color: #FFD141;}
a:hover {color: #4D4D4D;}
.elementor-heading-title span {color: #FFD141;}
.generalcontent h1, .generalcontent h2, .generalcontent h3, .generalcontent h4, .generalcontent h5, .generalcontent h6 {font-family: "Barlow Condensed", Sans-serif; font-weight: 500; text-transform: uppercase;}

#mainpoints {}
.keypoints .elementor-icon-list-icon {padding: 5px; background: #FFD141; margin-right: 6px;}

.newsletterform {background: #fff; padding: 18px; }
.newsletterform .cols {margin-bottom: 10px;}
.newsletterform .col2 {display: inline-block; width: calc(50% - 8px);}
.newsletterform .col2:nth-child(even) {margin-right: 10px;}
.newsletterform .col3 {display: inline-block; width: calc(33% - 8px); margin-right: 8px;}


.newsletterform input, .newsletterform select {border: 1px solid #D7D7D7; border-radius: 0; height: 60px;}
.newsletterform button {padding: 22px 30px; width: 100%; border: 1px solid #FFD141; font-family: "Barlow"; font-weight: 700; font-size: 18px;}
.newsletterform button:hover {background: #121212; color: #FFD141;}
#inlineform {padding: 10px 20px;; background: #FFD141; margin: 20px 0; display: none;}
#inlineform h3 { font-family: "Barlow Condensed", Sans-serif! important; font-weight: 700; text-transform: uppercase; font-size: 48px; margin: 0;}
#inlineform button {background: #121212; color: #FFD141;}
#inlineform button:hover {background: #4D4D4D; color: #fff;}

.owlbuttons {text-align: right;}
.owlbuttons button {height: 60px; width: 60px; margin: 3px;}
.owlbuttons button i {font-size: 24px;}
.owlbuttons button.owl-next {border: 1px solid #FFD141}
.owlbuttons button.owl-prev {border: 1px solid #121212; background: #fff;}
.owlbuttons button.owl-next:hover, .owlbuttons button.owl-next:focus {background: #4D4D4D; border: 1px solid #4D4D4D;}
.owlbuttons button.owl-prev:hover, .owlbuttons button.owl-prev:focus {color: #FFD141; border: 1px solid #FFD141;}

#loansection .owl-item {background: #FBFBFB;}
#loansection .elementor-icon {background: #FFD141; width: 72px; height: 72px; padding: 18px;}
#loansection .elementor-icon svg {width: 36px; height: 36px;}
#loansection .owl-item:hover {background: #FFD141;}
#loansection .owl-item:hover .elementor-icon {background: #fff;}

.datapods .elementor-widget-icon-box {background: #FBFBFB;}
.datapods .elementor-icon {background: #FFD141; width: 72px; height: 72px; padding: 18px;}
.datapods .elementor-icon svg {width: 36px; height: 36px;}

#features .elementor-icon {display: none;}
#features .elementor-widget-icon-box {padding: 5px 15px! important; background: #FFD141;}
#features .elementor-widget-icon-box:hover {background: #FBFBFB;}

#loantypes .elementor-icon {display: none;}
#loantypes .elementor-icon {background: #121212;}
#loantypes .elementor-icon svg {filter: invert(1);}

#tradeguides .elementor-image-box-img a:after {content: ""; width: 60px; height: 60px; position: absolute; z-index: 100; bottom: 170px; background: #FFD141;text-align: center; vertical-align: bottom; padding: 12px; left: 10px;}
#tradeguides .hammer .elementor-image-box-img a:after {content: url("icons/hammer.svg");}
#tradeguides .electric .elementor-image-box-img a:after {content: url("icons/electric.svg");}
#tradeguides .water .elementor-image-box-img a:after {content: url("icons/water-gas.svg");}
#tradeguides .painter .elementor-image-box-img a:after {content: url("icons/painter.svg");}
#tradeguides .leaf .elementor-image-box-img a:after {content: url("icons/leaf.svg");}
#tradeguides .tractor .elementor-image-box-img a:after {content: url("icons/tractor.svg");}
#tradeguides .spanner .elementor-image-box-img a:after {content: url("icons/spanner.svg");}
#tradeguides .aircon .elementor-image-box-img a:after {content: url("icons/aircon.svg");}
#tradeguides .elementor-image-box-img {overflow:hidden;}
#tradeguides .elementor-image-box-img img {transition: transform .2s;}
#tradeguides .elementor-image-box-img img:hover {transform: scale(1.05);}
#tradeguides .elementor-widget-image-box .elementor-image-box-title a {transition: transform .2s;}
#tradeguides .elementor-widget-image-box:hover .elementor-image-box-title a {color: #FFD141;}


.imagestyler1 {padding: 24px;}
.imagestyler img {z-index: 5;}
.imagestyler:before, .imagestyler:after {border: 2px solid #FFD141; width: 70%; height: 70%; position: absolute; z-index: -1; content: " ";}
.imagestyler:before {top: -24px; left: -24px;}
.imagestyler:after {bottom: -24px; right: -24px;}

#mainnav .sub-menu {padding: 12px 6px;}
#mainnav .sub-menu li a:before {content: ""; position: absolute; width: 24px; height: 24px; left: 6px; top: 12px; background-size: cover; background-repeat: no-repeat; }
#mainnav .hammer a:before {background-image: url("icons/hammer.svg"); }
#mainnav .electric a:before {background-image: url("icons/electric.svg"); }
#mainnav .water a:before {background-image: url("icons/water-gas.svg"); }
#mainnav .painter a:before {background-image: url("icons/painter.svg"); }
#mainnav .leaf a:before {background-image: url("icons/leaf.svg"); }
#mainnav .aircon a:before {background-image: url("icons/aircon.svg"); }
#mainnav .sub-menu li a {padding-left: 40px;}
#mainnav .car a:before {background-image: url("icons/car-icon.svg"); }
#mainnav .ute a:before {background-image: url("icons/ute-icon.svg"); }
#mainnav .business a:before {background-image: url("icons/business-icon.svg"); }
#mainnav .house a:before {background-image: url("icons/home-icon.svg"); }
#mainnav .tractor a:before {background-image: url("icons/tractor.svg"); }
#mainnav .cash a:before {background-image: url("icons/business-cash-coin-icon.svg"); }
#mainnav .spanner a:before {background-image: url("icons/spanner.svg"); }

.elementor-widget-image-gallery {margin-top: 30px;}

#masonry-home1 .gallery img {filter: grayscale(1);}
#masonry-home .gallery img:hover {filter: grayscale(1);}

#industrylogos .gallery {display: flex; align-items: center;}
#industrylogos .gallery img {width: 120px;}

#industrylogos.elementor-widget-image-gallery {margin-top: 0px;}

#clients .gallery {display: flex; align-items: center; flex-wrap: wrap;}
#clients .gallery img {width: 120px;}

#sectors .elementor-image-box-wrapper {
    background: #000000b3;
    border: 1px solid #797979;
    border-radius: 20px;
    padding: 20px;
}

#sectors .elementor-image-box-wrapper:hover { background: #02ABEC21;}

#accreditations .gallery { display: flex; align-items: center;}
#accreditations figure {padding: 20px 0px; text-align: center;}
#accreditations figure img {width: 200px;}

/*  GALLERY TABS  */

#gallerytabs .gallery-icon {padding: 10px;}
#gallerytabs figure img {border-radius: 10px; max-height: 200px;}


/*
   Homep page Blog Section
*/

.post .entry-title a { color: #121212; font-family: "Barlow Condensed", Sans-serif; font-weight: 600; font-size: 32px; line-height: 40px; text-transform: uppercase;}
.post .entry-title a:hover {color: #FFD141;}
#latestposthome {max-width: 1320px; margin: auto;}
.latest-posts {display: flex; gap: 30px;}
.latest-posts .latestpostboxes, .childpost .featuredimage, .childpost .contentbox {width: 50%;}
#firstpost, #gridposts article, #primary-sidebar, .latest-posts .childpost { padding: 20px; border-radius: 0px; background: #fff; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%); }
#gridposts {margin: 40px 0; display: grid; grid-template-columns: 32% 32% 32%; gap: 20px;}
.childpost {display: flex; gap: 20px; align-items: center; margin-bottom: 20px;}
.childpost:last-child { margin-bottom: 0px;}
.childpost1 p {display: none;}
.latest-posts .contentbox {padding: 18px; color: #4D4D4D;}
.latest-posts img {border-radius: 0px; width: 100%;}
.latest-posts img:hover {opacity: 0.9;}
.latest-posts a {font-family: "Barlow Condensed", Sans-serif; color: #121212; font-weight: 600; font-size: 30px; line-height: 38px;}
.latest-posts a:hover {color: #FFD141;}
.latest-posts .post-date {color: #121212; font-size: 18px; line-height: 26px;}
.latest-posts .childpost a {color: #121212; font-family: "Barlow Condensed"; font-weight: 600; text-transform: uppercase;}
.latest-posts .childpost h3 {margin: 5px 0; line-height: 38px; font-family: "Barlow Condensed"; font-weight: 600; font-size: 30px;}
.latest-posts .tag a, .post-tags .tag-links a {background: #FFD141; color: #000; font-family: "Barlow"; font-size: 16px; font-weight: 500; line-height: 16px; border-radius: 0px; padding: 6px 15px; text-transform: uppercase;}
.post-tags .tag-links a {margin-right: 0 5px; text-decoration: none;}
#miniposts .childpost:nth-child(odd) .tag a {background: #FFD141;}
#gridposts article h2 {font-size: 24px; line-height: 1;}
#gridposts article p {height: 200px; overflow: hidden; line-height: 25px;}
#gridposts1 article p:after {content: "...";}
.metaseparator {padding: 0 10px;}


.faqs1 {max-width: 900px! important; margin: 0 auto;}
.faqs .e-n-accordion-item-title, .faqs .e-n-accordion-item-title {justify-content: space-between;}
.faqs .e-n-accordion-item, .faqs .e-n-accordion-item {border: 0px solid #fff; border-radius: 0px; padding: 10px; margin: 10px 0; background: #FBFBFB; vertical-align: top;}
.faqs .e-n-accordion-item:hover, .faqs .e-n-accordion-item[open], .faqs .e-n-accordion-item:hover, .faqs .e-n-accordion-item[open] {border: 0px solid #FFD141; border-radius:0; color: #000; background: #FFD141;}
.faqs .e-n-accordion-item:hover .e-n-accordion-item-title-header, 
.faqs .e-n-accordion-item[open] .e-n-accordion-item-title-header, 
.faqs .e-n-accordion-item[open] .elementor-widget-text-editor, 
.faqs .e-n-accordion-item:hover .e-n-accordion-item-title-header, 
.faqs .e-n-accordion-item[open] .e-n-accordion-item-title-header, 
.faqs .e-n-accordion-item[open] .elementor-widget-text-editor {color: #000;}
.faqs .e-n-accordion-item-title-icon {background: #FFD141; padding: 5px;}


.fancybox__backdrop {background: #FFD141;}
.fancybox__content>.f-button.is-close-btn {--f-button-hover-color: #fff;}


/*
    Blog Section
*/


#primary-content .post-tags {display: none;}
main#content {max-width: 1240px;}
#primary-content{width: 70%; display: inline-block; margin-bottom: 60px;}
#primary-sidebar {width: 27%; display: inline-block; float: right;}
.clr {clear: both;}
.mywidgets { margin-bottom: 40px;}
.mywidgets h2, .more-blogs-title {
    color: var(--e-global-color-primary );
	color: #000;
    font-family: var(--e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight );
	font-weight: 600;
	font-family: "Barlow Condensed", Sans-serif;
	font-size: 36px;
	line-height: 42px;
	text-transform: uppercase;
}
.mywidgets1 .wp-block-latest-posts__featured-image {width:100px;}
.more-blogs-title {text-align: center;}

.page-content {
    /* color: var(--e-global-color-text ); */
    font-family: var(--e-global-typography-text-font-family ), Sans-serif;
    font-size: var(--e-global-typography-text-font-size );
    font-weight: var(--e-global-typography-text-font-weight );
	font-size: 18px! important;
}

.sectiondivider {background-color: var(--e-global-color-primary); height: 0px; margin: 50px 0; border: 0; } 

#blogheader {margin-bottom: 50px; min-height: 200px; background-blend-mode: multiply; padding: 20px 0; background: #121212;}
.blogheaderoverlay {background-color: #020101; opacity: 0.5; height: inherit; width: 100%; position: absolute;}
.blog-header-title {height: inherit; width: 100%; position: absolute; padding: 150px 0;}
#blogheader h1 { color: #FFFFFF; font-family: "Barlow Condensed", Sans-serif; font-size: 48px; font-weight: var(--e-global-typography-primary-font-weight ); line-height: 56px; text-transform: uppercase;}
body.archive #blogheader h1, body.blog #blogheader h1 {font-size: 72px; line-height: 80px; text-transform: uppercase;}
body.archive #blogheader h1 span, body.blog #blogheader h1 span {color: #FFD141;}
.blog-header-spacer {height: 50px;}

#blog-header {display: flex; justify-content: space-between; max-width: 1240px; margin: 0 auto; gap: 40px; align-items: center;}
#blog-image {text-align: right;}
#blog-header img {width: 100%; max-width: 600px; /* border-radius: 30px; */}
#blog-header div {padding: 20px; }
.blog-content article img {/* border-radius: 30px; */}
.blogimage1 {display: none;}
.blog-content article {padding: 0px 10px 40px 10px;}
#blog-title, #blog-image {width: 50%;}
.blogreadmore {padding: 16px; color: #121212; background: #FFD141; /* border-radius: 3px; */ font-weight: 700; font-size: 18px; text-decoration: none! important; line-height: 18px; margin-top: 20px; display: inline-block; text-transform: uppercase;}
.blogreadmore:hover {color: #fff; background: #121212;}
.bottom-sidebar .mywidgets .wp-block-latest-posts li {width: 32%; margin-right: 1%; display: inline-block; padding: 20px; clear: none; float: left}
.bottom-sidebar .mywidgets .wp-block-latest-posts .wp-block-latest-posts__featured-image a {display: block;}
.bottom-sidebar .mywidgets .wp-block-latest-posts .wp-block-latest-posts__featured-image a img {width: 100%;}
.blog-content #primary-content h1, .blog-content #primary-content h2, .blog-content #primary-content h3, .blog-content #primary-content h4, .blog-content #primary-content h5, .blog-content #primary-content h6 {font-weight: 700; font-family: "Open Sans", sans-serif; padding: 10px 0;}

#primary-sidebar .mywidgets li {line-height: 24px; margin-bottom: 5px; font-size: 16px; display: inline-flex; gap: 10px;}
#primary-sidebar1 .mywidgets li::before {content: '⮞'; margin-right: 5px;} 
#primary-sidebar .mywidgets li a {text-decoration: none; color: #000;}
#primary-sidebar .mywidgets li a:hover { color: #FFD141;}
#primary-sidebar .wp-block-latest-posts__featured-image img {/* border-radius: 18px; */ width: 80px ! important; height: 80px;}
#firstpost, #gridposts {font-size: 16px;}
#blog-breadcrumbs, #blog-breadcrumbs a:hover {color: #fff;}
.entry-sub-title {font-family: "Manrope", Sans-serif; font-size: 18px; font-weight: 400; line-height: 28px; color: #fff;}
#blogarticles article {width: 33.33%; float: left;}
#blogarticles article .postarticleholder {padding: 10px;}
#blogarticles article img {width: 100%; max-height: 240px;}

.wp-block-list {list-style: none; padding: 0 0 10px 0;}
.wp-block-list li {padding-left: 32px; line-height: 28px;}
.wp-block-list li::before {content: url(tick.svg); margin-right: 5px; color: #EAA465; margin-top: 2px; line-height: 24px; width: 24px; position: absolute; margin-left: -32px; }

#post-meta-details {list-style: none; padding: 0; font-size: 14px;}
#post-meta-details li {margin-bottom: 5px;}
#post-meta-details li i {color: #FFD141;}
#post-meta-details li:first-child {text-transform: capitalize;}
#post-meta-details .tag-links a {background: #FFD141; color: #000; font-family: "Barlow"; font-size: 14px; font-weight: 500; line-height: 14px; border-radius: 0px; padding: 3px 6px; text-transform: uppercase; text-decoration: none;}
#firstpost #post-meta-details li {display: inline-block; margin-right: 10px;}
#blog-title #post-meta-details, #blog-title #post-meta-details a:hover {color: #fff;}

#primary-content .post-item h2 {line-height: 32px;}

/* Slider  */

.owl-nav {display: flex; justify-content: space-between; margin-top: 40px;}

.owl-dots {text-align:center; margin-top: -40px;}
button.owl-dot {width: 24px; height: 4px; border: 0; border-radius: 1px;  background: #97D8D950! important; margin: 2px;}
button.owl-dot.active {width: 36px; height: 4px; border: 0; border-radius: 1px; background: #97D8D9! important;}

.owl-nav1 {top: 180px; position: absolute; width: 100%;}
.owl-nav button {background: #97D8D9! important; color: #000! important; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #97D8D9! important;}
.owl-nav button.owl-prev {margin-left: -80px; background: none! important; color: #97D8D9! important;}
.owl-nav button.owl-next {position: absolute; right: -80px;}


 /* */
 
.owl-nav button.owl-next {
    position: relative;
    right: -0;
}
 
.owl-nav button.owl-prev {
    margin-left: 0;
}

.owl-nav1 {
    top: auto;
    position: relative;
    width: 100%;
	text-align: center;
}

.owl-nav button {margin: 0 10px;}

/*  projectgallery LIGHTBOX STYLES  */

 #elementor-lightbox-slideshow-projectgallery .elementor-swiper-button {
    display: block !important;
    visibility: visible !important;
    color: #ffffff !important; /* Forces white arrows */
	position: fixed;
    opacity: 1;
    z-index: 1000;
    top: 50%;
}

 #elementor-lightbox-slideshow-projectgallery .eicon-chevron-left,
 #elementor-lightbox-slideshow-projectgallery .eicon-chevron-right {
    display: block !important;
}

#elementor-lightbox-slideshow-projectgallery svg.e-font-icon-svg {height: 40px; cursor: pointer;}

/*  CONTACT FORMS */

.myreCAPTCHA { text-align: center; font-size: 14px; font-family: Cabin, Georgia, serif;}

#contact1 {width: 100%; background: #FFD141; padding: 24px;}
#contact1 .eael-contact-form-7 {width: 100%;}
#contact1 form p {width: 100%;}
#contact1 form br {display: none;}
#contact1 form label {padding: 0; margin: 10px 0; color: #54595F; width: 100%;}
#contact1 form label span {display: block; padding: 5px 0;}

#contact1 .wpcf7-form input {
    width: 100%;
	margin-top: 0;
	background: #fff;
	border: 1px solid #D7D7D7;
	height: 60px;
	border-radius: 0;
}

#contact1 .wpcf7-form select {
	width: 100%;
	margin-top: 0;
	background: #fff;
	border: 1px solid #D7D7D7;
	height: 60px;
	border-radius: 0;
}

#contact1 form textarea {
    height: 100px;
    width: 100%;
	background: #fff;
	border: 1px solid #D7D7D7;
	border-radius: 0;
}

#contact1 .wpcf7-form input[type="submit"] {
    width: 100%;
	background: #FFD141;
	color: #121212;
	text-transform: uppercase;
	border: 1px solid #FFD141;
	padding: 22px 30px;
	font-family: "Barlow", Sans-serif;
	font-weight: 700;
	font-size: 18px;
	background: #121212;
	color: #FFD141;
	border-radius: 0;
}

#contact1 .wpcf7-form input[type="submit"]:hover {
	background: #fff;
	color: #121212;
}

#contact1 .wpcf7-form input[type="submit"]:focus {
	border-radius: 0;
}

#contact1 .wpcf7-not-valid-tip {position: absolute; top: 4px; left: 16px;}
#contact1 .wpcf7 form .wpcf7-response-output {text-align: center; border: 0;}
#contact1 .wpcf7 form.sent .wpcf7-response-output {display: flex; align-items: center; justify-content: center; min-height: 500px;}
#contact1 .wpcf7-spinner {background-color: #FFD141; position: absolute; left: calc(50% - 12px); margin: 0; }

#contact1 .myreCAPTCHA { color: inherit;}


#contact2 {width: 100%; max-width: 800px; margin: 0 auto;}
#contact2 .eael-contact-form-7 {width: 100%;}
#contact2 form p {width: 100%;}
#contact2 form br {display: none;}
#contact2 form label {padding: 0 10px; margin: 10px 0; color: #54595F;}
#contact2 form label span {display: block; padding: 5px 0;}

#contact2 .wpcf7-form input {
    width: 100%;
	margin-top: 5px;
	background: #1543b8;
	color: #fff;
	border: 1px solid #fff;
}

#contact2 form textarea {
    height: 100px;
    width: 100%;
	background: #1543b8;
	color: #fff;
	border: 1px solid #fff;
}

#contact2 .wpcf7-form input[type="submit"] {
    color: #000;
    width: 100%;
	background: #fff;
	text-transform: uppercase;
}

#contact2 .wpcf7-form input::placeholder, #contact2 form textarea::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}

#contact2 .wpcf7-form input::-ms-input-placeholder, #contact2 form textarea::-ms-input-placeholder {
  color: #fff;
  opacity: 1; /* Edge 12 -18 */
}

#contact2 .myreCAPTCHA, #contact2 .myreCAPTCHA a {color: #fff;}
#contact2 .myreCAPTCHA a:hover {color: #c6c6c6;}

#contact1 .wpcf7-form.sent p {display:none;}

.a2a_kit .a2a_svg {border-radius: 0! important;}


/*  TRADE GUIDES  */

.mainguidecontainer .e-con-inner {display: flex; align-items: flex-start! important; gap: 0px;}
.mymainbar {flex: 3! important; min-height: 150vh;}
.mysidebar { flex: 1! important; position: sticky; top: 20px; }
.guidesections {border-bottom: 1px solid #ccc; padding-bottom: 40px; margin-bottom: 10px;}
#topicsguide a {padding: 3px 6px;}
#topicsguide a.active {background: #eaeaea; color: #000;}
.guidepoints {}
.guidepoints .elementor-widget-icon-box {background: #FFD141; color: #000; padding: 8px 2px;}
.guidepoints .elementor-widget-icon-box .elementor-icon-box-title {color: #121212! important; margin: 0 0 5px 0;}
.guidepoints .elementor-widget-icon-box .elementor-icon-box-description {color: #000! important;}
.datatables {}

/*  MAILCHIMP FORM  */

#footerform .mc_merge_var, #exitpopup .mc_merge_var {display: inline-block; width: 49%;}
#footerform .mc-indicates-required, #exitpopup .mc-indicates-required {display: none;}
#footerform .mc_signup_submit input, #exitpopup .mc_signup_submit input {width: 100%; margin: 0;}
#footerform .mc_merge_var label, #exitpopup .mc_merge_var label {display: none;}
#footerform .mc_message_wrapper, #exitpopup .mc_message_wrapper {text-align: center;}
#footerform .mc_signup_submit input:hover, #exitpopup .mc_signup_submit input:hover {background: #121212; color: #fff;}

/*  SCREEN SIZES  */

@media (min-width: 1200px) {
.page-header .entry-title {max-width: 100%;}
}

@media (max-width: 1200px) {
	
#logocontainer {width: 160px;}
#menucontainer {width: calc(100% - 160px);}
#logocontainer, #menucontainer {padding: 5px;}
#mainnav .elementor-widget-button {margin-left: 0px;}

}

@media (max-width: 1024px) {

#mainnav .hfe-nav-menu {background: #121212; color: #fff;}
#mainnav .hfe-nav-menu a {color: #fff; background: #121212;}
#mainnav .hfe-nav-menu .current-menu-item a, #mainnav .hfe-nav-menu .current_page_item a {color: #FFD141;}
#mainnav .sub-menu li a:before {filter: invert(1);}

#mainnav .sub-menu li a:before {left: 16px;}
#mainnav .sub-menu li a {padding-left: 50px;}

#mainnav li.menu-item {border-bottom: 1px solid #efefef; border-radius: 0;}

#mainnav #menu-item-1036 a {
        color: #121212;
        background: #FFD141;
        font-size: 18px;
        line-height: 16px;
        padding: 22px 30px;
        border-radius: 0;
        font-weight: 700;
        width: fit-content;
        margin: 20px auto;
        display: block;
		font-family: "Barlow", Sans-serif;
		text-transform: uppercase;
    }


.mainguidecontainer .e-con-inner {display: block;}
.mymainbar {flex: 3! important; min-height: 150vh;}
.mysidebar { flex: 1! important; position: relative; top: 20px; }


}

@media (max-width: 767px) {

/*
.elementor {overflow: clip;}
#differencetable {display: none;}
*/

.quicklinks .elementor-icon-list-text {display: none;}
#accreditations .gallery { display: block;}

.latest-posts, .childpost {display: block;}
#miniposts {margin-top: 20px;}
.latest-posts .childpost {/* padding: 20px; border-radius: 20px; background: #fff; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%); */}
.latest-posts .latestpostboxes, .childpost .featuredimage, .childpost .contentbox {width: 100%;}
.xxxl h1 {font-size: 40px! important; line-height: 58px! important;}
.xl h2 {font-size: 38px! important; line-height: 46px! important;}
#miniposts .featuredimage img {width: 100%;}
#gridposts {display: block;}
#gridposts article {margin: 20px 0;}
#blog-header {display: block;}
#blog-title, #blog-image {width: 100%;}
#primary-content, #primary-sidebar {width: 100%; display: block; float: none; padding: 0 20px;}
.bottom-sidebar .mywidgets .wp-block-latest-posts li {width: 100%; margin: 0 1%; display: block;}
.blog-content article {padding: 0 0 40px 0;}
#clients figure {padding: 15px 0;}
#industrylogos figure {padding: 0 5px;}

#contact1 form label.col2, #contact1 form label.col3 {display: block; width: 100%; float: none;}

.newsletterform .col3 {display: inline-block; width: calc(49% - 8px);}
.newsletterform .col3:nth-child(even) {margin-right: 8px;}

#footerform .mc_merge_var {display: block; width: 100%;}

}

@media (max-width: 479px) {
.containersection {padding: 40px 20px;}
.newsletterform .col2, .newsletterform .col3 {display: block; width: 100%;}
.newsletterform .col2:nth-child(even) {margin-right: 0px;}
.owlbuttons, .viewall {text-align: center;}
#herosection1 {background-image: none;}
#mainpoints li {padding: 10px 0;}
#mainnav .sub-menu {padding: 0;}
#mainnav nav {border-radius: 0;}
.footlinks ul {justify-content: start! important;}

}