/* Font : IBM Plex Sans */
@import url(/wp-content/themes/astra-child/assets/fonts/IBM_Plex_Sans/stylesheet.css);

/* Font : Lora */
@import url(/wp-content/themes/astra-child/assets/fonts/Lora/stylesheet.css);

/* Font : Figtree */
@import url(/wp-content/themes/astra-child/assets/fonts/Figtree/stylesheet.css);


/* Font : Icon */
@import url(/wp-content/themes/astra-child/assets/fonts/ganish/style.css);



:root {
    --font-IBM-Plex-Sans: 'IBM Plex Sans SemiCondensed';
    --font-Lora: 'Lora';
    --font-Figtree: 'Figtree';
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-Lora) !important;
}

p {
    margin-bottom: 12px !important;
}


#ast-scroll-top {
    display: none !important;
}


.icon_box .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title {
    margin: 0px !important;
}



/* ==========================
    Button
============================ */

.main_btn a .elementor-button-content-wrapper .elementor-button-text {
    display: flex;
    align-items: center;
    gap: 10px;
}

.main_btn a .elementor-button-content-wrapper .elementor-button-text .icon-14 {
    font-size: 14px;
    padding: 9px;
}



/* ==========================
    Header
============================ */

.ast-site-title-wrap {
    display: none;
}

header.site-header {
    position: fixed !important;
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
}

header .site-primary-header-wrap .ast-builder-grid-row {
    /* grid-template-columns: 201px auto auto; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow-wrap: initial;
    padding: 25px 30px 25px 40px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(48px);
    border-radius: 300px;
    /* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); */
}

header .site-primary-header-wrap .ast-builder-grid-row .site-header-primary-section-left .ast-builder-layout-element {
    padding: 0px;
}

header .site-primary-header-wrap .ast-builder-grid-row .site-header-primary-section-left .ast-builder-layout-element .site-branding {
    padding: 0px;
}

header .site-primary-header-wrap .ast-builder-grid-row .site-header-primary-section-left .site-header-primary-section-left-center {
    display: none;
    visibility: hidden;
}


.ast-builder-menu .main-navigation>#ast-hf-menu-1 {
    background: transparent;
    gap: 5px;
}

.ast-desktop:not(:has(.ast-header-sticked)) .ast-primary-header-bar .main-header-menu>.menu-item {
    line-height: 100%;
}

header .site-primary-header-wrap .ast-builder-grid-row .site-header-primary-section-center .ast-builder-menu-1 .ast-main-header-bar-alignment .main-header-bar-navigation .site-navigation .main-navigation ul li a {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
    line-height: var(--e-global-typography-primary-line-height);
    padding: 15px 25px;
    border-radius: 30px;
}

header .site-primary-header-wrap .ast-builder-grid-row .site-header-primary-section-right .site-header-primary-section-right-center {
    display: none;
    visibility: hidden;
}



.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

header .site-primary-header-wrap .ast-builder-grid-row .site-header-primary-section-right .ast-builder-menu-2 .ast-main-header-bar-alignment .main-header-bar-navigation .site-navigation .main-navigation ul {
    border: 1px solid #50b444;
    border-radius: 30px;
    background-color: #50b444;
}

header .site-primary-header-wrap .ast-builder-grid-row .site-header-primary-section-right .ast-builder-menu-2 .ast-main-header-bar-alignment .main-header-bar-navigation .site-navigation .main-navigation ul li a {
    font-family: var(--font-Lora);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    padding: 15px 25px;
    border-radius: 30px;
    transition: all 0.3s linear;
}

header .site-primary-header-wrap .ast-builder-grid-row .site-header-primary-section-right .ast-builder-menu-2 .ast-main-header-bar-alignment .main-header-bar-navigation .site-navigation .main-navigation ul li a:hover {
    background: #ffffff;
    color: #50B444;
}




[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {
    color: #ffffff !important;
    background: #50b444;
    border: none !important;
    outline: none !important;
    border-radius: 50% !important;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    width: 20px;
    height: 20px;
    fill: #ffffff !important;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus {
    border: none !important;
    outline: none !important;
}

header.site-header .ast-mobile-header-wrap .ast-mobile-header-content {
    left: 15px;
    right: 15px;
    padding: 30px 0 15px;
    border-radius: 12px;
    width: auto;
    top: 100px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.ast-header-break-point .main-navigation .stack-on-mobile li {
    line-height: 100%;
}

.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile {
    gap: 10px;
}

.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile li a {
    font-family: var(--font-Lora);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #070707 !important;
    background: transparent !important;
    transition: all 0.3s linear;
}

.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item>.menu-link {
    color: #070707 !important;
}

.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item>.menu-link {
    color: #50b444 !important;
}


#menu-item-86 {
    padding: 0px 15px;
}

#menu-item-86 a {
    font-family: var(--font-Lora) !important;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 20px;
    background: #50B444 !important;
    padding: 15px 25px;
    color: #ffffff !important;
    text-align: center;
    border-radius: 30px;
}




/* ==========================
    Hero Section
============================ */
.right_side_line {
    width: 2px;
    height: 110px;
    background: #50B444;
    margin: -144px auto 70px;
}

.border_line {
    position: sticky !important;
    left: 50%;
    top: 270px;
    /* margin-left: 50%; */
    margin-top: 0;
}

.Step_Section {
    counter-reset: section;
    counter-reset: step;
}

.Step_Section .Step_Proses {
    position: relative;
    counter-increment: step;
}

.Step_Section .Step_Proses::before {
    /* content: "STEP " counter(step, decimal-leading-zero); */
    content: counter(step, decimal-leading-zero);
    position: absolute;
    padding: 19px 22px;
    /* left: 50%; */
    left: calc(50% - 70px / 2);
    top: 0%;
    background: #032D3B;
    border: 1px solid #50B444;
    border-radius: 20px;
    font-family: var(--font-Figtree) !important;
    font-weight: 700;
    font-size: 24px;
    line-height: 31.2px;
    color: #50B444;
    width: auto;
    height: auto;
}





/* ==========================
    TESTIMONIALS
============================ */

.testimonial_slider .elementor-element-e28bb48 {
    padding-left: calc(50vw - 664px) !important;
}


/* .testimonial_slider .owl-stage-outer {
    padding-left: 10px;
} */



/* ==========================
    Contact Us
============================ */

.wpcf7-not-valid-tip {
    display: none;
    visibility: hidden;
}

.wpcf7-form .form-group p .wpcf7-form-control-wrap .error {
    color: #DC2626 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    margin-top: 8px !important;
}


.wpcf7-form .form-group-main,
.wpcf7-form .form-group {
    margin-bottom: 25px !important;
}

.wpcf7-form .form-group-main .form-group {
    margin-bottom: 0px !important;
}

.wpcf7-form .form-group p {
    margin-bottom: 0px !important;
}

.wpcf7-form .form-group-main {
    display: flex;
    flex-direction: row;
    gap: 25px;
}

.wpcf7-form .form-group p .input_name {
    font-family: var(--font-IBM-Plex-Sans);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #070707;
    display: inline-block;
    margin-bottom: 10px;
}

.wpcf7-form .form-group p .wpcf7-form-control-wrap input,
.wpcf7-form .form-group p .wpcf7-form-control-wrap textarea {
    background: #F4F4F4;
    border-radius: 10px;
    padding: 13px 15px;
    border: none;
    height: 50px;
    outline: none;
    box-shadow: none;
    font-family: var(--font-IBM-Plex-Sans);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #070707;
    transition: all 0.3s linear;
}

.wpcf7-form .form-group p .wpcf7-form-control-wrap textarea {
    height: 150px;
    resize: vertical;
}


.wpcf7-form .form-group p .wpcf7-form-control-wrap input::placeholder,
.wpcf7-form .form-group p .wpcf7-form-control-wrap textarea::placeholder {
    font-family: var(--font-IBM-Plex-Sans);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #92979A;
}

.wpcf7-form .submit-btn p button {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 20px;
    color: #ffffff;
    background: #50B444;
    border: 1px solid #50B444;
    border-radius: 30px;
    font-family: var(--font-Lora);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    transition: all 0.3s linear;
}

.wpcf7-form .submit-btn p button span {
    font-size: 14px;
    padding: 9px;
}

.wpcf7-form .submit-btn p button:hover {
    background: #ffffff;
    color: #50B444;
}



.contact-info .elementor-icon-box-wrapper .elementor-icon-box-content p,
.contact-info .elementor-icon-box-wrapper .elementor-icon-box-content p a {
    color: #070707;
    text-decoration: none;
    transition: all 0.3s linear;
}

.contact-info .elementor-icon-box-wrapper .elementor-icon-box-content p a:hover {
    color: #50B444;
}



/* ==========================
    Footer
============================ */

footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns {
    gap: 40px;
}

footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .site-footer-primary-section-1 .footer-widget-area .ast-header-html .ast-builder-html-element p a img {
    max-width: 247px;
    height: auto;
}


footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns #block-9 {
    margin: 0px !important;
}

footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns #block-9 h4 {
    font-family: var(--font-Lora);
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #3F3F3F;
    margin-bottom: 21px !important;
}

footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns #nav_menu-3 .menu-quick-links-container #menu-quick-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px 10px;
}

footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns #nav_menu-3 .menu-quick-links-container #menu-quick-links li a {
    font-family: var(--font-IBM-Plex-Sans);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #3F3F3F;
    transition: all 0.3s linear;
}

footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns #nav_menu-3 .menu-quick-links-container #menu-quick-links li a:hover {
    color: #50B444;
}



footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .site-footer-primary-section-3 #block-8 {
    margin: 0px !important;
}

footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .site-footer-primary-section-3 #block-8 h4 {
    font-family: var(--font-Lora);
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #3F3F3F;
    margin-bottom: 21px !important;
}

footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .site-footer-primary-section-3 #block-18 .contact_info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .site-footer-primary-section-3 #block-18 .contact_info li {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .site-footer-primary-section-3 #block-18 .contact_info li .icon {
    font-size: 18px;
    background: #0CADE1;
    color: #ffffff;
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .site-footer-primary-section-3 #block-18 .contact_info li .contact_link a,
footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .site-footer-primary-section-3 #block-18 .contact_info li .contact_link {
    font-family: var(--font-IBM-Plex-Sans);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #3F3F3F;
    transition: all 0.3s linear;
}

footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .site-footer-primary-section-3 #block-18 .contact_info li .contact_link a:hover {
    color: #50B444;
}


.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #E2E2E2;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row .site-footer-below-section-1 .ast-footer-copyright .ast-footer-copyright p {
    font-family: var(--font-IBM-Plex-Sans);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #3F3F3F;
    margin: 0px !important;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row .site-footer-below-section-2 {
    display: flex;
    justify-content: end;
    padding-right: 70px;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row .site-footer-below-section-2 .footer-widget-area #block-21 .socialmedia_links .icon_list {
    display: flex;
    gap: 16px;
    align-items: center;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row .site-footer-below-section-2 .footer-widget-area #block-21 .socialmedia_links .icon_list a {
    font-size: 14px;
    background: #0CADE1;
    border: 1px solid #0CADE1;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 50%;
    transition: all 0.3s linear;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row .site-footer-below-section-2 .footer-widget-area #block-21 .socialmedia_links .icon_list a:hover {
    background: #ffffff;
    color: #3F3F3F;
}