/*
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.3.0.1744009168
Updated: 2025-04-07 06:59:28
*/
.country,
.grade,
.name,
.subject {
    z-index: 9999999;
    position: relative
}

.name,
.testi-slider h3.sub-title,
h3.sub-title {
    position: relative
}

.e-con-inner {
    padding-left: 80px !important;
    padding-right: 80px !important;
    max-width: 100% !important
}

.testi-slider .flexslider.directionnav-show {
    width: 70%;
    overflow: visible;
    margin: 0 auto
}

.testi-slider .flexslider.directionnav-show ul.slides {
    box-shadow: rgba(0, 0, 0, .16) 0 3px 6px, rgba(0, 0, 0, .23) 0 3px 6px;
    border-radius: 20px
}

.testi-slider .flexslider .flex-direction-nav a {
    border-radius: 51px !important
}

.testi-slider .flexslider .flex-direction-nav a.flex-next {
    transform: translateX(32px)
}

.testi-slider .flexslider .flex-direction-nav a.flex-prev {
    transform: translateX(-32px)
}

.main-slider .uc_image_carousel_container_holder.ue-item {
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .06)
}

.name {
    color: #000;
    font-size: 26px;
    font-weight: 700;
    line-height: 28px;
    font-family: Roboto;
    margin-top: 10px
}

.country,
.grade,
.subject {
    font-size: 20px
}

.subject {
    color: #000;
    margin: 5px 0
}

.grade {
    color: #fff;
    background-color: #ff6f20;
    width: fit-content;
    line-height: normal;
    padding: 10px 32px;
    margin: 0 auto 12px;
    border-radius: 47px
}

.country {
    color: #000
}

.glt-form br,
.pum .pum-title.popmake-title,
.testi-slider .flex_caption ul.button-group,
p.desc.captionDelay2.fromTop {
    display: none
}

.main-carousel .ue-text p,
.testi-slider .flex_caption p {
    margin: 0
}

.main-carousel .owl-item .uc_image_carousel_container_holder {
    padding: 20px;
    box-shadow: 0 4px 24px 0 rgb(0 0 0 / .06)
}

.main-carousel .owl-stage-outer {
    padding: 19px
}

.glt-form {
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 12px
}

.glt-form .field {
    display: flex;
    flex-direction: column
}

.glt-form .full {
    grid-column: 1/-1
}

.glt-form label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 6px
}

.glt-form input,
.glt-form select,
.glt-form textarea {
    width: 100%;
    padding: 16px 20px;
    border-radius: 999px;
    border: none;
    font-size: 15px;
    background: #fff;
    outline: 0
}

.glt-form textarea {
    border-radius: 24px;
    height: 90px;
    resize: none
}

.glt-form input:focus,
.glt-form select:focus,
.glt-form textarea:focus {
    box-shadow: 0 0 0 2px rgba(0, 124, 119, .2)
}

.helper {
    font-size: 13px;
    color: #666;
    margin-top: 6px
}

.submit-wrap input {
    width: fit-content !important;
    background-color: #015591 !important;
    color: #fff !important;
    padding: 14px 38px !important;
    border-radius: 999px !important;
    border: none !important;
    cursor: pointer !important
}

.wpcf7-not-valid-tip {
    font-size: 12px;
    color: #d63638
}

.wpcf7-response-output {
    border-radius: 14px;
    font-size: 14px
}

body .pum-theme-default-theme {
    background-color: #000000a8 !important
}

.pum-theme-default-theme .pum-container {
    background: #f7f1ed !important;
    border-radius: 4px !important
}

button.pum-close.popmake-close {
    background-color: #015591 !important;
    border-radius: 40px !important;
    width: 50px !important;
    height: 50px !important;
    font-size: 19px !important;
    transform: translate(20px, -16px)
}

.cf7-grid {
    max-width: 720px
}

.cf7-row {
    display: flex;
    gap: 20px;
    margin-bottom: 2px
}

.cf7-row.full {
    flex-direction: column
}

.cf7-col {
    flex: 1
}

.cf7-grid input,
.cf7-grid textarea {
    width: 100%;
    padding: 16px 18px;
    border-radius: 30px;
    border: 1px solid #e5e5e5;
    font-size: 15px;
    outline: 0;
    margin-top: 6px
}

.cf7-grid textarea {
    border-radius: 16px;
    min-height: 140px;
    resize: none
}

nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow {
    width: 100% !important
}

.cf7-row.submit input {
    background: #006d6f;
    color: #fff;
    border: none;
    border-radius: 28px;
    padding: 14px 32px;
    font-size: 16px;
    cursor: pointer
}

.cf7-row.submit input:hover {
    background: #005557
}

label {
    display: block !important
}

.left-process-col {
    position: sticky;
    top: 110px
}

.process-box:before {
    color: #fff;
    content: "1";
    position: absolute;
    width: 38px;
    height: 38px;
    background-size: contain;
    background-repeat: no-repeat;
    left: -50px;
    top: 2px;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background-color: #ff7106
}

.testi-slider .bgimg,
.testi-slider .overlay {
    position: relative;
    display: none
}

.process-box.one:before {
    content: "1"
}

.process-box.two:before {
    content: "2"
}

.process-box.three:before {
    content: "3"
}

.process-box.four:before {
    content: "4"
}

.process-box.five:before {
    content: "5"
}

.testi-slider li.item-slide {
    height: 100% !important;
    text-align: center !important;
    justify-content: center;
    align-items: center;
    display: flex !important
}

.testi-slider img.bg_shape {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    display: inline-block;
    text-align: center
}

.testi-slider .flex_caption {
    margin: 0 !important;
    padding: 20px 20px 30px !important
}

@keyframes moveDown {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(20px)
    }
}

@media (max-width:1024px) {
    .e-con-inner {
        padding-left: 25px !important;
        padding-right: 25px !important;
        max-width: 100% !important
    }
}

@media (max-width:767px) {
    .e-con-inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
        max-width: 100% !important
    }

    button.pum-close.popmake-close {
        border-radius: 40px !important;
        width: 32px !important;
        height: 32px !important;
        font-size: 14px !important;
        line-height: 14px !important;
               transform: translate(13px, -13px)
    }

    .testi-slider .flexslider.directionnav-show {
        width: 100%;
        overflow: visible;
        margin: 0 auto
    }
.left-process-col {
    position: relative;
    top: 0;
}
    .submit-wrap input {
        padding: 12px 28px !important
    }

    .subject {
        font-size: 18px;
        margin: 3px 0
    }

    .grade {
        font-size: 14px;
        padding: 10px 26px;
        margin: 0 auto 5px
    }

    .glt-form input,
    .glt-form select,
    .glt-form textarea {
        width: 100%;
        padding: 12px 10px;
        font-size: 15px
    }

    .glt-form {
        grid-template-columns: 1fr
    }
}