/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

.pb-8 .elementor-heading-title {
    padding-bottom: 8px;
}
a.box-button {
    text-align: left;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px 16px;
}
.section-header .menu a:hover {
	text-decoration: none;
}
.section-header .menu .elementor-icon-box-icon a {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
body.page-id-10 .section-header .elementor-widget-theme-site-logo img,
body.page-id-10 .section-header .menu .elementor-icon-box-icon a svg {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7450%) hue-rotate(338deg) brightness(98%) contrast(99%);
}
body.page-id-10 .the7-e-sticky-effects .elementor-widget-theme-site-logo img,
body.page-id-10 .the7-e-sticky-effects .elementor-icon-box-icon a svg {
    filter: none !important;
}
body.page-id-10 .elementor-icon-box-wrapper .elementor-icon-box-title {
    color: #fff;
}
body.page-id-10 .the7-e-sticky-effects .menu .elementor-icon-box-icon a,
body.page-id-10 .the7-e-sticky-effects .elementor-icon-box-wrapper .elementor-icon-box-title {
    color: #000;
}
.hero-section .elementor-widget-html .elementor-widget-container {
	text-align: center;
	color: var(--e-global-color-el_color_6);
}
.hero-section .gradient-font,
.gradient-font h1,
.gradient-font h2 {
	background-image: linear-gradient(to right, #ec3307, #d22d07, #b82806, #9e2205, #861d04);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}
.hero-section a.header-button {
    display: inline-flex;
    margin-top: 30px;
}
.hero-section a.header-button>span {
	font-size: 18px;
    font-family: var(--the7-base-font-family), Sans-serif;
    width: 150px;
    height: 150px;
    display: inline-flex;
    line-height: 1.2;
    background-color: #000;
    color: #fff;
    padding: 25px;
    border-radius: 100%;
    position: relative;
    align-items: center;
    transition: all 0.2s ease-out;
}
.hero-section a.header-button>span:hover {
	background-color: var( --e-global-color-el_color_1 );
    transition: all 0.2s ease-in;
}
.hero-section a.header-button>span::before {
	content: "";
    width: 160px;
    height: 160px;
    display: inline-block;
    position: absolute;
    border: 1px solid #000;
    left: -5px;
    top: -5px;
    border-radius: 100%;
    z-index: -9;
    transition: all 0.2s ease-out;
}
.section-services .elementor-widget-the7-tabs.the7-e-tabs-view-vertical .the7-e-tabs-wrapper {
	display: flex;
    flex-direction: row-reverse;
}
.section-services .the7-e-tabs-content {
	display: flex;
    align-items: center;
}
.section-services .the7-e-tab-content h3 {
	font-family: var(--e-global-typography-935f49a-font-family), Sans-serif;
    font-size: var(--e-global-typography-935f49a-font-size);
    text-transform: var(--e-global-typography-935f49a-text-transform);
    line-height: var(--e-global-typography-935f49a-line-height);
    color: var(--e-global-color-el_color_7);
    padding-top: 12px;
    overflow-wrap: break-word;
    hyphens: manual;
}
.section-services .the7-e-tab-content span.number {
	font-size: 208px;
    font-family: var(--e-global-typography-ef163a0-font-family), sans-serif;
    color: #f7f7f7;
    position: absolute;
    z-index: -9;
}
.section-services .the7-e-tab-content a.btn-cta,
.section-services .elementor-tab-content a.btn-cta{
    font-size: 12px;
    text-decoration: none;
    color: inherit;
    position: relative;
    padding-left: 55px;
    height: 48px;
    display: flex;
    align-items: center;
    margin-top: 15px;
    transition: all 0.2s linear;
}
.section-services .the7-e-tab-content a.btn-cta::before,
.section-services .elementor-tab-content a.btn-cta::before {
    content: "";
    width: 48px;
    height: 48px;
    background: url("/wp-content/uploads/2024/07/button.svg");
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    transition: all 0.2s linear;
}
.section-services .the7-e-tab-content a.btn-cta:hover,
.section-services .elementor-tab-content a.btn-cta:hover {
    color: var( --e-global-color-el_color_1 );
    padding-left: 58px;
}
.section-services .the7-e-tab-content a.btn-cta:hover::before,
.section-services .elementor-tab-content a.btn-cta:hover::before,
a.box-button:hover svg,
a.box-button:focus svg {
    transform: scale(1.1);
    filter: invert(20%) sepia(76%) saturate(4676%) hue-rotate(11deg) brightness(102%) contrast(94%);
}
a.box-button:hover svg {
    margin-right: 8px !important;
}
.section-services .the7-e-tab-title:hover::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: -7px;
    width: 0;
    border-bottom: solid 1px #000;
    animation: border_anim 0.8s linear forwards;
    animation-timing-function: cubic-bezier(0.74, 0.02, 0.3, 0.94);
}
.section-services .the7-e-tab-title:not(:hover)::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: -7px;
    width: 0;
    border-bottom: solid 1px #000;
    animation: border_reverse 0.8s linear forwards;
    animation-timing-function: cubic-bezier(0.74, 0.02, 0.3, 0.94);
}
@keyframes border_anim {
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@keyframes border_reverse {
    100%{
        width: 0%;
    }
    0%{
        width: 100%;
    }
}
.section-services .the7-e-tab-title.active::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -7px;
    width: 100%;
    border-bottom: solid 1px #000;
}
.section-services .the7-e-tab-title:hover svg,
.section-services .the7-e-tab-title.active svg,
.section-services .the7-accordion-header:hover svg,
.section-services .the7-accordion-header.active svg {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(355deg) brightness(90%) contrast(102%);
}
.section-blog .the7-simple-widget-posts .wf-cell:last-child .post {
    border-right: none;
}
.section-blog .post:hover .the7-simple-post-thumb img {
    transform: scale(1.2);
    transition: transform .25s ease-out, opacity .25s ease-out;
}
#contact-form button:focus {
        color: var(--e-global-color-el_color_1);
        padding-left: 58px;
}
#contact-form button:focus::before {
    transform: scale(1.1);
    filter: brightness(0) saturate(100%) invert(25%) sepia(77%) saturate(4921%) hue-rotate(4deg) brightness(97%) contrast(95%);
}
footer.footer .elementor-widget-theme-site-logo img {
    filter: brightness(0) saturate(100%) invert(95%) sepia(95%) saturate(0%) hue-rotate(179deg) brightness(104%) contrast(108%);
}
footer.footer .column-phone .elementor-widget-the7_icon_box_widget .box-content-wrapper {
    width: 175px;
    margin: auto;
}
footer.footer .column-email .elementor-widget-the7_icon_box_widget .box-content-wrapper {
    width: 225px;
    margin-left: auto;
}
footer.footer .elementor-social-icon {
    width: inherit;
}
footer.footer .column-collaborate .elementor-widget-text-editor {
    width: 100%;
    max-width: 385px;
}
footer.footer .section-footer-social {
    position: absolute;
    top: 330px;
}
div.is-ajax-search-result {
    padding: 1px !important;
}
.is-show-more-results {
    margin-top: 1px !important;
}
.is-form-style input.is-search-input {
    font-family: var(--the7-base-font-family);
    font-size: 20px !important;
    height: 55px;
    border-radius: 35px 0 0 35px;
    padding-left: 20px;
}
.is-ajax-search-post {
    padding-bottom: 10px !important;
}
.is-ajax-search-post .is-title a {
    font-size: 18px !important;
    letter-spacing: 1.74px;
    line-height: 1.2;
    text-decoration: none !important;
    padding-left: 30px;
    display: block;
}
.is-ajax-search-post .is-title a::before {
    content: "";
    width: 21px;
    height: 10px;
    background: url(/wp-content/uploads/2024/09/submenu-arrow.svg);
    position: absolute;
    display: inline-block;
    left: 0;
    top: 5px;
    transition: all 0.2s linear;
}
.is-form-style.is-form-style-3 input.is-search-input {
    margin-bottom: 0;
}
.is-search-icon {
    border-left: 0;
    height: 55px;
    padding-top: 15px !important;
    border-radius: 0 35px 35px 0;
    padding-right: 20px;
}
.is-search-icon svg {
    filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(7462%) hue-rotate(180deg) brightness(92%) contrast(101%);
}
.is-form-style button.is-search-submit {
    height: 55px;
}
body.single-post .mb-20 {
    margin-bottom: 20px
}
body.single-post .mt-20 {
    margin-top: 20px;
}
body.single-post ol>li::marker {
    font-weight: bold;
}
body.single-post li li {
    font-size: 18px;
    line-height: 1.5;
}
body.single-post .section-cta-blog,
body.single-post #ez-toc-container {
    display: none;
}
body.single-post h2 {
    font-family: var( --e-global-typography-el_title_3-font-family ), Sans-serif;
    font-size: 50px;
}
body.single-post h3 {
    font-family: var( --e-global-typography-el_title_3-font-family ), Sans-serif;
    font-size: 30px;
}
body.single-post h4 {
    text-transform: inherit;
    font-size: 28px;
    font-weight: normal;
    font-family: var( --e-global-typography-el_title_3-font-family ), Sans-serif;
}
body.single-post .elementor-widget-theme-post-content p {
    font-size: 18px;
    line-height: 1.5;
}
body.single-post .elementor-widget-theme-post-content table {
    border: 2px solid rgba(0,0,0,0.2);
    margin-bottom: 20px;
}
body.single-post .elementor-widget-theme-post-content th {
    font-size: 18px;
    border: 2px solid rgba(0,0,0,0.2);
    padding: 15px;
}
body.single-post .elementor-widget-theme-post-content td {
    border: 2px solid rgba(0,0,0,0.2);
    padding: 15px;
}
body.single-post .wp-caption {
    margin: inherit;
}
body.single-post .wp-caption .wp-caption-text {
    text-align: center;
    font-size: 16px;
    padding-bottom: 20px;
}
body.single-post .elementor iframe {
    width: revert-layer;
    border: 1px solid #E8E8E8;
    border-radius: 15px;
}
pre {
    background: #f5f5f5;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.popup-message-style #page .wpcf7-mail-sent-ok::before,
.popup-message-style #page .wpcf7-response-output.run-animation::before, 
.popup-message-style #page .wpcf7-validation-errors::before {
    display: none;
}
@media screen and (max-width: 1300px) and (min-width: 1101px)  {
    .section-platforms .elementor-element.elementor-element-fc55544 .elementor-heading-title {
        font-size: 60px;
    }
    .section-platforms .elementor-element.elementor-element-3ba6267 > .elementor-element-populated {
        padding-left: 60px;
    }
    .elementor-10 .section-services .elementor-element.elementor-element-05241e4.the7-e-tabs-view-vertical:not(.the7-e-accordion) .the7-e-tabs-wrapper {
        column-gap: 250px;
    }
    .section-sub-hero {
        padding-top: 90px;
    }
    .section-platforms .the7-icon-box-grid svg {
        width: 145px;
    }
}
@media screen and (max-width: 1100px) {
    .hero-section.elementor-section-height-full {
        height: inherit;
    }
    /*.section-blog .post::after {
        right: 0px;
    }
    .section-blog .post .the7-simple-post-thumb img {
        min-height: inherit;
    }*/
}
@media screen and (max-width: 768px) {
    .section-header .menu .elementor-icon-box-wrapper h3 {
        margin: 0;
    }
    .section-header .menu .elementor-icon-box-wrapper {
        align-items: center;
    }
    .section-services .the7-e-tabs-content {
        align-items: inherit;
    }
    .section-services .the7-e-tab-content span.number,
    .section-services .the7-e-tab-content h3 {
        display: none;
    }
    .section-services .the7-e-tab-title:hover::before,
    .section-services .the7-e-tab-title:not(:hover)::before {
        animation: none;
    }
    .section-blog .dt-owl-item.active .post {
        border-right: none;
    }
    .elementor-popup-modal .dialog-close-button svg {
        height: 30px;
        position: absolute;
        top: -30px;
        right: -30px;
    }
    .section-services .elementor-accordion.the7-adv-accordion h4.elementor-tab-title::after {
        width: 48px !important;
        height: 48px !important;
    }
    footer.footer .column-phone .elementor-widget-the7_icon_box_widget .box-content-wrapper,
    footer.footer .column-email .elementor-widget-the7_icon_box_widget .box-content-wrapper {
        width: 100%;
        padding-top: 32px;
    }
    footer.footer .section-footer-social {
        position: inherit;
        top: inherit;
    }
}
@media screen and (max-width: 430px) {
    .elementor-10 .section-services .elementor-element.elementor-element-05241e4 .the7-e-tab-title > .the7-e-tab-title-text {
        font-size: 26px;
    }
    .elementor-10 .section-clients-heading .elementor-element.elementor-element-491e3b4 .elementor-heading-title {
        font-size: 38px;
    }
    .hero-section img {
        width: 290px;
    }
    .hero-section a.header-button {
        display: flex;
        justify-content: center;
    }
}