/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1781064020
Updated: 2026-06-10 04:00:20

*/

header#masthead { position: sticky !important; top: 0; background: #fff; z-index: 999; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); }

.btn_custom a { width: 100%; }

.img_fit .elementor-widget-image{height:100%}
.img_fit .elementor-widget-image img{height:100%; object-fit:cover;}

.call_btn { padding-left: 15px !important; }
.call_btn  a.hfe-menu-item { background: #0f2a5f; color: #fff !important; border-radius: 12px; padding-inline: 16px !important; border: 2px solid #0f2a5f;  transition: all 0.3s ease;font-weight:500 !important;}
.call_btn a.hfe-menu-item:hover { background: transparent; border: 2px solid #0f2a5f; color: #0f2a5f !important; }

.terreri_border { position: relative; }
.terreri_border::after { content: ""; position: absolute; width: 113px; height: 3px; background: #d8d4d1; left: -131px; top: 50%; transform: translateY(-50%);  }
.terreri_border::before { content: ""; position: absolute; width: 113px; height: 3px; background: #d8d4d1; right: -131px; top: 50%; transform: translateY(-50%);  }




.box_shodow{ box-shadow: 2px 4px 10px #ececec; }

.wholesale_sec{position: relative; }
.wholesale_img  img { position: absolute !important; top: 0; left: 0; height: 565px; object-fit: contain; }


.number_sec {
    position: relative;
}

.number_sec::before, .number_sec::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: calc(100% + 40px); height: 1px; background: #0f2a5f; border-radius: 50px; box-shadow: 0 6px 10px 7px rgba(0, 0, 0, 0.18), 0 18px 37px 8px rgba(0, 0, 0, 0.12); filter: blur(1px); }

.number_sec::before {
    top: 0;
}

.number_sec::after {
    bottom: 0;
}

.managers_grids .elementor-widget-image-box { transition: all 0.4s ease; }
.managers_grids figure.elementor-image-box-img { padding: 5px; background: #fff; border-radius: 16px; overflow: hidden; }
.managers_grids .elementor-widget-image-box .elementor-image-box-wrapper { background: #fff; padding: 20px; height:100%; border-radius: 15px; transition: all 0.4s ease; }


.step_home img { height: 700px; object-fit: cover; object-position: top; }


@media (min-width: 1025px) and (max-width: 1340px) {
	header#masthead ul#menu-1-e413e22 {display: flex; flex-wrap: nowrap;}
	header#masthead a.hfe-menu-item { font-size: 14px !important; }
}

@media  (max-width: 1024px) {
	.call_btn { padding-left: 0 !important; padding-top: 10px !important; }
	.terreri_border::after {  width: 55px; height: 3px;left: -83px;  }
	.terreri_border::before {  width: 55px; height: 3px;right: -83px;  }
header#masthead .hfe-flyout-left { left: 0 !important; right: auto !important; transform: translate(-100%) !important; transition: ease 0.5s; display: block !important; } 
header#masthead .hfe-flyout-left.hfe-flyout-show { transform: translate(0) !important; }
	
	.call_btn  a.hfe-menu-item { padding-inline: 14px !important; font-weight:400 !important;    display: block;text-align: center;}
	.hfe-nav-menu-icon svg { outline: none; }
	.number_sec::before, .number_sec::after {  width: 100% !important ; }

}

 .faq_sec .e-n-accordion-item { background: #0f2a5f; border-radius: 13px; overflow: hidden; }
.faq_sec summary.e-n-accordion-item-title { display: flex !important; justify-content: space-between !important; }
.faq_sec svg { fill: #fff !important; }
.faq_sec .elementor-widget-text-editor ul { list-style: none; padding: 0; }
.faq_sec .elementor-widget-text-editor ul li { position: relative; padding-left: 25px; padding-bottom: 7px; }
.faq_sec .elementor-widget-text-editor ul li::before { position: absolute; content: ""; width: 8px; height: 8px; left: 0; top: 9px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(-45deg); }
.faq_sec .elementor-widget-text-editor ol li { position: relative; padding-bottom: 7px; }




.info_box .icon_box{width: 56px;min-width: 56px;height: 56px;}
.info_box .elementor-widget-icon{margin:0 !important}
.info_box .elementor-icon-list-items,
.info_box .elementor-icon-list-item{ margin: 0; padding: 0;}
.info_box .elementor-widget-icon{margin-left: auto;}
.info_box .elementor-widget-icon .elementor-icon{ color: #d7e2ef; font-size: 22px;}
.info_box:hover{transform: translateX(5px);transition: .3s ease;}

.info_box  span.elementor-icon { width: 56px; min-width: 56px; height: 56px; background: #ef8a2e; border-radius: 12px; display: flex; justify-content: center; align-items: center; }
.contact_box { position: sticky; top: 152px; }


.cf7-form { max-width: 100%; font-family: inherit; }
.cf7-form .form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px 20px; margin-bottom: 24px; }
.cf7-form .field-group { display: flex; flex-direction: column; }
.cf7-form label{font-family:"Poppins", Sans-serif}
.cf7-form label { font-size: 14px; font-weight: 500; color: #1f2d5a; margin-bottom: 10px; display: flex; gap: 0px; }
.cf7-form br { display: none; }
.cf7-form label span {color: #0f2a5f;}
.cf7-form input[type="text"], .cf7-form input[type="email"],.cf7-form input[type="number"], .cf7-form input[type="tel"], .cf7-form textarea { width: 100%; background: #f5f7fb; border: 1px solid #dfe5f1; border-radius: 16px; padding: 18px 20px; font-size: 18px; color: #333; box-sizing: border-box; }
.cf7-form input::placeholder, .cf7-form textarea::placeholder { color: #9aa8bf; }

.cf7-form .wpcf7 form.sent .wpcf7-response-output { background: #b7dcb7; font-size: 19px !important; padding-inline: 20px; padding-block: 15px; border: 2px solid #46B461; color: #46B461; border-radius: 10px; font-weight: 600 !important; display: block !important; }
.cf7-form textarea { height: 110px; resize: vertical; }
.cf7-form p { margin-bottom: 5px; }
.cf7-form .full-width {margin-bottom: 25px;}
.cf7-form .checkbox-group { margin-bottom: 30px; font-size: 15px; color: #55627c; line-height: 1.6; }
.cf7-form .checkbox-group .wpcf7-list-item { margin: 0;}
.cf7-form .checkbox-group input[type="checkbox"] {width: 42px;height: 22px;margin-right:20px}
.cf7-form .submit-wrap {margin-top: 10px;}
.cf7-form input[type="submit"] { width: 100%; background: #0f2a5f; color: #fff; border: none; border-radius: 10px; padding: 13px 30px; font-size: 23px; font-weight: 600; transition: 0.3s ease;border:2px solid #0f2a5f;}
.cf7-form input[type="submit"]:hover {background: transparent;color:#0f2a5f;}
.list_policy { width: 100%; display: flex; justify-content: center; margin-top: -43px; }
.wpcf7 form .wpcf7-response-output{display:none}
.wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; margin-top: 0; margin-bottom: 60px; background: #b7dcb7; font-size: 19px !important; padding-inline: 20px; padding-block: 15px; border: 2px solid #46B461; color: #46B461; border-radius: 10px; font-weight: 600 !important; display: block !important; }
.list_policy ul.elementor-icon-list-items.elementor-inline-items li:last-child { border-left: 1px solid #0f2a5f; }
.list_policy ul.elementor-icon-list-items.elementor-inline-items li:last-child  a { padding-left: 15px; }


.hfe-post-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.hfe-read-more {
    margin-top: auto;
}

span.hfe-post-date { background: #0f2a5f1c; padding-inline: 20px; padding-block: 4px; font-size: 14px; border-radius: 5px; border: 1px solid #0f2a5f; margin-top: 14px !important; display: block; width: fit-content; padding-top: 5px; }

body.single-post h1, body.single-post h2, body.single-post h3, body.single-post h4, body.single-post h5, body.single-post h6 { font-family: "Libre Baskerville", sans-serif; color: #0f2a5f; }
body.single-post .page-content p { font-weight: 400; font-size: 18px; letter-spacing: 0%; vertical-align: middle;color:#0f2a5f; }
body.single-post #content.site-main { max-width: 1100px; margin: 0 auto; padding: 90px 20px; }
body.single-post .page-header {margin-bottom: 30px;}
body.single-post .entry-title { color: #0f2a5f; margin: 0; font-family: "Libre Baskerville", sans-serif; font-weight: 400; font-size: 48.9px; line-height: 1.2; letter-spacing: 0%; vertical-align: middle; text-transform: capitalize; }
body.single-post .post-featured-image {margin-bottom: 15px;}
body.single-post .post-featured-image img { width: 100%; border-radius: 2px; display: block; height: 500px; object-fit: cover; }
body.single-post .page-content {font-size: 17px;line-height: 1.8;color: #F5EDE7;}

body.single-post .page-content h2 { margin: 50px 0 20px; color: #0f2a5f; font-weight: 400 !important; font-size: 35.7px !important; line-height: 1.2 !important; letter-spacing: 0%; vertical-align: middle; font-family: "Libre Baskerville", sans-serif !important; }
body.single-post .page-content h3 { text-transform: uppercase; margin: 31px 0 12px; color: #FFFFFF; font-weight: 400; font-size: 26px; line-height: 33.8px; letter-spacing: 0%; vertical-align: middle; }
body.single-post .page-content ul {padding-left: 20px;margin-bottom: 25px;}
body.single-post .page-content ul li { position: relative;  font-weight: 400; font-size: 16px; line-height: 20.8px; letter-spacing: 0%; vertical-align: middle; margin-bottom: 4px; }
body.single-post .page-content a {text-decoration: underline;}
body.single-post .page-content a:hover {opacity: 0.8;}

.blog_caed_sec article.hfe-post-card { transition: all 0.4s ease; border-radius: 16px; }
.blog_caed_sec article.hfe-post-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(15, 42, 95, 0.15); }
.blog_caed_sec a.hfe-read-more:hover { color: #557FD1 !important; }
.blog_caed_sec .hfe-post-title { margin-bottom: 10px !important; }

.custom-404-page { padding: 80px 20px; text-align: center; min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.custom-404-page .container { max-width: 900px; margin: 0 auto; }
.custom-404-page .svg_wrrpper { margin-bottom: 40px; }
.custom-404-page .svg_wrrpper svg { width: 100%; max-width: 680px; height: auto; }
.custom-404-page h2 { font-size: 58px; line-height: 1.1; font-weight: 700; color: #fff; margin-bottom: 20px;font-family: "Libre Baskerville", sans-serif;color:#0f2a5f }
.custom-404-page p { font-size: 18px; line-height: 1.7; color: #0f2a5f; max-width: 600px; margin: 0 auto 35px;font-family: "Poppins", Sans-serif; }
.custom-404-page .back-home-btn { display: inline-flex; align-items: center; justify-content: center; padding: 16px 40px; background: #0f2a5f; color: #fff; text-decoration: none; font-size: 17px; font-weight: 600; border-radius: 10px !important; transition: all 0.3s ease;font-family: "Poppins", Sans-serif; }


/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}
@media (min-width: 1300px)  {
.wholesale_sec .salers_img { margin-top: -60px; }
.wholesale_sec .salers_img>.elementor-widget-image { position: relative; padding-bottom: 100%; height: 100%; bottom: -50px; }
.wholesale_sec .salers_img>.elementor-widget-image img { position: absolute; left: 0; bottom: 0; height: 100%; }

}

@media  (max-width: 1024px) {
	.footet_grid .e-con-inner { display: grid; grid-template-columns: repeat(2, 1fr); gap: 61px; }

	body.single-post #content.site-main { padding: 60px 16px !important; }
	body.single-post .entry-title { font-size: 37.9px;}
	body.single-post .page-content h2 {  font-size: 28.7px !important;}
	body.single-post .page-content p {font-size: 16px;}
	
}
@media  (max-width: 767px) {
	
	.box_shodow{ box-shadow:none;}
	.divider_sec{ display: flex; flex-direction: row; flex-wrap: nowrap; }
	.terreri_border::after,.terreri_border::before{display:none;}
	.btn_container a.elementor-button { width: 100% !important; min-width: 100% !important; }
	.btn_container .elementor-widget-button { width: 100%; }
	
	.step_home img { height: 400px; object-fit: cover; object-position: top; }

	.footet_grid .e-con-inner { display: grid; grid-template-columns: repeat(1, 1fr); gap: 38px; }
	.footer_box .elementor-icon-box-wrapper {

    flex-direction: row !important;
   
}
.info_box{flex-direction: row !important; flex-wrap: nowrap; } 
body.single-post .entry-title { font-size: 30.9px; }
}


.footer_box .elementor-icon-box-wrapper { gap: 14px !important; border-radius: 18px; padding: 0; backdrop-filter: blur(5px); transition: all 0.3s ease; }
.footer_box .elementor-icon-box-icon .elementor-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #2a4985; border-radius: 7px; padding: 12px; }
.footer_box .elementor-icon-box-icon svg {width: 24px;height: 24px;}
.footer_box .elementor-icon-box-title { margin-bottom: 7px !important; margin-top: 0; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 2px; text-transform: uppercase; color: #8ca3d5 !important; line-height: 1; display: block !important; }

.footer_box .elementor-icon-box-description {margin: 0; color: #fff; line-height: 1.5; font-size: 18px; }
.footer_box .elementor-icon-box-description strong { display: block; font-size: 12px; font-weight: 500; color: #ffffff; margin-bottom: 0; line-height: 1; margin-top: 4px; }
.footer_box .elementor-icon-box-description a { color: #ffffff; text-decoration: none; font-size: 14px; font-weight: 600; margin-top: 4px; display: block; }
.footer_box .elementor-icon-box-description a:hover { color: #557FD1; }
