@font-face {
    font-family: 'united_sans_condbold';
    src: url(https://masssoftwaresolutions.com/msscss/assets/css/../fonts/unitedsanscond-bold-webfont.eot);
    src: url('https://masssoftwaresolutions.com/msscss/assets/css/../fonts/unitedsanscond-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url(https://masssoftwaresolutions.com/msscss/assets/css/../fonts/unitedsanscond-bold-webfont.woff2) format('woff2'),
         url(https://masssoftwaresolutions.com/msscss/assets/css/../fonts/unitedsanscond-bold-webfont.woff) format('woff'),
         url(https://masssoftwaresolutions.com/msscss/assets/css/../fonts/unitedsanscond-bold-webfont.ttf) format('truetype'),
         url('https://masssoftwaresolutions.com/msscss/assets/css/../fonts/unitedsanscond-bold-webfont.svg#united_sans_condbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'icomoon';
    src:  url(https://masssoftwaresolutions.com/msscss/assets/css/../fonts/icomoon.eot?hv7c7x);
    src:  url('https://masssoftwaresolutions.com/msscss/assets/css/../fonts/icomoon.eot?hv7c7x#iefix') format('embedded-opentype'),
      url(https://masssoftwaresolutions.com/msscss/assets/css/../fonts/icomoon.ttf?hv7c7x) format('truetype'),
      url(https://masssoftwaresolutions.com/msscss/assets/css/../fonts/icomoon.woff?hv7c7x) format('woff'),
      url('https://masssoftwaresolutions.com/msscss/assets/css/../fonts/icomoon.svg?hv7c7x#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
/*   
  .icon-behance:before {
    content: "\e900";
  }
  .icon-call:before {
    content: "\e901";
  }
  .icon-email:before {
    content: "\e902";
  }
  .icon-facebook:before {
    content: "\e903";
  }
  .icon-linkedin:before {
    content: "\e904";
  }
  .icon-twitter:before {
    content: "\e905";
  } */

  .icon-minus:before {
    content: "\e906";
  }
  .icon-plus:before {
    content: "\e907";
  }
  .icon-message:before {
    content: "\e908";
  }
  .icon-user:before {
    content: "\e909";
  }
  .icon-behance:before {
    content: "\e900";
  }
  .icon-call:before {
    content: "\e901";
  }
  .icon-email:before {
    content: "\e902";
  }
  .icon-facebook:before {
    content: "\e903";
  }
  .icon-linkedin:before {
    content: "\e904";
  }
  .icon-twitter:before {
    content: "\e905";
  }

/* global style start */
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Manrope:wght@200..800&display=swap);
:root {
    --white: #ffffff;
    --black: #000000;
    --ham-background: #121212;
    --light-green: #02C686;
    --sub-items: #6E6E6E;
    --heading: #383838;
    --heading-border: #F12A31;
    --journey-tab: #131D2B;
    --blue: #0076FD;
    --accordian-border: #002458;
    --testimonial-text: #F5F5F1;
    --icon-hover: #0C92EF;
    --yellow: #FCD47D;
    --services: #FF526F;
    --footer-bottom: #0D0D0D;
    --list-title: #383838;
    --inner-background: #F5F5F1;
    --custom-file-border: #767676;
    --custom-file-background: #EFEFEF;
    --nav-panel: #212121;
    --progress-2: #009FE3;
    --progress-3: #7FC41C;
    --deep-red: #F12A31;
    --deep-blue: #0060cd;

    --app-heading-border: #C9C9C9;

    --primary-font: "Montserrat", sans-serif;
    --secondary-font: "Smooch Sans", sans-serif;
    --optional-font: "Inter", sans-serif;

    --transition: all 0.3s ease;

    --smoochsansfont: "Smooch Sans", sans-serif;
    --unitedsansfont: 'united_sans_condbold';
    --montesseratfont: "Montserrat", sans-serif;

    --buildmobilefont: "Manrope", sans-serif;
    --buildmobilecontentfont: "Inter", sans-serif;
    --buildmobileinput: "Jost", sans-serif;

    --colorwhite: #fff;
    --graycolor: #383838;
    --inputplaceholdercolor: var(--inputplaceholdercolor);
    
}

/* * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
} */

html { width:100%; height:100%; margin:0px; padding:0px; font-size: 62.5%; }

body { overflow-x: hidden; margin:0px; padding:0px;  font-family: var(--montesseratfont); font-optical-sizing: auto; font-size:1.5rem; color:#5a5a5a; line-height:2.4rem; background:#fff; min-height:100%; overflow-x: hidden; }
p{ margin:0px; padding:0px 0 3rem 0; font-family: var(--montesseratfont); font-optical-sizing: auto;  font-size:2rem; /*color:#525265;*/ line-height:3rem; font-weight: 400; }


html, body { height: 100%; }

html.lenis,html.lenis body{ height:auto }
.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none; }
/* body::-webkit-scrollbar { display: none; } */

figure, address, blockquote {
  margin: 0;
  padding: 0;
}
::-moz-selection { color: var(--white); background: var(--deep-blue); }
::selection { color: var(--white); background: var(--deep-blue); }
img,svg{ max-width: 100%; height: auto;}

a { text-decoration: none; }
/* global style end */

/* Common Style Start */
.common-heading {
    font-family: var(--secondary-font);
    font-size: 6.8rem;
    font-weight: 600;
    line-height: 6.8rem;
    letter-spacing: 0.02em;
    text-align: center;
    color: var(--heading);
    text-transform: uppercase;
    padding-bottom: 3.9rem;
    margin: 0;
}
.bottom-line {
    position: relative;
}
.bottom-line::after {
    content: "";
    position: absolute;
    bottom: 0.7rem;
    left: 0;
    height: 0.5rem;
    width: 0;
    background-color: var(--heading-border);
}
.aos-animate .bottom-line::after {
    transition: 0.9s;
    transition-delay: 0.7s;
    width: 100%;
}

.all_parallax_scroll {
    background-color: var(--white);
    z-index: 1;
}
/* Common Style End */

#menu {
	position: relative;
	top: 0;
	right: 1.9rem;
	width: 3.0rem;
	height: 3.0rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: .5s;
	z-index: 10;
	cursor: pointer;
}
.menu-line1 {
	width: 100%;
	height: 0.3rem;
	background: var(--white);
	transition: .6s;
}
.menu-line2 {
	width: 80%;
	height: 0.3rem;
	margin-top: .4rem;
	background: var(--white);
	transition: .6s;
}
.menu-line3 {
	width: 60%;
	height: 0.3rem;
	margin-top: .4rem;
	background: var(--white);
	transition: .6s;
}
#menu.rotate .menu-line3 {
	display: none;
}
#menu.rotate .menu-line1 {
    transform: rotate(-45deg);
}
#menu.rotate .menu-line2 {
    transform: rotate(45deg);
    width: 100%;
    position: relative;
    top: -0.7rem;
}
.rotate {
	transform: rotateZ(180deg)
}
.ham-body {
    position: fixed;
	top: 0;
	left: 0;
    width: 100%;
	height: 100vh;
	background: var(--ham-background);
    transform: translate(0, -150rem);
	transition: .5s;
}

.menu_logo {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 27.8rem;
    height: 23.6rem;
    filter: grayscale(100%);
    opacity: 0;
    transform: translateY(50px);
}
.ham-body .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
}
.nav-page1 {
	color: var(--nav-panel);
    padding-bottom: 2.9rem;
}
.nav-page1 span {
	padding: 1rem;
}
.transform {
	transform: translate(0, 0);
}

.contact-us-button {
    width: 18.4rem;
    height: 5.3rem;
    background: rgba(255, 255, 255, 0.20);
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-us-button a {
    color: var(--white);
    text-align: center;
    font-family: var(--primary-font);
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.36px;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition);
}
.contact-us-button a:hover {
    background: rgb(255 255 255 / 25%);
}
/* Menu Style Start */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    transition: all 1s ease;
}
.site-header.stick {
    background-color: var(--ham-background);
}
.header-ham-side {
    display: flex;
    align-items: center;
    gap: 5rem;
}
.ham-topbar { 
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2.2rem;
    padding-bottom: 2.2rem;
}
.ham-topbar-logo {
    position: relative;
    z-index: 1;
    padding-left: 2.4rem;
    width: 6.4rem;
    height: 5.4rem;
}
.ham-topbar-logo a{display: inline-block;}
.ham-topbar-logo a svg{width: 100%;  height: 100%;}
.ham-topbar-logo img { width: 100%;  height: 100%;}
.nav-menu-ul { 
    list-style: none;
    padding: 0;
    margin: 0;
}
/* Menu Animation Start */
.nav-page1 .nav-menu-ul li { opacity: 0; transform: translateY(-1rem); }
.ham-body.transform .nav-page1 .nav-menu-ul li { opacity: 1; transform: translateY(0rem); }
.ham-body.transform .nav-page1 .nav-menu-ul li:nth-of-type(1) { transition: 0.5s; transition-delay: 0.5s; }
.ham-body.transform .nav-page1 .nav-menu-ul li:nth-of-type(2) { transition: 0.5s; transition-delay: 0.7s; }
.ham-body.transform .nav-page1 .nav-menu-ul li:nth-of-type(3) { transition: 0.5s; transition-delay: 0.9s; }
.ham-body.transform .nav-page1 .nav-menu-ul li:nth-of-type(4) { transition: 0.5s; transition-delay: 1.1s; }
.ham-body.transform .nav-page1 .nav-menu-ul li:nth-of-type(5) { transition: 0.5s; transition-delay: 1.3s; }
.ham-body.transform .nav-page1 .nav-menu-ul li:nth-of-type(6) { transition: 0.5s; transition-delay: 1.5s; }

.ham-social-media { opacity: 0; transform: translateY(1rem); }
.ham-body.transform .ham-social-media { opacity: 1; transform: translateY(0rem); transition: 0.5s; transition-delay: 2s; }

.ham-address a { opacity: 0; transform: translateY(1rem); }
.ham-body.transform .ham-address a { opacity: 1; transform: translateY(0rem); }
.ham-body.transform .ham-address a:nth-of-type(1) { transition: 0.5s; transition-delay: 2.2s; }
.ham-body.transform .ham-address a:nth-of-type(2) { transition: 0.5s; transition-delay: 2.3s; }

.ham-body.transform .ham-footer::after { width: 100%; transition: 0.5s; transition-delay: 1.8s; }

.ham-body.transform .menu_logo { opacity: 0.1; transform: translateY(0rem); transition: 0.4s; transition-delay: 0.5s; }
/* Menu Animation End */
.nav-menu-ul li a {
    font-family: var(--secondary-font);
    font-size: 4.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--white);
    transition: var(--transition);
}
.nav-menu-ul li a:hover{
    color: var(--light-green);
}
.nav-menu-ul li.current-menu-item a {
    color: var(--light-green);
}
.nav-menu-ul li.current-menu-item .sub-menu li a {
    color: var(--sub-items);
    transition: var(--transition);
}
.nav-menu-ul li.current-menu-item .sub-menu li a:hover {
    color: var(--light-green);
}
.nav-menu-ul li ul {
    padding-top: 2rem;
    padding-left: 1.5rem;
    margin: 0;
}
.nav-div-3 .nav-menu-ul li ul {
    column-count: 2;
    gap: 5rem;
}
.nav-menu-ul li ul li::marker {
    color: var(--sub-items);
}
.nav-menu-ul li ul li.active::marker {
    color: var(--light-green);
}
.nav-menu-ul li ul li a {
    color: var(--sub-items);
    font-family: var(--primary-font);
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 175%; 
    letter-spacing: 0.36px;
    text-transform: capitalize;
    transition: var(--transition);
}
.nav-menu-ul li ul li a:hover {
    color: var(--light-green);
}

.ham-footer { 
    display: flex;
    gap: 10%;
    padding-top: 4.5rem;
    position: relative;
}
.ham-footer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0.1rem;
    max-width: 108rem;
    background-color: var(--sub-items);
}
.ham-social-media {
    list-style: none;
    padding: 0; 
    margin: 0;
    display: flex;
    gap: 2rem;
}
.ham-social-media li a span {
    color: var(--sub-items);
    font-size: 2rem;
    transition: var(--transition);
}
.ham-social-media li a span:hover {
    color: var(--light-green);
}
.ham-social-media li a svg {
    filter: brightness(0.5);
    transition: var(--transition);
    width: 17rem;
}
.ham-social-media li a:hover {
    filter: brightness(10);
}
.notext { display: none; }

.ham-address {
    display: flex;
    gap: 15%;
    width: 100%;
}

.ham-address a { 
    color: var(--sub-items);
    font-family: var(--primary-font);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.28px;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: var(--transition);
}
.ham-address a:hover {
    color: var(--light-green);
}
/* Menu Style End */

/* :::::::::::::::::::: Banner Section Style Start :::::::::::::::::::: */
.banner-section { background-color:#151172}
.banner-section,.bannervideo,.banner-section .swiper,.banner-figure img  {
    width: 100%;
    height: 100vh;
}
.bannervideo,.banner-figure img { object-fit: cover;}


.swiper-slide,#herobanner-2599 .banner_video_sec {
	position: relative;
}
#herobanner-2599 .banner_video_sec:before{content:''; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.23); left:0; top:0}


.slide-captions {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #FFF;
	z-index: 3;
	transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
	z-index:2
}
.current-title{
    font-family: var(--secondary-font);
    color: var(--white);
    font-size: 10rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.current-subtitle {
    color: var(--white);
    font-family: var(--primary-font);
    font-size: 2.6rem;
    font-weight: 500;
    line-height:3rem;
    letter-spacing: 0.02em;
    width: auto;
    max-width: 85%;
    text-align: center;
    margin: 0 auto;
    padding-top: 1.9rem;
}
.current-subtitle span{ display:inline-block; color:#FFE838; border-top:0.1rem solid #FFE838; margin-top:5.4rem; padding-top:2rem}
.herobanner_loop_cap_1 .current-subtitle{ padding-top:0;}
.company-logo-figure {
    padding-bottom: 2.8rem;
}
.banner-caption-bottom {
    position: absolute;
    bottom: 6.8rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    text-align: center;
}
.banner-caption-bottom span {
    font-family: var(--primary-font);
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.6rem;
    text-align: center;
    color: var(--white);
}
.banner-slider-wrapper .swiper-slide-active .company-logo-figure {
    opacity: 1;
}
.banner-slider-wrapper .swiper-slide-active .banner-caption-bottom span {
    opacity: 1;
}

#herobanner-2449 .slide-captions,.herobanner-imageslider .current-title,.herobanner-imageslider .current-subtitle{ display: none !important;}
/* :::::::::::::::::::: /Banner Section Style End ::::::::::::::::::::: */

.mass-home-content-section{padding:8.3rem 4%; padding-bottom:0}
.mass-home-content-section .container{ max-width:100%}
.mass-home-content-section p{color: var(--heading); font-size:2.6rem; line-height:4rem}









/* :::::::::::::::::::: Recent Work Section Style Start ::::::::::::::: */
.recentwork-section {
    padding-top: 5.3rem;
    padding-bottom: 11.6rem;
}
.recentwork-heading { overflow: hidden; }
.recentwork-figure {
    display: inline-block;
    overflow: hidden;
}
.recentwork-figure img {
    width: 100%;
    transition: transform 0.8s;
}
.recentwork-figure:hover img {
    -ms-transform: scale(1.1); 
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.view-all {
    display: flex;
    justify-content: center;
    padding-top: 5.3rem;
}
.view-all a {
    font-family: var(--primary-font);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.2rem;
    letter-spacing: 0.02em;
    text-align: center;
    color: var(--white);
    background-color: var(--ham-background);
    height: 6.3rem;
    width: 18.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition);
    position: relative;
    z-index:1;
}
.view-all a:after{content:""; width:0%; height:100%; background: var(--blue); position: absolute; left:0; top:0; transition:0.5s; z-index:-1;}
.view-all a:hover:after{width:100%;}

.mf-cursor-text{
    font-size: 1.3rem;
    font-weight: 500;
    color: var(--white);
}  
.mf-cursor.-text:before{
    opacity:1;
}
.mf-cursor:before{
    background:var(--blue);
    opacity: 0;
}
.recentwork-img .mf-cursor:before {
    opacity: 1;
}

.recentwork-slider .swiper-button-prev { border: 0.2rem solid var(--black); }
.recentwork-slider .swiper-button-prev::after { color: var(--black); }
.recentwork-slider .swiper-button-prev:hover { border: 0.2rem solid var(--black); background-color: var(--black); }
.recentwork-slider .swiper-button-prev:hover::after { color: var(--white); }

.recentwork-slider .swiper-button-next { border: 0.2rem solid var(--black); }
.recentwork-slider .swiper-button-next::after { color: var(--black); }
.recentwork-slider .swiper-button-next:hover { border: 0.2rem solid var(--black); background-color: var(--black); }
.recentwork-slider .swiper-button-next:hover::after { color: var(--white); }

.recentwork-slider:hover .swiper-button-next { opacity: 1; }
.recentwork-slider:hover .swiper-button-prev { opacity: 1; }
/* :::::::::::::::::::: /Recent Work Section Style End :::::::::::::::: */

/* :::::::::::::::::::: Journey Section Style Start ::::::::::::::::::: */
.journey-section {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 11.9rem;
    background-color: var(--white);
}
.journey-heading .common-heading {
    padding-bottom: 6.6rem;
}
.journey-heading .common-heading::after { display: none; }
.journey-wrapper { overflow: hidden; }
.journey-tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    gap: 2.1rem;
    padding-bottom: 6.7rem
}
.journey-tabs li {
    background: var(--white);
    border: 1px solid var(--journey-tab);
    color: var(--journey-tab);
    padding: 3rem;
    border-radius: 2rem;
    font-family: var(--primary-font);
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.8rem;
    letter-spacing: 0.02em;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
    position: relative;
    min-width: 37.6rem;
}
.journey-tabs li strong {
    font-weight: 700;
}
.journey-tabs li.active {
    color: var(--white);
    background: var(--blue);
    border: 0.1rem solid var(--blue);
}
.journey-tabs li:hover {
    color: var(--white);
    background: var(--blue);
    border: 0.1rem solid var(--blue);
}
.journey-ul li strong {
    font-weight: 700;
} 
.tab_content.hidden {
    display: none;
}
.tab_drawer_heading { 
    display: none;
    color: var(--heading);
    font-family: var(--primary-font);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
    letter-spacing: 0.02em;
    text-align: left;
    background-color: var(--white);
    border: 0.1rem solid var(--heading);
    padding: 1rem 1.2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.accordion .accordion-content:last-child {
    border-bottom: 1rem solid var(--blue);
    width: 0%;
}
.accordion .accordion-content.aos-animate:last-child {
    border-bottom: 1rem solid var(--blue);
    transition: 0.9s; transition-delay: 0.7s;
    width: 100%;
}
.journey-tabs li.active::after {
    content: "";
    position: absolute;
    bottom: -2.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 7.3rem;
    height: 0;
    border-left: 3.5rem solid transparent;
    border-right: 3.5rem solid transparent;
    border-top: 2.5rem solid var(--blue);
    border-radius: 0.7rem;
}

.accordion .accordion-content{
    /* margin:10px 0; */
    overflow: hidden;
    border-bottom: 0.1rem solid var(--accordian-border);
}

.accordion-content.is-open{
    padding-bottom: 10px;
}
.accordion-content header {
    display: flex;
    padding: 3.1rem 0;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    position: relative;
    transition: all 0.2s linear;
}
.accordion-content.is-open header{
    min-height: 3.5rem;
}
.accordion-content header::after {
    content: "";
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
    right: 0.2rem;
    bottom: 0;
    width: 1.6rem;
    height: 1.8rem;
    border-top: 1rem solid transparent;
    border-left: 1.6rem solid var(--blue);
    border-bottom: 1rem solid transparent;
    transition: var(--transition);
    display: none;
}
.accordion-content header:hover::after {
    display: block;
}
.accordion-content.is-open header::after {
    display: block;
}
.accordion-content header h3 {
    margin: 0;
    color: var(--heading);
    font-family: var(--primary-font);
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.8rem;
    letter-spacing: 0.02em;
    text-align: left;
}
.accordion-content-description {
    display: none;
    transition: var(--transition);
}
.accordion-content.is-open .accordion-content-description {
    height:0;
    padding-right: 1.5rem;
    display: block;
}
.accordion-content.is-open .accordion-content-description p span {
    font-size: 2rem;
    color: var(--heading);
    font-weight: 400;
    line-height: 2.8rem;
}
.accordion-content.is-open header::after {
    transform: translateY(-50%) rotate(90deg);
}
/* mobile start */
.d_active.tab_drawer_heading {
    color: var(--white);
    font-family: var(--primary-font);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
    letter-spacing: 0.02em;
    text-align: left;
    background-color: var(--blue);
    border: 0.1rem solid var(--blue);
    padding: 1rem 1.2rem;
}
/* :::::::::::::::::::: /Journey Section Style End :::::::::::::::::::: */

/* :::::::::::::::::::: Testimonial Section Style Start ::::::::::::::: */
.testimonial-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10.8rem;
    padding: 19.7rem 0;
    min-height: 60.5rem;
}
.testimonial-slider { position: relative;}
.testimonial-shape-figure-top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.testimonial-shape-figure-right {
    position: absolute;
    right: 0;
    bottom: 3.4rem;
    z-index: 2;
}
.testimonial-slider-wrapper {
    height: 60.5rem;
}
.testimonial-content {
    width: 100%;
    max-width: 71.2rem;
    display: flex;
    flex-direction: column;
    gap: 5.3rem;
}
.testimonial-content p {
    font-family: var(--primary-font);
    font-size: 2rem;
    font-weight: 500;
    line-height: 3.4rem;
    letter-spacing: 0.02em;
    text-align: left;
    color: var(--testimonial-text);
}
.testimonial-content span {
    font-family: var(--primary-font);
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.4rem;
    letter-spacing: 0.02em;
    text-align: left;
    color: var(--testimonial-text);
}
.testimonial-content span strong {
    font-weight: 700;
}

.swiper-button-next {
    border: 0.2rem solid var(--white);
    background-color: transparent;
    border-radius: 50%;
    width: 6.3rem;
    height: 6.3rem;
    right: 2.6rem;
    z-index: 20;
    opacity: 1;
    transition: var(--transition);
}
.swiper-button-next:hover {
    border: 0.2rem solid var(--white);
    background-color: var(--white);
    box-shadow: rgb(255 255 255 / 60%) 0px 5px 15px;
    opacity: 1 !important;
}
.swiper-button-next.swiper-button-disabled {
    background-color: #dfdfdf;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    font-size: 2.3rem;
    color: var(--white);
    font-weight: bold;
    transition: var(--transition);
}
.swiper-button-next:hover::after {
    color: var(--black);
    opacity: 1 !important;
}
.swiper-button-prev {
    border: 0.2rem solid var(--white);
    background-color: transparent;
    border-radius: 50%;
    width: 6.3rem;
    height: 6.3rem;
    left: 2.6rem;
    z-index: 20;
    opacity:1;
    transition: var(--transition);
}
.swiper-button-prev:hover {
    border: 0.2rem solid var(--white);
    background-color: var(--white);
    box-shadow: rgb(255 255 255 / 60%) 0px 5px 15px;
    opacity: 1 !important;
}
.swiper-button-prev:hover::after {
    color: var(--black);
    opacity: 1 !important;
}
.swiper-button-prev.swiper-button-disabled {
    background-color: #dfdfdf;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    font-size: 2.3rem;
    color: var(--white);
    font-weight: bold;
    transition: var(--transition);
}
.banner-section:hover .swiper-button-prev {
    opacity: 0.5;
}
.banner-section:hover .swiper-button-next {
    opacity: 0.5;
}
.testimonial-section:hover .swiper-button-prev {
    opacity: 0.5;
}
.testimonial-section:hover .swiper-button-next {
    opacity: 0.5;
}
/* :::::::::::::::::::: /Testimonial Section Style End :::::::::::::::: */

/* :::::::::::::::::::: Steps Section Style Start ::::::::::::::::::::: */
.steps-section {
    padding: 10.8rem 0 14.1rem;
    background: #fff;
    position: relative;
}
.steps-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.steps {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4.4rem;
    position: relative;
}
.steps:nth-child(1)::after {
    content: "\002B";
    position: absolute;
    font-size: 7rem;
    font-weight: 500;
    color: var(--ham-background);
    top: 40%;
    transform: translateY(-50%);
    right: -13rem;
}
.steps:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    right: -14rem;
    width: 3.6rem;
    height: 3.8rem;
    border-top: 2rem solid transparent;
    border-left: 2.6rem solid var(--ham-background);
    border-bottom: 2rem solid transparent;
}
.steps span {
    font-family: var(--primary-font);
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.4rem;
    letter-spacing: 0.02em;
    text-align: center;
    color: var(--journey-tab);
    width: 100%;
    max-width: 26.5rem;
}
.circle {
    width: 29.0rem;
    height: 29.0rem;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    text-align: center;
}
.circle.problem-progress:after {
    width: 12.0rem;
    height: 12.0rem;
    content: "";
    border: 0px solid #fb4f14;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 3rem;
    left: 3rem;
}
.circle.problem-progress canvas {
    vertical-align: middle;
    border: 0px solid #fb4f14;
    border-radius: 50%;
    transform: rotate(180deg);
}
.circle.solution-progress:after {
    width: 12.0rem;
    height: 12.0rem;
    content: "";
    border: 0px solid var(--progress-2);
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 3rem;
    left: 3rem;
}
.circle.solution-progress canvas {
    vertical-align: middle;
    border: 0px solid var(--progress-2);
    border-radius: 50%;
    transform: rotate(180deg);
}
.circle div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2rem 0 0 -8.6rem;
    width: 100%;
    text-align: center;
    line-height: 4rem;
    font-size: 3.1rem;
    
}
.steps-figure {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* .steps-figure img {
    animation: zoom-in-zoom-out 1.8s ease infinite;
}
@keyframes zoom-in-zoom-out {
    0% {
      scale: 100%;
    }
    50% {
      scale: 115%;
    }
    100% {
      scale: 100%;
    }
} */

/* :::::::::::::::::::: /Steps Section Style End :::::::::::::::::::::: */

/* :::::::::::::::::::: Footer Section Style Start :::::::::::::::::::: */
.site-footer {
    padding-top: 5.6rem;
    background-color: var(--ham-background);
    position: relative;
}
.footer-top{ padding-bottom: 5.6rem;}
.footer-top-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-logo {
    width: 7.5rem;
    height: 6.2rem;
}
.footer-socialmedia {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 2.2rem;
}
.footer-socialmedia li a {
    display: flex;
    align-items: center;
}
.footer-socialmedia li a span {
    font-size: 2rem;
    color: var(--white);
    transition: var(--transition);
}
.footer-socialmedia li a span:hover {
    color: var(--icon-hover);
}

.footer-middle-wrp{ background-color: #323232;padding: 5.6rem 0;}

.footer-middle {
    /*display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;*/
    
}
.footer-company-heading {
    font-family: var(--secondary-font);
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 3.8rem;
    letter-spacing: 0.02em;
    text-align: left;
    color: var(--icon-hover);
    text-transform: uppercase;
    margin: 0;
    position: relative;
}
.footer-company-heading::after {
    content: "";
    position: absolute;
    bottom: -1.0rem;
    left: 0;
    width: 2.2rem;
    height: .5rem;
    background-color: var(--icon-hover);
}
.footer-company-ul {
    padding: 3.0rem 0 0 0;
    margin: 0;
    list-style: none;
}
.footer-company-ul li a {
    font-family: var(--primary-font);
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 4rem;
    letter-spacing: 0.05em;
    text-align: left;
    color: var(--white);
    transition: var(--transition);
}
.footer-company-ul  li.current-menu-item a{ color: var(--icon-hover);}
.footer-company-ul li a:hover {
    color: var(--icon-hover);
}
.footer-industries-ul li.footer-heading a {
    font-family: var(--secondary-font);
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 3.8rem;
    letter-spacing: 0.02em;
    text-align: left;
    color: var(--yellow);
    text-transform: uppercase;
    margin: 0;
    position: relative;
}
.footer-industries-ul {
    padding-left: 1.2rem;
    margin: 0;
    list-style: none;
}
.footer-industries-ul li::marker {
    color: var(--white);
}
.footer-industries-ul ul.sub-menu li a {
    font-family: var(--primary-font);
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 4rem;
    letter-spacing: 0.05em;
    text-align: left;
    color: var(--white);
    text-transform: unset;
    transition: var(--transition);
}
.footer-industries-ul ul.sub-menu li.current-menu-item a{ color: var(--yellow);}
.footer-industries-ul ul.sub-menu li a:hover {
    color: var(--yellow);
}
.footer-industries-ul li.footer-heading { position: relative; }
.footer-industries-ul li.footer-heading:first-child::after {
    content: "";
    position: absolute;
    top: 4.2rem;
    left: 0;
    width: 2.2rem;
    height: 0.5rem;
    background-color: var(--yellow);
}
.footer-services-ul li.footer-heading a {
    font-family: var(--secondary-font);
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 3.8rem;
    letter-spacing: 0.02em;
    text-align: left;
    color: var(--services);
    text-transform: uppercase;
    margin: 0;
    position: relative;
}
.footer-services-ul li.footer-heading { position: relative; }
.footer-services-ul li.footer-heading:first-child::after {
    content: "";
    position: absolute;
    top: 4.2rem;
    left: 0;
    width: 2.2rem;
    height: 0.5rem;
    background-color: var(--services);
}
.footer-services-ul {
    padding-left: 1.2rem;
    margin: 0;
    list-style: none;
}
.footer-services-ul li::marker {
    color: var(--white);
}
.footer-services-ul ul.sub-menu li a {
    font-family: var(--primary-font);
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 4rem;
    letter-spacing: 0.05em;
    text-align: left;
    color: var(--white);
    text-transform: unset;
    transition: var(--transition);
}

.footer-services-ul ul.sub-menu li.current-menu-item a {color: var(--services);}
.footer-services-ul ul.sub-menu li a:hover{
    color: var(--services);
}
.footer-heading .sub-menu {
    margin-top: 3rem;
    padding-left: 1.5rem;
}
.footer-contact-heading {
    font-family: var(--secondary-font);
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 3.8rem;
    letter-spacing: 0.02em;
    text-align: left;
    color: var(--light-green);
    text-transform: uppercase;
    margin: 0;
    position: relative;
}
.footer-contact-heading::after {
    content: "";
    position: absolute;
    bottom: -1.0rem;
    left: 0;
    width: 2.2rem;
    height: 0.5rem;
    background-color: var(--light-green);
}
.footer-contact-address {
    display: flex;
    flex-direction: column;
    padding-top: 4rem;
}
.footer_address_loop{ padding-bottom:2rem; margin-bottom: 4rem; position: relative;}
.footer_address_loop::after{position:absolute; content: ''; top: 0; right: 10%; height: 100%;border-right: 0.1rem solid rgba(255, 255, 255, 0.10);}
.footer_address_loop:last-child::after{content: none;}
.footer_loc_name{ display:inline-block; text-transform: uppercase; font-size: 2.8rem;font-family: var(--secondary-font); color: #FFF; border-bottom: 0.1rem solid #FFF; width: fit-content;margin-top: 2rem;margin-bottom: 2.3rem;padding-bottom: 0.8rem;}

.footer-contact-address a {
    font-family: var(--primary-font);
    font-size: 1.8rem !important;
    font-weight: 500;
    line-height: 2.8rem;
    letter-spacing: 0.05em;
    text-align: left;  
    color: var(--white);  
    width: max-content;
    max-width: 32.4rem;
    display: flex;
    align-items: center;
    gap: 1.0rem;
    transition: var(--transition);
}
.footer-contact-address a p {
    font-size: 1.8rem;min-height: 15.0rem;
}
.footer-contact-address a:hover {
    color: var(--light-green);
}
span.phone_email_footer{display: flex;align-items: flex-end;min-height: 5.6rem;flex-wrap: wrap;}
.footer-bottom {
    background-color: var(--footer-bottom);
    min-height: 12.3rem;
    display: flex;
    align-items: center;
    margin-top:0;
}
.footer-bottom-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.copyright-text {
    font-family: var(--primary-font);
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.8rem;
    letter-spacing: 0.05em;
    text-align: left; 
    color: var(--white);   
}
.footer-bottom-figure-side {
    display: flex;
    align-items: center;
    gap: 3.8rem;
}
.organization_logos_loop {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}
.organization_logos_loop span {
    font-family: var(--optional-font);
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4rem;
    text-align: left;
    color: var(--white);
    width: 100%;
    max-width: 9.5rem;
}
.organization_logos_loop span strong {
    display: block;
    font-weight: 700;
    color: var(--heading-border);
}
/* :::::::::::::::::::: /Footer Section Style End ::::::::::::::::::::: */


/* :::::::::::::::::::::::::::::::::::::: Inner Page Style Start :::::::::::::::::::::::::::::::::::::: */
.inner-banner-content .common-text p {
    font-size: 2rem;
}
.common-text {
    text-align: center;
    font-family: var(--primary-font);
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.1rem;
}
.inner-banner-section, .inner-banner-figure{ position: relative; background-color:#000; }
.inner-banner-section .banner_video_sec{background-color:#000; position: relative;}
.inner-banner-section .banner_video_sec video{ opacity:0.8}
.inner-banner-section .banner_video_sec::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    opacity: 0.4;
}
.inner-banner-figure {
    width: 100%;
    height: 100vh;
}
.inner-banner-figure img {
    width: 100%;
    height: 100%;
}
.inner-banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.inner-banner-content-title {
    color: var(--white);
    text-align: center;
    font-family: var(--secondary-font);
    font-size: 10rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    text-transform: uppercase;
}
.inner-banner-content p {
    color: var(--white);
    width: auto;
    max-width: 74.5rem;
    margin: 0 auto;
}
.annimated-banner-arrow {  
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 11.4rem;
    width: max-content;
    display:inline-block;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-3.0rem);
    }
    60% {
      transform: translateY(-1.5rem);
    }
}
.inner-body { background-color: var(--inner-background); }
/* ----------------------------------------- */
/* ----------------------------------------- */
.short-heading h3 {
    color: var(--heading);
    text-align: center;
    font-family: var(--secondary-font);
    font-size: 3.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 3rem;
}
.short-heading p {
    color: var(--heading);
    width: auto;
    max-width: 97rem;
    margin: 0 auto;
    padding-bottom: 2rem;
}
/* ----------------------------------------- */
/* ----------------------------------------- */
.heading-content-section {
    position: relative;
}
.heading-content-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 134.0rem;
    background-color: var(--white);
    position: absolute;
    top: -20.7rem;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    align-items: center;
    padding: 4rem 5rem;
    overflow: hidden;
}
.details-heading .common-heading {
    text-align: left;
    padding-bottom: 0;
}
.details-heading .common-heading::after {
    bottom: 16rem;
}
.details-content p {
    color: var(--heading);
    text-align: left;
}
/* ----------------------------------------- */
/* ----------------------------------------- */

/* ----------------------------------------- */

/* :::::::::::::::::::::: Industries Page Style Start ::::::::::::::::: */
.industries-list-section {
    padding-top: 3.6rem;
    padding-bottom: 14.4rem;
    /* scroll-margin-top: 9.8rem; */
}
.industries-heading { overflow: hidden; }
.industries-heading .common-heading {
    line-height: normal;
    padding-bottom: 4.7rem;
}
.industries-heading .common-heading::after { display: none; }
.industries-list-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}
.industries-list { background-color: var(--white); transition: var(--transition); }
.industries-list:hover{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.industries-list:hover .industries-list-figure img {
    transform: scale(1.2);
}
.industries-list-figure {
    width: 100%;
    height: 43.9rem;
    overflow: hidden;
}
.industries-list-figure img {
    width: 100%;
    height: 100%;
    transition: transform .8s
}
.industries-list-content {
    padding: 4.5rem;
}
.industries-list-content h3 {
    color: var(--list-title);
    font-family: var(--secondary-font);
    font-size: 3.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    transition: var(--transition);
}
.industries-list-content p {
    text-align: left;
    color: var(--list-title);
    /* overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; */
}
.industries-list:hover .industries-list-content h3 {
    color: var(--icon-hover);
}
/* :::::::::::::::::::::: /Industries Page Style End :::::::::::::::::: */

/* :::::::::::::::::::::: Industries Details Page Style Start ::::::::: */
.industries-details-section {
    padding-top: 3.5rem;
    padding-bottom: 28rem;
}
/* :::::::::::::::::::::: /Industries Details Page Style End :::::::::: */

/* :::::::::::::::::::::: Details Parallax Section Style Start ::::::::: */
.details-parallax-figure {
    width: 100%;
    /* min-height: 61.4rem; */
    height: 70.7rem;
    position: relative;
    overflow: hidden;
}
/* .details-parallax-figure img {
    width: 100%;
    height: auto;
} */
/* :::::::::::::::::::::: /Details Parallax Section Style End :::::::::: */

/* :::::::::::::::::::::: Image Content Style Start :::::::::::::::::::: */
.img-content-section {
    padding: 10.8rem 0;
}
.img-content-section-header {
    padding-bottom: 9rem;
}
.image_content_list_loop {
    padding-bottom: 9rem;
    align-items: center;
}
.image_content_list_loop:last-child {
    padding-bottom: 0;
}
.img-content-figure-side { overflow: hidden; }
.img-content-side-inner {overflow: hidden; }
.img-content-side-inner.heading-underline {
    padding-left: 2.4rem;
}
.img-content-card:nth-child(even) {
    flex-direction: row-reverse;
}
.img-content-card:nth-child(even) .img-content-side-inner.heading-underline {
    padding-left: 0;
    padding-right: 2.4rem;
}
.img-content-figure {
    height: 58.2rem;
}
.img-content-figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-content-heading {
    font-family: var(--secondary-font);
    color: var(--heading);
    font-size: 4.2rem;
    font-weight: 600;
    line-height: 4.8rem;
    letter-spacing: 0.02em;
    margin: 0;
    padding-bottom: 3.7rem;
    position: relative;
}
.img-content-side-inner ul { 
    position: relative;
    margin-top: 1.1rem;
}
.img-content-side-inner ul::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0.3rem;
    height: 100%;
    background-color: var(--heading);
}
.img-content-side-inner ul {
    margin: 0;
    padding-left: 5rem;
}
.img-content-side-inner ul li {
    font-family: var(--primary-font);
    color: var(--heading);
    font-size: 2rem;
    font-weight: 400;
    line-height: 3.8rem;
    letter-spacing: 0.02em;
    text-align: left;
}
.img-content-side-inner ul li::marker {
    color: var(--heading);
}
.img-content-side p {
    color: var(--heading);
    text-align: left;
}
/* :::::::::::::::::::::: /Image Content Style End ::::::::::::::::::::: */

/* :::::::::::::::::::::: Details Single Img Style Start ::::::::::::::: */
.single-img img {
    width: 100%;
    height: auto;
}
/* :::::::::::::::::::::: /Details Single Img Style End :::::::::::::::: */

/* :::::::::::::::::::::: BG-Content Style Start ::::::::::::::::::::::: */
.bg-content-section {
    background-color: var(--ham-background);
    padding: 7.5rem 0 5.6rem;
    position: relative;
}
.bg-content .common-heading {
    color: var(--white);
    text-align: left;
    width: 100%;
    max-width: 86.1rem;
    padding-bottom: 6.4rem;
}
.bg-content .common-heading::after {
    bottom: 14.7rem;
}
.bg-content p {
    color: var(--white);
    text-align: left;
    width: 100%;
    max-width: 97.1rem;
}
.bg-content-figure {
    position: absolute;
    right: 0;
    bottom: 2.8rem;
}
/* :::::::::::::::::::::: /BG-Content Style End :::::::::::::::::::::::: */

/* :::::::::::::::::::::: Card-Content Style Start ::::::::::::::::::::: */
.card-content-section {
    padding: 8rem 0;
}
.card-content {
    overflow: hidden;
}
.card-content p { padding: 0; }
.card-heading .common-heading::after { left: 1.5rem; bottom: 9rem; }
.card-content-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.card-content:nth-child(2) {
    padding-top: 0 !important;
}
.card-content:nth-of-type(odd) {
    border-right: 1px solid rgb(0 36 88 / 20%);
    border-bottom: 1px solid rgb(0 36 88 / 20%);
    padding: 3.5rem 4.5rem 3.5rem 0;
}
.card-content:nth-of-type(odd):nth-child(1) {
    padding-top: 0;
}
.card-content:nth-of-type(odd):nth-last-child(2) {
    border-bottom: none;
    padding-bottom: 0;
}
.card-content:nth-of-type(odd):nth-last-child(1) {
    border-bottom: none;
    padding-bottom: 0;
}
.card-content:nth-of-type(even) {
    padding: 3.5rem 0 3.5rem 4.5rem;
    border-bottom: 0.1rem solid rgb(0 36 88 / 20%);
}
.card-content:nth-of-type(even):first-child {
   background-color: red;
}
.card-content:nth-of-type(even):last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.card-content .short-heading h2 {
    color: var(--heading);
    text-align: left;
    font-family: var(--secondary-font);
    font-size: 3.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    margin: 0 0 3.4rem;
}
.card-content .common-text {
    text-align: left;
}
/* :::::::::::::::::::::: /Card-Content Style End :::::::::::::::::::::: */

/* :::::::::::::::::::::: About Page Style Start ::::::::::::::::::::::: */
.about-content-section {
    padding: 12.6rem 0 13.1rem 0;
}
.about-content-heading {
    color: var(--heading);
    font-family: var(--primary-font);
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.48px;
    padding-bottom: 4.5rem;
}
.about-image-content-heading .common-heading {
    text-align: left;
    padding-bottom: 2.7rem;
}
.about-content-side .common-text h3 {
    font-family: var(--primary-font);
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
    color: rgba(56, 56, 56, 1);
    margin: 0;
    padding-bottom: 3.9rem;
}
.about-content-side .common-text {
    text-align: left;
}
.about-content-side .common-text p {
    padding-bottom: 3.5rem;
}
.about-figure-side {
    padding-left: 5rem;
}
.about-figure {
    width: 100%;
    height: 52.0rem;
}
.about-figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.about-parallax-section { position: relative; }
span.common-heading-small-text {
    display: block;
    font-size: 4.5rem;
    line-height: 5.4rem;
    font-weight: 600;
    text-transform: capitalize;
}
.about-parallax {
    position: relative;
}
.about-parallax-shape-figure {
    position: absolute;
    bottom: -0.1rem;
    left: 0;
}
.about-parallax-figure {
    position: relative;
    height: 83.7rem;
    overflow: hidden;
}
.parallax_image{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 170%;
    object-fit: cover;
    object-position: center;
    padding: 0;
}
.about-parallax-section-content {
    width: 100%;
    max-width: 121rem;
    margin: 7.1rem auto 0;
}
.about-parallax-section-content .common-text p {
    padding: 0;
}
.about-heading .common-heading {
    padding-bottom: 6.6rem;
}

.about-says-section {
    padding: 8.2rem 0;
}
.about-says-heading .common-heading {
    padding-bottom: 7rem;
}

.about-says-left-text p {
    font-family: var(--primary-font);
    color: var(--heading);
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 4.2rem;
    letter-spacing: 0.02em;
    text-align: left;
}
.about-says-left-text p strong { font-weight: 700; }
.about-says-right-text { padding-left: 10.0rem; }
.about-says-right-text .common-text { text-align: left; }


.about-advantage-section {
    padding-top: 13.1rem;
    padding-bottom: 16.0rem;
}
.about-advantage-figure {
    padding-right: 5rem;
}
.about-advantage-section .container {
    position: relative;
}
.about-advantage-bg {
    position: absolute;
    bottom: 0;
    right: 0.6rem;
}
.about-advantage-content-heading .common-heading {
    text-align: left;
    padding-bottom: 3.7rem;
}
.about-advantage-content-heading .common-heading .common-heading-small-text {
    padding-bottom: 1.4rem;
}
.about-advantage-content .common-text p {
    text-align: left;
}

.about-foundation-section {
    padding-bottom: 13.1rem;
}
.about-foundation-heading {
    position: relative;
}
.about-foundation-heading span {
    font-family: var(--secondary-font);
    font-size: 4.5rem;
    font-weight: 600;
    line-height: 5.4rem;
    letter-spacing: 0.02em;
    color: var(--black);
    text-transform: capitalize;
    display: block;
}
.about-foundation-heading::after {
    content: "";
    position: absolute;
    /* width: 94%; */
    width: 0;
    height: 0.1rem;
    background-color: rgba(0, 36, 88, 1);
    top: 67%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: all 1s ease;
}
.aos-animate.about-foundation-heading::after {
    width: 94%;
    transition: 0.9s;
    transition-delay: 0.7s;
}

.about-foundation-heading .about-foundation-prioritize-heading {
    width: fit-content;
    margin: 0 auto;
    padding: 0 2.4rem 4.6rem;
    background-color: var(--white);
    font-family: var(--secondary-font);
    color: var(--black);
    font-size: 4.5rem;
    font-weight: 600;
    line-height: 6.6rem;
    letter-spacing: 0.02em;
}
.about-foundation-heading .common-heading {
    padding-bottom: 0;
    text-transform: capitalize;
    color: var(--black);
}
.about-foundation-listing-heading {
    font-family: var(--secondary-font);
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 4.3rem;
    letter-spacing: 0.02em;
    color: var(--black);
    margin: 0;
    padding-bottom: 1.8rem;
}
.about-foundation-listing .common-text p {
    text-align: left;
    padding: 0;
}
.foundation_looop{
    position: relative;
    padding-right: 3rem;
    padding-left: 3rem;
}
.about-foundation-listing-group {
    margin: 0 -3rem;
}
.foundation_looop {
    border-right: 0.1rem solid rgb(196, 203, 210);
}
.foundation_looop:last-child {
    border: none;
}

.about-vision-section {
    padding-bottom: 10.5rem;
}
.about-vision-parallax {
    position: relative;
    margin-bottom: 6.7rem;
}
.about-vision-figure {
    position: relative;
    width: 100%;
    height: 83.7rem;
    overflow: hidden;
}
.about-vision-figure img {
    width: 100%;
    height: auto;
}
.about-parallax-section-content .common-text p strong {
    display: block;
    padding-top: 2.3rem;
}

.about-gallery-section {
    margin-top: 14.3rem;
    padding-bottom: 6.1rem;
}
.grid-item {
    margin-bottom: 1.5rem;
}
.grid-item img {
    width: 100%;
    height: auto;
}
/* :::::::::::::::::::::: /About Page Style End :::::::::::::::::::::::: */

/* :::::::::::::::::::::: Career Page Style Start :::::::::::::::::::::: */
.career-heading .common-heading {
    padding: 3.4rem 0 5.5rem;
}
.career-heading .common-heading::after { display: none; }
.career-accordion-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.career-loop {
    padding: 4.2rem 4.7rem;
    background-color: var(--white);
    box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
    overflow-x: hidden;
}
.career-questions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    cursor: pointer;
}
.career-questions.ui-accordion-header-active .ui-accordion-header-icon {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.career-questions .ui-accordion-header-icon {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.5s ease;
}
.career-questions h3 {
    font-family: var(--secondary-font);
    color: var(--heading);
    font-size: 3.8rem;
    font-weight: 600;
    line-height: 4.4rem;
    letter-spacing: 0.02em;
    text-align: left;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 1.7rem;
    margin: 0;
}
.career-urgent {
    color: var(--white);
    font-family: var(--primary-font);
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.7rem;
    letter-spacing: 0.02em;
    text-align: center;
    background-color: var(--heading-border);
    padding: 0.5rem 6rem 0.5rem 1.2rem;
    position: relative;
}
.career-urgent::after {
    content: "";
    position: absolute;
    width: 45px;
    height: 27px;
    background-color: #fff;
    top: 0;
    right: 0;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.career-question-ans {
    padding-top: 6.6rem;
    margin-bottom: 1.2rem;
}
.career-question-ans-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 16rem;
    position: relative;
}
.career-question-ans-wrapper::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0.1rem;
    height: 100%;
    background-color: var(--black);
    opacity: 20%;
}
.career-question-ans h4 {
    color: var(--heading);
    font-family: var(--primary-font);
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 4.2rem;
    letter-spacing: 0.02em;
    text-align: left;
}
.career-question-ans ul li {
    color: var(--heading);
    font-family: var(--primary-font);
    font-size: 2rem;
    font-weight: 500;
    line-height: 3.4rem;
    letter-spacing: 0.02em;
    text-align: left;
}
.apply-button {
    padding-top: 4.2rem;
}
/* .apply-button a {
    color: var(--white);
    font-family: var(--primary-font);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.1rem;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: uppercase;
    background-color: var(--ham-background);
    padding: 2rem 2.9rem;
    transition: var(--transition);
} */
.apply-button a {
    font-family: var(--primary-font);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.2rem;
    letter-spacing: 0.02em;
    text-align: center;
    color: var(--white);
    background-color: var(--ham-background);
    height: 6.3rem;
    width: 17.8rem;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition);
    position: relative;
    z-index:1;
    margin: 0 auto;
}
.apply-button a:after{content:""; width:0%; height:100%; background: var(--blue); position: absolute; left:0; top:0; transition:0.5s; z-index:-1;}
.apply-button a:hover:after{width:100%;}
/* .apply-button a:hover {
    background-color: var(--heading);
} */
.apply-modal {
    display: none;
}
.apply-form-wrapper .fancybox-button {
    right: 0.9rem;
    top: 0.9rem;
    width: 6rem;
    height: 6rem;
}
.apply-form-wrapper {
    width: 100%;
    max-width: 76.7rem;
    position: relative;
    overflow: hidden;
}
.apply-form-wrapper::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 98%;
    border: 1px solid rgb(0 0 0 / 50%);
    top: 0;
    right: 0;
    left: 15px;
}
.apply-form-wrapper::before {
    content: "";
    position: absolute;
    width: 98%;
    height: 100%;
    border: 1px solid rgb(0 0 0 / 50%);
    top: 15px;
    left: 0;
}
.apply-form-heading {
    padding-bottom: 1.4rem;
}
.apply-form-heading h4 {
    color: var(--heading);
    font-family: var(--primary-font);
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 4.2rem;
    text-align: left;    
}
.apply-form-heading p {
    color: var(--heading);
    font-family: var(--primary-font);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.7rem;
    letter-spacing: 0.02em;
    text-align: left;
    margin: 0;
}
.apply-form {
    display: flex;
    flex-direction: column;
    gap: 4.3rem;
    position: relative;
    z-index: 1;
}
.apply-form-input {
    color: var(--journey-tab);
    font-family: var(--primary-font);
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.2rem;
    letter-spacing: 0.02em;
    text-align: left;
    width: 100%;
    padding: 0.9rem 0;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px solid var(--black);
    border-left: 0px;
    transition: var(--transition);
}
.apply-form-input:focus-visible {
    outline: none;
    border-bottom: 1px solid var(--blue);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number] {
    -moz-appearance: textfield;
}
.custom-file {
    display: flex;
    align-items: center;
    justify-content: left;
    flex-direction: row-reverse;
    gap: 6rem;
    padding-bottom: 5rem;
}
.custom-file input[type="file"] {
    display: none;
}
.custom-file-label {
    color: var(--journey-tab);
    font-family: var(--primary-font);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.7rem;
    letter-spacing: 0.02em;
    text-align: left;
    position: relative;
    left: 25rem;
    cursor: pointer;
}
.custom-file-label::before {
    content: "Browse your resume";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -25rem;
    color: var(--journey-tab);
    font-family: var(--primary-font);
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.7rem;
    letter-spacing: 0.02em;
    text-align: left;
    border-radius: 0.3rem;
    border: 1px solid var(--custom-file-border);
    background-color: var(--custom-file-background);
    padding: 0.6rem 2.7rem;
}
.file-format {
    color: var(--journey-tab);
    font-family: var(--primary-font);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.7rem;
    letter-spacing: 0.02em;
    text-align: left;
    position: relative;
    top: 5rem;
}
.apply-form-textarea {
    color: var(--journey-tab);
    font-family: var(--primary-font);
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.2rem;
    letter-spacing: 0.02em;
    text-align: left;
    width: 100%;
    padding: 0.9rem 0;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px solid var(--black);
    border-left: 0px;
    resize: none;
    transition: var(--transition);
    height: 6rem;
    border-radius:0px !important;
}
.apply-form-textarea:focus-visible {
    outline: none;
    border-bottom: 1px solid var(--blue);
}
.apply-form .apply-button {
    padding: 0;
    margin-top: 0.5rem;
    text-align: right;
}
.apply-button p {
    padding: 0;
}
.apply-button input {
    color: var(--white);
    font-family: var(--primary-font);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.1rem;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: uppercase;
    background-color: var(--ham-background);
    padding: 2.5rem 5.1rem;
    border: none;
    transition: var(--transition);
}
.apply-button input:hover {
    background-color: var(--heading);
}

.career-card-content-section {
    padding: 9.9rem 0;
}

.apply-form p {
    line-height: normal;
}
.job-form-group label {
    display: none;
}
.job-form-group br {
    display: none;
}
.job-form-group input.wpcf7-not-valid {
    border-bottom: 1px solid var(--heading-border);
}
.job-form-group input.wpcf7-not-valid::placeholder {
    color: var(--heading-border);
}
.job-form-group .wpcf7-not-valid-tip {
    display: none;
}
.fancybox-close-small svg {
    filter: brightness(0);
}
.apply-button .wpcf7-spinner {
    display: block;
    left: 50%;
    transform: translateX(-50%);
}
.apply-form .wpcf7 form.invalid .wpcf7-response-output {
    color: var(--white);
    border: none;
    background-color: var(--heading-border);
    width: fit-content;
    font-size: 1.4rem;
    font-weight: 400;
    font-family: var(--primary-font);
}
.apply-form .wpcf7 form.sent .wpcf7-response-output {
    color: var(--white);
    border: none;
    background-color: var(--light-green);
    width: fit-content;
    font-size: 1.4rem;
    font-weight: 400;
    font-family: var(--primary-font);
}
.apply-form .wpcf7 form .wpcf7-response-output {
    margin: 0;
}
/* :::::::::::::::::::::: /Career Page Style End ::::::::::::::::::::::: */

/* :::::::::::::::::::::: Digital Transformation Page Style Start :::::: */
.digitaltransformation-section {
    padding-top: 9.2rem;
    padding-bottom: 27rem;
}
.digitaltransformation-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 5.3rem;
}
.digitaltransformation-figure {
    width: 50%;
}
.digitaltransformation-figure img {
    width: 100%;
    height: auto;
}
.digitaltransformation-content {
    width: 50%;
}
.digitaltransformation-heading .common-heading {
    text-align: left;
    padding-bottom: 1.8rem;
}
.digitaltransformation-heading .common-heading::after {
    bottom: 2.7rem;
}
.digitaltransformation-content h3 {
    color: var(--heading);
    font-family: var(--primary-font);
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 4.2rem;
    letter-spacing: 0.02em;
    text-align: left;
}
.digitaltransformation-content p {
    color: var(--heading);
    font-family: var(--primary-font);
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.5rem;
    letter-spacing: 0.02em;
    text-align: left;
    margin: 0;
    padding-bottom: 2.9rem;
}
.digitaltransformation-content p:last-child {
    padding-bottom: 0;
}
.digitaltransformation-heading h3,.details-content h3 {
    color: var(--heading);
    font-family: var(--primary-font);
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 4.2rem;
    letter-spacing: 0.02em;
}
.details-content h3{ text-align:left;font-family: var(--secondary-font); font-size:4rem; margin-bottom:2rem}
/* :::::::::::::::::::::: /Digital Transformation Page Style End ::::::: */

/* :::::::::::::::::::::: 404 Page Style Start ::::::::::::::::::::::::: */
.notfound-section {
    background-color: var(--black);
    width: 100%;
    height: 100vh;
    position: relative;
}
.notfound-background {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.thankyou_video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.notfound-wrapper {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.notfound-wrapper span {
    font-family: var(--secondary-font);
    font-size: 6.4rem;
    font-weight: 600;
    line-height: 3.8rem;
    color: var(--deep-red);
}
.notfound-wrapper h1 {
    font-family: var(--secondary-font);
    font-size: 50rem;
    font-weight: 600;
    line-height: 40rem;
    color: var(--white);
}
.notfound-wrapper h2 {
    font-family: var(--secondary-font);
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 3.8rem;
    color: var(--white);
    margin: 0;
    padding-bottom: 4.3rem;
}
.notfound-wrapper h2 span {
    font-family: var(--secondary-font);
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 3.8rem;
    color: var(--deep-red);
}
.notfound-wrapper p {
    font-family: var(--primary-font);
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.1rem;
    letter-spacing: 0.02em;
    color: var(--white);
    padding: 0;
    width: 100%;
    max-width: 74.7rem;
}
.single-page-button {
    padding-top: 2.5rem;
    display: flex;
    justify-content: center;
}
.single-page-button a {
    font-family: var(--primary-font);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.2rem;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
    background-color: var(--blue);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18.4rem;
    height: 5.3rem;
    position: relative; 
    z-index:1;
    transition: var(--transition);
}
.single-page-button a:after { 
    content: ""; 
    width: 0%; 
    height: 100%; 
    background-color: var(--deep-blue); 
    position: absolute; 
    left: 0; 
    top: 0; 
    transition: var(--transition); 
    z-index: -1; 
}
.single-page-button a:hover:after { 
    width: 100%; 
}
.page-header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.thankyoupage_wraper h1 {
    font-family: var(--secondary-font);
    font-size: 25rem;
    font-weight: 700;
    line-height: 20rem;
    letter-spacing: 0.01em;
    color: var(--white);
}
/* .thankyoupage_wraper .notfound-background::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
} */

body.page-template-template-thank-you .site-header.stick {
    background-color: transparent;
}
body.error404 .site-header.stick {
    background-color: transparent;
}
/* :::::::::::::::::::::: /404 Page Style End :::::::::::::::::::::::::: */

/* :::::::::::::::::::::: Mobile App Development Page Style Start :::::: */
.app-mobile-image-content-section .image_content_list_loop {
    align-items: flex-start;
}
.mobile-application-development .image_content_list_loop {
    align-items: flex-start;
}
.mobile-app-development-service1 {
    padding-bottom: 0;
}
.app-mobile-image-content-section {
    background-color: var(--inner-background);
}
.app-mobile-business-section {
    padding-top: 8.3rem;
    background-color: var(--inner-background);
}
.app-platforms-wrapper {
    padding-top: 8.8rem;
}
.app-platforms-wrapper .row {
    justify-content: center;
}
.app-platforms-box-top {
    display: flex;
    align-items: center;
    gap: 4rem;
}
.app-platforms {
    padding: 3rem;
    border-radius: 1.2rem;
    box-shadow: rgb(204 205 255 / 33%) 0px 54px 55px, rgb(225 224 255) 0px -12px 30px, rgb(216 215 255) 0px 4px 6px, rgb(228 230 255) 0px 12px 13px, rgb(224 220 255) 0px -3px 5px;
}
.app-plateforms-col:nth-of-type(odd) {
    padding-right: 1.5rem;
    margin-bottom: 3rem;
}
.app-plateforms-col:nth-of-type(even) {
    padding-left: 1.5rem;
    margin-bottom: 3rem;
}
.app-platforms-logo {
    background-color: var(--white);
    padding: 0.7rem;
    border-radius: 50%;
    box-shadow: rgb(204 205 255 / 33%) 0px 54px 55px, rgb(225 224 255) 0px -12px 30px, rgb(216 215 255) 0px 4px 6px, rgb(228 230 255) 0px 12px 13px, rgb(224 220 255) 0px -3px 5px;
}
.app-platforms-figure {
    width: 12.2rem;
    height: 12.2rem;
    background-color: rgb(247, 247, 247);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.app-platforms-heading {
    font-family: var(--primary-font);
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 2.9rem;
    letter-spacing: 0.02em;
    color: rgb(56, 56, 56);
}
.app-platforms-content {
    padding: 3rem 2.3rem 3.5rem 2.3rem;
}
.app-plateforms-col{ display:flex}
.app-platforms-content.common-text p {
    text-align: left;
    padding: 0;
    font-size: 2rem;
    color: rgb(56, 56, 56);
    /*overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;*/
}
.app-platforms-content-more {
    text-align: left;
}
.app-platforms-content-more a {
    font-family: var(--primary-font);
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.4rem;
    letter-spacing: 0.02em;
    color: rgb(56, 56, 56);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    width: fit-content;
    transition: var(--transition);
}
.app-platforms-content-more {
    padding-left: 2.3rem;
}
.app-platforms-content-more a span {
    border: solid rgb(56, 56, 56);
    border-width: 0 0.3rem 0.3rem 0;
    display: inline-block;
    padding: 0.4rem;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: var(--transition);
}
.app-platforms-content-more a:hover {
    gap: 1.5rem;
    color: var(--icon-hover);
}
.app-platforms-content-more a:hover span {
    border: solid var(--icon-hover);
    border-width: 0 0.3rem 0.3rem 0;
    display: inline-block;
    padding: 0.4rem;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.development-project-section {
    background-color: rgba(16, 35, 85, 1);
    padding: 2.4rem 0;
}
.development-project-section .row {
    align-items: center;
}
.development-project {
    padding-right: 11.5rem;
}
.development-project-heading {
    font-family: Smooch Sans;
    font-size: 6.4rem;
    font-weight: 600;
    line-height: 7.6rem;
    letter-spacing: 0.02em;
    text-align: left;
    color: var(--white);
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 3.3rem;
}
.development-project .common-text p {
    color: var(--white);
    text-align: left;
    padding: 0;
}
.development-project-figure {
    padding-left: 1.6rem;
}
.work-flow .img-content-section-header {
    padding-bottom: 8.4rem;
}
.development-project .view-all {
    justify-content: flex-start;
    padding-top: 1.3rem;
}
.development-project .view-all a {
    background-color: var(--blue);
}
.development-project .view-all a:hover {
    color: var(--deep-blue);
}
.development-project .view-all a::after {
    background-color: var(--white);
}
/* :::::::::::::::::::::: /Mobile App Development Page Style End ::::::: */

/* :::::::::::::::::::::::::::::::::::::: /Inner Page Style End ::::::::::::::::::::::::::::::::::::::: */


/* :::::::::::::::: New Style Start :::::::::::::::::::: */
/**case sudy banner **/
.innerbanner{position: relative; width:100%; position: relative; height: 100vh;}
.bannerimg{width:100%; height:100%;}
.bannerimg img{width:100%; height:100%; object-fit:cover; object-position: 78% 100%;}
.bannerabs{position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);  text-align: center; width:100%;}
.banner-abs-inner{max-width:747px; margin:0 auto;}
.bannerabs h1{color:var(--colorwhite);  font-family: var(--smoochsansfont);  font-size: 10rem;  font-style: normal;  font-weight: 600;  line-height: 87.5%; /* 87.5px */   text-transform: uppercase; margin-bottom: 4rem; }
.single-case-study .bannerabs h1{margin-bottom:0rem !important;}
.bannerabs p{color:var(--colorwhite);  font-size: 18px;  font-style: normal;  font-weight: 500;  line-height: 175%; /* 31.5px */   letter-spacing: 0.36px; padding-bottom: 0rem;}
.banner-arrow{margin-top: 7rem; display: inline-block;  animation: bounce 2s infinite;}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-3rem);
    }
    60% {
      transform: translateY(-1.5rem); 
    }
  }
  .second-case-studysec{padding:6rem 0px; overflow:hidden; background-color:var(--black);}
  /* .logoSwiper{margin-left:-33%;} */
  .logoSwiper .swiper-slide{ /*width:335px; */ opacity:0.3; }
  .logoSwiper .swiper-slide figure{width:100%;}
  .logoSwiper .swiper-slide img{width:100%;}
 
  /* .logoSwiper .swiper-container {
    overflow: visible;
    width: 70%;
    margin-left: auto;
    margin-right: auto
  } */
  .logoSwiper .swiper-slide{transition:0.7s;}
  .logoSwiper .swiper-slide.swiper-slide-active{opacity:1; }
  /* .logoSwiper .swiper-slide.swiper-slide-next{opacity:1; } */

  .second-case-studysec .swiper-slide {
    transition:all 200ms linear;
    transform: scale(0.8);
  }
  .second-case-studysec .swiper-slide.swiper-slide-active {
    transform: scale(1);
  }
/**case study inner **/
.case_det_slider_desktopmobilescreen .swiper-slide { width: auto; height: 666px; }
.case_det_slider_desktopmobilescreen .swiper-slide figure{ width:100%; height:100%; }
.case_det_slider_desktopmobilescreen .swiper-slide figure a{ width:100%; height:100%; display: block; }
.case_det_slider_desktopmobilescreen .swiper-slide img { width: auto; height: 100%; object-fit: cover; }


.case-studyban-img{position: relative; display:inline-block; margin:0 auto 57px;}
.clint-abs{position: absolute; padding:0.4rem 2rem; border-radius: 1rem;  border: 1px solid #0FB04C;   background: #0FB04C; color:var(--colorwhite); text-align: center;
    font-family: var(--unitedsansfont);   font-size: 2.4rem;  font-style: normal;   font-weight: 600;   line-height: normal;   letter-spacing: 0.48px;  text-transform: uppercase; top: -5rem;  left: -8.8rem;}
.casestudy-single p{color:var(--colorwhite);  font-size: 3.2rem;  font-style: normal;  font-weight: 600;  line-height: 150%; /* 48px */  letter-spacing: 0.64px; padding-bottom: 0px;}
.casestudy-single .banner-abs-inner{max-width:770px;}
.single-aboutsec{padding:10.9rem 0px; background: #F5F5F1; overflow:hidden;}
.single-big-img-wrapper{position: relative; overflow:hidden;}
.single-big-img-wrapper .case_big_image_section{position: absolute; right:-62px; top:50%; padding:0px; transform:translateY(-50%); }
.single-aboutsec h2{color: var(--graycolor); font-family: var(--smoochsansfont); font-size: 6.6rem;  font-style: normal;  font-weight: 600;  line-height: normal;  letter-spacing: 1.28px;    text-transform: uppercase; margin-bottom: 4.1rem; }
.single-aboutsec p{color: var(--graycolor); font-size: 2rem;    font-style: normal; font-weight: 500; line-height: 175%; letter-spacing: 0.36px;}
.single-aboutsec p:last-child{padding-bottom: 0px;}
.single-aboutsec h3{font-family: var(--montesseratfont); color: var(--graycolor); font-size: 2.4rem;  font-style: normal;  font-weight: 600;  line-height: 175%; /* 42px */    letter-spacing: 0.48px; padding-bottom: 3rem;}
.abtrightsec{ padding-left: 3.5rem; margin-right: -6rem; }
.challengesec{padding:12.7rem 0rem 6.2rem;}
.twoimgsec{padding-top: 6.6rem;}
.challengesec h2{color: var(--graycolor); font-family: var(--smoochsansfont); font-size: 6.6rem;  font-style: normal;  font-weight: 600;  line-height: normal;  letter-spacing: 1.28px;    text-transform: uppercase; margin-bottom: 2.3rem; }
.challengesec h3{color: var(--graycolor);font-size: 2.4rem;  font-style: normal;  font-weight: 600;   line-height: 150%;}
.challengesec p,.challengesec ul li{color: var(--graycolor); font-size: 2rem;    font-style: normal;    font-weight: 500; line-height: 175%;   letter-spacing: 0.36px;}
.challengesec p:last-child{padding-bottom: 0px;}
.challengesec ul li {
    margin-bottom: 1.5rem;
}
.challengesec h3{ font-family: var(--montesseratfont); color: var(--graycolor); font-size: 2.6rem;  font-style: normal;  font-weight: 600;  line-height: 175%; /* 42px */    letter-spacing: 0.48px; padding-bottom: 3rem;}
.ful-img img{width:100%;}
.slidersec{padding:5rem 0rem; background-size: cover !important; background-attachment:fixed !important; overflow:hidden; position: relative; z-index:1; /*height: 81.8rem;*/}
.slidersec:after{content:""; position: absolute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.7); z-index:-1;}
/* .sliderSwiper .swiper-slide img{width:100%;} */
/* .sliderSwiper{margin-left:-10%; margin-right:-10%;} */
.sliderSwiper.case_det_slider_twocolumm{margin-left:0; margin-right:0;}
/* .sliderSwiper.case_det_slider_twocolumm .swiper-slide figure{width:43% !important;} */
.sliderSwiper .swiper-slide img{width:100%;}
.case-banner-arrow{position: absolute; left:0; right:0; margin:0 auto; bottom:114px; width: max-content; display:inline-block; animation: bounce 2s infinite; }

.common-width-banner .banner-abs-inner { max-width: 100%; }
.common-width-banner .banner-abs-inner h1{letter-spacing:0.2rem;}
.common-width-banner .banner-abs-inner p{max-width:77.4rem; margin: 0 auto;}
/**contact form **/
.input-holder input.wpcf7-not-valid {
    color: var(--heading-border);
    border-bottom: 1px solid var(--heading-border);
}
.input-holder .wpcf7-not-valid-tip {
    display: none;
}
.submit-button-holder .wpcf7-spinner {
    display: block;
    left: 50%;
    transform: translateX(-50%);
}
.form-cont-holder .wpcf7 form.invalid .wpcf7-response-output {
    color: var(--white);
    border: none;
    background-color: var(--heading-border);
    width: fit-content;
    font-size: 1.4rem;
    font-weight: 400;
    font-family: var(--primary-font);
}
.form-cont-holder .wpcf7 form.sent .wpcf7-response-output {
    color: var(--white);
    border: none;
    background-color: var(--light-green);
    width: fit-content;
    font-size: 1.4rem;
    font-weight: 400;
    font-family: var(--primary-font);
}
.form-cont-holder .wpcf7 form .wpcf7-response-output {
    margin: 0;
}
.formholder{background: var(--wpr-bg-fef31af5-f309-4e72-90f2-c956274d1bee)0 0 no-repeat; background-size: cover; }
.form-cont-holder{padding:7.7rem 4.5rem 12.9rem 5.4rem; background: #fff; width:100%; max-width:90.7rem; margin:0 auto;}
.form-cont-holder h2{color: var(--graycolor);  text-align: center;  font-family: var(--smoochsansfont);  font-size: 64px;  font-style: normal;  font-weight: 600;  line-height: normal;
  letter-spacing: 1.28px; text-transform: uppercase; margin-bottom:40px;}
  .input-holder{margin-bottom:4.4rem;}
  .input-holder p { padding: 0; }
  .input-holder br { display: none; }
  .input-holder p label { display: none; }
.input-holder input{width:100%; height:3.5rem; border:none; border-bottom:1px solid #000; outline:none; padding:0.3rem 0px; color: #000;
  font-family: var(--montesseratfont);  font-size: 2rem; font-style: normal;  font-weight: 400;  line-height: normal; letter-spacing: 0.36px; transition:0.5s; border-radius: 0; }
.input-holder input:focus{border-color: rgb(9, 29, 128); }
.input-holder textarea{width:100%; height:9.7rem; border:none; border-bottom:1px solid #000; outline:none; padding:0.3rem 0px; resize:none; color: #000;
  font-family: var(--montesseratfont);  font-size: 2rem; font-style: normal;  font-weight: 400;  line-height: normal; letter-spacing: 0.36px; transition:0.5s; border-radius: 0;}
  .input-holder textarea:focus{border-color: rgb(9, 29, 128); }
.button-and-file-holder{display: flex; justify-content:space-between; align-items:center;}
.file-holder input{cursor:pointer;}
.text-mb{margin-bottom: 5rem;}
.submit-button-holder input.submit{ padding:1.8rem 3.8rem; background: var(--black); display: inline-block; border:none; outline:none; color:var(--colorwhite);
text-align: center; font-family: var(--montesseratfont); font-size: 2rem; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.36px;  text-transform: uppercase; transition:0.5s; }
  .submit-button-holder input.submit:hover{background: rgb(9, 29, 128); }
  .input-holder input::placeholder {color: var(--inputplaceholdercolor); font-family: var(--montesseratfont);  font-size: 2rem; font-style: normal;  font-weight: 400;  line-height: normal; letter-spacing: 0.36px; }
  
  .input-holder input::-ms-input-placeholder { color: var(--inputplaceholdercolor); font-family: var(--montesseratfont);  font-size: 2rem; font-style: normal;  font-weight: 400;  line-height: normal; letter-spacing: 0.36px;}
  .input-holder textarea::placeholder {color: var(--inputplaceholdercolor); font-family: var(--montesseratfont);  font-size: 2rem; font-style: normal;  font-weight: 400;  line-height: normal; letter-spacing: 0.36px; }
  
  .input-holder textarea::-ms-input-placeholder { color: var(--inputplaceholdercolor); font-family: var(--montesseratfont);  font-size: 2rem; font-style: normal;  font-weight: 400;  line-height: normal; letter-spacing: 0.36px;}
  .map-sec{height:47.0rem;}
  .map-sec iframe{width:100%; height:100%;}
  .full-width-content{width:100%;}

  /***solution page **/
  .black-text-banner .bannerabs h1{color: var(--graycolor);}
  .black-text-banner .bannerabs p{color: var(--graycolor);}
  .servic-list-section{padding:3.5rem 0px 10rem; background: rgb(245, 245, 241);}
  .common-header{text-align: center;}
  .common-header h2{color: var(--graycolor); text-align: center;  font-family: var(--smoochsansfont);   font-size: 6.6rem;    font-style: normal;  font-weight: 600;   line-height: normal; 
    letter-spacing: 1.28px;   text-transform: uppercase; margin-bottom:4.8rem;}
    .service-holderinner{max-width:1170px; margin:0 auto;}
  .service-list-all-holder{display:flex; flex-wrap:wrap; justify-content:space-between; margin-left:-15px; margin-right:-15px; }
  .service-box{text-align: center; background: linear-gradient(180deg, rgb(254, 172, 76) 0%, rgb(235, 131, 9) 100%); width:37.0rem; margin:0rem 1.5rem; margin-bottom: 3rem; padding:11.1rem 0.5rem 4.8rem; height:40.0rem;     display: inline-block; position: relative; overflow:hidden;}
  .sev-abs{position: absolute; bottom: -39px;  right: -55px; }
  .servic-icon{width:12.6rem; height:12.6rem; margin:0 auto;margin-bottom: 7.7rem; position: relative; z-index:1; transition:0.5s;}
  .servic-icon svg path{fill: var(--white);}
  .servic-icon svg{width:100%; height:100%; }
  .service-box h3{color: var(--white); text-align: center;   font-size: 2.6rem;  font-style: normal;  font-weight: 600;  line-height: normal;  letter-spacing: 0.48px; position: relative; z-index:1;}
  .service-box:hover .servic-icon{transform: scale(1.2);}
  .serv-bg-1{background: linear-gradient(180deg, rgba(127, 32, 133, 1), rgba(5, 1, 113, 1));}
  .serv-bg-2{background: linear-gradient(180deg, rgb(97, 44, 205) 0%, #3E0CA6 100%);}
  .serv-bg-3{background: linear-gradient(180deg, #8FCA49 0%, #6AA722 100%);}
  .serv-bg-4{background: linear-gradient(180deg, #F00 0%, #C70000 100%);}
  .serv-bg-5{background: linear-gradient(180deg, #367EE0 0%, #165EBF 100%);}
  .serv-bg-6{background: linear-gradient(180deg, rgba(15, 115, 173, 1), rgba(7, 40, 81, 1));}
  /**service detail**/
  .service-banner h1{position: relative; width:max-content; display: block;  margin: 0 auto 4rem;}
  .service-banner .abs-icon {position: absolute;  top: -101px;  right: -79px;   display: inline-block;   width: 88px;}
  .service-banner .abs-icon svg{width:100%; height:100%;}
  .service-detail-firstsec{padding:60px 0px; background: #F5F5F1;}
  .common-serv-header h2{color: var(--graycolor);  text-align: center;  font-family: var(--smoochsansfont);    font-size: 6.6rem;   font-style: normal;   font-weight: 600;    line-height: normal;    letter-spacing: 1.28px;    text-transform: uppercase; position: relative; width:max-content; margin:0 auto 5.7rem;}
  /* .common-serv-header h2:after{content:""; position: absolute; background: #F12A31; width:1.9rem; height:0.5rem; left:0.3rem; bottom:0px;} */
  
  .midium-text p{color: var(--graycolor); font-family: var( --montesseratfont);  font-size: 2rem;  font-style: normal;  font-weight: 500;  line-height: 175%; /* 31.5px */   letter-spacing: 0.36px;}
  .midium-text p:last-child{padding-bottom: 0px;}
  .full-image-sec{width:100%; display: block;}
  .full-image-sec figure{width:100%;}
  /* .full-image-sec figure img{width:100%;} */
  .full-image-sec figure{position: relative; height:577px; overflow:hidden;}
  .full-parallax_image{position: absolute;  bottom: 0; left: 0;  width: 100%;   height: 170%;  object-fit: cover;   object-position: center;  padding: 0;}
  .service-detail-secondsec{background: #F5F5F1; padding:6rem 0rem 9rem;}
  .service-detail-secondsec .midium-text p strong{font-weight: 600;}
  .threebox{padding-top:3.2rem;}
  .threebox header h3{color: var(--graycolor);  font-family: var(--montesseratfont);  font-size: 2rem;  font-style: normal;font-weight: 600;  line-height: 175%; letter-spacing: 0.36px; text-align: center; margin-bottom: 7rem;}
  .hdng-txtbx{padding-right: 5rem;}
  .hdng-txtbx h3{color: var(--graycolor) !important; font-family: var(--smoochsansfont) !important; font-size: 3.8rem !important;  font-style: normal !important;  font-weight: 600 !important;  line-height: normal !important;  letter-spacing: 0.72px !important;    text-transform: uppercase !important; margin-bottom: 2rem !important; text-align: left !important;}
  .service-detail-thirdsec{padding:82px 0px;}
  .imwrap{width:100%;}
  .imwrap img{width:100%;}
  .serv-sec-text-holder{padding-left: 27px;}
  .serv-sec-text-holder h2{color: var(--graycolor); font-family: var(--smoochsansfont);   font-size: 4.2rem;   font-style: normal;  font-weight: 600;   line-height: normal; letter-spacing: 0.8px;   text-transform: uppercase; margin-bottom: 3.7rem; position: relative;}
  /* .serv-sec-text-holder h2:after{content:""; position: absolute; background: #F12A31; width:1.9rem; height:0.5rem; left:0.3rem; bottom:0px;} */
  
  .serv-sec-text-holder p{color: var(--graycolor); font-family: var( --montesseratfont);  font-size: 2rem;  font-style: normal;  font-weight: 500;  line-height: 175%; /* 31.5px */   letter-spacing: 0.36px; padding-bottom: 4rem;}
  .serv-sec-text-holder ul{list-style:none; padding:0rem 0rem 0rem 2.5rem; margin:0rem;  position: relative;}
  .serv-sec-text-holder ul:before{content: "";  width: 3px;  height: 88%;  background: var(--graycolor);  position: absolute;   left: 0;   top: 11px;}
  .serv-sec-text-holder ul li{color: var(--graycolor); font-family: var( --montesseratfont);  font-size: 2rem;  font-style: normal;  font-weight: 400;  line-height: 3.8rem; /* 211.111% */
    letter-spacing: 0.36px; position: relative; padding-left: 1.5rem; }
    .serv-sec-text-holder ul li:after{content:""; position: absolute; left:0; top:1.6rem; width:0.4rem; height:0.4rem; background: #383838; border-radius:50%; }
   
    .serv-sec-text-holder .one_half ul{list-style:none; padding:0rem 4rem 0rem 0rem; margin:0rem;}
    .serv-sec-text-holder .one_half ul:before{display:none;}
  .serv-sec-text-holder .one_half ul li{color: var(--graycolor); font-family: var( --montesseratfont);  font-size:2rem;  font-style: normal;  font-weight: 400;  line-height: 3.8rem; /* 211.111% */  letter-spacing: 0.36px; position: relative; padding-left: 1.5rem; padding-bottom: 2rem;}
   .serv-sec-text-holder .one_half ul li:after{content:""; position: absolute; left:0; top:1.6rem; width:0.4rem; height:0.4rem; background: #383838; border-radius:50%; }
   .serv-sec-text-holder .one_half ul li:last-child{padding-bottom: 0rem;}
  .service-detail-fourthsec{padding:7.2rem 0rem 9rem; background: #F5F5F1;}
  .service-detail-fourthsec h2{color: var(--graycolor); font-family: var(--smoochsansfont);   font-size: 4.0rem;   font-style: normal;  font-weight: 600;   line-height: normal; letter-spacing: 0.8px;   text-transform: uppercase; margin-bottom: 3.7rem; position: relative;}
  .service-detail-fourthsec h2:after{content:""; position: absolute; background: #F12A31; width:1.9rem; height:0.5rem; left:0.3rem; bottom:0px;}
  .service-detail-fourthsec p{color: var(--graycolor); font-family: var( --montesseratfont);  font-size: 1.8rem;  font-style: normal;  font-weight: 500;  line-height: 175%; /* 31.5px */   letter-spacing: 0.36px; padding-bottom: 3.7rem;}
  .service-detail-fourthsec ul{list-style:none; padding:0rem 0rem 0rem; margin:0rem;}
  .service-detail-fourthsec ul li{color: var(--graycolor); font-family: var( --montesseratfont);  font-size:1.8rem;  font-style: normal;  font-weight: 400;  line-height: 3.8rem; /* 211.111% */  letter-spacing: 0.36px; position: relative; padding-left: 1.5rem; padding-bottom: 2.7rem;}
  .service-detail-fourthsec ul li:after{content:""; position: absolute; left:0; top:1.6rem; width:0.4rem; height:0.4rem; background: #383838; border-radius:50%; }
  .service-detail-fourthsec ul li:last-child{padding-bottom: 0rem;}
  .fourthsec-textwrap{padding-right: 12px;}
  .fullslder{width:100%;  background-size: cover !important;  position: relative;}
  .right-slider-sec{width:50%; position: absolute; right:-2.3rem; top:50%; transform:translateY(-50%);}
  .fullslder .container .row{height:100%;}
  .right-slider-sec figure{width:100%;}
  .right-slider-sec figure img{width:100%;}
  /* .slider-text-sec{padding:23.0rem 0rem 27.0rem;} */
  .slider-text-sec .sldr-logo{display: inline-block; margin-bottom:7.0rem;}
  .slider-text-sec h3{    font-family: var( --montesseratfont);    font-size: 2.6rem;    font-style: normal;    font-weight: 700;    line-height: 3.6rem; /* 41.88px */ margin-bottom: 1.8rem;}
  .slider-text-sec p{  font-family: var( --montesseratfont);    font-size: 2rem;  font-style: normal;  font-weight: 500;   letter-spacing: 0.36px;}
  .service-slider .swiper-pagination{bottom:35px;}
  .service-slider .swiper-pagination .swiper-pagination-bullet{width:37px; height:2px; background: #fff; opacity:1; transition:0.5s; border-radius: 0px;}
  .service-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{height:4px;}
  .ux-first-sec p strong{text-align: center; color: var(--graycolor); font-family: var( --montesseratfont); font-size: 2.4rem; font-style: normal;font-weight: 600;
  line-height: 175%; /* 42px */letter-spacing: 0.48px; }
  .ux-first-sec{background: #fff;}
  .ux-secondsec-sec{padding-top: 6rem;}
  /* .ux-secondsec-sec .common-serv-header{padding-bottom: 5rem;} */
  .ux-secondsec-sec .common-serv-header h2:after{display: none;}
  .ux-secondsec-sec .common-serv-header h2 span{position: relative;}
  /* .ux-secondsec-sec .common-serv-header h2 span:after{content:""; position: absolute; background: #F12A31; width:1.9rem; height:0.5rem; left:0.3rem; bottom:0px;} */
  .ux-secondsec-text-imgarea{background: #A9803B; padding:13.1rem 0rem 8.7rem;}
  .ux-text-shrt-img{margin-bottom: 26px;}
  .ux-secondsec-text-imgarea h2{color:var(--colorwhite); font-family: var(--smoochsansfont); font-size: 64px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 1.28px;text-transform: uppercase; margin-bottom: 5rem;}

  .ux-secondsec-text-imgarea h2 span{position: relative;}
 /* .ux-secondsec-text-imgarea h2 span:after{content:""; position: absolute; background: #F12A31; width:1.9rem; height:0.5rem; left:0.3rem; bottom:0px;} */
 
 .ux-secondsec-text-imgarea h3{color:var(--colorwhite); font-family: var( --montesseratfont); font-size:2.4rem; font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.48px; margin-bottom: 2.5rem;}
  .ux-secondsec-text-imgarea p{color:var(--colorwhite); font-family: var( --montesseratfont); font-size: 2rem; font-style: normal;font-weight: 500; line-height: 175%; /* 31.5px */letter-spacing: 0.36px;}
   .ux-secondsec-text-imgarea .text-holder{padding-right: 2rem;}
  .ux-secondsec-text-imgarea p:last-child{padding-bottom: 0px;}
  .ux-secondsec-text-imgarea:nth-child(2){background: #000;}
  .ux-secondsec-text-imgarea:nth-child(even) .text-holder{text-align:right; padding-left: 4rem; padding-right: 0rem;}
  .ux-secondsec-text-imgarea:nth-child(even) h2 span:after{left:auto; right:0;}
  .ux-secondsec-text-imgarea:nth-child(3){background: var(--blue);}
  .digital-detail-firstsec{padding:8.7rem 0rem 11.2rem; background: #F5F5F1; }
  .digital-detail-firstsec h2{ color: var(--graycolor);  font-family: var(--smoochsansfont); font-size: 4rem; font-style: normal;font-weight: 600; line-height: normal;letter-spacing: 0.8px;text-transform: uppercase; margin-bottom:3.5rem; position: relative;}
  /* .digital-detail-firstsec h2:after{content:""; position: absolute; background: #F12A31; width:1.9rem; height:0.5rem; left:0.3rem; bottom:0px;} */
  
  .digital-detail-firstsec p{color: var(--graycolor); font-family: var( --montesseratfont); font-size: 2rem; font-style: normal;font-weight: 500; line-height: 175%; /* 31.5px */ letter-spacing: 0.36px;}
  .digital-secondsec{background: #fff;}
  .thre-img{width:max-content; margin-bottom:29px;}
  .data-insghits-firstsec{padding:11.9rem 0rem 26.2rem; background: #F5F5F1; text-align: center;}
  .data-insghits-firstsec p{color: var(--graycolor); font-family: var( --montesseratfont);  font-size: 2.4rem;  font-weight: 600;  line-height: 175%; /* 42px */   letter-spacing: 0.48px;}
  .data-insghits-firstsec p:last-child{padding-bottom: 0px;}
  .data-insights-solution-holder{max-width:1424px; background: #fff; padding:5.2rem 5.2rem; margin:0 auto; position: relative; margin-top: -190px; z-index:1;}
  .data-left-sec h2{color: var(--graycolor); font-family: var(--smoochsansfont); font-size: 6.4rem; font-style: normal;  font-weight: 600; line-height: normal; letter-spacing: 1.28px;
    text-transform: uppercase; position: relative;}
    /* .data-left-sec h2:after{content:""; position: absolute; background: #F12A31; width:1.9rem; height:0.5rem; left:0.3rem; bottom:0px;} */
    
    .data-insights-solution-holder p{color: var(--graycolor); font-family: var( --montesseratfont); font-size: 2rem;   font-style: normal;   font-weight: 500;  line-height: 175%; /* 31.5px */
      letter-spacing: 0.36px; padding-bottom: 0px;}
      .data-insights-full-img{position: relative; margin-top: -67px;}
      .data-insghits-thirdsec{padding:11.8rem 0rem 3.9rem; background: #F5F5F5;}
  .data-insights-full-img figure{height:610px;}
  .data-insghits-thirdsec-text-imgsec{margin-bottom: 7.5rem;}
.data-in-third-text{padding:0rem 6.0rem 0rem 2.5rem; }
.data-in-third-text h2{color: var(--graycolor); font-family: var(--smoochsansfont); font-size: 4.2rem; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.8px;  text-transform: uppercase; position: relative; margin-bottom:5.7rem;  }
/* .data-in-third-text h2:after{content:""; position: absolute; background: #F12A31; width:1.9rem; height:0.5rem; left:0.3rem; bottom:-0.2rem;} */

.data-in-third-text p{color: var(--graycolor); font-family: var( --montesseratfont);  font-size: 2rem; font-style: normal; font-weight: 500; line-height: 175%; /* 31.5px */
  letter-spacing: 0.36px;}
  .data-in-third-text p:last-child{padding-bottom: 0px;}
  .data-insghits-thirdsec-text-imgsec:nth-child(even) .data-in-third-text{padding:0rem 5.0rem 0rem 0rem;}
.enterprise-first-sec{padding:10.2rem 0rem;}
.enterprise-secondsec-img{padding:0rem 0rem;}
.enterprise-third-sec .benfit-icon{margin-bottom: 1rem;}
.enterprise-third-sec h2{color: var(--graycolor); font-family: var(--smoochsansfont); font-size: 6.4rem; font-style: normal;  font-weight: 600;  line-height: normal;  letter-spacing: 1.28px;  text-transform: uppercase; position: relative;}
/* .enterprise-third-sec h2:after{content:""; position: absolute; background: #F12A31; width:1.9rem; height:0.5rem; left:0.3rem; bottom:0rem;} */

.enterprise-third-sec{padding:0rem 0rem 5rem;}
.enterprise-fourth-sec{padding:10.9rem 0rem; background-color: var(--black); background: var(--wpr-bg-9b89ca86-b90f-4c9a-8591-8f0a7a666421); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.enterprise-fourth-sec-text figure{margin-bottom:1.6rem;}
.enterprise-fourth-sec-text h3{color:var(--colorwhite); font-family: var( --montesseratfont); font-size: 2.6rem; font-style: normal; font-weight: 600;  line-height: 175%; /* 42px */  letter-spacing: 0.48px; margin-bottom: 1.5rem;}
.enterprise-fourth-sec-text ul{list-style:none; padding:0rem 0rem 0rem 2.5rem; margin:0rem;  position: relative;}
.enterprise-fourth-sec-text ul:before{content: "";  width: 3px;  height: 92%;  background: var(--colorwhite);  position: absolute;   left: 0;   top: 11px;}
.enterprise-fourth-sec-text ul li{color:var(--colorwhite); font-family: var( --montesseratfont);  font-size:2rem;  font-style: normal;  font-weight: 400;  line-height: 3.8rem; /* 211.111% */letter-spacing: 0.36px; position: relative; padding-left: 1.5rem; }
.enterprise-fourth-sec-text ul li:after{content:""; position: absolute; left:0; top:1.6rem; width:0.4rem; height:0.4rem; background: #fff; border-radius:50%; }
.enterprise-fifth-sec{background: #F5F5F1; padding:9.6rem 0 9.6rem;}
.enterprise-sixthsec-full-img figure{height:837px;}
.abs-img{position: absolute; left:0; bottom:0; width: 26%;}
.enterprise-seventhsec{padding:9.2rem 0rem 7.1rem; background: #F5F5F1;}
.enterprise-seventhsec-box-holder{display: flex; flex-wrap:wrap; justify-content: space-between; }

.enterprise-seventhsec-box:nth-child(1) { padding-top: 0; }
.enterprise-seventhsec-box:nth-child(2) { padding-top: 0; }

.enterprise-seventhsec-box{display: flex; width:50%; padding:4.5rem 0rem; border-bottom:1px solid #ddd; position: relative;}
.enterprise-seventhsec-box:nth-last-child(2){border-bottom:none; padding-bottom: 0;}
.enterprise-seventhsec-box:nth-child(2n+1):after{content:""; position: absolute; right:0rem; top:0; width:0.1rem; height:100%; background: #ddd;}
.enterprise-seventhsec-box:last-child{border-bottom:none; padding-bottom: 0;}
.enterprise-seventhsec-box:last-child:after{display: none; }
.enterprise-seventhsec-box:nth-child(2n+2){padding-left: 4rem;}

.enterprise-seventhsec-box figure{width:6.6rem; padding-top: 0.6rem;}
.enterprise-seventhsec-box .box-text{width:75%;}
.enterprise-seventhsec-box .box-text h3{color: var(--graycolor); font-family: var(--smoochsansfont); font-size: 3.8rem; font-style: normal; font-weight: 600; line-height: normal;  letter-spacing: 0.72px;  text-transform: uppercase; margin-bottom: 2.2rem;}
.enterprise-seventhsec-box .box-text p{color: var(--graycolor);  font-family: var( --montesseratfont); font-size: 2rem;  font-style: normal;  font-weight: 500;  line-height: 175%; /* 31.5px */  letter-spacing: 0.36px;}
.enterprise-seventhsec-box .box-text p:last-child{padding-bottom: 0px;}
.web-devlopment-firstsec{background: #131D2B;}
.web-devlopment-firstsec p{color:var(--colorwhite);}
.web-third-sec{padding:10.7rem 0rem 0rem; }
.web-third-text-sec{position: relative;}
.web-thirdimg{position: absolute; left:0; top:0; width:48%;}
.web-thirdimg img{width:100%;}
.web-thrdtext{padding-right: 7rem;}
.web-thrdtext p{color: var(--graycolor);  font-family: var( --montesseratfont); font-size:2rem; font-style: normal; font-weight: 500; line-height: 175%; letter-spacing: 0.36px;}
.web-thrdtext p:last-child{padding-bottom: 0rem;}
.web-third-icon-txt-box{text-align: center;}
.web-third-icon-txt-box .web-text-wrap{padding:0px 4.2rem;}
.web-third-icn-textsec{padding-top:7.1rem;}
.web-third-icon-txt-box figure{margin-bottom: 2.9rem;}
.web-third-icon-txt-box h3{color: var(--graycolor);  font-family: var( --montesseratfont); font-size:2.4rem;  font-style: normal;  font-weight: 600;  line-height: normal;
  letter-spacing: 0.48px; margin-bottom: 2.5rem;}
 .web-third-icon-txt-box{margin-bottom:9.1rem;}
 .web-fourthsec{background: var(--wpr-bg-af45b341-67a9-448c-b63d-31f4385f61b8); background-repeat: no-repeat; background-size: cover; padding:5.5rem 0rem 5.8rem; position: relative; overflow:hidden;}
 .web-fourthimg{width:48%; position: absolute; right:-1.3rem; bottom:5.8rem;}
 .web-fourth-text-wrap{position: relative; top:-15rem;}
 .web-fourth-text-wrap .common-serv-header h2{width:auto; text-align: left;}
 .web-fourth-text-wrap p{color: var(--graycolor);  font-family: var( --montesseratfont); font-size:2rem;  font-style: normal;  font-weight: 600;  line-height: 175%; }
 .web-fourth-text-wrap p:last-child{padding-bottom:0rem;}
 .web-fifthhsec{padding:7.4rem 0rem; background: var(--blue);}
 .web-fifthhsec .common-serv-header h2{width:auto; text-align: left; color:var(--colorwhite);}
 .expert-gridsec{ display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 3rem;  }
 .expertbx{border:1px solid #FFFFFF; padding:3.6rem 4rem; background: #000; background: #FFF; height:260px; position: relative; z-index:1;}
 .expertbx:after{content:""; width:0%; height:100%; background: var(--blue); position: absolute; left:0; top:0; transition:0.5s; z-index:-1;}
 .expertbx:hover:after{width:100%;}
 
 /* .expertbx:last-child{height:auto; grid-column: 1 / 3; padding-bottom:4.5rem; } */
 .expertbx p{color: var(--graycolor); font-family: var(--smoochsansfont); font-size: 4.2rem;  font-style: normal;  font-weight: 600;  line-height: 98.5%; /* 39.4px */  letter-spacing: 0.8px;
  text-transform: uppercase; padding-bottom: 0px; transition:0.5s; }
  .expertbx:hover p{color:var(--colorwhite);}
  .web-sixthsec{background: #F5F5F1; padding:10.2rem 0rem 11.8rem;}
  .web-sixthbutton-area{text-align: center; padding-top: 6rem;}
  a.servbuton{display: inline-block; display: inline-block; padding:2.1rem 3.2rem; background: #121212; color:var(--colorwhite);  text-align: center; font-family: var( --montesseratfont);
    font-size:1.8rem;    font-style: normal;    font-weight: 700;    line-height: normal;    letter-spacing: 0.36px;    text-transform: uppercase; position: relative; z-index:1;}
  a.servbuton:after{content:""; width:0%; height:100%; background: var(--blue); position: absolute; left:0; top:0; transition:0.5s; z-index:-1;}
  a.servbuton:hover:after{width:100%;}
.product-image{position: relative;}

.progress-wrap {position: fixed;bottom:10.0rem;right:1rem;height:5rem;width:5rem;cursor: pointer;display: block;border-radius:5rem;z-index: 100;opacity: 0;visibility: hidden;-webkit-transform: translateY(2rem);-ms-transform: translateY(2rem);transform: translateY(2rem);-webkit-transition: all 400ms linear;-o-transition: all 400ms linear;transition: all 400ms linear;-webkit-box-shadow: inset 0 0 0 0.2rem rgba(0, 118, 253, 0.2);box-shadow: inset 0 0 0 0.2rem rgba(0, 118, 253, 0.2);}
.progress-wrap::after{content: 'next'; color: var(--accordian-border); font-size:2rem; position: absolute; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center;font-family: 'swiper-icons' !important;top: 0;font-weight: normal;transform: rotate(-90deg);}
.progress-wrap svg.progress-circle { fill: var(--colorwhite);}
.progress-wrap svg.progress-circle path {stroke: var(--blue);stroke-width: 4;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 400ms linear;-o-transition: all 400ms linear;transition: all 400ms linear;}
.progress-wrap.active-progress {opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.ux-secondsec-sec-content {
    padding-bottom: 7rem;
}
.web-third-icn-textsec .row { 
    justify-content: center;
}
.mobilemenu-nav{ display: none; }
.footer-mobile-logo { display: none; }

.ux-design-section { overflow: hidden; }
.data-insghits-thirdsec-text-imgsec { overflow: hidden; }
.data-insghits-thirdsec-text-imgsec .container .col-lg-6 { overflow: hidden; }
.digitaltransformation-content { overflow: hidden; }
.enter-third-head { overflow: hidden; }
.enter-third-text { overflow: hidden; }
.web-fourthimg { overflow: hidden; }
.web-fourth-text-wrap { overflow: hidden; }
.imwrap { overflow: hidden; }
.serv-thrdtext-contsec { overflow: hidden; }

.full-img img { width: 100%; }
.menu-controller{ display: none !important; }

/* .case_det_slider_onecolumm { min-height: 72rem; }
.case_det_slider_twocolumm { min-height: 56rem; } */

.digital-detail-firstsec .container .row .dig_content_image_listing_loop:first-child {
    padding-right: 1.5rem;
}
.digital-detail-firstsec .container .row .dig_content_image_listing_loop:last-child {
    padding-left: 1.5rem;
}


.second-case-studysec:hover .swiper-button-prev { opacity: 1 !important; }
.second-case-studysec:hover .swiper-button-next { opacity: 1 !important; }
/* .second-case-studysec .swiper-button-prev { border: 0.2rem solid var(--white); left: 63.3rem; opacity:0 !important;  }
.second-case-studysec .swiper-button-prev::after { color: var(--white); }
.second-case-studysec .swiper-button-prev:hover { border: 0.2rem solid var(--white); background-color: var(--white); }
.second-case-studysec .swiper-button-prev:hover::after { color: var(--black); } */

/* .second-case-studysec .swiper-button-next { border: 0.2rem solid var(--white); opacity:0 !important; } */
/* .second-case-studysec .swiper-button-next::after { color: var(--white); } */
/* .second-case-studysec .swiper-button-next:hover { border: 0.2rem solid var(--white); background-color: var(--white); } */
/* .second-case-studysec .swiper-button-next:hover::after { color: var(--black); } */

.second-case-studysec:hover .swiper-button-next { opacity: 0; }
.second-case-studysec:hover .swiper-button-prev { opacity: 0 }

.web-sixthsec .common-serv-header h2 {
    margin: 0 auto 3.7rem;
}

.image_content_list_loop .bottom-line::after {
    bottom: 0.3rem;
}
.service_image_with_content_loop .bottom-line::after {
    bottom: 0.3rem;
}
.data-insghits-thirdsec-loop .bottom-line::after {
    bottom: 0.3rem;
}
.web-width-fifthhsec-cntrl .bottom-line::after {
    background-color: var(--white);
}
.dig_content_image_listing_loop .bottom-line::after {
    bottom: 0.3rem;
}

/* Bottom Line Animate */

/**extra add css*/
.for-mobile-inner-banner{ display: none;}
/*.grecaptcha-badge{display: none !important;}*/



/* ::::::::::::::::::::::::::::: Mobile App Development Style Start ::::::::::::::::::::::::::::: */
.app-banner-section {
    width: 100%;
    min-height: 81.0rem;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.container.app-banner-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.app-banner-row { align-items: center; }
.app-banner-content {
    padding-left: 3.6rem;
}
.app-banner-heading {
    font-family: var(--secondary-font);
    font-size: 10rem;
    font-weight: 600;
    line-height: 9.6rem;
    color: var(--white);
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 1.1rem;
}
.app-common-text p,.app-common-text ul li {
    font-family: var(--primary-font);
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 3.2rem;
    color: var(--white);
    padding: 0;
}
.app-common-text ul li{color: var(--black);}
.app-banner-image {
    margin-top: 23rem;
}
.app-banner-back {
    position: relative;
}
.app-banner-figure-back-cover {
    width: 100%;
    max-width: 34.7rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.app-banner-figure-back {
    width: 100%;
    max-width: 30.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.app-banner-front {
    position: relative;
    left: 20rem;
}
.app-banner-figure-front-cover {
    width: 100%;
    max-width: 39.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.app-banner-figure-front {
    width: 100%;
    max-width: 35.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.app-banner-figure-back::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    background-image: var(--wpr-bg-82cec021-ff82-4d95-a42a-74993b8f6b02);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top;
} 
.app-banner-figure-front::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    background-image: var(--wpr-bg-b8730a3c-dffa-47e4-b6a7-601a5ec40b9f);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top;
} 
.app-banner-content .talk-now {
    padding-top: 5rem;
}
.app-banner-content .talk-now a {
    background-color: var(--icon-hover);
}
.app-banner-content .talk-now a:after{
    background: var(--ham-background); 
}
/* ::::::::: Working Section Style Start ::::::::: */
.working-section {
    padding-top: 14.6rem;
    padding-bottom: 6.3rem;
}
.working-heading {
    position: relative;
    margin-bottom: 2.6rem;
    overflow: hidden;
}
.app-common-heading {
    font-family: var(--secondary-font);
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 3.6rem;
    text-align: center;
    color: var(--black);
    background-color: var(--white);
    width: fit-content;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 0 2rem;
    transition: var(--transition);
}
.working-heading::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 0;
    height: 0.1rem;
    background-color: var(--app-heading-border);
}
.aos-animate.working-heading::after {
    width: 100%;
    transition: 0.9s;
    transition-delay: 0.7s;
}
.working-slider .swiper-wrapper { 
    align-items: center;
    gap: 5rem;
}
.working-slider .swiper-wrapper .swiper-slide {
    margin-right: 0 !important;
    display: flex;
    justify-content: center;
}
.working-figure {
    height: 8.5rem;
    width: auto;
}
.working-figure img {
    width: 100%;
    height: 100%;
    display: block;
}
.working-slider.swiper {
    width: 100%;
    height: 100%;
  }

.working-slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }


/* ::::::::: Process Section Style Start ::::::::: */
.process-section {
    background-color: rgb(4 51 167);
    padding: 7.4rem 0;
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.process-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(0 0 0 / 50%) 0%, rgb(3 18 50 / 83%) 65%);
}
.process-heading {
    position: relative;
    z-index: 1;
}
.process-heading .app-common-heading {
    font-size: 6.4rem;
    line-height: 6.4rem;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    padding: 0 0 2.5rem 0;
    background-color: transparent;
    color: var(--white);
    width: auto;
    position: relative;
}
.process-heading .app-common-heading::after {
    content: "";
    position: absolute;
    bottom: 2rem;
    left: 0;
    width: 2.2rem;
    height: 0.5rem;
    background-color: var(--heading-border);
}
.process-wrapper {
    position: relative;
    z-index: 1;
    margin-top: 4.5rem;
}
.process {
    background-color: rgb(0 9 24 / 32%);
    padding: 1.3rem 2rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: flex;
    align-items: center;
    gap: 6.3rem;
    margin-top: 3rem;
    border-right: 1px solid transparent;
    border-top: 1px solid #ffffff;
    border-left: 1px solid transparent;
    border-image: linear-gradient(180deg, rgb(195 195 195), #2842ff40) 1;
    max-width: 60rem;
    transition: var(--transition);
}
.process:hover {
    --angle: 0deg;
    border-image: conic-gradient(from var(--angle), rgb(255 255 255 / 45%), rgb(124 124 255 / 63%), rgb(255 255 255 / 34%)) 1;
    animation: boxrotation 3s linear infinite;
}
@keyframes boxrotation {
	to {
		--angle: 360deg;
	}
}

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
.process-step-wrapper {
    position: relative;
}
.process-step {
    font-family: var(--primary-font);
    font-size: 6.4rem;
    font-weight: 700;
    line-height: 3rem;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #DDDDDD;
    position: relative;
    z-index: 1;
}
.process-circle {
    position: absolute;
    bottom: 38px;
    right: -20px;
    width: 4.1rem;
    height: 4.1rem;
    border-radius: 50%;
    background-color: var(--icon-hover);
}
.process-content .app-common-heading {
    color: var(--icon-hover);
    background-color: transparent;
    padding: 0 0 0.5rem 0;
    margin: 0;
}
.process-wrapper .process:nth-child(2) .process-content .app-common-heading {
    color: rgba(255, 100, 139, 1);
}
.process-wrapper .process:nth-child(2) .process-circle {
    background-color: rgba(255, 100, 139, 1);
}
.process-wrapper .process:nth-child(3) .process-content .app-common-heading {
    color: rgba(15, 176, 76, 1);
}
.process-wrapper .process:nth-child(3) .process-circle {
    background-color: rgba(15, 176, 76, 1);
}

.requirements {
    background-color: rgba(0, 53, 174, 1);
    padding: 3.8rem;
    border-radius: 2rem;
    position: relative;
    z-index: 1;
    max-width: 60rem;
    margin-left: auto;
}
.requirements-side {
    position: relative;
}
.requirements-side .dotted-effect-figure {
    width: 9.1rem;
    height: 24.7rem;
    position: absolute;
    top: -6.5rem;
    right: -3rem;
    z-index: 1;
}
.requirements-heading .app-common-heading {
    font-size: 5.4rem;
    font-weight: 600;
    line-height: 5.4rem;
    text-align: left;
    color: var(--white);
    background-color: transparent;
    text-transform: uppercase;
    width: auto;
    margin: 0;
    padding: 0 0 5rem 0;
}
.requirements-input-holder label {
    font-family: var(--primary-font);
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.8rem;
    color: var(--white);
}
.requirements-input {
    position: relative;
    display: block;
}
.requirements-input input {
    font-family: var(--primary-font);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6rem;
    width: 100%;
    background-color: transparent;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
    border-left: 0;
    padding: 1.5rem 5rem 1.8rem 0;
    color: rgba(255, 255, 255, 0.8);
    transition: var(--transition);
}
.requirements-input input::placeholder {
    color: rgba(255, 255, 255, 0.8);
    font-family: var(--primary-font);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6rem;
}
.requirements-input input:focus-visible {
    outline: none;
    border-bottom: 1px solid rgb(68 124 255);
}
.requirements-input textarea {
    font-family: var(--primary-font);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6rem;
    height: 9.1rem;
    width: 100%;
    background-color: transparent;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
    border-left: 0;
    padding: 1.5rem 5rem 1.8rem 0;
    color: rgba(255, 255, 255, 0.8);
    resize: none;
    transition: var(--transition);
}
.requirements-input textarea::placeholder {
    color: rgba(255, 255, 255, 0.8);
    font-family: var(--primary-font);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6rem;
}
.requirements-input textarea:focus-visible {
    outline: none;
    border-bottom: 1px solid rgb(68 124 255);
}
.requirements-input .requirements-input-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: var(--white);
    font-size: 2rem;
}
.requirements-textarea-icon {
    position: absolute;
    top: 10%;
    transform: translateY(-50%);
    right: 0;
    color: var(--white);
    font-size: 2rem;
}
.requirements-submit input {
    font-family: var(--primary-font);
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.8rem;
    color: var(--white);
    text-transform: uppercase;
    background-color: var(--black);
    width: 19.7rem;
    height: 5rem;
    border: none;
    padding: 0;
    transition: var(--transition);
}
.requirements-submit input:hover {
    background-color: rgb(1 28 88);
}
.requirements-checkbox-holder .requirements-input {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.requirements-checkbox-holder .requirements-input input {
    width: 1.5rem;
    cursor: pointer;
}
.requirements-checkbox-holder .requirements-input label {
    font-family: var(--primary-font);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: var(--white);
    cursor: pointer;
}
.requirements-input br { display: none; }
.requirements-input .wpcf7-form-control-wrap input.wpcf7-not-valid::placeholder { color: var(--heading-border); }
.requirements-input .wpcf7-form-control-wrap .wpcf7-not-valid-tip { display: none; }
.requirements-input .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item { margin: 0; }
.requirements-submit .wpcf7-submit:disabled { opacity: 0.5; }
.requirements form .wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: 2px solid var(--heading-border) !important;
    text-align: center;
    color: var(--heading-border);
    font-family: var(--primary-font);
    font-size: 1.4rem;
    font-weight: 500;
}

/* ::::::::: Case Studies Section Style Start ::::::::: */
.casestudies-section {
    padding-top: 15.5rem;
    padding-bottom: 10rem;
}
.casestudies-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12.1rem;
    padding:0;
}
.casestudies-figure {
    max-width: 45.2rem;
    max-height: 70.0rem;
}
.casestudies-figure img {
    width: 100%;
    height: 100%;
}
.casestudies-content {
    width: 50%; position:relative; z-index:2
}
.casestudies-content .app-common-heading {
    font-size: 6.4rem;
    font-weight: 600;
    line-height: 6.4rem;
    color: rgba(56, 56, 56, 1);
    background-color: transparent;
    text-transform: uppercase;
    width: fit-content;
    margin: 0;
    padding: 0 0 3.5rem 0;
}
.casestudies-content .app-common-heading::after {
    content: "";
    position: absolute;
    bottom: 3rem;
    left: 0;
    width: 2.2rem;
    height: 0.5rem;
    background-color: var(--heading-border);
}
.casestudies-logo {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 3rem;
}
.casestudies-logo-name {
    font-family: var(--primary-font);
    font-size: 2rem;
    font-weight: 600;
    line-height: 2rem;
    color: rgba(0, 0, 0, 1);
}
.casestudies-title-wrapper {
    margin-bottom: 3.5rem;
}
.casestudies-title1 {
    font-family: var(--primary-font);
    font-size:3rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: rgba(0, 0, 0, 1);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.casestudies-title2 {
    font-family: var(--primary-font);
    font-size: 2rem;
    font-weight: 700;
    line-height: 2rem;
    color: rgba(0, 0, 0, 1);
    text-transform: uppercase;
    margin: 0;
}
.casestudies-content .app-common-text p {
    color: var(--black); margin-bottom:1.2rem
}
.casestudies-slider .swiper-button-prev {
    opacity: 1 !important;
    left: 0 !important;
    border: none;
    background-color: transparent;
    box-shadow: none;
}
.casestudies-slider .swiper-button-prev {
    outline: none;
}
.casestudies-slider .swiper-button-prev::after {
    color: var(--black);
    font-size: 3.2rem;
}
.casestudies-slider .swiper-button-next {
    opacity: 1 !important;
    right: 0 !important;
    border: none;
    background-color: transparent;
    box-shadow: none;
}
.casestudies-slider .swiper-button-next:focus-visible {
    outline: none;
}
.casestudies-slider .swiper-button-next::after {
    color: var(--black);
    font-size: 3.2rem;
}

/* ::::::::: App About Section Style Start ::::::::: */
.app-about-section {
    background-color: rgba(248, 250, 255, 1);
    padding: 10rem 0;
}
.app-about-side {
    position: relative;
}
.app-about-figure {
    max-width: 61.8rem;
    height: auto;
}
.app-about-figure img {
    width: 100%;
    height: auto;
}
.app-about-content {
    padding-left: 2.1rem;
}
.app-about-heading .app-common-heading {
    font-size: 6.4rem;
    line-height: 6.4rem;
    color: rgba(56, 56, 56, 1);
    font-weight: 600;
    margin: 0 0 1rem 0;
    padding: 0;
    background-color: transparent;
    text-transform: uppercase;
    text-align: left;
    width: auto;
    position: relative;
}
.app-about-content .app-common-text p {
    color: var(--black);
}
.app-about-content .app-common-text p:first-child {
    margin-bottom: 1.6rem;
}
.app-about-content .app-common-text p strong {
    font-weight: 600;
}
.app-about-heading .app-common-heading::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0.5rem;
    background-color: var(--heading-border);
    bottom: 0;
    left: 0;
}
.app-about-heading.aos-animate .app-common-heading::after {
    width: 2.2rem;
    transition: 0.9s;
    transition-delay: 0.7s;
}

.exprience-counter {
    background-color: rgba(255, 255, 255, 1);
    width: fit-content;
    position: absolute;
    bottom: -5rem;
    text-align: center;
    padding: 3rem;
}
.app-exprience-counter {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.5rem;
}
.app-exprience-counter .counter {
    display: block;
    font-family: var(--primary-font);
    font-size: 5.4rem;
    font-weight: 700;
    line-height: 3.6rem;
    color: var(--black);  
    margin-bottom: 1.4rem;
}
.app-exprience-counter .app-counter-sign {
    font-family: var(--primary-font);
    font-size: 5.4rem;
    font-weight: 700;
    color: var(--black);
}
.app-counter-wrapper {
    border-top: 1px solid rgba(201, 201, 201, 1);
    padding-top: 2.5rem;
    margin-top: 3.1rem;
    margin-left: 2.1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.app-counter-number .counter {
    font-family: var(--secondary-font);
    font-size: 6.4rem;
    font-weight: 700;
    line-height: 3.6rem;
    color: rgba(12, 146, 239, 1);
}
.app-counter-sign {
    font-family: var(--secondary-font);
    font-size: 6.4rem;
    font-weight: 700;
    color: rgba(12, 146, 239, 1);
}
.app-counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 2.2rem;
}
.app-counter-text {
    font-family: var(--primary-font);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--black);
}
.app-counter-number {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.app-counter:nth-child(2) .counter {
    color: rgba(255, 100, 139, 1);
}
.app-counter:nth-child(2) .app-counter-sign{
    color: rgba(255, 100, 139, 1);
}
.app-counter:nth-child(3) .counter {
    color: rgba(15, 176, 76, 1);
}
.app-counter:nth-child(3) .app-counter-sign {
    color: rgba(15, 176, 76, 1);
}
.app-counter:nth-child(4) .counter {
    color: rgba(255, 189, 0, 1);
}
.app-counter:nth-child(4) .app-counter-sign {
    color: rgba(255, 189, 0, 1);
}

/* ::::::::: App Technologies Section Style Start ::::::::: */
.app-technologies-section {
    padding: 11.0rem 0;
}
.app-technologies-content {
    padding-right: 14rem;
}
.app-technologies-heading .app-common-heading {
    font-size: 6.4rem;
    line-height: 6.4rem;
    color: rgba(56, 56, 56, 1);
    font-weight: 600;
    margin: 0 0 2.1rem 0;
    padding: 0;
    background-color: transparent;
    text-transform: uppercase;
    text-align: left;
    width: auto;
    position: relative;
}
.app-technologies-heading .app-common-heading::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0.5rem;
    background-color: var(--heading-border);
    bottom: 0;
    left: 0;
}
.app-technologies-heading.aos-animate .app-common-heading::after {
    width: 2.2rem;
    transition: 0.9s;
    transition-delay: 0.7s;
}
.app-technologies-content .app-common-text p {
    color: var(--black);
}
.talk-now {
    display: flex;
    justify-content: flex-start;
    padding-top: 2.4rem;
}
.talk-now a {
    font-family: var(--primary-font);
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.8rem;
    letter-spacing: 0.02em;
    text-align: center;
    color: var(--white);
    background-color: var(--ham-background);
    height: 5rem;
    width: 19.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    transition: var(--transition);
    position: relative;
    z-index: 1;
}
.talk-now a:after{
    content:""; 
    width:0%;
    height:100%; 
    background: var(--blue); 
    position: absolute; 
    left:0; 
    top:0; 
    transition:0.5s; 
    z-index:-1;
}
.talk-now a:hover:after{
    width:100%;
}

.app-technologies {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    text-align: center;
}
.app-technologies-figure {
    position: relative;
    height: 18.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.app-technologies-figure:nth-child(1)::after {
    content: "";
    position: absolute;
    width: 0.1rem;
    height: 93%;
    background-color: rgba(201, 201, 201, 1);
    top: 0;
    right: 0;
}
.app-technologies-figure:nth-child(2)::after {
    content: "";
    position: absolute;
    width: 95%;
    height: 0.1rem;
    background-color: rgba(201, 201, 201, 1);
    right: 0;
    bottom: 0;
}
.app-technologies-figure:nth-child(3)::after {
    content: "";
    position: absolute;
    width: 95%;
    height: 0.1rem;
    background-color: rgba(201, 201, 201, 1);
    top: 0;
    left: 0;
}
.app-technologies-figure:nth-child(4)::after {
    content: "";
    position: absolute;
    width: 0.1rem;
    height: 93%;
    background-color: rgba(201, 201, 201, 1);
    bottom: 0;
    left: 0;
}

/* ::::::::: App Development Section Style Start ::::::::: */
.app-development-section {
    padding: 8.6rem 0 10.0rem 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
}
.development-wrapper {
    position: relative;
}
.development-wrapper .dotted-effect-figure {
    width: 9.1rem;
    height: 24.7rem;
    position: absolute;
    top: -30.7rem;
    left: 2rem;
    z-index: 1;
}
.app-development-heading .app-common-heading {
    font-size: 6.4rem;
    font-weight: 600;
    line-height: 6.4rem;
    color: var(--white);
    text-transform: uppercase;
    background-color: transparent;
    width: auto;
    padding: 0 0 1.1rem 0;
}
.app-development-heading-short-content .app-common-text {
    text-align: center;
}
.development-list {
    margin-top: 5rem;
}
.development-figure {
    position: relative;
    box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.20);
    border-right: 1px solid transparent;
    border-top: 1px solid #ffffff;
    border-left: 1px solid transparent;
    border-image: linear-gradient(180deg, rgb(195 195 195), #2842ff40) 1;
}
.development-figure::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #003AD1 0%, rgba(0, 58, 209, 0.08) 100%);
}
.development-content {
    position: absolute;
    bottom: 3rem;
    padding: 0 2.3rem;
}
.development-content h3 {
    font-family: var(--secondary-font);
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 3rem;
    color: var(--white);
    margin: 0;
    padding-bottom: 1.8rem;
}
.development-content .app-common-text p {
    color: var(--white);
    line-height: 2.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.mobile-development-slider {
    display: none;
}

/* ::::::::: App FAQ Section Style Start ::::::::: */
.app-faq-section {
    padding: 10.0rem 0;
}
.faq-heading-content {
    padding-right: 8.8rem;
}
.faq-heading-content .app-common-heading {
    font-size: 6.4rem;
    color: rgba(56, 56, 56, 1);
    line-height: 6.4rem;
    font-weight: 600;
    margin: 0 0 2.1rem 0;
    padding: 0;
    background-color: transparent;
    text-transform: uppercase;
    text-align: left;
    width: auto;
    position: relative;
}
.faq-heading-content .app-common-heading::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0.5rem;
    background-color: var(--heading-border);
    bottom: -0.6rem;
    left: 0;
}
.app-common-heading.aos-animate::after {
    width: 2.2rem;
    transition: 0.9s;
    transition-delay: 0.7s;
}

.faq-heading-content .app-common-text p {
    color: var(--black);
}

/* App Accordian */
.app-faq-wrapper .app-common-text p {
    color: var(--black);
}
.app-faq-wrapper .ui-accordion-header {
    font-family: var(--secondary-font);
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 3.6rem;
    color: var(--black);
    margin: 0;
    border-top: 0.1rem solid rgba(201, 201, 201, 1);
    padding-top: 2.6rem;
    padding-bottom: 2.6rem;
    position: relative;
    cursor: pointer;
}
.app-faq-wrapper .ui-accordion-header-active {
    color: var(--icon-hover);
    margin-bottom: 1.6rem;
    padding-bottom: 0;
}
.app-faq-wrapper .ui-accordion-header:focus-visible {
    outline: none;
}
.app-faq-wrapper .ui-accordion-header::after {
    font-family: 'icomoon';
    content: "\e907";
    position: absolute;
    font-size: 1.6rem;
    color: var(--black);
    background-color: rgba(204, 234, 255, 1);
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.app-faq-wrapper .ui-accordion-header-active::after {
    font-family: 'icomoon';
    content: "\e906";
    position: absolute;
    font-size: 0.3rem;
    color: var(--black);
    background-color: rgba(204, 234, 255, 1);
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 70%;
    transform: translateY(-50%);
    right: 0;
}
.app-faq-wrapper .ui-accordion-content-active {
    margin-bottom: 2.6rem;
} 
.app-faq-wrapper .ui-accordion-content-active:last-child {
    margin-bottom: 0;
}

/* ::::::::: App Testimonial Section Style Start ::::::::: */
.app-testimonial-section {
    padding: 10rem 0 6rem 0;
    background-color: rgb(227 237 255);
    position: relative;
}
.quote-shape-figure {
    position: absolute;
    bottom: 0;
}
.app-testimonial-heading {
    position: relative;
}
.app-testimonial-heading .dotted-effect-figure {
    position: absolute;
    top: -10rem;
    right: 0;
}
.app-testimonial-heading .app-common-heading {
    font-size: 6.4rem;
    font-weight: 600;
    line-height: 6.4rem;
    color: rgba(56, 56, 56, 1);
    text-transform: uppercase;
    background-color: transparent;
}
.app-testimonial-slider {
    margin-top: 4.6rem;
}
.app-testimonial-content {
    text-align: center;
    width: 100%;
    max-width: 92.0rem;
    margin: 0 auto;
}
.app-testimonial-content .app-common-text {
    margin-bottom: 5.2rem;
}
.app-testimonial-content .app-common-text p {
    color: var(--black);
}
.client-name {
    font-family: var(--primary-font);
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.4rem;
    color: rgba(56, 56, 56, 1);
    margin-top: 5.2rem;
}
.app-testimonial-slider .swiper-wrapper {
    margin-bottom: 6rem;
}
.app-testimonial-slider .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    border: 0.1rem solid rgba(56, 56, 56, 1);
    background-color: transparent;
    opacity: 1;
}
.app-testimonial-slider .swiper-pagination-bullet-active {
    width: 1.2rem;
    height: 1.2rem;
    border: 0.1rem solid rgba(56, 56, 56, 1);
    background-color: rgba(56, 56, 56, 1);
}

.app-testimonial-heading {
    background-repeat: no-repeat;
}

/* ::::::::: App Footer Style Start ::::::::: */
.app-footer {
    background-color: rgba(18, 18, 18, 1);
    padding-top: 2rem;
}
.app-footer .footer-logo {
    margin: 0 auto;
}
.app-footer-logo {
    display: flex;
    justify-content: right;
    gap: 2rem;
}
.app-footer-logo .organization_logos_loop span {
    max-width: none;
}
.app-footer-column {
    margin: auto;
}
.app-footer-bottom {
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 1.6rem;
    padding-bottom: 3.6rem;
    margin-top: 2rem;
}
.app-footer-bottom .copyright-text {
    font-family: var(--primary-font);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--white);
    text-align: center;
}


.mass-clutch-sec{ width: 100vw;background: linear-gradient(272deg, #281C6A 2.3%, #201152 100%); padding-bottom: 14.8rem; padding-top: 9.6rem; position: relative; overflow: hidden;}
.mass-clutch-sec .container{ position: relative;z-index: 1;}
.mass-clutch-inn{border-radius:2.6rem;border:0.3rem solid #FF7C1E;background: #FAFAFA; overflow: hidden; padding-bottom:2rem; padding-top: 2rem; position: relative; }
.mass-clutch-logo{ margin-bottom: 5rem;}
.mass-clutch-right-bg{ right: 0; top: 0; position: absolute;}
.mass-clutch-left-bg{ left: 0; right: auto; bottom: -4.1rem; position: absolute;}





















@media only screen and (max-width: 1200px) {
    .app-banner-heading {
        font-size: 8rem;
        line-height: 7.6rem;
    }
    .requirements-checkbox-holder .requirements-input {
        align-items: flex-start;
    }
    .casestudies-figure {
        max-width: 30rem;
    }
    .casestudies-wrapper {
        gap: 4rem;
    }
    .app-technologies-content {
        padding-right: 5rem;
    }
    .working-heading::after { width: 100%; }
    .app-about-heading .app-common-heading::after { width: 2.2rem; }
    .app-technologies-heading .app-common-heading::after { width: 2.2rem; }
    .faq-heading-content .app-common-heading::after { width: 2.2rem; }
}

@media only screen and (max-width: 992.98px) {
    .container.app-banner-container {
        top: 40%;
    }
    .app-banner-section {
        min-height: 105rem;
    }
    .app-banner-image {
        margin-top: 45rem;
    }
    .app-banner-back {
        left: -7rem;
    }
    .app-banner-figure-back-cover {
        width: 48%;
    }
    .app-banner-figure-back {
        width: 42%;
    }
    .app-banner-front {
        left: 7rem;
    }
    .app-banner-figure-front-cover {
        width: 61%;
    }
    .app-banner-figure-front {
        width: 55%;
    }
    .app-banner-content {
        padding-left: 0;
        text-align: center;
    }
    .app-banner-content .talk-now a {
        margin: 0 auto;
    }
    .working-section {
        padding-top: 16.9rem;
    }
    .working-slider .swiper-wrapper {
        margin-bottom: 6rem;
    }
    .working-slider .swiper-pagination-bullet {
        width: 1.2rem;
        height: 1.2rem;
        background-color: transparent;
        border: 0.1rem solid var(--ham-background);
    }
    .working-slider .swiper-pagination-bullet-active {
        width: 1.2rem;
        height: 1.2rem;
        border: 0.1rem solid var(--icon-hover);
        background-color: var(--icon-hover);
    }

    .process-heading {
        text-align: center;
    }
    .process-heading .app-common-heading {
        text-align: center;
    }
    .process-heading .app-common-heading::after {
        left: 50%;
        transform: translateX(-50%);
    }
    .process {
        max-width: unset;
    }
    .requirements-side {
        margin-top: 3rem;
    }
    .requirements-side .dotted-effect-figure {
        width: 10%;
        height: auto;
        top: -84.5rem;
        right: -0.5rem;
    }
    .requirements {
        max-width: unset;
    }

    .casestudies-section {
        padding-top: 4.9rem;
        padding-bottom: 3.9rem;
    }
    .casestudies-wrapper {
        flex-direction: column;
    }
    .casestudies-content {
        width: 100%;
        text-align: center;
    }
    .casestudies-content .app-common-heading {
        margin: 0 auto;
    }
    .casestudies-content .app-common-heading::after {
        left: 50%;
        transform: translateX(-50%);
    }
    .casestudies-logo {
        justify-content: center;
    }
    .casestudies-slider .swiper-wrapper {
        padding-bottom: 10rem;
    }
    .casestudies-slider .swiper-button-prev {
        left: 40% !important;
        background-color: rgba(255, 255, 255, 1);
        top: 95%;
        box-shadow: 0px 10px 12px -7px rgba(0, 0, 0, 0.57);
    }
    .casestudies-slider .swiper-button-prev::after {
        font-size: 2.2rem;
    }
    .casestudies-slider .swiper-button-next {
        left: 56%;
        transform: translateX(-50%);
        background-color: rgba(255, 255, 255, 1);
        top: 95%;
        box-shadow: 0px 10px 12px -7px rgba(0, 0, 0, 0.57);
    }
    .casestudies-slider .swiper-button-next::after {
        font-size: 2.2rem;
    }

    .app-about-section {
        background-color: rgba(248, 250, 255, 1);
        padding: 4.9rem 0;
    }
    .app-about-figure {
        margin: 0 auto;
    }
    .exprience-counter {
        left: 50%;
        transform: translateX(-50%);
    }
    .app-about-content {
        padding-left: 0;
        margin-top: 6.9rem;
    }
    .app-about-heading .app-common-heading {
        text-align: center;
        margin: 0 0 4.1rem 0;
    }
    .app-about-heading .app-common-heading br { display: none; }
    .app-about-heading .app-common-heading::after {
        left: 50%;
        transform: translateX(-50%);
        bottom: -0.8rem;
    }
    .app-common-text p {
        text-align: center;
    }

    .app-technologies-section {
        padding: 5.4rem 0;
    }
    .app-technologies-content {
        padding-right: 0;
    }
    .app-technologies-heading .app-common-heading {
        text-align: center;
    }
    .app-technologies-heading .app-common-heading br { display: none; }
    .app-technologies-heading .app-common-heading::after {
        left: 50%;
        transform: translateX(-50%);
        bottom: -0.8rem;
    }
    .talk-now {
        padding-top: 3rem;
        justify-content: center;
    }
    .app-technologies {
        margin-top: 3rem;
    }

    .app-development-section {
        padding: 8.6rem 0 5rem 0;
    }
    .app-development-heading .app-common-heading {
        font-size: 5.4rem;
        line-height: 5.4rem;
    }
    .development-wrapper .dotted-effect-figure {
        width: 5%;
        height: auto;
        left: 0;
    }
    .development-content .app-common-text p {
        text-align: left;
    }

    .app-faq-section {
        padding: 5rem 0;
    }
    .faq-heading-content {
        padding-right: 0;
    }
    .faq-heading-content .app-common-heading {
        text-align: center;
    }
    .faq-heading-content .app-common-heading br {
        display: none;
    }
    .faq-heading-content .app-common-heading::after {
        left: 50%;
        transform: translateX(-50%);
        bottom: -0.8rem;
    }
    .app-faq-wrapper {
        margin-top: 4.4rem;
    }
    .app-faq-wrapper .app-common-text p {
        text-align: left;
    }

    .app-testimonial-section {
        padding: 5rem 0 5rem 0;
    }

    .footer-socialmedia {
        justify-content: center;
    }
    .app-footer-logo {
        justify-content: center;
    }
    .app-footer-column:nth-child(1) {
        order: 2;
        margin: 2rem 0;
    }
    .app-footer-column:nth-child(2) {
        order: 1;
    }
    .app-footer-column:nth-child(3) {
        order: 3;
    }
}

@media only screen and (max-width: 767.98px) {
    .app-banner-section {
        min-height: 75rem;
    }
    .container.app-banner-container {
        padding: 0 2.3rem;
    }
    .container.app-banner-container {
        top: 45%;
    }
    .app-banner-image {
        margin-top: 35rem;
    }
    .app-banner-back {
        left: -7rem;
    }
    .app-banner-figure-back-cover {
        width: 48%;
    }
    .app-banner-figure-back {
        width: 42%;
    }
    .app-banner-front {
        left: 7rem;
    }
    .app-banner-figure-front-cover {
        width: 61%;
    }
    .app-banner-figure-front {
        width: 55%;
    }
    .app-banner-heading {
        font-size: 4rem;
        line-height: 6rem;
        padding-bottom: 0;
    }
    .app-common-text p {
        font-size: 1.5rem;
        line-height: 2.2rem;
    }
    .app-banner-content .talk-now {
        padding-top: 3rem;
    }
    .talk-now a {
        font-size: 1.5rem;
        line-height: 1.5rem;
        height: 4rem;
        width: 16.4rem;
    }
    .working-section {
        padding-top: 22.3rem;
        padding-bottom: 2.2rem;
        padding-right: 2.3rem;
        padding-left: 2.3rem;
    }
    .working-slider.swiper {
        height: 15rem;
    }
    .app-common-heading {
        font-size: 2.4rem;
        line-height: 3.6rem;
        padding: 0 1rem;
    }
    .requirements-side .dotted-effect-figure {
        display: none;
    }
    .process-section {
        padding: 4rem 2.3rem;
    }
    .process-heading .app-common-heading {
        font-size: 3.4rem;
        font-weight: 600;
        line-height: 4rem;
    }
    .process-heading .app-common-heading::after {
        bottom: 2.3rem;
    }
    .process-wrapper {
        margin-top: 2.7rem;
    }
    .process-content .app-common-heading {
        padding: 0 0 0 0;
    }
    .process-wrapper {
        margin-top: 2.7rem;
    }
    .process-step {
        font-size: 4rem;
    }
    .process-circle {
        bottom: 24px;
        width: 3.4rem;
        height: 3.4rem;
    }
    .process-content .app-common-text p {
        text-align: left;
    }
    .requirements-heading .app-common-heading {
        font-size: 3rem;
        line-height: 3rem;
        padding: 0 0 3rem 0;
    }
    .requirements-input-holder label {
        font-size: 1.5rem;
        line-height: 1.8rem;
    }
    .requirements-input input {
        font-size: 1.3rem;
        line-height: 1.3rem;
        padding: 1.5rem 5rem 0.9rem 0;
    }
    .requirements-input .requirements-input-icon {
        font-size: 1.5rem;
    }
    .requirements-textarea-icon {
        font-size: 1.5rem;
    }
    .requirements-input textarea {
        height: 7.1rem;
    }
    .requirements-submit input {
        font-size: 1.5rem;
        line-height: 1.5rem;
        width: 16.4rem;
        height: 4rem;
    }
    .requirements-submit {
        display: flex;
        justify-content: center;
    }
    .requirements-checkbox-holder .requirements-input {
        align-items: center;
        justify-content: center;
    }
    .requirements-checkbox-holder .requirements-input label {
        font-size: 1.3rem;
        line-height: 1.7rem;
    }
    .requirements-checkbox-holder p {
        padding: 0;
    }
    .casestudies-section {
        padding-right: 2.3rem;
        padding-left: 2.3rem;
    }
    .casestudies-wrapper {
        padding: 0;
    }
    .casestudies-figure {
        max-width: 20.2rem;
    }
    .casestudies-wrapper {
        gap: 3rem;
    }
    .casestudies-content .app-common-heading {
        font-size: 3.4rem;
        line-height: 3.4rem;
        padding: 0 0 3.1rem 0;
    }
    .casestudies-content .app-common-heading::after {
        bottom: 2.8rem;
    }
    .casestudies-logo-img svg {
        width: 2.2rem;
    }
    .casestudies-logo-name {
        font-size: 1.6rem;
        line-height: 1.6rem;
    }
    .casestudies-logo {
        flex-direction: column;
        gap: 1rem;
        margin-bottom: 2.9rem;
    }
    .casestudies-title1 {
        font-size: 1.3rem;
        line-height: 1.4rem;
    }
    .casestudies-title2 {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
    .casestudies-title-wrapper {
        margin-bottom: 3rem;
    }
    .casestudies-slider .swiper-button-prev {
        width: 4.2rem;
        height: 4.2rem;
    }
    .casestudies-slider .swiper-button-prev::after {
        font-size: 1.8rem;
    }
    .casestudies-slider .swiper-button-next {
        width: 4.2rem;
        height: 4.2rem;
    }
    .casestudies-slider .swiper-button-next::after {
        font-size: 1.8rem;
    }
    .app-about-section {
        padding: 4.9rem 2.3rem;
    }
    .app-exprience-counter .counter {
        font-size: 3rem;
        line-height: 3rem;
        margin-bottom: 1rem;
    }
    .app-exprience-counter .app-counter-sign {
        font-size: 3rem;
    }
    .app-counter-text {
        font-size: 1.3rem;
        line-height: 1.3rem;
    }
    .app-about-heading .app-common-heading {
        font-size: 3.4rem;
        line-height: 4rem;
    }
    .app-about-heading .app-common-heading::after {
        bottom: -0.5rem;
    }
    .app-counter {
        gap: 1.1rem;
    }
    .app-counter-number .counter {
        font-size: 3.4rem;
        line-height: 3.4rem;
    }
    .app-counter-sign {
        font-size: 3.4rem;

    }
    .app-technologies-heading .app-common-heading {
        font-size: 3.4rem;
        margin: 0 0 1rem 0;
    }
    .app-technologies-heading .app-common-heading::after {
        bottom: 1rem;
    }
    .development-wrapper .dotted-effect-figure {
        display: none;
    }
    .app-development-section {
        padding: 5.1rem 2.3rem 5rem 2.3rem;
    }
    .app-development-heading .app-common-heading {
        font-size: 3.4rem;
        line-height: 3.4rem;
    }
    .development-wrapper {
        display: none;
    }
    .mobile-development-slider {
        display: block;
    }

    .app-faq-section {
        padding: 3rem 2.3rem;
    }
    .faq-heading-content .app-common-heading {
        font-size: 3.4rem;
        line-height: 3.4rem;
    }
    .app-faq-wrapper .ui-accordion-header {
        font-size: 2.4rem;
        line-height: 3rem;
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
    }
    .app-development-heading-short-content {
        padding-bottom: 3.1rem;
    }
    .app-faq-wrapper .ui-accordion-header-active {
        margin-bottom: 1rem;
    }
    .app-faq-wrapper .ui-accordion-header-active::after {
        font-size: 0.2rem !important;
        width: 2.5rem;
        height: 2.5rem;
    }
    .app-faq-wrapper .ui-accordion-header::after {
        font-size: 1.1rem;
        width: 2.5rem;
        height: 2.5rem;
    }
    .app-faq-wrapper .ui-accordion-content-active {
        margin-bottom: 1.6rem;
    }
    .app-testimonial-section {
        padding: 5rem 3rem 2rem 3rem;
    }
    .app-testimonial-section {
        padding: 5rem 0 2rem 0;
    }
    .app-testimonial-heading .app-common-heading {
        font-size: 3.4rem;
        line-height: 3.4rem;
    }
    .app-testimonial-slider {
        margin-top: 2rem;
    }
    .app-testimonial-content .app-common-text {
        margin-bottom: 3.1rem;
    }
    .app-testimonial-slider .swiper-wrapper {
        margin-bottom: 4rem;
    }
    .app-footer-bottom .copyright-text {
        font-size: 1.3rem;
    }
    .app-footer-bottom {
        padding-bottom: 3.7rem;
    }
    .app-testimonial-heading .dotted-effect-figure {
        display: none;
    }
    .mobile-development-slider .swiper-wrapper {
        margin-bottom: 3rem;
    }
    .mobile-development-slider .swiper-pagination {
        position: static;
    }
    .development-figure {
        box-shadow: none;
    }
    .mobile-development-slider .swiper-pagination-bullet {
        width: 1.2rem;
        height: 1.2rem;
        background-color: transparent;
        border: 0.1rem solid var(--white);
        opacity: 1;
    }
    .mobile-development-slider .swiper-pagination-bullet-active {
        width: 1.2rem;
        height: 1.2rem;
        background-color: var(--white);
        border: 0.1rem solid var(--white);
        opacity: 1;
    }
    .app-technologies-section {
        padding: 2.9rem 3rem;
    }
}

@media only screen and (max-width: 575px) {
    .app-banner-section {
        min-height: 65rem;
    }
    .container.app-banner-container {
        top: 45%;
    }
    .app-banner-image {
        margin-top: 27.9rem;
    }
    .app-banner-heading {
        font-size: 4rem;
        line-height: 4rem;
    }
    .app-banner-back {
        left: -5rem;
    }
    .app-banner-figure-back-cover {
        width: 56%;
    }
    .app-banner-figure-back {
        width: 50%;
    }
    .app-banner-figure-back::after {
        left: 50%;
        transform: translateX(-50%);
        background-size: contain;
    }
    .app-banner-front {
        left: 2rem;
    }
    .app-banner-figure-front-cover {
        width: 67%;
    }
    .app-banner-figure-front {
        width: 60%;
    }
    .app-banner-figure-front::after {
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        background-size: contain;
    }
    .app-common-text p {
        font-size: 1.3rem;
        line-height: 1.8rem;
    }
    .working-section {
        padding-top: 13.1rem;
    }
    .working-figure {
        height: auto;
    }

    .process-wrapper .process:nth-child(2) .process-content .app-common-heading {
        font-size: 2.4rem;
        line-height: 2.4rem;
    }
    .process {
        gap: 5rem;
        padding: 1rem 1rem;
    }
    .requirements-input input {
        font-size: 1.3rem;
        line-height: 1.3rem;
        padding: 1.5rem 5rem 0.9rem 0;
    }
    .requirements {
        padding: 1.5rem;
    }
    .requirements-checkbox-holder .requirements-input {
        align-items: flex-start;
        justify-content: center;
        text-align: center;
        gap: 0.5rem;
    }
    .development-content .app-common-text p {
        line-height: 2rem;
    }
    .casestudies-slider .swiper-button-prev {
        left: 34% !important;
    }
    .casestudies-slider .swiper-button-next {
        left: 58%;
    }
    .casestudies-section {
        padding-bottom: 3rem;
    }
    .app-faq-wrapper .ui-accordion-header {
        font-size: 2rem;
    }
    .app-faq-wrapper .ui-accordion-header::after {
        top: 50%;
    }
    .exprience-counter {
        padding: 1.5rem;
    }
    .app-counter-wrapper {
        margin-left: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
    .app-technologies-section {
        padding: 2.9rem 0;
    }
    .app-technologies-section {
        padding: 2.9rem 2.3rem;
    }
    .app-technologies-figure {
        padding: 2rem;
    }
    .app-technologies-heading .app-common-heading {
        font-size: 3.4rem;
        line-height: 3.4rem;
    }
    .app-technologies-heading .app-common-heading::after {
        bottom: -0.5rem;
    }
    .app-testimonial-section {
        padding: 5rem 2.3rem 2rem 2.3rem;
    }
    .app-footer {
        padding-right: 2.3rem;
        padding-left: 2.3rem;
    }
    .organization_logos_loop span {
        font-size: 1.1rem;
        line-height: 1.2rem;
    }

}

/* Bubble Animation Start */
.dotted-effect-figure svg path{ animation-name:bubbleupdown; animation-duration: 2.5s; animation-iteration-count: infinite; animation-timing-function:ease; fill: var(--white); }
.dotted-effect-figure svg path:nth-child(2){animation-delay:1s;}
.dotted-effect-figure svg path:nth-child(3){animation-delay:1.2s;}
.dotted-effect-figure svg path:nth-child(4){animation-delay:1.3s;}
.dotted-effect-figure svg path:nth-child(5){animation-delay:1.4s;}
.dotted-effect-figure svg path:nth-child(6){animation-delay:1.5s;}
.dotted-effect-figure svg path:nth-child(7){animation-delay:1.6s;}
.dotted-effect-figure svg path:nth-child(8){animation-delay:1.7s;}
.dotted-effect-figure svg path:nth-child(9){animation-delay:1.8s;}
.dotted-effect-figure svg path:nth-child(10){animation-delay:1.9s;}
.dotted-effect-figure svg path:nth-child(11){animation-delay:2s;}
.dotted-effect-figure svg path:nth-child(12){animation-delay:2.1s;}
.dotted-effect-figure svg path:nth-child(13){animation-delay:2.2s;}
.dotted-effect-figure svg path:nth-child(14){animation-delay:2.3s;}
.dotted-effect-figure svg path:nth-child(15){animation-delay:2.4s;}
.dotted-effect-figure svg path:nth-child(16){animation-delay:2.5s;}
.dotted-effect-figure svg path:nth-child(17){animation-delay:2.6s;}
.dotted-effect-figure svg path:nth-child(18){animation-delay:2.7s;}
.dotted-effect-figure svg path:nth-child(19){animation-delay:2.8s;}
.dotted-effect-figure svg path:nth-child(20){animation-delay:2.9s;}
.dotted-effect-figure svg path:nth-child(21){animation-delay:3s;}
.dotted-effect-figure svg path:nth-child(22){animation-delay:1.1s;}
.dotted-effect-figure svg path:nth-child(23){animation-delay:1.2s;}
.dotted-effect-figure svg path:nth-child(24){animation-delay:1.3s;}
.dotted-effect-figure svg path:nth-child(25){animation-delay:1.4s;}
.dotted-effect-figure svg path:nth-child(26){animation-delay:1.5s;}
.dotted-effect-figure svg path:nth-child(27){animation-delay:1.6s;}
.dotted-effect-figure svg path:nth-child(28){animation-delay:1.7s;}
.dotted-effect-figure svg path:nth-child(29){animation-delay:1.8s;}
.dotted-effect-figure svg path:nth-child(30){animation-delay:1.9s;}
.dotted-effect-figure svg path:nth-child(31){animation-delay:2.1s;}
.dotted-effect-figure svg path:nth-child(32){animation-delay:2.2s;}
.dotted-effect-figure svg path:nth-child(33){animation-delay:2.3s;}
.dotted-effect-figure svg path:nth-child(34){animation-delay:2.4s;}
.dotted-effect-figure svg path:nth-child(35){animation-delay:2.5s;}
.dotted-effect-figure svg path:nth-child(36){animation-delay:2.6s;}
.dotted-effect-figure svg path:nth-child(37){animation-delay:2.7s;}
.dotted-effect-figure svg path:nth-child(38){animation-delay:2.8s;}
.dotted-effect-figure svg path:nth-child(39){animation-delay:2.9s;}
.dotted-effect-figure svg path:nth-child(40){animation-delay:3s;}
.dotted-effect-figure svg path:nth-child(41){animation-delay:1.1s;}
.dotted-effect-figure svg path:nth-child(42){animation-delay:1.2s;}
.dotted-effect-figure svg path:nth-child(43){animation-delay:1.3s;}
.dotted-effect-figure svg path:nth-child(44){animation-delay:1.4s;}
.dotted-effect-figure svg path:nth-child(45){animation-delay:1.5s;}
.dotted-effect-figure svg path:nth-child(46){animation-delay:1.6s;}
.dotted-effect-figure svg path:nth-child(47){animation-delay:1.7s;}
.dotted-effect-figure svg path:nth-child(48){animation-delay:1.8s;}
.dotted-effect-figure svg path:nth-child(49){animation-delay:1.9s;}
.dotted-effect-figure svg path:nth-child(50){animation-delay:2s;}

@keyframes bubbleupdown {
    0% {
        opacity: 0.5;
        -webkit-transform: translateY(-25px);
        -moz-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        -o-transform: translateY(-25px);
        transform: translateY(-25px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        opacity: 0.2;
        -webkit-transform: translateY(25px);
        -moz-transform: translateY(25px);
        -ms-transform: translateY(25px);
        -o-transform: translateY(25px);
        transform: translateY(25px);
    }
}
/* Bubble Animation End */
.effect_black svg path{ animation-name:bubbleupdown_black; animation-duration: 2.5s; animation-iteration-count: infinite; animation-timing-function:ease; fill: var(--black); }
.effect_black svg path:nth-child(2){animation-delay:1s;}
.effect_black svg path:nth-child(3){animation-delay:1.2s;}
.effect_black svg path:nth-child(4){animation-delay:1.3s;}
.effect_black svg path:nth-child(5){animation-delay:1.4s;}
.effect_black svg path:nth-child(6){animation-delay:1.5s;}
.effect_black svg path:nth-child(7){animation-delay:1.6s;}
.effect_black svg path:nth-child(8){animation-delay:1.7s;}
.effect_black svg path:nth-child(9){animation-delay:1.8s;}
.effect_black svg path:nth-child(10){animation-delay:1.9s;}
.effect_black svg path:nth-child(11){animation-delay:2s;}
.effect_black svg path:nth-child(12){animation-delay:2.1s;}
.effect_black svg path:nth-child(13){animation-delay:2.2s;}
.effect_black svg path:nth-child(14){animation-delay:2.3s;}
.effect_black svg path:nth-child(15){animation-delay:2.4s;}
.effect_black svg path:nth-child(16){animation-delay:2.5s;}
.effect_black svg path:nth-child(17){animation-delay:2.6s;}
.effect_black svg path:nth-child(18){animation-delay:2.7s;}
.effect_black svg path:nth-child(19){animation-delay:2.8s;}
.effect_black svg path:nth-child(20){animation-delay:2.9s;}
.effect_black svg path:nth-child(21){animation-delay:3s;}
.effect_black svg path:nth-child(22){animation-delay:1.1s;}
.effect_black svg path:nth-child(23){animation-delay:1.2s;}
.effect_black svg path:nth-child(24){animation-delay:1.3s;}
.effect_black svg path:nth-child(25){animation-delay:1.4s;}
.effect_black svg path:nth-child(26){animation-delay:1.5s;}
.effect_black svg path:nth-child(27){animation-delay:1.6s;}
.effect_black svg path:nth-child(28){animation-delay:1.7s;}
.effect_black svg path:nth-child(29){animation-delay:1.8s;}
.effect_black svg path:nth-child(30){animation-delay:1.9s;}
.effect_black svg path:nth-child(31){animation-delay:2.1s;}
.effect_black svg path:nth-child(32){animation-delay:2.2s;}
.effect_black svg path:nth-child(33){animation-delay:2.3s;}
.effect_black svg path:nth-child(34){animation-delay:2.4s;}
.effect_black svg path:nth-child(35){animation-delay:2.5s;}
.effect_black svg path:nth-child(36){animation-delay:2.6s;}
.effect_black svg path:nth-child(37){animation-delay:2.7s;}
.effect_black svg path:nth-child(38){animation-delay:2.8s;}
.effect_black svg path:nth-child(39){animation-delay:2.9s;}
.effect_black svg path:nth-child(40){animation-delay:3s;}
.effect_black svg path:nth-child(41){animation-delay:1.1s;}
.effect_black svg path:nth-child(42){animation-delay:1.2s;}
.effect_black svg path:nth-child(43){animation-delay:1.3s;}
.effect_black svg path:nth-child(44){animation-delay:1.4s;}
.effect_black svg path:nth-child(45){animation-delay:1.5s;}
.effect_black svg path:nth-child(46){animation-delay:1.6s;}
.effect_black svg path:nth-child(47){animation-delay:1.7s;}
.effect_black svg path:nth-child(48){animation-delay:1.8s;}
.effect_black svg path:nth-child(49){animation-delay:1.9s;}
.effect_black svg path:nth-child(50){animation-delay:2s;}
@keyframes bubbleupdown_black {
    0% {
        opacity: 0.5;
        -webkit-transform: translateY(-25px);
        -moz-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        -o-transform: translateY(-25px);
        transform: translateY(-25px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        opacity: 0.2;
        -webkit-transform: translateY(25px);
        -moz-transform: translateY(25px);
        -ms-transform: translateY(25px);
        -o-transform: translateY(25px);
        transform: translateY(25px);
    }
}

/* ===============================================================================================================================================================
                    Landing Hire Software Developers Page START
================================================================================================================================================================== */
body.page-template-template-landing-hire-software-developers{font-family: var(--optional-font);}
.hire_over{ overflow-x: hidden;}

.hire-soft-hed-buttons a.hire-soft-button{ margin-left: 1rem;}
a.hire-soft-button-text{ color: #005b94; font-weight: 600; text-decoration: underline; font-size:1.8rem;}

.hire-soft-hed-banner-bg{background: linear-gradient(154deg, #2F3287 35.23%, #363AB5 66.34%, #983A98 100%); width: 100vw; padding-bottom: 2.2rem;}
.hire-soft-notice{ background-color: #BC00FF; height: 3.8rem; display: flex; align-self: center; justify-content:center; color: var(--colorwhite); font-size:1.8rem;}
.hire-soft-notice p{ padding: 0; margin: 0; display: flex; align-items: center;font-family: var(--optional-font);font-size:1.8rem;}
.hire-soft-notice a{ display: inline-block; border-radius: 4.4rem; background-color: #FECB51; color: #061943; font-size: 1.4rem; line-height: 2.2rem; padding:0 1.2rem; margin-left: 1rem;transition: 0.6s;}
.hire-soft-notice a:hover{background-color: #00CE6C; color: var(--colorwhite);}
.hire-soft-header{padding-top: 3.5rem; padding-bottom: 5.7rem;}

.hire-soft-button{ font-weight: 600; font-size:1.8rem; color: var(--colorwhite);  display: inline-block; height: 4.9rem; display: flex; width: fit-content; align-items: center; padding: 0 2.3rem; border-radius: 3.9rem; transition: 0.6s;}
.hire-soft-button-outline{ border: 0.1rem solid var(--colorwhite);}
.hire-soft-button-outline:hover{ background-color: #00CE6C; border-color: #00CE6C; color: var(--colorwhite);}


.hire-soft-banner-short{ color: #21E9F0; font-size: 2.3rem; font-weight: 600;}
.hire-soft-boder-ani{ width:9.9rem; background-color: #00CE6C; height: 0.2rem; display: block;margin-top: 1rem;}

.hire-soft-banner-mainheding{ color: var(--colorwhite); font-size: 4.5rem; line-height: 5rem; font-weight: 800;letter-spacing: -1.65px; padding-top: 1.8rem; margin-bottom:1.5rem}
.hire-soft-banner-mainheding span{color: #00CE6C;letter-spacing: -1.41px;font-size: 4rem; line-height: 4.5rem; display: block; padding-top:1.5rem;}

.hire-soft-banner-mainheding{font-size: 3rem;line-height: 3.5rem;}
.hire-soft-banner-mainheding span{ font-size:2.5rem; line-height:3rem;padding-top: 0.5rem;}

.hire-soft-banner-list-content{ font-size: 1.9rem; /*font-weight: 600;*/ color: var(--colorwhite); padding-top: 0.8rem;}
.hire-soft-banner-list-content li{ padding-bottom:1.5rem;}
.hire-soft-banner-list-content li::marker{ color: var(--colorwhite);}
.hire-soft-banner-short-content{ padding-bottom: 5rem;}
.hire-soft-banner-short-content p{ color: var(--colorwhite); font-size: 1.6rem; line-height: 2.3rem;font-family: var(--optional-font); padding: 0; margin-bottom:1.5rem;}
.hire-soft-banner-short-content p strong{ font-weight:800; color:#00ce6c}
.hire-soft-banner-short-content p strong{ color: #FFF;}

.hire-soft-button-com{ display: flex; align-items: center; border-radius: 4.4rem; background-color: #00CE6C; color:var(--colorwhite); height: 4.9rem; font-weight: 600; font-size: 1.8rem; padding-left: 3.7rem; padding-right: 3.7rem; width: fit-content; transition: 0.6s;}
.hire-soft-button-com:hover{background-color: #BC00FF;box-shadow: 0px 0px 20px 0px #BC00FF; color: #FFF;}

.hire-soft-banner-logos-sec{ padding-top: 6.6rem;}
.hire-soft-banner-logos-loop{ margin-right: 4rem;}
.hire-soft-banner-logos-loop:last-of-type{ margin-right: 0;}
canvas {display: block;vertical-align: bottom;}
/* ---- particles.js container ---- */
#particles-js,#particles-jsbot,#particles-js-technology,#particles-js-content{position: absolute;width: 419px;height: 370px;background-color: transparent; opacity: 0.60;mix-blend-mode: overlay; pointer-events: none;background-image: var(--wpr-bg-3c1019f0-1f84-4502-8cc9-cebc1610a16f);  background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;}
#particles-jsbot{ bottom: 0; right: 0; left: auto;}
#particles-js-technology{ opacity: 1; mix-blend-mode: normal;top: -5rem;left: -19rem;width: 60.6rem;height: 38.2rem;pointer-events: none;}
#particles-js-content,#particles-js-services{mix-blend-mode: normal;right: -28.0rem;top: -6rem;width: 78.5rem;height: 59.8rem;opacity: 0.3;pointer-events: none;}
#particles-js-services,#particles-js-customer{ left: -3rem; right: auto; width: 63.9rem; opacity: 0.4;pointer-events: none; height: 45.0rem;}
#particles-js-customer{top: -4rem;}
.particles-js-customer{ width: 52.3rem;}
.shape_ani,.hire-soft-customer-shape{ right: 0; top:-1rem;width: 22%;}
.shape_anitwo{ left: 0; top: -8rem;}
.hire-soft-customer-shape{ top: -2rem;}
.hire-soft-forms-section .hire-soft-customer-shape{top: -8rem; right:-8%}
.hire-soft-clutch-shape{ top: -1rem;}

.hire-soft-banner-image{ position: absolute; top:5%;left: auto;right: -9%; text-align: right;}
.hire-soft-banner-image figure{width: 762px;}
.boxanisec{position:absolute; left: 0; top: 0;}
.roundani{ position: relative;}
.roundani,.roundanitwo{ transition: all 4s ease-in-out;fill: transparent !important;stroke: rgba(105, 206, 158, .5);stroke-linecap: round;animation-iteration-count: infinite;animation-name: hideshow;animation-duration: 2s;animation-direction: alternate;animation-timing-function: linear;}
.roundanitwo{ fill:transparent !important;stroke: rgba(148, 7, 198, .5);animation-name: hideshowtwo;}
@keyframes hideshow {
    0% {
        stroke-width: 2px; opacity: 0;
        stroke: rgba(105,206,158,.9)
    }

    50% {
        stroke-width: 20px; opacity:0.6;
        stroke: rgba(105,206,158,.7)
    }

    100% {
        stroke-width: 2px; opacity: 1;
        stroke: rgba(105,206,158,.9)
    }
}

@keyframes hideshowtwo {
    0% {
        stroke-width: 2px;opacity: 0;
        stroke: rgba(148, 7, 198,.9)
    }

    50% {
        stroke-width: 20px;opacity:0.6;
        stroke: rgba(148, 7, 198,.7)
    }

    100% {
        stroke-width: 2px;opacity: 1;
        stroke: rgba(148, 7, 198,.9)
    }
}
.banner-bot-svg{ bottom: 0; left: auto; right: 0; width: 14%;}
.hire-soft-title{/*letter-spacing: -2.75px;*/ font-size: 5.5rem; font-weight: 700;color: #061943;font-family: var(--optional-font);}
.hire-soft-title span{ color:#00CE6C;}
.hire-soft-com-text p{color: #26393F;font-size: 18px; line-height: 2.6rem;font-family: var(--optional-font); padding: 0; margin-bottom:1.5rem;}
.hire-soft-com-text p strong{font-weight: 800;color: #00ce6c;}

.hire-soft-brand-section{ margin-left: 10%;}
.hire-soft-brand-logoes{ display: flex; flex-wrap: wrap; margin: 0 -1.2rem; text-align: center; align-items: center;}
.hire-soft-brand-loop{ padding: 0 1.2rem; margin-bottom: 1rem;}
.hire-soft-banner-image .hire-soft-brand-loop figure{ width: auto;}



.hire-soft-technology-section{ padding-top: 10.0rem;}
.hire-soft-technology-section .hire-soft-title{ padding-bottom:3.8rem;}
.hire-soft-title-sub{font-size: 3rem;font-family: var(--optional-font);color: #000;font-weight: 600; display: inline-block;  position: relative;}
.hire-soft-title-sub span{padding: 0 1.5rem; background-color: var(--colorwhite); display: inline-block; position: relative; z-index: 1;}
.hire-soft-title-sub::before{ content: ''; display: block; width: 36.0rem; height: 0.1rem; background-color: #B6B6B6; left:50%;  margin:0 auto; top: 50%; transform: translate(-50% , -50%); position: absolute;}

.hire-soft-technologies-lists-section{ padding-top:6rem; position: relative; z-index: 1;}
.hire-soft-technologies-tab-hed{ padding-bottom: 6rem;}
.hire-soft-technology-nav-tab{ list-style: none; margin:0 -6rem; padding: 0;padding-bottom: 3.8rem; justify-content: center; text-align: center; border: none; }
.hire-soft-technology-nav-tab.nav-tabs .nav-item{ padding: 0 6rem;}
.hire-soft-technology-nav-tab.nav-tabs .nav-link{ border: none; padding: 0;color: #061943;font-family: var(--optional-font); font-size: 1.8rem;}
.hire-soft-technology-nav-tab.nav-tabs .nav-link:hover{color: #BC00FF; }
.hire-soft-technology-nav-tab.nav-tabs .nav-link.active{color: #BC00FF;font-weight: 700;text-decoration: underline;}

.hire-soft-technology-tab-body,.hire-soft-technology-tabcontent{ border: none; padding: 0;--bs-accordion-border-color: transparent;
    --bs-accordion-border-width: 0;--bs-accordion-border-radius: 0;}
.technologies-lists-row{ display: flex; align-items: center; flex-wrap: wrap; margin: 0 -1rem;}
.technologies-lists-loop{ padding: 0 1rem; display: flex; width:20%; margin-bottom: 2rem;}
.technologies-lists-loop-inner{ background-color: var(--colorwhite); border-radius: 2rem;box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05); min-height: 20.6rem; width: 100%;display: flex;flex-direction: column;justify-content: center;align-content: center;align-items: center;color: #26393F; font-size: 1.6rem; transition: 0.6s;}
.technologies-lists-loop:hover .technologies-lists-loop-inner{ box-shadow:0 0px 10px rgba(0,0,0,5%)}
.technologies-lists-loop-inner figure{ margin-bottom: 3rem;}
/* @media (max-width: 991px) {
    .tab-content>.tab-pane {
      display: block;
      opacity: 1;
    }
  } */
.hire-soft-image-content-section{ padding-top: 17.6rem; padding-bottom: 7.3rem;}
.hire-soft-image-content-section section{ padding-left: 5rem;}
.image_content_short_heaading{color: #061943;font-weight: 600; font-size: 2.3rem; display: block; padding-bottom: 1.3rem;}
.hire-soft-image-content-section  .hire-soft-com-text{ padding-top: 1rem; padding-bottom: 2.8rem;}

.hire-soft-services-section{ background-color: #F6FCF9; padding: 11.8rem 0;}
.hire-soft-services-list-row{ column-count: 3;column-rule: 0.1rem solid #ECEBF1; column-gap: 2.4rem; padding-top: 5.7rem;/*padding-bottom: 5rem;*/}
.hire-soft-services-list-loop{ border-bottom: 0.1rem solid #ECEBF1; display: flex; height: 10.8rem; align-items: center;}
.hire-soft-services-list-loop:nth-child(3n+3){ border-bottom: none;}
.hire-soft-services-list-loop-inner{color: #061943; font-size: 2.2rem; font-weight: 500; display: flex; align-items: center;}
.hire-soft-services-list-loop-inner figure{ width:9rem;}
.hire-soft-services-button{ padding-top:5rem;}

.hire-soft-customer-section{ background-color: #4E57EF; padding-top: 9rem; padding-bottom: 10.0rem;}
.hire-soft-customer-hed .hire-soft-title,.hire-soft-customer-hed .hire-soft-com-text p{ color: var(--colorwhite);}
.hire-soft-customer-hed .hire-soft-title{ margin-bottom: 2rem;}
.hire-soft-customer-hed .hire-soft-title strong{ font-weight:700;color:#00ce6c;}

.hire-soft-customer-lits-sec{ padding-top: 5.7rem; padding-bottom: 9rem;}
.hire-soft-customer-lits-loop{ background-color:#4E57EF;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);background: linear-gradient(154deg, #4E57EF 35.23%, #4E57EF 66.34%, #983A98 100%);background-blend-mode: hue; color: var(--colorwhite); position: relative; overflow: hidden;}
.hire-soft-customer-content{ padding: 5rem; position: relative; z-index: 1;}
.hire-soft-customer-lits-heading{ font-weight: 700; font-size: 4rem;margin-bottom: 1.5rem;}
.hire-soft-customer-content .hire-soft-banner-short-content p{ padding-bottom: 3rem; margin-bottom:0;}
.hire-soft-customer-content .hire-soft-banner-short-content p:last-child{ padding-bottom: 0;}
.hire-soft-customer-content ul li{ font-size: 1.6rem;}
.hire-soft-customer-technology{ font-size:1.6rem; color: var(--colorwhite);margin-bottom: 2rem;}
.hire-soft-customer-technology span{ font-size: 2rem; color: #FDD62B; font-weight: 500;}
.hire-soft-customer-lits-loop:nth-child(even) .hire-soft-customer-list-left{ order: 2;}
.hire-soft-customer-lits-loop:nth-child(even) .hire-soft-customer-list-right{ order: 1;}
.hire-soft-customer-lits-loop:nth-child(even) .hire-soft-customer-list-right::before{ content: ''; position: absolute; left: 0;top: 0; width: 50%; height: 100%;  background: linear-gradient(154deg, #4E57EF 35.23%, #4E57EF 66.34%, #983A98 100%);background-blend-mode: hue;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);}
.hire-soft-customer-lits-loop .row{ margin: 0;}
.hire-soft-customer-lits-loop .hire-soft-customer-list-left,.hire-soft-customer-lits-loop .hire-soft-customer-list-right{ padding: 0;}
.hire-soft-customer-lits-loop .hire-soft-banner-short-content{padding-bottom: 0;}

.hire-soft-clutch-section{ padding-top: 10.0rem; padding-bottom: 3rem; background-color:#FAFAFA;}
.hire-soft-clutch-header{ padding-bottom: 5rem;}

.hire-soft-forms-section{ position: relative;}
.hire-soft-forms-section::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%;background: linear-gradient(180deg, rgba(212, 212, 212, 0.46) 0%, rgba(217, 217, 217, 0.00) 100%); height: 1.9rem; z-index: 1;}
.hire_soft_forms_section_image{height:104.8rem;}
.hire_soft_forms_section_image img{ width: 100%; height: 100%; object-fit: cover;}
.hire-soft-forms-content{ padding-left: 7.7rem; width: 71%;}
.hire-soft-forms-header .hire-soft-title{ margin-bottom: 1.8rem;}
.hire-soft-forms-header{ padding-bottom: 3rem;}
.hire-soft-form-loop p{ padding: 0; margin: 0;line-height: normal;}
.hire-soft-form-loop label.formlabel,.hire-soft-form-loop p br{ display: none;}
.formloop{ border: none; outline: none; border-bottom: 0.1rem solid var(--black); padding: 0; width: 100%; border-radius: 0; font-size:1.6rem; color: var(--black); height: 3.5rem;padding-right: 3.5rem;}


textarea.formloop{ height: 9.4rem; resize: none;}
.formloop:focus{ border-bottom-color: #005B94;}
.hire-soft-form-loop{ margin-bottom:4rem;}
.formloop::-webkit-input-placeholder { color: var(--black);}
.formloop:-ms-input-placeholder { color: var(--black);}
.formloop::-moz-placeholder { color: var(--black);opacity: 1;}
.formloop:-moz-placeholder {color: var(--black);opacity: 1;}

.hire-soft-form-loop .wpcf7-not-valid-tip{ display: none;}
.formloop.wpcf7-not-valid{ border-bottom-color:#dc3232;}
.formloop.wpcf7-not-valid::-webkit-input-placeholder { color:#dc3232;}
.formloop.wpcf7-not-valid:-ms-input-placeholder { color:#dc3232;}
.formloop.wpcf7-not-valid::-moz-placeholder { color:#dc3232; opacity: 1;}
.formloop.wpcf7-not-valid:-moz-placeholder {color:#dc3232; opacity: 1;}

.hire-soft-form-loop .job-form-file{ position: relative;}
.hire-soft-form-loop .job-form-file .custom-file-label{left: 0;padding-left: 124px;}
.hire-soft-form-loop .custom-file-label::before{ content: 'Choose file'; background-color: #005B94; color: var(--colorwhite); padding: .6rem 1rem;top:-7px;transform: none;left: 0;width: 113px;background-image: none;
    height: auto;}
.hire-soft-form-loop .file-format{ display: block; position:static;padding-top: 2rem;}
.hire-soft-form-loop  .custom-file{ display: block; padding: 0;}
.hire-soft-form-button{ margin: 0;}
.hire-soft-form-button .hire-soft-button-com{ border: none; outline: none;}
.hire-soft-form-button p{ display: flex; align-items: center;}
.hire-soft-form-loop{ position: relative;}
.hire-soft-form-loop::after{content: ''; position:absolute; right: 0; top: 0; display: block; background-repeat: no-repeat; background-position: center center; width: 2.5rem; height: 2.5rem;}

.hire-soft-form-loop .requirements-input-icon{ position: absolute; right: 0; bottom: 1.3rem; color: #B0B0B6;}
.hire-soft-form-loop .requirements-textarea-icon{ color: #B0B0B6;}

.hire-soft-footer-sec{ background-color:#061943; text-align: center;}
.hire-soft-footer-logo{ width: 7.4rem; margin: auto; position: absolute; z-index: 1;}
.hire-soft-footer-top{ height: 15.6rem; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative;}
.hire_soft_footer_map{ position: absolute; top: 0; left: 0; right: 0;}

.hire-soft-footer-sec-bot{ background-color: #021338; color: var(--colorwhite); padding: 3.2rem 0;}
.hire-soft-copyright{ display: block; text-align: left; font-size: 1.6rem; font-weight: 600;padding-bottom: 1.7rem;}
.hire-soft-footer-sec-bot .footer-socialmedia li a span{ font-size: 1.4rem;}
.hire-soft-footer-sec-bot .hire-soft-banner-logos-sec{ padding-top: 0;}
.hire-soft-footer-sec-bot-inner .row{ align-items: center;}
.hire-soft-formobile{ display: none;}

.hire-soft-team-content-section{ padding-top: 3rem; padding-bottom: 12.0rem;}
.hire-soft-teamcontent-list{ padding-top:3.5rem;}
.short_heading_team{ font-size: 2.2rem; font-weight: 500; color: #061943;margin-bottom: 1.7rem;padding-top: 1rem;}
.short_content_team{ font-size: 1.8rem; color: #26393F;}
.short_content_team p{font-size: 1.8rem; color: #26393F;font-family:var( --optional-font)}
.short_content_team strong{ font-weight: 600;}
.hire-soft-team-content-section footer{ padding-top: 3rem;}
.hire-soft-team-content-section footer .hire-soft-button-com{ margin: 0 auto; justify-content: center;}
.hire_loop_team_arrow_svg{ position: absolute; right: -2.8rem; top: 7.2rem;}
.hire-loop-team-list:last-child .hire_loop_team_arrow_svg{ display: none;}

/* ===============================================================================================================================================================
        Affiliate Registration Page START
================================================================================================================================================================== */

.afrbg{ align-items: center; display: flex; justify-content: center;  background:linear-gradient(154deg, #2F3287 35.23%, #363AB5 66.34%, #983A98 100%); width: 100%; 
    height:calc(100vh - 3.7rem); background-repeat:no-repeat; background-position: 0 0; background-size: cover;overflow-x: hidden; background-color: #00004A; color: #FFF;}
body.admin-bar .afrbg{height:calc(100vh - (32px + 37px))}
.afrsec{ padding-top: 2.5rem; padding-bottom: 2.5rem;}
.afrlogo a{ display: block; width: 10.6rem;}
.afrhedsm{ display: block; color: #21E9F0; font-size: 2.3rem;font-family: var(--optional-font); font-weight: 600;padding-top: 5.1rem; padding-bottom: 1rem;}
.afrhedtitle img{ display: block;margin-bottom: 1.5rem;}
.afrhedtitle{ font-size: 5.5rem; line-height: 5.4rem;font-family: var(--optional-font); font-weight: 700; color: #FFF;letter-spacing: -2.75px;}
.afrhedtitle span{ color: #00CE6C;}
.afrcont p{font-weight: 500; font-size: 1.8rem; line-height: 2.4rem;font-family: var(--optional-font); color: #FFF;padding-bottom: 5rem;}
.afrcontsec{ width: 59.1rem;}
.afrhed{ padding-bottom: 2rem;}
.afrplog{ display: flex; align-items: center; margin: 0 -0.9rem;}
.afrploglp{ padding: 0 0.9rem;}




.afrformsec{ background-color: rgba(255,255,255,0.95); padding:2.8rem 3rem; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);border-radius: 20px;}
.afrformsec .wpcf7-spinner{ display: none; width: 0; height: 0;}
.afrforhed{ padding-bottom: 1rem;}
.afrforhed h2{ color: #061943; font-size: 4.3rem; font-weight: 700; font-family: var(--optional-font);}
.afrforhed h3{ font-size: 2rem; font-weight: 500; color: #061943;line-height: 2.7rem;}
.afrforhed h3 span{ display: inline-block; font-weight: 700; background-color: #FBD908;padding: 0 0.5rem;}
.afrlabwr{ display: inline-block; width: 100%; border-radius: 1.1rem; border: 0.1rem solid #061943;}
.afrlabwr legend{margin-left: 2.2rem;padding-inline: 5px;font-size: 1.4rem;  float: none; width: auto;}
.labhed{ display: inline-block;font-size: 1.4rem; font-weight: 500; color: #061943;}
.labhed strong{ font-weight: 400; color: #E3000F;}
.afrforlop fieldset p{ margin: 0; padding: 0;font-family: var(--optional-font);line-height: normal;font-size: 1.5rem;margin-top: -1.3rem;}
.afrforlop p{ margin: 0; padding: 0; line-height: normal; font-size:1.5rem;font-family: var(--optional-font);}
.afrforlop input[type="text"],.afrforlop input[type="email"]{ width: 100%; border: none; outline: none;font-family: var(--optional-font); font-size: 1.5rem; color: #061943; padding-left: 2.5rem; padding-right: 2.6rem; background-color: transparent; height: 4rem;}
.afrforlop br{ display: none;}
.afrforlop{ margin-bottom: 0.8rem;}
.labhedcheck{ display: block; font-weight: 500; font-size: 1.7rem; color: #061943; padding-bottom: 1.2rem;}
.afrforlop-checkbox{ padding-top: 2.1rem; margin-bottom: 0;}

.afrforlop .wpcf7-not-valid-tip{ display: none;}


.afrforlop input[type=text]::-webkit-input-placeholder, .afrforlop input[type=email]::-webkit-input-placeholder{color: #65708B;opacity: 1;}
.afrforlop input[type=text]::-moz-placeholder, .afrforlop input[type=email]::-moz-placeholder { color: #65708B;opacity: 1;}
.afrforlop input[type=text]:-ms-input-placeholder, .afrforlop input[type=email]:-ms-input-placeholder { color: #65708B;opacity: 1;}
.afrforlop input[type=text]:-moz-placeholder, .afrforlop input[type=email]:-moz-placeholder { color: #65708B; opacity: 1;}

.afrforlop input[type=text].wpcf7-not-valid::-webkit-input-placeholder, .afrforlop input[type=email].wpcf7-not-valid::-webkit-input-placeholder{color: #dc3232;opacity: 1;}
.afrforlop input[type=text].wpcf7-not-valid::-moz-placeholder, .afrforlop input[type=email].wpcf7-not-valid::-moz-placeholder { color: #dc3232;opacity: 1;}
.afrforlop input[type=text].wpcf7-not-valid:-ms-input-placeholder, .afrforlop input[type=email].wpcf7-not-valid:-ms-input-placeholder { color: #dc3232;opacity: 1;}
.afrforlop input[type=text].wpcf7-not-valid:-moz-placeholder, .afrforlop input[type=email].wpcf7-not-valid:-moz-placeholder { color: #dc3232; opacity: 1;}


/* The container */
.afrforlop-checkbox label {display: block;position: relative;padding-left: 3.2rem;margin-bottom: 1.2rem;cursor: pointer;font-size: 1.4rem; line-height: 2.2rem; color: #061943;font-family: var(--optional-font);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight: 400;}
  /* Hide the browser's default checkbox */
  .afrforlop-checkbox label input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
  /* Create a custom checkbox */
  .afrforlop-checkbox label span::before{ content: "";position: absolute; width: 2.2rem; height: 2.2rem; border: 0.1rem solid #061943; border-radius: 0.5rem; left: 0;}
  .afrforlop-checkbox .wpcf7-list-item{ margin: 0;}
  /* Create the checkmark/indicator (hidden when not checked) */
  .afrforlop-checkbox label span:after {content: "";position: absolute;display: none;}
  /* Show the checkmark when checked */
  .afrforlop-checkbox label input:checked ~ span:after {display: block;}
  .afrforlop-checkbox label input:checked ~ span:before { background-color: #061943;}
  /* Style the checkmark/indicator */
  .afrforlop-checkbox label span:after { left:0.8rem;top:0.4rem;width:0.7rem;height:1.2rem;border: solid #FFF;border-width: 0 0.2rem 0.2rem 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.afrforlop-checkbox .wpcf7-list-item{ margin-right: 1.9rem;}
.afrforlop-checkbox .wpcf7-list-item.last{ margin-right: 0;}
.afrforlop-recaptcha{ padding-top: 1rem; padding-bottom: 1.5rem;}
.afr-button{ display: block; width: 100%; background-color: #00CE6C; color: #FFF; border-radius: 1.1rem; height: 4.9rem; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 2.1rem; border: none; outline: none; padding: 0;font-family: var(--optional-font);}

.afrfoo{ background-color: #FFF;  width: 100%;}
.afrfooin{ display: flex; align-items: center; justify-content: space-between;height: 3.7rem;}
.afrcop{font-family: var(--optional-font); font-size: 1.6rem; font-weight: 600; color: #061943;}
.afrsofoot{ display: flex; align-items:center; margin: 0 -0.7rem; list-style: none; padding: 0;}
.afrsofoot li{ padding: 0 0.7rem;}
.afrsofoot a{ color: #26393F; font-size: 1.6rem;}
.afrsofoot li.clutchsocial a{ background-color: #26393F; padding: 0 0.5rem; display: inline-block; width: 3rem;}

.wpcf7 form .wpcf7-response-output {margin: 0;padding: 1rem;border: 2px solid #00a0d2;background-color: #ffb900;color: #000;margin-top: 0;font-weight: 500;}

.afrsecin{ position: relative;}
.afrcoin{ position: absolute;}
.dollarcoin1,.dollarcoin2,.dollarcoin3,.dollarcoin4{-webkit-transform-style: preserve-3d;-webkit-perspective:1200px;animation: rotate3d 10s linear infinite;transform-style: preserve-3d;transition: all 0.9s;}
.dollarcoin1{top: 4%;left: calc(100% - 69%);right: auto;}
.dollarcoin2{top: calc(100% - 48%);left: calc(100% - 54%);right: auto;animation-delay:6s;}
.dollarcoin3{top:22%;left: calc(100% - 47%);right: auto;animation-delay:8s;}
.dollarcoin4{ left: auto; right:-9%; top:  auto; bottom:14%;animation-delay:1.25s;}
.dollarcoin5{ left: auto; right: -11%; top:-1%;  animation: star_blinker 3s linear infinite alternate;	opacity: 0.5;}

@keyframes rotate3d {
    0% {
        transform: perspective(1200px) rotateY(0deg);
    }

    100% {
        transform: perspective(1200px) rotateY(360deg);
    }
}



@-webkit-keyframes star_blinker {
    50% { stroke-width: 2; opacity: 1; }
}
@keyframes star_blinker {
    50% { stroke-width: 2; opacity: 1; }
}



.footer-parallax-sec{ background-color:#000; /*background-attachment:fixed;*/ background-repeat:no-repeat; background-size:cover; color:#FFF; padding:2.5rem 0; position:relative;background-position: center center;}
.footer-parallax-sec:before{content:""; position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.25)}

.footer-parallax-sec header{height: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column; position:relative; z-index:1}
.footer-parallax-sec,.footer-parallax-sec header{min-height: 48.5rem}
.footer-parallax-sec h2{  font-size:6.4rem; font-weight:600;font-family: var(--secondary-font); }
.footer-parallax-sec h2 span{color:#FFD45B}
.footer-parallax-sec p{ font-size:2.2rem; font-weight:600;padding: 0;}


@media (max-width:991.98px) {

    #particles-js,#particles-js-customer,#particles-js-services,#particles-js-content,#particles-js-technology,#particles-jsbot{ display: none; width: 0; height: 0; opacity: 0;}

    .hire-software-developers-page-wrapper{ overflow-x: hidden;}
    .hire-soft-notice p{ font-size: 1.3rem;}
    .hire-soft-notice a{font-size: 1.3rem;padding: 0 0.8rem;margin-left: 0.8rem;}
    .hire-soft-header,.hire-soft-banner,.hire-soft-technology-section,.hire-soft-image-content-section,.hire-soft-services-section,.hire-soft-customer-section,.hire-soft-clutch-section,.hire-soft-forms-section{ padding: 2rem;}
    .hire-soft-logo{ display:block; width: 9rem;}
    .hire-soft-hed-buttons{position: relative;}
    .hire-soft-hed-buttons a.hire-soft-button{ width: 16.0rem; justify-content: center; text-align: center;}
    .hire-soft-hed-buttons a.hire-soft-button:nth-child(2){ position: absolute; right: 0; bottom:-4.2rem;}


    .hire-soft-button{font-size:1.4rem;height: 3.6rem;padding: 0 1rem;}
    .hire-soft-banner-content,.hire-soft-banner-image figure{ width: 100%;}

    .hire-soft-banner-image{ position: static; width: 100%;}
    .hire-soft-brand-logoes{ margin: 0 -0.8rem; justify-content: center;}
    .hire-soft-brand-loop{ padding: 0 0.8rem;width: 20%; margin-bottom: 0.5rem;}


    .hire-soft-brand-section{ margin-left: 0;}
    .boxanisec{ display: none;}
    .hire-soft-banner,.hire-soft-image-content-section,.hire-soft-image-content-section section,.hire-soft-customer-section,.hire-soft-clutch-section,.hire-soft-forms-section{ padding-top: 4rem;}
    .hire-soft-banner-short,.image_content_short_heaading{ font-size: 2rem;}
    .hire-soft-banner-mainheding{ font-size: 3rem; line-height:3.5rem; letter-spacing: normal;}
    .hire-soft-banner-mainheding span{ font-size: 2.4rem;letter-spacing: normal;}
    .hire-soft-banner-short-content{ padding-bottom: 3rem;}
    .hire-soft-banner-list-content{ font-size: 1.6rem;padding-top: 1.5rem;}
    .hire-soft-banner-short-content p,.hire-soft-com-text p{ font-size: 1.4rem;}
    .hire-soft-banner-image,.hire-soft-technology-section,.hire-soft-services-section{ padding-top: 4rem;}
    .hire-soft-banner-logos-sec{ padding-top: 6rem; padding-bottom: 3rem;flex-wrap: wrap; margin: 0 -0.8rem; justify-content: center;}
    .hire-soft-banner-logos-loop{ margin-bottom:2rem; padding: 0 0.8rem; width:20%;margin-right: 0;}
    .banner-bot-svg{ width:9rem;}
    .shape_ani,.shape_anitwo,.hire-soft-customer-shape,.hire-soft-clutch-shape{ width: 9rem;}
    .hire-soft-midsec{ width: 100%;}
    .hire-soft-button-com{ font-size: 1.4rem;height: 3.6rem;padding-left: 2rem;padding-right: 2rem;}
    

    .hire-soft-title{ font-size:3rem;letter-spacing:normal}
    .hire-soft-technology-section .hire-soft-title{ padding-bottom: 1rem;}
    .hire-soft-title-sub{ font-size: 2.2rem;}
    .hire-soft-title-sub::before{width: 27rem;}
    .hire-soft-technologies-lists-section{ padding-top: 3rem;}
    .hire-soft-technologies-tab-hed{ padding-bottom: 2rem;}
    .technologies-lists-loop{ width: 50%;}
    .technologies-lists-loop-inner{min-height: 16.6rem; border-radius: 1rem;}
    .hire-soft-technologies-lists-section .technologies-lists-loop-inner figure{ margin-bottom: 1.5rem;}
    .hire-soft-technologies-lists-section .tab-content>.tab-pane {display: block;opacity: 1;margin-bottom: 0.5rem;}
    .hire-soft-technologies-lists-section .accordion-header.collapse:not(.show){ display: block;}
   .hire-soft-technologies-lists-section .accordion-button{ border: 0.1rem solid var(--black); font-size: 1.8rem; color: var(--black); padding: 1rem; border-radius: 0;}
 
   .hire-soft-technologies-lists-section .accordion-item:first-of-type>.accordion-header .accordion-button,.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{ border-radius: 0;}

   .hire-soft-technologies-lists-section  .accordion-button::after{width:2rem;height: 2rem;background-size:2rem;}
	
   .hire-soft-technologies-lists-section .accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);filter: brightness(0) invert(1);}
	
	.hire-soft-technologies-lists-section .accordion-button:not(.collapsed) { border-bottom: none; color: #FFF;
        background-color:#00ce6c;box-shadow: inset 0 calc(var(--bs-accordion-border-width)* -1) 0 var(--bs-accordion-border-color);}

    .shape_ani_content{ top: -3rem;}
    .hire-soft-image-content-section .shape_anitwo{top: -4rem;}

    .hire-soft-image-content-section,.hire-soft-services-section,.hire-soft-customer-section,.hire-soft-clutch-section,.hire-soft-forms-section{ padding-bottom: 4rem;}
    .hire-soft-image-content-section section{ padding-left: 0; text-align: center;}
    .hire-soft-image-content-section section .hire-soft-button-com{ margin: auto;}
    .hire-soft-services-list-row{ padding-top: 2rem; padding-bottom: 0;}
    .hire-soft-services-list-row{column-count: 1;column-rule: 0;column-gap: 0;}
    .hire-soft-services-list-loop-inner{ font-size: 1.8rem;flex-wrap: wrap; display: block; text-align: center; width: 100%;}
    .hire-soft-services-list-loop{ height: auto; padding-bottom: 2rem; margin-bottom: 2rem;}
    .hire-soft-services-list-loop-inner figure {width: 5rem;margin: auto; margin-bottom: 1.6rem;}
    .hire-soft-services-list-loop:nth-child(3n+3){ border-bottom: .1rem solid #ecebf1;}
    .hire-soft-technology-tab-body{ padding: 2rem;border: 1px solid #000;padding-bottom: 0;border-top: none;}


    /*.hire-soft-midsec .text-center,.hire-soft-services-section .text-center,.hire-soft-customer-hed.text-center{ text-align: left !important;}
    .hire-soft-button-com.mx-auto{ margin: 0 !important;}*/
    .hire-soft-customer-hed .col-10{ width: 100%;}
    .hire-soft-customer-lits-sec{ padding-top: 3rem;padding-bottom: 3rem;}
    .hire-soft-customer-content{ padding: 2rem;}
    .hire-soft-customer-lits-heading{ font-size: 2.4rem;}
    .hire-soft-customer-technology span{ font-size: 1.6rem;}
    .hire-soft-customer-lits-loop{ margin-bottom: 1rem;}
    .hire-soft-customer-lits-loop .hire-soft-banner-short-content{ padding-bottom: 0;}
    .hire-soft-customer-content .hire-soft-banner-short-content p{ padding-bottom: 1rem;}
    .hire-soft-customer-lits-loop:nth-child(even) .hire-soft-customer-list-left{ order: 1;position: relative;z-index: 1;}
    .hire-soft-customer-lits-loop:nth-child(even) .hire-soft-customer-list-right{ order: 2;}
    .hire-soft-customer-lits-loop:nth-child(even) .hire-soft-customer-list-right::before{ width: 100%;}
    .hire_soft_forms_section_image{ height:auto;}
    .hire_soft_forms_section_image img{ height: auto;object-fit: inherit;}
    .hire-soft-forms-section{ width: 100%; padding-left: 2.7rem; padding-right: 2.7rem;padding-bottom: 1rem;}
    .hire-soft-forms-content{ padding-left: 0; width: 100%;}
    .hire-soft-clutch-header{ position: relative; z-index: 1;}
    .hire-soft-title br{ display: none;}
    .hire-soft-form-loop .job-form-file .custom-file-label{ padding-left: 0;}
    .hire-soft-form-loop{ margin-bottom: 3.5rem;}
    .formloop{ font-size: 1.4rem;}
    .hire-soft-forms-header{ padding-top: 3.5rem; padding-bottom: 2rem;}
    .hire-soft-footer-sec-bot-inner .row{flex-direction: column-reverse;}
    .hire-soft-footer-sec-bot{ padding-left: 2rem; padding-right: 2rem; padding-bottom: 6rem;}
    .hire-soft-copyright{ font-size: 1.2rem; text-align: center;padding-top: 1rem;padding-bottom: 0;}
    .hire-soft-footer-sec-botleft{ display: flex; flex-wrap: wrap;flex-direction: column-reverse;}
    .hire-soft-footer-sec-bot .hire-soft-banner-logos-sec{ padding-bottom: 2rem;}
    .hire-soft-formobile{ position: fixed; bottom: 0; left: 0; right: 0; display: block; z-index: 3;}
    .hire-soft-formobile .hire-soft-button-com{background-color: #037740; border-radius: 0; -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;}
        .hire-soft-formobile  span.icon-email{ margin-right:1rem;}
        .hire-soft-formobile .hire-soft-button-com:hover{background-color: #bc00ff;}

        .hire-soft-form-button p{ flex-wrap: wrap;}
        a.hire-soft-button-text{ font-size: 1.4rem; display: inline-block; margin-top:2rem;}


        .hire-soft-team-content-section{ padding-left: 2rem; padding-right: 2rem; padding-top: 0; padding-bottom: 4rem;}
        .hire-loop-team-inner{ padding-bottom: 4rem; margin-bottom: 4rem;}
        .hire_loop_team_arrow_svg{right: 0;top: auto;bottom: 0;left: 0;margin: auto;transform: rotate(90deg);}
        .short_content_team p{ font-size: 1.4rem; line-height: 2.6rem;}
        .hire-loop-team-list:last-child .hire-loop-team-inner{ margin-bottom: 0; padding-bottom: 0;}
        .hire-soft-teamcontent-list{ padding-top: 1rem;}

        body.admin-bar .afrbg,.afrbg{ height: auto; display: block;background-size: cover;overflow-x: hidden;}
        .afrcoin{ display: none;}
        .afrsec{ padding:2rem 1.4rem;}
        .afrcontsec{ width: 100%; text-align: center;}
        .afrlogo a{width: 4.6rem;margin: auto;}
        .afrhedsm{ font-size: 2rem;}
        .afrhedtitle img{ margin: 0 auto;margin-bottom: 0.8rem;}
        .afrhedtitle{font-size: 3.5rem;line-height: 3.8rem;letter-spacing: -2.5px;}
        .afrcont p{font-size: 1.6rem;line-height: 2.5rem;}
        .afrcont p{ padding-bottom: 3rem;}
        .afrplog{ padding-bottom: 4rem;}
        .afrformsec{ padding: 2rem 1.5rem;}
        .afrforhed{ text-align: center;}
        .afrforhed h2{ font-size: 3rem;}
        .afrfooin{justify-content: center;height: auto;flex-direction: column-reverse; padding: 2rem 0;}
        .afrcop{ text-align: center; font-size: 1.3rem; padding-top: 1rem;}
        .afrforlop-checkbox label{ font-size: 1.5rem;}
	
	.footer-parallax-sec{background-attachment: scroll; padding:2rem 0.8rem}
	.footer-parallax-sec h2{ font-size:3.5rem}
	.footer-parallax-sec p{ font-size:1.2rem; line-height:1.5rem}
	.footer-parallax-sec, .footer-parallax-sec header{ min-height:29.0rem}
}

@media (min-width:575.98px) and (max-width: 767px) {
    .hire-soft-services-list-row{ display: flex; flex-wrap: wrap; margin: 0 -1.5rem;}
    .hire-soft-services-list-loop{ width: 50%; padding-left: 1.5rem; padding-right: 1.5rem; border: none; padding-bottom: 0;display: flex;}
    .hire-soft-services-list-loop:nth-child(3n+3){ border: none;}
    .hire-soft-services-list-loop-inner{ border-bottom: .1rem solid #ecebf1; padding-bottom: 2rem; height: 100%;}
    .hire-soft-hed-buttons a.hire-soft-button:nth-child(2){position: static;}
    
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .technologies-lists-loop{ width: 33.333%;}
    .hire-soft-services-list-row{ display: flex; flex-wrap: wrap; margin: 0 -1.5rem;}
    .hire-soft-services-list-loop{ width: 50%; padding-left: 1.5rem; padding-right: 1.5rem; border: none; padding-bottom: 0;}
    .hire-soft-services-list-loop:nth-child(3n+3){ border: none;}
    .hire-soft-services-list-loop-inner{ border-bottom: .1rem solid #ecebf1; padding-bottom: 2rem;}
	.hire-soft-hed-buttons a.hire-soft-button:nth-child(2){position: static;}
    .hire-soft-title br{ display: inline-block;}
    .hire_loop_team_arrow_svg {right: -1.8rem;top: 7.2rem;bottom: auto;left: auto;margin: 0;transform: none;}
}

@media (min-width: 992px) and (max-width: 1399px) {
    .hire-soft-banner-content,.hire-soft-banner-image{ width: 50%;}
    .hire-soft-banner-image{ right: -2.4rem;}
    .hire-soft-brand-section{ margin-left: 0;}
    .hire-soft-brand-loop{ width: 20%;}
    .hire-soft-banner-image figure{ width: 100%;}
    .hire-soft-banner-logos-loop{ margin-right: 3rem;}
    .banner-bot-svg{ width: 19.0rem;}
    #particles-js-technology{width: 40.6rem;height: 28.2rem;}
    .shape_ani, .hire-soft-customer-shape {right: 0;top: -10px;width: 19%;}
    .shape_anitwo{ width: 40%;}
    #particles-js-content, #particles-js-services{width: 41.5rem;height: 39.8rem;}
    #particles-js-services, #particles-js-customer{width: 30.9rem;height: 28rem;}
    .hire-soft-image-content-section section{ padding-left: 0;}
    .hire-soft-customer-content{ padding: 3rem;}
    .hire-soft-customer-content .hire-soft-banner-short-content p{ padding-bottom: 2rem;}
    .hire-soft-customer-lit-image{height: 46.6rem}
    .hire-soft-customer-lit-image img{ width: 100%; height: 100%; object-fit: cover;}
    .hire-soft-clutch-shape{ width: 22.0rem;}
    .hire-soft-forms-content{ padding-left: 4rem; padding-right: 4rem;width: 92%;}
    .hire-soft-form-loop{ margin-bottom: 3.6rem;}
    .hire-soft-services-list-loop-inner{ font-size: 1.6rem;}
    .short_content_team p{ font-size: 1.5rem; line-height: 2.4rem;}
    
    body.admin-bar .afrbg,.afrbg {height: 100%;overflow-x: hidden;}
    .afrsec{ width: 100%;}
    .afrformsec{padding: 2rem;}
    .afrcontsec {width: 49.1rem;}
   

}

@media (min-width: 992px) and (max-width: 1699px) {

    body.admin-bar .afrbg,.afrbg {height: 100%;overflow-x: hidden;}
    .afrsec{ width: 100%;}
    .afrcontsec {width:59.1rem;}
    .afrformsec{padding: 2.5rem;}
    .afrforhed h2{ font-size: 3rem;}
}

/* ===============================================================================================================================================================
                    Landing Hire Software Developers Page END
================================================================================================================================================================== */

/* ===============================================================================================================================================================
                    Template Landing Buildning Mobile Apps Developers Page Start
================================================================================================================================================================== */

.buildning-mobile-apps-header-wrapper {
    position: sticky;
    top: 0; 
    left: 0; 
    right: 0; 
    z-index: 12; 
    transition: var(--transition);
}
.buildning-mobile-apps-header-wrapper.stick {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #fbfbfb;
    animation: stickynav 1s;
}

body.admin-bar .buildning-mobile-apps-header-wrapper.stick{top: 3.2rem;}

@keyframes stickynav { from {transform: translateY(-25px);} to {transform: translateY(0px);} }

.page-template-template-landing-buildning-mobile-apps.logged-in .buildning-mobile-apps-header-wrapper.stick {
    top: 3.2rem;
}

.buildning-mobile-apps-header-wrapper.stick .buildning-mobile-apps-header-block {
    padding-top: 0;
}

.buildning-mobile-apps-header-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 6.5rem;
}
.buildning-mobile-apps-logo {
    width: 6.8rem;
    height: 5.7rem;
}
.buildning-mobile-apps-logo a img {
    width: 6.8rem;
    height: 5.7rem;
}
.buildning-mobile-apps-appointment-link {
    width: 32.1rem;
    height: 5.9rem;
    border: 0.1rem solid rgba(255, 88, 0, 1);
    border-radius: 5.3rem;
    position: relative;
    margin-right: 4rem;
    display: none;
}
.buildning-mobile-apps-header-wrapper.stick .buildning-mobile-apps-appointment-link {
    display: block;
}
.buildning-mobile-apps-appointment-link a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5.3rem;
    width: 100%;
    height: 100%;
    font-family: var(--buildmobilefont);
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: -2%;
    color: rgba(255, 88, 0, 1);
    position: relative;
}
.buildning-mobile-apps-appointment-icon {
    width: 6.4rem;
    height: 5.9rem;
    border-radius: 100%;
    background-color: rgba(6, 25, 67, 1);
    
    position: absolute;
    right: -4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.buildning-mobile-apps-appointment-icon img {
    width: 1.8rem;
    height: 1.8rem;
    transition: var(--transition);
}
.buildning-mobile-apps-appointment-link a:hover .buildning-mobile-apps-appointment-icon img {
    rotate: 90deg;
}

/* banner area start */
.buildning-mobile-apps-banner {
    padding-bottom: 14rem;
    overflow: hidden;
}
.buildning-mobile-apps-content {
    margin-top: 7.3rem;
}
.buildning-mobile-apps-content-heading h1 {
    font-family: var(--buildmobilefont);
    font-size: 11.5rem;
    font-weight: 700;
    line-height: 12.8rem;
    max-width: 84rem;
    width: 100%;
    margin-bottom: 1.3rem;
}
.buildning-mobile-apps-content-heading h1 span:first-child {
    background: -webkit-linear-gradient(156deg,#FF5800 -5.84%,#7F00F4 -11.21%,#000 37.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.buildning-mobile-apps-content-heading h1 span:last-child {
    background: -webkit-linear-gradient(156deg,#FF5800 9.16%,#7F00F4 24.79%,#000 60.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.buildning-mobile-apps-content-heading h2 {
    color: rgb(98, 98, 98);
    font-family: var(--buildmobilefont);
    font-size: 3.2rem;
    line-height: 4.2rem;
    font-weight: 700;
    letter-spacing: -0.96px;
}
.buildning-mobile-apps-content-heading h2 span {
    color: rgba(0, 0, 0, 1);
}
.clients-experienced {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    margin-top: 3rem;
}
.clients-experienced p {
    color: rgb(98, 98, 98);
    font-family: var(--buildmobilefont);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
    padding: 0;
}
.clients-experienced p span {
    color: rgba(0, 0, 0, 1);
    font-weight: 600;
}
.app-category-wrapper {
    margin-top: 6rem;
}
.app-category-wrapper p {
    font-family: var(--buildmobilefont);
    font-size: 1.8rem;
    font-weight: 600;
    line-height: normal;
    color: rgb(12, 146, 239);
    border-bottom: 0.1rem solid rgb(12, 146, 239);
    width: fit-content;
    padding: 0;
}
.land_webdesign_development  .app-category-wrapper p{ color: #000; border-bottom-color: #000;}
.app-category-block {
    margin-top: 1.7rem;
}
.app-category-block span {
    font-family: var(--buildmobilefont);
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    color: rgb(88, 90, 94);
    border-radius: 1rem;
    border: 0.1rem solid rgba(0, 0, 0, 0.22);
    padding: 0.8rem 1.2rem;
    display: inline-block;
    width: fit-content;
    margin: 0.4rem 0;
}

.buildning-mobile-apps-wrapper {
    position: relative;
}
.buildning-mobile-app-background-figure {
    position: absolute;
    width: 44%;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.buildning-mobile-apps-form-side .background-figure {
    position: absolute;
    right: 0;
    bottom: 0;
}
.buildning-mobile-apps-form-wrapper {
    background: linear-gradient(180deg, rgba(0, 0, 0, .5) 0%, rgba(255, 88, 0, 0) 100%);
    width: 40.2rem;
    margin-top: 4.3rem;
    margin-left: auto;
    border-radius: 4.1rem;
    padding: 0.1rem;
}
.buildning-mobile-apps-form {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4.1rem;
    width: 40rem;
    padding: 3rem 3rem 0 3rem;padding-bottom: 1rem;
    background-color: rgb(255, 255, 255);
}
.buildning-mobile-apps-form-heading {
    margin-bottom: 2.8rem;
}
.buildning-mobile-apps-form-heading h2 {
    font-family: var(--buildmobilefont);
    font-size: 4.3rem;
    font-weight: 700;
    line-height: normal;
    color: rgba(0, 0, 0, 1);
}
.buildning-mobile-apps-form-heading p {
    font-family: var(--buildmobilefont);
    font-size: 1.9rem;
    font-weight: 400;
    line-height: normal;
    color: rgba(98, 98, 98, 1);
}
.buildning-mobile-form {
    font-family: var(--buildmobileinput);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8rem;
    color: rgba(122, 124, 128, 1);
    width: 100%;
    height: 5rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    border-radius: 1.5rem;
    border: 0.1rem solid rgb(42 51 60 / 50%);
}
.buildning-mobile-form:focus-visible {
    outline: none;
}
.buildning-mobile-apps-form .selected-dial-code {
    font-family: var(--buildmobileinput);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8rem;
    color: rgba(0, 0, 0, 1);
}
.country-list {
    max-width: 34.0rem;
}
.buildning-mobile-apps-form .intl-tel-input .country-list{white-space: break-spaces;font-size: 1.5rem;
    line-height: 2.4rem;width: 100%; min-width: 340px;} 
.intl-tel-input.allow-dropdown .buildning-mobile-form {
    padding-left: 9.1rem !important;
}
.buildning-mobile-apps-form .form-input-group {
    margin-bottom: 1.3rem;
}
.buildning-mobile-apps-form .form-input-group .input-label {
    display: none;
}
.buildning-mobile-apps-form .form-input-group p {
    padding: 0;
}
.buildning-mobile-apps-form .form-input-group p br {
    display: none;
}
.buildning-mobile-submit-button {
    border: none;
    border-radius: 5.3rem;
    background-color: rgb(255, 88, 0);
    border: 0.1rem solid rgb(255, 88, 0);
    width: 100%;
    height: 5.8rem;
    font-family: var(--buildmobilefont);
    font-weight: 700;
    font-size: 2.2rem;
    line-height: normal;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    transition: var(--transition);
	margin-top: 2rem;
}
.buildning-mobile-submit-button:hover {
    color: rgb(255, 88, 0);
    background-color: rgba(255, 255, 255, 1);
    border: 0.1rem solid rgb(255, 88, 0);
}
.buildning-mobile-form.wpcf7-not-valid {
    border: 0.1rem solid rgba(255, 88, 0, 1);
}
.buildning-mobile-apps-form .form-input-group .wpcf7-not-valid-tip {
    display: none;
}
.buildning-mobile-apps-form .wpcf7 form .wpcf7-response-output {
    font-family: var(--buildmobilefont);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: normal;
    text-align: center;
    border: none !important;
    margin-top: 1rem;
}
.buildning-mobile-apps-form .wpcf7-spinner {
    margin: 0.6rem auto !important;
    display: block;
}
.buildning-mobile-apps-form p {
    padding: 0;
}
.wpcf7 form.sent .wpcf7-response-output{background-color: #46b450;border-color: #46b450; color: #FFF;}
.custom-file-label::before {
    content: "";
    background-image: url(https://masssoftwaresolutions.com/msscss/assets/css/../images/buildning-mobile-apps/file.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    width: 2rem;
    height: 2rem;
    border: none;
    left: 1.8rem;
    padding: 1.2rem;
}
.buildning-mobile-apps-form .custom-file-label {
    border: .1rem solid rgb(42 51 60/.5);
    width: 100%;
    padding-left: 5.4rem;
    height: 5rem;
    display: flex;
    align-items: center;
    border-radius: 1.5rem;
    left: 0;
    font-family: var(--buildmobileinput);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8rem;
    color: rgba(122, 124, 128, 1);
}
.buildning-mobile-apps-form .custom-file {
    display: block;
    padding-bottom: 0;
}
.selected-flag {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.buildning-mobile-apps-form .file-format {
    font-family: var(--buildmobileinput);
    font-size: 1.3rem;
    font-weight: 400;
    line-height: normal;
    color: rgba(122, 124, 128, 1);
    padding: 0;
    top: 0;
}

/* trusted partners area start */
.buildning-mobile-apps-partners-heading {
    margin-bottom: 4rem;
}
.buildning-mobile-apps-partners-heading h2 {
    font-family: var(--buildmobilefont);
    font-size: 2rem;
    font-weight: 500;
    line-height: normal;
    color: rgba(98, 98, 98, 1);
    text-transform: uppercase;
    letter-spacing: 10px;
    text-align: center;
    margin: 0;
}
.buildning-mobile-apps-partners-wrapper .swiper-wrapper {
    align-items: center;
    justify-content: space-between;
    text-align: center;
}
.buildning-mobile-apps-partners-wrapper .swiper-wrapper .swiper-slide {
    cursor: pointer;
}
.buildning-mobile-apps-partners-logo img {
    filter: grayscale(100%);
    transition: var(--transition);
    opacity: 40%;
}
.buildning-mobile-apps-partners-logo:hover img {
    filter: grayscale(0);
    opacity: 100%;
}
.buildning-mobile-apps-partners-logo svg {
    filter: grayscale(100%);
    transition: var(--transition);
    opacity: 40%;
}
.buildning-mobile-apps-partners-logo:hover svg {
    filter: grayscale(0);
    opacity: 100%;
}

/* trusted partners area start */
.buildning-mobile-apps-developers-heading h2 {
    font-family: var(--buildmobilefont);
    font-size: 5.5rem;
    font-weight: 700;
    line-height: 6.4rem;
    letter-spacing: -1.65px;
    margin: 0;
}
.buildning-mobile-apps-developers-heading h2 span:first-child {
    background: -webkit-linear-gradient(156deg,#FF5800 -4.84%,#7F00F4 7.79%,#ffffff 50.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.buildning-mobile-apps-developers-heading h2 span:last-child {
    background: -webkit-linear-gradient(156deg,#FF5800 -33.84%,#7F00F4 14.79%,#ffffff 22.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.buildning-mobile-apps-developers-content p {
    font-family: var(--buildmobilecontentfont);
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.3rem;
    color: rgb(255, 255, 255);
    padding: 0;
}

/* Developer technology area start */
.buildning-mobile-apps-developers-area {
    /* margin-bottom: 10rem; */
    margin-top: 10rem;
    background-color: rgb(0 148 234);
    padding-top: 10rem;
    padding-bottom: 10rem;
}
.buildning-mobile-apps-developers-technology-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
    margin-top: 5.4rem;
}

.buildning-mobile-apps-developers-technology-block {
    border-radius: 2.9rem;
    background-color: rgba(248, 248, 248, 1);
    padding: 2.3rem 1.8rem 3rem 2.5rem;
    border-top: 0.4rem solid transparent;
    transition: var(--transition);
}
/* .buildning-mobile-apps-developers-technology-block:hover {
    box-shadow: rgb(12 146 239 / 70%) 1.95px 1.95px 2.6px;
} */
.buildning-mobile-apps-developers-technology-block:hover {
    box-shadow: rgb(0 0 0 / 70%) 1.95px 1.95px 2.6px;
}
.technology-logo-wrapper {
    display: flex;
    justify-content: end;
    gap: 1.8rem;
    min-height: 5.1rem;
}
.technology-logo {
    text-align: right;
}
.technology-developers {
    margin-top: 1.5rem;
}
.technology-developers h3 {
    font-family: var(--buildmobilefont);
    font-size: 2.2rem;
    font-weight: 700;
    line-height: normal;
    color: rgba(0, 0, 0, 1);
    text-align: left;
    margin-bottom: 0.9rem;
}
.technology-developers span {
    font-family: var(--buildmobilefont);
    font-size: 1.8rem;
    font-weight: 400;
    line-height: normal;
    color: rgba(0, 0, 0, 1);
    text-align: left;
}
.lets-talk-button {
    margin-top: 5.1rem;
}
.lets-talk-button a {
    font-family: var(--buildmobilefont);
    font-size: 2.2rem;
    font-weight: 700;
    line-height: normal;
    /* color: rgba(255, 88, 0, 1);
    border: 0.1rem solid rgba(255, 88, 0, 1); */
    color: rgb(255, 255, 255);
    border: 0.1rem solid rgb(255, 255, 255);
    border-radius: 5.3rem;
    width: 20.1rem;
    height: 5.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    transition: var(--transition);
}
.lets-talk-button a:hover {
    /* color: rgb(12, 146, 239);
    border: 0.1rem solid rgb(12, 146, 239); */
    color: rgb(0, 0, 0);
    border: 0.1rem solid rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
}

/* Technology we use start */
.buildning-mobile-apps-technology-area {
    padding-top: 9.9rem;
    padding-bottom: 10rem;
    background-color: rgba(248, 248, 248, 1);
}
.buildning-mobile-apps-technology-heading {
    margin-bottom: 5.2rem;
}
.buildning-mobile-apps-technology-heading h2 {
    font-family: var(--buildmobilefont);
    font-size: 5.5rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    background: -webkit-linear-gradient(124deg,#FF5801 31.16%,#7F00F4 44%,#000 50.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}
@media (max-width: 991px) {
    .tab-content>.tab-pane {
      display: block;
      opacity: 1;
    }
}
.buildning-mobile-apps-technology-wrapper .accordion-body {
    padding: 0;
}
.buildning-mobile-apps-technology-wrapper .nav-tabs {
    justify-content: center;
    gap: 9.5rem;
    border: none;
    margin-bottom: 4.4rem;
}
.buildning-mobile-apps-technology-wrapper .nav-tabs .nav-link {
    font-family: var(--buildmobilefont);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: normal;
    color: rgba(176, 176, 182, 1);
    border-radius: unset;
    padding: 0;
    border: none;
    transition: var(--transition);
}
.buildning-mobile-apps-technology-wrapper .nav-tabs .nav-link.active {
    background-color: transparent;
    border-color: transparent;
    font-family: var(--buildmobilefont);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: normal;
    color: rgba(0, 0, 0, 1);
}
.buildning-mobile-apps-technology-wrapper .nav-tabs .nav-link:hover {
    color: rgba(0, 0, 0, 1);
    border-color: transparent;
}
.buildning-mobile-apps-technology-wrapper .accordion-item {
    border: none;
    background-color: transparent;
    margin-bottom: 0.4rem;
}
.buildning-mobile-apps-technology-wrapper .accordion-item.active {
    border: none;
    background-color: transparent;
}
.technology-wrapper {
    display: flex;
    justify-content: center;
    gap: 2.2rem;
}
.technology-block {
    background-color: rgba(255, 255, 255, 1);
    width: 27.5rem;
    height: 24rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 2rem;
}
.technology-icon {
    margin-bottom: 2.8rem;
}
.technology-block p {
    font-family: var(--buildmobilefont);
    font-size: 1.8rem;
    font-weight: 400;
    line-height: normal;
    color: rgba(0, 0, 0, 1);
    text-align: center;
    padding: 0;
}

/* Success Stories Area Start */
.buildning-mobile-apps-stories {
    padding-top: 10rem;
    padding-bottom: 10rem;
    position: relative;
}
.buildning-mobile-apps-stories-bg-shadow {
    position: absolute;
    top: 5.6rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.buildning-mobile-apps-stories-counter-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6.4rem;
}
.buildning-mobile-apps-stories-counter-wrapper .item span {
    font-family: var(--buildmobilefont);
    font-size: 4rem;
    font-weight: 600;
    line-height: normal;
    color: rgba(0, 0, 0, 1);
}
.buildning-mobile-apps-stories-counter-wrapper h4 {
    font-family: var(--buildmobilefont);
    font-size: 2.2rem;
    font-weight: 500;
    line-height: normal;
    color: rgba(0, 0, 0, 1);
    margin-top: 1.2rem;
    margin-bottom: 0;
    position: relative;
}
.buildning-mobile-apps-stories-counter-wrapper h4::after {
    content: "";
    position: absolute;
    bottom: -1.2rem;
    left: 0;
    width: 125%;
    height: 0.1rem;
    background-color: rgba(0, 0, 0, 1);
}
.buildning-mobile-apps-stories-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 7.3rem 0 12.3rem;
    gap: 15.8rem;
    margin-top: 9.2rem;
}
.buildning-mobile-apps-stories-content-block {
    width: 50%;
}
.buildning-mobile-apps-stories-content-heading {
    margin-bottom: 5.7rem;
}
.buildning-mobile-apps-stories-content-heading h2 {
    font-family: var(--buildmobilefont);
    font-size: 4.5rem;
    font-weight: 700;
    line-height: normal;
    background: -webkit-linear-gradient(124deg, #FF5801 38.16%, #7F00F4 50%, #000 96.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}
.buildning-mobile-apps-stories-figure-block {
    width: 50%;
    position: relative;
}
.buildning-mobile-apps-stories-figure-block::after {
    content: "";
    position: absolute;
    top: -2rem;
    left: -3rem;
    width: 6.5rem;
    height: 6.5rem;
    background-color: rgba(0, 0, 0, 1);
    background-image: var(--wpr-bg-163c8439-27e6-4e66-9822-c9dc3cc49fda);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100%;
}
.buildning-mobile-apps-stories-figure {
    width: 100%;
    height: auto;
    border-radius: 2rem;
    overflow: hidden;
}
.buildning-mobile-apps-stories-figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.buildning-mobile-apps-stories-content-block p {
    font-family: var(--buildmobileinput);
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 24px;
    color: #26393f;
    padding: 0;
    margin-bottom: 2.6rem;
}
.buildning-mobile-apps-stories-content-block span {
    font-family: var(--buildmobileinput);
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.1rem;
    color: rgba(38, 57, 63, 1);
}
.buildning-mobile-apps-stories-content-block span strong {
    display: block;
    font-weight: 700;
}
.buildning-mobile-apps-award-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 7.3rem;
    padding-left: 10rem;
    margin-top: 6rem;
}
.success-stories-slider-wrapper {
    position: relative;
}
.success-stories-slider-wrapper .swiper-pagination-bullets {
    bottom: -4rem;
    text-align: left;
}
.success-stories-slider-wrapper .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
}


/* Our Services Area Start */
.buildning-mobile-apps-services-area {
    padding-top: 9.8rem;
    padding-bottom: 9.1rem;
    background-color: rgba(248, 248, 248, 1);
}
.buildning-mobile-apps-services-heading h2 {
    font-family: var(--buildmobilefont);
    font-size: 5.5rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    background: -webkit-linear-gradient(124deg,#FF5801 31.16%,#7F00F4 44%,#000 50.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}
.buildning-mobile-apps-services-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 6rem;
}
.buildning-mobile-apps-service {
    width: 25.3rem;
    min-height: 47.5rem;
    max-height: 47.5rem;
    padding: 2.8rem;
    border-radius: 2.2rem;
    border: 0.1rem solid rgba(176, 176, 182, 1);
    cursor: pointer;
    transition: var(--transition);
}
.buildning-mobile-apps-service-icon {
    text-align: end;
    min-height: 6.8rem;
    transition: var(--transition);
}
.buildning-mobile-apps-service-icon img {
    opacity: 40%;
}
.buildning-mobile-apps-service-content-heading {
    min-height: 11.5rem;
    display: flex;
    align-items: flex-end;
}
.buildning-mobile-apps-service-content-heading h3 {
    font-family: var(--buildmobilefont);
    font-size: 2.2rem;
    font-weight: 600;
    line-height: normal;
    color: rgba(0, 0, 0, 1);
    margin: 0;
    transition: var(--transition);
}
.buildning-mobile-apps-services-content {
    margin-top: 38px;
}
.buildning-mobile-apps-services-content p {
    font-family: var(--buildmobileinput);
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.4rem;
    color: #26393f;
    padding: 0;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    transition: var(--transition);
}
.buildning-mobile-apps-service:hover {
    background-color: rgba(0, 0, 0, 1);
}
.buildning-mobile-apps-service:hover .buildning-mobile-apps-service-icon img {
    opacity: 100%;
    filter: brightness(0) invert(1);
}
.buildning-mobile-apps-service:hover .buildning-mobile-apps-service-content-heading h3 {
    color: rgb(255, 255, 255);
}
.buildning-mobile-apps-service:hover .buildning-mobile-apps-services-content p {
    color: rgb(255, 255, 255);
}
.buildning-mobile-apps-services-contact-btn {
    margin-top: 6.5rem;
}
.buildning-mobile-apps-services-contact-btn a {
    font-family: var(--buildmobilefont);
    font-size: 2.2rem;
    font-weight: 700;
    line-height: normal;
    color: rgb(255, 255, 255);
    border: 0.1rem solid rgb(0 148 234);
    background-color: rgb(0 148 234);
    border-radius: 5.3rem;
    width: 20.1rem;
    height: 5.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    transition: var(--transition);  
}
.buildning-mobile-apps-services-contact-btn a:hover {
    color: rgb(255, 255, 255);
    border: 0.1rem solid rgb(0, 0, 0);
    background-color: rgb(0, 0, 0);
}

/* Stage of App Development Start */
.buildning-mobile-apps-development-area {
    margin-top: 10rem;
    position: relative;
}
.background-line-draw-block {
    width: 100%;
    height: 108px;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.background-line-draw-block svg {
    width: 100%;
    height: 100%;
}
.buildning-mobile-apps-development-heading h2 {
    font-family: var(--buildmobilefont);
    font-size: 5.5rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    background: -webkit-linear-gradient(124deg,#FF5801 31.16%,#7F00F4 44%,#000 50.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}
.buildning-mobile-apps-development-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.7rem;
    margin-top: 6rem;
}
.buildning-mobile-apps-development {
    position: relative;
}
.building-mobile-apps-development-caption {
    font-family: var(--buildmobilefont);
    font-size: 5.5rem;
    font-weight: 700;
    position: absolute;
    text-align: center;
    top: 4.3rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    gap: 2.9rem;
}
.building-mobile-apps-development-caption span {
    font-size: 2.2rem;
    line-height: normal;
    font-weight: 600;
}
.buildning-mobile-apps-development:nth-of-type(odd) .building-mobile-apps-development-caption {
    color: rgba(127, 0, 244, 1);
}
.buildning-mobile-apps-development:nth-of-type(even) .building-mobile-apps-development-caption {
    color: rgba(255, 88, 0, 1);
}
.bottom-shadow-block {
    width: 100%;
    height: 4.6rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.bottom-shadow-block svg {
    width: 100%;
    height: auto;
}

/* Our Portfolio Area Start */
.buildning-mobile-apps-portfolio-area {
    margin-top: 14.4rem;
    margin-bottom: 3.1rem;
}
.buildning-mobile-apps-portfolio-heading {
    margin-bottom: 6rem;
}
.buildning-mobile-apps-portfolio-heading h2 {
    font-family: var(--buildmobilefont);
    font-size: 5.5rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    background: -webkit-linear-gradient(124deg,#FF5801 31.16%,#7F00F4 44%,#000 50.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}

/* Expertise Area Start */
.buildning-mobile-apps-expertise-area {
    padding: 13.7rem 6.5rem;
    background-color: rgba(7, 7, 7, 1);
}
.buildning-mobile-apps-expertise-content h2 {
    font-family: var(--buildmobilefont);
    font-size: 5.5rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin-bottom: 1.9rem;
    color: rgb(255, 255, 255);
}
.buildning-mobile-apps-expertise-content p {
    font-family: var(--buildmobilecontentfont);
    font-size: 1.8rem;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    color: rgb(255, 255, 255);
    padding: 0;
}
.buildning-mobile-apps-expertise-enquire {
    margin-top: 5.4rem;
}
.buildning-mobile-apps-expertise-enquire a {
    font-family: var(--buildmobilefont);
    font-size: 2.2rem;
    font-weight: 700;
    line-height: normal;
    color: rgb(255, 255, 255);
    border-radius: 53px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
    padding: 0 6.6rem;
    background-color: rgba(255, 88, 0, 1);
    transition: var(--transition);
}
.buildning-mobile-apps-expertise-enquire a:hover {
    color: rgba(255, 88, 0, 1);
    background-color: rgb(255, 255, 255);
}

/* Footer Area Start */
.buildning-mobile-apps-footer-area {
    padding-top: 5.4rem;
    padding-bottom: 5.1rem;
}
.buildning-mobile-apps-footer-wrapper {
    text-align: center;
}
.buildning-mobile-apps-footer-wrapper a {
    width: fit-content;
    display: inline-block;
}
.buildning-mobile-apps-footer-logo {
    text-align: center;
}
.buildning-mobile-apps-footer-social-media {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.2rem;
    margin-top: 3.5rem;
    margin-bottom: 1.6rem;
}
.buildning-mobile-apps-footer-wrapper a svg path{ fill: #B0B0B6;}
.buildning-mobile-apps-footer-wrapper a:hover svg path{ fill: #0C92EF;}
.buildning-mobile-apps-footer-social-media a img {
    filter: grayscale(100%);
    transition: var(--transition);
}
.buildning-mobile-apps-footer-social-media a:hover img {
    filter: grayscale(0);
}
.buildning-mobile-apps-footer-text p {
    font-family: var(--buildmobilecontentfont);
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    color: rgba(0, 0, 0, 1);
    text-align: center;
    padding: 0;
}

.land_webdesign_development .container{max-width: 90%;}
.land_webdesign_development .buildning-mobile-apps-banner{ overflow: visible;}
.land_webdesign_development .buildning-mobile-app-background-figure{width: 33%;right: 0;bottom: auto;top: -15%;}
.land_webdesign_development .buildning-mobile-apps-developers-area{ background-color: #7768FF;}
.land_webdesign_development .buildning-mobile-apps-developers-heading h2 span:first-child,.land_webdesign_development .buildning-mobile-apps-developers-heading h2 span:last-child{background: linear-gradient(104deg, #FFF 18.34%, #F8F552 75.67%);background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.land_webdesign_development .buildning-mobile-apps-developers-technology-block{display: flex;align-items: flex-end; min-height: 17.8rem;}
.land_webdesign_development .technology-logo-wrapper{ display:block; min-height: min-content;width: 11.6rem;}
.land_webdesign_development .technology-logo-wrapper  .technology-logo{ text-align: center;}
.land_webdesign_development .technology-developers{ margin-top: 0;}

.land_webdesign_development .buildning-mobile-apps-developers-technology-block:hover {box-shadow: rgb(0 0 0 / 15%) 8.95px 12.95px 10.6px;}
.land_webdesign_development .lets-talk-button a,.land_webdesign_development .buildning-mobile-apps-services-contact-btn a{ background-color: #FF5800; border-color: #FF5800;}
.land_webdesign_development .lets-talk-button a:hover,.land_webdesign_development .buildning-mobile-apps-services-contact-btn a:hover{ background-color:#FFF; color: #FF5800; border-color: #FFF; }
.land_webdesign_development .buildning-mobile-apps-services-contact-btn a:hover{ background-color: #000; border-color: #000; color: #FFF;}

.land_webdesign_development .buildning-mobile-apps-developers-area { position: relative; overflow: hidden;}
.land_webdesign_development .buildning-mobile-apps-developers-area .container{ position: relative; z-index: 2;}
.land_webdesign_development_bot_text{position: absolute;bottom: -39px;letter-spacing: 4.52px;color: #6959FA;font-size: 13.50vw;font-weight: 700;font-family: var(--buildmobilefont);display: block;width: 100%;line-height: 13.50vw;text-align: center;white-space: nowrap;}
.mass_stages_sec{ text-align: center;padding:9rem 0;}
.land_webdesign_development  .buildning-mobile-apps-portfolio-area{ margin-top: 0;}
.land_webdesign_development  .buildning-mobile-apps-expertise-area{position: relative; overflow: hidden;}
.land_webdesign_development  .buildning-mobile-apps-expertise-area svg{ position:absolute; width: 100%; left: 0; right: 0; height:90%; top: 50%; transform: translateY(-50%);}
.land_webdesign_development  .buildning-mobile-apps-expertise-area .container{ position: relative; z-index: 2;}
.mass_stages_sec_img_for_mobile{ display: none;}

/* Responsive Start */
@media only screen and (max-width: 1399px) {
    .buildning-mobile-apps-content-heading h1 {
        font-size: 10.5rem;
        line-height: 10.8rem;
    }
    .buildning-mobile-apps-developers-heading h2 {
        font-size: 5rem;
        line-height: 5.4rem;
    }
    .buildning-mobile-apps-technology-heading h2 {
        font-size: 5rem;
    }
    .buildning-mobile-apps-stories-counter-wrapper .item span {
        font-size: 3.6rem;
    }
    .buildning-mobile-apps-stories-content-heading h2 {
        font-size: 4rem;
    }
    .buildning-mobile-apps-services-heading h2 {
        font-size: 5rem;
    }
    .buildning-mobile-apps-development-heading h2 {
        font-size: 5rem;
    }
    .building-mobile-apps-development-caption {
        font-size: 5rem;
        gap: 2.4rem;
    }
    .buildning-mobile-apps-portfolio-heading h2 {
        font-size: 5rem;
    }
    .buildning-mobile-apps-expertise-content h2 {
        font-size: 5rem;
    }
}
@media only screen and (max-width: 1199px) {
    .buildning-mobile-apps-content-heading h1 {
        font-size: 7.5rem;
        line-height: 7.8rem;
    }
    .buildning-mobile-app-background-figure {
        right: -28rem;
        height: 58.4rem;
    }
    .buildning-mobile-apps-developers-heading h2 {
        font-size: 4.2rem;
        line-height: 4.8rem;
    }
    .buildning-mobile-apps-technology-heading h2 {
        font-size: 4.2rem;
    }
    .buildning-mobile-apps-stories-counter-wrapper .item span {
        font-size: 3rem;
    }
    .buildning-mobile-apps-stories-content-heading h2 {
        font-size: 3.2rem;
    }
    .buildning-mobile-apps-services-heading h2 {
        font-size: 4.2rem;
    }
    .buildning-mobile-apps-development-heading h2 {
        font-size: 4.2rem;
    }
    .bottom-shadow-block {
        height: 1.6rem;
    }
    .buildning-mobile-apps-portfolio-heading h2 {
        font-size: 4.2rem;
    }
    .buildning-mobile-apps-expertise-content h2 {
        font-size: 4.2rem;
    }
}
@media only screen and (max-width: 991px) {
    .land_webdesign_development .container{ max-width: 100%;}
    .land_webdesign_development .buildning-mobile-app-background-figure{ display: none;}
    .buildning-mobile-apps-appointment-link {
        width: 27rem;
        height: 5rem;
    }
    .buildning-mobile-apps-appointment-link a {
        font-size: 2rem;
    }
    .buildning-mobile-apps-appointment-icon {
        width: 5.2rem;
        height: 4.9rem;
    }
    .buildning-mobile-apps-wrapper .col-7 {
        width: 100%;
    }
    .buildning-mobile-apps-wrapper .col-5 {
        width: 100%;
    }
    .buildning-mobile-apps-content-heading h1 {
        font-size: 6.5rem;
        line-height: 6.8rem;
    }
    .buildning-mobile-apps-content-heading h1 span:last-child {
        display: block;
        background: -webkit-linear-gradient(156deg,#FF5800 48.16%,#7F00F4 61.79%,#000 92.88%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .buildning-mobile-apps-form-wrapper {
        width: 80%;
        margin: 4.3rem auto;
    }
    .buildning-mobile-apps-form {
        width: 100%;
    }
    .buildning-mobile-app-background-figure {
        right: -12rem;
    }
    .buildning-mobile-apps-developers-heading h2 {
        font-size: 3.2rem;
        line-height: 3.8rem;
    }
    .buildning-mobile-apps-developers-technology-wrapper {
        grid-template-columns: repeat(2,1fr);
    }
    .buildning-mobile-apps-technology-heading h2 {
        font-size: 3.2rem;
    }
    .buildning-mobile-apps-technology-wrapper .accordion-button {
        font-family: var(--buildmobilefont);
        font-size: 1.6rem;
        font-weight: 500;
        line-height: normal;
        color: rgb(0, 0, 0);
        padding: 1.2rem;
        border: 0.1rem solid rgb(229 229 229);
    }
    .buildning-mobile-apps-technology-wrapper .accordion-button:focus {
        box-shadow: none;
    }
    .buildning-mobile-apps-technology-wrapper .accordion-button:focus-visible {
        outline: none;
    }
    .buildning-mobile-apps-technology-wrapper .button:focus:not(:focus-visible) {
        outline: none;
    }
    .buildning-mobile-apps-technology-wrapper .accordion-button:not(.collapsed)::after {
        filter: brightness(100) invert(1);
    }
    .buildning-mobile-apps-technology-wrapper .accordion-body {
        padding: 2rem;
        border-right: 0.1rem solid rgb(229 229 229);
        border-bottom: 0.1rem solid rgb(229 229 229);
        border-left: 0.1rem solid rgb(229 229 229);
    }
    .buildning-mobile-apps-technology-wrapper .accordion-button:not(.collapsed) {
        background-color: rgb(255, 255, 255);
        box-shadow: none;
    }
    .technology-block {
        width: 20rem;
        height: 20rem;
    }
    .buildning-mobile-apps-stories-counter-wrapper {
        padding: 0 4.4rem;
    }
    .buildning-mobile-apps-stories-counter-wrapper .item span {
        font-size: 2.4rem;
    }
    .buildning-mobile-apps-stories-counter-wrapper h4 {
        font-size: 1.8rem;
        margin-top: 1rem;
    }
    .buildning-mobile-apps-stories-wrapper {
        padding: 0;
        gap: 7.8rem;
        flex-direction: column;
    }
    .buildning-mobile-apps-stories-content-block {
        width: 100%;
    }
    .buildning-mobile-apps-stories-content-heading {
        margin-bottom: 3.7rem;
    }
    .buildning-mobile-apps-stories-content-heading h2 {
        font-size: 2.8rem;
        background: -webkit-linear-gradient(124deg, #FF5801 60.16%, #7F00F4 76%, #000 90.88%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .buildning-mobile-apps-services-heading h2 {
        font-size: 3.2rem;
    }
    .buildning-mobile-apps-development-heading h2 {
        font-size: 3.2rem;
    }
    .building-mobile-apps-development-caption {
        font-size: 3rem;
        gap: 0.4rem;
    }
    .building-mobile-apps-development-caption span {
        font-size: 1.5rem;
    }
    .buildning-mobile-apps-portfolio-area {
        margin-top: 10.4rem;
    }
    .buildning-mobile-apps-portfolio-heading {
        margin-bottom: 3rem;
    }
    .buildning-mobile-apps-portfolio-heading h2 {
        font-size: 3.2rem;
    }
    .buildning-mobile-apps-expertise-content h2 {
        font-size: 3.2rem;
    }
    .buildning-mobile-apps-expertise-area {
        padding: 10rem 6.5rem;
    }
    .buildning-mobile-apps-expertise-enquire {
        margin-top: 5.4rem;
    }
}
@media only screen and (max-width: 767px) {
    .buildning-mobile-apps-header-wrapper {
        padding: 0 1.8rem;
    }
    .buildning-mobile-apps-header-block {
        padding-top: 1.6rem;
    }
    .buildning-mobile-apps-content {
        margin-top: 5.3rem;
    }
    .buildning-mobile-apps-appointment-link {
        width: 20rem;
        height: 4rem;
    }
    .buildning-mobile-apps-appointment-link a {
        font-size: 1.6rem;
    }
    .buildning-mobile-apps-appointment-icon {
        width: 4.2rem;
        height: 3.9rem;
        right: -3.4rem;
    }
    .buildning-mobile-apps-appointment-icon svg {
        width: 1.4rem;
        height: auto;
    }
    .buildning-mobile-apps-wrapper {
        padding: 0 1.8rem;
    }
    .buildning-mobile-apps-content-heading h1 {
        font-size: 4.5rem;
        line-height: 4.8rem;
    }
    .buildning-mobile-apps-content-heading h2 {
        font-size: 2rem;line-height: 2.4rem;
    }
    /* .buildning-mobile-apps-form .intl-tel-input .country-list {
        min-width: 20.5rem;
    } */
    .clients-experienced {
        align-items: baseline;
    }
    .clients-experienced p {
        font-size: 1.3rem;
    }
    .app-category-wrapper {
        margin-top: 4rem;
    }
    .app-category-wrapper p {
        font-size: 1.5rem;
    }
    .app-category-block span {
        font-size: 1.5rem;
        padding: 0.6rem 1rem;
    }
    .buildning-mobile-apps-form-wrapper {
        width: 90%;
        margin: 3.2rem auto;
    }
    .buildning-mobile-apps-form-heading h2 {
        font-size: 2.8rem;
    }
    .buildning-mobile-apps-form-heading p {
        font-size: 1.5rem;
    }
    .buildning-mobile-form {
        font-size: 1.5rem;
        line-height: 1.6rem;
        height: 4.4rem;
    }
    .buildning-mobile-apps-form .custom-file-label {
        padding-left: 0;
        height: 4.4rem;
        font-size: 1.5rem;
        line-height: 1.6rem;
    }
    .buildning-mobile-apps-form-wrapper .custom-file-label::before {
        position: static;
        transform: none;
        padding: 0;
        display: block;
        width: 15%;
        margin-bottom: 0;
        height: 3rem;
    }
    .buildning-mobile-submit-button {
        height: 4.9rem;
        font-size: 1.5rem;
    }
    .buildning-mobile-app-background-figure {
        right: -20rem;
        height: 46.4rem;
        bottom: -8.4rem;
    }
    .buildning-mobile-apps-banner {
        padding-bottom:4rem;
    }
    .buildning-mobile-apps-partners-heading h2 {
        font-size: 1.6rem;letter-spacing: 5px;
    }
    .buildning-mobile-apps-developers-area .col-6 {
        width: 100%;
    }
    .buildning-mobile-apps-developers-area {
        padding: 4rem 1.8rem;margin-top: 5rem;
    }
    .buildning-mobile-apps-developers-heading {
        margin-bottom: 3rem;
    }
    .buildning-mobile-apps-developers-heading h2 {
        font-size: 2.8rem;
        line-height: 3.2rem;
    }
    .buildning-mobile-apps-developers-heading h2 span:last-child {
        background: -webkit-linear-gradient(156deg,#FF5800 63%,#7F00F4 80%,#000 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: block;
    }
    .buildning-mobile-apps-developers-content p {
        font-size: 1.5rem;
        line-height: 2.8rem
    }
    .technology-logo {
        width: 3.2rem;
        height: 3.2rem;
    }
    .technology-logo img {
        width: 100%;
        height: 100%;
    }
    .technology-developers h3 {
        font-size: 1.8rem;
        margin-bottom: 0.4rem;
    }
    .technology-developers span {
        font-size: 1.5rem;
    }
    .lets-talk-button {
        margin-top: 3.1rem;
    }
    .lets-talk-button a {
        font-size: 1.5rem;
        width: 18.1rem;
        height: 4.9rem;
    }
    .buildning-mobile-apps-technology-area {
        padding-top: 5.9rem;
        padding-bottom: 5rem;
        padding-right: 1.8rem;
        padding-left: 1.8rem;
    }
    .buildning-mobile-apps-technology-heading {
        margin-bottom: 3.2rem;
    }
    .buildning-mobile-apps-technology-heading h2 {
        font-size: 2.8rem;
    }
    .technology-block {
        height: 167px;
        width: 50%;
        padding: 0 0.6rem;
        background-color: transparent;
        overflow: hidden;
        align-items: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1rem;
    }
    .technology-block-inner{background-color: #FFF;
        width: 100%;
        text-align: center;
        border-radius: 2rem;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;}
    .technology-icon {
        width: 52%;
        height: auto;
        margin-bottom: 1.8rem;
        margin-left: auto;
        margin-right: auto;
    }
    .technology-icon img {
        width: auto;
        height: auto;
    }
    .technology-block p {
        font-size: 1.5rem;
    }
    .buildning-mobile-apps-technology-wrapper .accordion-button {
        font-size: 1.5rem;
    }
    .buildning-mobile-apps-stories {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .buildning-mobile-apps-stories-counter-wrapper .item span {
        font-size: 1.8rem;
    }
    .buildning-mobile-apps-stories-counter-wrapper h4 {
        font-size: 1.5rem;
        margin-top: 0.5rem;
    }
    .buildning-mobile-apps-stories-counter-wrapper h4::after {
        bottom: -0.8rem;
        width: 100%;
    }
    .buildning-mobile-apps-stories-wrapper {
        padding: 0 1.8rem;
        gap: 8.8rem;
        margin-top: 5.2rem;
    }
    .success-stories-slider-wrapper .swiper-pagination-bullets {
        display: flex;
        justify-content: center;
    }
    .buildning-mobile-apps-stories-content-block p {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .buildning-mobile-apps-award-wrapper {
        gap: 20px;
        margin-top: 4rem;
    }
    .buildning-mobile-apps-services-area {
        padding-top: 5.8rem;
        padding-bottom: 5.1rem;
    }
    .buildning-mobile-apps-services-heading h2 {
        font-size: 2.8rem;
    }
    .buildning-mobile-apps-services-wrapper {
        margin-top: 3rem;
    }
    
    .buildning-mobile-apps-service-icon {
        min-height: 3.8rem;
    }
    .buildning-mobile-apps-service-content h3 {
        font-size: 2rem;
        margin-bottom: 2rem;
    }
    .buildning-mobile-apps-service-content p {
        font-size: 1.5rem;
        line-height: 2.2rem;
    }
    .buildning-mobile-apps-development-area {
        margin-top: 5rem;
        padding: 0 1.8rem;
    }
    .buildning-mobile-apps-development-heading h2 {
        font-size: 2.8rem;
    }
    .buildning-mobile-apps-development-wrapper {
        flex-wrap: wrap;
        margin-top: 4rem;
    }
    .buildning-mobile-apps-development {
        width: 50%;
        margin: 0 auto;
    }
    .building-mobile-apps-development-caption {
        font-size: 5rem;
        gap: 2.4rem;
        top: 6.3rem;
    }
    .building-mobile-apps-development-caption span {
        font-size: 2.4rem;
    }
    .background-line-draw-block {
        display: none;
    }
    .buildning-mobile-apps-portfolio-heading h2 {
        font-size: 2.8rem;
    }
    .buildning-mobile-apps-expertise-area {
        padding: 5rem 4.5rem;
    }
    .buildning-mobile-apps-expertise-content h2 {
        font-size: 2.8rem;
    }
    .buildning-mobile-apps-expertise-content p {
        font-size: 1.5rem;
    }
    .buildning-mobile-apps-expertise-enquire {
        margin: 4.4rem;
    }
    .buildning-mobile-apps-expertise-enquire a {
        font-size: 1.6rem;
        height: 50px;
        padding: 0 3.6rem;
    }

    .land_webdesign_development .buildning-mobile-apps-form-wrapper, .land_webdesign_development .buildning-mobile-apps-form{ border-radius: 3rem;}
    .land_webdesign_development .buildning-mobile-apps-developers-technology-block{display: flex;align-items: center;flex-direction: column;justify-content: center; text-align: center;border-radius: 1.5rem;}
    .land_webdesign_development .technology-logo-wrapper{ width: auto;}
    .land_webdesign_development .technology-logo-wrapper .technology-logo{ width:auto; height: auto; margin-bottom: 2rem;}
    .land_webdesign_development .buildning-mobile-apps-developers-technology .technology-developers h3{ text-align: center;}
    .land_webdesign_development .buildning-mobile-apps-developers-technology-wrapper{ display: flex; flex-wrap: wrap; margin-inline: -0.6rem; gap: 0;}
    .land_webdesign_development .buildning-mobile-apps-developers-technology{ width: 50%; padding-inline: 0.6rem; margin-bottom: 1rem;}
    .mass_stages_sec{ padding: 4rem 0;}
    .mass_stages_sec_img_for_desk{ display: none;}
    .mass_stages_sec_img_for_mobile{ display: block;}
    .mass_stages_sec figure{ display: inline-block;}

    .land_webdesign_development .buildning-mobile-apps-services-wrapper{padding-left: 1.8rem;padding-right: 1.8rem;}
    .land_webdesign_development  .buildning-mobile-apps-service{ width: 100%;}
    .buildning-mobile-apps-logo{width: 3.8rem; height: auto;}
    .land_webdesign_development_bot_text{bottom: -12px;}
}

@media (min-width: 577px) and (max-width: 991.98px) { 
   .land_webdesign_development .buildning-mobile-apps-developers-technology{  width: 33.33%;}
   .buildning-mobile-apps-services-wrapper{ gap: 0;justify-content: space-around;}
   .land_webdesign_development .buildning-mobile-apps-service{ width: 47%; margin-bottom: 1.5rem;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .land_webdesign_development .container{max-width: 720px;}
    .land_webdesign_development .buildning-mobile-apps-developers-technology-wrapper{ display: flex; flex-wrap: wrap; gap: 0;margin-bottom: 2rem;}
    .land_webdesign_development .buildning-mobile-apps-developers-technology-block{ flex-direction: column;justify-content: center;align-items: center;}
    .land_webdesign_development .technology-logo-wrapper{ margin: auto;}
    .land_webdesign_development .technology-developers{ text-align:center;}
    .land_webdesign_development .buildning-mobile-apps-developers-technology-wrapper{gap: 0;margin-inline: -0.8rem;}
    .land_webdesign_development .buildning-mobile-apps-developers-technology{padding: 0 0.8rem;}
}



@media only screen and (max-width: 480px) {
    .buildning-mobile-apps-appointment-link {
        width: 16rem;
        height: 3.4rem;
    }
    .buildning-mobile-apps-appointment-link a {
        font-size: 1.2rem;
    }
    .buildning-mobile-apps-appointment-icon {
        width: 3.2rem;
        height: 2.9rem;
        right: -2.4rem;
    }
    .buildning-mobile-apps-appointment-icon img {
        width: 1rem;
        height: 1rem;
    }
    .buildning-mobile-apps-content-heading h1 {
        font-size: 3.6rem;
        line-height: 4rem;
    }
    .buildning-mobile-apps-content-heading h2 {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
    .clients-experienced {
        margin-top: 2rem;
    }
    .clients-experienced p {
        font-size: 1.2rem;
    }
    .buildning-mobile-apps-form-wrapper {
        width: 100%;
    }
    .buildning-mobile-apps-form-heading h2 {
        font-size: 2.4rem;
    }
    .buildning-mobile-form {
        height: 4rem;
    }
    .buildning-mobile-apps-form .custom-file-label {
        height: 4rem;
    }
    .buildning-mobile-apps-developers-heading h2 {
        text-align: center;
    }
    .buildning-mobile-apps-developers-heading h2 span:last-child {
        background: -webkit-linear-gradient(156deg,#FF5800 36%,#7F00F4 45%,#000 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: block;
    }
    .buildning-mobile-apps-developers-content p {
        text-align: center;
    }
    .buildning-mobile-apps-developers-technology-wrapper {
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
        margin-top: 3.4rem;
    }
    .lets-talk-button a {
        height: 4.4rem;
    }
    .technology-wrapper {
        flex-wrap: wrap;gap: 0; margin: 0 -0.6rem;
    }
    .buildning-mobile-apps-stories-counter-wrapper {
        gap: 4rem;
        flex-direction: row;
        text-align: center;
        flex-wrap: wrap;
        justify-content: center;
    }
    .buildning-mobile-apps-stories-content-heading {
        margin-bottom: 2rem;
    }
    .buildning-mobile-apps-stories-content-heading h2 {
        background: -webkit-linear-gradient(124deg,#FF5801 18.16%,#7F00F4 62%,#000 90.88%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: center;
    }
    .buildning-mobile-apps-stories-content-block p {

        text-align: center;
    }
    .buildning-mobile-apps-stories-content-block span {
        font-size: 1.5rem;
        text-align: center;
        display: block;
    }
    .buildning-mobile-apps-stories-figure-block {
        width: 75%;
    }
    .buildning-mobile-apps-award-wrapper {
        padding-right: 3.2rem;
        padding-left: 3.2rem;
    }
    .building-mobile-apps-development-caption {
        font-size: 4rem;
        gap: 2rem;
        top: 3.3rem;
    }
    .building-mobile-apps-development-caption span {
        font-size: 2rem;
    }
    .buildning-mobile-apps-expertise-area {
        padding: 5rem 1.8rem;
    }
    .buildning-mobile-apps-expertise-enquire {
        margin: 4.4rem 4.4rem 0 4.4rem;
    }
    .buildning-mobile-apps-expertise-enquire a {
        font-size: 1.5rem;
        height: 45px;
    }
    .buildning-mobile-apps-footer-text p {
        font-size: 1.3rem;
    }
    
}


@media (min-width: 992px) and (max-width: 1199px) {
    .land_webdesign_development .container{max-width: 960px;}
    .buildning-mobile-apps-technology-wrapper .nav-tabs{gap: 4rem;}
    .land_webdesign_development .technology-logo-wrapper{width: 6.6rem;margin-right: 2rem;}
    .buildning-mobile-apps-wrapper .col-lg-8{ width: 56%;}
    .buildning-mobile-apps-wrapper .col-lg-4{ width: 44%;}
    .land_webdesign_development .buildning-mobile-apps-content-heading h1{ font-size: 7rem;}
}
/* ===============================================================================================================================================================
                    Template Landing Buildning Mobile Apps Developers Page End
================================================================================================================================================================== */




.press_release_list_sec {padding-top: 5.3rem; padding-bottom: 10rem;}

.press_release_section {padding: 3rem 0; border-bottom: 0.1rem solid rgba(0, 36, 88, 1);}

.com_cat_name {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 600; line-height: normal; letter-spacing: 0.32px; color: rgba(14, 21, 30, 1);}

.entry-title-heading {margin-top: 1.5rem;}

.entry-title a {font-family: var(--secondary-font); font-size: 4.6rem; font-weight: 600; line-height: 5rem; letter-spacing: 0.32px; color: rgba(0, 0, 0, 1); transition: var(--transition);}

.entry-title a:hover {color: rgba(0, 118, 253, 1);}

.publication_terms_footer {margin-top: 2rem; align-items: center;}

.com_cat strong {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 700; line-height: normal; letter-spacing: 0.32px; color: rgba(19, 29, 43, 1);}

.com_cat strong {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 700; line-height: normal; letter-spacing: 0.32px; color: rgba(19, 29, 43, 1);}

.focus_area_terms .com_cat_name {font-weight: 400;}

.story_type_terms {padding-right: 1.9rem;}

.story_type_terms .com_cat_name {font-weight: 400;}

.focus_area_terms {border-left: 0.1rem solid rgba(14, 21, 30, 1); padding-left: 1.9rem;}
 
 
/* .wrap_pagination {text-align: center; margin-top: 4rem;}

.wp-pagenavi a, .wp-pagenavi span {margin: 0 !important;}

.wrap_pagination .wp-pagenavi {display: flex; align-items: center; justify-content: center; gap: 0.4rem;}

.wrap_pagination .pages {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 400; line-height: 2.4rem; color: var(--black); border: none;}

.wrap_pagination .page {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 400; line-height: 2.4rem; color: var(--black); border: 0.1rem solid var(--accordian-border); display: flex; align-items: center; justify-content: center; width: 3.2rem; height: 3.2rem; transition: var(--transition);}

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

.wrap_pagination .current {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 400 !important; line-height: 2.4rem; color: var(--white); background-color: var(--blue); border: 0.1rem solid var(--blue) !important; display: flex; align-items: center; justify-content: center; width: 3.2rem; height: 3.2rem;}
 
.wrap_pagination .previouspostslink {display: flex; align-items: center; justify-content: center; font-size: 1.8rem; color: var(--deep-blue); width: 3.2rem; height: 3.2rem; border: 0.1rem solid var(--blue) !important; margin-right: 0.8rem !important; transition: var(--transition);}

.wrap_pagination .previouspostslink:hover {color: var(--white); background-color: var(--blue);}
 
.wrap_pagination .nextpostslink {display: flex; align-items: center; justify-content: center; font-size: 1.8rem; color: var(--deep-blue); width: 3.2rem; height: 3.2rem; border: 0.1rem solid var(--blue) !important; margin-left: 0.8rem !important; transition: var(--transition);}

.wrap_pagination .nextpostslink:hover {color: var(--white); background-color: var(--blue);} */
 
.wrap_pagination {text-align: center; margin-top: 4rem;}
 
.wp-pagenavi a, .wp-pagenavi span {margin: 0 !important;}
 
.wrap_pagination .wp-pagenavi {display: flex; align-items: center; justify-content: center; gap: 1.2rem;}
 
.wrap_pagination .pages {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 400; line-height: 2.4rem; color: var(--black); border: none; margin-right: 1rem !important;}
 
.wrap_pagination .page {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 400; line-height: 2.4rem; color: var(--black); border: none; transition: var(--transition);}
 
.wrap_pagination .page:hover {color: var(--blue);}
 
.wrap_pagination .current {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 400 !important; line-height: 2.4rem; color: var(--white); border: none; background-color: var(--blue); width: 3.2rem; height: 3.2rem; border-radius: 100%; display: flex; align-items: center; justify-content: center;position: relative;}
 
.wrap_pagination .previouspostslink {font-size: 3rem; color: var(--black); border: none; padding-bottom: 0.6rem; transition: var(--transition);}
 
.wrap_pagination .previouspostslink:hover {color: var(--blue);}
 
.wrap_pagination .nextpostslink {font-size: 3rem; color: var(--black); border: none; padding-bottom: 0.6rem; transition: var(--transition);}
 
.wrap_pagination .nextpostslink:hover {color: var(--blue);}
 
.extend {border: none !important; font-size: 2rem; padding: 0 !important;}
 
.wrap_pagination .current::after {content: ""; position: absolute; width: 4rem; height: 4rem; top: 50%; left: 50%; transform: translate(-50%, -50%);background-color: rgb(190 220 255); z-index: -1; border-radius: 100%;}
 
.wrap_pagination .first {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 400; line-height: 2.4rem; color: var(--black); border: none; transition: var(--transition);}
 
.wrap_pagination .first:hover {color: var(--blue);}
 
.wrap_pagination .last {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 400; line-height: 2.4rem; color: var(--black); border: none; transition: var(--transition);}
 
.wrap_pagination .last:hover {color: var(--blue);}


.all_df_page_inner{ background-color: #FFF; position: relative; z-index: 1; padding: 9rem 0;}
.inner_content_sec h2{font-family: var(--secondary-font);font-size: 4rem;font-weight: 600;line-height: 4.5rem;letter-spacing: 0.32px;color: rgba(0, 0, 0, 1); margin-bottom: 1.5rem;}
.inner_content_sec ol,.inner_content_sec ul{ padding: 0; margin: 0;margin-left: 2rem;margin-bottom: 2rem;}
.inner_content_sec ol li, .inner_content_sec  ul li{font-family: var(--montesseratfont);font-optical-sizing: auto;font-size: 2rem;color: #5a5a5a; margin-bottom: 1rem;}
.inner_content_sec ol li a, .inner_content_sec  ul li a,.inner_content_sec p a{ color: #525265; text-decoration: underline;}
.inner_content_sec ol li a:hover, .inner_content_sec  ul li a:hover,.inner_content_sec p a:hover{ color: #000; text-decoration: underline;}

.footer_left_text a{ color: var(--light-green);margin-left: 1rem;}
.footer_left_text span{ border-right: 1px solid #FFF;padding-right: 1rem;}