/* Custom styling for hello-child website */

html,
body {
	overflow-x:hidden;
}
.elementor-location-header {
	position:relative;
}



/* webkits */


/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background:  var( --e-global-color-accent ) ;
}

/* Handle */
::-webkit-scrollbar-thumb {
border-radius:10px;
  background: white;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:  black;
}

::selection {
  color:  black ;

  background:  var( --e-global-color-accent );
}

/* end */

.main_header.scrolled {
   position:fixed;
top:0px !important;
    background: #f5f4f3;
/*     padding:10px 0px; */
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
}

.case_archive .our_work a.cs-btn.btn_black {
    display: none !important;
}

.main_header.scrolled img{
width:160px !important;
}


.cnt_form .elementor-field-type-select select option {
    color: black;
}

ul.case_industries , ul.case_technologies {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 3px;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    color: #12021C;
}



.logos {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
}

@property --gradient-position {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%;
}

.btn a ,  .cnt_form  button.elementor-button , .cs-btn{
    --gradient-position: 0%;
    transition: --gradient-position .8s ease !important;
}
/* var(--gradient-position) */

.btn a:hover , .cnt_form  button.elementor-button:hover , .cs-btn:hover{
    --gradient-position: 100%;
}

.clr{
color:#09D341;
}

.b-500 b, .b-500 strong{
font-weight:500 !important;
}
svg.progress_level {
    width: 100% !important;
}


.home_banner::before {
    height: 1400px !important;
    width: 1400px !important;
    left: 50%  !important;
    right: unset !important;
    bottom: -700px !important;
    top: unset !important;
    transform: translateX(-50%)  !important;
    background-size: 100% 100% !important;
}

.banner_logo_slider figure.swiper-slide-inner {
    height: 120px !important;
width:250px;
    display: flex;
    align-items: center;
padding-right:20px;
    justify-content: center;
    border-right: 1px solid #0114061F;
}

.banner_logo_slider figure.swiper-slide-inner img {
    width: 200px;
    height: 60px;
    object-fit: contain !important;
}


.accordian  .e-n-accordion details:nth-child(1) summary.e-n-accordion-item-title{
    border: none !important;
}



.cnt_form ::placeholder {
opacity:1 !important;
}



.cnt_form .select-caret-down-wrapper {
    color: transparent !important;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11%2016.9571L11%204.58203%22%20stroke%3D%22white%22%20stroke-width%3D%221.375%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.5%2011.918C5.5%2011.918%209.5507%2017.418%2011%2017.418C12.4494%2017.418%2016.5%2011.918%2016.5%2011.918%22%20stroke%3D%22white%22%20stroke-width%3D%221.375%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    background-size: 19px;
    background-repeat: no-repeat;
    width: 20px;
    background-position: center;
}


.cnt_form  button.elementor-button svg{
width:20px;
fill:none !important;
    height:20px;
}

.cnt_form  button.elementor-button svg path{
fill:none !important;
   
}

.cnt_form  button.elementor-button{
margin-top:20px;
    fill: var(--e-global-color-70132b4);
    color: var(--e-global-color-70132b4) !important;
    background: linear-gradient(90deg, var(--e-global-color-accent) var(--gradient-position), var(--e-global-color-primary) var(--gradient-position)) !important;
    transition-duration: 0.8s;
    border-style: solid;
    border-width:1px;
/*     border-color: var(--e-global-color-primary); */

}











/* our work css  */


.flex{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}
.col-40{
width:calc(40% - 12px);
}

.col-60{
width:calc(60% - 12px);
}
.col-70{
width:calc(70% - 12px);
}

.col-30{
width:calc(30% - 12px);

}

.col-50{
width:calc(50% - 12px);
}

.col-100{
width:calc(100%);
}

.col-33{
width:calc(33% - 12px);
}

.col-25 {
    width: calc(25% - 12px);
}

.justify_space_between{
justify-content:space-between;
}


.right_work_side {
    background: white;
    border-radius: 4px;
    overflow: hidden;
    justify-content: space-between;
    gap: 0px !important;
}

.our_featured img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
transform: translateX(100%);
transition:all 1s ease;
}

.swiper-slide-active .our_featured img {

transform: translateX(0%);
}

.work_details {
    padding: 30px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.right_work_side .col-50 {
    width: 50%;
}

.work_portfolio_logo img {
    width: 120px;
height:50px !important;
    object-fit: contain;
}

.top_detail.flex {
    justify-content: space-between;
    align-items: center;
}

.counts , .work_project_type , .service_count , .service_count {
font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    color: #01140699;
}

.work_title , .work_nav , .counter_details , .service_tabs_head , .service_main_head {
font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    color: #01140699;
        font-size: var(--e-global-typography-8851be3-font-size);
        line-height: var(--e-global-typography-8851be3-line-height);
        letter-spacing: var(--e-global-typography-8851be3-letter-spacing);
margin:0px;
}

.tabs-slider .service_count {
 color: #01140699 !important;
}

.work_title , .service_tabs_head , .counter_details{
color:#011406;
}





.work_project_info , .service_main_details , .service_lists {
font-family: var(--e-global-typography-accent-font-family), Sans-serif;
color:#110E03B2;
        font-size: var(--e-global-typography-text-font-size);
        line-height: var(--e-global-typography-text-line-height);
        letter-spacing: var(--e-global-typography-text-letter-spacing);
}

.work_project_type {
    margin: 10px 0px;
}


.counter_head {
font-family: var(--e-global-typography-accent-font-family), Sans-serif;
color:#011406;
    font-size: var(--e-global-typography-secondary-font-size);
    line-height: var(--e-global-typography-secondary-line-height);
    letter-spacing: var(--e-global-typography-secondary-letter-spacing);
}


.counter_box {
	padding: 30px ;
	width:100%;
	border-top: 1px solid #0114061F;
	border-left: 1px solid #0114061F;
}

.our_featured {
    height: 100%;
}


.worker_nav_slides {
    min-height: 60px !important;
border-bottom:1px solid #0114061F;
position:relative;
display: inline-flex !important;
    flex-direction: column !important;
    justify-content: center !important;
cursor:pointer;
}

.work_nav_title {
    color: #011406 !important;
    opacity: 0.5;
transition:all 0.5s ease;
}

.worker_nav_slides:hover  .work_nav_title , .worker_nav_slides.swiper-slide-thumb-active .work_nav_title {
 opacity: 1;
}

.worker_nav_slides:before {
content:"";
background:#70EF8F;
height:60%;
bottom:20%;
    width:3px;
position:absolute;
left:-15px;
opacity:0;
transition:all 0.5s ease;
}

.worker_nav_slides:hover:before , .worker_nav_slides.swiper-slide-thumb-active:before {
opacity:1;
}
.counter_flex {
gap:0px;
flex-wrap: nowrap;
}
.counter_flex .counter_box:nth-child(1)  {
    border-left: unset;
}

.counter_head:before {
content: "";
width:35px;
display:inline-block !important;
height:35px;
background-image:url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2227%22%20viewBox%3D%220%200%2024%2027%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.75%202.12984L11.75%2025.755M22.25%2011.75C22.25%2011.75%2014.5168%201.25%2011.75%201.25C8.98291%201.25%201.25%2011.75%201.25%2011.75%22%20stroke%3D%22%2300C333%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
background-repeat:no-repeat;
background-size:20px;
background-position:left 1px center;
}



.cs-btn{
margin-top:20px;
    transition-duration: 0.8s;
border-radius: 2px 2px 2px 2px;
    padding: 10px 20px 10px 20px;
  display: inline-flex !important;
    gap: 10px;
    align-items: center;
justify-content:space-between;
align-self: baseline;
    background-color: transparent;
    font-family: "Satoshi", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    color:white ;
    line-height: 20px;
    letter-spacing: -0.14px;
    background-image: linear-gradient(90deg, var(--e-global-color-accent) var(--gradient-position), var(--e-global-color-479a2f8) var(--gradient-position));


}
.cs-btn:hover{
color:#011406 !important;
}
.case_detail_btn {
    margin-top: 40px !important;
width: 100%;
    background-image: linear-gradient(90deg, var(--e-global-color-accent) var(--gradient-position), #F5F4F3 var(--gradient-position));
color:#011406 !important;
}

.cs-btn span {
    display: inline-flex !important;
    align-items: center;
}

.left_column_work {
    justify-content: space-between;
    flex-direction: column;
    display: inline-flex;
}

.cs-btn span svg {
    height: 20px;
    width: 20px;
}







/* shortcode css service featured  */
/* .service_main_flex .swiper-slide {
    width: auto !important;
    max-width: 100% !important;
    flex-shrink: 0 !important;
} */
.our_services {
    overflow: hidden !important;
}
.service_tabs.swiper-slide{
   width: auto !important;
            max-width: 100%;
            flex-shrink: 0; 
} 

.service_main_flex_tab  {
    padding: 40px;
    border-radius: 4px;
    background: #000B03;
    max-width: var(--content-width) ;
justify-content:space-between;
}

.col-45 {
    width: calc(45% - 12px);
}

.service_tab_featured img {
    width: 100% !important;
    min-height: 100% !important;
height: 100% !important;
    object-fit: cover;
    object-position: center;
    transform: scale(1.1);
}

.service_tab_featured {
    overflow: hidden;
    border-radius: 4px;
    min-height: 100%;
height: 100%;
}

.col-48 {
    width: calc(48% - 12px);
}



.service_slides {
    width: 14% !important;
    background: white;
    padding: 20px 30px;
    border-radius: 4px;
    max-width: 16% !important;
    display: inline-flex !important;
    flex-direction: column;
    gap: 10px;
    transition: all 0.5s ease;
cursor:pointer;
}

.service_slides:hover , .service_tabs.swiper-slide-thumb-active{
background:#70EF8F;
}

.service_main_head{
color:white !important;
}


span.service_count {
    color: #FFFFFF99 !important;
}

.service_main_details , .service_lists {
    color: #FFFFFFB2 !important;
}


.dsp_clm_service_info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

ul.listed {
    list-style-type: none;
margin-left:0px !important;
padding-left:0px !important;
 display: flex;
    flex-direction: column;
gap:15px;
}

li.lis_details {
padding-left:30px !important;
    position: relative;
}

li.lis_details:before {
content:"";
display:bloack !important;
width:20px;
height:20px;
background-image:url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202C6.47715%202%202%206.47715%202%2012C2%2017.5228%206.47715%2022%2012%2022Z%22%20stroke%3D%22%2309D341%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9%2012L11%2014L15%2010%22%20stroke%3D%22%2309D341%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
background-repeat:no-repeat;
background-size:18px;
background-position:center left;
position:absolute;
left:0px;
top:50%;
transform:translateY(-50%);

}


ul.listed.flexx_listed{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
gap:15px;
justify-content: space-between;
    padding-left: 0px !important;
}

ul.listed.flexx_listed li {
    width: calc(50% - 10px)
}

 .service_main_flex_tab {
    transform: translateY(150%);
    transition: transform 0.5s ease;
}
.swiper-slide-prev .service_main_flex_tab {
    transform: translateY(-150%);
    transition: transform 0.5s ease;
}
/* Final position for the active slide */
.swiper-slide-active .service_main_flex_tab {
    transform: translateY(0%);
}
.service_main_flex{
overflow:hidden;
}






















.awards-marquee {
    overflow: hidden;
    width: 100%;
}

.awards-track {
    display: flex;
    width: max-content;
    align-items: center;
    animation: dymention_awards_scroll 35s linear infinite;
}

.award-item {
width: 350px;

    flex: 0 0 auto;
   margin-right: 20px;
    padding: 20px;
    padding-right: 40px;
    border-right: 1px solid #0114061F;
    display: flex;
    align-items: center;
    justify-content: center;
}

.award-item img {
    max-width: 180px !important;
    height: auto !important;
    display: block;
}


@keyframes dymention_awards_scroll {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }

}


.awards-marquee:hover .awards-track {
    animation-play-state: paused;
}



.text-trim-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Number of lines */
    overflow: hidden;
    text-overflow: ellipsis;
}










.case_list_uls ul {
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 2px;
}

.case_list_uls ul a , .case_ul_list  ul a , nav.blog-breadcrumb a{
    color: unset;
}

.case_list_uls ul a:hover  ,.case_ul_list  ul a:hover , nav.blog-breadcrumb a:hover , .anchor_hover a:hover *{
    color: #09D341 !important;
}



.case_ul_list  ul {
color: #70EF8F;
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: var(--e-global-typography-8851be3-font-family), Sans-serif;
    font-weight:700;
    font-size: var(--e-global-typography-8851be3-font-size) 18px;
    line-height: var(--e-global-typography-8851be3-line-height);
    letter-spacing: var(--e-global-typography-8851be3-letter-spacing);
    display: unset !important;

}

.case_ul_list  ul span{
display:none;
}


.blog_filters button.e-filter-item {
    background: transparent ;
}

.work_navigations .swiper-wrapper > div:last-child {
    border: none !important;
}

.case_counters_box {
    background: #FFFFFF;
    padding:40px 20px;
    width: 100%;
}

.case_counters {
    display: flex;
    gap: 10px;
}

.case_counters_box .case_counters_head {
    font-size: var(--e-global-typography-secondary-font-size);
    line-height: var(--e-global-typography-secondary-line-height);
color: var(--e-global-color-70132b4);
    letter-spacing: var(--e-global-typography-secondary-letter-spacing);
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
}

.case_counters_box .case_counters_details {
    font-size: var(--e-global-typography-8851be3-font-size);
    line-height: var(--e-global-typography-8851be3-line-height);
    letter-spacing: var(--e-global-typography-8851be3-letter-spacing);
    font-family: var(--e-global-typography-8851be3-font-family) "Satoshi", Sans-serif;
    font-weight: var(--e-global-typography-8851be3-font-weight);
    color: var(--e-global-color-70132b4);
margin-bottom:0px;
}
.cnt_form.blog_form button.elementor-button {
    margin: 0px !important;
border: unset !important;
}


.elementor-toc__body .elementor-toc__list-item-text {
    width: calc(100% - 20px);
}


.body_text_with_heads h2 {
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    line-height: var(--e-global-typography-secondary-line-height);
    letter-spacing: var(--e-global-typography-secondary-letter-spacing);
    color: var(--e-global-color-secondary);
}


.body_text_with_heads h3 {
      font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
           font-size: var(--e-global-typography-9cd5dfe-font-size);
        line-height: var(--e-global-typography-9cd5dfe-line-height);
        letter-spacing: var(--e-global-typography-9cd5dfe-letter-spacing);
    color: var(--e-global-color-secondary);
}


.body_text_with_heads h4 {
      font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
           font-size: calc(var(--e-global-typography-9cd5dfe-font-size) - 5px);
        line-height: calc(var(--e-global-typography-9cd5dfe-line-height) - 5px);
        letter-spacing: var(--e-global-typography-9cd5dfe-letter-spacing);
    color: var(--e-global-color-secondary);
}




img.author-image {
    width: 50px;
    height: 50px;
    border-radius: 4px;
}

.detal_atuhor_image img.author-image {
    width: 100px;
    height: 100px;
    border-radius: 4px;
}

/********** Dev CSS **********/
.swiper-slide {
    height: auto !important;
}