/* 
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: WEBINEW
Author URI: https://webinew.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
*/

body {
    overflow-x: hidden;
    width: 100%;
    font-size: 16px;
}

html,
body {
    overflow-x: hidden;
    width: 100%;
}

/* buttons  */
.elementor-button {
    font-size: 14px;
    /* font-weight: 600; */
    /* padding: 12px 24px; */
    border-radius: 6px;
    transition: all ease .3s;
    line-height: 1.3;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.elementor-button span.elementor-button-icon {
    display: flex;
    /* font-size: 20px; */
}

.elementor-button-content-wrapper {
    align-items: center;
}

.elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 9;
}

/* btn primary */
.btn-primary .elementor-button {
    color: #1B1809;
    background-color: #FC7200;
}

.btn-primary .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn-primary .elementor-button::before {
    background: #495157;
    transition: transform .3s cubic-bezier(.7, 0, .2, 1);
    transform-origin: 100% 50%;
    background-color: #FC7200;
}

.btn-primary .elementor-button:hover::before {
    transform: scale3d(0, 1, 1);
    transform-origin: 0% 50%
}

.btn-primary .elementor-button>span {
    overflow: hidden
}

.btn-primary .elementor-button>span>span {
    /* overflow: hidden */
}

.btn-primary .elementor-button:hover>span>span {
    animation: MoveUpInitial .2s forwards, MoveUpEnd .2s forwards .2s
}

@keyframes MoveUpInitial {
    to {
        transform: translate3d(0, -105%, 0)
    }
}

@keyframes MoveUpEnd {
    from {
        transform: translate3d(0, 100%, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.btn-primary.btn-white .elementor-button::before {
    background-color: #FFF;
}

/* btn-outline - secondary */
.btn-secoundary a.elementor-button {
    color: #1B1809;
    fill: #1B1809;
    background-color: #FC7200;
}

.btn-outline a.elementor-button {
    color: #1B1809;
    fill: #1B1809;
    border: 1px solid #E6E6E6;
    background-color: transparent;
}

.btn-outline a.elementor-button:hover {
    border-color: #FFEDB6;
}

:is(.btn-primary, .btn-secoundary, .btn-outline) a.elementor-button .elementor-button-icon {
    padding: 3px;
    font-size: 16px;
    border-radius: 3px;
    transition: all ease .3s;
}

:is(.btn-primary, .btn-secoundary, .btn-outline) a.elementor-button:hover .elementor-button-icon {
    background: #FFF;
}

:is(.btn-secoundary, .btn-outline) a.elementor-button::before {
    content: '';
    position: absolute;
    background: #FFEDB6;
    width: 100%;
    height: 0;
    padding-bottom: 110%;
    top: 50%;
    left: 50%;
    border-radius: 8px;
    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
}

:is(.btn-secoundary, .btn-outline) a.elementor-button:hover::before {
    transition: transform .4s cubic-bezier(.1, 0, .3, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(1.1, 0.5, .1);
}

/* ------------------------------------------------------ my style  */
.mb-0,
.mb-0 p:last-child {
    margin-bottom: 0;
}

/*comment style */

#respond {
    max-width: 980px;
    margin: 0 auto;
    padding: 20px;
}

#respond input,
#respond textarea {
    background: #F4F4F4;
    border: unset;
    border-radius: 8px;
    min-height: 50px;
    padding: 20px;
    font-size: 14px;
    outline: 0;
}

#respond .half_box {
    display: flex;
    width: 100%;
    min-width: 100%;
    align-items: center;
    gap: 40px;
}

#respond .half_box .col-sm-6 {
    width: 50%;
}

#respond label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
}

#respond .comment-box {
    margin: 20px 0;
}

#respond input#submit {
    background-color: #006DF5;
    width: 100%;
    font-size: 14px;
    color: #FFF;
    font-weight: 600;
    padding: 16px;
}

.no-comments {
    text-align: center;
}

/*-------------------------------- */

.comments-wrapper {
    max-width: 980px;
    margin: 60px auto 0;
    padding: 20px;
}

.comments-wrapper .commentlist {
    list-style: none;
    padding-right: 0;
}

.comments-wrapper .comment-author.vcard {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.comments-wrapper .comment-info {
    display: flex;
    align-items: center;
    gap: 20px;
}

.comments-wrapper .comment-info cite.fn {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
}

.comments-wrapper .comment-meta a {
    font-size: 12px;
    color: #B6B6B6;
}

.comments-wrapper .reply a {
    color: #006DF5;
    font-size: 16px;
    font-weight: 600;
}

.comments-wrapper .reply {
    display: flex;
    align-items: center;
    gap: 2px;
}

.comments-wrapper .comment_text {
    font-size: 15px;
    color: #7B7B7B;
    font-weight: 400;
    padding: 10px 80px 10px 60px;
}

.comments-wrapper .children {
    list-style: none;
    padding-right: 80px;
}

.comments-wrapper .avatar-wrap .avatar {
    border-radius: 100px;
    border: 4px solid #E4E4E4;
    background-color: #E4E4E4;
    box-shadow: 0 4px 40px rgba(0 0 0 / 8%);
}

/* qa filters   */
.dev-search-form-qa input[type="search"] {
    background-color: #F6F6F6;
    border: 1px solid #D4D4D4;
    color: #767676;
    border-radius: 8px;
    outline: none;
    font-size: 14px;
    height: 50px;
    position: relative;
    padding-right: 46px;
}

.dev-search-form-qa .jet-search-filter__input-wrapper {
    display: flex;
    align-items: center;
}

.dev-search-form-qa .jet-search-filter__input-wrapper::before {
    content: '';
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    background: url(/wp-content/themes/hello-theme-child-master/images/message-text.svg);
    right: 16px;
    z-index: 9;
}

.dev-filter-tag--qa .jet-select {
    display: flex;
    align-items: center;
}

.dev-filter-tag--qa .jet-select::before {
    content: '';
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    background: url(/wp-content/themes/hello-theme-child-master/images/message-text.svg);
    right: 16px;
    z-index: 9;
}

.dev-filter-tag--qa select.jet-select__control {
    background: #F6F6F6;
    border: 1px solid #D4D4D4;
    color: #767676;
    border-radius: 8px;
    outline: none;
    font-size: 14px;
    height: 50px;
    width: 100%;
    position: relative;
    padding: 10px 46px;
    background-position: 50px 50px;
}

.line-right::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 33px;
    background: #006DF5;
    top: 22px;
    right: 0;
    border-radius: 5px 0 0 5px;
}

.form-toggle-wrapper summary.e-n-accordion-item-title {
    border: unset;
    padding: 0;
    outline: none;
}

.form-toggle-wrapper .e-n-accordion-item-title-header {
    width: 100%;
}

.form-toggle-wrapper .e-n-accordion-item-title-text {
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.form-toggle-wrapper .e-n-accordion-item-title-text a {
    color: #FFF !important;
    background-color: #006DF5;
    padding: 12px 46px;
    font-size: 14px;
    border-radius: 6px;
    cursor: pointer;
}


.comment-form-toggle summary.e-n-accordion-item-title {
    border: unset;
    padding: 0;
    outline: none;
}

.comment-form-toggle span.e-n-accordion-item-title-header {
    width: auto;
    padding: 0 10px;
    align-items: center;
}

.comment-form-toggle .e-n-accordion-item-title-text {
    font-size: 16px;
    color: #006DF5;
    position: relative;
}

.comment-form-toggle .e-n-accordion-item-title-text::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(/wp-content/themes/hello-theme-child-master/images/undo.svg);
    left: -30px;
}

.comment-form-toggle #respond {
    max-width: 100%;
    padding: 20px 0;
}

/* comment sytle in signle qa  */

.single-qa-comments #respond {
    display: none;
}

.single-qa-comments .comments-wrapper {
    max-width: 100%;
    margin-top: 10px;
}

.single-qa-comments .comments-wrapper .comment_text {
    padding-left: 0;
}

.single-qa-comments .comments-wrapper .reply {
    display: none;
}

.single-qa-comments .commentlist li.comment:not(:last-child) {
    border-bottom: 2px solid #F2F2F2;
    margin-bottom: 25px;
}

/* blog  */

/* vertical posts  */

.dev-featured-post .elementor-post {
    border: 8px solid #FFF;
    border-radius: 12px;
    box-shadow: 0 4px 30px rgba(0 0 0 / 10%);
    position: relative;
}

.dev-featured-post .elementor-post a.elementor-post__thumbnail__link {
    margin-bottom: 0 !important;
    position: relative;
    transition: all ease .3s;
}

.dev-featured-post .elementor-post:hover a.elementor-post__thumbnail__link {
    transform: scale(1.05);
}

.dev-featured-post .elementor-post a.elementor-post__thumbnail__link::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0 0 0 / 40%);
    z-index: 9;
}

.dev-featured-post .elementor-post .elementor-post__text {
    z-index: 999;
    position: relative;
}

.dev-featured-post .elementor-post__title a {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    transition: all ease .3s;
    position: absolute;
    bottom: 10px;
    right: 0;
    padding: 0 10px;
}

.dev-featured-post .elementor-post__title:hover a {
    /* color: #006DF5; */
}

/* category menu in sidebar  */
.widget_categories ul {
    list-style: none;
    padding: 0 24px;
}

.widget_categories li.cat-item a {
    font-size: 16px;
    color: #464646;
    position: relative;
    padding: 0 24px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    transition: all ease .3s;
}

.widget_categories li.cat-item a::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 14px;
    background: url(/wp-content/themes/hello-theme-child-master/images/left-arrow.svg) no-repeat;
    right: 0;
}

.widget_categories li.cat-item a:hover {
    transform: translateX(-8px);
}


/* heading box  */
.heading-box .elementor-icon svg {
    fill: transparent !important;
    color: transparent !important;
    height: 72px;
}

.heading-box::before {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    background: #D1E2F1;
    right: 0;
    border-radius: 100px;
}

.heading-box .elementor-icon {
    padding-right: 35px;
}

.heading-box .elementor-heading-title:not(span) {
    color: #464646 !important;
    font-weight: 900 !important;
    font-size: 28px;
    line-height: 1.5;
}

.heading-box .larg-title .elementor-heading-title:not(span) {
    font-size: 40px;
}

.heading-box span.elementor-heading-title {
    font-size: 18px;
    font-weight: 400;
    color: #939393;
}

/* podcast item  */
.podcast-item .elementor-post-info__terms-list {
    font-size: 0;
}

.podcast-item .elementor-post-info .elementor-post-info__terms-list a {
    font-size: 14px;
    background-color: #CCE2FD;
    padding: 3px 10px;
    border-radius: 6px;
}

.podcast-item .elementor-post-info .elementor-post-info__terms-list a:not(:first-child) {
    display: none;
}

.podcast-item .jet-listing-dynamic-field__content {
    display: flex;
}

.podcast-item :is(.jet-listing-dynamic-field__content, .jet-listing-dynamic-field__inline-wrap, .elementor-widget-jet-listing-dynamic-field, audio) {
    /* width: 100% !important; */
}

/* --------------------------  */

.btn-text a.elementor-button {
    background-color: transparent;
    color: #006DF5;
    padding: 0;
    height: auto;
}

.btn-text a.elementor-button .elementor-button-icon svg {
    font-size: 20px;
}

.elementor-heading-title .text-accent {
    display: inline-flex;
}

.text-accent {
    color: #006DF5;
}





/* video posts  */

.dev-video-posts-list .elementor-post {
    align-items: center;
}

.dev-video-posts-list .elementor-post:not(:last-child) {
    border-bottom: 1px solid #E4E4E4 !important;
}

.dev-video-posts-list .elementor-post a.elementor-post__thumbnail__link::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0 0 0 / 40%);
    z-index: 9;
    border-radius: 12px;
}

.dev-video-posts-list a.elementor-post__thumbnail__link::after {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    background: url(/wp-content/themes/hello-theme-child-master/images/play.svg) no-repeat center #FFF;
    outline: 8px solid rgba(255 255 255 / 50%);
    z-index: 9;
    border-radius: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.dev-featured-post.dev-video-post a.elementor-post__thumbnail__link::after {
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    background: url(/wp-content/themes/hello-theme-child-master/images/play.svg) no-repeat center #FFF;
    background-size: 30px;
    outline: 15px solid rgba(255 255 255 / 50%);
    z-index: 9;
    border-radius: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.dev-video-item {
    max-width: 320px;
}


.kksr-shortcode {
    flex-direction: row-reverse;
    align-items: center;
    direction: rtl;
    gap: 25px;
}

.kksr-shortcode .kksr-legend {
    font-size: 16px !important;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin: 8px 0 0;
}

.title-circle-shape .elementor-heading-title::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background: #95C1F7;
    right: -8px;
    bottom: -4px;
    border-radius: 100px;
    z-index: -1;
}

.title-circle-shape .elementor-heading-title {
    z-index: 9;
    position: relative;
}

.menu-list-style li.menu-item a.elementor-item {
    padding: 10px 24px 10px 10px;
    color: #787878;
    font-size: 13px;
}

.menu-list-style li.menu-item a.elementor-item:hover {
    padding-right: 30px;
    color: #464646;
}

.menu-list-style li.menu-item a.elementor-item::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #006DF5 !important;
    right: 0;
    opacity: 1 !important;
    border-radius: 100px;
}



.post-card-item .elementor-post-info__terms-list {
    font-size: 0;
}

.post-card-item .elementor-post-info .elementor-post-info__terms-list a {
    font-size: 14px;
}

.post-card-item .elementor-post-info .elementor-post-info__terms-list a:not(:first-child) {
    display: none;
}


.elementor-widget-loop-carousel .swiper-slide.type-post {
    padding: 12px 10px 16px;
}

.dev-video-post .elementor-widget-theme-post-featured-image::after {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(/wp-content/themes/hello-theme-child-master/images/play.svg) no-repeat center #FFF;
    background-size: 20px;
    outline: 10px solid rgba(255 255 255 / 50%);
    z-index: 9;
    border-radius: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.dev-video-post .elementor-widget-theme-post-featured-image::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0 0 0 / 40%);
    z-index: 9;
    top: 0;
    right: 0;
    border-radius: 14px;
}

.dev-video-post .elementor-widget-theme-post-featured-image {
    position: relative;
}

/* single post  */
/* breadcrumbs */
.elementor-widget-breadcrumbs nav,
.rank-math-breadcrumb p,
.rank-math-breadcrumb {
    font-size: 12px;
    font-weight: 600;
    color: #464646;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.elementor-widget-breadcrumbs nav span.separator {
    color: #006DF5;
    font-size: 16px;
    margin: 0 5px;
}

.elementor-widget-breadcrumbs nav a:not(:hover) {
    color: #006DF5;
}

.elementor-widget-breadcrumbs nav a:nth-child(1) {
    background: url(/wp-content/themes/hello-theme-child-master/images/home.svg) no-repeat center;
    font-size: 0;
    display: inline-block;
    width: 18px;
    height: 20px;
}

.widget_tag_cloud a.tag-cloud-link {
    background: #F0F0F0;
    font-size: 14px !important;
    color: #000;
    padding: 6px 14px;
    border-radius: 6px;
    display: inline-block;
	margin-bottom: 4px;
}


.widget_tag_cloud .widgettitle {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
}

/* blockquote  */
blockquote {
    background-color: #F4F4F4;
    padding: 20px 24px;
    border-radius: 8px;
}

blockquote li a {
    color: #009618;
    transition: all ease .3s;
}

blockquote ul {
    list-style: none;
    position: relative;
    padding-right: 12px;
}

blockquote > ul::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 100%;
    background-color: #009618;
    border-radius: 8px;
    right: 0;
}

blockquote ul li {
    position: relative;
    padding-right: 32px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
}

blockquote ul li::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(/wp-content/themes/hello-theme-child-master/images/arrow-left-green.svg) no-repeat center;
    right: 0;
}

/* -------------------  */
#post-content ul:not(blockquote ul) li:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 40px;
    background-color: #006DF5;
    position: absolute;
    right: 0;
    top: 10px;
    outline: 5px solid #CCE2FD;
}

#post-content ul:not(blockquote ul) li {
    position: relative;
    padding-right: 30px;
}

#post-content ul:not(blockquote ul) {
    line-height: 2;
    margin-top: 15px;
    margin-bottom: 15px;
    list-style: none;
    padding-right: 10px;
}

#post-content table {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #FFF;
    width: 100% !important;
    text-align: center !important
}

#post-content table thead tr:first-child {
    padding-top: 12px;
    padding-bottom: 12px;
    background: #006DF5;
    color: #FFF;
    font-size: 15px
}

#post-content th {
    text-align: center
}

#post-content td {
    padding: 12px 8px;
    text-align: center;
    font-size: 14px
}

#post-content tr:nth-child(even) {
    background-color: #FFF;
}

#post-content tr:hover {
    background-color: #EFEFEF
}

#post-content :is(h2, h3, h4, h5, h6) {
    font-weight: 600;
    margin-bottom: 20px;
}

#post-content h2 {
    font-size: 24px
}

#post-content h3 {
    font-size: 22px
}

#post-content h4 {
    font-size: 20px
}

#post-content :is(h5, h6) {
    font-size: 18px
}

#post-content a:not(:hover, blockquote a) {
    color: #005bcd;
}

#post-content img {
    border-radius: 16px;
    margin: 20px 0;
}

.wp-video {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    margin: 20px 0;
}

.wp-video .mejs-overlay-button {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(/wp-content/themes/hello-theme-child-master/images/play.svg) no-repeat #FFF;
    background-size: 20px;
    background-position: center !important;
    outline: 10px solid rgba(255 255 255 / 50%);
    z-index: 9;
    border-radius: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* edits  */

.hero-testimonials .elementor-widget-text-editor {
    background-color: rgba(255 255 255 / 70%);
    padding: 28px;
    backdrop-filter: blur(20px);
    border-radius: 20px;
}

.hero-testimonials .elementor-image-box-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

.qa-title-list .elementor-loop-container.elementor-grid {
    max-height: 334px;
    overflow-y: scroll;
    padding: 16px 21px;
}

span.kksr-muted {
    display: none;
}

.dev-video-item .elementor-custom-embed-play::after {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    background: url(/wp-content/themes/hello-theme-child-master/images/play.svg) no-repeat center #FFF;
    outline: 8px solid rgba(255 255 255 / 50%);
    z-index: 9;
    border-radius: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.dev-video-item .elementor-custom-embed-play::after {
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    background: url(/wp-content/themes/hello-theme-child-master/images/play.svg) no-repeat center #FFF;
    background-size: 30px;
    outline: 15px solid rgba(255 255 255 / 50%);
    z-index: 9;
    border-radius: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.dev-banner-overlay::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 225px;
    background: linear-gradient(0deg, #FFF 15%, transparent);
    bottom: 0;
    left: 0;
}

@media (max-width:767px) {
    .qa-title-list .elementor-loop-container.elementor-grid {
        overflow-y: initial;
        overflow-x: scroll;
        padding: 10px;
        margin: 0 -10px;
    }

    .qa-title-list .elementor-loop-container.elementor-grid .e-loop-item {
        width: 100%;
        min-width: 320px;
    }
}

/* jet pagination */
.jet-filters-pagination .jet-filters-pagination__link {
    display: flex;
    align-items: center;
    gap: 12px;
}

.jet-filters-pagination .jet-filters-pagination__link svg {
    width: 22px;
    height: 22px;
    fill: #464646;
}

.jet-filters-pagination .jet-filters-pagination__link:hover svg {
    fill: #FFF;
}

.jet-filters-pagination {
    background-color: #FFF;
    padding: 35px 20px;
    box-shadow: 0 4px 20px rgba(0 0 0 / 10%);
    border-radius: 16px;
    width: 100%;
}

/* elementor pagination  */
nav.elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    padding: 35px 20px;
    box-shadow: 0 4px 20px rgba(0 0 0 / 10%);
    border-radius: 16px;
    width: 100%;
    margin-top: 50px;
    gap: 10px;
}

.elementor-pagination .page-numbers:not(.prev, .next) {
    border-radius: 6px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #464646;
}

.elementor-pagination .page-numbers:is(.prev, .next) {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #464646;
    fill: #464646;
    padding: 7px 14px;
    border-radius: 6px;
}

.elementor-pagination .page-numbers svg {
    height: 20px;
}

.elementor-pagination .page-numbers.current,
.elementor-pagination .page-numbers:hover {
    background-color: #006DF5;
    color: #FFF;
    fill: #FFF;
}

.elementor-pagination .page-numbers.prev {
    margin-left: auto !important;
}

.elementor-pagination .page-numbers.next {
    margin-right: auto !important;
}


@media (max-width: 1024px) {
    .dev-scroll .elementor-loop-container.elementor-grid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        margin: 0 -10px;
        padding: 0 10px 10px;
    }

    :is(.elementor-posts-container, .elementor-loop-container)::-webkit-scrollbar {
        height: 2px;
    }

    .dev-scroll-posts :is(.elementor-loop-container.elementor-grid, .elementor-posts) {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        margin: 0 -10px;
        padding: 0 10px 10px;
    }

    .dev-scroll-posts :is(.elementor-loop-container .e-loop-item, .elementor-posts .elementor-post) {
        min-width: 300px;
    }

    .dev-featured-post.dev-video-post a.elementor-post__thumbnail__link::after {
        width: 50px;
        height: 50px;
        outline-width: 10px;
        background-size: 15px;
    }

    .dev-lawyer-wrapper {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        width: 100vw;
        margin: 0 -10px;
        padding: 20px 10px 30px !important;
    }

    .dev-lawyer-wrapper>.e-con {
        min-width: 250px;
    }

    .dev-lawyer-wrapper::-webkit-scrollbar {
        height: 2px;
    }

    .dev-search-form .e-search-input {
        height: 45px !important;
        padding: 10px;
        min-height: 45px !important;
    }

    .dev-search-form .e-search .e-search-submit {
        height: 45px;
        padding: 10px 20px !important;
    }

}


@media (max-width: 768px) {
    #respond .half_box {
        flex-direction: column;
        gap: 20px;
    }

    #respond .half_box .col-sm-6 {
        width: 100%;
    }

    .comments-wrapper .comment_text {
        font-size: 14px;
        padding: 10px 0;
    }

    .comments-wrapper .children {
        padding-right: 20px;
    }

    .comments-wrapper .comment-info {
        gap: 12px;
    }

    .comments-wrapper .reply a {
        font-size: 14px;
    }

    .comments-wrapper .reply a svg {
        width: 20px;
        height: 24px;
    }

    .comments-wrapper .avatar-wrap .avatar {
        width: 48px;
    }

    .comments-wrapper .comment-info cite.fn {
        font-size: 14px;
    }

    .comments-wrapper .comment-meta a {
        font-size: 10px;
    }

    .form-toggle-wrapper .e-n-accordion-item-title-text {
        font-size: 16px;
    }

    .form-toggle-wrapper .e-n-accordion-item-title-text a {
        padding: 12px 26px;
    }

    /* heading box  */
    .heading-box .elementor-heading-title:not(span) {
        font-size: 24px;
    }

    .heading-box .larg-title .elementor-heading-title:not(span) {
        font-size: 28px;
    }

    .heading-box span.elementor-heading-title {
        font-size: 16px;
    }

    .heading-box .elementor-icon svg {
        height: 54px;
    }

    .heading-box .elementor-icon {
        padding-right: 20px;
    }

    .heading-box::before {
        width: 60px;
        height: 60px;
    }

    .dev-video-item .elementor-custom-embed-play::after {
        width: 60px;
        height: 60px;
        outline-width: 10px;
        background-size: 20px;
    }

    .jet-filters-pagination {
        padding: 20px 10px;
    }

    .jet-filters-pagination .prev-next .jet-filters-pagination__link {
        font-size: 0 !important;
    }

    nav.elementor-pagination {
        padding: 20px 10px;
    }

    .elementor-pagination .page-numbers:is(.prev, .next) {
        font-size: 0;
        gap: 0;
    }

}

.archive-hero .elementor-widget-breadcrumbs nav,
.archive-hero .rank-math-breadcrumb p,
.archive-hero .rank-math-breadcrumb {
    color: #FFF;
}

.archive-hero .elementor-widget-breadcrumbs nav a:nth-child(1) {
    filter: brightness(0.1) invert(1);
}





@media (max-width:1024px) {

    /* offcanvas button  */
    .menu-toggle {
        width: 36px !important;
        height: 36px;
        background-color: #FFF;
        border: 0;
        position: relative;
        outline: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 14px rgba(0 0 0 / 12%) !important;
        border-radius: 8px
    }

    /* -----------  */
    .offcanvas {
        position: fixed;
        display: none;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        overflow: hidden;
        z-index: 1000;
        opacity: 0;
        transition: opacity .15s linear;
    }

    .offcanvas.active {
        display: block;
        opacity: 1;
    }

    .offcanvas.out {
        opacity: 0;
    }

    .offcanvas-bar {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        min-width: 280px;
        overflow-y: auto;
        background: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        transform: translateX(100%);
        transition: transform .35s linear;
        padding: 10px;
        color: #000;
    }

    .offcanvas.active .offcanvas-bar {
        transform: translateX(0);
    }

    .offcanvas.out .offcanvas-bar {
        transform: translateX(100%);
    }

}

.elementor-popup-modal .dialog-widget-content {
    border-radius: 8px !important;
}

.popular-posts h5 {
    display: none;
}

.popular-posts .tptn_posts li {
    color: #FFF;
}

.popular-posts .tptn_posts li a {
    color: #FFFFFFB3;
    font-size: 15px;
    padding: 8px 0;
    line-height: 2.5;
    transition: all ease .3s;
}

.popular-posts .tptn_posts li a:hover {
    color: #FFF
}

.popular-posts ul {
    padding-right: 0;
    padding-top: 10px;
}


.dev-counsulting-feature-img .elementor-widget-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dev-counsulting-feature-img .elementor-widget-container::before {
    background-color: #E0EDFD;
    content: '';
    position: absolute;
    width: 350px;
    height: 100%;
    border-radius: 25px;
    transform: rotate(-5deg) translate(-40px, 10px);
}
.dev-counsulting-feature-img img {
    transform: rotate(5deg);
    border-radius: 25px;
}

.dev-icon-shadow .elementor-icon {
    position: relative;
}
.dev-icon-shadow .elementor-icon::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: #006DF5;
    filter: blur(12px);
    left: -10px;
    bottom: -10px;
    opacity: 0.8;
}