/*
Theme Name: Ment Tech Labs
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1743079327
Updated: 2025-03-27 12:42:07
consulting-box-section
*/


@media (min-width:767px){.products-tab .e-n-tabs-heading{display:block!important;height:330px;overflow-y:auto!important}.products-tab .e-n-tab-title{width:100%;padding-bottom:13px;margin-bottom:20px}}

.new-faq .e-n-accordion-item[open] summary {
    border-radius: 10px 10px 0 0;
}

/* .case-study-item .case-study-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: gray;
  display: inline-block;
  margin-bottom: 10px;
  transition: background 0.3s, transform 0.3s;
} */

/* .case-study-item.active .case-study-dot {
  background: #ff5e5e; 
  transform: scale(1.5); 
} */

/* case slider css */
 .my-vertical-slider img
{
	max-width: 100% !important;
}
 .my-vertical-slider {
    width: 100%;
    height: 600px; /* or use 100vh for full viewport height */
    position: relative;
  }

  .my-vertical-slider .swiper-slide {
    display: flex;
    justify-content: center
  }


/* 
case study page timeline */
.case-study-item {
    padding: 40px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 2px 15px -2px rgba(6, 12, 59, 0.08);
	border: 1px solid #fff;
}
.case-study-item.active {
      opacity: 1;
		border-radius: 20px;
border: 1px solid #1DA1F2;
background: #F5FBFF;
box-shadow: 0 2px 15px -2px rgba(6, 12, 59, 0.08);
    }
p.case-stud-study-heading {
	padding: 15px 0px;
color: #000 !important;

font-size: 24px !important;

font-weight: 700 !important;
line-height: normal;
letter-spacing: -0.48px !important;
}

.case-study-item p {
      margin: 0;
         font-size: var(--e-global-typography-a2b1f74-font-size);
    font-weight: var(--e-global-typography-a2b1f74-font-weight);
    line-height: var(--e-global-typography-a2b1f74-line-height);
    color: var(--e-global-color-e711336);
    }
.case-study-section {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      
      gap: 80px;
      position: relative;
    }

    /* Left image panel */
    .case-study-image-panel {
      position: sticky;
      top: 100px;
      width: 40%;
      max-width: 480px;
      height: 500px;
      border-radius: 12px;
      overflow: hidden;
      background: #111;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .case-study-image-panel img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      position: absolute;
      transition: opacity 0.6s ease;
    }

    .case-study-image-panel img.active {
      opacity: 1;
      position: relative;
    }

    /* Right content panel */
    .case-study-content {
      width: 50%;
      position: relative;
      padding-left: 40px;
      border-left: 2px solid #00bfff30;
    }

    .case-study-item {
      margin-bottom: 20px;
      position: relative;
      padding-left: 30px;
      opacity: 1;
      transition: opacity 0.4s ease;
      cursor: pointer;
    }

    

    .case-study-dot {
    position: absolute;
    left: -47px;
    top: 50%;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #00bfff50;
    border: 2px solid #00bfff;
    transition: all 0.3s 
ease;
    cursor: pointer;
}

    .case-study-item.active .case-study-dot {
      background: #00bfff;
      box-shadow: 0 0 20px #00bfff;
      transform: scale(1.2);
    }

    

    

    @media (max-width: 900px) {
	
			
			
      .case-study-section {
		      gap: 0px;
        flex-direction: column;
        align-items: center;
      }
      .case-study-image-panel, .case-study-content {
        width: 100%;
        max-width: 100%;
      }
      .case-study-image-panel {
        height: auto;
        margin-bottom: 40px;
        position: relative;
		  top: 0px;
      }
    }






.block-app-developmennt.product-sl .swiper-wrapper
{
	padding-bottom: 90px !important;
	
}
.block-app-developmennt.product-sl .swiper-button-prev
{
	    border: solid 1px #fff !important;
	    top: 92% !important;
}
.block-app-developmennt.product-sl .swiper-button-next
{
	 border: solid 1px #fff !important;
	    top: 92% !important;
}

 .timeline-link a
{
	font-weight: 700 !important;
color: #fff !important;
    text-decoration: underline !important;
}
.services-faq .ekit_accordion_normal_icon, .marketing-faq .ekit_accordion_normal_icon, .hire-devs-faqs .ekit_accordion_normal_icon {
    font-size: 20px !important;
}
.services-faq .ekit_accordion_active_icon, .marketing-faq .ekit_accordion_active_icon, .hire-devs-faqs .ekit_accordion_normal_icon  {
    font-size: 20px !important;
}
.services-faq .ekit-wid-con .elementskit-accordion .elementskit-card:not(:last-child), .marketing-faq .ekit-wid-con .elementskit-accordion .elementskit-card:not(:last-child), .hire-devs-faqs .ekit-wid-con .elementskit-accordion .elementskit-card:not(:last-child) {
    margin-bottom: 0px !important;
}

.faq-hire-devs ul

{
	    padding-left: 25px !important;
}
.slider-ai-trading a 
{
	font-weight: 700 !important;

    text-decoration: underline !important;
}

.services-faq .ekit-accordion--content a {
    text-decoration: underline !important;
}

.consulting-box-section a, .offring-box a, .faq-service-section a, .service-img-with-section a, .solution-text a
{
	font-weight: 700;
color: #000;
    text-decoration: underline;
}
.hire-devs-box a, .hire-devs-industry-box a,  .hire-devs-list-icons a, .why-text a, .faq-hire-devs a, .year-consulting-text a, .web-text a, .blockchain-content p a
{
	font-weight: 700;
    color: #000;
    text-decoration: underline;
}
.hire-devs-list-icons .elementor-icon-list-text {
    display: flex;
	flex-wrap: wrap;
}
.hire-devs-list-icons a {
           width: auto !important;
	    padding-left: 3px;
}
.faq-hire-devs .elementskit-card
{
	border-radius: 16px  !important;
background: #F2FAFF !important;
	padding: 40px;
}
.faq-hire-devs .ekit_accordion_icon_group
{
	margin-right: 0px !important;
}
.faq-hire-devs .ekit-accordion-title {
    width: 90%;
}
.faq-hire-devs span.e-n-accordion-item-title-header {
    width: 95%;
}
.hire-devs-box
{
	box-shadow: 0 2px 15px -2px rgba(6, 12, 59, 0.08);
}
.hire-devs-box:hover
{


background: #F5FBFF;

box-shadow: 0 2px 15px -2px rgba(6, 12, 59, 0.08);
}
.hire-devs-faqs .elementskit-card {
    border-bottom: 1px solid #333 !important;
}
.home-logos-section .elementor-widget-icon-box.elementor-position-top .elementor-icon-box-icon {
    margin-inline: initial;
}
.managed-team
{
	background: radial-gradient(206.78% 113.05% at 50% -63.05%, #80CFFF 0%, #FFF 100%);
    border-right: 1px dotted;
	 border-left: 1px dotted;
    border-image: linear-gradient(to bottom, #ffffff, #e6e6e6, #ffffff) 1;

}
strong.schema-faq-question {
    font-weight: 700;
}
.schema-faq-question strong {
    font-weight: 700;
}
.img-box-logo img
{
	border-radius: 0px !important;
}
.visti-website-btn a
{
	text-decoration: none !important;
}
.header-menu .elementkit-nav-item .elementkit-nav-link {
    text-align: left !important;
}

.slide-content {
    color: #fff;
    
}
.col-rel {
    position: relative;
}



.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

        .container-timeline {
            width: 100%;
            
            display: flex;
            flex-direction: column;
            align-items: center;
           
        }

       

        .timeline-container {
            width: 100%;
            overflow-x: auto;
            padding-bottom: 30px;
            -webkit-overflow-scrolling: touch; /* For smooth scrolling on iOS */
            /*scrollbar-width: thin;*/
            /*scrollbar-color: #0078d7 #333;*/
        }

        /* Custom scrollbar for webkit browsers */
        .timeline-container::-webkit-scrollbar {
            height: 8px;
        }

        /*.timeline-container::-webkit-scrollbar-track {*/
        /*    background: #333;*/
        /*    border-radius: 10px;*/
        /*}*/

        /*.timeline-container::-webkit-scrollbar-thumb {*/
        /*    background: #0078d7;*/
        /*    border-radius: 10px;*/
        /*}*/

        .timeline {
            position: relative;
/*             min-width: 3600px; */
                margin: 0 12%;
            padding: 0 50px;
        }

        .timeline-line {
			    width: 158vw !important;

            position: relative;
            height: 2px;
            background-color: #0078d7;
            margin: 20px 0 60px;
        }

        .timeline-points {
            display: flex;
            justify-content: space-between;
            position: relative;
        }

        .point {
            width: 12px;
            height: 12px;
            background-color: #0078d7;
            border-radius: 50%;
            position: absolute;
            top: -6px;
            cursor: pointer;
        }

        .point-1 { left: 0%; }
        .point-2 { left: 14.6%; }
        .point-3 { left: 29.2%; }
        .point-4 { left: 43.5%; }
        .point-5 { left: 57.5%; }
        .point-6 { left: 72.2%; }
        .point-7 { left: 85.9%; }
        .point-8 { left: 100%; }

        .step-number {
            position: absolute;
            top: 20px;
            color: #0078d7;
            font-size: 0.9rem;
/*             transform: translateX(-50%); */
        }

        .step-1 { left: 0%; }
        .step-2 { left: 14.2%; }
        .step-3 { left: 28.7%; }
        .step-4 { left: 42.9%; }
        .step-5 { left: 57.2%; }
        .step-6 { left: 71.5%; }
        .step-7 { left: 85.7%; }
        .step-8 { left: 100%; width:80px }

        .timeline-content {
            display: flex;
            justify-content: space-between;
            margin-top: 30px;
			gap: 30px;
        }

        .step {
            width: 25%;
			min-width: 30%;
            padding: 0 0px;
        }

        .step-title {
           color: #FFF;
    padding-bottom: 15px;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.52px;
			
        }

        .step-description {
            font-size: 16px;
            line-height: 1.5;
            color: #ccc;
        }

/* step nine
 */
.nine-step-box .timeline-line {
    width: 180vw !important;
}

.nine-step-box .point-1 { left: 0%; }
        .nine-step-box .point-2 { left: 12.9%; }
        .nine-step-box .point-3 { left: 25.6%; }
        .nine-step-box .point-4 { left: 38%; }
        .nine-step-box .point-5 { left: 50.5%; }
        .nine-step-box .point-6 { left: 62.9%; }
        .nine-step-box .point-7 { left: 75.5%; }
        .nine-step-box .point-8 { left: 88%; }
       .nine-step-box .point-9 { left: 100%; }

       
        .nine-step-box .step-1 { left: 0%; }
        .nine-step-box .step-2 { left: 12.6%; }
        .nine-step-box .step-3 { left: 25.2%; }
        .nine-step-box .step-4 { left: 37.7%;; }
        .nine-step-box .step-5 { left: 50.2%; }
        .nine-step-box .step-6 { left: 63%; }
        .nine-step-box .step-7 { left: 75.3%; }
        .nine-step-box .step-8 { left: 88%; width:80px }
        .nine-step-box .step-9 { left: 100%; width:80px }


/* sixe step
 */
.six-timeline .timeline-line
{
    width: 113vw !important;	
}
.six-timeline .point-1 { left: 0%; }
        .six-timeline .point-2 { left: 20%; }
        .six-timeline .point-3 { left: 40.2%; }
        .six-timeline .point-4 { left: 60.3%; }
        .six-timeline .point-5 { left: 80.4%; }
        .six-timeline .point-6 { left: 100%;  }
   
      

       
        .six-timeline .step-1 { left: 0%; }
        .six-timeline .step-2 { left: 20%; }
        .six-timeline .step-3 { left: 40.2%; }
        .six-timeline .step-4 { left: 60%; }
        .six-timeline .step-5 { left: 80%; }
        .six-timeline .step-6 { left: 100%; width: 200px; }
       
/* four steps
 */
.four-timeline .timeline-line
{
    width: 68vw !important;	
}
.four-timeline .point-1 { left: 0%; }
        .four-timeline .point-2 { left: 33.8%; }
        .four-timeline .point-3 { left: 67.2%; }
        .four-timeline .point-4 { left: 100%; }
      
   
      

       
        .four-timeline .step-1 { left: 0%; }
        .four-timeline .step-2 { left: 33.5%; }
        .four-timeline .step-3 { left: 66.4%; }
        .four-timeline .step-4 { left: 99.5%; width: 200px; }

/* seven steps
 */
.sevn-timeline .timeline-line
{
    width: 135.5vw !important;
}
.sevn-timeline .point-1 { left: 0%; }
        .sevn-timeline .point-2 { left: 16.8%; }
        .sevn-timeline .point-3 { left: 33.7%; }
        .sevn-timeline .point-4 { left: 50.2%; }
        .sevn-timeline .point-5 { left: 67.5%; }
        .sevn-timeline .point-6 { left: 83.7%; }
        .sevn-timeline .point-7 { left: 100%;  }
      
   
      

       
        .sevn-timeline .step-1 { left: 0%; }
        .sevn-timeline .step-2 { left: 16.7%; }
        .sevn-timeline .step-3 { left: 33.4%; }
        .sevn-timeline .step-4 { left: 50%;}
        .sevn-timeline .step-5 { left: 67%;}
        .sevn-timeline .step-6 { left: 83.3%;}
        .sevn-timeline .step-7 { left: 100%; width: 200px;}


   /* five steps
 */
.five-timeline .timeline-line
{
    width: 90.5vw !important;
}
.five-timeline .point-1 { left: 0%; }
        .five-timeline .point-2 { left: 25.8%; }
        .five-timeline .point-3 { left: 50.7%; }
        .five-timeline .point-4 { left: 75.8%; }
        .five-timeline .point-5 { left: 100%; }
       
      
   
      

       
        .five-timeline .step-1 { left: 0%; }
        .five-timeline .step-2 { left: 25%; }
        .five-timeline .step-3 { left: 50.3%; }
        .five-timeline .step-4 { left: 75%;}
        .five-timeline .step-5 { left: 100%; width: 200px;}
.process-box
{
	position: relative !important;
}
          
@media (min-width: 1500px) and (max-width: 1700px) {
 .container-timeline {
    margin-left: -2.9%;
}
}
@media (min-width: 1800px) {
	 .container-timeline {
    margin-left: 2%;
}
}

 @media (max-width: 1500px) {
	 p.case-stud-study-heading
	 {
		 font-size: 20px !important;
	 }
.timeline
{
	    margin: 0 1%;
}
	 .container-timeline {
    margin-left: 0%;
}
	 .six-timeline .timeline-line {
    width: 147vw !important;
}
	     
.step-title {
    font-size: 20px;
	 }
	 .timeline-line {
    width: 205vw !important;
		 
	 }
	 .nine-step-box .timeline-line {
    width: 235vw !important;
}
	 .four-timeline .timeline-line {
    width: 88vw !important;
}
	.sevn-timeline .timeline-line {
    width: 177.5vw !important;
} 
	 .five-timeline .timeline-line {
    width: 117.9vw !important;
}
}
@media (min-width: 1025px) and (max-width: 1400px) {
/* .services-box-heading {
    height: 50px !important;
} */
	.offering-section .elementor-image-box-title {
    height: 55px !important;
}
}

@media (max-width: 1100px) {
	.offering-section .elementor-image-box-title {
    height: auto !important;
}
	
	.faq-hire-devs .elementskit-card
{
	
	padding: 20px;
}
	
    .container-timeline {
        margin-left: -5.2%;
    }
	.sevn-timeline .timeline-line {
    width: 170.5vw !important;
}
	
	.timeline-line {
    width: 198vw !important;
	}
	.nine-step-box .timeline-line {
    width: 226vw !important;
}
	    .six-timeline .timeline-line {
        width: 143vw !important;
    }
	.four-timeline .timeline-line {
        width: 84vw !important;
    }
	.five-timeline .timeline-line {
    width: 113vw !important;
}
}

@media (max-width: 991px) {

	.sevn-timeline .timeline-line {
    width: 2175px !important;
}
.timeline-line {
    width: 202vw !important;
	}
	.nine-step-box .timeline-line {
        width: 280vw !important;
    }
	.nine-step-box .timeline-line {
        width: 224vw !important;
    }
}
/* 	.step-2 {
    left: 4.8%;
}
	.point-2 {
    left: 4.9%;
}
	.step-3 {
    left: 9.6%;
}
	.point-3 {
    left: 9.7%;
}
	.step-4 {
    left: 14.3%;
}

.point-4 {
    left: 14.5%;
}
	.step-5 {
    left: 19.1%;
}
	.point-5 {
    left: 19.2%;
}
	.step-6 {
    left: 23.9%;
}
	.point-6 {
    left: 24%;
}
	.step-7 {
    left: 28.7%;
}
	.point-7 {
    left: 28.8%;
} */

    @media (max-width: 880px) {
.number-counter .elementor-counter-title {
	text-align: center !important;
	
}
}
	
	
        @media (max-width: 768px) {
			    .four-timeline .timeline-line {
        width: 1080px !important;
    }
            .timeline {
                min-width: 1200px;
            }
			        .six-timeline .timeline-line {
        width: 1800px !important;
    }
			    .timeline-line {
        width: 328vw !important;
    }
			    .five-timeline .timeline-line {
        width: 1460px !important;
    }
			
			       .nine-step-box .timeline-line {
        width: 2880px !important;
    }
}
@media (max-width: 768px) {
	 .timeline-line {
        width: 2500px !important;
    }
	    p.case-stud-study-heading {
        font-size: 18px !important;
    }
}

/* @media (max-width: 991px) {
    .timeline-line {
        width: 590vw !important;
    }
} */

@font-face {
  font-family: 'Satoshi';
  src: url('https://www.ment.tech/wp-content/uploads/2025/04/Satoshi-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('https://www.ment.tech/wp-content/uploads/2025/04/Satoshi-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi';
  src: url('https://www.ment.tech/wp-content/uploads/2025/04/Satoshi-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi';
  src: url('https://www.ment.tech/wp-content/uploads/2025/04/Satoshi-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* Satoshi Medium (500) */
@font-face {
  font-family: 'Satoshi';
  src: url('https://www.ment.tech/wp-content/uploads/2025/04/Satoshi-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Satoshi Black (900) */
@font-face {
  font-family: 'Satoshi';
  src: url('https://www.ment.tech/wp-content/uploads/2025/04/Satoshi-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


/* Fonts Error*/