/* 
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 */

/* .cookieadmin_consent_inside {
    display: none;
} */

:root {
    --primary-color: #36BDB2;
    --secondary-color: #F47835;
    --text-color: #23283E;
    --accent-color: #F47835;
    --white-color: #FFFFFF;
    --soft-mint-color: #D2F6F2;
    --peach-blush-color: #FFCDB2;
    --lavender-mist-color: #E7E5FF;
    --cloud-gray-color: #EEEAEA;
    --main-color: #F8F7F7;
}

html body {
    background-color: var(--main-color);
}

html .main_img_slider .swiper-slide {
    background: var(--white-color);
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

html .main_img_slider .swiper-slide-inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

html .infinite-crsl .swiper-wrapper {
    transition-timing-function: linear !important;
}

html .main_counter_sec .elementor-counter-number-suffix {
    color: var(--primary-color);
}

html .main_core_box h3 {
    margin-top: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

html .main_core_box span .subtitle {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 6%;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-family: Poppins;
}

html .main_core_box .elementor-icon-box-description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

html .main_b2b_sec .elementor-image-box-img,
html .main_combination_sec .elementor-image-box-img {
    width: 70px !important;
    min-width: 70px !important;
    min-height: 70px;
    background: var(--text-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

html .main_b2b_sec .elementor-widget-image-box {
    position: relative;
    overflow: hidden;
}

html .main_b2b_sec .elementor-widget-image-box::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 18px;
    background: linear-gradient(180deg,
            #36BDB2 0%,
            rgba(54, 189, 178, 0) 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

html .main_combination_sec {
    position: relative;
}

html .main_combination_sec .combination_block {
    position: sticky;
    top: 20px;
}

html .main_combination_sec .combination_block_content {
    position: sticky;
    top: 20px;
}

html .ai_tra_sec .block_content {
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(24px)
}

html .ai_tra_sec .block_content::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

/* FAQ Accordion Radius Fix */
.main_faq_sec .e-n-accordion-item {
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #36BDB240 !important;
}

/* Closed State */
.main_faq_sec .e-n-accordion-item summary {
    border-radius: 10px;
    transition: all 0.3s ease;
}

/* Open State */
html .main_faq_sec .e-n-accordion-item[open] summary {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 20px;
    border-bottom: 0 !important;
}

/* Content Area */
html .main_faq_sec .e-n-accordion-item[open] .e-con-full {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 0 !important;
}

html .main_faq_sec .e-n-accordion-item-title-icon {
    background-color: var(--primary-color);
    min-width: 27px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
}

html .main_faq_sec details:hover .e-n-accordion-item-title-icon {
    background-color: var(--secondary-color);
}

html .main_faq_sec .e-n-accordion-item-title-icon span {
    width: 100%;
    height: 100%;
}

html .main_faq_sec .e-n-accordion-item-title-icon span svg {
    width: 100%;
    height: 100%;
    fill: var(--white-color) !important;
}

html .cv_sec .main_block {
    overflow: hidden;
}

html .cv_sec .per-ico {
    color: var(--primary-color);
}

html .cv_sec .elementor-image-box-title {
    margin-top: 0;
}

html .cv_sec .elementor-image-box-content {
    padding-top: 30px;
    border-top: 1px solid #23283E1A
}

/* 
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 */

.cookieadmin_consent_inside {
    display: none;
}

:root {
    --primary-color: #36BDB2;
    --secondary-color: #F47835;
    --text-color: #23283E;
    --accent-color: #F47835;
    --white-color: #FFFFFF;
    --soft-mint-color: #D2F6F2;
    --peach-blush-color: #FFCDB2;
    --lavender-mist-color: #E7E5FF;
    --cloud-gray-color: #EEEAEA;
    --main-color: #F8F7F7;
}

html body {
    background-color: var(--main-color);
}

html .main_img_slider .swiper-slide {
    background: var(--white-color);
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

html .main_img_slider .swiper-slide-inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

html .infinite-crsl .swiper-wrapper {
    transition-timing-function: linear !important;
}

html .main_counter_sec .elementor-counter-number-suffix {
    color: var(--primary-color);
}

html .main_core_box h3 {
    margin-top: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

html .main_core_box span .subtitle {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 6%;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-family: Poppins;
}

html .main_core_box .elementor-icon-box-description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

html .main_b2b_sec .elementor-image-box-img,
html .main_combination_sec .elementor-image-box-img {
    width: 70px !important;
    min-width: 70px !important;
    min-height: 70px;
    background: var(--text-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

html .main_b2b_sec .elementor-widget-image-box {
    position: relative;
    overflow: hidden;
}

html .main_b2b_sec .elementor-widget-image-box::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 18px;
    background: linear-gradient(180deg,
            #36BDB2 0%,
            rgba(54, 189, 178, 0) 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

html .main_combination_sec {
    position: relative;
}

html .main_combination_sec .combination_block {
    position: sticky;
    top: 20px;
}

html .main_combination_sec .combination_block_content {
    position: sticky;
    top: 20px;
}

html .ai_tra_sec .block_content {
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(24px)
}

html .ai_tra_sec .block_content::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

/* FAQ Accordion Radius Fix */
.main_faq_sec .e-n-accordion-item {
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #36BDB240 !important;
}

/* Closed State */
.main_faq_sec .e-n-accordion-item summary {
    border-radius: 10px;
    transition: all 0.3s ease;
}

/* Open State */
html .main_faq_sec .e-n-accordion-item[open] summary {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 20px;
    border-bottom: 0 !important;
}

/* Content Area */
html .main_faq_sec .e-n-accordion-item[open] .e-con-full {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 0 !important;
}

html .main_faq_sec .e-n-accordion-item-title-icon {
    background-color: var(--primary-color);
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
}

html .main_faq_sec .e-n-accordion-item-title-icon span {
    width: 100%;
    height: 100%;
}

html .main_faq_sec .e-n-accordion-item-title-icon span svg {
    width: 100%;
    height: 100%;
    fill: var(--white-color) !important;
}

html .cv_sec .main_block {
    overflow: hidden;
}

html .cv_sec .per-ico {
    color: var(--primary-color);
}

html .cv_sec .elementor-image-box-title {
    margin-top: 0;
}

html .cv_sec .elementor-image-box-content {
    padding-top: 30px;
    border-top: 1px solid #23283E1A
}

html .cv_sec .owl-nav {
    justify-content: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

html .cv_sec .owl-prev,
html .cv_sec .owl-next {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--white-color) !important;
    justify-content: center;
    display: flex;
    align-items: center;
    position: absolute;
    top: calc(50% - 36px / 2);
    border: 1px solid #23283E1A !important;
}

html .cv_sec .owl-prev {
    left: calc(80px);
}

html .cv_sec .owl-next {
    right: calc(80px);
}

html .cv_sec .owl-prev:hover,
html .cv_sec .owl-next:hover {
    background: var(--secondary-color) !important;
    color: var(--white-color);
}

html .main_post_sec .hfe-post-card {
    position: relative;
    --number-of-height: 63%
}

html .main_post_sec .hfe-post-image {
    border-radius: 14px;
    margin-bottom: 20px;
    overflow: hidden;
}


html .main_post_sec .hfe-post-date {
    position: relative;
    padding-left: 56px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

html .main_post_sec .hfe-post-date::after {
    position: absolute;
    width: 48px;
    height: 1px;
    content: "";
    background: #747474;
    left: 0;
}

html .main_post_sec .hfe-post-content {
    display: flex;
    flex-direction: column-reverse;
}

html .main_post_sec .hfe-post-title a {
    text-decoration: none;
}

html .main_post_sec .hfe-post-image a {
    border-radius: 20px;
    overflow: hidden;
    height: auto;
    display: block;
    position: relative;
    padding-top: var(--number-of-height);
}

html .main_post_sec .hfe-post-image a img {
    height: 100%;
    width: 100%;
    position: absolute;
    inset: 0;
    object-fit: cover;
    border-radius: 0;
}

html .main_post_sec .hfe-read-more {
    padding: 12px;
    width: calc(100% - 20px);
    font-weight: 500;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: 0%;
    color: var(--white-color);
    background-color: var(--accent-color);
    text-align: center;
    border-radius: 10px;
    text-decoration: none;
    position: absolute;
    /* top: calc(var(--number-of-height) - 60px / 2); */
    top: 206px;
    right: 10px;
    height: fit-content;
    transition: all 0.3s ease-in;
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
}

html .main_post_sec .hfe-post-card:hover .hfe-read-more {
    transform: rotateY(0);
    opacity: 1;
    visibility: visible;
}

html .main_post_sec .hfe-read-more::after {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.84544 0.923772C2.84544 0.923772 8.52223 0.47972 9.32167 1.27912C10.121 2.07851 9.67693 7.75533 9.67693 7.75533M8.9818 1.61896L0.799988 9.80078" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: cover;
    width: 10px;
    height: 10px;
    position: absolute;
    top: calc(50% - 10px / 2);
    right: 36%;
}

html .main_post_sec .hfe-read-more:hover {
    background-color: var(--primary-color);
}

@media (max-width:1024px) {
    html .main_post_sec .hfe-read-more {
        top: 244px;
    }

    html .main_header_sec .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal,
    html .main_header_sec .main_header_sec .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-vertical {
        overflow: hidden;
    }

    html .main_header_sec .hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width+.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
        padding: 20px;
    }
}

@media (max-width:767px) {
    html .main_post_sec .hfe-read-more {
        top: 162px;
    }

    html .main_post_sec .hfe-read-more::after {
        right: 30%;
    }

    html .main_b2b_sec .elementor-image-box-img,
    html .main_combination_sec .elementor-image-box-img {
        width: 60px !important;
        min-width: 60px !important;
        min-height: 60px;
    }

    html .main_counter_sec .elementor-counter-title {
        text-align: center;
    }

    html .main_post_sec .hfe-read-more {
        font-size: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 100%;
        width: 40px;
        height: 40px;
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

    html .main_post_sec .hfe-read-more::after {
        width: 14px;
        height: 11px;
    }

    html .cv_sec .owl-prev {
        left: calc(5px);
    }

    html .cv_sec .owl-next {
        right: calc(5px);
    }

}