/*
Theme Name: Techproc - Astra Child
Theme URI: https://amplivista.com/
Description: Astra Child Theme for Techproc website.
Author: Amplivista Web Solutions Pvt Ltd
Author URI: https://amplivista.com/
Template: astra
Version: 1.0
Text Domain: techproc
*/
/* Header Start  */
#main_header {
    z-index: 9;
    position: absolute;
}
#main_header.elementor-sticky--effects {
    background-color: var(--e-global-color-primary);
}
.single #page .site-content #primary {
    margin: 0;
    padding: 0;
}
.mega_menu_list nav .elementor-nav-menu .menu-item .elementor-item {
    width: fit-content;
    transition: all ease-in 0.3s;
}
.mega_menu_list .elementor-nav-menu .menu-item {
    position: relative;
    padding-left: 14px !important;
}
.mega_menu_list .elementor-nav-menu .menu-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background-color: var(--e-global-color-primary);
    border-radius: 50%;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
#header_nav nav .e-n-menu-heading .e-n-menu-item .e-n-menu-title-container {
    transition: none;
}
/* Header End  */

/* Reuse CSS Start  */

/* gray img  */
.grya_img img,
.logo_carousel .elementor-image-carousel .swiper-slide .swiper-slide-inner img {
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease;
}
.grya_img img:hover,
.logo_carousel .elementor-image-carousel .swiper-slide .swiper-slide-inner img:hover {
    filter: none;
    opacity: 1;
}
/* Testimonial  */
#testmonial .elementor-main-swiper {
    margin: auto;
    width: 98%;
}
#testmonial .elementor-main-swiper .swiper-wrapper .elementor-testimonial .elementor-testimonial__footer {
    justify-content: end;
}
#testmonial .elementor-main-swiper .swiper-wrapper .elementor-testimonial .elementor-testimonial__content .elementor-testimonial__text {
    min-height: 160px;
}
#testmonial .elementor-main-swiper .swiper-wrapper .swiper-slide {
    position: relative;
}
#testmonial .elementor-main-swiper .swiper-wrapper .swiper-slide:before {
    content: "";
    position: absolute;
    left: 50px;
    top: 0;
    width: 2px;
    height: 65%;
    background: var(--e-global-color-primary);
}
#testmonial .elementor-main-swiper .swiper-wrapper .elementor-testimonial .elementor-testimonial__content .elementor-testimonial__cite {
    position: relative;
}
#testmonial .elementor-main-swiper .swiper-wrapper .elementor-testimonial .elementor-testimonial__content .elementor-testimonial__cite:after {
    content: "";
    width: 80px;
    height: 18px;
    background-image: url("https://wesitedevelopment.com/techprocnew/wp-content/uploads/2026/06/rating.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}
#testmonial .elementor-main-swiper .elementor-swiper-button svg {
    display: none;
}
#testmonial .elementor-main-swiper .elementor-swiper-button {
    height: 45px;
    width: 45px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
#testmonial .elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-prev {
    background-image: url("https://wesitedevelopment.com/techprocnew/wp-content/uploads/2026/06/arrow-left.webp");
    left: -25px;
}
#testmonial .elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-next {
    background-image: url("https://wesitedevelopment.com/techprocnew/wp-content/uploads/2026/06/arrow-right.webp");
    right: -25px;
}

/* post card */
.posts article.elementor-post .elementor-post__thumbnail__link {
    margin: 0;
}
.posts article.elementor-post .elementor-post__badge {
    position: relative;
    width: fit-content;
    padding: 15px 25px;
}
.posts article.elementor-post .elementor-post__badge::after {
    content: "";
    position: absolute;
    top: 0;
    right: -28px;
    width: 28px;
    height: 100%;
    background: url("https://wesitedevelopment.com/techprocnew/wp-content/uploads/2026/06/big-curve2.png") no-repeat center;
    background-size: 100% 100%;
}

.posts article.elementor-post .elementor-post__text {
    margin-bottom: 0 !important;
}
.posts article.elementor-post .elementor-post__card .elementor-post__text {
    position: relative;
}
.posts article.elementor-post .elementor-post__card .elementor-post__text .elementor-post__excerpt{
    margin-bottom: 60px;
}
.posts article.elementor-post .elementor-post__read-more {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    position: absolute;
    bottom: 0;
}
.feature_articles article.elementor-post .elementor-post__read-more {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}
.feature_articles article.elementor-post .elementor-post__read-more::after ,
.posts article.elementor-post .elementor-post__read-more::after {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("https://wesitedevelopment.com/techprocnew/wp-content/uploads/2026/06/small-arrow1.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
}
.knowmore_con:hover .btn_knowmore::after,
.btn_knowmore:hover::after,
.feature_articles article.elementor-post:hover .elementor-post__read-more::after ,
.posts article.elementor-post:hover .elementor-post__read-more::after {
    transform: translateX(4px);
}
.posts .elementor-pagination {
    margin-top: 60px;
}
.posts .elementor-pagination .page-numbers{
    font-family: var(--Primary_font);
    font-weight: 500;
    font-size: 13px;
    color: var(--White);
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 20px;
    border-radius: 0px;
    border-width: 2px;
    border-color: var(--color-Accent);
    border-style: solid;
    background-color: var(--color-Accent);
}
.posts .elementor-pagination .page-numbers.current,
.posts .elementor-pagination .page-numbers:hover{
    color: var(--color-Primary);
    border-width: 2px;
    background-color: var(--White);
}

/* Know more btn  */
.btn_knowmore {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    box-shadow: none;
}
.btn_knowmore::after {
    content: "";
    width: 16px;
    height: 10px;
    display: inline-block;
    background-image: url("https://wesitedevelopment.com/techprocnew/wp-content/uploads/2026/06/small-arrow1.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
}
.btn_knowmore.btn_knowmore_white::after{
	background-image: url("https://wesitedevelopment.com/techprocnew/wp-content/uploads/2026/07/small-arrow2.png");
}

/* Table Of Content */
.custom_toc {
    border: 1px solid #dbdbdb;
    background: #F1F1F3;
    margin: 10px 0;
    overflow: hidden;
}
.custom_toc::before {
    content: "TABLE OF CONTENT";
    display: block;
    background: var(--e-global-color-primary);
    color: var(--White);
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: var(--Primary_font);
}
.custom_toc ul {
    margin: 0;
    padding: 20px;
    list-style: none !important;
}
.custom_toc ul li {
    margin: 0 0 2px;
    padding: 0;
    list-style: none !important;
    line-height: 1.7;
    position: relative;
}
.custom_toc ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--e-global-color-primary);
}
.custom_toc ul li a {
    padding-left: 12px;
}
.custom_toc ul li::marker {
    display: none;
}
.custom_toc ul li a {
    color: var(--e-global-color-primary);
    font-family: var(--Primary_font);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none !important;
    transition: all 0.3s ease;
    display: inline-block;
}
.custom_toc ul li a:hover {
    color: var(--e-global-color-primary);
    transform: translateX(5px);
}

/* Form */
.elementor-message.elementor-help-inline {
    border: 1px solid #F2F2F2;
    padding: 8px;
    background-color: #F1F1F3;
    width: 100%;
}
.elementor-message.elementor-message-danger {
    border: 1px solid #FF0000;
    border-left: 2px solid #FF0000;
    padding: 8px;
    background-color: #ff00000f;
    width: 100%;
}
.elementor-message.elementor-message-success {
    border: 1px solid #2BB300;
    border-left: 2px solid #2BB300;
    padding: 8px;
    background-color: #2bb30014;
    width: 100%;
}
/* Reuse CSS End  */

/* Home Page Start  */
.single-post #content .ast-container,
.archive #content .ast-container,
.home #content .ast-container {
    max-width: inherit;
    padding: 0;
}
.hero_heading .elementor-heading-title span {
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.7);
    text-transform: none;
    display: inline-block;
    letter-spacing: -0.02em;
    opacity: 0.9;
}
/* Home Page Start  */

/* About Page Start  */
.about_list .elementor-icon-list-items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.about_list .elementor-icon-list-items .elementor-icon-list-item {
    padding: 12px 15px;
    border: 1px solid #3e425b;
}
/* About Page End  */

/* Blog , Archive page Start */
.archive.tag #page #content .ast-container .elementor-element .blog_page_menu_filter,
.archive.tag #page #content .ast-container .elementor-element .blog_page_menu {
    display: none;
}
.blog_page_menu .elementor-nav-menu {
    gap: 10px;
}
.blog_page_menu .elementor-nav-menu .menu-item {
    border: 1px solid var(--e-global-color-primary);
    background: #fff;
}
.blog_page_menu .elementor-nav-menu .menu-item .elementor-item {
    padding: 8px 25px;
}
.blog_page_menu .elementor-nav-menu .menu-item:hover,
.blog_page_menu .elementor-nav-menu .menu-item.current-menu-item {
    background: var(--e-global-color-primary) !important;
}
/* Blog , Archive page End */

/*  Single Blog page Start*/
.single-post #content .ast-container .site-main .elementor-location-single {
    padding: 0;
}
.single_blogpage_banner_catogory .elementor-divider__text a:hover {
    color: var(--e-global-color-144aeb4);
}
#post_content .wp-block-heading {
    letter-spacing: 1px;
    font-family: 'Antonio';
    font-weight: 500;
    line-height: 1.6em;
}
#post_content h2,
#post_content h3,
#post_content h4,
#post_content h5,
#post_content h6 {
    margin: 8px 0px 16px 0px;
}
#post_content h2 {
    font-size: 30px;
}
#post_content h3 {
    font-size: 28px;
}
#post_content h4 {
    font-size: 26px;
}
#post_content h5,
#post_content h6 {
    font-size: 24px;
}
#post_content ul {
    margin-left: 16px;
}
#post_content p a {
    text-decoration: underline;
    color: var(--ast-global-color-2);
}
#post_content .wp-block-list {
    margin: 0 0 10px 18px;
}
#post_content .wp-block-list li {
    margin-bottom: 5px;
}
#post_content p {
    margin-bottom: 16px;
}
#post_content .wp-block-group .wp-block-columns figure.wp-block-table {
    -webkit-box-shadow: none;
}
#post_content table thead tr th,
#post_content table tbody tr td,
#post_content table {
    border-color: #c0c2cd;
}
#post_content table thead tr th,
#post_content table tbody tr td {
    font-family: var(--Primary_font);
    font-weight: 400;
    font-size: 16px;
    color: var(--color-text);
    line-height: 1.6em;
}
#post_content table thead tr th {
    font-weight: 600;
}
.post_tags .elementor-inline-items .elementor-icon-list-item .elementor-post-info__terms-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.post_tags .elementor-post-info__terms-list-item {
    background: #f3f3f3;
    border: 1px solid #d8d8d8;
    color: #3f4a75 !important;
    padding: 4px 8px;
}
/*  Single Blog page End*/

/* Case Study Page Start */
.industries_bg_white .e-grid .knowmore_con{
	background-color: #FFF !important;
}
/* Case Study Page End */

/* menu icon  */
.menu_icon .elementor-nav-menu--dropdown a {
    color: blue;
}

/* Media Querys  */
@media screen and (max-width:1600px) {
    .logo_slider_con .logo_slider_left {
        width: 40%;
    }
}
@media screen and (max-width:1536px) {
    .logo_slider_con .logo_slider_left {
        width: 35%;
    }
}
@media (max-width: 1024px) {
    .ipad_br_none br {
        display: none;
    }
    #testmonial .elementor-main-swiper .elementor-swiper-button {
        width: 35px !important;
        height: 35px !important;
    }
    #testmonial .elementor-main-swiper {
        width: 93%;
        margin: auto;
    }
    #testmonial .elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-prev {
        left: 0;
    }
    #testmonial .elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-next {
        right: 0;
    }
    #post_content h2 {
        font-size: 26px;
    }
    #post_content h3 {
        font-size: 24px;
    }
    #post_content h4 {
        font-size: 22px;
    }
    #post_content h5,
    #post_content h6 {
        font-size: 20px;
    }
    .feature_articles article{
        flex-direction: column-reverse !important;
        gap: 30px;
    }
    .elementor-post__thumbnail__link{
        margin-left: 0 !important;
    }

}
@media (max-width: 767px) {
    .mobile_imgbox_icon_left .elementor-image-box-wrapper {
        text-align: start;
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .mobile_imgbox_icon_left .elementor-image-box-description br {
        display: none;
    }
    #bg_color_itservices {
        background-color: var(--e-global-color-primary) !important;
        background-image: none;
    }
    #testmonial .elementor-main-swiper .elementor-swiper-button {
        width: 28px !important;
        height: 28px !important;
    }
    #testmonial .elementor-main-swiper {
        width: 89%;
        margin: auto;
    }
    #testmonial .elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-prev {
        left: 0;
    }
    #testmonial .elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-next {
        right: 0;
    }
    .blog_page_menu .elementor-nav-menu .menu-item {
        width: 100%;
    }
    #post_content h2 {
        font-size: 24px;
    }
    #post_content h3 {
        font-size: 22px;
    }
    #post_content h4 {
        font-size: 20px;
    }
    #post_content h5,
    #post_content h6 {
        font-size: 18px;
    }
    .posts .elementor-pagination .page-numbers{
        display: block;
        margin: 10px 0 !important;
    }
    .single_post_recent_post article{
        flex-direction: column !important;
        gap: 20px;
    }
     .mob_bg_none {
        display: none !important;
    }
}
@media (max-width: 540px) {
    .elementor .btn.btn_fixwidth,
    .elementor .btn {
        width: 100%;
    }
    .elementor .btn.btn_mobile_menu {
        width: auto !important;
    }
   .metrics .e-con-inner .elementor-element:nth-child(even) {
    background-image: none !important;
    }
	.metrics .e-con-inner > .elementor-element:nth-child(odd) {
    background: none !important;
    }
	.single_blog_post_info ul.elementor-inline-items{
		gap: 10px;
	}
}