:root {
    --main-color: #6fbd44;
    --main-darker-color: #29574A;
    --main-lighter-color: #a9f67e;
    --second-color: #204394;
    ---light-color: #E9E9E9;
    ---dark-color: #202020;

}

/*  utils  */

.bg-main-color {
    background-color: var(--main-color);
}

.bg-main-lighter-color {
    background-color: var(--main-lighter-color);
}

.bg-second-color {
    background-color: var(--second-color);
}

.text-main-color {
    color: var(--main-color);
}

.text-second-color {
    color: var(--second-color);
}

.text-light {
    color: var(--second-light);
}

.text-dark {
    color: var(--second-dark);
}


.list-link_light, .list-link a {
    color: var(--light-color);

}

.list-link_light svg, .list-link_light a svg {
    stroke: currentColor !important;

}


.list-link_light a:hover {
    color: var(--main-lighter-color);

}

.list-link_light svg:hover, .list-link_light a:hover svg {
    stroke: var(--main-lighter-color) !important;

}

.top-0 {
    top: 0;
}

.sticky {
    position: sticky;
}


.rounded-box {
    border-radius: 2rem;
}

.\!rounded-box {
    border-radius: 2rem !important;
}

.rounded-4 {
    border-radius: 2rem;
}

.\!rounded-4 {
    border-radius: 2rem !important;
}

.rounded-6 {
    border-radius: 3rem;
}

.\!rounded-6 {
    border-radius: 3rem !important;
}

.rounded-8 {
    border-radius: 4rem;
}

.\!rounded-8 {
    border-radius: 4rem !important;
}

.over-hidden {
    overflow: hidden !important;
}

.over-x-hidden {
    overflow-x: hidden !important;
}
/*  THEME  */
body{
    background-color: #f9f9f9;
}
/*  Components  */

#footer-ht-tejarat {
    max-width: 1400px !important
}

.accordion-box details {
    margin-bottom: 1rem !important;
    border-radius: 16px !important;
    box-shadow: 8px 8px 10px #f0f0f0;
    border: 1px solid #ececec;
    background-color: #fff!important;
}

.accordion-box details[open] {
    box-shadow: 8px 8px 10px #f0f0f0 ,  inset -2px 0 0px 0px  var(--second-color);
}

.accordion-box details summary {
    border: none !important;
}

.accordion-box details summary + div {
    border: none !important;
}

.accordion-box details[open] summary {
    color: var(--main-color)!important;
}

.x-box {
    box-shadow: 8px 8px 10px #f0f0f0;
    border: 1px solid #ececec;
    border-radius: 8px!important;
    padding: 1.5rem;
    background-color: #fff;
}
.y-box{
    box-shadow: inset -5px -5px 5px #e0e0e0, inset 5px 5px 5px #fff /*, 5px 5px 5px #e0e0e0*/;
    border-radius: 8px !important;
    padding: 1rem !important;
    background-color: #fafafa;
}

.contactus1 input[type='email'], .contactus1 input[type='tel'] {
    width: 100% !important;
}

.contactus1 input:not([type="submit"]), .contactus1 textarea, .contactus1 select {
    border-radius: 8px !important;
}
.consult-form label {
    display: none !important;
}

.consult-form input[type='email'], .consult-form input[type='tel'] {
    width: 100% !important;
}

.consult-form input:not([type="submit"]), .consult-form textarea, .consult-form select {
    border-radius: 8px !important;
}
.consult-form .gform_required_legend ,.contactus1 .gform_required_legend{
    display: none!important;
}

.whatsapp-gadget {
    width: fit-content;
    aspect-ratio: 1 / 1;
    padding: 5px 5px 8px 9px;
    border-radius: 100%;
    background-color: var(--main-color);
    position: fixed;
    bottom: 2rem;
    left: 2rem;
    fill: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.whatsapp-gadget svg.e-font-icon-svg.e-fab-whatsapp{
   width: 0.75em!important;
   height: 0.75em!important;
}

.type-page .breadcrumbs.woocommerce-breadcrumb{
    display: none;
}