/* html {
    overflow-x: hidden !important;
}
 */

/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
.page-id-4704 #mainhdr, .page-id-18470 #mainhdr {
    background: rgba(3, 33, 31, .95);
    padding-bottom: 20px;
}
.frequently-body ul {
    padding: 0px 20px;
}
.section-to-section-four {
    width: 100%;
    overflow-x: hidden;
}
#freq .frequently-item button.frequently-button {
    position: relative;
}

#freq .frequently-item button.frequently-button:after {
    content: '';
    background: url(../../../../../wp-content/uploads/2024/03/minus-icon.png);
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 0;
    right: 20px;
}

#freq .frequently-item button.frequently-button.collapsed:after {
    content: '';
    background: url(../../../../../wp-content/uploads/2024/03/plus-icon.png);
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 0;
    right: 20px;
}
#typewriter h2,
#typewriter h1 {
    font-family: 'Gilmer Regular';
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 70px;
    text-transform: capitalize;
    color: #FFF;
    text-align: center;
}
.new-type p {
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    line-height: 38px;
    width: 60%;
    margin: 0 auto;
    font-family: 'Gilmer Regular';
    color: #fff;
}

span.highlight {
    color: #F7B318;
}
span.highlight {
    color: #F7B318;
    position: relative;
}

#typewriter h1 span:before {
    content: "";
    background: url(/wp-content/uploads/2024/03/SliderBefore.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: -4px;
    left: -16px;
    width: 0;
    height: 0;
    transition: all 0.8s ease-in;
}

span.highlight:before{
    width: 310px !important;
    height: 148px !important;
}

#mainhdr .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{
	display: none;
}
.jupiterx-header {
    position: absolute !important;
    mix-blend-mode: normal !important;
}
#mainhdr {
    position: relative;
	padding: 15px 0px 0px;
}
#mainhdr .sub-menu {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 310px !important;
    left: 0 !important;
    right: 0 !important;
    border-bottom: 1.5px solid #1B8B83;
    background: rgba(3, 33, 31, 0.95);
    backdrop-filter: blur(7px);
    background-size: 100%;
    margin: 0 !important;
    top: 0 !important;
    z-index: -1;
    padding-top: 100px;
    padding-left: 46%;
	    transition: all 0.5s ease-in;
}
#mainhdr li:nth-child(4) ul {
    padding-left: 65%;
	z-index: -1 !important;
}
#mainhdr li.menu-item-has-children {
    position: unset;
}
#mainhdr .elementor-nav-menu {
    position: unset;
}
#mainhdr .elementor-nav-menu {
    position: unset;
}
#mainhdr .elementor-widget-nav-menu {
    position: unset;
}
#mainhdr .elementor-column {
    position: unset;
}
#mainhdr .elementor-widget-wrap{
    position: unset;
}
#mainhdr .elementor-widget-container{
    position: unset;
}
#mainhdr .elementor-container.elementor-column-gap-default {
    position: unset;
}
#mainhdr .elementor-nav-menu--layout-horizontal {
    display: block;
}
#mainhdr a {
    z-index: 1;
}
#mainhdr img {
    position: relative;
    z-index: 1;
}
#mainhdr .sub-menu li:before {
    content: '';
    height: 10px;
    width: 10px;
    position: absolute;
    color: #127971;
    background: #127971;
    margin-top: 17px;
    border-radius: 100px;
}







#mainhdr ul li a {
    font-family: 'Gilmer Regular' !important;
    background-color: transparent !important;
}
#mainhdr a.elementor-button.elementor-button-link {
    font-family: 'Gilmer Regular' !important;
    background-color: #fff !important;
    height: 57px;
    width: 178px;
    border-radius: 50px;
    color: #127971;
	display: flex;
    justify-content: center;
    align-items: center;
}
#mainhdr .elementor-container.elementor-column-gap-default {
    width: 1920px !important;
    max-width: 83.5% !important;
}
.typewrtr {
    position: relative;
    color: #fff;
}
.new-type {
    position: absolute;
    /*top: 280px;*/
    top: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    display: flex;
}
.typewrtr h1 {
	 font-family: 'Gilmer Regular';
    text-align: center;
    position: relative;
	font-size: 80px;
    font-weight: 800;
    line-height: 120px;
    color: #fff;
    overflow: hidden;
/*     border-right: .15em solid #fff; */
    white-space: nowrap;
    margin: 0 auto; /* Center horizontally */
    letter-spacing: .15em;
    animation: 
        typing 3.5s steps(30, end),
        blink-caret 1.5s step-end alternate;
}

@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}


.typewrtr h2 {
	 font-family: 'Gilmer Regular';
    text-align: center;
	font-size: 80px;
    font-weight: 800;
    line-height: 120px;
    position: relative;
    color: #fff;
    overflow: hidden;
/*     border-right: .15em solid #fff; */
    white-space: nowrap;
    margin: 0 auto; /* Center horizontally */
    letter-spacing: .15em;
    animation: 
        typing-h2 3.5s steps(30, end),
        blink-caret 1.5s step-end infinite;
}
@keyframes typing-h2 {
    from { width: 0 }
    to { width: 100% }
}


.typewrtr h3 {
	 font-family: 'Gilmer Regular';
    text-align: center;
    position: relative;
	font-size: 80px;
    font-weight: 800;
    line-height: 120px;
    color: #fff;
    overflow: hidden;
/*     border-right: .15em solid #fff; */
    white-space: nowrap;
    margin: 0 auto;
    letter-spacing: .15em;
    animation: 
        typing-h3 3.5s steps(30, end),
        blink-caret 1.5s step-end infinite;
}
@keyframes typing-h3 {
    from { width: 0 }
    to { width: 100% }
}

.typewrtr p {
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    line-height: 38px;
    width: 50%;
    margin: 0 auto;
    font-family: 'Gilmer Regular';
}
#main-banner-btn {
    justify-content: center;
    margin-top: 20px;
}
#main-banner-btn a {
    color: #fff;
}
#main-banner-btn a:hover {
    color: #fff;
}
#main-banner-btn a:hover::after {
    background: none;
}
#business {
    padding: 94px 0px;
}
.inner-imagine {
    background: url(../../../../../wp-content/uploads/2024/03/business-bg.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 74px 160px;
    border-radius: 30px;
}
.inner-imagine h2 {
    font-size: 60px;
    text-align: center;
    font-family: 'Gilmer Regular';
    font-weight: 800;
}
.inner-imagine p {
    color: #444;
    text-align: center;
    font-family: "Gilmer Regular";
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    padding: 20px 0px 0px 0px;
}
.inner-imagine span {
    display: flex;
    justify-content: center;
    color: #444;
    font-size: 18px;
    font-family: 'Gilmer Regular';
    font-weight: 700;
    line-height: 37px;
}
#let-busine {
    justify-content: center;
    margin-top: 30px;
}
.service-col h2 {
    font-family: 'Gilmer Regular';
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
}
.service-col p {
    color: #444;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    padding: 20px 0px 50px 0px;
}
.service-col span {
    color: #444;
    font-family: 'Gilmer Regular';
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
}
#let-exper {
    justify-content: flex-start;
    margin-top: 40px;
}
.accord-col {
    display: flex;
    flex-direction: row;
    gap: 30px;
    padding: 30px 0px 0px;
    border-top: 1px solid;
    overflow: hidden;
}

.accord-col:last-child {
    border-bottom: 1px solid;
}

.accord-col .accord-one {
    width: 30%;
    transition: visibility 0s, opacity 0.5s ease-in;
}

.accord-col:hover .accord-one {
    visibility: visible;
    opacity: 1;
}

.accord-col .accord-two {
    width: 70%;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s ease-in;
}

.accord-col:hover .accord-two {
    visibility: visible;
    opacity: 1;
}

.accord-one img {
    margin-top: 60px;
    opacity: 0;
    transition: opacity 0.5s ease-in;
}

.accord-col:hover .accord-one img {
    opacity: 1;
}

.accord-one h2 {
    font-size: 20px;
    font-family: 'Gilmer Regular';
    font-weight: 700;
    line-height: 30px;
    width: 64%;
    transition: color 0.3s ease; /* Add transition for text color */
}

.accord-two p {
    color: #444;
    font-family: 'Gilmer Regular';
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}
.accord-two strong {
    color: #444;
    font-family: 'Gilmer Regular';
    font-size: 18px;
    line-height: 30px;
}
.accord-col .accord-two,
.accord-col .accord-one img {
    display: none; /* Hide elements initially */
}

.accord-col:hover .accord-two,
.accord-col:hover .accord-one img {
    display: block;
		transition: all 0.3s ease-in; 
}

.accord-one h2 i {
    margin-left: 10px;
    transition: transform 0.3s ease;
    font-size: 25px;
    display: flex;
    flex-direction: row-reverse;
    align-items: self-start;
    top: -40px;
    left: 0;
    position: relative;
    font-size: 20px;
}

.accord-col:hover .accord-one h2 i {
    transform: rotate(45deg);
    background: #FEF1F1;
    padding: 10px;
    border-radius: 40px;
    display: inline-flex;
    top: 0;
    left: 60px;
}
#fixed-column {
    position: sticky;
    top: 94px; /* Adjust this value according to your layout */
    height: 100vh; /* Ensures column covers the entire viewport height */
    overflow: hidden; /* Hide the scrollbar */
    z-index: 1; /* Ensure it stays on top of other content */
}
#scrolling-column::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
#scrolling-column {
    height: calc(100vh - 94px); /* Adjust for the fixed column's height */
    overflow-y: scroll; /* Always show vertical scrollbar */
    scrollbar-width: none; /* Firefox: hide scrollbar */
}
.service-col {
    padding-top: 50px;
}
#digi {
    padding: 90px 0px;
}
.digi-inner-col {
    margin-top: 40px;
}

.accordion {
    display: flex;
    gap: 50px;
    width: 100%;
}
.accordion-item {
    position: relative;
    transition: width 0.3s, background-color 0.3s;
}

.accordion .accordion-item img {
    width: 240px;
    height: 572px;
    object-fit: cover;
    border-radius: 30px;
    transition: width 0.3s, height 0.3s; /* Added transition for image width and height */
}
@media only screen and (min-width: 1750px){
    .accordion .accordion-item img {
      width: 360px;
    }
}
.accordion .accordion-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(26, 26, 26, 0.80) !important;
    border-radius: 30px;
    transition: background-color 0.3s ease;
}
/* Hover effect for the accordion item */
.accordion .accordion-item:hover {
    width: 784px;
}

/* Adjust image width and height on hover */
.accordion .accordion-item:hover img {
    width: 784px;
    height: 572px;
}
.accordion .accordion-item.active {
    width: 784px; /* Set the width to the expanded size */
}
.accordion .accordion-item.active img {
    width: 784px; /* Set the expanded width for the image */
    height: 572px; /* Set the expanded height for the image */
}
.accordion .accordion-item.active .accordion-content {
    color: white;
    position: absolute;
    top: 0;
    padding: 0px 40px;
    bottom: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
	transition: all .5s ease-in;
}
.accordion .accordion-item .accordion-content p {
    display: none;
}
.page-id-19213 .elementor-social-icons-wrapper.elementor-grid {
    display: none !important;
}
.accordion .accordion-item.active > .accordion-content p {
    display: block;
    font-family: 'gilmer regular';
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    margin-top: 30px;
}
.accordion .accordion-item.active {
    width: 784px;
	transition: all .5s ease-in;
}
.accordion .accordion-item.active img {
    width: 784px;
    height: 572px;
}
.accordion .accordion-item.active > .accordion-content p {
    display: block;
}

.accordion .accordion-item:nth-child(odd).active::before {
    background-color: rgba(195, 38, 38, 0.86) !important;
/*     width: 750px;
    height: 572px; */
	width: 100% !important;
	height: 572px;
}

.accordion .accordion-item:nth-child(even).active::before {
    background-color: rgba(28, 138, 130, 0.93) !important;
/*     width: 750px;
    height: 572px; */
		width: 100% !important;
	height: 572px;
}
.accordion .accordion-item.active .accordion-content h3 {
    width: 60%;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
}
.digi-inner-col .accordion .accordion-item .accordion-content {
    color: white;
    position: absolute;
    padding: 0px 40px;
    bottom: 40px;
    display: flex;
    justify-content: center;
    flex-direction: column;
	    transition: all .5s ease-in;
}

.digi-inner-col .accordion-item {
    position: relative;
    display: block;
    z-index: 99;
	transition: all .5s ease-in;
}

.accordion-content h3 {
    font-family: 'gilmer regular';
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}
.company-col h2 {
    font-family: 'gilmer regular';
    font-size: 55px;
    font-style: normal;
    font-weight: 700;
}
.digi-one p {
    color: #444;
    font-family: 'gilmer regular';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}
.digi-one span {
    font-weight: 400;
    color: #444;
    font-family: 'gilmer regular';
    font-size: 20px;
    line-height: 30px;
}

#freq {
    padding: 100px 0px 100px 0px;
}
#freq h3 {
    text-align: center;
}
.ask-inner {
    display: flex;
    flex-direction: row;
    padding-top: 50px;
    width: 100% !important;
}
#freq .frequently-item {
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
    margin-bottom: 30px;
}
#freq button.frequently-button {
    background: #FFF;
    width: 100% !important;
    border: none;
    text-align: left;
    padding-left: 20px;
    outline: none;
}
#freq .frequently-item h2 {
    font-family: 'gilmer regular';
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    padding: 30px 0px 0px;
	position: relative;
}
#freq .frequently-body {
    font-family: 'gilmer regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    color: #444444;
}
#freq button.frequently-button.collapsed {padding-bottom: 30px;}
#freq button.frequently-button:focus {outline: none;}
#freq button.frequently-button.collapsed .icon {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}
#freq button.frequently-button i {
    right: 30px;
    position: absolute;
}


#digi-pro {
    background: linear-gradient(180deg, #FFFAFA 0%, #FFF 75%);
    padding: 120px 0px;
}
#digi-pro .service-col {
    padding: 0 0px 40px 0px;
    text-align: center;
}
#digi-pro .service-col h2 {
    font-family: 'Gilmer Regular';
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
    width: 46%;
    margin: 0 auto;
}
#digi-pro .service-col p {
    color: #444;
    font-family: 'Gilmer Regular';
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    padding: 0;
    width: 60%;
    margin: 30px auto;
}
#digi-pro .service-col span {
    color: #444;
    font-family: 'Gilmer Regular';
    font-size: 23px;
    font-weight: 700;
    line-height: 35px;
}
.pro-inner {
    display: flex;
    flex-direction: row;
    position: relative;
}
  .pro-inner .define {
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.5s ease, transform 0.5s ease;
  }
.define span {
    fill: #FFF;
    stroke-width: 8px;
    background: #fff;
    border: 8px solid #EBE4E4;
    height: 63px;
    width: 63px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #222;
    font-family: 'gilmer regular';
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    border-radius: 50px;
}
.define {
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -40px;
}
.define h4 {
    font-size: 26px;
    font-family: 'gilmer regular';
    font-weight: 700;
    line-height: 32px;
    padding: 20px 0px;
    margin: 0;
}
.define p {
    font-family: 'gilmer regular';
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #666666;
    width: 75%;
}
.smt-scroll-third.hm-casestudies {
    display: none;
}
.flex-counter {
	display: flex;
	margin-top: 30px;
    justify-content: center;
    align-items: center;
	gap: 30px;
}
.why-cnt .ipo-bra {
    position: absolute;
    width: 60%;
    margin-top: 3%;
}
.animate-left.show {
    opacity: 0;
    display: block;
    transform: translate(1000px, 0px);
    animation: slideFromLeft 2s forwards;
}
.animate-left {
    /*opacity: 0;*/
    display: block;
}
@keyframes slideFromLeft {
    0% {
        opacity: 0;
        transform: translate(1000px, 0px);
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px);
    }
}
.why-cnt {
    position: sticky;
    top: 50px;
}

.why-count {
    margin-bottom: 60px;
}
#cout .why-cnt p {
    color: var(--Grey, #666);
    font-family: 'gilmer regular';
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    width: 68%;
    padding: 20px 10px;
}
#cout .why-cnt .bold {
    color: #000;
    font-family: 'gilmer regular';
    font-size: 23px;
    font-weight: 700;
    line-height: 32px;
    width: 100%;
}
.line {
  width: 100%;
  max-width: 800px;
  height: 8px;
  margin: 0 0 10px 0;
  position: relative;
  display: inline-block;
  background-color: rgba(255,255,255,1);
}
.panel.orange {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.panel.orange img {
    object-fit: cover;
    object-position: center;
}
.orangeWrapper {
  padding: 0 !important;
}


.panel.orange img{
    width: 600px;
    height: 600px;
    clip-path: circle(50% at 50% 50%);
    transition: all 0.7s ease-in;
}

.panel.orange.scrolledIntoView img{
    width: auto;
    height: 600px;
    clip-path: circle(100% at 50% 30%);
}








































/* ################################################ */
.main-socialbladehm {
  position: absolute !important;
  top: 30vh;
  left: 30px;
}
.main-socialbladehm span i {
  font-size: 15px;
  width: 30px;
  height: 30px;
  border: 1px solid;
  display: flex;
  align-items: center;
  border-radius: 50px;
}
.main-socialbladehm {
  display: none !important;
}
.home .main-socialbladehm {
  display: block !important;
}

/* ################ Social Media Icons #################### */
@font-face {
    font-family: 'Gilmer Regular';
    src: url('../fonts/Gilmer-Regular.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gilmer Regular';
    src: url('../fonts/Gilmer-Medium.otf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilmer Regular';
    src: url('../fonts/Gilmer-Bold.otf');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Gilmer Regular';
    src: url('../fonts/Gilmer-Heavy.otf');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Gilmer Regular';
    src: url('../fonts/Gilmer-Light.otf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Gilmer Outline';
    src: url('../fonts/Gilmer-Outline.otf');
    font-weight: 400;
    font-style: normal;
}
.mx-container .elementor-container {
  width: 1920px !important;
  max-width: 83.5% !important;
}
/* ##################### Scrolling CSS #################### */
.smt-scroll-horizontal.home-portfolio.smt-scroll-one {
  height: auto !important;
  max-height: 100% !important;
  overflow:hidden;
}
.why-branex {
  padding-top: 30vh;
}
/* .smt-scroll.hm-industries {
  height: auto !important;
} */
/* .smt-scroll-two {
  height: auto !important;
} */
/* ##################### Scrolling CSS End #################### */

/* ###################### MENU ########################## */
    .cs-hm-menu-container {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #282828;
      color: white;
      box-sizing: border-box;
      display: none;
      z-index: 999; /* Ensure menu is on top of other elements */
    }
    .openmenu-cs .jupiterx-header {
      mix-blend-mode: normal;

    }
    .page-id-21031 .jupiterx-header {
  position: absolute !important;
  mix-blend-mode: normal;
}
    .col-md-2.max-width-cng {
        max-width: 20% !important;
        flex: 0 0 20%;
    }
    .col-md-3.max-width-cng-23 {
        flex: 0 0 23%;
        max-width: 23%;
    }
.hamlogoani {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  bottom: -100px;
}
.ham-header .container .row>div{
  padding: 0;
}
.ham-header .row {
  align-items: center;
  margin: 0;
}
.logged-in.admin-bar .ham-header.custom-header {
  margin-top: 32px;
}
.menu-socialmedia {
  text-align: right;
  font-size: 16px;
}
.menu-socialmedia a {
  color: #999;
  margin-right: 20px;
}
header .menu-socialmedia a{
  margin-left: 20px;
    margin-right: 0px;
}
.closeright {
  text-align: right;
}
.bgdiv{
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-size: cover;
  z-index: -1;
  background-image: url('../img/menu-bg1.jpg');
  background-color: #202021 !important;
}
#cs-hm-menuContainer {
  background-color: #1f1d1d;
  background-image: url('../op_img/menu-Vector.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}
/* ################### New Menu ############################### */
.custom-bottom-menu-style {
  list-style: none;
  padding-left: 0;
  display: flex;
}

.menu-main-cnt a {
  color: #fff;
    font-family: 'Gilmer Regular';
}
.menu-main-cnt {
  margin-top: 47px;
}
.menuhead {
  font-size: 21px;
  font-family: 'Gilmer Regular';
  margin-bottom: 33px;
  font-weight: 500;
}
.technologiesmenu {
  padding-left: 0;
  list-style: none;
}
.lefthead-1 {
  display: flex;
  align-items: center;
}
.lefthead-1 p {
    margin-bottom: 0 !important;
    font-weight: 500;
}

.lefthead-1 .h4 {
    font-size: 17px;
    margin-bottom: 5px;
    font-weight: 500;
}
.lefthead-1 p {
  margin-bottom: 0 !important;
  font-size: 13px;
  font-weight: 400;
}

.col-righmenu {
  margin-left: 23px;
}

.lefthead-1 {
  margin-bottom: 33px;
}
.technologiesmenu a {
  font-size: 13px;
  margin-bottom: 8px !important;
  display: inline-block;
}
.menu-main-cnt a:hover {
  color: #fff !important;
  opacity: 0.7;
  transition: all 0.5s ease;
}
.colmen a {
  display: block !important;
}
.custom-bottom-menu-style a {
  font-size: 12px;
  color: #999;
  margin-right: 25px;
}
.menu-hm-right {
  display: flex;
  align-items: center;
}
.colmen p {
  margin-bottom: 0 !important;
  color: #999;
  font-size: 12px;
  line-height: 22px;
  margin-right: 72px;
  font-family: gilmer regular;
}
.menu-main-cnt a.numer {
  color: #1C8A82;
  margin-bottom: 4px;
   font-size: 17px;
}
.email-hm {
  font-size: 13px !important;
  color: #999 !important;
}
.menu-socialmedia a {
  color: #999;
}
.menu-main-cnt .row:last-child {
  align-items: center;
  margin-top: 40px;
}
.custom-bottom-menu-style {
  margin-bottom: 0;
}
.lefthead-1 img {
  width: 24px;
}
header .menu-socialmedia a {
  margin-left: 16px;
  margin-right: 0px;
}
header .menu-socialmedia a:first-child {
  margin-left: 0 !important;
}
/* new menu end*/
/* ############################################################ */

/* ############### Custom Container ########################## */
.home .global-sec .container,
.customfooterwid>.elementor-container,
.custom-header .elementor-container.elementor-column-gap-default {
  width: 1920px !important;
  max-width: 83.5% !important;
}
.page-portfolio .container,
.hmleadfrm .container,
.menu-main-cnt .container,
.ham-header .container,
.why-branex .container,
.hm-industries .container,
.hm-services .container,
.true-technology .container,
.home-portfolio .container,
.home-awards .container,
.home-testimonial .container,
.client-logos .container,
.home-biz .container{
  width: 1920px !important;
  padding: 0;
  max-width: 83.5% !important;
}
.page-portfolio {
      margin-top: 120px;
  margin-bottom: 70px;
}
/* ############### Custom Container End ################### */


/* ######################## Header ######################## */
.jupiterx-header {
  position: absolute !important;
  mix-blend-mode: difference;
}
.headercolrightpd .elementor-widget-wrap {
  padding: 0 !important;
}
.headercolrightpd .elementor-text-editor.elementor-clearfix{
  text-align: right;
}
.custom-header {
  padding-top: 15px !important;
}

/* ###################### Header End ###################### */
/* .smt-scroll-third.why-branex {
  transform: none !important; 
}
.section-to-section-three{
} */
/* .home .jupiterx-scroll-top.jupiterx-icon-angle-up {
  display: none !important;
} 
 */
.jupiterx-scroll-top {
  border: 0 !important;
  background-color: #1c8a82 !important;
  padding: 0 !important;
  width: 45px !important;
  height: 45px !important;
  border-radius: 90px !important;
}
.home .jupiterx-icon-angle-up::before {
    background: url(../img/footer-Arrow.png) !important;
    content: "" !important;
    display: block !important;
    width: 28px !important;
    height: 27px !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    background-size: contain !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    transform: rotate(-45deg) !important;

}
.tr-none{
  transform: none !important;
}
/* ###################### Footer ########################## */
.customfooterwid {
  padding-top: 110px;
  padding-bottom: 60px;
}
.abovefooter {
  width: 300% !important;
  display: flex;
}
.abovefooter>div{
width: 33.33333%;
}
.home .jupiterx-main{
  z-index: auto;
}
.home footer{
  background: #1c1a1b;
}
.wecollab {
  margin-bottom: 160px !important;
}
.footer-logo {
  margin-bottom: 40px !important;
}
footer a,
footer p,
.copyrighttext p,
.footerlistmenu ul li a {
  font-family: Gilmer Regular !important;
}
.footerlistmenu ul li::after {
  content: "/";
  display: block;
/*   width: 100px !important;
  height: 100px !important; */
  color: #999999;
  border: 0 !important;
}
.footerlistmenu ul li:last-child::after{
  content: "";
}
.footerlistmenu ul li {
  line-height: 1.9;
}
.wecollab .elementor-heading-title::after {
  content: url(../img/footer-Arrow.png);
}
.wecollab .elementor-heading-title::after {
  content: url(../img/footer-Arrow.png);
  display: inline;
  position: relative;
  top: 14px;
}
.footcntdetails a {
  color: #fff;
}
footer p {
  margin-bottom: 0;
}
.privacypolicy-css a {
  color: #999;
}
.privacypolicy-css a {
  color: #999;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 28px;
}
.footer-socialmedia .elementor-grid-item {
  margin-right: 14px;
  margin-top: -7px;
}
.footerlistmenu ul li a {
  font-size: 13px !important;
}
.footerlistmenu ul li {
  line-height: 1.4;
}
.foontcntde-head .elementor-heading-title,
.copyrighttext p{
  font-size: 13px !important;
}
.footcntdetails a, .footcntdetails p {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 10px;
}
.privacypolicy-css a{
  font-size: 13px;
  line-height: 24px;
}
.footer-socialmedia .elementor-grid-item i {
  font-size: 16px;
}
.footer-socialmedia {
  margin-bottom: 12px !important;
}
.wecollab {
  margin-bottom: 120px !important;
}
.footerlistmenu{
  margin-bottom: 40px;
}
footer a:hover {
  color: #fff !important;
}
.footerlistmenu ul li a span:hover{
  color: #fff !important;
}
.footcntdetails a:hover{
  text-decoration: underline !important;
}
.footer-socialmedia a:hover i {
  color: #fff !important;
}
/* ################### Footer_END ######################### */

.home img{
  max-width: 100%;
  height: auto;
}

/*  */
/* ################### Global sec ######################### */

.abovefooter {
  background: #1a1719;
}
.global-sec{
  height: 100vh;
  background-image: url('https://branex.com/wp-content/themes/jupiterx-child/homepage-assets/op_img/Global-UAE.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.global-sec.usa{
  background-image: url('../op_img/Global-USA.jpg');
}
.global-sec.canada{
  background-image: url('../op_img/Global-Canada.jpg');
}
/*.global-sec.uae{*/
/*  background: url('https://branex.com/wp-content/themes/jupiterx-child/homepage-assets/op_img/Global-UAE.jpg');*/
/*}*/
.smt-scroll-third.hm-casestudies {
  background: #f2f8f8;
}
.glhead {
  font-size: 13px;
  color: #fff;
  font-family: Gilmer Regular;
  margin-bottom: 15px;
}
.global-content ul{
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.global-content ul a, .global-content p.gl-ad {
  color: #fff !important;
  font-size: 21px;
  line-height: 29px;
  font-family: Gilmer Regular;
  margin-bottom: 0;
}
.foontcntde-head .elementor-heading-title {
  font-weight: 500 !important;
}
.global-sec .container,
.global-sec .row{
  height: 100%;
}
.global-sec .row{
  align-items: center;
}
.global-sec .row {
  align-items: center;
  max-width: 78%;
  margin: 0 auto;
}

.global-sec .row>div{
  margin-bottom: 30px;
}
.col-custom-one {
  width: 32%;
}
.col-custom-two {
  width: 32%;
}
.col-custom-three {
  width: 35%;
}
.col-custom-three {
  position: relative;
  right: -60px;
}
.global-sec.canada .row{
  max-width: 82%;
}
.global-sec.canada .col-custom-one {
  width: 31%;
}
.global-sec.canada .col-custom-two {
  width: 31%;
}
.global-sec.canada .col-custom-three {
  width: 38%;
}
.global-sec.uae .row{
  max-width: 84%;
}
/* ################### Global end ######################### */

/* ################ Our Clients Logo ###################### */
.client-logos {
  text-align: center;
  padding-top: 40px;
}

.all-h4{
  color: #C32626;
  font-family: 'Gilmer Regular';
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px;
}
.all-h3{
  color: #333333;
  font-size: 42px;
  font-weight: bold;
  font-family: 'Gilmer Regular';
}
.smt-scroll-horizontal.home-portfolio.smt-scroll-one {
  height: auto !important;
}
.all-prom-h3 {
  color: #333333;
  font-size: 21px;
  font-family: 'Gilmer Regular';
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1.2;
}
.all-prom-h3 span {
  font-weight: 900;
  font-size: 50px;
  color: #C32626;
  line-height: 1.1;
  letter-spacing: 2px;
  -webkit-text-fill-color: #FFF;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #C32626;
}
@media only screen and (min-width: 767px){
    .cs-swiper-wrapper {
      width: 400%;
      display: flex;
    }
    .cs-swiper-slide {
      width: 50%;
      margin-right: 35px;
    }
}
.head-test-clut .all-h3 {
  font-size: 48px !important;
  margin-bottom: 0;
}
.hidden-img {
  opacity: 0;
  position: absolute;
}
.logos-wrapper div {
  position: relative;
  width: 20%;
  margin-bottom: 10px;
}
.logos-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 43px; 
}
.client-logos {
  height: 100vh;
  align-items: center;
  display: flex;
}
.logos-wrapper img{
  transition: all 0.1s ease;
}
.logos-wrapper img:hover {
  opacity: 1;
}
/* ############## Our Clients Logo - end ################### */


/* ############## Home Testimonials ################### */
.test-in_row {
  display: flex;
  margin-bottom: 12px;
  align-items: center;
}
.col-test-img img {
  max-width: 77% !important;
}
.tes-new-slide .h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 4px;
}
/* another update in testimonial css ^ */
.hm-testi-slide {
  text-align: left;
}
.hm-testi-slide img{
  margin: 0 !important;
}
.right-testi-content {
  background: #F7F7F7;
}
.left-testi-content p,
.right-testi-content p,
.right-testi-content a, 
.right-testi-content div{
    font-family: 'Gilmer Regular';
}
.left-testi-content p {
  font-size: 12px;
  color: #666;
  line-height: 19px;
}
.left-testi-content p.test-strong{
 font-size: 14px;
line-height: 25px;
  color: #333333;
  margin-bottom: 20px;
}
.review-row {
  display: flex;
  align-items: center;
}
.com-wrapper {
  margin-left: 15px;
}
.testi-comp {
  color: #333 !important;
}
.designation {
  color: #666 !important;
}
.com-wrapper p {
  margin-bottom: 0;
}
.com-wrapper p:first-child{
  margin-bottom: 5px;
}
.left-testi-content > img {
  margin-bottom: 40px !important;
}
.left-testi-content p.test-strong {
  width: 72%;
}
.review-row {
  margin-top: 30px;
}
.right-testi-content > img {
  margin-bottom: 25px !important;
}
.testi-project {
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
}
.testi-project-content {
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 22px;
  color: #333;
}

.testi-country {
  display: flex;
  font-size: 13px;
  align-items: center;
}
.testi-country img {
  margin-right: 10px !important;
}
.testi-country{
  color: #666666;
}
.right-testi-content a:hover{
  color: #C32626;
}
.right-testi-content a {
  font-size: 14px;
  color: #1C8A82;
  font-family: "AmpleSoft Pro", Sans-serif;
  font-weight: 500;
  text-decoration: underline;
  margin-top: 25px !important;
  display: inline-block;
}
.right-testi-content {
  background: #F7F7F7;
  padding: 35px;
}
.hm-testi-slider {
  width: 82%;
  margin: 0 auto;
}

.testi-hr {
  margin-top: 0;
  margin-bottom: 20px;
  height: 1px;
  background: #E1E1E1;
  width: 120px;
  border: 0;
  margin-left: 0;
}
.custom-aligncenter{
  display: flex;
  align-items: center;
}
.left-testi-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.hm-testi-slider {
  margin-top: 50px;
}
.hm-testi-slider .slick-prev.slick-arrow::before {
  content: url('../img/testimonials/left-arrow.svg');
}
.hm-testi-slider .slick-next.slick-arrow::before {
  content: url('../img/testimonials/right-arrow.svg');
}
.hm-testi-slider .slick-prev.slick-arrow{
  left: -80px;
}

.hm-testi-slider .slick-next.slick-arrow{
  right: -80px;
}
/* ############## Home Testimonials - end ################### */

/* ############## Updated Home Testimonials ############## */

.head-test-clut p {
  font-size: 13px;
  line-height: 23px;
  color: #666;
  font-family: 'Gilmer Regular';
  margin-bottom: 0;
  margin-top: 20px;
}
.home-testimonial.change{
  text-align: left;
}
.test-clut {
  text-align: right;
  margin-bottom: 0 !important;
  margin-top: 27px;
}
.home-testimonial.change .row {
  align-items: center;
}
.test-clut {
  text-align: right;
  margin-bottom: 28px;
}
.test-clut img {
    width: 145px;
}
.tes-new-slide .h3 {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0px;
  color: #C32626;
  font-weight: bold;
  font-family: 'Gilmer Regular';
}
.tes-new-slide p {
  font-family: 'Gilmer Regular';
  font-size: 14.2px;
  line-height: 22px;
  color: #666;
  margin-bottom: 18px;
}
.tes-new-slide {
  text-align: center;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.07);
/*   width: 400px; */
/*   height: 245px; */
/*   display: flex;
  align-items: center;
  justify-content: center; */
  margin: 65px -5px;
/*   margin: 42px -20px; */
}
.tes-new-cnt {
    display: inline-block;
/*     border: 1px solid red; */
    text-align: left;
  }
.tes-new-cnt img {
  max-width: 311px;
}
.tes-new-cnt{
  padding: 30px 30px;
}
.home-testimonial.change > div {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: space-between;
}
.home-testimonial.change > div {
  padding: 50px 0;
}
.home-testimonial{
  height: 100vh;
/*   display: flex; */
/*   text-align: center; */
/*   align-items: center; */
}
.home-testimonial.change .container-fluid {
  padding: 0;
}

.slidercontent-testimon .slick-track .tes-new-slide:nth-child(2n) {
  transform: rotate(-10deg);
}

.slidercontent-testimon .slick-track .tes-new-slide:nth-child(2n+1) {
  transform: rotate(10deg);
}
.slidercontent-testimon .slick-track .tes-new-slide{
  transition: all 0.4s ease;
}
.slidercontent-testimon .slick-track .tes-new-slide:hover{
  transform: rotate(0deg) !important;
}
.tes-new-cnt:hover{
  filter: invert(100%);
}
.slidercontent-testimon .slick-track .tes-new-slide:hover .h3,
.slidercontent-testimon .slick-track .tes-new-slide:hover p,
.slidercontent-testimon .slick-track .tes-new-slide:hover img{
    filter: invert(100%) brightness(0%);
}
.slidercontent-testimon .slick-track .tes-new-slide:hover .col-test-img img {
  filter: invert(100%);
}
.tes-new-cnt:hover .h4 {
  filter: none !important;
  color: black !important;
}
.slidercontent-testimon .slick-track .tes-new-slide:hover:nth-child(1n){
  background-color: #c32626;
}
.slidercontent-testimon .slick-track .tes-new-slide:hover:nth-child(2n){
  background-color: #1c8a82;
}
.slidercontent-testimon .slick-track .tes-new-slide:hover:nth-child(3n){
  background-color: #f7b318;
}
/* transform: rotate(-10deg); */


/* ############## Updated Home Testimonials End xx ############## */


/* ############## Home Awards ################### */
.home-awards{
  background-image: url('../img/Awards-Background.jpg');
  height: 100vh;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
}
.home-awards .row {
  text-align: left;
  margin-top: 40px;
}
.awd-content p {
  font-size: 13px;
  color: #152F37;
}
.awd-content img {
  margin-bottom: 21px;
}
.home-awards .row > div .awd-content:first-child {
  margin-bottom: 110px;
}
.awd-content{
  border-left: 1px solid #DDD;
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 1 0px;
}
.awd-content p{
  margin-bottom: 0;
}

.home-awards .container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    justify-content: center;
    height: 100%;
}
.home-awards {
    padding-top: 70px;
    padding-bottom: 70px;
}

.mgtoppx{
  margin-top: 0px;
}
/* ############## Home Awards - end ################### */

/* ############## Home Portfolio - start ################# */
.homeprview {
  display: flex;
  justify-content: flex-end;
}
section,
.container,
.col-md-6{
/*   border: 1px solid red; */
}
.homeprview button:hover,
.homeprview a:hover{
  text-decoration: none;
  color: #1C8A82;
}
.homeprview button,
.homeprview a {
  font-size: 14px;
  color: #1C8A82;
  font-family: "AmpleSoft Pro", Sans-serif;
  text-decoration: none !important;
  font-weight: 500;
  display: flex;
  align-items: center;
  position: relative;
  transition: all 1s ease;
}
.homeprview button::after,
.homeprview a::after {
  content: "";
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 40px;
  border: 2px solid;
  margin-left: -27px;
  transition: all 1s ease;
}
.homeprview img {
  margin-left: 13px;
}
.homeprview button:hover::after,
.homeprview a:hover::after {
  background: #1C8A82;
  margin-left: 0;
}
.arrowhidden {
  transition: all 0.7s ease;
  position: absolute;
  right: 10px;
  opacity: 0;
}

.homeprview button:hover .arrowhidden,
.homeprview a:hover .arrowhidden{
  opacity: 1;
  transition: all 2s ease;
}
.animaroow{
  transition: all 0.7s ease;
/*   transition-property: width;
  transition-duration: 1s; */
  width: 58px;
  height: 16px !important;
}
.homeprview button:hover .animaroow,
.homeprview a:hover .animaroow{
  opacity: 0;
  width: 0px;
}
.home-portfolio .all-h3 {
  margin-bottom: 0;
}
.home-port {
  overflow: visible !important;
}
body.home{
  overflow-x: hidden;
}
.home-port {
  margin-top: 10px;
}
.home-portfolio {
  padding-top: 15px;
  padding-bottom: 0px;
}
.homeprview {
  margin-bottom: 13px;
}
.pr-imgwrap {
  border-radius: 25px;
  overflow: hidden;
  position: relative;
}
.pr-imgwrap .pr-1{
  transition: all 1s ease;
  position: absolute;
  top: 0%;
  left: 0;
  right: 0;
}
.pr-imgwrap:hover .pr-1{
  top: -100% !important;
}
.pr-labels {
  margin-top: 22px;
  margin-bottom: 7px;
}
.pr-labels {
  display: flex;
}
.pr-labels span {
  font-size: 10px;
  background: #F7B318;
  color: #fff;
  font-family: "AmpleSoft Pro", Sans-serif;
  font-weight: 500;
  padding: 1px 9px;
    padding-top: 1px;
  border-radius: 13px;
  padding-top: 1px;
  margin-right: 5px;
}
.portfolio-slide-cnt .h3 a {
  font-size: 20px;
  color: #333;
  font-weight: 500;
  font-family: 'Gilmer Regular';
  text-decoration: none !important;
}

.portfolio-slide-cnt .h3 a:hover{
  opacity: 0.7;
}
.portfolio-slide-cnt p {
  color: #666;
  line-height: 1.2;
  font-size: 13px;
  font-family: "AmpleSoft Pro", Sans-serif;
}
.portfolio-slide-cnt .h3 {
  margin-bottom: 6px;
}
/* ############## Home Portfolio - end ################### */

/* ################## True Technology ################### */
.true-technology{
  background: #1B1A1A;
  padding-bottom: 61px;
  color: #fff;
  padding-top: 90px;
  background-image: url('../img/Concept-9.jpg');
  background-size: cover;
  background-position: right top;
  margin-top: 30px;
}
.true-cnt p {
   color: #999;
  font-family: Gilmer Regular;
  font-size: 13.5px;
  margin-bottom: 20px;
  line-height: 24px;
}
.true-cnt .h1 {
  font-size: 24px;
  line-height: 35px;
  font-weight: 400;
  margin-bottom: 19px;
  font-family: 'Gilmer Regular';
}
.true-cnt .h1 strong {
  font-size: 35px;
  color: #C32626 !important;
}
.true-technology .col-md-5 {
  padding-left: 0;
}
.true-cnt {
  margin-bottom: 45px;
}
.true-technology .h2 {
  font-size: 57px;
  font-weight: bold;
  font-family: 'Gilmer Regular';
  line-height: 1;
}
.true-technology .span-2 {
  font-size: 89px;
  letter-spacing: 2px;
  margin-left: 104px;
}
.true-technology .span-1 {
  font-size: 150px;
  font-size: 105px;
  color: #1B1A1A;
  font-weight: 900;
  -webkit-text-fill-color: #1B1A1A;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #1C8A82;

}
/* ############## True Technology - end ################### */

/* ############## Services ################### */

.hm-services {
  background: #1b191a;
  height: 100vh;
  padding-top: 60px;
  color: #fff;
}
.home .hm-services{
    height: 105vh;
}
.hm-services .all-h3 {
  color: #fff;
}
.hm-service-row {
  margin-top: 40px;
}
.hm-service-row .row >div{
  border: 2px solid #292626;
  border-left: 0;
}
.hm-service-row .row >div:last-child{
  border-right: 0;
}
.hmser-cnt .h4 {
  font-size: 70px;
  opacity: 0.1;
  -webkit-text-fill-color: #1B1A1A;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  font-family: 'Gilmer Regular';
  font-weight: bold;
  line-height: 1;
  text-align: right;
  margin-bottom: 50px;
}
.hmser-cnt .h3 {
  line-height: 23px;
  font-size: 18px;
  font-family: 'Gilmer Regular';
  font-weight: 500;
  margin-bottom: 15px;
}
.hmser-cnt img {
  margin-bottom: 40px;
}
.hmser-cnt ul li {
  font-size: 13px;
  line-height: 26px;
  font-family: "AmpleSoft Pro", Sans-serif;

}
.hmser-cnt ul {
  padding-left: 20px;
  margin-bottom: 30px;
}
.hmser-cnt {
  height: 270px;
  overflow: hidden;
}
.hm-service-row .row {
  margin: 0 !important;
}
.hm-service-row .row > div{
  padding: 0;
  height: 270px;
}
.hm-service-row .row > div .hmser-cnt{
  padding-left: 26px;
  padding-right: 25px;
  transition: all 0.7s ease;
}
.hm-service-row .row > div:hover .hmser-cnt{
  background-color: #C32626;
  }
.hm-service-row .row > div:hover .hmser-cnt{
  height: auto !important;
}
.hm-service-row .row > div:hover .hmser-cnt .h4{
  margin-bottom: -50px;
  transition: all 0.8s ease;
  -webkit-text-fill-color: #c32626;
}
.sera-arow {
  text-align: center;
  margin-right: 15px;
}
.hm-service-row .row > div:hover .hmser-cnt img {
  filter: brightness(100);
}

/* ############## Services - end ################### */


/* ############## Hm-Industries ################### */
.hm-industries {
  padding-top: 40px;
  background: #1b191a;
  color: #fff;
  text-align: center;
  /*   height: 100vh;
    display: flex;
    align-items: center; */
    padding-bottom: 10px;
}
.hm-industries .all-h3 {
  color: #fff;
  margin-bottom: 14px;
/*   margin-bottom: 34px; */
}
.induscties-sroller .h4 {
  font-size: 106px;
  /*   font-size: 117px; */
  color: #3BB0A8;
  font-weight: bold;
  width: 195%;
  margin-bottom: 15px;
  /*   margin-bottom: 40px; */
  font-family: "AmpleSoft Pro", Sans-serif;
  text-align: left;
/*   transform: translate3d(-600px, 0px, 0px); */
}

.induscties-sroller .h4.ouline{
  -webkit-text-fill-color: #1B1A1A;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #3BB0A8;
}
.induscties-sroller span {
  padding: 0 15px;
}
.induscties-sroller .h4.two {
  margin-left: 115px;
}
.induscties-sroller .h4.three {
  margin-left: 230px;
}
/* -- */
.induscties-sroller .h4.one,
.induscties-sroller .h4.two ,
.induscties-sroller .h4.three {
  width: 600%;
}
  .custom-styling-inh4{
      animation: slide 25s linear infinite; /* Apply the slide animation */
/*             animation: slide 2s linear 0s infinite paused; Apply the slide animation */
    }
    /* Keyframes for the sliding animation */
    @keyframes slide {
      0% {
        transform: translateX(0); /* Start at the initial position */
      }
      100% {
        transform: translateX(-50%); /* Slide to the left by 100% of slider width */
      }
    }
/* ############## Hm-Industries - end ################### */

/* ############## Why Branex - end ################### */
.section-to-section-three {
  width: 200%;
  display: flex;
}

.section-to-section-three > section{
  width: 50%;
}
.why-count {
    margin-bottom: 95px;
  }
.why-cnt .h3 {
  font-size: 55px;
  color: #333;
  font-family: 'Gilmer Regular';
  font-weight: bold;
}
.why-cnt .h3 span {
  display: block;
  font-size: 67px;
  color: #1C8A82;
  -webkit-text-fill-color: #FFF;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #1C8A82;
  font-weight: 900;
}
.why-branex {
/*   height: 100vh;
  display: flex;
  overflow: hidden;
  align-items: flex-start; */
  background: url(../img/Concept-14.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.why-cnt p {
  font-size: 40px;
  font-weight: bold;
  font-family: 'Gilmer Regular';
  line-height: 1.2;
  margin-bottom: 0;
}
.why-count span {
  font-size: 118px !important;
  font-family: 'Gilmer Regular';
  font-weight: 900;
  line-height: 1;
	color: #C32626 !important;
}

.flex-counter h6 {
  font-size: 21px;
  line-height: 1.4;
  font-family: 'Gilmer Regular';
  font-weight: 500;
  color: #333;
  width: 38%;
}
.flex-counter p {
  font-size: 14px;
  line-height: 24px;
  width: 62%;
  font-family: 'Gilmer Regular';
  color: #666;
}
/*.wh-fixed{*/
/*  position: fixed;*/
/*  z-index: 0;*/
/*  top: 29vh;*/
/*  bottom: 0;*/
/*  margin: auto;*/
/*   transform: translateY(29vh); */
/*}*/
/* ############## why branex - end ################### */

/* ############## Branex Case studies ################ */
h4.customsliderfnt{
    font-family: 'Gilmer Regular' !important;
}

.hm-casestudies {
  align-items: flex-end;
  display: flex;
}
#rev_slider_3_2_wrapper {
  right: 0 !important;
  left: auto !important;
}
h4.customsliderfnt.stk{
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #E6E8E8;
}

/* ########### Lead Form ############ */
/* .hmleadfrm {
  height: 100vh;
} */
.hmleadfrm form {
  font-family: 'Gilmer Regular' !important;
}
.frmrow {
  display: flex;
}
.frmrow>div{
  width: 50%;
}
.hmleadfrm input,
.frmrow input {
  padding: 18px 0;
  width: 100%;
  border-top: 0;
  border-left: 0;
  border-radius: 0;
  background-color: transparent;
  border-right: 0;
  border-bottom: 2px solid #dedede;
  font-family: 'Gilmer Regular' !important;
  text-transform: capitalize !important;
  outline: 0 !important;
}
.hmleadfrm input::placeholder {
  color: #999 !important;
  text-transform: capitalize;
  letter-spacing: 0;
  font-family: 'Gilmer Regular' !important;
  font-size: 14px;
}
.frmrow input::placeholder {
  color: #999 !important;
  text-transform: capitalize;
  letter-spacing: 0;
  font-family: 'Gilmer Regular' !important;
  font-size: 14px;
}
.hmleadfrm label{
    font-family: 'Gilmer Regular' !important;
  font-size: 14px;
  color: #333;
}
.frmrow > div:first-child {
  padding-right: 25px;
}
.hmleadfrm .wpcf7-not-valid-tip {
  font-size: 12px !important;
}
.hmleadfrm .wpcf7-list-item {
  margin-left: 0 !important;
}
.hmleadfrm .wpcf7-list-item input{
  display: none;
}
.hmleadfrm .wpcf7-list-item label {
  margin-bottom: 0;
}
.hmleadfrm .wpcf7-list-item label {
  border: 1px solid #cbcbcb;
  cursor: pointer;
  padding: 12px 30px;
  margin-right: 14px;
  border-radius: 35px;
}

.custom-active-label {
  border: 2px solid #c32626 !important;
}
.hmleadfrm .homeprview {
  justify-content: flex-start;
  margin-top: 36px;
}
.hmleadfrm button{
  background: transparent !important;
  padding: 0;
  border: 0;
}
.hmleadfrm button:hover{
  cursor: pointer;
}
.hmleadfrm {
  padding-top: 55px;
  padding-bottom: 55px;
  background-color: #fbfbfb;
}
.hmleadfrm p > label {
  margin-top: 20px;
}
.lead-frm-head {
  margin-bottom: 20px;
}
.hmleadfrm form > p {
/*   margin-bottom: 30px; */
}
#budget-frm-hm,
#services-frm-hm {
  margin-top: 20px !important;
  display: block;
}
/* ########### Lead FOrm End ######## */


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


.home-portfolio,
.smt-scroll.hm-industries {
  overflow-x: hidden;
} 
/*.horizon {*/
/*  overflow-x: hidden;*/
/*  display: flex;*/
/*  width: 200% !important;*/
/*}*/
.horizon > section {
/*   width: 50%; */
/*   height: 100vh; */
  overflow: hidden;
}
.tparrows.metis {
  background: red !important;
}
.tp-rightarrow.tparrows.custom.noSwipe {
  height: 12px !important;
  width: 21px !important;
  background: transparent !important;
}
.tp-leftarrow.tparrows.custom.noSwipe {
  height: 12px !important;
  width: 21px !important;
  background: transparent !important
}
.tp-leftarrow.tparrows.custom.noSwipe::before {
  background: url(../img/innerpage-Arrow-left.svg) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  content: " " !important;
  height: 12px !important;
  width: 21px !important;
}
.tp-rightarrow.tparrows.custom.noSwipe::before {
  background: url(../img/innerpage-Arrow-right.svg) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  content: " " !important;
  height: 12px !important;
  width: 21px !important;
}
.hm-casestudies rs-progress::before {
  content: "Drag to Explore" !important;
  display: block !important;
  visibility: visible !important;
  position: absolute;
  bottom: 20px !important;
  left: 0 !important;
  right: 0 !important;
  font-family: "AmpleSoft Pro", Sans-serif !important;
  text-align: center !important;
}
.hm-casestudies rs-progress::after {
  background: url(../img/hand.svg) !important;
  content: "";
  display: block;
  background: red;
  height: 15px;
  position: absolute;
  bottom: 13px;
  z-index: 999;
  right: -148px;
  left: 0;
  visibility: visible !important;
  text-align: center;
  width: 26px;
  margin: 0 auto;
  height: 34px;
  background-repeat: no-repeat !important;
  background-size: contain !important;
    animation: rotateHand 2s linear infinite;
}
section.smt-scroll.hm-industries {
    position: relative;
    z-index: 3;
}
.case-studies-template .jupiterx-footer {
  margin-top: 60px;
}

/* ############################################# Project Page Start ################################################## */
.portfoliobg-cs .container {
  padding: 0;
} 
.portfoliobg-cs {
  background: url('../img/portfolio-pagebg.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
}
.prtfpage img {
  width: 100%;
  height: auto;
}
.prtfpage {
  text-align: right;
}
.prtfpage img {
  width: 90%;
  height: auto;
  margin-left: auto;
  position: relative;
  right: -60px;
  top: 25px;
}
.portfoliobg-cs {
  padding-top: 70px;
}
#portfoliocspg button {
  background: transparent !important;
  border: 0;
  color: #999;
  outline: 0;
  font-weight: 500;
  padding: 0; 
  font-family: 'Gilmer Regular';
  font-size: 13px;
  margin-right: 28px;
  cursor: pointer;
}
#portfoliocspg button:hover{
  opacity: 0.9;
}
#portfoliocspg button.active {
  color: #333;
}
.porfolio-col img {
  max-width: 100%;
  height: auto;
}
#portfoliocspg {
  margin-top: 60px;
  margin-bottom: 35px;
  border: 0;
}
.porfolio-col:nth-child(2n) {
  margin-left: 6%;
  top: 160px;
  position: relative;
}
.porfolio-col {
  max-width: 47%;
  margin-bottom: 40px;
  float: left;
}
.portfolio-slide-cnt img {
  border-radius: 15px;
}
.pr-wrap:hover img {
  transform: scale(1.1);
  transition: all 1s ease;
}
.portfolio-wrapper.clearfix {
  padding-bottom: 160px;
}
.pr-wrap{
  border-radius: 15px;
  overflow: hidden;
} 
.pr-wrap img {
  box-shadow: 4px 4px 10px #e6e6e6;
    background: #e9e9e9;
}

/* ============ ================== About Page CSs ====================== ================ */
.about-imgbx:hover {
    transition: all 0.5s ease;
  box-shadow: 0 0 20px #0000001c;
}
.page.page-id-19852 .jupiterx-header {
  mix-blend-mode: normal !important;
}
.smt-scroll.hm-services.aboutpage-services {
  height: auto !important;
}
.why-branex.aboutpage-why {
  background: url('../img/bgwhyabout.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #1b191a;
}
.aboutpage-why .why-cnt .h3 {
  color: #fff !important;
}
.aboutpage-why .why-cnt p{
  color: #fff !important;
}
.aboutpage-why .why-cnt .h3 span {
  color: #F7B318;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #F7B318;
}
.aboutpage-why .why-count span {
  color: #1C8A82;
}
.aboutpage-why .flex-counter p{
  color: #fff;
}
.aboutpage-why .flex-counter h6{
  color: #666;
}
.page-id-19852 .jupiterx-footer {
  z-index: 99;
  position: relative;
}
.inner-btn-arr a.elementor-button{
  position: relative;
  display: flex;
  align-items: center;
}
.inner-btn-arr a.elementor-button span {
  margin-right: 10px;
  position: relative;
  top: -1px;
}
.inner-btn-arr a.elementor-button::after {
  transition: all 0.7s ease;
  position: absolute;
  right: -65px;
  content: "";
  height: 40px;
  width: 68px;
  background: url('../img/ma-inner-arrow.svg');
  background-repeat: no-repeat;
  background-position: right center;
}
/* .inner-btn-arr a.elementor-button::after{
  transition: all 0.7s ease;
  content: url('../img/ma-inner-arrow.svg');
  position: absolute;
  right: -65px;
} */
.inner-btn-arr a.elementor-button:hover:after{
  opacity: 0;
  width: 40px;
}
.inner-btn-arr a.elementor-button > span{
  transition: transform 0.5s ease;
}
.inner-btn-arr a.elementor-button:hover span{
  transform: translate(15px, 0px);
}
.inner-btn-arr a.elementor-button::before{
  transition: all 0.7s ease;
  content: url('../img/ma-inner-arrow-green.svg');
  position: absolute;
  right: -65px;
  opacity: 0;
  z-index: 1;
}
.inner-btn-arr a.elementor-button:hover::before{
  opacity: 1 !important;
}
.inner-btn-arr .elementor-button-wrapper{
  display: inline-block;
}

.webapptestimonials .slick-arrow {
  display: none !important;
}
.fullwidthcounter .elementor-container {
  max-width: 100% !important;
}
.pmbgn p {
  margin-bottom: 0;
}
.borderleftcounter {
  border-left: 1px solid #dadada;
}
.fullwidthcounter {
  margin-left: -25px;
}
/* ############# Contact Page Css ############### */

.page-id-21000 .jupiterx-header,
.page-id-21189 .jupiterx-header,
.page-id-21213 .jupiterx-header,
.page-id-20957 .jupiterx-header,
.page-id-20882 .jupiterx-header,
.page-id-20763 .jupiterx-header,
.page-id-20710 .jupiterx-header,
.page-id-20674 .jupiterx-header,
.page-id-20327 .jupiterx-header,
.page-id-22492 .jupiterx-header,
.page-id-22484 .jupiterx-header,
.page-id-20049 .jupiterx-header {
  mix-blend-mode: normal !important;
}
.tch-icn-row > .elementor-container {
  max-width: 100% !important;
}
.tch-icn-row .elementor-widget-wrap {
  justify-content: center;
}
.cs-ser_in-sec {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #3A3838 !important;
  margin-bottom: 30px;
}
.techmbgbtm{
  margin-bottom: 30px !important;
}
.serv-numb {
  font-size: 24px;
  font-weight: 500 !important;
}
.cs-ser_in-sec .h3 {
  font-size: 30px;
  width: 250px;
  font-weight: 500;
}
.cs-ser_in-sec a {
  width: 50px;
  height: 50px;
  margin-left: auto;
  position: relative;
  overflow: hidden;
}
.cs-ser_in-sec a img:first-child {
  transition: all 0.8s ease;
  position: absolute;
  top: 0;
  right: 0;
}
.cs-ser_in-sec a img:last-child {
  position: absolute;
  top: 42px;
  left: -40px;
}

.cs-ser_in-sec a img:last-child {
  transition: all .8s ease;
}
.cs-ser_in-sec .techinnerp {
  font-size: 16px;
  color: #999;
  width: 55%;
}
.serv-numb {
  font-size: 24px;
  font-weight: 500 !important;
  margin-right: 50px;
}
.cs-ser_in-sec p, .cs-ser_in-sec .h3 {
  margin-bottom: 0;
}
.cs-ser_in-sec:hover img:last-child {
  top: 0;
  left: 0;
}
.cs-ser_in-sec:hover .h3{
  color: #1C8A82;
  transition: all .8s ease;
}
.cs-ser_in-sec:hover img:first-child {
  top: -40px;
  right: -40px;
  transition: all .8s ease;
}

.sol_hvr-img {
	position: absolute;
	top: 0px;
	left: -915px;
	transition: all 1s ease;
	right: 500px;
	margin: 0 auto;
	width: 70% !important;
	/*   margin: auto;
	width: 76%; */
}
.overflowrowhidden {
  overflow: visible !important;
}
.sol_hvr-img-w img:first-child {
  top: -126px;
}
.sol_hvr-img-w img:nth-child(3) {
  top: 122px;
}
.sol_hvr-img-w img:nth-child(4) {
  top: 244px;
}
.sol_hvr-img-w img:nth-child(5) {
  top: 366px;
}
.sol_hvr-img-w img:nth-child(6) {
  top: 488px;
}
.sol_hvr-img.visible-cs{
	transform: rotate(16deg);
	right: 0;
	left: -44px !important;
}
.technologycms-spmng .cs-ser_in-sec .h3 {
  margin-bottom: 20px;
}
.flexone_six .elementor-widget-wrap {
  flex-wrap: nowrap;
  padding: 0 !important;
}
.updatedone {
  border: 1px solid #353535;
  border-radius: 5px;
}
.updatedone:hover {
  background: #313030;
}
.wdfullcss .elementor-container {
  max-width: 100% !important;
}
.wdtfull100 .elementor-container {
  max-width: 100% !important;
}
@keyframes rotateHand {
      0% {
        transform: rotate(30deg);
      }
      50%{
      transform: rotate(-30deg);
      }
      100% {
        transform: rotate(30deg);
      }
}
/*     font-family: 'Gilmer Regular'; */
/*   font-family: "AmpleSoft Pro", Sans-serif; */




/*################ Staffing Page ################*/
.page-id-21387 .jupiterx-header {
  mix-blend-mode: normal !important;
}
.page-id-21387 .jupiterx-header {
  mix-blend-mode: normal !important;
}
.btnwithic a{
	height: 60px !important;
	border: 1px solid #fff;
	border-radius: 45px !important;
	padding-left: 30px !important;
	display: flex !important;
	width: fit-content !important;
	align-items: center !important;
	position: relative;
}
.btnwithic a .elementor-button-text{
  margin-right: 42px !important;
  line-height: 49px;
}	
.btnwithic a svg{
	width: 50px;
	height: 50px;
	  margin-top: 1px;
	margin-right: 3px;
}
.frmcolcss {
  border-radius: 10px !important;
  overflow: hidden;
}
.frmcolcss .elementor-widget-wrap.elementor-element-populated {
  padding: 35px !important;
  padding-top: 48px !important;
}
.frmcolcss .elementor-widget-heading {
  margin-bottom: 40px !important;
}
.frmcolcss label {
  color: #000;
  font-size: 17px;
  font-family: "cs-glimer", Sans-serif;
  font-weight: 500;
  margin-bottom: 14px;
}
.frmcolcss .wpcf7-form-control {
  width: 100%;
  height: 60px;
  border: 0;
  color: #666;
  text-transform: capitalize !important;
  padding: 0 31px;
  margin-bottom: 20px;
}
.frmcolcss .wpcf7-form-control::placeholder {
  font-family: "cs-glimer", Sans-serif !important;
  text-transform: capitalize !important;
  letter-spacing: 0;
  font-size: 15px;
  color: #666 !important;
  opacity: 1 !important;
}
.frmcolcss .wpcf7-form-control.wpcf7-submit.has-spinner {
  background: #1C8A82;
  color: #fff;
  margin-bottom: 0 !important;
  font-weight: bold;
  font-family: "cs-glimer", Sans-serif !important;
  font-size: 18px;
}
.frmcolcss .wpcf7-spinner {
  position: absolute;
  left: 0;
  bottom: -10px;
}
.btnwithic a:hover,
.frmcolcss .wpcf7-form-control.wpcf7-submit.has-spinner:hover {
  opacity: 0.8;
  cursor: pointer;
}
/* ############################### */
/* ########## staffing ########### */
/* ############################### */
.team_slider-row .slick-dots {
  padding: 0;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  list-style: none;
  align-items: center;
}
.team_slider-row .slick-dots button {
  visibility: hidden;
  padding: 0;
  height: auto !important;
}
.team_slider-row .slick-dots button::before {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  background: #1C8A82;
  visibility: visible;	cursor: pointer;
  border-radius: 20px;
  opacity: 0.2;
}

.team_slider-row .slick-dots li.slick-active button::before {
  opacity: 1;
  background: #fff;
  border: 4px solid #1C8A82;
  width: 13px !important;
  height: 13px !important;
}
.team_slider-row .slick-dots li {
  margin: 0 5px;
}
.team-stf-wrapper {
  border-radius: 11px;
  margin: 45px 12px;
  box-shadow: 0 4px 24px #00000014;
}
.team-stf-wrapper {
	text-align: center;
	color: #000;
	padding: 0 22px;
	height: 360px !important;
	padding-bottom: 25px;
}
.team-stf-wrapper .h3{
	font-size: 16px;
	margin-top: 16.5px;
	margin-bottom: 19px;
	font-family: "cs-glimer", Sans-serif;
	font-weight: bold;
}
.team-stf-wrapper p{
	color: #333333;
	font-size: 14px;
	font-family: "AmpleSoft Pro", Sans-serif;
	line-height: 24px;
} 
.fcontainer .elementor-container.elementor-column-gap-default {
  max-width: 88% !important;
  border-radius: 10px !important;
}
.fcontainer .btnwithic a .elementor-button-text {
  margin-right: 32px !important;
}
.fcontainer {
  border-radius: 15px;
}
.full-container .elementor-container{
  max-width: 100% !important;
}
.fnt30ad {
  margin-bottom: 5px !important;
}
.fnt30ad p::before {
  content: "";
  width: 41px;
  height: 41px;
  display: block;
  background: url(https://branex.com/wp-content/uploads/2023/11/requirement-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -61px;
  top: 7px;
  bottom: 0;
}
.fnt30ad.get-team p::before{
	background-image: url(https://branex.com/wp-content/uploads/2023/11/get_team.svg);
}
.fnt30ad.strt-working p::before{
	background-image: url(https://branex.com/wp-content/uploads/2023/11/working.svg);
}
.imglinecss img {
  height: 642px !important;
  position: relative;
  right: 19px;
  top: 9px;
  border-left: 2px dashed #6F6D6D !important;
  width: 0 !important;
}
.schbtncss a {
    font-size: 12.807px !important;
    height: 42.69px !important;
    line-height: 39.69px;
    width: 138.7425px !important;
    position: relative;
}
.schbtncss a:hover{
	opacity: 0.7;
}
.schbtncss a::before {
  content: "";
  position: absolute;
  width: 39px;
  height: 2px;
  border-top: 2px dashed #6F6D6D;
  left: -40px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
}
.infascol .elementor-widget-wrap.elementor-element-populated {
  margin: 0 10px;
  background: #222;
  padding: 35px !important;
}
.infras_listic .elementor-icon-list-item.elementor-inline-item {
	  width: 45%;
	}
	.wecvr::before {
  content: "";
  background: url('https://branex.com/wp-content/uploads/2023/11/lftarrow.svg');
  position: absolute;
  left: -47px;
  width: 60px;
  height: 60px;
  display: block;
  background-size: contain;
  top: 11px;
}

.soyou-child {
  background: #222;
  padding: 35px;
  margin: 0 11px !important;
}
.soyou-slider {
  margin: 0 -11px !important;
}


.soyou-slider .slick-dots{
    display: flex;
    margin-bottom: 0;
    padding-left: 11px;
    list-style: none;
}
.soyou-slider .slick-dots li button{
  background: transparent !important;
  border: 0 !important;
  padding: 0;
  visibility: hidden;
}

.soyou-slider .slick-dots li button::before {
  content: "";
  display: block;
  width: 10px;
  height: 5.6px;
  background: #E52421;
  visibility: visible;
  margin-right: 7.115px;
  border-radius: 40px;
}
.soyou-slider .slick-dots li.slick-active button::before {
    width: 28.46px;
    transition: all 0.7s ease;
}
.mt60 {
  margin-bottom: 0 !important;
}
.soyou-child img {
  margin: 0 !important;
}

.soyou-child p {
  color: #fff !important;
  line-height: 22px;
  font-family: "AmpleSoft Pro", Sans-serif;
  font-size: 12px;
}
.custom_heading-element {
  color: #fff;
  font-size: 17.78px;
  font-weight: bold;
  font-family: "cs-glimer", Sans-serif;
  margin-bottom: 17.78px;
  margin-top: -17.78px;
  line-height: 24px;
}
.soyou-slider .slick-dots {
  margin-top: 21px !important;
}
.colgreen .elementor-widget-wrap.elementor-element-populated {
    background: #1C8A82;
    border-radius: 11px;
    margin: 0 11px;
    padding: 28px !important;
}
.colgray .elementor-widget-wrap.elementor-element-populated {
    background: #EAEEED;
    margin: 0 11px;
    border-radius: 11px;
    padding: 28px !important;
}
.fnt20ad {
  margin-bottom: 3px !important;
}
.btnwithicn .elementor-button svg {
  width: 47px !important;
  margin-left: 28.46px;
}
.btnwithicn.extramg-left .elementor-button svg {
    margin-left: 5px;
}
.btnwithicn .elementor-button span{
    display: flex;
    align-items: center;
}
.btnwithicn a:hover {
  opacity: 0.7 !important;
}
.staffing-faq p {
  width: 90%;
  margin-bottom: 0 !important;
}
.staffing-faq .elementor-toggle-item {
  padding-top: 17.7875px;
  padding-left: 16.3645px;
  padding-right: 16.3645px;
  border-radius: 8px;
  padding-bottom: 17.7875px;
}
.staffing-faq .elementor-toggle .elementor-tab-title {
  padding-bottom: 0 !important;
}
.staffing-faq .elementor-tab-content{
    margin-top: 15px;
}
.infras_listic .elementor-icon-list-item .elementor-icon-list-icon svg rect,
.infras_listic .elementor-icon-list-item.elementor-inline-item svg path,
.infras_listic .elementor-icon-list-item.elementor-inline-item svg rect {
  display: none !important;
}

.infras_listic.left .elementor-icon-list-item.elementor-inline-item:first-child svg path,
.infras_listic.left .elementor-icon-list-item.elementor-inline-item:first-child svg rect {
  display: block !important;
}
.infras_listic.left .elementor-icon-list-item.elementor-inline-item:nth-child(2) svg {
  background-image: url(https://branex.com/wp-content/uploads/2023/11/payroll.svg);
}
.infras_listic.left .elementor-icon-list-item.elementor-inline-item:nth-child(3) svg {
  background-image: url('https://branex.com/wp-content/uploads/2023/11/office.svg');
}
.infras_listic.left .elementor-icon-list-item.elementor-inline-item:nth-child(4) svg {
  background-image: url('https://branex.com/wp-content/uploads/2023/11/legal-support.svg');
}
.infras_listic.left .elementor-icon-list-item.elementor-inline-item:nth-child(5) svg {
  background-image: url('https://branex.com/wp-content/uploads/2023/11/hardwere.svg');
}
.infras_listic.left .elementor-icon-list-item.elementor-inline-item:nth-child(6) svg {
  background-image: url('https://branex.com/wp-content/uploads/2023/11/corporate-event.svg');
}
.infras_listic.left .elementor-icon-list-item.elementor-inline-item:nth-child(7) svg {
  background-image: url('https://branex.com/wp-content/uploads/2023/11/accountant.svg');
}
.infras_listic.left .elementor-icon-list-item.elementor-inline-item:nth-child(8) svg {
  background-image: url('https://branex.com/wp-content/uploads/2023/11/medical-inssurance.svg');
}
.infras_listic.left .elementor-icon-list-item.elementor-inline-item:nth-child(9) svg {
  background-image: url('https://branex.com/wp-content/uploads/2023/11/addional-security.svg');
}
.infras_listic.left .elementor-icon-list-item.elementor-inline-item:last-child svg {
  background-image: url('https://branex.com/wp-content/uploads/2023/11/flexible.svg');
}
.infras_listic.right .elementor-icon-list-item:first-child .elementor-icon-list-icon svg{
      background-image: url('https://branex.com/wp-content/uploads/2023/11/recruitment-1-1.svg');
}
.infras_listic.right .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon svg{
      background-image: url('https://branex.com/wp-content/uploads/2023/11/team-management-1-1.svg');
}
.infras_listic.right .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon svg{
      background-image: url('https://branex.com/wp-content/uploads/2023/11/onboarding-1-1.svg');
}
.infras_listic.right .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon svg{
      background-image: url('https://branex.com/wp-content/uploads/2023/11/magnet-1.svg');
}
.infras_listic.right .elementor-icon-list-item:last-child .elementor-icon-list-icon svg{
      background-image: url('https://branex.com/wp-content/uploads/2023/11/incentive-1.svg');
}
.infras_listic .elementor-icon-list-item .elementor-icon-list-icon svg,
.infras_listic .elementor-icon-list-item.elementor-inline-item svg {
  background-size: 38px;
  background-repeat: no-repeat;
  background-position: 50% 45%;
}
.staffing-faq .elementor-toggle .elementor-tab-title .elementor-toggle-icon svg {
  width: 22px;
  height: 22px;
  position: relative;
  top: -3px;
}
/* ############################### */
/* ########## software ########### */
/* ############################### */
.page-id-21794 .jupiterx-header {
  position: absolute !important;
  mix-blend-mode: normal !important;
}
.hire_p.licss li {
  width: 50%;
}
.hire_p.licss ul {
    list-style-position: inside;
    /*color: #1C8A82;*/
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}
.hire_p.licss ul li::marker {
    color: #1C8A82;/* Change the color of the list item marker */
}
.slidrlogo-cs .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 6px solid #1C8A82;
  width: 19px !important;
  height: 19px !important;
  background: #fff !important;
}
.slidrlogo-cs .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 55px !important;
  position: static !important;
}  
.sourcepg-onethid > .elementor-widget-wrap.elementor-element-populated {
    border: 1px solid #E4E4E4;
    padding: 43px 0 !important;
    margin: 16px;
    border-radius: 5px !important;
}
.softdevinlinecss img {
  position: relative;
  right: 35px;
  top: 7px;
  height: 840px !important;
  object-fit: cover;
}
.fcontainer.new .elementor-container.elementor-column-gap-default {
  max-width: 94% !important;
  border-radius: 10px !important;
  margin-right: 0;
}
.line_height-heading .elementor-heading-title.elementor-size-default {
  margin-top: 60px !important;
  margin-bottom: 40px;
}

.bg01 .elementor-widget-wrap.elementor-element-populated {
  margin: 0 15px !important;
}
/*#### Dedicated Resource #####*/
.page-id-22096 .jupiterx-header {
  mix-blend-mode: normal !important;
}
.new.updatedone:hover {
  border: 0 !important;
}
.mgtop156 {
  margin-top: 110px !important;
}
.new.updatedone {
    background: none !important;
    box-shadow: 0 4px 14px #0000001c;
    border: 0 !important;
    border-radius: 10px;
}
.singleresources-page.imglinecss img {
  height: 564px !important;
}
.schbtncss.newbtn a::before {
  display: none;
}
.bestfit-list.updatedonelist .elementor-icon-list-text b {
  display: block;
  font-size: 25px;
  font-weight: bold;
  color: #333;
  line-height: 72px;
}
.sl_logos img {
  padding: 14px !important;
  width: 102px !important;
}
.customnewtabs .elementor-tab-title {
  width: 34%;
  text-align: center;
  padding: 33px !important;
  position: relative;
}
.customnewtabs .elementor-tab-title::after {
  border: 0 !important;
}
.customnewtabs .elementor-tab-title::before{
    border: 0 !important;
}
.customnewtabs .elementor-active {
  border: 0 !important;
}
.mx-container .elementor-container .customnewtabs .elementor-container {
  width: 100% !important;
  max-width: 100% !important;
}
.customnewtabs .elementor-tabs-wrapper {
  border-bottom: 1px solid #CCC;
}
.customnewtabs .elementor-tab-title.elementor-active {
  border-bottom: 5px solid #E52421 !important;
      font-weight: bold !important;
}
.customnewtabs .elementor-tab-content {
  padding: 0 !important;
}
.customnewtabs .elementor-tab-content .elementor-widget-wrap.elementor-element-populated {
  padding: 0;
}
.customnewtabs .elementor-tab-content p {
  margin: 0;
}

.tabonethirdcss {
  padding: 42px;
  padding-bottom: 46px;
}
.tabbtmsec .elementor-column.elementor-col-33 {
  margin: 0 16px;
  box-shadow: 0 6px 10px #00000026;
  border-radius: 10px;
}
.btgetbtncss .elementor-button {
  height: 60px;
  width: 405px !important;
  line-height: 60px;
  margin-top: 70px;
  margin-bottom: 85px;
}
.btgetbtncss.btn2 .elementor-button {
  width: auto !important;
  padding: 0 32.729px !important;
}
#testimonial-slider-a .elementor-swiper-button {
  display: none;
}
body .contact-sec-a.pdtopnonecs.elementor-section-height-full {
  padding-top: 0 !important;
}
/* AZU Page*/
.eco_slide.swiper-slide {
  width: 23%;
}
.eco_slide.swiper-slide:first-child {
  width: 22%;
}
.eco_slide.swiper-slide:nth-child(2){
  width: 25%;
}
.eco_slide.swiper-slide:nth-child(4){
  width: 21%;
}
/*### AWS ### */
.AWS .eco_slide.swiper-slide:nth-child(2) {
  width: 24%;
}
.AWS .eco_slide.swiper-slide:nth-child(4) {
  width: 24%;
}
/* ## ReactNative ##*/
.reactnative .eco_slide.swiper-slide {
  width: 26% !important;
}
.eco_slider{
    overflow: hidden;
}
.img_featured_az {
  margin: 0 auto;
}
.azfnt_20.pmgbadd {
  margin-bottom: 0 !important;
}
.img_featured_az .swiper-slide-inner {
  height: 100px;
  width: 201px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 16px 18px #e6e6e685;
  margin-bottom: 40px !important;
  margin-top: 10px !important;
  border-radius: 5px;
  margin-left: 12.5px !important;
  margin-right: 12.5px !important;
}
.img_featured_az .swiper-slide {
  text-align: center !important;
  display: flex;
  justify-content: center;
}
.wdtfull80 .elementor-container {
  max-width: 75.9% !important;
}
.services_acrodions_az .jet-accordion,
.services_acrodions_az .jet-accordion .jet-accordion__inner .jet-accordion__item.jet-toggle {
  background-color: transparent !important;
}
.services_acrodions_az .jet-toggle__icon {
  width: auto !important;
  height: auto;
  background: transparent !important;
  color: #000 !important;
  font-size: 14px !important;
  padding-right: 7px !important;
}
.services_acrodions_az .jet-toggle__label-text {
  font-size: 20px !important;
  padding: 30px 0 !important;
  line-height: 1 !important;
}
.services_acrodions_az .jet-toggle {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
.services_acrodions_az .jet-toggle__content-inner p {
  margin-bottom: 30px;
}
.services_acrodions_az .jet-toggle__label-text::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  color: #E52421 !important;
  margin-right: 20px !important;
  font-size: 15px;
}
.mgtopnone.whysecaz {
  margin-top: 0 !important;
}
.whysecaz .about-imgbx .elementor-image-box-title {
  margin-bottom: 20px;
}
.strong_heading {
  font-size: 22px;
  color: #222;
  font-family: "cs-glimer", Sans-serif !important;
  font-weight: bold;
  margin-bottom: 30px;
}
.eco_slide.swiper-slide {
  border-right: 1px solid #CCCCCC;
  height: auto !important;
  padding-left: 50px;
   padding-right: 50px;
}
.eco_slider .eco_slide:first-child {
  padding-left: 0 !important;
}
.eco_slide ul{
    margin-bottom: 0 !important;
    padding-left: 21px;
}
.eco_slide ul li {
  color: #222 !important;
  font-family: "cs-glimer", Sans-serif !important;
  font-size: 18px;
  position: relative;
  list-style: none;
      margin-bottom: 17px;
}
.eco_slide ul li:last-child{
    margin-bottom: 0 !important;
}
.eco_slide ul li::before {
  content: "";
  width: 12px;
  height: 12px;
  background: #C32626;
  display: block;
  position: absolute;
  left: -20px;
  border-radius: 10px !important;
  top: 9px;
  /*bottom: 0;*/
  /*margin: auto;*/
}
.page-id-22586 .home-testimonial {
  height: auto !important;
}
.page-id-22586 .home-testimonial.change > div{
  height: auto !important;
}
.page-id-22586 .slidercontent-testimon {
  margin-top: 30px;
}
.mgtop90{
    margin-top: 70px !important;
}
.liai li {
    color: #333;
    line-height: 36px;
    font-size: 21px !important;
}
.mgauto{
    margin-left: auto;
    margin-right: auto;
}
.staffing-faq.devop ul {
  margin-top: 15px;
  line-height: 1.7;
}
.page-id-23063 .inner_cnt-adjsutment li {
  line-height: 1.7;
  margin-bottom: 30px;
}
.newtech #menu-technologies li {
  width: 49%;
  display: inline-block;
}
.newtech #menu-technologies li#menu-item-23204,
.newtech #menu-technologies li#menu-item-23202,
.newtech #menu-technologies li#menu-item-21310 {
  width: 100%;
}

/*########################*/
/* NEW TECHNOLOGIES PAGES */
/*########################*/
.techheading{
    margin-top: 0;
}
.techbanner{
     display: inline-block;
}
 .techbanner a {
  font-size: 18px;
  color: #FFF;
  font-family: "AmpleSoft Pro", Sans-serif;
  text-decoration: none !important;
  font-weight: 500;
  display: flex;
  align-items: center;
  position: relative;
  transition: all 1s ease;
}
.techbanner img {
  margin-left: 13px;
}
.arrowhidden {
  transition: all 0.7s ease;
  position: absolute;
  right: 10px;
  opacity: 0;
}
.techbanner a:hover .arrowhidden {
  opacity: 1;
  transition: all 2s ease;
}
.techbanner a::after {
  content: "";
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 40px;
  border: 2px solid;
  margin-left: -27px;
  transition: all 1s ease;
}
.techbanner a:hover::after{
    margin-left: 0px;
    background: #1C8A82;
}
.techbanner a:hover .animaroow {
  opacity: 0;
  width: 0px;
}
.techbanner a:hover{
    color: #fff;
}
.techheading {
  margin-top: 113px !important;
}
.mgtopnone{
    margin-top: 0 !important;
}
.prbottomnone{
  margin-bottom: 0 !important;
}
.tech_panel {
    width: 100%;
/*     max-width: 600px; */
    margin: 60px auto;
}

.cs_techn_tabs {
    position: relative;
}

.cs_techn_tabs:after {
    content: ' ';
    display: table;
    clear: both;
}

.cs_techn_tabs {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cs_techn_tabs__tech {
    float: left;
    width: 20%;
    text-align: center;
}

.cs_techn_tabs__tech:first-child.tech_active ~ .cs_techn_tabs__presentation-slider {
    transform: translateX(0) scaleX(0.20);
}

.cs_techn_tabs__tech:nth-child(2).tech_active ~ .cs_techn_tabs__presentation-slider {
    transform: translateX(20%) scaleX(0.20);
      background: #C32626;
}

.cs_techn_tabs__tech:nth-child(3).tech_active ~ .cs_techn_tabs__presentation-slider {
    transform: translateX(40%) scaleX(0.20);
      background: #F7B318;
}

.cs_techn_tabs__tech:nth-child(4).tech_active ~ .cs_techn_tabs__presentation-slider {
    transform: translateX(60%) scaleX(0.20);
      background: #F05600;
}

.cs_techn_tabs__tech:nth-child(5).tech_active ~ .cs_techn_tabs__presentation-slider {
    transform: translateX(80%) scaleX(0.20);
      background: #0080DC;
}
/*--*/
.reactnative_ecotabs .cs_techn_tabs__tech{
    width: 25%;
}
.reactnative_ecotabs .cs_techn_tabs__tech:first-child.tech_active ~ .cs_techn_tabs__presentation-slider {
    transform: translateX(0) scaleX(0.25);
}

.reactnative_ecotabs .cs_techn_tabs__tech:nth-child(2).tech_active ~ .cs_techn_tabs__presentation-slider {
    transform: translateX(25%) scaleX(0.25);
      background: #C32626;
}

.reactnative_ecotabs .cs_techn_tabs__tech:nth-child(3).tech_active ~ .cs_techn_tabs__presentation-slider {
    transform: translateX(50%) scaleX(0.25);
      background: #F7B318;
}

.reactnative_ecotabs .cs_techn_tabs__tech:nth-child(4).tech_active ~ .cs_techn_tabs__presentation-slider {
    transform: translateX(75%) scaleX(0.25);
      background: #F05600;
}
/**/
.azure_ecosyswrapper .cs_techn_tabs__tech{
    width: 14.28%;
}
.azure_ecosyswrapper .cs_techn_tabs__tech:first-child.tech_active ~ .cs_techn_tabs__presentation-slider {
    transform: translateX(0) scaleX(0.14285714285);
}

.azure_ecosyswrapper .cs_techn_tabs__tech:nth-child(2).tech_active ~ .cs_techn_tabs__presentation-slider {
    transform: translateX(14.2857142857%) scaleX(0.14285714285);
      background: #C32626;
}

.azure_ecosyswrapper .cs_techn_tabs__tech:nth-child(3).tech_active ~ .cs_techn_tabs__presentation-slider {
    transform: translateX(28.5714285714%) scaleX(0.14285714285);
      background: #F7B318;
}

.azure_ecosyswrapper .cs_techn_tabs__tech:nth-child(4).tech_active ~ .cs_techn_tabs__presentation-slider {
    transform: translateX(42.8571428571%) scaleX(0.14285714285);
      background: #C32626;
}
.azure_ecosyswrapper .cs_techn_tabs__tech:nth-child(5).tech_active ~ .cs_techn_tabs__presentation-slider {
    transform: translateX(57.1428571428%) scaleX(0.14285714285);
      background: #0180DC;
}
.azure_ecosyswrapper .cs_techn_tabs__tech:nth-child(6).tech_active ~ .cs_techn_tabs__presentation-slider {
    transform: translateX(71.4285714285%) scaleX(0.14285714285);
      background: #C32626;
}
.azure_ecosyswrapper .cs_techn_tabs__tech:nth-child(7).tech_active ~ .cs_techn_tabs__presentation-slider {
    transform: translateX(85.7142857142%) scaleX(0.14285714285);
      background: #1c8a82;
}
.vertical-align-btm .elementor-container{
    align-items: flex-end;
}
/*.cs_techn_tabs__tech:nth-child(5).tech_active ~ .cs_techn_tabs__presentation-slider {*/
/*    transform: translateX(80%) scaleX(0.20);*/
/*      background: #0080DC;*/
/*}*/
.cs_techn_tabs__presentation-slider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1C8A82;
    transform-origin: 0 0;
    transition: transform .25s;
}


.tech_Tab > a {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: color .15s;
  /*justify-content: center;*/
  align-items: center;
  height: 140px;
  font-size: 22px;
  font-weight: 500;
  color: #A2A2A2 !important;
  font-family: 'Gilmer Regular';
}
.page-id-24115 .tech_Tab > a{
  height: 172px;
}
.page-id-24022 .tech_Tab > a,
.page-id-24084 .tech_Tab > a{
  height: 172px;
}
.tech_Tab.tech_active > a {
    color: #222;
}


.tech_Tab:hover > a {
    color: #222;
}
.tech_tab-content {
  display: none;
}
.tech_tab-content.tech_active {
  display: block;
}
.cs_techn_tabs__tech a {
    transition: color .15s, font-size 0.7s; /* Added transition for font-size */
}
.tech_Tab img{
     filter: grayscale(100%) invert(67%) brightness(180%) sepia(0%) hue-rotate(180deg);
}
.tech_Tab .second {
  filter: grayscale(100%) invert(67%) brightness(167%) sepia(0%) hue-rotate(180deg);
}
.tech_Tab .third {
  filter: grayscale(100%) invert(72%) brightness(229%) sepia(0%) hue-rotate(180deg);
}
.tech_Tab img {
    transition: width 0.7s ease;
  width: 60px;
  margin-bottom: 27px;
}
.tech_Tab.tech_active img {
  width: 76px;
  filter: none !important;
  margin-bottom: 17px;
  margin-top: -8px;
}
.services_accordion-tech .jet-accordion__item.jet-toggle {
    margin-bottom: 0;
    border: 0 !important;
    border-top: 1px solid #E4E4E412 !important;
    border-radius: 0 !important;
}
.services_accordion-tech .jet-accordion {
  border-bottom: 1px solid #E4E4E412 !important;
}
.services_accordion-tech .jet-toggle__control {
  padding-left: 38px !important;
  padding-top: 31px !important;
  padding-bottom: 31px !important;
  padding-right: 0;
}
.services_accordion-tech .jet-toggle__content-inner {
  color: #fff !important;
  font-size: 17px;
  line-height: 32px;
  font-family: "cs-glimer", Sans-serif;
  padding: 0 38px !important;
  padding-bottom: 31px !important;
}
.services_accordion-tech .jet-accordion__item.jet-toggle.active-toggle {
  border-left: 8px solid #C32626 !important;
}
.services_accordion-tech .jet-toggle__icon svg path {
  fill: transparent !important;
}
.services_accordion-tech .jet-toggle__icon{
  background: transparent !important;
  width: auto !important;
  height: auto;
}
.services_accordion-tech .jet-accordion__item.jet-toggle.active-toggle {
    background-repeat: no-repeat !important;
    background-position: 81% 23px !important;
    background-size: contain !important;
}
.services_accordion-tech .jet-accordion__item.jet-toggle:first-child.active-toggle{
     background-image: url(https://branex.com/wp-content/uploads/2024/03/services-01.png) !important;
}
.services_accordion-tech .jet-accordion__item.jet-toggle:nth-child(2).active-toggle{
     background-image: url(https://branex.com/wp-content/uploads/2024/03/services-02.png) !important;
}
.services_accordion-tech .jet-accordion__item.jet-toggle:nth-child(3).active-toggle{
     background-image: url(https://branex.com/wp-content/uploads/2024/03/services-03.png) !important;
}
.services_accordion-tech .jet-accordion__item.jet-toggle:nth-child(4).active-toggle{
     background-image: url(https://branex.com/wp-content/uploads/2024/03/services-04.png) !important;
}
.services_accordion-tech .jet-accordion__item.jet-toggle:nth-child(5).active-toggle{
     background-image: url(https://branex.com/wp-content/uploads/2024/03/services-05.png) !important;
}
.services_accordion-tech .jet-accordion__item.jet-toggle:nth-child(6).active-toggle{
     background-image: url(https://branex.com/wp-content/uploads/2024/03/services-06.png) !important;
}
.services_accordion-tech .jet-accordion__item.jet-toggle:nth-child(7).active-toggle{
     background-image: url(https://branex.com/wp-content/uploads/2024/03/services-07.png) !important;
}
.services_accordion-tech .jet-accordion__item.jet-toggle:nth-child(8).active-toggle{
     background-image: url(https://branex.com/wp-content/uploads/2024/03/services-08.png) !important;
}
.services_accordion-tech .jet-accordion__item.jet-toggle:nth-child(9).active-toggle{
     background-image: url(https://branex.com/wp-content/uploads/2024/03/services-10.png) !important;
}
.techmgtop150 .elementor-widget-container {
  margin-bottom: 70px !important;
}

.imgbottomset .elementor-widget.elementor-widget-image, 
.imgbottomset .elementor-widget-container {
  height: 100%;
}
.smt-scroll.hm-services.techonologiespg {
  background: transparent;
}
.hm-services.techonologiespg .all-h3 {
    color: #333;
    font-size: 50px;
    line-height: 66px;
}
.hm-services.techonologiespg .hmser-cnt .h4 {
  opacity: 1;
  -webkit-text-fill-color: #FFF;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #EEEEEEB0;
}
.hm-services.techonologiespg .hmser-cnt .h3 {
  color: #333;
  font-size: 22px;
  line-height: 1.5;
}
.techonologiespg .hm-service-row .row > div {
  border: 1px solid #dfdfdf66;
  border-left: 0;
}
.techonologiespg .hm-service-row .row > div:hover .h3 {
  color: #fff !important;
}
.techonologiespg .hm-service-row .row > div:hover .h4 {
  -webkit-text-stroke-color: #EEEEEE21;
}
.techonologiespg .hmser-cnt p {
  font-size: 16px;
  line-height: 1.5;
  font-family: "AmpleSoft Pro", Sans-serif;
}

.techonologiespg .hm-service-row .row > div:hover .hmser-cnt {
  height: 465px !important;
}
.techonologiespg.azure .hm-service-row .row > div:hover .hmser-cnt {
  height: 513px !important;
}
.techonologiespg.azure.aws_new .hm-service-row .row > div:hover .hmser-cnt {
  height: 550px !important;
}
.techonologiespg .hm-service-row .row > div:hover .hmser-cnt .h4 {
  margin-bottom: -15px;
  transition: all 0.8s ease;
  -webkit-text-fill-color: #c32626;
}
.techonologiespg  .hm-service-row .row > div .hmser-cnt {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.techonologiespg.aws_new  .hm-service-row .row > div .hmser-cnt {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.techonologiespg.hm-services {
  height: auto !important;
   margin-bottom: 145px;
}
.ecosystemcontainer .elementor-widget-container {
  margin: 0 auto;
  max-width: 83% !important;
}
.cs-techno_body {
  border-top: 3px solid #F4F4F4;
  margin-top: -2.8px;
  padding-top: 63px;
}
.cs_techn_tabs__tech.tech_Tab.tech_active a {
  font-size: 26px !important;
  color: #333 !important;
}
.tech_tab-content {
  font-size: 20px;
  font-family: cs-glimer;
  color: #222;
}
.tectab_content_inner ul {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0;
}

.tectab_content_inner ul li::before {
  content: "";
  width: 16px;
  display: inline-block;
  height: 16px;
  border-radius: 10px;
  margin-right: 11px;
}
 .tectab_content_inner ul li {
    padding: 14px 24px;
    border-radius: 14px;
    margin: 0 15px;
    margin-bottom: 30px;
  }
.libraries .tectab_content_inner ul li{
    background: #F7B3181C;
}
.libraries .tectab_content_inner ul li::before{
    background: #F7B318;
}
.frameworks .tectab_content_inner ul li{
      background: #1C8A8210;
}
.frameworks .tectab_content_inner ul li:before{
    background: #1C8A82;
}
.languages .tectab_content_inner ul li{
       background: #C3262612;
}
.languages .tectab_content_inner ul li:before{
     background: #C32626;
}
.testing_frameworks .tectab_content_inner ul li{
      background: #F056001D;
}
.testing_frameworks .tectab_content_inner ul li:before{
    background: #F05600;
}
.storage .tectab_content_inner ul li{
      background: #0080DC14;
}
.storage .tectab_content_inner ul li:before{
    background: #0080DC;
}
.mx-container .elementor-container .child-container .elementor-container {
  max-width: 100% !important;
}


.keywrapper_new >.elementor-container{
    padding: 45px 40px;
    border-radius: 20px;
    box-shadow: 0 4px 50px #0606060A;
    background: #fff !important;
}
.prbottomnone p {
  margin-bottom: 0 !important;
}
.lichanges.azfnt_20 ul li p {
  margin-bottom: 0 !important;
    line-height: 36px;
    font-size: 20px;
}
.techonologiespg .hire_p p {
  font-family: cs-glimer;
  max-width: 700px;
  color: #666;
}
/*Banners*/
.hrdlight img{
  mix-blend-mode: hard-light;
    margin-left: -15%;
}
.mx-container .elementor-container .full-width .elementor-container {
  max-width: 100% !important;
}
.custom_benefit-b-mbapp img {
  margin: 0 !important;
}

.custom_benefit-b-mbapp .jet-carousel__item-inner {
  position: relative;
    max-width: 369px !important;
  overflow: hidden;
  border-radius: 8px;
}
.custom_benefit-b-mbapp.cloud .jet-carousel__item-inner{
      max-width: 100% !important;
}
.custom_benefit-b-mbapp .jet-carousel__content {
  padding: 23px;
  position: absolute;
  /*bottom: 0;*/
  left: 0;
  background-position: bottom center !important;
  background: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.44) 48%,rgba(0,0,0,.21) 100%);
  bottom: -181px;
  transition: all 0.4s ease;
}
.sftw.custom_benefit-b-mbapp .jet-carousel__content{
    bottom: 0% !important;
    height: auto !important;
}
.sftw.custom_benefit-b-mbapp .jet-carousel__item-text span{
    display: block;
    opacity: 0;
    height: 0;
    position: relative;
    bottom: -100px;
    transition: all 0.7s ease;
}
.custom_benefit-b-mbapp .jet-carousel__item-inner:hover .jet-carousel__content{
    bottom: 0 !important;

}
.custom_benefit-b-mbapp .jet-carousel__item-inner:hover span{
    opacity: 1;
    height: auto;
    bottom: 0px;
}
.custom_benefit-b-mbapp .jet-carousel__item-inner:hover .jet-carousel__item-text img{
    opacity: 0;
    transition: all 0.5s ease;
}
.custom_benefit-b-mbapp .jet-carousel__item-text .h3 {
  color: #fff;
  font-family: cs-glimer;
  font-size: 24px;
  line-height: 1.5 !important;
  font-weight: bold !important;
  margin-bottom: 20px !important;
}
.custom_benefit-b-mbapp .jet-carousel__item-text {
  color: #fff !important;
  font-family: cs-glimer !important;
  font-size: 18px;
  line-height: 1.78;
}
.custom_benefit-b-mbapp .jet-carousel__item-text p{
    margin-bottom: 0 !important;
    height: 160px !important;
}
.custom_benefit-b-mbapp .jet-carousel__item-text img {
    margin-bottom: 17px !important;
}
.custom_benefit-b-mbapp .jet-carousel .jet-arrow svg {
  width: auto;
}
.custom_benefit-b-mbapp .jet-carousel .jet-arrow {
  top: -116px !important;
  bottom: auto !important;
  margin: 0 !important;
}
.staffing-faq.servfaq .elementor-toggle .elementor-tab-title .elementor-toggle-icon svg {
    width: auto !important;
    height: auto;
    position: static !important;
}
.staffing-faq.servfaq .elementor-toggle .elementor-tab-title {
  padding-bottom: 0 !important;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.staffing-faq.servfaq .elementor-toggle .elementor-tab-title .elementor-toggle-icon-opened svg {
            height: 16px !important;
            width: 14px !important;
}
.mobindustries .elementor-icon-list-text {
  padding: 0 !important;
}
.mobindustries .elementor-icon-list-item.elementor-inline-item {
  display: block !important;
  margin-bottom: 76px;
  margin-left: 43px !important;
  margin-right: 43px !important;
}
.mobindustries .elementor-icon-list-item.elementor-inline-item svg {
  margin: 0 auto !important;
}
.imgwrapperright .elementor-widget-wrap {
  justify-content: flex-end;
}
.pdservsection{
 border-radius: 20px; 
}
.abv_square::before {
    transition: all 0.7s ease;  
    content: "";
    width: 10px;
    height: 10px;
    background: #333;
    display: block;
    margin-bottom: 5px;
    position: absolute;
    top: -12px;
}
.bdradsp{
   transition: all 0.7s ease;   
}
.bdradsp .elementor-widget-wrap.elementor-element-populated {
    border: 1px solid #E9E9E9 !important;
    margin: 0 12px !important;
    padding-top: 66px !important;
    padding-left: 64px !important;
    padding-bottom: 99px !important;
    padding-right: 60px !important;
    border-radius: 10px !important;
}
.bdradsp.yl:hover .elementor-widget-wrap {
  background: #F7B318 !important;
}
.bdradsp.gr:hover .elementor-widget-wrap {
  background: #1C8A82 !important;
}
.bdradsp.rd:hover .elementor-widget-wrap {
  background: #C32626 !important;
}
.bdradsp:hover .elementor-heading-title {
  color: #fff !important;
}
.bdradsp:hover .abv_square::before {
  background: #fff !important;
  width: 20px !important;
  height: 20px !important;
}
.bdradsp:hover .abv_square .elementor-heading-title {
  padding-left: 20px;
    transition: all 0.7s ease;  
}
.bdradsp .abv_square .elementor-heading-title {
    transition: all 0.7s ease;  
}
.bdradsp:hover .elementor-background-overlay {
  background-position: 100% 30% !important;
}
.mg-20 .elementor-container {
  margin: 0 -10px;
}
.mg-20 {
  max-width: 102% !important;
  width: 102% !important;
  margin: 0 -10px;
}
.mbservice_tab .jet-tabs__control-inner {
  padding: 0 !important;
}
.mbservice_tab .jet-tabs__control {
  width: 33.33%;
}
.mbservice_tab .jet-tabs__control-wrapper {
  width: 100%;
  max-width: 85%;
  border-radius: 10px;
  box-shadow: 0 1px 20px #00000012 !important;
}
.mbservice_tab .jet-tabs__label-text {
  height: 64px;
  line-height: 64px;
}
.mbservice_tab .jet-tabs__content-wrapper {
  background: transparent !important;
}
.cstabcnt-inner .elementor-icon-list-item {
    background: #fff;
    height: 69px;
    padding: 0 40px !important;
    border-radius: 53px;
    margin: 0 12px !important;
    box-shadow: 4px 10px 14px #00000012;
}
.cstabcnt-inner svg {
  width: auto !important;
  height: auto !important;
}
.paddingad-tabs .elementor-widget-container {
    padding-top: 76px !important;
    padding-bottom: 130px !important;
}
.mbservice_tab .jet-tabs__content-wrapper .jet-tabs__content{
  padding: 0;
}
/*Hover Section*/

.hvrRow .fntheaderinner-40 .elementor-heading-title.elementor-size-default{
       transition: all 0.6s ease;
}
.hvrRow:hover .fntheaderinner-40 .elementor-heading-title.elementor-size-default {
 
  color: #C32626 !important;
}
.hvrRow .elementor-container {
  height: 188px;
  overflow: hidden;
  /*border: 1px solid #f00;*/
  overflow: hidden;
  border-bottom: 1px solid #282828;
}
.hvrRow .elementor-container {
  transition: all 0.7s ease !important;
}
.hvrRow:hover .elementor-container {
    height: 422px;
    transition: all 0.7s ease;
}
.software_development_service .hvrRow:hover .elementor-container{
     height: 380px;
}
.software_development_service.cloudServices .hvrRow:hover .elementor-container{
    height: 440px;
}
.hvrRow:hover .hidden_cnt {
  margin-top: 35px;
  margin-bottom: 35px;
  transition: all 0.7s ease;
}
.hidden_cnt,
.appear_ic img {
      transition: all 0.6s ease;
}
.hvrRow:hover .appear_ic img {
  transform: rotate(27deg);
  opacity: 0;
}
.cl_ser img {
  margin: 0 !important;
}
.cl_ser.col_s img {
  margin-top: 50px !important;
  padding-left: 16px !important;
}
.software_development_service .cl_ser.col_s img{
    margin-top: 0 !important;
}
.row_sr_wrapper {
  display: flex;
}
.page-id-25562 .row_sr_wrapper{
   align-items: center; 
}
.row_sr_wrapper .col_t {
  width: 67%;
}
.cl_ser ul {
  padding-left: 11px !important;
  margin-top: 17px;
  margin-bottom: 0;
}
.fntheaderinner-40 .elementor-heading-title {
  margin-top: 13px;
}
.appear_ic {
    position: absolute !important;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto !important;
    display: flex;
    align-items: center !important;
    justify-content: flex-end !important;
}
.customTimline .jet-timeline.jet-timeline--align-center .jet-timeline__line {
  top: 0 !important;
}
.customTimline .jet-timeline--align-middle .jet-timeline-item {
  align-items: flex-start;
}
.customTimline .jet-timeline-item .timeline-item__card-content {
  padding: 0 !important;
}
.customTimline .jet-elements-icon {
  font-size: 40px !important;
}
.customTimline .timeline-item__card-desc span {
  font-size: 40px;
  font-weight: bold;
  color: #C32626;
  font-family: cs-glimer;
  line-height: 66px;
  display: inline-block;
  margin-bottom: 19px;
}
.customTimline .element_h3 {
  font-family: cs-glimer;
  font-weight: bold;
  font-size: 32px;
  margin-bottom: 0 !important;
  line-height: 66px;
}
.customTimline .timeline-item__card-desc {
  font-family: cs-glimer !important;
  color: #333 !important;
  font-size: 16px !important;
  line-height: 30px !important;
}
.customTimline .jet-timeline-item:nth-child(3) {
  text-align: right;
}
.customTimline .jet-timeline-item:first-child {
  text-align: right;
}
.customTimline .jet-timeline-item {
  margin: 0 !important;
  margin-bottom: 98px !important;
}
.customTimline .jet-timeline-item:last-child{
    margin-bottom: 0 !important;
}
.hidden_cnt {
  margin-top: 188px;
  /*border: 1px solid red;*/
}
.bgg01 .elementor-widget-wrap {
    background-position: 0px 15px !important;
    background-size: 300px !important;
}
.fntheaderinner-40 .elementor-heading-title {
    margin-top: 68px !important;
}
.hvrRow:hover .fntheaderinner-40 .elementor-heading-title.elementor-size-default{
      margin-top: 93px !important;
}
.licss-arvr li {
  color: #fff;
  font-family: "cs-glimer", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
}
#typewriter {
  text-align: center;
}
#typewriter h2 {
    /*font-family: 'Gilmer Regular';*/
 
    /*font-style: normal;*/
    /*color: #FFF;*/
    /*text-align: center;*/
    /*font-weight: 800;*/
  
    /*margin-bottom: 25px;*/
    /*border-right: 0.10em solid white;*/
    /*display: inline-block;*/
    /*animation: blink-caret .5s step-end infinite;*/
    /*margin-left: .10em;*/
    /*padding-right: 5px;*/
    /*padding-left: 5px;*/
    font-family: 'Gilmer Regular';
    color: #FFF;
    text-align: center;
    font-weight: 800;
    margin-bottom: 25px;
    /*border-right: 0.10em solid white;*/
    display: inline-block;
    /*animation: blink-caret .5s step-end infinite;*/
    /*margin-left: .10em;*/
    /*padding-right: 5px;*/
    /*padding-left: 5px;*/
    animation: typewriter 4s steps(44) 1s 1 normal both, blink-caret .5s step-end infinite;
    border-right: 2px solid rgba(255,255,255,.75);
    white-space: nowrap;
    overflow: hidden;
}
@media only screen and (max-width: 1750px) and (min-width: 1582px){
    .container.new-type .row {
        max-width: 71% !important;
        width: 100% !important;
    }
}
@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: #fff; }
}
@keyframes typewriter{
  from{width: 0;}
  to{width: 92%;}
}

#typewriter h1 {
  color: #f8b415;
  margin-bottom: 17px;
}