/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
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 */
body.ehf-header #masthead { position: sticky; top: 0; left: 0; right: 0; }
.mainheader nav.hfe-nav-menu__layout-horizontal { width: 100% !important; }
.zoomhover  .elementor-button:hover { transform: scale(1.05); position: relative; }
.checkiconlist .elementor-icon-list-item .elementor-icon-list-icon { background: #16a249; padding: 4px 9px !important; border-radius: 100px; text-align: center; margin-right: 3px; }
.checkiconlist .elementor-icon-list-item .elementor-icon-list-icon:hover { background: #0037ffcc; }
.checkiconlist .elementor-icon-list-item .elementor-icon-list-icon svg { margin: 0; }
.elementor-element.servicesbox:hover { transform: translateY(-0.5rem); }
.elementor-element.servicesbox:hover .zoomhover  .elementor-button { transform: scale(1.05); position: relative; }
.elementor-element.businessiconbox { width: 100%; height: 100%; }
.commenform { display: flex; flex-wrap: wrap; margin: 0 -10px; } 
.commenform .col-6 { width: 50%; padding: 10px; } 
.commenform .col-12 { width: 100%; padding: 10px; } 
.commenform p {margin: 0;padding: 0; position: relative; } 
.commenform .form-control { width: 100%; padding: 10px 15px; border: 1px solid #e5e7eb; font-size: 14px; outline: none; color: #000; display: block; }
.commenform .form-control:focus { border-color: #0037ff; outline: 1px solid #0037ff; }
.commenform textarea.form-control { height: 120px; }
.commenform .submitquote { width: 100%; font-size: 15px; font-weight: 500; color: #FFFFFF; background-image: linear-gradient(135deg, #0037FF 0%, #7C3BED 100%); box-shadow: 0px 4px 14px -2px rgba(0, 0, 0, 0.1); transition: all 0.5s; border: 0; border-radius: 5px; padding: 10px 15px; }
.commenform .submitquote:hover { transform: scale(1.025); position: relative; }
.commenform .wpcf7-spinner { position: absolute; top: 8px; right: 0; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output { margin: 10px 0; text-align: center; font-size: 14px; color: #fff; background: #dc3232; border: 0; padding: 7px 10px; border-radius: 5px; }
.wpcf7 form.sent .wpcf7-response-output { margin: 10px 0; text-align: center; font-size: 14px; color: #fff; background: #46b450; border: 0; padding: 7px 10px; border-radius: 5px; }
.elementor-element.solutionhoverbox { width: 100%; height: 100%; }
.elementor-element.solutionhoverbox:hover { transform: translateY(-0.25rem); }
.storytags .elementor-icon-list-item { margin-top: 4px; margin-bottom: 4px; }
.storytags .elementor-icon-list-text { background: #f3f4f6; display: block; padding: 3px 8px; border-radius: 100px; }
.whyiconbox .elementor-icon-box-icon { background: #16a249; padding: 4px 9px !important; border-radius: 100px; text-align: center; margin-top: 10px; }
.storysucceslider .slick-slide .slideitem { display: flex !important; }
.storysucceslider  .slick-arrow { width: 32px; height: 32px; z-index: 9; background: #fff !important; left: 0; border-radius: 100px; border: 1px solid #e5e7eb; } 
.storysucceslider  .slick-arrow:hover { background: #7c3bed !important; }
.storysucceslider .slick-arrow::before { color: #000; opacity: 1; content: "\f060"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 15px; }
.storysucceslider  .slick-arrow:hover::before { color: #fff; }
.storysucceslider button.slick-next.slick-arrow { right: 0; left: auto; } 
.storysucceslider button.slick-next.slick-arrow::before { content: "\f061"; }
.storysucceslider .slick-arrow.slick-disabled { opacity: 0.5; }
.review_row .elementor-main-swiper .swiper-slide { margin-top: 10px; margin-bottom: 30px; transition: all .5s; } 
.review_row .elementor-main-swiper .swiper-slide .elementor-testimonial { display: flex; flex-direction: column-reverse; padding: 20px; } 
.review_row .elementor-main-swiper .swiper-slide:hover { box-shadow: 0px 8px 30px -8px rgba(0, 55, 255, 0.4); }
.pluginsbox .elementor-icon-list-item .elementor-icon-list-icon { border: 1px solid #e5e7eb; padding: 6px 8px !important; border-radius: 100px; }
.pluginsbox .elementor-icon-list-item .elementor-icon-list-icon svg { margin: 0; width: 4px; height: 4px; }
.contacticonbox .elementor-icon-box-icon { margin-top: 10px; }
.contacticonbox a { color: inherit; }
.contacticonbox a:hover { color: #0037FF; }
.contactag { font-size: 0.75rem; font-weight: 600; color: #0F172A; background: #f3f4f6; padding: 5px 10px; border-radius: 100px; display: inline-block; margin-top: 10px; line-height: 20px; }
.worktimelist .elementor-price-list-text { width: 100%; background: rgba(243,244,246,0.5); border-radius: 8px; padding: 1rem; }
#page .worktimelist li:last-child .elementor-price-list-price { color: #64748b; }
#page .bloglistrow .elementor-post__card .elementor-post__badge { position: relative; display: inline-block; left: auto; right: auto; width: fit-content; margin: 0 15px 15px; text-align: center; }
#page .bloglistrow .elementor-post__meta-data { line-height: 2; }
#page .bloglistrow .elementor-post__meta-data .elementor-post-author:before { content: "\f007"; font-family: "Font Awesome 5 Free"; font-weight: 400; padding-right: 3px; margin: 0; }
#page .bloglistrow .elementor-post__meta-data .elementor-post-date:before { content: "\f133"; font-family: "Font Awesome 5 Free"; font-weight: 400; padding-right: 3px; margin: 0 0 0 10px; }
#page .bloglistrow .elementor-post__meta-data .elementor-post-time:before { content: "\f017"; font-family: "Font Awesome 5 Free"; font-weight: 400; padding-right: 3px; margin: 0 0 0 10px; }
#page .bloglistrow .elementor-post__card .elementor-post__thumbnail__link { overflow: hidden; }
#page .bloglistrow .elementor-post__card .elementor-post__thumbnail { transition: all .3s; }
#page .bloglistrow .elementor-post__card:hover { transform: translateY(-0.25rem); box-shadow: 0px 8px 30px -8px rgba(0, 55, 255, 0.4);}
#page .bloglistrow .elementor-post__card:hover .elementor-post__thumbnail { transform: scale(1.05); }
#page .bloglistrow .elementor-post__card:hover .elementor-post__title a { color: #0037ff !important; }
.single-post .hfe-breadcrumbs { display: flex; align-items: flex-start; }
.single-post .hfe-breadcrumbs li:nth-child(3), .single-post .hfe-breadcrumbs li:nth-child(4) { display: none; }
#page .blogfeatureimg img { aspect-ratio: 16 / 9; object-fit: cover; }
.single-post .wp-block-heading { font-weight: 700; margin: 0 0 10px; padding: 10px 0 0; } 
.single-post .wp-block-list { margin: 0; padding: 0 0 10px 20px; } 
.single-post .wp-block-list li { padding: 0 0 7px; }








/* Responsive Media Query */
@media (max-width: 767px) {
#page .mainheader .hfe-nav-menu .hfe-nav-menu__toggle .hfe-nav-menu-icon { padding: 0; margin: 0; }
#page .mainheader nav.hfe-nav-menu__layout-horizontal { position: fixed; right: -100%; left: auto !important; width: 100% !important; height: 100%; top: 0; bottom: 0; display: block; transition: all 0.5s; padding: 65px 0 0; z-index: 9 !important; margin: 0; } 
#page .mainheader ul.hfe-nav-menu { visibility: visible; opacity: 1; }
#page .mainheader .menu-is-active > ul.hfe-nav-menu { display: block; width: 100%; height: 100vh; overflow: auto; padding-bottom: 100px; } 
#page .mainheader .hfe-nav-menu .menu-item .hfe-menu-item::after { display: none; }
#page .mainheader .hfe-nav-menu__toggle.hfe-active-menu { position: fixed; top: 25px; right: 20px; z-index: 99;}
#page .mainheader .hfe-nav-menu__toggle.hfe-active-menu .hfe-nav-menu-icon { margin: 0; border: 0; }
#page .mainheader .hfe-nav-menu__toggle.hfe-active-menu + nav.hfe-nav-menu__layout-horizontal { visibility:visible; opacity:1; right: 0;}	
#page .mainheader .hfe-nav-menu > .menu-item > .hfe-menu-item { padding: 20px 20px; border: 0; }	
.commenform .col-6 { width: 100%; } 
.commenform .wpcf7-not-valid-tip { font-size: 14px; margin: 3px 0 0; }
.single-post h2 { font-size: 24px; }
.single-post h3 { font-size: 20px; }
.single-post h4 {font-size: 18px;}
	
	
}