/*!
Theme Name: Shopylyst Child
Theme URI: https://shopylyst.com/
Template: shopylyst
Author: Codebeans Team
Author URI: https://shopylyst.com/
Description: We specialise in customised solutions across UX/UI Design,Ecommerce Store Development,CRM/CX Design,Business Process Automation,and Systems Integration.
Version: 1.0
Text Domain: shopylyst child
*/


a:focus {
    outline: none;
}

.logo_header .vc_single_image-img.attachment-full {
    width: 165px;
}

.wf-header {
    display: none;
}

#formsubmit {
    background: linear-gradient(90deg, rgba(240, 95, 11, 1) 0%, rgba(242, 132, 17, 1) 100%);
    padding: 16px 35px;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    transition: all ease-in-out 0.5s;
}

/*video start*/
.video_icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    margin: 0 auto;
    right: 0;
    bottom: 0;
    height: 100%;
}

.video-images {
    position: relative;
    cursor: pointer;
}

.video_img {
    width: 100%;
    height: 190px;
    object-fit: cover;
}

.vimeo_youtube_box video,
.vimeo_youtube_box iframe {
    width: 100%;
    height: 190px;
}

.video-repeat {
    margin-bottom: 28px;
}

/*video end*/

/*gallery page css start*/
.gallery-item {
    display: flex;
    text-align: center;
    width: 100%;
}

.gallery_list .gallery_img {
    width: 440px;
    height: 263px;
    object-fit: cover;
    transition: 0.5s;
}

.gallery_list .col-md-4 a {
    display: inline-block;
    margin-bottom: 28px;
    position: relative;
    overflow: hidden;
}

.gallery_list .col-md-4 a:after {
    content: "";
    background: rgb(0 0 0 / 60%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .5s;
}

.gallery_list .col-md-4 a:hover:after {
    opacity: 1;
}

.gallery_list .col-md-4 a:hover img {
    transform: scale(1.1);
    transition: 0.5s;
}

.gallery_list .col-md-4 a:hover {
    cursor: url("/wp-content/uploads/couser-black.png"), auto;
}


/*gallery page css end*/


/* ================================
   GRAVITY FORM CUSTOM DESIGN (ID: 4)
   ================================ */

/* Remove default spacing */
#gform_wrapper_4 .gform_fields {
    row-gap: 20px !important;
}

/* Hide labels like your HTML form */
#gform_wrapper_4 .gfield_label {
    display: none !important;
}

/* ===== Input, Email, Phone, Textarea Styles ===== */
#gform_wrapper_4 input[type="text"],
#gform_wrapper_4 input[type="email"],
#gform_wrapper_4 input[type="tel"],
#gform_wrapper_4 textarea {
    width: 100%;
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    padding: 14px 18px;
    border-radius: 10px;
    font-size: 16px;
    color: #222;
    outline: none;
    transition: 0.3s ease;
}

/* Focus effect */
#gform_wrapper_4 input:focus,
#gform_wrapper_4 textarea:focus {
    border-color: #000;
    background: #fff;
}

/* ===== File Upload Field ===== */
/* #gform_wrapper_4 input[type="file"] {
    background: transparent !important;
    border: none !important;
    padding-left: 0 !important;
    font-size: 15px;
} */
#gform_wrapper_4 input[type="file"] {
    background: #fff !important;
    border: 1px solid transparent !important;
    padding-left: 0 !important;
    font-size: 15px;
    padding: 7px;
    cursor: pointer;
    height: 60px;
    border-radius: 8px;
}

/* Hide file upload rules text */
#gform_wrapper_4 .gform_fileupload_rules {
    display: none !important;
}

/* Add margin above file upload */
#gform_wrapper_4 #field_4_5 {
    margin-top: 10px;
}

/* Show label for file upload only */
#gform_wrapper_4 #field_4_5 .gfield_label {
    display: block !important;
    font-weight: 600;
    margin-bottom: 6px;
}

/* ===== Submit Button ===== */
.gform_wrapper .gform_footer input[type="submit"], 
#gform_wrapper_4 .gform_footer input[type="submit"] {
    background: #1e8a8a;
    color: #fff;
    padding: 14px 25px;
    border-radius: 100px;
    font-size: 17px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s ease;
}

/* Submit hover effect */
.gform_wrapper .gform_footer input[type="submit"]:hover, 
#gform_wrapper_4 .gform_footer input[type="submit"]:hover {
    background: #333;
}

/* Remove default top margin on footer */
#gform_wrapper_4 .gform_footer {
    margin-top: 20px !important;
}

/* Textarea height match */
#gform_wrapper_4 textarea {
    height: 130px !important;
    resize: none;
}

/* Responsive */
@media (max-width: 600px) {
    #gform_wrapper_4 .gform_footer input[type="submit"] {
        width: 100%;
        justify-content: center;
    }
}


aside.tj-main-sidebar .tj-sidebar-widget {
    background: transparent;
    padding-left: 0px;
    padding-bottom: 0px;
}
aside.tj-main-sidebar .tj-sidebar-widget ul {
    list-style: none;
}
aside.tj-main-sidebar #custom_html-2 .textwidget.custom-html-widget {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
aside.tj-main-sidebar #custom_html-3 ul.social_share_post {
    display: flex;
    gap: 20px;
}

.tj-page-header-content .tj-page-link {
    display: none;
}


.blog-item .blog-content .title {line-height: .3em; }
.blog-item .blog-content .title a {font-size: 24px; font-weight: 600; line-height: 1.4em; }

.latest-post-wrapper .blog-post-container.blog-skin-side .blog-thumb-effect-wrapper {flex-basis: 50%;pointer-events: none;}
.latest-post-wrapper .blog-post-container .blog-thumb-effect-wrapper .blog-zoomin-effect {overflow: hidden;}
.latest-post-wrapper .blog-post-container .blog-thumb-effect-wrapper .blog-zoomin-effect img {transform: scale(1);transition: linear 0.3s;}
.latest-post-wrapper .blog-post-container .blog-thumb-effect-wrapper .blog-zoomin-effect:hover img {transform: scale(1.1);}
.latest-post-wrapper .blog-post-container .blog-content-wrapper {flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline: 50px; }
.latest-post-wrapper .blog-post-container .blog-content-wrapper .blog-entry-title {color: #fff; width: 95%; margin-bottom: 25px; }
.latest-post-wrapper .blog-post-container .blog-content-wrapper .blog-post-content {color: #fff; margin-bottom: 45px; }
.latest-post-wrapper .blog-post-container .blog-content-wrapper .blog-excerpt-link-wrap .blog-excerpt-link {font-size: 16px; font-weight: 600; margin-top: 40px; color: #fff; background-color: #1e8a8a; border-radius: 100px; padding: 17px 25px; width: fit-content; display: block; }
.latest-post-wrapper .blog-post-container .blog-content-wrapper .blog-excerpt-link-wrap .blog-excerpt-link .ml-btn {display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; text-shadow: 0 30px 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; overflow: hidden; }
.latest-post-wrapper .blog-post-container .blog-content-wrapper .blog-excerpt-link-wrap .blog-excerpt-link:hover .ml-btn span {-webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
.get-started-section {display: flex; flex-direction: column; align-items: center; margin-top: 70px !important;text-align: center; }
.get-started-section .sec-heading {max-width: fit-content; margin-bottom: 20px; }

section.tj-page-header.section-gap-x.post_header {padding-top: 65px; padding-bottom: 70px;padding-inline: 35px;}
.post_header .row {align-items: center }
.post_header .row .col-md-6:first-child {padding: 35px; padding-right: 50px }
.post_header .post_date.mb-3 {color: #1e8a8a; text-transform: uppercase; font-weight: 700; font-size: 15px }
.post_header .tj-page-title {font-size: 45px }
.post_header .row .back_to_blog {display: flex; align-items: center; gap: 10px; transition: linear .5s; font-weight: 700; text-transform: uppercase }
.post_header .row .back_to_blog:hover {color: #1e8a8a }
.post_header .row .back_to_blog i {margin-top: 1px; font-size: 30px; transform: rotate(-45deg); background: #1e8a8a; color: #fff; border-radius: 100px; padding: 6px; transition: linear .3s }
.post_header .row .back_to_blog:hover i {transform: rotate(-180deg) }

.blog-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }

/* Blog Items Style */
.blog-grid .blog-item {background: #fff; border-radius: 10px; overflow: hidden; transition: 0.3s ease; }
.blog-grid .blog-thumb img {width: 100%; height: auto; display: block; }
.blog-item:hover .blog-thumb img {transform: scale(1) rotate(0deg) !important; }
.blog-grid .blog-content {padding: 20px; }
.blog-grid .blog-content .title a:hover {color: #1e8a8a; background: none !important; }
.load-more-wrapper button#load-more {padding: 18px 35px; border-radius: 100px; font-weight: 600; color: #fff; background: #1e8a8a; border: none; overflow: hidden; }
.load-more-wrapper button#load-more .btn-text {display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; text-shadow: 0 30px 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; overflow: hidden; }
.load-more-wrapper button#load-more:hover .btn-text span{-webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }

.app-page .h5-working-process-inner:after {border: none; }
.app-page .working-process-area.h5-working-process-wrapper:before {content: ''; position: absolute; top: -22px; width: 100%; border-top: 1px dashed var(--tj-color-border-2); inset-inline-start: 0; }
.app-page .working-process-area.h5-working-process-wrapper {position: relative; }

.app_page_banner .banner-wrap .banner-container {width: 100%; align-items: center; }
.app_page_banner .banner-wrap .banner-container .banner-content-wrapper {width: 50%; padding: 50px; }
.app_page_banner .banner-wrap .banner-container .banner-content-wrapper h2.banner-entry-title {color: #fff; margin-bottom: 25px; font-size: 4vw; }
.app_page_banner .banner-wrap .banner-container .banner-content-wrapper .banner-content-inner-wrapper p.banner-content {max-width: 100%; color: #fff; font-size: 20px; margin-bottom: 30px; }
.app_page_banner .banner-wrap .banner-container .banner-content-wrapper .banner-content-inner-wrapper .banner-excerpt-link-wrap {display: flex; gap: 30px; }
.app_page_banner .banner-wrap .banner-container .banner-thumb-effect-wrapper {background: #031114; width: 50%; text-align: center; }
.app_page_banner .banner-wrap .banner-container .banner-thumb-effect-wrapper img.img-fluid {width: auto; }
.banner-excerpt-link-wrap .tj-primary-btn.transparent-btn.tj-el-btn {border: 1px solid var(--tj-color-border-1); }
.banner-excerpt-link-wrap .tj-primary-btn.transparent-btn.tj-el-btn span.btn-text {color: #fff; }
.banner-excerpt-link-wrap .tj-primary-btn.transparent-btn.tj-el-btn span.btn-icon {background: #1e8a8a; }
.apps_about-info {display: inline-block; width: 100%; margin-block: 100px; }
.apps_about-info-title {width: 620px; margin: 0 auto; text-align: center; }
.apps_about-info-title .sec-heading .highlight-title {color: #1e8a8a; }
.apps_abut_box .choose-box:hover .choose-icon img {transition: ease 0.5s; }
.apps_abut_box .choose-box:hover .choose-icon img {filter: invert(1); }
.apps_outer .working-process-area.h5-working-process-wrapper {margin-bottom: 60px; }
.apps_outer .working-process-area.h5-working-process-wrapper:nth-child(2) {display: flex; flex-direction: row-reverse; }
.apps_outer .apps_inner img {width: 40%; }
.latest-post-wrapper.book_a-demo h2.blog-entry-title {font-size: 70px;}
.latest-post-wrapper.book_a-demo .blog-post-content ul {padding-left: 20px;}

.service-item.style-5 .title a{color:#fff;}
.tj-client-section-2{margin-block:50px;}
.cls-1, .cls-2 {fill: #1e8a8a; }

.project-item .project-img img:is([sizes="auto" i], [sizes^="auto," i]){contain-intrinsic-size: auto 233px;}

/* .mainmenu ul > li > .mega-menu-service-single:hover .mega-menu-service-icon svg {filter: brightness(10);} */
.service-item .text-btn {border: 1px solid #000; border-radius: 100px; padding: 5px 5px 5px 15px; }
.service-item:hover .text-btn {border-color: #fff;}
h4.tj-careers-title {font-size: 23px;}
.tj-careers:hover .tj-careers-icon img {filter: brightness(10);}
.tj-careers-details .tj-post-single-post .tj-careers-top-icon img {filter: brightness(10);width: 100%;}
ol {padding-left: 0px;}
ul{margin-bottom: 15px;}

section.tj-page-header.book_demo-form {background: transparent; padding-top: 50px; }
section.book_demo-form .form-section {background-color: #cee0e0; border-style: none; border-radius: 15px; }
section.book_demo-form .form-section .form-title {margin-bottom: 40px; }
section.book_demo-form .form-section .form-description {margin-bottom: 40px; }
.book_demo-form .form-section .form-box form .gfield label {font-size: 16px; color: #000; }
.book_demo-form .form-section .form-box form .gfield span.gfield_required {color: #1e8a8a; font-weight: 900; font-size: 16px; }
.book_demo-form .form-section .form-box form .gfield input:not([type="checkbox"]) {font-size: 16px; padding: 11px; border: 1px solid #c9d1d1; border-radius: 5px; margin-top: 10px; color: #000; background-color: transparent; box-shadow: none; height: auto; line-height: 22px; }
.book_demo-form .form-section .form-box form .gfield textarea {background: transparent;color: #000;border: 1px solid #c9d1d1;box-shadow: none; }
.book_demo-form .form-section .form-box form .gfield .ginput_container_select {position: relative; font-size: 16px; padding: 11px; border: 1px solid #c9d1d1; cursor: pointer; }
.book_demo-form .form-section .form-box form .gfield .ginput_container_select ul.list {width: 100%; }
fieldset.gfield.gfield--type-checkbox .gfield_label.gform-field-label {font-size: 16px;color: #000;}
.apps_abut_box_inner {transition: ease 0.5s; }
.tj-service-section.service-4 .service-post .service-icon {margin-bottom: 40px;}
.tj-service-section.service-4 .service-container .service-post .service-item {height: -webkit-fill-available;}
form .gform_footer input[type=submit] {font-size: 16px !important;font-weight: 600 !important;margin-top: 40px;color: #fff !important;background-color: #1e8a8a !important;border-radius: 100px !important;padding: 17px 25px;width: fit-content;}

.h7-team-wrapper .team-item .team-img {background-color: #fff !important;}


.time_line_grid .img_content img.img-fluid {
    border-radius: 30px;
    border: 20px solid rgb(30 138 138 / 60%);
}

.tj-banner-section-2 .banner-img-area .banner-author .title::before {display: none;}
.brand-name .marquee-vr span.text {-webkit-text-stroke: 2px rgb(30 138 138 / 40%);}
.h7-team .sec-heading.style-2 .sub-title {color: #1e8a8a !important;}
.contact-g_form label.gfield_label {font-size: 16px;padding-bottom: 10px;}
.contact-g_form label.gfield_label span.gfield_required span {font-size: 20px;color: #a9b8b8;}
.mainmenu ul > li > .mega-menu-service-single .mega-menu-service-icon, .mobile_menu ul > li > .mega-menu-service-single .mega-menu-service-icon {
    background: transparent !important;
}
.blog-text h2.title.title-anim {font-size: 40px;line-height: 1.1;}
.contact-item a {
    color: #fff;
}
ol {padding-left: 0px !important;}
body ol, body ul {
    padding-left: 2rem;
}
.tj-footer-section ul {padding-left: 0px;}
.tj-careers{height: -webkit-fill-available;}
ol li ul {
    padding: 0px;
}



@media(max-width: 1280px){
section.tj-page-header.post_header .col-md-6.post_feature-img {width: 40%; padding: 0px; }
section.tj-page-header.section-gap-x.post_header .col-md-6:not(.col-md-6.post_feature-img) {width: 60%; padding-block: 0px; }
}

@media(max-width: 1024px){
.header-right-item .header-button {display: none;}
.blog-text h2.title.title-anim {font-size: 36px;line-height: 1.1;}
.h7-hero-content .h7-hero-title {font-size: 70px;text-align: center;}
.about_stellenzicht_row {padding-left: 0px;}
ul.tools_row {padding-left: 0px;}
.latest-post-wrapper .blog-post-container .blog-content-wrapper .blog-entry-title {font-size: 40px !important;width: 100%;}
.latest-post-wrapper .blog-post-container .blog-content-wrapper .blog-post-content{margin-bottom: 0px;font-size: 14px;}
.book_demo-form .form-section .form-title h2 {font-size: 30px;}


}


@media(min-width: 991px){
.sticky-lg-top{top: 100px !important;}
}

@media (max-width: 991px){
.hamburger-area.opened {z-index: 999999;}
.body-overlay.opened {z-index: 99999;}
.hamburger_menu .mean-container .mean-nav ul li > a {border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;}
ul.sub-menu.header__mega-menu.mega-menu .mega-menu-wrapper .tj-demo-thumb {display: flex; padding-left: 0; padding-bottom: 20px; border: none; gap: 20px; align-items: center; border-radius: 0px; border-bottom: 1px solid;}
ul.sub-menu.header__mega-menu.mega-menu .mega-menu-wrapper .tj-demo-thumb .image {width: 100px;margin-bottom: 0px;}
ul.sub-menu.header__mega-menu.mega-menu .mega-menu-wrapper .tj-demo-thumb .image .tj-demo-button {display: none;}
ul.sub-menu.header__mega-menu.mega-menu .mega-menu-wrapper .tj-demo-thumb h6.tj-demo-title {width: calc(100% - 100px);}
ul.sub-menu.header__mega-menu.mega-menu .mega-menu-wrapper .tj-demo-thumb h6.tj-demo-title a {display: block;text-align: left;line-height: normal;}
.apps_about-info-title {width: 100%;}
.apps_abut_box_inner {flex-direction: column;}
.apps_outer .working-process-area.h5-working-process-wrapper:nth-child(2) {flex-direction: column;}
.apps_outer:before {content: ''; width: 1px; display: block; height: 100%; border-left: 1px dashed var(--tj-color-border-2); inset-inline-start: 50%; position: absolute; top: -40px; }
.app-page .working-process-area.h5-working-process-wrapper:before {display: none;}
.app-page .working-process-area.h5-working-process-wrapper .process-item{position: relative;}
.app-page .working-process-area.h5-working-process-wrapper .process-item:before {content: '';width: 100%;display: block;position: absolute;top: -52px;width: 100%;border-top: 1px dashed var(--tj-color-border-2);inset-inline-start: 0;}
.app-page .working-process-area.h5-working-process-wrapper .process-item .h5-working-process-indicator::after {height: 30px;}
.app_page_banner .banner-wrap .banner-container .banner-content-wrapper {width: 70%;padding: 30px;}
.latest-post-wrapper .blog-post-container.blog-skin-side .blog-content-wrapper .blog-entry-title {font-size: 30px;}
.latest-post-wrapper .blog-post-container.blog-skin-side .blog-content-wrapper .blog-post-content {margin-bottom: 20px;}
.latest-post-wrapper .blog-post-container .blog-content-wrapper .blog-excerpt-link-wrap .blog-excerpt-link {display: inline-block; margin-top: 10px; padding-block: 12px; }
.post_header .col-md-6:not(.col-md-6.post_feature-img) {padding-left: 0px;}
.post_header .tj-page-title {font-size: 30px;}
.post_header .post_date.mb-3 {font-size: 10px;}
.post_header .row .back_to_blog i {font-size: 20px;}
.post_header .row .back_to_blog {font-size: 14px;}
.tj-blog-section .tj-main-sidebar {display: flex;flex-direction: column;}
.tj-blog-section .tj-main-sidebar #text-2 {order: 1;margin-bottom: 10px;}
.tj-blog-section .tj-main-sidebar #custom_html-2 {order: 0;margin-bottom: 0px;}
.tj-blog-section .tj-main-sidebar #custom_html-3 {order: 2;display: flex;gap: 20px;align-items: center;margin-bottom: 50px;padding: 0px;}
.tj-blog-section .tj-main-sidebar #custom_html-3 .widget-title {margin-bottom: 0px;font-size: 18px;line-height: 1.1;}
.tj-blog-section .post-details-wrapper .tagcloud {display: none;}
.tj-service-section-5 .service-wrapper .service-item {flex-direction: column-reverse;}
.tj-service-section-5 .service-wrapper .service-content-area .service-content {max-width: 100%;}
.tj-service-section-5 .service-wrapper .service-content-area .service-content .title {max-width: 100%;}
.tj-service-section-5 .service-wrapper .service-item .service-icon, .tj-service-section-5 .service-wrapper .service-content-area .service-content span.no {display: none;}
.h7-team-wrapper .team-item .team-content .title {max-width: 160px;font-size: 18px;}
body .tj-footer-section.h6-footer .h6-footer-col-2 {padding-inline-start: 0px;margin-top: 30px;}
#v-pills-tab {display: flex;flex-direction: row !important;gap: 0px;}
#v-pills-tab button {width: auto;}
.tj-contact-area.section-gap .contact-item.style-2 {height: -webkit-fill-available;}


}


@media(max-width: 767px){
h2{font-size: 28px !important;}
.app_page_banner .banner-wrap .banner-container {flex-direction: column-reverse;}
.app_page_banner .banner-wrap .banner-container .banner-thumb-effect-wrapper, 
.app_page_banner .banner-wrap .banner-container .banner-content-wrapper {width: 100%;}
.app_page_banner .banner-wrap .banner-container .banner-content-wrapper {padding-inline: 30px;}
.app_page_banner .banner-wrap .banner-container .banner-content-wrapper h2.banner-entry-title {font-size: 45px;}
.app_page_banner .banner-wrap .banner-container .banner-content-wrapper .banner-content-inner-wrapper p.banner-content {padding: 0;}
.app_page_banner .banner-wrap .banner-container .banner-content-wrapper .banner-content-inner-wrapper .banner-excerpt-link-wrap {flex-wrap: wrap;}
.latest-post-wrapper .blog-post-container.blog-skin-side {flex-direction: column; }
.latest-post-wrapper.book_a-demo .blog-post-container {flex-direction: column-reverse;}
.latest-post-wrapper .blog-post-container.blog-skin-side .blog-content-wrapper {padding-block: 50px; }
.tj-page-header.post_header .col-md-6.post_feature-img, .time_line_grid .medium_icons {display: none !important;}
.tj-page-header.post_header .col-md-6 {width: 100% !important;padding:0px 15px !important;}
.latest-post-wrapper.book_a-demo .blog-post-container.blog-skin-side .blog-content-wrapper .blog-entry-title {font-size: 40px;width: 100%;}
.tj-page-header.book_demo-form .container {max-width: 100%;}
section.book_demo-form .form-section.p-5 {padding-inline: 35px !important;}
.tools_row .tool-item img {max-width: 100px !important;max-height: 100px !important;}
.tools_row .tool-item p {font-size: 14px;}
.timeLiine_items .item.gap-5 {gap: 0px !important;}
.mobile_time_line .timeLiine_items .text-content {padding-left: 0px !important;}
.time_line_grid .img_content {display: flex;flex-direction: column-reverse;gap: 30px;}
.time_line_grid .img_content .label_block {position: relative !important;bottom: auto !important;left: 0 !important;}
.time_line_grid .img_content .label_block .label .icon {width: 50px !important;height: 50px !important;}

}

@media(max-width: 640px){
.tj-banner-section-2 .banner-img-area .banner-author {display: none;}

}


@media(max-width: 580px) {
.tj-banner-section-2 .banner-img {max-width: 100% !important;}
.tj-banner-section-2 .banner-img, .tj-banner-section-2 .banner-img > img {min-height: auto !important;}
.book_demo-form .form-section .form-box form .gfield label {display: block;}
.book_demo-form .form-section .form-box form .gfield span.gfield_required {margin-left: 2px;}

}

@media(max-width: 479px){
h1{font-size: 36px;}
h4 {font-size: 18px;}
.about_stellenzicht .container-full.px-5 {padding-inline: 15px !important;}
.copyright-content-area .copyright-menu ul {display: flex; flex-wrap: wrap; width: 100%; }
.tj-footer-section.h6-footer .h6-footer-logo img {width: 95% !important;}
.tj-banner-section-2 .banner-content-2 .banner-title.title-anim {font-size: 35px;}
.latest-post-wrapper.book_a-demo .blog-post-container .blog-content-wrapper {padding: 25px;}
.service-item.style-5 .service-img {height: auto;}
.inline-content {font-size: 39px;}
.h7-hero {margin-top: 20px;}
.h7-hero-content .h7-hero-title {font-size: 40px !important;}
.project-tags-list {padding-left: 0px;}
.project-tags-list li {width: 100%;}
.time_line_grid .img_content .label_block .label {width: fit-content !important;height: auto !important;}
#v-pills-tab button {padding: 10px 16px;}
#v-pills-tab {gap: 10px;}
.tj-faq-section.pb-5 .row {padding: 0px;margin: 0px;}
.tj-faq-section.pb-5 .row .col-lg-12 {padding: 0px;}
.blog-item .blog-content .title a {line-height: 1.2em;}
.latest-post-wrapper .blog-post-container.blog-skin-side .blog-content-wrapper {padding: 30px;}
.latest-post-wrapper .blog-post-container .blog-content-wrapper .blog-entry-title {font-size: 28px !important;}

.tj-post__navigation .tj-nav-post__nav a {font-size: 0px;}
form#gform_2 .gform_fields .gfield .gfield_label {display: block;}
form#gform_2 .gform_fields .gfield .gfield_label span.gfield_required {margin-left: 2px;}

}

@media(max-width: 414px) {
.copyright-content-area .copyright-menu ul li {width: 100%;text-align: center;margin: 0px !important;padding: 0px !important;}
.copyright-content-area .copyright-menu ul li::before {display: none;}

}