/*
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.1
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
*/


* {
  scroll-behavior: smooth;
}


@font-face {
  font-family: "CabinetGrotesk-Variable";
  src: url("./fonts/CabinetGrotesk-Variable.woff2") format("woff2"),
    url("./fonts/CabinetGrotesk-Variable.woff") format("woff"),
    url("./fonts/CabinetGrotesk-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}

/* custom html styles for blog and case studies */
.custom_section_html .filters{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom_section_html .filters .selectable_section{
  display: flex;
  gap: 16px;
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel]{
  padding-left: 52px !important;
}

p:has(input:disabled)::before{
  opacity: 0.5;
}

input:disabled {
opacity: 0.5 !important;
cursor: not-allowed !important;
background-color: gray !important;
border: solid gray 1px !important;
}

.select2-container{
  width: fit-content !important;
}
.custom_section_html .filters .selectable_section .select2-container--default .select2-selection--single{
display: flex !important;
justify-content: center;
align-items: center;
gap: 10px;
font-size: 16px 42px 16px 16px;
line-height: 16px;
padding: 16px;
border-radius: 24px !important;
background: #F3F3F3  !important;
border: none;
cursor: pointer;
  /* transition: 0.3s all; */
color: black;
position: relative;
width: 193px;
height: 46px;
}

.custom_section_html .filters .selectable_section .select2-container--default .select2-selection--single[aria-expanded=true]{
  border-radius: 24px 24px 0 0 !important;
}

.custom_section_html .filters .selectable_section .select2-container--default .select2-selection--single .select2-selection__rendered {
width: 140px;
max-width: 140px;
overflow: hidden;
padding: 0;
color: black !important;
}
.select2-container--default .select2-results>.select2-results__options{
width: 193px;
overflow-x: hidden !important;
max-height: 300px !important;
border-radius: 0 0 12px 12px;
}
.select2-container--default .select2-results>.select2-results__options li{
width: 100%;
background-color: #F3F3F3 !important;
padding: 8px 10px;
color: black !important;
box-sizing: border-box;
}
.select2-container--default .select2-results>.select2-results__options li[aria-selected=true],
.select2-container--default .select2-results>.select2-results__options li:hover,
.custom_section_html .filters .selectable_section .select2-container--default .select2-selection--single[aria-expanded=true]{
background-color: #4FC6E0 !important;
}
.select2-dropdown{
border: none !important;
background-color: transparent !important;
top: 0px;
}
.custom_section_html .filters .selectable_section .select2-container--default .select2-selection--single .select2-selection__arrow{
padding: 0;
height: 16px !important;
width: 16px;
top: 50%;
transform: translateY(-50%);
right: 16px !important;
}

.custom_section_html .filters .selectable_section .select2-container--default .select2-selection--single .select2-selection__arrow b{
border: none !important;
margin: 0 !important;
background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/arrow-down.svg);
height: 100%;
width: 100%;
background-size: cover;
position: static;
display: block;
}


.custom_section_html .filters  .search{
width: 37.5%;
position: relative;
z-index: 2;
}

.custom_section_html .filters  .search input{
padding: 16px 24px 16px 64px;
width: 100%;
margin: 0;
border: 1px solid #4FC6E0;
color: black;
}

.custom_section_html .filters  .search input::placeholder{
opacity: 1;
color: black;
}
input:focus::placeholder,
textarea:focus::placeholder {
opacity: 0.5 !important;
}
.custom_section_html .filters  .search input:focus{
outline: none;
}

.custom_section_html .filters  .search img{
position: absolute;
width: 24px;
height: 24px;
top: 50%;
transform: translateY(-50%);
left: 24px;
}

.custom_section_html .cards{
margin-top: 80px;
display: flex;
flex-wrap: wrap;
gap:40px 30px;
}

.custom_section_html .cards .card,
.custom_section_html .cards .card .content{
display: flex;
flex-direction: column;
}
.custom_section_html .cards .card{
width: calc(25% - 22.5px);
display: flex;
flex-direction: column;
gap: 24px;
}

.custom_section_html .cards .card .image img{
width: 100%;
height: 265px;
object-fit: cover;
object-position: left center;
float: left;
}
.custom_section_html .cards .card .content{
gap: 16px;
}
.custom_section_html .cards .card .content .tags{
display: flex;
flex-wrap: wrap;
gap: 16px 10px;
width: 100%;
}
.custom_section_html .cards .card .content .tags span{
font-size: 12px;
font-weight: 400;
line-height: 20px;
padding: 8px 16px;
border-radius: 50px;
background-color: #F3F3F3;
}
.custom_section_html .cards .card .content *{
margin: 0;
color: black;
}
.custom_section_html .cards .card .content .description{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-family: "Schibsted Grotesk", Sans-serif;
}

.custom_section_html .cards .card .read_more_btn{
display: flex;
align-items: center;
gap: 24px;
text-decoration: none;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: #4FC6E0;
transition: 0.3s all;
margin-top: auto;
}

.custom_section_html .cards .card .read_more_btn:hover{
transform: translateX(10px);
color: #00aeef;
}

.custom_section_html .cards .card .read_more_btn img{
  width:24px;
  height:24px;
}


.custom_section_html .cards .card .title{
  font-family: CabinetGrotesk-Variable !important;
}

.subpage_tech_stack_tab .e-n-tabs-heading button,
.subpage_logo_tab .the7-e-tab-title{
  position: relative;
  padding-bottom: 10px;
}
.subpage_tech_stack_tab .e-n-tabs-heading button::before,
.subpage_logo_tab .the7-e-tab-title::before{
  position: absolute;
  content: '';
  height: 2px;
  width: 100%;
  background-color: var(--blue);
  bottom:0px;
  left: 0;
  transform: translateY(10px);
  opacity: 0;
  transition: 0.3s all;
}
.subpage_tech_stack_tab .e-n-tabs-heading button[aria-selected=true]::before,
.subpage_logo_tab .the7-e-tab-title.active::before{
  transform: translateY(0);
  opacity: 1;
}

.subpage_grid_tab.business_central_icon_grid .wf-cell:nth-child(1) {
  display: block;
  visibility: visible !important;
}

.custom_tech_logos_grid .elementor-element .elementor-widget-image:nth-child(odd){
  animation:custom_tech_logos_grid_odd 4s infinite alternate linear ;
}
@keyframes custom_tech_logos_grid_odd {
  to{
    transform: translateX(-5px) scale(0.9);
  }
}

.custom_tech_logos_grid .elementor-element .elementor-widget-image:nth-child(even){
  animation:custom_tech_logos_grid_even 4s infinite alternate linear ;
  animation-delay: 1s;
}
@keyframes custom_tech_logos_grid_even {
  to{
    transform: translateX(5px) scale(0.9);
  }
}

.team_popup a.dialog-close-button.dialog-lightbox-close-button{
  padding: 5px;
  border-radius: 100px;
}

.popmake .popmake-title{
  margin-bottom: 20px;
}

.popmake textarea{
  height: 100px;
  resize: none;
}

.popmake input::placeholder,
.popmake textarea::placeholder{
  color: black;
  opacity: 0.7;
}




/* custom html styles for blog and case studies end */

h1,
h2,
h3,
h4,
h5,
h6,
.counter_numbers span,
.footer_contact_links span.elementor-icon-list-text {
  font-family: CabinetGrotesk-Variable !important;
}

:root {
  --blue: #00aeef;
}

.scroll-top {
  background-color: transparent;
  border-radius: 100px;
  border: solid var(--blue) 1px;
}
.scroll-top svg {
  fill: none;
  transform: rotate(-90deg);
}
.scroll-top:hover {
  background-color: var(--blue);
}
.scroll-top:hover svg path {
  stroke: white;
}

.preloader {
  width: 50px;
  height: 50px;
  animation: preloader 1s infinite linear alternate;
}
.preloader img {
  width: 100%;
}
@keyframes preloader {
  to {
    transform: rotate(360deg);
  }
}

.common_btn .box-button,
.header_contact_btn {
  position: relative;
  overflow: hidden;
  padding-right: 58px !important;
  transition: 0.3s ease-in-out !important;
}
.common_btn .box-button:hover,
.header_contact_btn:hover {
  padding-right: 24px !important;
  padding-left: 58px !important;
}
.common_btn .box-button::before,
.common_btn .box-button::after,
.header_contact_btn::before,
.header_contact_btn::after {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  background-size: cover;
  transition: 0.3s ease-in-out !important;
}
.common_btn .box-button::after,
.header_contact_btn::after {
  background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/arrow-right.svg);
  right: 24px;
}
.common_btn .box-button:hover::after,
.header_contact_btn:hover::after {
  transform: translateX(50px);
}
.common_btn .box-button::before,
.header_contact_btn::before {
  background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/arrow-right-white.svg);
  left: 24px;
  transform: translateX(-50px);
}
.common_btn .box-button:hover::before,
.header_contact_btn:hover::before {
  transform: translateX(0px);
}

.common_btn a svg path {
  transition: 0.3s all;
}
.common_btn a:hover svg path {
  stroke: white !important;
}

.hp_hero_slider {
  opacity: 1 !important;
}
.hp_hero_slider * {
  visibility: visible !important;
}

.hp_hero_slider .elementor-swiper >.swiper-container{
  overflow: hidden;
}

.header_contact_btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 24px;
  border: solid var(--blue) 1px;
  border-radius: 100px;
  line-height: 24px;
  font-weight: 700;
  text-decoration: none !important;
  text-transform: uppercase;
}

.header_contact_btn:hover {
  color: white;
  background-color: var(--blue);
}

.header_contact_btn:hover img {
  filter: invert(1) brightness(20);
}

.top-header .level-arrows-on .menu-text:after {
  margin-top: -5px !important;
  right: -8px !important;
  width: 12px !important;
  height: 12px !important;
  mask-size: 12px !important;
}

.header_call {
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background-color: var(--blue);
}
.header_call img {
  width: 22px;
}

.home_hero_animation_vector {
  animation: home_hero_animation_vector 120s infinite alternate linear;
}
@keyframes home_hero_animation_vector {
  to {
    transform: rotate(360deg);
  }
}

.hero_animation_center_logo {
  transform: translate(-50%, -57%) scale(0);
  animation: hero_animation_center_logo 1s forwards !important;
  animation-delay: 2.75s !important;
  user-select: none;
}

@keyframes hero_animation_center_logo {
  to {
    transform: translate(-50%, -57%) scale(0.9);
    opacity: 1;
  }
}

 .hp_hero_icons_slider{
  opacity: 1 !important;
 }
 .hero_logo_ic{
  transform: scale(0);
  user-select: none;

 }
 .swiper-slide-active .hero_logo_ic{
  animation: hero_logo_ic 1s forwards alternate linear;
  transform: scale(0);
 }
 @keyframes hero_logo_ic {
  to{
    transform: scale(1);
  }
 }

 .hero_logo_ic.hero_logo_ic1{
  animation-delay: 0.25s;
 }
 .hero_logo_ic.hero_logo_ic2{
  animation-delay: 0.5s;
 }
 .hero_logo_ic.hero_logo_ic3{
  animation-delay: 0.75s;
 }
 .hero_logo_ic.hero_logo_ic4{
  animation-delay: 1s;
 }
 .hero_logo_ic.hero_logo_ic5{
  animation-delay: 1.25s;
 }
 .hero_logo_ic.hero_logo_ic6{
  animation-delay: 1.5s;
 }
 .hero_logo_ic.hero_logo_ic7{
  animation-delay: 1.75s;
 }
 .hero_logo_ic.hero_logo_ic8{
  animation-delay: 2s;
 }

 .hp_hero_icons_slider .the7-swiper-slide,
 .hp_hero_icons_slider  .elementor-slides-wrapper,
 .hp_hero_icons_slider  .swiper-wrapper{
  overflow: visible;
 }

.counter_card {
  position: relative;
  transition: 0.3s all;
}
.counter_card::before {
  position: absolute;
  content: "";
  bottom: 0;
  top: unset;
  left: 0;
  height: 50%;
  width: 100%;
  background: linear-gradient(to top, black, transparent);
  opacity: 0;
  transition: 0.3s all;
}
.counter_card:hover::before {
  opacity: 0.25;
}

.custom_accordion .elementor-accordion.the7-adv-accordion {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.custom_accordion .elementor-accordion-item {
  position: relative;
}
.custom_accordion .elementor-accordion-item::before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 4px;
  background-color: #231f20;
  transition: 0.3s all;
}
.custom_accordion
  .elementor-accordion-item:has(.the7-accordion-header.show.active)::before {
  background-color: var(--blue);
}
.custom_accordion .elementor-accordion-item .elementor-tab-content p a {
  display: flex;
  align-items: center;
  gap: 16px;
  text-transform: uppercase;
  font-weight: 700;
}
.the7-e-tab-nav-button {
  display: none !important;
}
.custom_tab .the7-e-tab-title {
  position: relative;
}
.custom_tab .the7-e-tab-title::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  background-color: var(--blue);
  transition: 0.3s all;
  opacity: 0;
  transform: translateY(10px);
  bottom: 0;
  left: 0;
}
.custom_tab .the7-e-tab-title.active::before {
  opacity: 1;
  transform: translateY(0px);
}
/* transitions */
.line_btn,
.upcoming_news_slider .box-button,
.past_events_card .box-button,
.custom_accordion .elementor-accordion-item .elementor-tab-content p a,
.hp_case_study_slider article .post-entry-content a.box-button,
.hp_blog_grid article .post-entry-content a.box-button,
.industry_related_services_grid
  .dt-css-grid
  .wf-cell
  .the7-image-box-wrapper
  .box-content-wrapper
  .box-content
  .box-button,
.industry_related_services_grid .dt-css-grid .wf-cell .box-heading a,
.industry_related_services_grid .dt-css-grid .wf-cell .box-description,
.industry_related_services_grid .dt-css-grid .wf-cell .box-button,
.industry_related_services_grid .dt-css-grid .wf-cell .box-button svg path,
.industry_related_services_grid .dt-css-grid .wf-cell ,
.hp_blog_grid .dt-css-grid .wf-cell .post-thumbnail-wrap .post-thumbnail .post-thumbnail-rollover img,
.sub_page_custom_tabs .the7-e-tabs-nav-wrapper .the7-e-tab-title h5,
.listing_page_grid .dt-css-grid .wf-cell .elementor-image-div img,
.listing_page_grid .dt-css-grid .wf-cell .box-button,
.listing_page_grid .dt-css-grid .wf-cell{
  transition: 0.3s all !important;
  transition-delay: 0 !important;
}
.line_btn:hover,
.custom_accordion .elementor-accordion-item .elementor-tab-content p a:hover,
.hp_case_study_slider article .post-entry-content a.box-button:hover,
.hp_blog_grid article .post-entry-content a.box-button:hover,
.industry_related_services_grid
  .dt-css-grid
  .wf-cell
  .the7-image-box-wrapper
  .box-content-wrapper
  .box-content
  .box-button:hover,  
  .industry_related_services_grid_with_icon .box-button:hover {
  transform: translateX(10px);
}

.hp_blog_grid article:hover {
  animation: jerk 0.5s forwards !important;
}

@keyframes jerk {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

.hp_case_study_slider article {
  position: relative;
}
.hp_case_study_slider article .post-entry-content {
  position: absolute !important;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  z-index: 4;
  width: 100%;
}
.post-tags{
  display: none;
}
.hp_case_study_slider article .post-entry-content .entry-meta {
  order: 1;
}
.hp_case_study_slider article .post-entry-content .entry-meta span,
.past_events_card .post-tag,
.upcoming_news_slider .post-tag{
  font-family: "Schibsted Grotesk", Sans-serif;

}
.hp_case_study_slider article .post-entry-content .heading {
  order: 2;
}
.hp_case_study_slider article .post-entry-content .short-description {
  order: 3;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Schibsted Grotesk", Sans-serif;

}
.hp_case_study_slider article .post-entry-content .details-wrap {
  order: 4;
  justify-content: flex-start;
}

.hp_case_study_slider .owl-nav div svg path {
  stroke: white;
}
.hp_blog_grid,
.hp_blog_grid .dt-css-grid-wrap,
.hp_blog_grid .dt-css-grid-wrap .dt-css-grid,

.hp_case_study_slider .post-content-wrapper,
.hp_case_study_slider .post-content-wrapper .the7-simple-post-thumb,
.hp_case_study_slider .post-content-wrapper .the7-simple-post-thumb img{
  height: 100%;
}
.hp_case_study_slider .post-content-wrapper .the7-simple-post-thumb img{
  aspect-ratio: 1 !important;

}
.hp_blog_grid article .post-entry-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.hp_blog_grid article .post-entry-content::before {
  position: absolute;
  content: "Blog";
  top: 24px;
  left: 24px;
  color: white;
  font-family: "Schibsted Grotesk", Sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.hp_blog_grid article .post-entry-content a.box-button {
  margin-top: auto;
  justify-content: flex-start;
}
.hp_blog_grid article .post-entry-content .ele-entry-title {
  margin-top: 40px;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
}
.hp_blog_grid article .post-entry-content time {
  color: white !important;
}

.hp_blog_grid .dt-css-grid .wf-cell:nth-child(1) article .post-thumbnail-wrap .post-thumbnail::before,
.hp_blog_grid .dt-css-grid .wf-cell:nth-child(1) article,
.hp_blog_grid .dt-css-grid .wf-cell:nth-child(4) article .post-thumbnail-wrap .post-thumbnail::before,
.hp_blog_grid .dt-css-grid .wf-cell:nth-child(4) article {
  background: #4fc6e0 !important;
}
.hp_blog_grid .dt-css-grid .wf-cell:nth-child(2) article .post-thumbnail-wrap .post-thumbnail::before,
.hp_blog_grid .dt-css-grid .wf-cell:nth-child(2) article {
  background: #0089cf !important;
}
.hp_blog_grid .dt-css-grid .wf-cell:nth-child(3) article .post-thumbnail-wrap .post-thumbnail::before,
.hp_blog_grid .dt-css-grid .wf-cell:nth-child(3) article  {
  background: #00aeef !important;
}

.hp_blog_grid .dt-css-grid .wf-cell .post-thumbnail-wrap{
  position: absolute;
}
.hp_blog_grid .dt-css-grid .wf-cell .post-thumbnail-wrap,
.hp_blog_grid .dt-css-grid .wf-cell .post-thumbnail-wrap .post-thumbnail,
.hp_blog_grid .dt-css-grid .wf-cell .post-thumbnail-wrap .post-thumbnail .post-thumbnail-rollover,
.hp_blog_grid .dt-css-grid .wf-cell .post-thumbnail-wrap .post-thumbnail .post-thumbnail-rollover img{
  height: 100%;
}
.hp_blog_grid .wf-cell  article .post-thumbnail-wrap .post-thumbnail .post-thumbnail-rollover img{
  filter: contrast(0.5) saturate(0);
  opacity: 0;
}
.hp_blog_grid .wf-cell article:hover  .post-thumbnail-wrap .post-thumbnail .post-thumbnail-rollover img{
  opacity: 1;
}

.hp_blog_grid .dt-css-grid .wf-cell .post-thumbnail-wrap .post-thumbnail-rollover::after{
  display: none;
}
.hp_blog_grid .dt-css-grid .wf-cell .post-thumbnail-wrap .post-thumbnail{
  position: relative;
}
.hp_blog_grid .dt-css-grid .wf-cell article .post-thumbnail-wrap .post-thumbnail::before{
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0.8;
}

/* cards animation */
svg.tc1 {
  display: flex;
}
svg.tc1 path {
  transform-origin: center;
}
svg.tc2 {
  display: flex;
}
svg.tc2 path {
  transform-origin: center;
}
svg.tc3 {
  display: flex;
}
svg.tc3 circle {
  opacity: 0;
}
svg.tc4 {
  display: flex;
}
svg.tc4 path {
  opacity: 0;
}

.card_vectors {
  width: 100%;
  transform: translateY(-50%);
}

.corner_circle {
  animation: corner_circle 8s infinite linear;
}
@keyframes corner_circle {
  to {
    transform: rotate(360deg);
  }
}

.marque_slide_single {
  min-width: 100% !important;
  animation: clients_slider 20s infinite linear;
}

@keyframes clients_slider {
  to {
    transform: translateX(calc(-100% - 60px));
  }
}

.service_hero_hand {
  transform-origin: bottom right;
  animation: service_hero_hand 6s infinite alternate linear;
  transform: rotate(-4deg);
}
@keyframes service_hero_hand {
  to {
    transform: rotate(4deg);
  }
}

.gen_ai_hand {
  transform-origin: bottom right;
  animation: gen_ai_hand 6s infinite alternate linear;
  transform: rotate(-1deg);
}
@keyframes gen_ai_hand {
  to {
    transform: rotate(1deg);

  }
}

.cutsom_service_tab .e-n-tabs-content>div>div,
.cutsom_service_tab .e-n-tabs-content>div>div .elementor-template,
.cutsom_service_tab .e-n-tabs-content>div>div .elementor-template>div,
.cutsom_service_tab .e-n-tabs-content>div>div .elementor-template>div>div{
  height: 100%;
}

.cutsom_service_tab .e-n-tabs .e-n-tabs-heading .e-n-tab-title span {
  font-family: CabinetGrotesk-Variable !important;
}

.marquee_slider img {
  filter: grayscale(100);
}
.marquee_slider .dt-owl-item:hover img {
  filter: none;
}

.industry_hero_vector {
  transform: translate(-50%, -80%);
}

.industry_related_services_grid .dt-css-grid .wf-cell:hover {
  background-color: var(--blue);
}
.industry_related_services_grid .dt-css-grid .wf-cell:hover .box-heading a,
.industry_related_services_grid .dt-css-grid .wf-cell:hover .box-description,
.industry_related_services_grid .dt-css-grid .wf-cell:hover .box-button {
  color: white;
}

.industry_related_services_grid
  .dt-css-grid
  .wf-cell:hover
  .box-button
  svg
  path {
  stroke: white;
}

.error_break {
  animation: error_break 0.9s forwards linear;
  animation-delay: 0.5s;
}
@keyframes error_break {

  50% {
    transform: scale(1.2) rotate(90deg);
  }
  100% {
    transform: scale(1) rotate(180deg);
    bottom: 0px;
  }
}


.conic_style .elementor-counter-number-wrapper span {
  font-family: CabinetGrotesk-Variable !important;
}

/* .grid_bg {
  transition: 0.5s all;
  animation: grid_bg 20s infinite ease-in-out alternate;
  background-position: bottom center !important;
  background-repeat: no-repeat !important;
}
@keyframes grid_bg {
  to {
    background-size: 125%;
  }
} */

.tab_image {
  display: none;
  animation: tab_image 1s forwards;
}
.tab_image_1 {
  display: block;
}
@keyframes tab_image {
  from {
    opacity: 0;
    transform: translateX(10px);
  }
  to {
    opacity: 1;
    transform: translateX(0px);
  }
}

.custom_testimonial_slider .dt-owl-item-inner {
  display: flex;
}

.custom_testimonial_slider .dt-owl-item-inner .dt-owl-item-image {
  width: 41%;
  order: 2;
}

.custom_testimonial_slider .dt-owl-item-inner .dt-owl-item-image img {
  width: 100%;
}

.custom_testimonial_slider .dt-owl-item-description {
  padding: 30px 40px 48px 40px;
  display: flex;
  flex-direction: column;
  margin-bottom: 0 !important;
  width: 59%;
  order: 1;
  position: relative;
}

.custom_testimonial_slider .dt-owl-item-description::before {
  position: absolute;
  content: "what they say?";
  font-size: 52px;
  line-height: 60px;
  width: 43%;
  bottom: 40px;
  right: 40px;
  text-align: left;
  font-family: CabinetGrotesk-Variable !important;
  color: #b9c8f3;
  mix-blend-mode: multiply;
  font-weight: 300;
}

.custom_testimonial_slider .dt-owl-item-description img.test_comma {
  display: flex;
  width: 74px;
  margin-left: auto;
  position: relative;
  right: -20px;
}

.custom_testimonial_slider .dt-owl-item-description .reviewer_detail {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  gap: 4.5px;
}

.custom_testimonial_slider .dt-owl-item-description .reviewer_detail span.name {
  font-size: 16px;
  line-height: 24px;
  font-family: CabinetGrotesk-Variable !important;
  font-weight: 800;
}

.custom_testimonial_slider
  .dt-owl-item-description
  .reviewer_detail
  span.designation {
  font-size: 16px;
  line-height: 24px;
  color: black;
  font-weight: 400;
}

.latest_career_list span,
.latest_career_list h2.awsm-job-post-title a {
  font-family: "CabinetGrotesk-Variable";
  color: black;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.latest_career_list h2.awsm-job-post-title {
  font-size: unset !important;
  display: flex;
}

.latest_career_list .awsm-filter-wrap {
  display: none;
}
.latest_career_list .awsm-job-listing-item {
  display: none;
}

.latest_career_list
  .awsm-job-item
  .awsm-list-right-col
  .awsm-job-more-container
  a,
.career_listing .awsm-job-item .awsm-list-right-col .awsm-job-more-container a {
  padding: 14px 48px 14px 24px;
  border: solid var(--blue) 1px;
  border-radius: 50px;
  display: flex;
  gap: 16px;
  color: var(--blue);
  text-transform: uppercase;
  font-weight: 600;
  width: fit-content;
  background-color: white;
  transition: 0.3s all;
  font-family: "Schibsted Grotesk";
  font-size: 16px;
  white-space: nowrap;
  position: relative;
}
.latest_career_list
  .awsm-job-item
  .awsm-list-right-col
  .awsm-job-more-container
  a
  span,
.career_listing
  .awsm-job-item
  .awsm-list-right-col
  .awsm-job-more-container
  a
  span {
  display: none;
}

.latest_career_list
  .awsm-job-item
  .awsm-list-right-col
  .awsm-job-more-container
  a::before,
.career_listing
  .awsm-job-item
  .awsm-list-right-col
  .awsm-job-more-container
  a::before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/arrow-right.svg);
  background-position: center center;
  background-size: cover;
  transition: 0.3s all;
}

.latest_career_list
  .awsm-job-item
  .awsm-list-right-col
  .awsm-job-more-container
  a:hover::before,
.career_listing
  .awsm-job-item
  .awsm-list-right-col
  .awsm-job-more-container
  a:hover::before {
  filter: invert(1) brightness(100);
}

.latest_career_list
  .awsm-job-item
  .awsm-list-right-col
  .awsm-job-more-container
  a:hover,
.career_listing
  .awsm-job-item
  .awsm-list-right-col
  .awsm-job-more-container
  a:hover {
  background-color: var(--blue) !important;
  color: white;
}
.latest_career_list
  .awsm-job-item
  .awsm-list-right-col
  .awsm-job-more-container
  a
  span::before {
  color: var(--blue);
  transition: 0.3s all;
}
.latest_career_list
  .awsm-job-item
  .awsm-list-right-col
  .awsm-job-more-container
  a:hover
  span::before {
  color: white;
}

form[data-status="submitting"] .form_btn input{
  background-color: gray !important;
  border: solid gray 1px !important;
}

#comments p{
  word-wrap: break-word;
}



.form_section form,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form,
.single.single-post #comments form,
.single.single-post #comments form .form-fields,
.popmake form  {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.single.single-post #comments form .form-fields,
.single.single-post #comments form .comment-notes.text-small,
.single.single-post #comments form .comment-form-comment{
  width: 100%;
  overflow: inherit;
}

.single.single-post #comments form .form-fields>span{
  width: calc(50% - 10px);
}

.single.single-post #comments form .form-fields>span.comment-form-url{
  display: none;
}

.single.single-post #comments form .comment-form-comment{
  margin-bottom: 0;
}

.single.single-post #comments form .comment-form-cookies-consent{
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.single.single-post #comments form .comment-form-cookies-consent input{
  min-height: unset;
}
.single.single-post #comments form .comment-form-cookies-consent label{
  font-size: 14px;
  line-height: 22px;
  color: black;
}



.single.single-post #comments form .form-submit a{
padding: 16px 24px;
background-color: white;
color: var(--blue);
border: solid var(--blue) 1px;
border-radius: 50px;
text-transform: uppercase;
transition: 0.3s all;
}

.single.single-post #comments form .form-submit a:hover{
  background: var(--blue);
  color: white;
}

.single.single-post #comments .comment-author-name{
  font-family: "CabinetGrotesk-Variable";

}

.comment-list .comment-body {
  padding: 20px 20px 20px 100px;
}

.single.single-post #comments .comment-list article .reply a{
  font-size: 14px;
  line-height: 20px;
  padding: 8px 16px;
  border: solid white 1px;
  border-radius: 50px;
  transition: 0.3s all;
  text-decoration: none;
}
.single.single-post #comments .comment-list article .reply a:hover{
  background-color: white;
  color: var(--blue);
}
.single.single-post #comments form .form-submit a:hover{
  color: white;
  background-color: var(--blue);
}

.single.single-post #comments .comment-list article{
  background-color: var(--blue);
}

.single.single-post #comments .comment-list article .avatar-lazy-load-wrap{
  border-radius: 100px;
  border: solid white 1px;
}

.single.single-post #comments .comment-list article .no-avatar, 
.single.single-post #comments .comment-list article .no-avatar svg, .comment-list .no-avatar:after {
  color: rgb(255 255 255);
  fill: rgb(255 255 255 / 100%);
}

.single.single-post #comments .comment-list article p,
.single.single-post #comments .comment-list article a,
.single.single-post #comments .comment-list article span{
  color: white;
}

.popmake form{
  gap: 10px;
}

.form_section.contact_form  form {
  gap: 24px 30px;
}


.single.single-post #comments form textarea{
  margin-bottom: 0;
  height: 110px;
  resize: none;
  padding: 16px 24px;
}

.form_section form .half_cont {
  width: calc(50% - 10px);
}
.form_section form input,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form input,
.single.single-post #comments form input,
.popmake form form input {
  margin-bottom: 0 !important;
  min-height: 56px;
  padding: 16px 24px;
}
.form_section form .full_cont,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form .full_cont,
.popmake form .full_cont ,
form .intl-tel-input {
  width: 100%;
}

.form_section form div p,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form div p ,
.popmake form div p input{
  margin-bottom: 0 !important;
}
.single.single-post #comments form{
  width: 100%;
  max-width: 700px;
}
.form_section form input,
.form_section form textarea,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form input,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form textarea,
.single.single-post #comments input,
.single.single-post #comments textarea,
.popmake form input,
.popmake form textarea {
  border: solid var(--blue) 1px;
  color: #000;
  font-family: "Schibsted Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.form_section form textarea {
  height: 218px;
  resize: none;
}

.contact_form.form_section form textarea,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form textarea,
.popmake form textarea {
  height: 110px;
  resize: none;
  width: 100%;
}

.contact_form.form_section form textarea,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form textarea{
  padding: 16px 24px;
}

.form_section form input::placeholder,
.form_section form textarea::placeholder,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form input::placeholder,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form textarea::placeholder,
.single.single-post #comments form input::placeholder,
.single.single-post #comments form textarea::placeholder,
.popmake form input::placeholder,
.popmake form textarea::placeholder {
  font-family: "Schibsted Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  opacity: 1;
  color: #000;
}

.form_section form .half_cont.file p:nth-child(1) {
  display: none;
}

.form_section form .half_cont.file p:nth-child(2) {
  min-height: 56px;
  height: 56px;
  padding: 16px 24px;
  border: solid var(--blue) 1px;
  position: relative;
  color: #000;
  font-family: "Schibsted Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

/* .form_section form .half_cont.file p:nth-child(2) small {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-left: 8px;
} */
.form_section form .half_cont.file p:nth-child(2) label {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 2;
}
#custom-text {
  opacity: 0;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 80px);
}

.form_section form .form_btn,
.popmake form .form_btn,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form .form_btn {
  width: 100%;
  text-align: center;
}

.form_section form .form_btn p,
.popmake form .form_btn p,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form .form_btn p{
  position: relative;
  width: fit-content;
  display: block;
  margin: auto;
  transition: 0.3s all !important;
}

.form_section form .form_btn p:hover input,
.popmake form .form_btn p:hover input,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form .form_btn  p:hover input{
  color: white !important;
}

.form_section form .form_btn p input,
.popmake form .form_btn p input,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form .form_btn p input {
  padding: 16px 48px 16px 24px !important;
  color: var(--blue);
  border: solid var(--blue) 1px !important;
  border-radius: 50px !important;
  font-family: "Schibsted Grotesk" !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: normal !important;
  text-transform: uppercase !important;
  background: white;
  transition: 0.3s all !important;
}
.popmake form .form_btn p input:hover,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form .form_btn p input:hover{
  color: white;
}
.popmake form .form_btn p input,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form .form_btn p input{
  padding: 16px 48px !important;
}

.form_section form .form_btn p:hover input ,
.popmake form .form_btn p:hover input,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form .form_btn p:hover input{
  background: var(--blue) !important;
}

.form_section form .form_btn p::before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/arrow-right.svg);
  background-size: cover;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  transition: 0.3s all !important;
}
.form_section form .form_btn p:hover::before {
  filter: invert(1) brightness(100);
}

.form_section form .form_btn p .wpcf7-spinner,
.popmake form .form_btn p .wpcf7-spinner,
.single.single-post #main .wf-wrap .wf-container-main #sidebar form p .wpcf7-spinner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.awsm-job-item
  .awsm-list-right-col
  .awsm-job-specification-wrapper
  .awsm-job-specification-item
  i {
  display: none;
}

.career_listing .awsm-filter-wrap form .awsm-filter-items {
  width: 80%;
  margin: auto;
  justify-content: space-around;
  gap: 30px;
  flex-wrap: nowrap;
}
.career_listing .awsm-filter-wrap {
  margin-bottom: 160px;
}
.career_listing-container {
  background: linear-gradient(to bottom, #edf9fc 130px, #ffffff00 130px);
}
.career_listing .awsm-filter-wrap form .awsm-filter-items .awsm-filter-item {
  width: 33.33%;
  padding: 0 !important;
}

.career_listing
  .awsm-filter-wrap
  form
  .awsm-filter-items
  .awsm-filter-item
  .awsm-selectric {
  border: solid var(--blue) 1px;
  background-color: white;
}

.career_listing
  .awsm-filter-wrap
  form
  .awsm-filter-items
  .awsm-filter-item
  .awsm-selectric
  .label {
  font-family: CabinetGrotesk-Variable !important;
  font-size: 16px;
  font-weight: 700;
}
.career_listing
  .awsm-filter-wrap
  form
  .awsm-filter-items
  .awsm-filter-item
  .awsm-selectric
  .awsm-selectric-arrow-drop:after {
  background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/arrow-down.svg);
  background-size: cover;
  border: none;
  height: 16px;
  width: 16px;
}
.career_listing
  .awsm-filter-wrap
  form
  .awsm-filter-items
  .awsm-filter-item
  .awsm-selectric-items
  li.highlighted,
.career_listing
  .awsm-filter-wrap
  form
  .awsm-filter-items
  .awsm-filter-item
  .awsm-selectric-items
  li:hover {
  background: #edf9fc;
}
.career_listing
  .awsm-filter-wrap
  form
  .awsm-filter-items
  .awsm-filter-item
  .awsm-selectric-items
  li {
  font-size: 16px;
  line-height: 24px;
  font-family: CabinetGrotesk-Variable !important;
  font-weight: 700;
}

.career_listing .awsm-job-listings {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  border: none;
}

.career_listing .awsm-job-listings .awsm-job-listing-item {
  width: calc(25% - 22.5px);
}

.career_listing .awsm-job-listings .awsm-job-listing-item .awsm-job-item {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  background-color: #f3f3f3;
  border: none;
}

.career_listing
  .awsm-job-listings
  .awsm-job-listing-item
  .awsm-job-item
  .awsm-list-right-col,
.career_listing
  .awsm-job-listings
  .awsm-job-listing-item
  .awsm-job-item
  .awsm-list-right-col
  .awsm-job-specification-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.career_listing
  .awsm-job-listings
  .awsm-job-listing-item
  .awsm-job-item::after {
  display: none;
}

.career_listing .awsm-job-item h2.awsm-job-post-title {
  font-size: unset;
  line-height: unset;
  display: flex;
}

.career_listing .awsm-job-specification-item span,
.career_listing .awsm-job-item h2.awsm-job-post-title a {
  position: relative;
  padding-left: 32px;
  font-family: "CabinetGrotesk-Variable";
  font-weight: 400;
  color: black;
  font-size: 16px;
  line-height: 24px;
}

.career_listing .awsm-job-specification-item.awsm-job-specification-job-location span + span,
.single-awsm_job_openings #content .awsm-job-single-wrap > div .awsm-job-specifications-container .awsm-job-specification-wrapper > div .awsm-job-specification-term + .awsm-job-specification-term{
  margin-left: 10px;
}


.career_listing .awsm-job-item > div {
  width: 100%;
}

.career_listing .awsm-job-specification-item span::before,
.career_listing .awsm-job-item h2.awsm-job-post-title a::before {
  width: 26px;
  height: 26px;
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-size: cover;
  background-position: center center;
}
.career_listing .awsm-job-item h2.awsm-job-post-title a::before {
  background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/medal-1.svg);
}
.career_listing
  .awsm-job-specification-item.awsm-job-specification-job-location
  span::before {
  background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/location-3.svg);
}
.career_listing
  .awsm-job-specification-item.awsm-job-specification-job-experience
  span::before {
  background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/star-3.svg);
}
.career_listing
  .awsm-job-specification-item.awsm-job-specification-model-of-work
  span::before {
  background-image: url(https://www.techmango.net/wp-content/uploads/2025/06/work-icon-1.svg);
}

.career_listing
  .awsm-job-specification-item.awsm-job-specification-technologies
  span::before {
  background-image: url(https://www.techmango.net/wp-content/uploads/2025/06/technology-icon.svg);
}

.career_listing
  .awsm-job-specification-item.awsm-job-specification-functional-area
  span::before {
  background-image: url(https://www.techmango.net/wp-content/uploads/2025/06/employee-svgrepo-com-1.svg);
}


.career_listing
  .awsm-job-specification-item.awsm-job-specification-job-remuneration
  span::before {
  background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/moneys-3.svg);
}

.single-awsm_job_openings #main > .wf-wrap,
.single-awsm_job_openings .page-title {
  width: 1530px !important;
  padding: 0 !important;
  margin: auto;
}

.single-awsm_job_openings .page-title {
  margin-top: 60px;
}

.single-awsm_job_openings .page-title > .wf-wrap {
  min-height: fit-content;
  padding: 40px 40px 24px 40px;
  align-items: flex-start;
}

.single-awsm_job_openings .page-title > .wf-wrap h1 {
  font-size: 64px;
  line-height: 72px;
  font-weight: 700;
}

.single-awsm_job_openings .page-title-breadcrumbs {
  display: none;
}

.single-awsm_job_openings #content .awsm-job-single-wrap > div {
  padding: 0;
}

.single-awsm_job_openings
  #content
  .awsm-job-single-wrap
  > div
  .awsm-job-specifications-container {
  margin-bottom: 0;
  position: absolute;
  width: 100%;
  padding: 0 40px 40px 40px;
  background-color: rgba(0, 0, 0, 0.04);
}
.single-awsm_job_openings
  #content
  .awsm-job-single-wrap
  > div
  .awsm-job-specifications-container
  .awsm-job-specification-wrapper {
  display: flex;
  gap: 24px 50px;
}

.single-awsm_job_openings
  #content
  .awsm-job-single-wrap
  > div
  .awsm-job-specifications-container
  .awsm-job-specification-wrapper
  > div {
  width: fit-content;
}

.single-awsm_job_openings
  #content
  .awsm-job-single-wrap
  > div
  .awsm-job-specifications-container
  .awsm-job-specification-wrapper
  > div
  .awsm-job-specification-term {
  position: relative;
  padding-left: 35px;
  font-family: "CabinetGrotesk-Variable";
  font-size: 16px;
  line-height: 14px;
  color: black;
}

.single-awsm_job_openings
  #content
  .awsm-job-single-wrap
  > div
  .awsm-job-specifications-container
  .awsm-job-specification-wrapper
  > div
  .awsm-job-specification-term::before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  background-position: center center;
  background-size: cover;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.single-awsm_job_openings
  #content
  .awsm-job-single-wrap
  > div
  .awsm-job-specifications-container
  .awsm-job-specification-wrapper
  > div.awsm-job-specification-job-location
  .awsm-job-specification-term::before {
  background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/location-3.svg);
}

.single-awsm_job_openings
  #content
  .awsm-job-single-wrap
  > div
  .awsm-job-specifications-container
  .awsm-job-specification-wrapper
  > div.awsm-job-specification-job-experience
  .awsm-job-specification-term::before {
  background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/star-3.svg);
}

.single-awsm_job_openings
  #content
  .awsm-job-single-wrap
  > div
  .awsm-job-specifications-container
  .awsm-job-specification-wrapper
  > div.awsm-job-specification-model-of-work
  .awsm-job-specification-term::before {
      background-image: url(https://www.techmango.net/wp-content/uploads/2025/06/work-icon-1.svg);
}

.single-awsm_job_openings
  #content
  .awsm-job-single-wrap
  > div
  .awsm-job-specifications-container
  .awsm-job-specification-wrapper
  > div.awsm-job-specification-functional-area
  .awsm-job-specification-term::before {
    background-image: url(https://www.techmango.net/wp-content/uploads/2025/06/employee-svgrepo-com-1.svg);
}

.single-awsm_job_openings
  #content
  .awsm-job-single-wrap
  > div
  .awsm-job-specifications-container
  .awsm-job-specification-wrapper
  > div.awsm-job-specification-technologies
  .awsm-job-specification-term::before {
      background-image: url(https://www.techmango.net/wp-content/uploads/2025/06/technology-icon.svg);
}

.single-awsm_job_openings
  #content
  .awsm-job-single-wrap
  > div
  .awsm-job-specifications-container
  .awsm-job-specification-wrapper
  > div.awsm-job-specification-job-remuneration{
    display: none;
  }

.single-awsm_job_openings
  #content
  .awsm-job-single-wrap
  > div
  .awsm-job-specifications-container
  .awsm-job-specification-wrapper
  > div.awsm-job-specification-job-remuneration
  .awsm-job-specification-term::before {
  background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/moneys-3.svg);
}

.single-awsm_job_openings
  #content
  .awsm-job-single-wrap
  > div
  .awsm-job-specifications-container
  .awsm-job-specification-wrapper
  > div
  span.awsm-job-specification-label,
.single-awsm_job_openings
  #content
  .awsm-job-single-wrap
  > div
  .awsm-job-specifications-container
  .awsm-job-specification-wrapper
  > div
  i {
  display: none;
}

.single-awsm_job_openings
  #main
  #content
  .awsm-job-content
  .awsm-job-entry-content,
.single-awsm_job_openings #main #content .awsm-job-form {
  margin-top: 160px;
}

.single-awsm_job_openings #main #content .awsm-job-content {
  width: 58.31%;
}

.single-awsm_job_openings #main #content .awsm-job-form {
  width: 33.3%;
}

.single-awsm_job_openings #main #content .awsm-job-single-wrap {
  display: flex;
  justify-content: space-between;
}

.single-awsm_job_openings #main #content .awsm-job-single-wrap::after {
  display: none;
}

.single-awsm_job_openings #main #content .awsm-job-form .awsm-job-form-inner {
  padding: 0;
  border: none !important;
}

.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  h2 {
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 24px;
}

.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .awsm-job-form-group
  label {
  display: none;
}

.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .awsm-job-form-group
  input,
.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .awsm-job-form-group
  textarea {
  margin-bottom: 0;
  border: solid var(--blue) 1px;
  padding: 16px 24px;
}

.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .awsm-job-form-group
  input {
  min-height: 56px;
}

.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .awsm-job-form-group
  textarea {
  height: 145px;
  resize: none;
}

.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .awsm-job-form-group
  input,
.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .awsm-job-form-group
  input::placeholder,
.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .awsm-job-form-group
  textarea,
.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .awsm-job-form-group
  textarea::placeholder {
  font-family: "Schibsted Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  opacity: 1;
  color: #000;
}

.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .awsm-job-form-group {
  margin-bottom: 24px;
  position: relative;
}

.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .awsm-job-form-group.awsm-job-inline-group{
    margin-top: 40px;
  }

.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .awsm-job-form-group.awsm-job-inline-group {
  display: flex;
  align-items: baseline;
}

.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .awsm-job-form-group.awsm-job-inline-group
  label {
  display: block;
}

.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .awsm-job-form-group.awsm-job-inline-group
  input {
  height: unset;
  min-height: unset;
}

.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  #awsm-application-file,
.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .awsm-job-form-group
  > small {
  display: none;
}

.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .custom-upload {
  min-height: 56px;
  border: solid var(--blue) 1px;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  cursor: pointer;
}

.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .custom-upload
  span {
  line-height: unset;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  color: black;
}

.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  .custom-upload
  #job_file {
  opacity: 0;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 80px);
  color: black;
  font-weight: 700;
}

.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  #awsm-application-submit-btn {
  display: block;
  margin: auto;
  border-radius: 100px;
  padding: 18px 24px;
  border: solid var(--blue) 1px;
  color: var(--blue);
  background: white;
  transition: 0.3s all;
  min-width: 150px;
}

.single-awsm_job_openings
  #main
  #content
  .awsm-job-form
  .awsm-job-form-inner
  #awsm-application-submit-btn:hover {
  background: var(--blue);
  color: white;
}

.single-awsm_job_openings #main #content .awsm-job-single-wrap {
  margin-bottom: 120px;
}

.perk_card .dt-css-grid .wf-cell .elementor-image-div ,
.perk_card .dt-css-grid .wf-cell .box-content,
.perk_card .dt-css-grid .wf-cell{
  transition: 0.3s all;
}
.perk_card .dt-css-grid .wf-cell:hover .box-content{
  animation: right_move 0.5s ;
}

@keyframes right_move {
  0%,100%{
    transform: translateX(0);
  }
  50%{
    transform: translateX(5px);
  }
}

.perk_card .dt-css-grid .wf-cell:hover .elementor-image-div{
  animation: left_move 0.5s ;
}

@keyframes left_move {
  0%,100%{
    transform: translateX(0);
  }
  50%{
    transform: translateX(-5px);
  }
}

.about_hand_animation_section::before{
  z-index: 2;
  animation: about_hand_animation_section 120s infinite alternate linear;
}

@keyframes about_hand_animation_section {
  to{
    background-position-x: 100%;
  }
}

.right_hand{
  transform-origin: bottom right;
  animation: right_hand 5s infinite alternate linear;
}

@keyframes right_hand {
  to{
    transform: rotate(-5deg);
  }
}

.left_hand{
  transform-origin: bottom left;
  animation: left_hand 5s infinite alternate linear;
}

@keyframes left_hand {
  to{
    transform: rotate(-5deg);
  }
}

.about_center_logo{
  animation: about_center_logo 5s infinite alternate linear;
}

@keyframes about_center_logo {
  to{
    transform: rotate(5deg);
  }
}

.team_cards .dt-css-grid .wf-cell .elementor-image-div {
  overflow: hidden;
}
.team_cards .dt-css-grid .wf-cell .elementor-image-div img{
  transform-origin: center left;
}
.team_cards .dt-css-grid .wf-cell,
.team_cards .dt-css-grid .wf-cell .elementor-image-div  img{
  transition: 0.3s all;
}

.team_cards .dt-css-grid .wf-cell:hover .elementor-image-div img{
  transform: scale(1.025);
}

.setting_rotate{
  animation: setting_rotate 20s infinite alternate linear;
}

@keyframes setting_rotate {
  to{
    transform: rotate(360deg);
  }
}

.mc_dynamic_overview_card:hover .setting_rotate{
  animation-play-state: paused;
}

.business_central_icon_grid .the7-icon-box-grid .box-content-wrapper{
  height: 100%;
  justify-content: space-between !important;
}

.business_central_icon_grid .the7-icon-box-grid{
  position: relative;
}

.business_central_icon_grid .the7-icon-box-grid .box-content-wrapper{
  position: relative;
  z-index: 3;
}
.business_central_icon_grid .the7-icon-box-grid::after,
.business_central_icon_grid .the7-icon-box-grid::before{
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transition: 0.5s ease-in-out;
}
.business_central_icon_grid .the7-icon-box-grid::after{
  background-image: var(--hover-bg);
  background-size: cover;
  opacity: 0;
}
.business_central_icon_grid .the7-icon-box-grid::before{
  background-color: white;
  opacity: 0.8;
z-index: 2;
}

.business_central_icon_grid .the7-icon-box-grid .box-content-wrapper .box-content{
  flex-grow: unset;
}

.business_central_icon_grid .wf-cell:hover .the7-icon-box-grid::after{
  transform: scale(1.05);
opacity: 1;
}

.business_central_icon_grid .wf-cell:nth-child(1){
  /* display: none; */
  visibility: hidden;
}

.image_text_mixed_card.cover_image .the7-image-box-wrapper .box-content-wrapper,
.image_text_mixed_card.cover_image .the7-image-box-wrapper .box-content-wrapper .elementor-image-div,
.image_text_mixed_card.cover_image .the7-image-box-wrapper .box-content-wrapper .elementor-image-div .post-thumbnail-rollover,
.image_text_mixed_card.cover_image .the7-image-box-wrapper .box-content-wrapper .elementor-image-div .post-thumbnail-rollover img {
  height: 100%

}

.image_text_mixed_card .wf-cell .the7-image-box-wrapper{
  align-items: flex-end !important;
  position: relative;
  overflow: hidden;
}

.image_text_mixed_card .wf-cell .the7-image-box-wrapper::before{
  position: absolute;
  content: '';
  width: 100%;
  height: 10px;
  transform: translateY(10px);
  left: 0;
  background: linear-gradient(to top,var(--blue),white);
  bottom: 0;
  opacity: 0.25;
}

.image_text_mixed_card .wf-cell .the7-image-box-wrapper .box-content-wrapper,
.image_text_mixed_card .wf-cell .the7-image-box-wrapper::before{
  transition: 0.3s all;
}

.image_text_mixed_card .wf-cell .the7-image-box-wrapper:not(:has(.elementor-image-div )):hover .box-content-wrapper{
  transform: translateY(-10px);
}
.image_text_mixed_card .wf-cell .the7-image-box-wrapper:not(:has(.elementor-image-div )):hover::before{
  transform: translateY(0);
}



.image_text_mixed_card .wf-cell:nth-child(2) .the7-image-box-wrapper,
.image_text_mixed_card .wf-cell:nth-child(4) .the7-image-box-wrapper,
.image_text_mixed_card .wf-cell:nth-child(5) .the7-image-box-wrapper,
.image_text_mixed_card .wf-cell:nth-child(7) .the7-image-box-wrapper{
  padding: 0 !important;
  border: none !important;
}

.seamless_system_integration_magnify_glass{
  animation: seamless_system_integration_magnify_glass 2s infinite alternate linear;
  transform-origin: bottom left;
}

@keyframes seamless_system_integration_magnify_glass {
  to{
    transform: rotate(-5deg);
  }
}

.map_tabs span.e-n-tab-title-text,
.contact_detail_list:not(:first) .box-content-wrapper .box-heading a{
  font-family:  "Schibsted Grotesk", sans-serif !important;
}

.contact_detail_list .dt-css-grid .wf-cell:nth-child(3) .box-heading a:hover{
  color: var(--blue);
}
.upcoming_news_slider .post-tags{
  display: block;

}
.upcoming_news_slider .post-tag,
.past_events_card .post-tag{
margin-bottom: 16px;
padding: 8px 16px;
border-radius: 50px;
background: #F3F3F3;
text-transform: capitalize;
color: black;
font-size: 12px;
line-height: 20px;
}

.upcoming_news_slider .box-button svg,
.past_events_card .box-button svg{
height: 24px !important;
width: 24px !important;
}

.upcoming_news_slider .box-button:hover,
.past_events_card .box-button:hover{
  transform: translateX(5px);
}


.upcoming_news_slider.bullets-scale-up .owl-dot span {
    transform: scale(1) !important;
    border-radius: 0 !important;
}
.upcoming_news_slider .owl-dots button.owl-dot{
height: 10px !important;
width: 10px !important;
border-radius: 10px !important;
transition: 0.3s all;
overflow: hidden;
}
.upcoming_news_slider .owl-dots button.owl-dot.active{
width: 32px !important; 
}


.past_events_card .post-tags{
  display: block;
}
.past_events_card .post-tag{
  margin-bottom: 16px;
}

.past_events_card .heading a{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.webinar_search{
  transform-origin: bottom right;
  animation: webinar_search 2.5s infinite alternate linear;
}

@keyframes webinar_search {
  to{
    transform: rotate(10deg);
  }
}

.webinar_setting_small{
  animation: webinar_setting_small 120s infinite alternate linear;
}

@keyframes webinar_setting_small {
  to{
    transform: rotate(3600deg);
  }
}

.webinar_setting_large{
  animation: webinar_setting_large 120s infinite alternate linear;
}

@keyframes webinar_setting_large {
  to{
    transform: rotate(-3600deg);
  }
}

.upcoming_webinar_slider .post-thumbnail-rollover::before {
  background: linear-gradient(0deg, #00000091, transparent);
  opacity: 1 !important;
  z-index: 3;
}

.upcoming_webinar_slider .the7-simple-post-thumb{
  position: relative;
}

.upcoming_webinar_slider .the7-simple-post-thumb::before{
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-image: url(https://www.techmango.net/wp-content/uploads/2025/03/video-circle.png);
  width: 48px;
  height: 48px;
  z-index: 2;
  background-size: cover;
}

.split_tab_image{
  height: 100%;
}

.single.single-post .wp-block-spacer {
  display: none;
}

.single.single-post #main > .wf-wrap {
  padding: 0;
}

.single.single-post .wp-block-heading{
  margin-top: 16px;
  margin-bottom: 16px;
  color: black;
  font-size: 28px;
  line-height: 34px;
}

.single.single-post .wp-block-quote button {
  order: 2;
  border: 1px solid #fff;
  background: #fff;
  color: var(--blue) !important;
  font-style: normal;
  padding: 0;
  border-radius:25px;
  font-weight: 600;
  font-family: "Schibsted Grotesk", Sans-serif;
  font-size: 16px;
  font-weight: 700; 
  text-transform: uppercase;
  margin-top: 15px;
}

.single.single-post .wp-block-quote button a {
  color: var(--blue) !important;
  text-decoration: none;
  padding: 12px 20px;
  display: block;
  line-height: 1;
  margin: 0;
}

.single.single-post p,
.single.single-post li{
  font-family: "Schibsted Grotesk", Sans-serif !important;
   font-size: 16px;
  font-weight: normal; line-height:24px;
}



.single.single-post .widget.widget_block{
  padding: 0;
}

.single.single-post h5.wp-block-heading{
  margin-bottom: 10px;
}

.single.single-post .wp-block-quote, .single.single-post .wp-block-quote-is-layout-flow {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 20px 0 35px 0;
  padding: 20px 30px;
  border-radius: 10px;text-decoration:none;
  background:linear-gradient(45deg, #0089CF, #0089CF);
  border: none;
}

.single.single-post .wp-block-quote p { color:#fff !important }

.single.single-post .wp-block-quote cite a, .single.single-post .wp-block-quote-is-layout-flow cite a, .single.single-post .wp-block-quote-is-layout-flow cite a strong {
 font-size: 24px; font-style:normal; text-decoration:none;
  font-family: CabinetGrotesk-Variable !important;
  line-height: 32px; color: #fff !important;
}

.single.single-post .wp-block-quote cite a:hover, .single.single-post .wp-block-quote-is-layout-flow cite a:hover { text-decoration:nne;}


.single.single-post  .wp-block-quote a {
  font-style: normal;
  font-weight: 600;
  margin: 10px 0;
  text-decoration: none;
}
.single.single-post .wp-block-quote p, .single.single-post .wp-block-quote p strong, .single.single-post .wp-block-quote a, .single.single-post .wp-block-quote-is-layout-flow p {
  color: #fff !important;
}

.single.single-post .page-title .wf-wrap{
  padding: 80px 0 0 0;
  min-height:unset !important; 
  display: flex;
  align-items: flex-start;
}
.single.single-post #main .wf-wrap .wf-container-main{
  display: flex;
  justify-content: space-between;
  padding-bottom: 120px;
}
.single.single-post .page-title .wf-wrap .page-title-head.hgroup,
.single.single-post #main .wf-wrap .wf-container-main #content{
width: 66.64%;
}
.single.single-post #main .wf-wrap .wf-container-main #sidebar{
  width: 28%;
  border-left: solid rgba(0, 0, 0, 0.3) 1px;
  margin-top: -3%;
}
.single.single-post #main .wf-wrap .wf-container-main #sidebar .sidebar-content #block-7{
 margin-top: 16px;
}
.single.single-post .page-title .wf-wrap .entry-title{
  text-align: left;
}
.single.single-post .page-title .wf-wrap  .page-title-breadcrumbs{
  display: none;
}
.single.single-post .page-title.solid-bg{
  background-color: transparent;
}
.single.single-post #main{
  padding: 0;
}
.single.single-post #main .wf-wrap .wf-container-main #content .wp_custom_append{
  display: flex;
  align-items: center;
  gap: 8px;
  margin:16px 0 40px 0;
}
.single.single-post #main .wf-wrap .wf-container-main #content .wp_custom_append>*,
.single.single-post #main .wf-wrap .wf-container-main #content .wp_custom_append>* p{
  margin-bottom: 0;
  color: black;
  font-size: 16px;
  line-height: 16px;
  font-style: italic;
}
.single.single-post #main .wf-wrap .wf-container-main #content .wp_custom_append>*{
  border-left: solid black 1px;
  padding-left: 8px;
  font-family: "Schibsted Grotesk", sans-serif !important;

}
.single.single-post #main .wf-wrap .wf-container-main #content .wp_custom_append .post-author{
  display: flex;
  align-items: center;
  border-left: none;
}
.single.single-post #main .wf-wrap .wf-container-main #content .wp_custom_append .post-author img{
height: 40px;
width: 40px;
object-fit: cover;
border-radius: 40px;
margin-right: 16px;
}

.single.single-post #main .wf-wrap .wf-container-main #content .wp_custom_append  .post-category{
  display: flex;
  gap: 10px;
}

.single.single-post .tags_share .post-meta .entry-meta{
  display: none;
}
.post-navigation .post-title{
  font-family: "CabinetGrotesk-Variable" !important;
}

.single.single-post .tags_share{
  display: flex;
  flex-direction: column;
  padding: 40px 0;
  border-top: solid rgba(0, 0, 0, 0.3) 1px;
  border-bottom: solid rgba(0, 0, 0, 0.3) 1px;
  align-items: center;
  gap: 40px;
}
.single.single-post .tags_share .post-meta{
  margin-bottom: 0;
  width: 100%;

}

.single.single-post .tags_share .post-meta .entry-tags{
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content:center;
}

.single.single-post .tags_share .post-meta .entry-tags a{
  padding: 4px 16px;
  border-radius: 24px;
  font-size: 12px;
  line-height: 20px;
  color: black;
  background-color: #F3F3F3;
  font-family: "Schibsted Grotesk", Sans-serif !important;
  transition: 0.3s all;
}

.single.single-post .tags_share .post-meta .entry-tags a:hover{
  background-color: var(--blue);
  color: white;
}

.sub_page_custom_tabs .the7-e-tabs-nav-wrapper{
  padding: 40px;
  background: rgba(79, 198, 224, 0.10);
}

.sub_page_custom_tabs .the7-e-tabs-nav-wrapper .the7-e-tab-title.active h5{
  font-weight: 700 !important;
}


.sub_page_custom_tabs .the7-e-tab-item-wrapper .the7-e-tab-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  opacity: 0.05;
}
.sub_page_custom_tabs .the7-e-tab-item-wrapper .the7-e-tab-content>p{
  position: relative;
  z-index: 2;
}
.tab_logogen .line_bar{
  transition: 1s all;
}
.tab_logogen .line_bar1{
  stroke-dasharray: 351.0482177734375;
  stroke-dashoffset: 0 !important;
}
.tab_logogen .line_bar2{
  stroke-dasharray: 332.7343444824219;
  stroke-dashoffset: 332.7343444824219;
}
.tab_logogen .line_bar3{
  stroke-dasharray: 382.32806396484375;
  stroke-dashoffset: 382.32806396484375;
}
.tab_logogen .line_bar4{
  stroke-dasharray: 363.6501159667969;
  stroke-dashoffset: 363.6501159667969;
}

.tab_logogen_bg{
  opacity: 0.3;
}


.tab_logogen_btn{
  height: 75px;
  width: 75px;
  background: white;
  border: solid var(--blue) 1px;
  display: grid;
  place-items: center;
  border-radius: 70px;
  cursor: pointer;
}
.tab_logogen_btn ,
.tab_logogen_btn svg,
.tab_logogen_btn svg path{
transition: 0.3s all;
}
.tab_logogen_btn.active{
  background-color: var(--blue);
  border: solid white 1px;
}
.tab_logogen_btn.active path{
  stroke: white;
}
.tab_logogen_btn{
  animation: tab_logogen_btn 1s infinite alternate linear;
}

.industry_related_services_grids .the7-image-box-wrapper {
	justify-content: space-evenly !important;
}
@keyframes tab_logogen_btn {
  to{
    transform: scale(1.05);
  }
}
.tab_logogen_btn:nth-child(1){
  animation-delay: 0;
}
.tab_logogen_btn:nth-child(2){
  animation-delay: 1s;
}
.tab_logogen_btn:nth-child(3){
  animation-delay: 2s;
}
.tab_logogen_btn:nth-child(4){
  animation-delay: 3s;
}

.custom_app_logos .the7-box-grid-wrapper  .dt-css-grid .wf-cell a.post-thumbnail-rollover img{
  height: 55px;
  object-fit: contain;
}

.custom_app_logos .heading{
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

.modernization_logo{
  animation: modernization_logo 1s infinite alternate linear;
}
.modernization_logo:nth-child(even){
  animation-delay: 1s;
}

@keyframes modernization_logo {
  to{
    transform: scale(0.9);
  }
}
.single.single-post #sidebar .wp-block-latest-posts__list{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.single.single-post #sidebar .wp-block-latest-posts__list li{
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 0;
}

.single.single-post #sidebar .wp-block-latest-posts__list li .wp-block-latest-posts__featured-image{
  margin: 0 !important;
  grid-area: 1 / 1 / 4 / 3;
}
.single.single-post #sidebar .wp-block-latest-posts__list li .wp-block-latest-posts__post-title{
  font-size: 16px;
  line-height: 24px;
  font-family: "CabinetGrotesk-Variable";
  grid-area: 1 / 3 / 3 / 8;

}

.single.single-post #sidebar .wp-block-latest-posts__list li:hover a.wp-block-latest-posts__post-title,
.single.single-post #sidebar .wp-block-latest-posts__list li:hover a.wp-block-latest-posts__post-title strong{
  color: var(--blue);
}

.single.single-post #sidebar .wp-block-latest-posts__list li a.wp-block-latest-posts__post-title,
.single.single-post #sidebar .wp-block-latest-posts__list li .wp-block-latest-posts__post-title strong{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: black;
  font-family: "Schibsted Grotesk", Sans-serif;

}

.single.single-post #sidebar .wp-block-latest-posts__list li time{
font-family: "Schibsted Grotesk", Sans-serif;
color: black;
grid-area: 3 / 3 / 4 / 7;
font-size: 14px;
line-height: 22px;
}

.mis_vis_content{
  position: relative;
}

.mis_vis_content::before,
.mis_vis_content::after{
  position: absolute;
  content: '';
  height: 24px;
  width: 24px;
  background:url(https://www.techmango.net/wp-content/uploads/2025/03/corner-cut.png);
  background-size: cover;
  border-radius: 0 !important;
}

.mis_vis_content.vision::before{
  top: 0;
  right: -24px;
  left: unset;
  opacity: 1;
}


.mis_vis_content.vision::after{
  bottom: -24px;
  right: unset;
  left: 0;
}

.mis_vis_content.mission::before{
  top: -24px;
  right:0px;
  left: unset;
  transform: rotate(180deg);
}

.mis_vis_content.mission::after{
  bottom: 0px;
  right:unset;
  left: -24px;
  transform: rotate(180deg);
}

.jumping_robo{
  animation: jumping_robo 2s infinite alternate linear;
}
@keyframes jumping_robo {
  to{
    transform: translateY(20px);
  }
}

.listing_page_grid .dt-css-grid .wf-cell:hover .box-button{
  transform: translateX(10px);
}

.listing_page_grid .dt-css-grid .wf-cell:hover .elementor-image-div img{
  transform: scale(1.05);
}

.listing_page_grid .box-description{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.cloud_infra_banner_arrow,
.custom_app_banner_layer,
.ai_hero_robo{
  animation: cloud_infra_banner_arrow 2s linear infinite alternate;
}

@keyframes cloud_infra_banner_arrow {
  to{
    transform: translateY(-30px);
  }
}

.app_dev_banner{
  animation: app_dev_banner 2s linear infinite alternate;
}

@keyframes app_dev_banner {
  to{
    transform: translateX(-10px);
  }
}




.event-gallery .gallery-item{
	padding: 0px 10px 0px 0px !important;
}
.elementor-slideshow__footer{
	display: none !important;
}

.load_more_section a.box-button{
  font-family: "Schibsted Grotesk", Sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  line-height: 24px !important;
  padding: 15px 24px 15px 24px !important;
  border: solid 1px var(--blue) !important;
  border-radius: 100px 100px 100px 100px !important;
  color: var(--blue) !important;
  background: white !important;
  margin-top: 30px;
  
}
.load_more_section a.box-button:hover{
  background: var(--blue) !important;
  color: white !important;
}

.insurance_hero_vector{
  animation: insurance_hero_vector 2s infinite alternate linear;
}
@keyframes insurance_hero_vector {
 to{
  transform: translateY(-10px);
 }
}

.single.single-post #main .wf-wrap .wf-container-main #sidebar .sidebar-content #block-13,
.single.single-post #main .wf-wrap .wf-container-main #sidebar .sidebar-content #block-14{
  display: none;
}

.extended_team.marquee_slider img{
  object-fit: contain;
  width: fit-content;
}

.education_hero_circle,
.manufacture_ring:nth-child(1){
  animation: education_hero_circle 5s infinite linear;
}
.manufacture_ring:nth-child(2){
  animation: manufacture_ring_gear 5s infinite linear;

}
.manufacture_ring{
  animation-duration: 50s !important;
}
@keyframes education_hero_circle {
  to{
    transform: rotate(360deg);
  }
}
@keyframes manufacture_ring_gear {
  to{
    transform: rotate(-360deg);
  }
}

.news_hero_icon{
  animation: news_hero_icon 2s infinite linear alternate;
}
@keyframes news_hero_icon {
  to{
    transform: translateY(-5px);
  }
}
.news_hero_icon:nth-child(2){
  animation-delay:1s ;
}
.news_hero_icon:nth-child(3){
  animation-delay:2s ;
}

.single.single-post #comments .comment-respond>h3,
.single.single-post #comments .comment-notes.text-small{
  margin-bottom: 16px;
  color: black;
}

.single.single-post #comments .comment-form-cookies-consent,
.single.single-post #comments .the7-form-terms-wrap {
  margin-bottom: 0px;
}

.archive #content .wf-container .wf-cell{
  position: static !important;
  width: calc(25% - 18px);
  padding: 0;
}
.archive #main .wf-wrap{
  padding: 0;
}
.archive #content .wf-container .wf-cell p{
  color: black !important;
}
.archive #content .wf-container::before{
  display: none;
}
.archive #content .wf-container{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: 0 !important;
  height: unset !important;
}

.archive #content .wf-container .wf-cell .entry-meta{
  display: none;
}

.archive .paginator {
  margin-top: 100px;
}

.single.single-post .tags_share .single-share-box .share-buttons{
  gap: 10px;
}
.single.single-post .tags_share .single-share-box .share-buttons a{
  height: 40px !important;
  max-width: 40px !important;
  min-width: 40px !important;
  border-radius: 50px;
}
.single.single-post .tags_share .single-share-box .share-buttons a svg{
  width: 20px !important;
  height: 20px !important;
}

.fancy-categories{
  right: 10px;
  width: 500px;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  left: unset;
  justify-content: flex-end;
}

.fancy-categories a{
  padding: 8px 16px;
  border-radius: 50px;
  background-color: white;
  color: black;
  font-family: "Schibsted Grotesk", sans-serif !important;
  font-size: 12px;
  line-height: 20px;
transition: 0.3s all;
}

.fancy-categories a:hover{
  background-color:var(--blue) ;
}

.single.single-post li .s-post-content a{
  color: black !important;
  font-size: 16px;
  line-height: 24px;
transition: 0.3s all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.single.single-post li:hover .s-post-content a{
  color: var(--blue) !important;
}

.single-post .s-post-content .single-p-date{
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.5);
}

.wpcf7-response-output{
  position: static !important;
  margin-top: 0 !important;
  transform: none !important;
}

.intl-tel-input .selected-flag{
  height: 56px !important;
}

.pum-container .intl-tel-input .selected-flag{
  height: 40px !important;
}

.comment-form-comment,
.comment-form-email,
.comment-form-author{
  position: relative;
}

.wpcf7-form label.error,
#commentform #comment-error,
#commentform #author-error,
#commentform #email-error,
.awsm-application-form div.awsm-job-form-error{
  position: absolute;
  right: 12px;
  bottom: -5.5px;
  font-size: 11px;
  line-height: 11px;
  padding: 2px 8px;
  border-radius: 50px;
  border: solid rgba(0, 0, 0, 0.25) 1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  background-color: white;
}



.wpcf7-form-control-wrap{
  display: flex;
}

#resume_upload_caption{
  font-size: 14px;
    line-height: 14px;
    margin-top: 10px;
    color: black;
}

.custom-upload small{
  position: absolute;
  bottom: -30px;
  color: black;
}

#custom_download_casestudy_btn a{
      font-weight: 700;
    padding: 16px 24px;
    border: solid var(--blue) 1px;
    border-radius: 50px;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    margin: 24px 0;
    display: flex;
    transition: 0.3s all;
}
#custom_download_casestudy_btn a:hover{
  background-color: var(--blue);
  color: white;
}
  #comments #wp-comment-cookies-consent{
    height: 13px !important;
    width: 13px !important;
    padding: 0 !important;
  }

  .captcha{
    display: flex;
    margin: auto;
  }

    .captcha .cf7ic_instructions{
      color: black;
    }

     .captcha .cf7ic_instructions span{
      color: var(--blue);
     }

     /* for removing date in case studies listing page and detail page*/
     body.page-id-1505 .cards .card .content  p.date{
      display: none;
     }
     body.post-template .wf-container-main .post-date,
      body.post-template .widget .s-post-content .single-p-date{
      display: none;
     }

     .latest_career_list .awsm-job-item .awsm-list-right-col .awsm-job-specification-wrapper .awsm-job-specification-item.awsm-job-specification-technologies,
      .latest_career_list .awsm-job-item .awsm-list-right-col .awsm-job-specification-wrapper .awsm-job-specification-item.awsm-job-specification-functional-area,
      .latest_career_list .awsm-job-item .awsm-list-right-col .awsm-job-specification-wrapper .awsm-job-specification-item.awsm-job-specification-job-remuneration{
display: none;
     }

     


@media screen and (min-width:1600px) {



  .conic_style {
    background: conic-gradient(
      from 90deg at 50% 344px,
      #000 0.42347080539911985deg,
      #003d5c 90.21173357963562deg,
      #0089cf 180deg,
      #00aeef 270deg,
      #86c4ea 315deg,
      #9adaf1 337.5deg,
      #a4e4f4 348.75deg,
      #aeeff8 360deg
    );
  }

  .erp_tab_images>div {
    height:100%;
  }
  .erp_tab_images>div img{
    height: 100%;
    object-fit: cover;
  }
}


@media screen and (max-width: 1600px) {

  .conic_style {
    background: conic-gradient(
      from 90deg at 50% 296px,
      #000 0.42347080539911985deg,
      #003d5c 90.21173357963562deg,
      #0089cf 180deg,
      #00aeef 270deg,
      #86c4ea 315deg,
      #9adaf1 337.5deg,
      #a4e4f4 348.75deg,
      #aeeff8 360deg
    );
  }

  .archive #main .wf-wrap {
    max-width: 1200px;
}
  .erp_tab_images {
    background-size: 100% 100%;
  }
  .innerpage_ourapproach_cards.cloud_solution .wf-cell .the7-image-box-wrapper{
    min-height:390px !important ;
  }
  .innerpage_ourapproach_cards.cloud_infrastructure .wf-cell .the7-image-box-wrapper{
    min-height:290px !important ;
  }

  .innerpage_ourapproach_cards.managed_it_services .wf-cell .the7-image-box-wrapper{
    min-height: 330px !important;
  }

  .single.single-post #main .wf-wrap .wf-container-main{
    padding-bottom: 80px;
  }
  .single.single-post .wp-block-heading{
    font-size: 24px;
    line-height: 32px;
  }
  .single.single-post #main .wf-wrap .wf-container-main #sidebar {
    margin-top: -7%;
}
  .subpage_tech_stack_tab .e-n-tabs-heading button {
    padding-bottom: 6px;
}
  .tab_logogen_btn{
    height: 60px;
    width: 60px;
  }

  .tab_logogen_btn svg{
    height: 35px !important;
    width: 35px !important;
  }

  .single.single-post #main .wf-wrap,
  .single.single-post .page-title .wf-wrap {
    max-width: 1200px;
  }
  @keyframes hero_animation_center_logo {
    to {
      transform: translate(-50%, -57%) scale(0.5);
      opacity: 1;
    }
  }
  .header-bar>.branding{
    width: 250px;
  }


  .past_events_card .entry-meta,
  .past_events_card .box-button{
    margin-top: 10px !important;
  }


  .image_text_mixed_card .wf-cell .the7-image-box-wrapper{
    /* min-height: 312.59px !important; */
    min-height: 0 !important;
  }
  .business_central_icon_grid .the7-icon-box-grid{
    min-height: 330px !important;
  }
  .sap_integration.business_central_icon_grid .the7-icon-box-grid{
    min-height: 370px !important
  }
  .single-awsm_job_openings #main #content .awsm-job-single-wrap {
    margin-bottom: 80px;
  }

  .single-awsm_job_openings
    #main
    #content
    .awsm-job-form
    .awsm-job-form-inner
    h2 {
    font-size: 28px;
    line-height: 36px;
  }

  .single-awsm_job_openings .page-title > .wf-wrap h1 {
    font-size: 50px;
    line-height: 58px;
  }
  .single-awsm_job_openings #main > .wf-wrap,
  .single-awsm_job_openings .page-title {
    width: 1200px !important;
  }
  .custom_testimonial_slider .dt-owl-item-description::before {
    font-size: 38px !important;
    line-height: 80% !important;
    width: 33% !important;
    bottom: 30px !important;
    right: 30px !important;
  }

  .custom_testimonial_slider .dt-owl-item-description {
    padding: 20px 30px 30px 30px;
  }

  .masthead:not(.side-header):not(.side-header-menu-icon) .header-bar,
  .ph-wrap {
    max-width: 1200px;
    margin: 0 auto;
  }
  .hp_case_study_slider article .post-entry-content {
    gap: 10px;
  }
}


@media screen and (max-width: 1200px) {
  .archive .paginator {
    margin-top: 20px;
}
  .archive #main{
    padding: 50px 0;
  }
.archive .page-title #wf-wrap{
  padding: 50px 20px !important;
}
  .archive #main .wf-wrap {
    max-width: 100%;
}
.archive #content .wf-container{
  padding: 0 20px;
}

.archive #content .wf-container {
  gap: 20px;
}

.archive #content .wf-container .wf-cell {
  width: calc(50% - 10px);
}

  .custom_tab .the7-e-tabs-nav .the7-e-tab-title {
    min-width: fit-content;
  }

  .single.single-post #comments{
    padding-top: 50px;
  }

  .single.single-post #comments .comment-respond{
    padding: 50px 20px;
    background-color: #f5f5f5;
  }

  .single.single-post #main .wf-wrap .wf-container-main #sidebar form{
    width: 500px;
  }
  .sidebar-divider-vertical.sidebar-right .sidebar .sidebar-content,
  .sidebar-divider-vertical.sidebar-right .sidebar .sidebar-content .wp-block-group__inner-container{
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
  }
  .custom_app_logos .heading {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

.conic_style {
  background: conic-gradient(from 90deg at 50% 220px, #000 0.42347080539911985deg, #003d5c 90.21173357963562deg, #0089cf 180deg, #00aeef 270deg, #86c4ea 315deg, #9adaf1 337.5deg, #a4e4f4 348.75deg, #aeeff8 360deg);
}

.industries_conic_image_container{
  max-width: 400px;
}


  .single.single-post #main .wf-wrap .wf-container-main #sidebar .sidebar-content #block-9{
    margin-top: 30px;
  }
  .single .content>.post, .single .content>.project-post, .single .content>.single-postlike{
    margin-bottom: 0;
  }
  .sap_integration.business_central_icon_grid .the7-icon-box-grid{
    min-height: 330px !important
  }
  .sub_page_custom_tabs .the7-e-tab-item-wrapper .the7-e-tab-content::before{
    display: none;
  }
  .single.single-post #main .wf-wrap .wf-container-main{
    padding-bottom: 50px;
  }
  .footer_accordion summary{
    display: flex !important;
    justify-content: space-between !important;
  }
  .single.single-post .page-title .wf-wrap .entry-title ,
  .single.single-post .wp-block-heading{
    font-size: 24px !important;
    line-height: 32px !important;
}
  .single.single-post .page-title .wf-wrap .page-title-head.hgroup, .single.single-post #main .wf-wrap .wf-container-main #content {
    width: 100%;
}

.single.single-post  .comment-respond>h3, .comments-area>h3, .single-related-posts>h3 {
  margin-bottom: 16px;
}
  .single.single-post .page-title .wf-wrap{
    padding-top: 30px !important;
  }
  .single.single-post #main .wf-wrap .wf-container-main #sidebar .sidebar-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
  }
  .single.single-post #main .wf-wrap .wf-container-main #sidebar #block-8{
    width: 100%;
    max-width: 430px;
  }
  .single.single-post #main .wf-wrap .wf-container-main #sidebar{
    border-left: none !important;
    padding-bottom: 50px;
  }
  .custom_tech_logos_grid .elementor-element .elementor-widget-image:nth-child(odd),
  .custom_tech_logos_grid .elementor-element .elementor-widget-image:nth-child(even) {
    animation: none !important;
}
.custom_tech_logos_grid .elementor-element .elementor-widget-image img{
  width: fit-content;
}
  .modernization_logo{
    position: static !important;
  }
  .subpage_tech_stack_tab .e-n-tabs-heading,
  .subpage_logo_tab .the7-e-tabs-nav{
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
  }
  .subpage_tech_stack_tab .e-n-tabs-heading button,
  .subpage_logo_tab .the7-e-tab-title{
    min-width: fit-content;
    padding-bottom: 6px;
  }
  .desktop_break {
    display: none;
  }
  .custom_section_html .cards .card .content {
gap: 10px;
}
  .custom_section_html .filters .search input {
padding: 10px 24px 10px 64px;
}
  .custom_section_html .cards{
gap: 20px;
margin-top: 50px;
  }
  .custom_section_html .cards .card{
    width: calc(50% - 10px);
    gap: 18px;
  }
  .single.single-post #main .wf-wrap .wf-container-main #sidebar{
    margin-top: 0;
    padding-bottom: 0;
  }
  .single.single-post .tags_share .post-meta .entry-tags{
    display: flex;
    gap: 5px;
  }
  .single.single-post .tags_share>div{
    width: 100% !important;
  }

  .single.single-post #main .wf-wrap .wf-container-main{
    flex-direction: column;
    gap: 50px;
  }
  .single.single-post #main .wf-wrap .wf-container-main>div,
  .single.single-post #main .wf-wrap .wf-container-main>aside{
    width: 100% !important;
  }
  .single.single-post #main .wf-wrap, .single.single-post .page-title .wf-wrap {
    max-width: 100%;
}
  .single.single-post .page-title,
  .single.single-post #main{
    padding: 0 20px;
  }

  .sub_page_custom_tabs .the7-e-tabs-nav-wrapper .the7-e-tab-content::before{
    display: none;
  }
  .sub_page_custom_tabs .the7-e-tab-item-wrapper{
    background-color: rgba(79, 198, 224, 0.40) !important;
  }
  .sub_page_custom_tabs .the7-e-tab-item-wrapper .the7-e-tab-title{
    position: relative;
    padding-right: 50px !important;
  }
  .sub_page_custom_tabs .the7-e-tab-item-wrapper .the7-e-tab-title::before,
  .sub_page_custom_tabs .the7-e-tab-item-wrapper .the7-e-tab-title::after{
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    background-color: black;
    height: 1px;
    width: 20px;
    transition: 0.3s all;
  }
  .sub_page_custom_tabs .the7-e-tab-item-wrapper .the7-e-tab-title::after{
    transform: translateY(-50%) rotate(90deg);
  }
  .sub_page_custom_tabs .the7-e-tab-item-wrapper .the7-e-tab-title.active::after{
    transform: translateY(-50%) rotate(0deg);

  }
  .mobile-header-bar .mobile-branding a{
    width: 180px !important;
  }

  .image_text_mixed_card .wf-cell:nth-child(1){
    order: 1;
  }
  .image_text_mixed_card .wf-cell:nth-child(2){
    order: 2;
  }
  .image_text_mixed_card .wf-cell:nth-child(3){
    order: 4;
  }
  .image_text_mixed_card .wf-cell:nth-child(4){
    order: 3;
  }
  .image_text_mixed_card .wf-cell:nth-child(5){
    order: 6;
  }
  .image_text_mixed_card .wf-cell:nth-child(6){
    order: 5;
  }
  .image_text_mixed_card .wf-cell:nth-child(7){
    order: 7;
  }
  .image_text_mixed_card .wf-cell:nth-child(8){
    order: 8;
  }
  .business_central_icon_grid .wf-cell:nth-child(1){
    display: none;
    /* visibility: hidden; */
  }
  
  .single-awsm_job_openings .page-title {
    margin-top: 50px;
}
  .single-awsm_job_openings #content .awsm-job-single-wrap > div .awsm-job-specifications-container,
  .single-awsm_job_openings .page-title{
    width: calc(100% - 40px) !important;
    min-height: 140px;
  }
  .single-awsm_job_openings #main #content .awsm-job-form .awsm-job-form-inner form{
    width: 600px;
    margin: auto;
  }
  .single-awsm_job_openings #main #content .awsm-job-form .awsm-job-form-inner h2{
    text-align: center;
  }
  .single-awsm_job_openings .page-title > .wf-wrap {
    align-items: center;
  }
  .single-awsm_job_openings #main #content .awsm-job-content,
  .single-awsm_job_openings #main #content .awsm-job-form {
    width: 100%;
    padding: 0 20px;
}
.single-awsm_job_openings #main #content .awsm-job-form {
margin-top: 0;
}
  .single-awsm_job_openings #main #content .awsm-job-single-wrap{
    flex-direction: column;
    gap: 30px;
  }
  .single-awsm_job_openings
    #content
    .awsm-job-single-wrap
    > div
    .awsm-job-specifications-container
    .awsm-job-specification-wrapper {
    justify-content: center;
    flex-wrap: wrap;
  }
  .single-awsm_job_openings #main #content .awsm-job-single-wrap {
    margin-bottom: 50px;
  }

  .form_section form textarea {
    height: 150px;
  }

  /* .form_section form .half_cont.file p:nth-child(2) small {
    font-size: 9px;
    line-height: 17px;
  } */
  .career_listing .awsm-job-listings .awsm-job-listing-item {
    width: calc(50% - 10px);
  }
  .career_listing .awsm-job-listings {
    gap: 20px;
  }
  .career_listing-container {
    background: linear-gradient(to bottom, #edf9fc 85px, #ffffff00 85px);
  }
  .career_listing .awsm-filter-wrap {
    margin-bottom: 80px;
  }
  .latest_career_list .awsm-job-item .awsm-list-right-col {
    width: 100%;
  }
  .latest_career_list
    .awsm-job-item
    .awsm-list-right-col
    .awsm-job-specification-wrapper {
    display: flex;
    flex-wrap: wrap;
    row-gap: 16px;
  }
  .latest_career_list .awsm-job-listings .awsm-job-listing-item .awsm-job-item,
  .latest_career_list
    .awsm-job-listings
    .awsm-job-listing-item
    .awsm-job-item
    .awsm-list-right-col {
    display: flex;
    flex-direction: column;
  }
  .latest_career_list .awsm-job-listings {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    border: none;
  }
  .latest_career_list .awsm-job-listings .awsm-job-listing-item {
    width: calc(50% - 12px);
    border: solid rgba(0, 0, 0, 0.1) 1px;
  }
  .latest_career_list
    .awsm-job-listing-item:nth-child(n + 1):nth-child(-n + 4) {
    display: block !important;
  }
  .latest_career_list
    .awsm-job-item
    .awsm-list-right-col
    .awsm-job-specification-wrapper
    .awsm-job-specification-item
    i::before {
    color: black;
  }
  .latest_career_list .awsm-job-item .awsm-list-left-col {
    padding-bottom: 16px;
  }
  .latest_career_list
    .awsm-job-item
    .awsm-list-right-col
    .awsm-job-more-container
    a {
    margin-top: 16px;
  }
  .custom_testimonial_slider .dt-owl-item-description::before {
    font-size: 35px !important;
  }
  .custom_accordion .elementor-accordion.the7-adv-accordion {
    gap: 16px;
  }
}


@media screen and (max-width: 767px) {
 
  .single-awsm_job_openings .page-title > .wf-wrap{
    padding: 20px 20px 24px 20px;
  }
  .single-awsm_job_openings #content .awsm-job-single-wrap > div .awsm-job-specifications-container{
    padding: 0 20px 20px 20px;
    min-height: 215px;
  }
  .fancy-categories{
    width: 80%;
    gap: 4px;
  }
  .fancy-categories a{
    padding: 4px 8px;
    font-size: 10px;
    line-height: 18px;
  }
  .archive #content .wf-container .wf-cell {
    width:100%;
  }

  .single.single-post #main .wf-wrap .wf-container-main #content .wp_custom_append .post-author img{
    margin-right: 8px;
  }
  .single.single-post #comments form .form-fields>span {
    width: 100%;
}

  .comment-author .avatar-lazy-load-wrap{
    margin: 0px 20px 15px -60px;
  }
  .comment-list .comment-body {
    padding: 20px 20px 20px 80px;
}

  .single.single-post #comments .comment .no-avatar, .items-grid .no-avatar, 
  .single.single-post #comments .recent-posts .no-avatar {
    width: 40px;
    height: 40px;
}
  .single.single-post #comments form {
    width: 100%;
}
  .single.single-post #main .wf-wrap .wf-container-main #sidebar form{
    width: 100%;
  }
  .cutsom_service_tab .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]{
border-bottom: solid rgba(255, 255, 255, 0.5) 1px;
  }
  
  .conic_style {
    background: conic-gradient(from 90deg at 10% 340px, #000 0.42347080539911985deg, #003d5c 90.21173357963562deg, #0089cf 180deg, #00aeef 270deg, #86c4ea 315deg, #9adaf1 337.5deg, #a4e4f4 348.75deg, #aeeff8 360deg);
}
  .custom_tab .the7-e-tab-content.active{
    margin: 16px 0 16px 0;
  }

  .custom_tab .the7-e-tab-title{
    position: relative;
  }

  .custom_tab .the7-e-tab-title::before{
    position: absolute;
    content: '';
    height: 16px;
    width: 1px;
    top: 50%;
    right: 7.5px;
    left: unset !important;
    opacity: 1 !important;
    transform: translateY(-50%);
    background-color: black;
  }
  .custom_tab .the7-e-tab-title::after{
    position: absolute;
    content: '';
    height: 1px;
    width: 16px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: black;
  }
  .custom_tab .the7-e-tab-title.active::before{
    transform: translateY(-50%) rotate(90deg);
  }

  .mis_vis_content::before,
.mis_vis_content::after{
  display: none;
}
  .single.single-post #sidebar .wp-block-latest-posts__list li .wp-block-latest-posts__featured-image {
    margin: 0 !important;
    grid-area: 1 / 1 / 4 / 4;
}
  .single.single-post #sidebar .wp-block-latest-posts__list li .wp-block-latest-posts__post-title {
    grid-area: 1 / 4 / 3 / 12;
}
  .single.single-post #sidebar .wp-block-latest-posts__list li time {
    grid-area: 3 / 4 / 8 / 9;
}
  .single.single-post #sidebar .wp-block-latest-posts__list li {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0px;
}
  .select2-dropdown{
    top: -2px;
    }
  .custom_section_html .filters .selectable_section .select2-container--default .select2-selection--single .select2-selection__rendered{
    width: 110px;
    max-width: 110px;
  }
  .custom_section_html .filters .selectable_section .select2-container--default .select2-selection--single,
  .select2-container--default .select2-results>.select2-results__options{
    width: 160px;
  }
  .custom_section_html .cards .card .content {
gap: 8px;
}

.custom_section_html .cards .cards{
margin-top: 30px;

}
  .custom_section_html .cards .card{
    width: 100%;
  }

  .custom_section_html .filters .search{
    width: 100%;
  }

  .custom_section_html .filters{
flex-direction: column;
align-items: center;
gap: 20px;
  }

  .image_text_mixed_card .wf-cell:nth-child(1){
    order: 1;
  }
  .image_text_mixed_card .wf-cell:nth-child(2){
    order: 2;
  }
  .image_text_mixed_card .wf-cell:nth-child(3){
    order: 3;
  }
  .image_text_mixed_card .wf-cell:nth-child(4){
    order: 4;
  }
  .image_text_mixed_card .wf-cell:nth-child(5){
    order: 6;
  }
  .image_text_mixed_card .wf-cell:nth-child(6){
    order: 5;
  }
  .image_text_mixed_card .wf-cell:nth-child(7){
    order: 8;
  }
  .image_text_mixed_card .wf-cell:nth-child(8){
    order: 7;
  }

  .single-awsm_job_openings #main #content .awsm-job-form .awsm-job-form-inner .custom-upload span small{
    position: absolute;
    top: 35px;
    font-size: 10px;
  }
  .single-awsm_job_openings #main #content .awsm-job-form .awsm-job-form-inner form{
    width: 100%;
  }
  .single-awsm_job_openings #main #content .awsm-job-content .awsm-job-entry-content{
    margin-top: 270px;
  }
  .single-awsm_job_openings .page-title > .wf-wrap {
    align-items: flex-start;
}
  .single-awsm_job_openings #content .awsm-job-single-wrap > div .awsm-job-specifications-container .awsm-job-specification-wrapper{
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
  .career_listing .awsm-job-listings .awsm-job-listing-item {
    width: 100%;
  }
  .latest_career_list .awsm-job-specification-item span {
    position: relative;
    padding-left: 24px;
  }
  .latest_career_list .awsm-job-specification-item span::before {
    width: 18px;
    height: 18px;
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-size: cover;
    background-position: center center;
  }

  .latest_career_list
    .awsm-job-specification-item.awsm-job-specification-job-location
    span::before {
    background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/location-1.svg);
  }
  .latest_career_list
    .awsm-job-specification-item.awsm-job-specification-job-experience
    span::before {
    background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/star-1.svg);
  }
  .latest_career_list
    .awsm-job-specification-item.awsm-job-specification-job-remuneration
    span::before {
    background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/moneys-1.svg);
  }
  .form_section form .half_cont {
    width: 100%;
  }
  .latest_career_list .awsm-job-listings {
    gap: 20px;
  }
  .latest_career_list .awsm-job-listings .awsm-job-listing-item {
    width: 100%;
  }
  .latest_career_list h2.awsm-job-post-title a {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
  }
  .custom_testimonial_slider .dt-owl-item-description .reviewer_detail {
    margin-top: 20px;
  }
  .custom_testimonial_slider .dt-owl-item-description img.test_comma {
    right: 0;
  }
  .custom_testimonial_slider .dt-owl-item-description::before {
    /* font-size: 25px !important;
    width: 29% !important;
    bottom: 59px !important; */
    display: none;
  }
  .custom_testimonial_slider .dt-owl-item-description {
    padding: 20px;
  }
  .custom_testimonial_slider .dt-owl-item-inner .dt-owl-item-image {
    display: flex;
    order: 1;
    height: 350px;
  }
  .custom_testimonial_slider .dt-owl-item-inner .dt-owl-item-image img{
    object-position: 0 0px;
  }
  .custom_testimonial_slider .dt-owl-item-inner {
    flex-direction: column;
  }
  .custom_testimonial_slider .dt-owl-item-inner > div {
    width: 100% !important;
  }
 

  .dt-mobile-header .menu-item,
  .dt-mobile-header .mobile-mini-widgets-in-menu {
    transition: 0.3s all;
    transform: translateX(30px);
    opacity: 0;
  }

  .dt-mobile-header .menu-item:nth-child(1) {
    transition-delay: 0.25s;
  }
  .dt-mobile-header .menu-item:nth-child(2) {
    transition-delay: 0.35s;
  }
  .dt-mobile-header .menu-item:nth-child(3) {
    transition-delay: 0.45s;
  }
  .dt-mobile-header .menu-item:nth-child(4) {
    transition-delay: 0.55s;
  }
  .dt-mobile-header .menu-item:nth-child(5) {
    transition-delay: 0.65s;
  }
  .dt-mobile-header .menu-item:nth-child(6) {
    transition-delay: 0.75s;
  }
  .dt-mobile-header .menu-item:nth-child(7) {
    transition-delay: 0.85s;
  }
  .show-mobile-header .dt-mobile-header .mobile-mini-widgets-in-menu {
    transition-delay: 0.95s;
  }

  .show-mobile-header .dt-mobile-header .menu-item,
  .show-mobile-header .dt-mobile-header .mobile-mini-widgets-in-menu {
    transform: translateX(0);
    opacity: 1;
  }

  .dt-mobile-header .menu-item i svg path {
    fill: rgba(0, 0, 0, 0.75);
    color: rgba(0, 0, 0, 0.75);
  }
 
  .hp_case_study_slider article .post-entry-content .short-description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .hero_animation_container {
    display: block;
  }
  .hero_animation_vector {
    display: flex;
  }
  .hero_animation_center_logo {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%) scale(0);
    width: 24px;
    height: 24px;
  }

  @keyframes hero_animation_center_logo {
    to {
      transform: translate(-50%, -55%) scale(1);
    }
  }
}


@media screen and (min-width: 1200px) {

  .custom_testimonial_slider .dt-owl-item-description .reviewer_detail{
    width: 50%;
  }

  .career_listing .awsm-job-listings .awsm-job-listing-item .awsm-job-item {
    /* justify-content: space-between; */
    min-height: 100%;
  } 

  .single.single-post #main .wf-wrap .wf-container-main #sidebar .sidebar-content #block-19,
  .single.single-post #main .wf-wrap .wf-container-main #sidebar .sidebar-content #block-22{
    order: 1;
  }
  .single.single-post #main .wf-wrap .wf-container-main #sidebar .sidebar-content #block-20,
  .single.single-post #main .wf-wrap .wf-container-main #sidebar .sidebar-content #block-21{
    order: 2;
  }
  .sidebar-divider-vertical.sidebar-right .sidebar .sidebar-content{
    display: flex;
    flex-direction: column;
  }
  .sidebar-divider-vertical.sidebar-right .sidebar .sidebar-content .wp-block-group__inner-container,
  .sidebar-divider-vertical.sidebar-right .sidebar .sidebar-content .widget.widget_related_posts_category_widget{
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  
.sub_page_custom_tabs .the7-e-tab-item-wrapper .the7-e-tab-content {
  position: relative;
  max-height: 500px;
  overflow-y: auto;
}

.sub_page_custom_tabs .the7-e-tab-item-wrapper .the7-e-tab-content::-webkit-scrollbar {
  width:5px;
}


.sub_page_custom_tabs .the7-e-tab-item-wrapper .the7-e-tab-content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
.sub_page_custom_tabs .the7-e-tab-item-wrapper .the7-e-tab-content::-webkit-scrollbar-thumb {
  background: var(--blue); 
  border-radius: 10px;
}

.sub_page_custom_tabs .the7-e-tab-item-wrapper .the7-e-tab-content::-webkit-scrollbar-thumb:hover {
  background: #007fad; 
}
  
  .subpage_logo_tab .the7-e-tab-content{
    margin-top: 28px !important;
  }

  .subpage_logo_tab .the7-e-tabs-nav{
    width: calc(80% + 15px);
    margin-left: auto;
  }
  .innerpage_ourapproach_cards .wf-cell,
  .innerpage_ourapproach_cards .wf-cell .the7-image-box-wrapper,
  .innerpage_ourapproach_cards .wf-cell .the7-image-box-wrapper .box-content .box-description,
  .innerpage_ourapproach_cards .wf-cell .the7-image-box-wrapper .elementor-image-div,
  .innerpage_ourapproach_cards .wf-cell .the7-image-box-wrapper .box-content {
    transition: 0.75s all !important;
    transition-delay: 0 !important;
  }
  .innerpage_ourapproach_cards .wf-cell:hover .the7-image-box-wrapper .box-content{
    transform: translateY(-20px);
  }
  .innerpage_ourapproach_cards .wf-cell:hover .the7-image-box-wrapper .elementor-image-div{
    transform: rotate(45deg) scale(0.5);
    opacity: 0;
  }
  .innerpage_ourapproach_cards .wf-cell:hover .the7-image-box-wrapper .box-content .box-description{
    visibility: visible;
    max-height: 250px;
  }

  .innerpage_ourapproach_cards .wf-cell .the7-image-box-wrapper .box-content .box-heading{
    margin-bottom: 0;
  }

  .innerpage_ourapproach_cards .wf-cell .the7-image-box-wrapper{
    position: relative;
  }

  .innerpage_ourapproach_cards .wf-cell .the7-image-box-wrapper .box-content{
    position: absolute;
    bottom: 0;
    left: 20px;
    width: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .innerpage_ourapproach_cards .wf-cell .the7-image-box-wrapper .box-content .box-description{
   max-height: 0;
   visibility: hidden;
   overflow: hidden;
  }

  .innerpage_ourapproach_cards .wf-cell .the7-image-box-wrapper .elementor-image-div {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .innerpage_ourapproach_cards .wf-cell .the7-image-box-wrapper .elementor-image-div .post-thumbnail-rollover{
    width: 80%;
  }

  .innerpage_ourapproach_cards .wf-cell:not(:last-child) .the7-image-box-wrapper{
    border-right: none !important;
  }
  .customized_tab_content{
    background-color: transparent !important;
  }
  .customized_tab_content:not(.active){
    display: none;
  }
  
  .sub_page_custom_tabs .the7-e-tabs-nav-wrapper .the7-e-tab-title::before{
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    right: -65px;
    height: 20px;
    width: 20px;
    background-color: rgb(255, 255, 255);
    transition: 0.3s all;
  }
  .sub_page_custom_tabs .the7-e-tabs-nav-wrapper .the7-e-tab-title.active::before{
    right: -50px;
  }

  
/* .cutsom_service_tab .e-n-tabs-heading{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  max-height: 400px;
  overflow: scroll;
} */

  .contact_detail_list .dt-css-grid{
    display: flex;
    justify-content: space-between;
  }

  .contact_detail_list .dt-css-grid .wf-cell:nth-child(1),
  .contact_detail_list .dt-css-grid .wf-cell:nth-child(3){
    width: 28.5%;
  }

  .contact_detail_list .dt-css-grid .wf-cell:nth-child(2){
    width: 42.8%;
  }

  .latest_career_list .awsm-job-listings {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: none;
  }
  .latest_career_list
    .awsm-job-listing-item:nth-child(n + 1):nth-child(-n + 5) {
    display: block !important;
  }
  .latest_career_list .awsm-job-item {
    padding: 0px !important;
    display: flex;
    align-items: center;
    border-bottom: none !important;
    background-color: #f3f3f3;
  }
  .latest_career_list .awsm-job-item .awsm-list-left-col,
  .latest_career_list
    .awsm-job-item
    .awsm-list-right-col
    .awsm-job-more-container {
    width: 20%;
    padding: 16px 40px;
  }
  .latest_career_list .awsm-job-item .awsm-list-right-col {
    width: 80%;
    display: flex;
    align-items: center;
  }
  .latest_career_list
    .awsm-job-item
    .awsm-list-right-col
    .awsm-job-specification-wrapper {
    width: 75%;
    display: flex;
    align-items: center;
  }
  .latest_career_list
    .awsm-job-item
    .awsm-list-right-col
    .awsm-job-more-container {
    width: 25%;
    text-align: left;
  }

  .latest_career_list
    .awsm-job-item
    .awsm-list-right-col
    .awsm-job-specification-wrapper
    .awsm-job-specification-item {
    width: 33.33%;
    margin-right: 0 !important;
    padding: 16px 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }

  .latest_career_list
    .awsm-job-item
    .awsm-list-right-col
    .awsm-job-specification-wrapper
    .awsm-job-specification-item
    span {
    display: block;
    /* width: 100%; */
    text-align: left;
    /* padding: 16px 40px; */
  }

  .ind_solutions_card .wf-cell .box-heading {
    margin-bottom: 0px !important;
    position: relative;
  }
  .ind_solutions_card .wf-cell .box-heading::before {
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    bottom: -15.5px;
    background-color: var(--blue);
    left: 0;
    transition: 0.7s all !important;
  }
  .ind_solutions_card .wf-cell:hover .box-heading::before {
    width: 100%;
  }

  .ind_solutions_card .wf-cell .the7-image-box-wrapper {
    overflow: hidden;
    position: relative;
    transition: 0.7s all !important;
  }
  .ind_solutions_card .wf-cell .the7-image-box-wrapper .elementor-image-div {
    transition: 0.7s all !important;
    position: absolute;
    top: 16px;
    left: 16px;
  }
  .ind_solutions_card .wf-cell:hover .elementor-image-div {
    transform: scale(0.2) rotate(180deg);
    opacity: 0;
  }

  .ind_solutions_card .wf-cell .the7-image-box-wrapper .box-content-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .ind_solutions_card
    .wf-cell
    .the7-image-box-wrapper
    .box-content-wrapper
    .box-content {
    justify-content: flex-end;
    gap: 32px;
    transform: translateY(32px);
    transition: 0.7s all;
  }
  .ind_solutions_card
    .wf-cell
    .the7-image-box-wrapper
    .box-content-wrapper
    .box-description {
    max-height: 0;
    overflow: hidden;
  }
  .ind_solutions_card
    .wf-cell:hover
    .the7-image-box-wrapper
    .box-content-wrapper
    .box-content {
    transform: translateY(0);
  }
  .ind_solutions_card .wf-cell,
  .ind_solutions_card
    .wf-cell
    .the7-image-box-wrapper
    .box-content-wrapper
    .box-description {
    transition: 1s all !important;
  }
  .ind_solutions_card
    .wf-cell:hover
    .the7-image-box-wrapper
    .box-content-wrapper
    .box-description {
    max-height: 345px;
  }

  #primary-menu .sub-nav::before,
  .ph-wrap ul.main-nav .sub-nav::before {
    position: absolute;
    content: "";
    top: -10px;
    left: 20px;
    height: 10px;
    width: 20px;
    background: url(https://www.techmango.net/wp-content/uploads/2025/02/menu-top.png);
    filter: drop-shadow(0px -3px 2px rgba(0, 0, 0, 0.1));
  }

  #primary-menu .sub-nav .sub-nav,
  .ph-wrap ul.main-nav .sub-nav .sub-nav {
    margin-left: 12px;
    top: 0 !important;
  }

  #primary-menu .sub-nav .sub-nav::before,
  .ph-wrap ul.main-nav .sub-nav .sub-nav::before {
    left: -14px;
    top: 14px;
    transform: rotate(-90deg);
  }

  .cutsom_service_tab .e-n-tabs .e-n-tabs-heading {
    padding-top: 50px !important;
    min-width: 24% !important;
  }
  .masthead {
    padding: 0 20px;
  }

  .industry_related_services_grid
    > .elementor-element:nth-child(2)
    .dt-css-grid
    .wf-cell:nth-child(1)
    .the7-image-box-wrapper,
  .industry_related_services_grid
    > .elementor-element:nth-child(3)
    .dt-css-grid
    .wf-cell:nth-child(1)
    .the7-image-box-wrapper,
    
  .industry_related_services_grid_with_icon
    > .elementor-element:nth-child(2)
    .dt-css-grid
    .wf-cell:nth-child(1)
    .the7-image-box-wrapper,
  .industry_related_services_grid_with_icon
    > .elementor-element:nth-child(3)
    .dt-css-grid
    .wf-cell:nth-child(1)
    .the7-image-box-wrapper{
    border-bottom: none !important;
  }
  .industry_related_services_grid
    > .elementor-element:nth-child(4)
    .dt-css-grid
    .wf-cell.the7-image-box-wrapper,
    .industry_related_services_grid_with_icon
    > .elementor-element:nth-child(4)
    .dt-css-grid
    .wf-cell.the7-image-box-wrapper {
    border-left: none !important;
  }

  .industry_related_services_grid
    .dt-css-grid
    .wf-cell
    .the7-image-box-wrapper
    .box-content-wrapper,
  .industry_related_services_grid
    .dt-css-grid
    .wf-cell
    .the7-image-box-wrapper
    .box-content-wrapper
    .box-content {
    height: 100%;
  }
  .industry_related_services_grid
    .dt-css-grid
    .wf-cell
    .the7-image-box-wrapper
    .box-content-wrapper
    .box-content {
    justify-content: flex-start !important;
  }
  .industry_related_services_grid
    .dt-css-grid
    .wf-cell
    .the7-image-box-wrapper
    .box-content-wrapper
    .box-content
    .box-button {
    margin-top: auto;
  }
}


@media screen and (min-width:768px) {
  .footer_accordion summary{
    pointer-events: none; 
    cursor: default; 
  }
  .footer_accordion summary span.e-n-accordion-item-title-icon{
    display: none;
  }
}

.load_more_section{
    text-align: center;
    width: 100%;
    float: left;
}

@media screen and (min-width:767px) and  (max-height:870px) {
  .single-awsm_job_openings #main #content .awsm-job-form .awsm-job-form-inner .awsm-job-form-group textarea {
    height: 80px;

}
  .single-awsm_job_openings #main #content .awsm-job-form .awsm-job-form-inner .awsm-job-form-group {
    margin-bottom: 20px;
}
  .single-awsm_job_openings #main #content .awsm-job-form .awsm-job-form-inner .awsm-job-form-group input, .single-awsm_job_openings #main #content .awsm-job-form .awsm-job-form-inner .awsm-job-form-group textarea{
    padding: 12px 24px;
  }
  .single-awsm_job_openings #main #content .awsm-job-form .awsm-job-form-inner .awsm-job-form-group input {
    min-height: 42px;
}
}

@media screen and (min-width:767px) and  (max-height:700px) {
  .single-awsm_job_openings #main #content .awsm-job-form .awsm-job-form-inner .awsm-job-form-group {
    margin-bottom: 12px;
}
  .single-awsm_job_openings #main #content .awsm-job-form .awsm-job-form-inner .awsm-job-form-group input, .single-awsm_job_openings #main #content .awsm-job-form .awsm-job-form-inner .awsm-job-form-group textarea,
  .single.single-post #main .wf-wrap .wf-container-main #sidebar form input, .single.single-post #main .wf-wrap .wf-container-main #sidebar form textarea{
    padding: 10px 24px;
  }

  .single.single-post #main .wf-wrap .wf-container-main #sidebar form{
    gap: 14px;
  }
  .single.single-post #main .wf-wrap .wf-container-main #sidebar form textarea{
    height: 80px;
  }
}

@media screen and (min-width:1201px) and  (max-width:1600px){
    .masthead:not(.side-header):not(.side-header-menu-icon) .header-bar, .ph-wrap {
        max-width: 100% !important;
    }
}

@media screen and (min-width:1201px) and  (max-width:1320px){
    .masthead:not(.side-header):not(.side-header-menu-icon) .header-bar, .ph-wrap {
        max-width: 100% !important;
    }
    .main-nav > li > a {
    margin: 18px 6px 18px 6px !important;
}
}

.related-cpt-field li{
    margin-bottom: 20px;
}
.related-cpt-field li a{
    text-decoration: none;
}
.related-cpt-field li{
    width:100%;
    float:left;
}
.related-cpt-field li .s-blg-featatured{
    width: 25%;
    float: left;
}
.related-cpt-field li .s-blg-featatured img{
    width: 100%;
    float: left;
}
.related-cpt-field li .s-post-content{
    width: 70%;
    float: left;
    padding-left: 10px;
}
.related-cpt-field li .s-post-content br{
  display: none;
}

.custom-form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background: #fff;
  padding: 24px;
  border-radius: 16px;
  max-width: 600px;
  margin: auto;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

.custom-form-grid .form-group {
  display: flex;
  flex-direction: column;
	margin: 0 5px;
}

.custom-form-grid .form-group.full-width {
  grid-column: span 2;
}

.custom-form-grid input,
.custom-form-grid select {
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 10px;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
}

.custom-form-grid input:focus,
.custom-form-grid select:focus {
  border-color: #2e6ff2;
  outline: none;
}

.custom-form-grid input[type="submit"] {
  background-color: #2e6ff2;
  color: #fff;
  border: none;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.3s ease;
  border-radius: 10px;
  padding: 14px;
}

.custom-form-grid input[type="submit"]:hover {
  background-color: #204fcc;
}

.custom-form-grid select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 10px;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23333' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px 10px;
  cursor: pointer;
}

.custom-form-grid select:focus {
  border-color: #2e6ff2;
  outline: none;
}

.form-group.full-width.submit-btn {
    justify-content: center;
    margin-top: 20px;
    text-align: center;
}

.form-group.full-width.submit-btn p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.form-group.full-width.submit-btn p input {
    border-radius: 12px;
    height: 48px;
    width: auto;
}

.page-id-51303 .select2-results__options {
	width: 100% !important;
}
.page-id-51303 .select2-container {
	width: 100% !important;
}
.page-id-51303 .masthead,
.page-id-51303 .page-title,
.page-id-51303 .footer 
{
	display: none !important;
}

.mobile-banner-content {
	padding-bottom: 80px;
}

.mobile-box .elementor-image-box-title { 
	min-height: 48px;
}

.mobile-faq-wrap .elementor-accordion-item {
	border-width: 1px 0 !important;
}

.mobile-faq-wrap .elementor-tab-content {
	border: none;
}

.mobile-faq-wrap .elementor-accordion-icon {
	border-radius: 50% !important;
}

.mobile-faq-wrap .elementor-accordion-icon > span {
	font-size: 20px;
    padding: 18px;
}

.client-prefer-block .e-con-inner > .elementor-element .post-thumbnail-rollover img {
	display: none;
}

.client-prefer-block .e-con-inner > .elementor-element .post-thumbnail-rollover {
	width: 56px;
	height: 56px;
	flex: 0 0 auto;
}

.client-box:hover {
	cursor: pointer;
}

.client-box {
	padding: 20px;
}

.client-box:hover p {
	color: #fff;
}

.mobile-land-header .header_contact_btn:before,
.mobile-land-header .header_contact_btn:after {
	display: none;
}

.d-none {
	display: none;
}

.mobile-land-header .header_contact_btn {
	border-radius: 10px;
	border: 2px solid #fff;
	font-size: 16px;
	line-height: 24px;
		padding: 12px 22px !important;
	color: #fff;
}

.mobile-land-header .header_contact_btn:hover {
	padding: 12px 22px !important;
}

.app-idea-life .e-con-inner {
	gap: 0;
}

.app-idea-life .e-con-inner h2.the7-heading-title {
	margin-bottom: 12px;
}

.app-idea-life .e-con-inner h4.the7-heading-title {
	color: #000;
}

.app-idea-life {
	padding: 30px 0;
	background: url(https://www.techmango.net/wp-content/uploads/2025/08/app_idea_bg.png) no-repeat left bottom, url(https://www.techmango.net/wp-content/uploads/2025/08/Icons_bg.png) no-repeat right bottom;
}

.app-idea-life .box-button.elementor-button {
	padding: 16px 21px;
	margin-top: 20px;
}

.client-test-wrap .swiper-container {
    position: relative;
    max-width: 1100px;
    padding: 0 90px;
    margin: 0 auto 55px;
}

.client-test-wrap .the7-swiper-button {
	position: absolute;
	top: 50% !important;
	transform: translate(-50%, 0);
}

.client-test-wrap .swiper-container .e-con-inner > div:first-child {
	width: 200px;
	flex: 0 0 auto;
}

.client-test-wrap .the7-swiper-slide {
	border: 1px solid #1F1B1B33;
	box-shadow: 0px 5.19px 14.52px 0px #080F340A;
border-radius: 28px;
	padding: 27px;
	margin-bottom: 2px;
	opacity: 0;
}

.client-test-wrap .the7-swiper-slide.swiper-slide-active {
	opacity: 1;
}

.client-test-wrap .the7-swiper-button.the7-swiper-button {
	background: #1668E8;
color: #fff;
	translate: none;
	padding: 4px;
	border-radius: 50% !important;
	width: 48px !important;
	height: 48px !important;
}

.client-test-wrap .the7-swiper-button.the7-swiper-button:hover {
background: #E6E4FF !important;
}

.client-test-wrap .the7-swiper-button.the7-swiper-button:hover svg path {
		stroke: #1C55E0;
}

.client-test-wrap .the7-swiper-button.the7-swiper-button svg {
	fill: none;
}

.client-test-wrap .the7-swiper-button.the7-swiper-button svg path {
	stroke: #fff;
}

.client-test-wrap .the7-swiper-button.the7-swiper-button-prev {
	left: 26px !important;
}

.client-test-wrap .the7-swiper-button.the7-swiper-button-next {
	right: -23px !important;
	left: auto !important;
}

.client-test-wrap p span {
	display: block;
	margin: 10px 0 20px;
}

.tech-name {
	padding: 0 10px;
}

.tech-logo {
	padding: 18px 40px;
}

.client-prefer-block .e-con-inner > div:nth-child(1) .post-thumbnail-rollover {
  background: url(https://www.techmango.net/wp-content/uploads/2025/07/prefer1.png) no-repeat center / cover;
}

.client-prefer-block .e-con-inner > div:nth-child(1):hover .post-thumbnail-rollover {
  background: url(https://www.techmango.net/wp-content/uploads/2025/07/prefer1_active.png) no-repeat center / cover;
}

.client-prefer-block .e-con-inner > div:nth-child(2) .post-thumbnail-rollover {
  background: url(https://www.techmango.net/wp-content/uploads/2025/07/prefer2.png) no-repeat center / cover;
}

.client-prefer-block .e-con-inner > div:nth-child(2):hover .post-thumbnail-rollover {
  background: url(https://www.techmango.net/wp-content/uploads/2025/07/prefer2_active.png) no-repeat center / cover;
}

.client-prefer-block .e-con-inner > div:nth-child(3) .post-thumbnail-rollover {
  background: url(https://www.techmango.net/wp-content/uploads/2025/07/prefer3.png) no-repeat center / cover;
}

.client-prefer-block .e-con-inner > div:nth-child(3):hover .post-thumbnail-rollover {
  background: url(https://www.techmango.net/wp-content/uploads/2025/07/prefer3_active.png) no-repeat center / cover;
}

.client-prefer-block .e-con-inner > div:nth-child(4) .post-thumbnail-rollover {
  background: url(https://www.techmango.net/wp-content/uploads/2025/07/prefer4.png) no-repeat center / cover;
}

.client-prefer-block .e-con-inner > div:nth-child(4):hover .post-thumbnail-rollover {
  background: url(https://www.techmango.net/wp-content/uploads/2025/07/prefer4_active.png) no-repeat center / cover;
}

.client-prefer-block .e-con-inner > div:nth-child(5) .post-thumbnail-rollover {
  background: url(https://www.techmango.net/wp-content/uploads/2025/07/prefer5.png) no-repeat center / cover;
}

.client-prefer-block .e-con-inner > div:nth-child(5):hover .post-thumbnail-rollover {
  background: url(https://www.techmango.net/wp-content/uploads/2025/07/prefer5_active.png) no-repeat center / cover;
}

.social-wrap .elementor-social-icons-wrapper {
	gap: 20px;
}

.social-wrap .elementor-social-icons-wrapper .elementor-social-icon {
	padding: 0;
	width: auto;
	height: auto;
}

.social-wrap .elementor-social-icons-wrapper .elementor-social-icon svg {
	width: 30px;
	height: 30px;
}

.custom-form-grid input, 
.custom-form-grid select {
    padding: 8px 12px;
	border: 1px solid #a3a3a3;
}

.content ul.contact-info-wrap {
	padding: 0;
	margin: 0;
	list-style: none;
}

.social-link-wrap {
	padding: 0;
	margin: 0 !important;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 20px;
}

.mobile-banner-content .intl-tel-input .selected-flag {
	height: 40px !important;
}

.mobile-banner-content .wpcf7-form-control-wrap {
	flex-direction: column;
}

.mobile-banner-content .wpcf7-form-control-wrap label.error {
position: static;
    float: none;
    box-shadow: none;
    border: none;
	padding: 0;
}

.mobile-banner-content .wpcf7-form-control-wrap input {
	margin-bottom: 5px;
}

.mobile-banner-content .selection .select2-selection {
	    border: 1px solid #a3a3a3;
    border-radius: 10px;
}

.mobile-banner-content .wpcf7-form-control-wrap[data-name="services"] label.error {
	order: 3;
	margin-top: 7px;
}

.mobile-banner-content .selection .select2-selection.select2-selection--multiple {
		min-height: 40px;	
}

.mobile-banner-content .selection .select2-selection.select2-selection--single {
		height: 40px;	
}

.mobile-banner-content .selection .select2-selection.select2-selection--single .select2-selection__rendered {
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 10px;
}

.mobile-banner-content .selection .select2-selection.select2-selection--multiple ul {
	margin: 0;
}

.mobile-banner-content .selection .select2-selection .select2-selection__arrow {
	right: 5px !important;
}

.tech-mobile-app-wrap {
	text-align: center;
}

.tech-mobile-app-wrap .elementor-element.elementor-widget-the7-heading {
	width: 100%;
}

.mobile-banner-content > div + div {
	padding: 0;
	box-shadow: none;
	background: none !important;
}

.dev-service-accordion .elementor-accordion-icon-opened svg,
.dev-service-accordion .elementor-accordion-icon-closed svg {
	transform: rotate(180deg);
}

.brands-wrap.elementor-element {
	padding: 8px;
}

.brands-wrap.elementor-element .post-thumbnail-rollover img {
	height: 68px;
	transform: none;
	border-radius: 8px;
	object-fit: contain;
}

.social-link-wrap li {
		list-style: none;
}

.dev-service-accordion .elementor-tab-content {
border: none;
}

.dev-service-accordion .elementor-accordion {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	flex-wrap: wrap
}

.dev-service-accordion .elementor-accordion > div {
	width: calc(50% - 10px);
	flex: 0 0 auto;
}

.dev-service-accordion .elementor-accordion-icon,
.dev-service-accordion .elementor-accordion-icon svg {
	width: 20px !important;
	height: 20px !important;
	flex: 0 0 auto;
}

.dev-service-accordion .elementor-accordion-title {
	font-size: 20px;
	line-height: 30px;
}

.dev-service-accordion .elementor-accordion .elementor-tab-content {
	padding: 0px 20px 15px;
}

.dev-service-accordion .elementor-tab-content span {
padding: 20px 12px;
	display: block;
	border: 0.8px solid #9CB1FF;
	border-radius: 8px;
	font-size: 16px;
    line-height: 24px;
}

.dev-service-accordion .elementor-accordion-item {
	padding: 0;
	background: #FAFAFA;
		border-radius: 8px;
	overflow: hidden;
	border: 1px solid #E3E3E3;
}

.dev-service-accordion .elementor-accordion-item + .elementor-accordion-item {
	border: 1px solid #E3E3E3;
}

.content ul.contact-info-wrap li a img {
	margin: 0 18px 0 0;
}

.content ul.contact-info-wrap li + li {
	margin-top: 15px;
}

.content ul.contact-info-wrap li a {
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	font-weight: 400;
}

.case-study-wrap .post-thumbnail-rollover {
	background: linear-gradient(135deg, #DFF3FF 0%, #DDCDFF 100%);
	border-radius: 8px;
}

.case-study-wrap .the7-swiper-button {
	position: static;
	transform: none;
	background: #DBF4FF;
	border-radius: 50% !important;
	width: 56px !important;
	height: 56px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 7px;
}

.case-study-wrap .the7-swiper-button svg {
	width: 20px;
	height: 20px;
}

.case-study-wrap .the7-swiper-button svg path {
	fill: #000;
}

.swiper-container .elementor-element {
	text-align: left;
}

.swiper-container {
	text-align: center;
}

.mobile-innovation-wrap .mobile-edge li {
	padding-left: 40px;
}

.mobile-innovation-wrap .mobile-edge li::before {
	content: "";
	background: url(https://www.techmango.net/wp-content/uploads/2025/07/checked.png) no-repeat center / cover;
	width: 24px;
	height: 24px;
}

.mobile-innovation-wrap .e-con-inner {
	gap: 80px;
}

.mobile-innovation-wrap .e-con-inner .e-con-boxed {
	padding: 0;
}

.mobile-innovation-wrap .e-con-inner .elementor-widget-text-editor p {
	margin: 30px 0;
}

.mobile-innovation-wrap .e-con-inner ul li + li {
	margin-top: 20px;
}

.mobile-innovation-wrap .e-con-inner ul {
	margin: 0;
}

.client-test-wrap {
	margin: 0 !important;
}

.case-study-wrap .result-wrap {
	margin-top: 35px;
}

.case-study-wrap .result-wrap > strong {
	margin-bottom: 5px;
	display: block;
}

.case-study-wrap .result-wrap br,
.case-study-wrap .result-wrap p br {
	display: none;
}

.mobile-innovation-wrap .post-thumbnail-rollover img {
	max-height: 600px;
    object-fit: cover;
    border-radius: 30px;
}

.brands-wrap .e-con-inner .swiper-slide-inner img {
	vertical-align: top;
}

.brands-wrap .e-con-inner > div {
	display: flex;
	width: 100%;
	align-items: center;
	flex-direction: row;
}

.brands-wrap .elementor-element.elementor-widget-the7-heading {
	flex-grow: 1;
}

.brands-wrap .e-con-boxed {
	max-width: 1280px;
	margin: 0 auto;
}

.mobile-banner-content form input[type="submit"] {
	min-width: 200px !important;
}

.mobile-banner-content form input,
.mobile-banner-content form label.from-label {
	color: #000;
}

.mobile-banner-content .select2-selection__choice__remove {
	height: 100%;	
	color: #000;
}

.mobile-banner-content .select2-selection__choice__remove span {
		color: #000;
}

.mobile-banner-content .select2-selection__choice__display {
	color: #000;
}

/* Selected option styling - highest priority */
body .select2-results__option.select2-results__option--selectable.select2-results__option--selected {
    background: #4FC6E0 !important;
    color: white !important;
}

body .select2-results__option.select2-results__option--selectable.select2-results__option--selected.select2-results__option--highlighted {
    background: #4FC6E0 !important;
    color: white !important;
}

body .select2-results__option.select2-results__option--selectable.select2-results__option--highlighted:not(.select2-results__option--selected) {
    background: #4FC6E0 !important;
    color: white !important;
}

.mob-our-dev .elementor-element.mobile-approach.elementor-widget-the7-heading .the7-heading-title,
.mob-our-dev .elementor-element.mobile-approach.elementor-widget-the7-heading .the7-heading-title span,
.tech-mobile-app-wrap .elementor-element .elementor-widget-the7-heading .the7-heading-title {
	font-size: 48px;
	line-height: 56px;
}

.company-provides .mobile-box .elementor-image-box-title {
	min-height: auto;
}

.mobile-box .elementor-element .elementor-image-box-title {
	font-size: 24px !important;
	line-height: 32px;
}

.submit-btn .wpcf7-spinner {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 36px;
    margin: 0;
}

.mobile-banner-content .select2-container--default .select2-search--inline .select2-search__field {
	height: 20px;
}

.mobile-hide {
		display: block;
	}
	
	.desktop-hide {
		display: none;
	}

.mobile-banner-content .elementor-element .elementor-widget-the7-heading .the7-heading-title span.mobile-app {
	display: inline-block;
}

.page.page-id-52971 .e-loop-item + .e-loop-item  {
	display: none;
}

.author-list-info.elementor-element p {
font-weight: 400;
font-size: 20px;
line-height: 34px;
color: #231F20;
}

.author-detail-info ul,
.author-list-wrap ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.author-list-wrap > div {
	width: calc((100% / 4) - 15px);
	flex: 0 0 auto;
}

.author-list-wrap .author-card {
	text-align: center;
}

.author-list-wrap .author-card ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 24px;
	border-top: 1px solid #D6D6D6;
}

.author-detail-info .author-card ul {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 24px 0;
	border-top: 1px solid #D6D6D6;
}

.author-detail-info .author-card .image-wrap {
	width: 228px;
	height: 228px;
	flex: 0 0 auto;
}

.author-detail-info .author-card .image-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.author-detail-info .author-card .info-wrap {
	flex-grow: 1;
}

.related-blogs-wrap .post-entry-content .box-button.elementor-button {
			color: #02AFEF;
	text-transform: uppercase;
	background: none;
	padding: 0 30px 0 0;
	    transition: 0.3s ease-in-out !important;
}

.related-blogs-wrap .post-entry-content .box-button.elementor-button:hover {
				color: #fff;
	background: #02AFEF;
	padding: 12px;
}

.related-blogs-wrap .post-entry-content .box-button.elementor-button::before,
.related-blogs-wrap .post-entry-content .box-button.elementor-button::after {
	content: "";
	display: inline-block;
	position: absolute;
    height: 24px;
    width: 24px;
    background-size: cover;
    transition: 0.3s ease-in-out !important;
}

.related-blogs-wrap .post-entry-content .box-button.elementor-button::after {
    background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/arrow-right.svg);
    right: 0;
}

.related-blogs-wrap .post-entry-content .box-button.elementor-button::before {
    background-image: url(https://www.techmango.net/wp-content/uploads/2025/02/arrow-right-white.svg);
    left: 0;
	display: none;
    transform: translateX(-50px);
}

.related-blogs-wrap .post-entry-content .box-button.elementor-button:hover {
	padding-left: 33px;
}

.page.page-id-52971 .page-title-breadcrumbs .breadcrumbs li span {
font-weight: 400;
font-size: 16px;
line-height: 28px;
}

.page.page-id-52971 .page-title.solid-bg {
    background-color: transparent;
}

.related-blogs-wrap .post-entry-content .box-button.elementor-button:hover::before {
	opacity: 1;
	left: 5px;
	display: inline-block;
	    transform: none;
}

.related-blogs-wrap .post-entry-content .box-button.elementor-button:hover::after {
	opacity: 0;
}

.author-detail-info .author-detail-item {
	gap: 50px;	
	max-width: 720px;
	margin: 0 auto;
}

.author-detail-info .author-detail-item .item h3 {
	color: #000;
font-weight: 700;
font-size: 24px;
line-height: 36px;
}

.author-detail-info .author-detail-item .item p {
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #231F20;
}

.author-list-wrap .author-card h3 {
font-weight: 800;
font-size: 24px;
line-height: 36px;
	margin-bottom: 5px;
}

.author-detail-info .author-card h1 {
font-weight: 800;
font-size: 32px;
line-height: 44px;
	color: #000;
}

.author-detail-info .author-card {
	display: flex;
	align-items: center;
	gap: 30px;
	max-width: 920px;
	margin: 0 auto;
	padding: 0 15px;
}

.author-detail-info .author-card h4,
.author-list-wrap .author-card h4 {
		font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	    color: #231F20;
}

.author-list-info {
	padding: 20px 15px;
}

.author-list-wrap {
	margin-top: 50px;
}

.author-list-wrap,
.related-blogs-wrap {
	padding: 0 15px;
} 

.related-blogs-wrap .elementor-heading-title {
font-weight: 700;
font-size: 40px;
line-height: 52px;
color: #000;
}

.related-blogs-wrap .elementor-widget.elementor-widget-the7_elements_carousel .post-entry-content {
	background: #f7f7f7;
	padding: 15px 20px;
}

.related-blogs-wrap .post-thumbnail-wrap .post-thumbnail img {
	height: 190px;
	object-fit: cover;
	object-position: left;
}

.related-blogs-wrap .post-entry-content .ele-entry-title {
	font-weight: 700;
font-size: 20px;
    line-height: 32px;
color: #000;
}

.related-blogs-wrap .entry-meta .meta-item.category-link {
	font-size: 0;
	display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.related-blogs-wrap .entry-meta .meta-item.data-link {
	display: block;
	margin-top: 10px;
		font-size: 12px;
	    color: #202020;
}

.related-blogs-wrap .entry-meta .meta-item.data-link:before {
	content: none !important;
}

.related-blogs-wrap .entry-meta .meta-item.category-link a {
	font-size: 12px;
    background-color: #ccc;
    display: inline-block;
    border-radius: 15px;
    padding: 3px 12px;
    color: #202020;
}

.related-blogs-wrap .entry-excerpt p {
			color: #231F20;
font-size: 17px;
	line-height: 27px;
}

.page.page-id-52971 .page-title-head h1 {
	text-transform: capitalize;
}

.page.page-id-52971 .page-title-breadcrumbs .breadcrumbs li.current span {
		color: #02AFEF;
}

.page.page-id-52971 .page-title-breadcrumbs .breadcrumbs li span {
		color: #231F20;
}

.related-blogs-wrap {
	margin: 20px 0;
}

.page.page-id-52971 .scroll-top.on,
.page.page-id-53154 .scroll-top.on,
.page.page-id-53504 .scroll-top.on,
.page.page-id-53537 .scroll-top.on {
	bottom: 80px;
}

.author-list-wrap .author-card .image-wrap img {
	width: 180px;
	height: 180px;
	border-radius: 50%;
}

.author-list-wrap {
	justify-content: center;
}

/*Responsive*/
@media only screen and (min-width: 768px) {
.mobile-edge .box-button.elementor-button {
min-width: 330px;
    padding: 17px;
}
}

@media only screen and (max-width: 1299px) {
	.page.page-id-52971 .page-title-head h1 {
    font-size: 30px;
    line-height: 40px;
}
	
	.author-detail-info .author-detail-item .item h3 {
    font-size: 20px;
    line-height: 30px;
}
	
	.author-detail-info .author-detail-item {
    gap: 40px;
}
	
	.author-detail-info .author-detail-item .item p {
    font-size: 14px;
		line-height: 26px;}
	
	.author-detail-info .author-card ul {
    gap: 20px;
		padding: 20px 0;}
	
	.author-detail-info .author-card h1 {
    font-size: 28px;
		line-height: 40px;
		margin-bottom: 5px;
	}
	
	.related-blogs-wrap .entry-excerpt p {
    font-size: 15px;
    line-height: 25px;
}
	
	.related-blogs-wrap .post-entry-content .ele-entry-title {
    font-size: 17px;
		line-height: 30px;}
	
	.related-blogs-wrap .elementor-widget.elementor-widget-the7_elements_carousel .post-entry-content {
    padding: 12px 15px;
}
	
	.related-blogs-wrap .elementor-heading-title {
    font-size: 34px;
		line-height: 44px;
	}
	
	.author-list-info.elementor-element p {
    font-size: 17px;
		line-height: 30px;
	}
	
	.author-list-wrap .author-card h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 3px;
}
	
	.author-detail-info .author-card h4, .author-list-wrap .author-card h4 {
    font-size: 15px;
    line-height: 22px;
	}
	
	.author-list-wrap .author-card ul {
		padding: 15px;
	}
	
	.author-list-wrap .author-card ul li img {
		width: 37px;
		margin: 0;
	}
	
	.mobile-faq-wrap .elementor-element .elementor-accordion-title {
font-size: 26px;
    line-height: 34px;
}

.mobile-faq-wrap .elementor-element .elementor-tab-content p {
font-size: 16px;
    line-height: 30px;
}
	
	.mobile-banner-content .elementor-element .elementor-widget-the7-heading .the7-heading-title,
		.mobile-banner-content .elementor-element .elementor-widget-the7-heading .the7-heading-title span.mobile-app {
		font-size: 50px;
    line-height: 72px;
	}
	
	.mobile-banner-content .elementor-element.elementor-widget-text-editor p {
		font-size: 18px;
    line-height: 32px;
	}
	
		.client-test-title-wrap.elementor-element .elementor-widget-the7-heading .the7-heading-title,
	.our-mob-dev-service.elementor-element .elementor-widget-the7-heading .the7-heading-title,
		.mobile-faq-wrap .elementor-element.elementor-widget-the7-heading .the7-heading-title,
		.app-idea-life .elementor-element .elementor-widget-the7-heading h2.the7-heading-title,
		.tech-mobile-app-wrap .elementor-element .elementor-widget-the7-heading .the7-heading-title,
.mob-our-dev .elementor-element.mobile-approach.elementor-widget-the7-heading .the7-heading-title,
	.mob-our-dev .elementor-element.mobile-approach.elementor-widget-the7-heading .the7-heading-title span,
	.counter-header-wrap.elementor-element .elementor-widget-the7-heading .the7-heading-title,
	.mobile-about-tech .elementor-element .elementor-widget-the7-heading .the7-heading-title {
			font-size: 40px;
    line-height: 50px;
	}
	
		.mobile-about-tech .elementor-element.elementor-widget-text-editor p {
			font-size: 17px;
    line-height: 30px;	
	}
	
	.mobile-about-tech .elementor-element[data-element_type="container"] {
		gap: 10px;
	}
	
		.tech-mobile-app-wrap .elementor-element.elementor-widget-text-editor {
		margin-top: 0;
	}
	
	.tech-mobile-app-wrap .elementor-element.elementor-widget-text-editor p {
			font-size: 17px;
    line-height: 30px;	
	}
	
 .mobile-box .elementor-element .elementor-image-box-title {
	font-size: 20px !important;		
		line-height: 28px;
    margin: 0 0 4px;
}

	 .mobile-box .elementor-widget-image-box .elementor-image-box-description {
		    font-size: 15px;
    line-height: 25px;
	}
	
	.dev-service-accordion .elementor-accordion-title {
    font-size: 18px;
    line-height: 28px;
}
	
	.dev-service-accordion .elementor-tab-content span {
		font-size: 14px;
    line-height: 24px;
		padding: 15px 12px;
	}
	
	.mobile-edge h2 {
		    font-size: 37px;
    line-height: 48px;
	}
	
	.client-prefer-block .client-box-text p {
		    font-size: 14px;
    line-height: 23px;
	}
}

@media only screen and (max-width: 1099px) {
		.client-test-title-wrap.elementor-element .elementor-widget-the7-heading .the7-heading-title,
	.our-mob-dev-service.elementor-element .elementor-widget-the7-heading .the7-heading-title,
		.tech-stack .elementor-element.elementor-widget-the7-heading:not(.tech-name) .the7-heading-title,
	.mob-client-prefer .elementor-element.elementor-widget-the7-heading .the7-heading-title,
	.mobile-faq-wrap .elementor-element.elementor-widget-the7-heading .the7-heading-title,
	.app-idea-life .elementor-element .elementor-widget-the7-heading h2.the7-heading-title,
    .mobile-banner-content .elementor-element .elementor-widget-the7-heading .the7-heading-title, .mobile-banner-content .elementor-element .elementor-widget-the7-heading .the7-heading-title span.mobile-app,
		.counter-header-wrap.elementor-element .elementor-widget-the7-heading .the7-heading-title {
        font-size: 40px;
        line-height: 60px;
    }
	
	.mobile-banner-content form input, .mobile-banner-content form label.from-label {
		font-size: 14px;
	}
	
	.tech-name .the7-heading-title {
	font-size: 17px !important;
    line-height: 23px !important;
	}
	
	.brands-wrap .the7-heading-title {
    font-size: 18px !important;
    line-height: 28px;
	}
	
	.client-prefer-block.e-con.e-flex>.e-con-inner {
		flex-wrap: wrap;
	}
	
		.client-prefer-block.e-con.e-flex>.e-con-inner > div {
			width: calc((100% / 3) - 20px);
	}
}

@media only screen and (max-width: 1024px) {
	.app-idea-life.elementor-element {
		background: #F1F5F9;
	}
	
	.author-list-info {
	padding: 15px;
}

.author-list-wrap {
	margin-top: 35px;
}
	
	.author-detail-info .author-detail-item {
	gap: 30px;	
}
	
	.author-list-info.elementor-element p {
    font-size: 18px;
		line-height: 32px;
	}
	
	.related-blogs-wrap .elementor-heading-title {
    font-size: 36px;
    line-height: 48px;
}
	
	.author-list-wrap > div {
	width: calc((100% / 3) - 15px);
}
	
	.page.page-id-51303 .cky-btn-revisit-wrapper {
			    bottom: 65px;
}
	
	.page.page-id-51303 .scroll-top {
		display: none;
	}
	
	.mobile-about-tech.elementor-element > .elementor-element {
		align-items: flex-start;
	}
	
		.mobile-hide {
		display: none;
	}
	
	.desktop-hide {
		display: block;
	}
	
	.mobile-fixed-btn-wrap {
		display: none;
	 position: fixed;
  z-index: 1000;
background: #fff;
		padding: 0 15px;
		left: 0;
        bottom: 0;
        box-shadow: 2px 2px 5px 3px #ccc;
	}
	
	.mobile-fixed-btn-wrap.reached-end.visible {
		display: none;
	}
	
		.mobile-fixed-btn-wrap.visible {
			display: block;
	}
	
	.contact-btn-mobile {
		background: #2563EB;
		border-radius: 10px;
		padding: 10px 12px;
		color: #fff;
		border: none;
		width: 100%;
		font-size: 16px;
        font-weight: 600;
}
	
	.methodology-img-wrap img {
		max-width: 320px;
	}

	.brands-wrap .the7-heading-title {
		text-align: center;
	}
	
	.brands-wrap .e-con-inner > div {
		flex-direction: column;
		gap: 5px;
		padding: 0;
	}
	
		.counter-header-wrap + .elementor-element .post-thumbnail-rollover  {
			text-align: center;
	}
	
	.counter-header-wrap + .elementor-element .post-thumbnail-rollover img {
		max-width: 300px;
	}
}

@media only screen and (max-width: 991px) {
.dev-service-accordion .elementor-accordion > div {
	width: 100%;
}
	
	.author-list-wrap > div {
	width: calc((100% / 2) - 15px);
}
	
	.mob-client-prefer.elementor-element,
	.client-prefer-block.elementor-element {
		padding: 0 15px;
	}
	
	.mobile-banner-content {
		flex-direction: column !important;
	}
	
		.mobile-banner-content > div {
			margin: 0;
	}
	
			.mobile-banner-content > div .elementor-element.elementor-widget-text-editor {
		width: 100%;
				text-align: center;
	}
	
				.mobile-banner-content > div .elementor-element.elementor-widget-text-editor 
	+ .elementor-element {
		justify-content: center;
	}
	
	.mob-client-prefer .elementor-element.elementor-widget-the7-heading .the7-heading-title,
	    .mobile-banner-content .elementor-element .elementor-widget-the7-heading .the7-heading-title, .mobile-banner-content .elementor-element .elementor-widget-the7-heading .the7-heading-title span.mobile-app {
        font-size: 33px;
        line-height: 50px;
        text-align: center;
    }	
	
	.tech-stack .elementor-element.elementor-widget-the7-heading:not(.tech-name) .the7-heading-title, .mob-client-prefer .elementor-element.elementor-widget-the7-heading .the7-heading-title, .mobile-faq-wrap .elementor-element.elementor-widget-the7-heading .the7-heading-title, .app-idea-life .elementor-element .elementor-widget-the7-heading h2.the7-heading-title, .mobile-banner-content .elementor-element .elementor-widget-the7-heading .the7-heading-title, .mobile-banner-content .elementor-element .elementor-widget-the7-heading .the7-heading-title span.mobile-app,
	.our-mob-dev-service.elementor-element .elementor-widget-the7-heading .the7-heading-title,
		.client-test-title-wrap.elementor-element .elementor-widget-the7-heading .the7-heading-title {
		        font-size: 34px;
        line-height: 50px;
	}
	
	.app-idea-life {
		padding: 20px;
	}
	
	.app-idea-life .elementor-element .elementor-button-wrapper .box-button {
		    font-size: 15px;
		line-height: 24px;
    padding: 12px 16px;		
	}
	
	    .mobile-faq-wrap .elementor-element .elementor-accordion-title {
        font-size: 20px;
        line-height: 30px;
    }
	
	.app-idea-life .elementor-element.elementor-widget-text-editor p {
	font-size: 15px;
    line-height: 24px;
	}
	
.mob-case-label.elementor-widget-the7-heading .the7-heading-title {
		 font-size: 33px !important;
        line-height: 46px;
	}
	
	.mobile-case h2 {
    font-size: 22px;
    line-height: 32px;
}
	
	.mobile-case p {
		font-size: 14px;
    line-height: 30px;
	}
	
	    .mobile-faq-wrap .elementor-element .elementor-tab-content p {
        font-size: 14px;
        line-height: 26px;
    }
	
	.mobile-faq-wrap .elementor-accordion-icon > span {
    font-size: 18px;
    padding: 10px;
}
	
	.tech-logo {
		flex-wrap: wrap;
    padding: 15px;
}
	
	.tech-name .the7-heading-title {
	font-size: 16px !important;
    line-height: 22px !important;
	}
	
	.tech-stack .elementor-widget-the7-image-widget {
		margin-right: 15px;
	}
	
	.company-provides .elementor-element {
		flex-direction: column;
	}
	
	.company-provides .elementor-element > div {
		width: 100%;
	}
	
	 	.company-provides.elementor-element + div,
		 	.company-provides.elementor-element + div + div,
	.company-provides.elementor-element {
		margin: 0;
	}
			 	.company-provides.elementor-element + div + div .elementor-element.e-con,	
		 	.company-provides.elementor-element + div .elementor-element.e-con {
		flex-direction: column;
	}
	
	.mobile-box .elementor-image-box-title {
    min-height: initial;
}
	
	.mobile-box {
		width: 100%;
	}
	
	.client-test-wrap .swiper-container .e-con-inner > div:first-child {
    width: 160px;
}
	    .mobile-edge h2 {
        font-size: 30px;
        line-height: 42px;
			margin: 0;
    }
	
	.mobile-innovation-wrap .e-con-inner {
    gap: 25px;
}
	
	.mobile-innovation-wrap .mobile-edge li {
    padding-left: 30px;
    font-size: 14px;
    line-height: 22px;
}
	
	.mobile-innovation-wrap .e-con-inner .elementor-widget-text-editor p {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 23px;
}
	
	.client-test-wrap .the7-swiper-slide {
		padding: 12px;
	}
	
	.mobile-innovation-wrap .mobile-edge li::before {
		width: 20px;
		height: 20px;
	}
	
	    .mobile-edge .box-button.elementor-button {
        min-width: initial;
        padding: 12px 17px;
    }
	
	.mobile-box {
		padding: 20px;
	}
	
	.client-test-wrap .swiper-container {
		padding: 30px;
	}
}

@media only screen and (max-width: 930px) {
.mobile-about-tech.elementor-element > .elementor-element {
	background-position: 15%;
}
}

@media only screen and (max-width: 767px) {
	.author-list-wrap {
	margin-top: 10px;
}
	
	.author-detail-info .author-card .info-wrap,
		.author-list-wrap > div {
	width: 100%;
}
	
	.author-detail-info .author-card {
		flex-direction: column;
		gap: 0;
        text-align: center;
	}
	
	.author-detail-info .author-detail-item .item h3 {
		font-size: 20px;
    line-height: 30px;
	}
	
	.author-detail-info .author-detail-item .item p {
    font-size: 14px;
		line-height: 26px;}
	
	.author-detail-info .author-card h1 {
    font-size: 24px;
		line-height: 36px;
	margin-bottom: 4px;}
	
	.author-detail-info .author-card h4, .author-list-wrap .author-card h4 {
    font-size: 14px;
		line-height: 22px;}
	
	.author-detail-info .author-card ul {
		justify-content: center;
	}
	
	.author-detail-info .author-card .image-wrap {
		align-self: center;
		        width: 200px;
        height: 200px;
	}
	
	.related-blogs-wrap .elementor-heading-title {
    font-size: 30px;
    line-height: 42px;
}
	
		.tech-mobile-app-wrap.elementor-element > .elementor-element {
		background-image: none !important;
	}
	
	.brands-wrap.elementor-element {
		margin-bottom: 20px;	
	}
	
		.methodology-img-wrap img {
		max-width: 280px;
	}
	
		.counter-header-wrap + .elementor-element .post-thumbnail-rollover img {
		max-width: 230px;
	}
	
	.mobile-banner-content.elementor-element {
		padding: 10px 20px 20px;
	}
	
	.custom-form-grid {
		padding: 15px;
	}
	
	    .mobile-about-tech .elementor-element.elementor-widget-text-editor p {
        font-size: 14px;
        line-height: 26px;
    }
	
	.mobile-about-tech.elementor-element > .elementor-element {
		background: url(https://www.techmango.net/wp-content/uploads/2025/08/about_mobile.png) no-repeat center bottom / cover !important;
		        padding-bottom: 180px;
	}
	
	.mobile-about-tech.elementor-element > .elementor-element > div:first-child {
		display: none;
	}
	
.client-test-wrap .swiper-container {
		padding: 10px;
	margin: 0 0 10px;
	}
	
	    .dev-service-accordion .elementor-accordion-title {
        font-size: 15px;
        line-height: 25px;
    }
	
	.mobile-services .elementor-accordion-icon.elementor-accordion-icon-right {
		margin-left: 10px !important;
	}
	
	.counter-header-wrap .e-con-inner {
		padding: 0;
	}
	
	.mobile-banner-content .elementor-element.e-con,
	    .client-prefer-block.e-con.e-flex>.e-con-inner > div,
		.tech-stack .elementor-element.e-con,
	.client-prefer-block .elementor-element.e-con {
		width: 100%;
	}
	
	.tech-stack .elementor-element.elementor-widget-the7-heading:not(.tech-name) .the7-heading-title, .mob-client-prefer .elementor-element.elementor-widget-the7-heading .the7-heading-title, .mobile-faq-wrap .elementor-element.elementor-widget-the7-heading .the7-heading-title, .app-idea-life .elementor-element .elementor-widget-the7-heading h2.the7-heading-title, .mobile-banner-content .elementor-element .elementor-widget-the7-heading .the7-heading-title, .mobile-banner-content .elementor-element .elementor-widget-the7-heading .the7-heading-title span.mobile-app, .our-mob-dev-service.elementor-element .elementor-widget-the7-heading .the7-heading-title,
	.client-test-title-wrap.elementor-element .elementor-widget-the7-heading .the7-heading-title,
		.counter-header-wrap.elementor-element .elementor-widget-the7-heading .the7-heading-title {
		font-size: 26px !important;
		line-height: 35px;
        text-align: center;
	}
	
	.client-test-title-wrap.elementor-element {
		margin-bottom: 0;
	}
	
	.mobile-banner-content .elementor-element.e-con-full.e-con {
				width: 100% !important;
margin: 0 !important;
	}
	
	.mobile-banner-content .elementor-element.e-con .the7-heading-title {
		width: 100% !important;
	}
	
	.client-test-wrap .swiper-container .e-con-inner > div:first-child {
  margin-bottom: 12px;
}
	
	.client-test-wrap .the7-swiper-button {
    position: static;
		margin: 10px;
	transform: none;
	}
	
	.client-test-wrap .e-con-inner {
		justify-content: center;
	}
	
		.client-test-wrap .e-con-inner .elementor-element {
	padding: 0;
			width: 100%;
	}
	
	.tech-mobile-app-wrap .elementor-element.elementor-widget-text-editor p {
        font-size: 14px;
        line-height: 28px;
    }
	
	    .mobile-edge h2 {
        font-size: 24px;
        line-height: 32px;
	}
	
	.mobile-innovation-wrap.elementor-element {
		margin-bottom: 30px;
	}
	
	.mobile-edge.elementor-element .elementor-button-wrapper .box-button.elementor-button {
		padding: 12px;
    font-size: 13px;
	}
	
	.mob-our-dev .elementor-element.mobile-approach.elementor-widget-the7-heading .the7-heading-title br {
		display: none;
	}
	
	.case-study-wrap .mobile-case h2 {
		font-size: 18px;
		line-height: 24px;
	}
	
	.case-study-wrap .mobile-case p {
		font-size: 14px;
		line-height: 30px;
	}
	
	.our-mob-dev-service.elementor-element .elementor-widget-the7-heading .the7-heading-title, .mobile-faq-wrap .elementor-element.elementor-widget-the7-heading .the7-heading-title, .app-idea-life .elementor-element .elementor-widget-the7-heading h2.the7-heading-title, .tech-mobile-app-wrap .elementor-element .elementor-widget-the7-heading .the7-heading-title, .mob-our-dev .elementor-element.mobile-approach.elementor-widget-the7-heading .the7-heading-title, .mob-our-dev .elementor-element.mobile-approach.elementor-widget-the7-heading .the7-heading-title span, .mobile-about-tech .elementor-element .elementor-widget-the7-heading .the7-heading-title,
		.client-test-title-wrap.elementor-element .elementor-widget-the7-heading .the7-heading-title {
		        font-size: 22px;
        line-height: 32px;
	}
	
	.mobile-land-header .elementor-element {
		margin: 0;
	}
	
	    .mobile-about-tech .elementor-element[data-element_type="container"] {
        gap: 5px;
			width: 100%;
    }
	
	    .mob-case-label.elementor-widget-the7-heading .the7-heading-title {
        font-size: 24px !important;
        line-height: 36px;
    }
}

@media only screen and (max-width: 567px) {
  /* CSS for phones (portrait & landscape) */
 	.elementor-51303 .elementor-element.elementor-element-e2c4992 {
    	margin-left: 0;
	}
	.elementor-51303 .elementor-element.elementor-element-5c5fe12 .the7-heading-title {
		font-size: 36px !important;
		font-weight: 800;
		color: #FFFFFF;
		text-decoration-style: solid;
		width: 72%;
	}
	.elementor-element.elementor-element-538f220.e-con-full.e-flex.e-con.e-child {
		width: 87%;
		margin-left: -81px;
	}
	.elementor-element.elementor-element-2e47bfb.e-con-full.e-flex.e-con.e-child {
		margin-right: 0;
	}
	.custom-form-grid {
		display: block;
		background: #fff;
		border-radius: 16px;
		max-width: 600px;
		margin: auto;
	}
	.custom-form-grid .form-group {
		display: block;
	}
	.elementor-51303 .elementor-element.elementor-element-29cfc27 {
		--display: flex;
		--width: 100% !important;
	}

	.elementor-51303 .elementor-element.elementor-element-cc75116,
	.elementor-51303 .elementor-element.elementor-element-62ad136{
		margin-left: 0;
		margin-right: 0;
	}
	.elementor-51303 .elementor-element.elementor-element-3947b1e,
	.elementor-51303 .elementor-element.elementor-element-b86f357,
	.elementor-51303 .elementor-element.elementor-element-1b224aa,
	.elementor-51303 .elementor-element.elementor-element-1b224aa,
	.elementor-51303 .elementor-element.elementor-element-9fb47ae,
	.elementor-51303 .elementor-element.elementor-element-4ea3238,
	.elementor-51303 .elementor-element.elementor-element-50ae00c,
	.elementor-51303 .elementor-element.elementor-element-80e702e,
	.elementor-51303 .elementor-element.elementor-element-6fb4f77,
	.elementor-51303 .elementor-element.elementor-element-947d5f3,
	.client-box,
	.tech-box,
	.mobile-box {
		width: 100%;
	}
	.mobile-box {
    	height: auto !important;
		box-shadow: 0px 13px 100px 0px #C7C7C740;
	}
	.elementor-51303 .elementor-element.elementor-element-64a9b36,
	.elementor-51303 .elementor-element.elementor-element-1b224aa{
		margin: 0;
	}

	.elementor-element.elementor-element-74bf142.elementor-position-left.elementor-view-default.elementor-mobile-position-top.elementor-vertical-align-top.elementor-widget.elementor-widget-icon-box .elementor-widget-icon-box.elementor-mobile-position-top .elementor-icon-box-wrapper{
		text-align: start;
	}
	
}