@charset "utf-8";
/* CSS Document */
body{
	padding:0;
	margin:0 auto;
  font-family: "Rubik", sans-serif;
  background: var(--White-custom-color);
  color: var(--main-text-color);

  -webkit-user-select: none; /* Chrome, Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE10+ */
  user-select: none;         /* Standard */
}
:root{
  --White-custom-color: #fff;
  --main-text-color: #242130;  
  --primary-text-color: #646464;
  --theme-active-color: #7839FF;
  --theme-active-30: #ECF3FF;
}
.sofia_family{
  font-family: "Sofia", cursive;
}
.smallheading {
  font-size: 24px;
  color: var(--theme-active-color);
  font-family: "Sofia", cursive;
}
.heroHeading{
  font-size: 50px;
  color: var(--primary-text-color);
}
.commonParagraph{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}
.requiredCLR_Red{
  color: #ff0000;
}
.container-fluid{
  width: 1600px;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.0);
}

/*  scroll css section here*/
.scrolltop .icon{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
}
.scrolltop .icon img{
  font-size: 30px;
  text-align: center;
  width: 14px;
}
.scrolltop {
  position: fixed;
  bottom: 120px;
  right: 34px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--theme-active-color);
  display: none;
  cursor: pointer;
  border: 1px solid #fff;
  z-index: 5;
}
.social_navFixed{
  position: fixed;
  left: 30px;
  z-index: 9999;
  top: 300px;
  background: var(--White-custom-color);
  border-radius: 30px;
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 0 0 1px rgba(23, 23, 23, 0.1);
  padding: 12px 10px;  
}

.social_navFixed ul{
  margin: 0;
  padding: 0;
}
.social_navFixed ul li {
    list-style-type: none;
    padding: 8px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social_navFixed ul li:last-child {
    padding-bottom: 0;
}
.social_navFixed ul li:first-child {
    padding-top: 5px;
}
.social_navFixed ul li a{
  color: var(--main-text-color);
  text-decoration: none;  
}
.social_navFixed ul li a:hover img{
  transform: scale(1.5);
}
.social_navFixed ul li .getOfferbTN {
  transform: rotate(-180deg);
}
.social_navFixed ul li .getOfferbTN span{
  writing-mode: vertical-rl;
  font-size: 14px;
  background-color:rgba(23, 23, 23, 0.15);
  padding:5px;
  letter-spacing: .05em;
  border-radius: 30px;
  padding: 10px 5px;  
}
.social_navFixed ul li a span:hover {
  animation: beatAnimat .6s infinite ease;
}

.social_navFixed.modal_hireButton {
  left: auto !important;
  right: 30px;
  top: 300px !important;
  background: var(--theme-active-color);
}
.social_navFixed.modal_hireButton ul li .getOfferbTN span {
  font-size: 20px !important;
  background-color: transparent;
  letter-spacing: .05em;
  padding: 00px !important;
  color: var(--White-custom-color);
}
.social_navFixed.modal_hireButton ul li{
  padding: 15px 0 10px !important;
}
.social_navFixed.modal_hireButton ul li .getOfferbTN {
  transform: rotate(0deg);
}
/*---===== Header Part ====----*/
header {
  width: 100%;
  background: transparent;
  position: absolute;
  z-index: 999;
  background: var(--White-custom-color);
  border-bottom: 1px solid #ECECEE;
}
header .navbar-expand-md{
  padding: 0;
  margin: 0;
}
header.fixed{
  width :100%;
  position: fixed;
  top: 0;
  background: var(--White-custom-color);
  margin-top: 0 !important;
  padding:0 0;
}
header.fixed .navbar-brand img {
  width:180px;
}
header.fixed .navbar-brand {
  font-size:18px;
  line-height: 26px;
}
header.fixed .flexsocial .nav-link.active {
  padding: 10px 32px !important;
}
header.fixed .navbar-expand-md .navbar-nav .nav-link {
    font-size: 16px;
    line-height: 26px;
}
header.fixed .navbar-light .navbar-nav .nav-link:focus, header.fixed .navbar-light .navbar-nav .nav-link:hover {
  color:var(--theme-active-color);
}
header.fixed .navbar-light .navbar-nav .active>.nav-link, header.fixed .navbar-light .navbar-nav .nav-link.active, header.fixed .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
  color:var(--primary-color);
}
header.fixed .navbar-expand-md .navbar-nav .nav-link {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
header.fixed .logoMainfixed{
  display: block;
}
header .logoMainfixed{
  display: none;
}
header .logoUnfixed{
  display: block;
}
header.fixed .logoUnfixed{
  display: none;
}
header.fixed .flexsocial .nav-link {
  background:var(--theme-active-color);
  color: var(--White-custom-color);
  transition:.3s ease-in-out;
}
header .cusheader_head .nav-link {
  color: var(--White-custom-color);
}

header .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color:var(--theme-active-color);
}
header .navbar-light .navbar-nav .active>.nav-link, header .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
  color: var(--main-text-color);
}
.navbar-expand-md .navbar-nav .nav-link {
  padding: 29px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: var(--main-text-color);
  cursor: pointer;
}
header .flexsocial {
  display: flex;
  justify-content: center;
  align-items: center;
}
header .flexsocial .nav-link {
  background: var(--theme-active-color); 
  box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.12);
  border-radius: 31px;
  padding: 12px 26px !important;
  color: var(--White-custom-color) !important;  
}
.callsclex_shake_bx {
  animation-iteration-count: infinite;
  animation-name: callsclex_share;
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-play-state: running;
  transform: scaleX(1);
}

header .navbar-brand img {
  vertical-align: middle;
  border-style: none;
  width: 220px;
}
header .navbar-nav {
    width: 100%;
}
header .navbar-nav .nav-item {
  margin: 0 10px;
}
header .navbar-nav .nav-item:last-child {
  margin: 0 0 0 10px !important;
}
header .flexsocial li {
  display: inline-flex;
}
header .navbar-nav .d-flexRight {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}
header .navbar-dark .navbar-nav .d-flexRight .nav-item {
  display: flex;
  align-items: center;
  margin: 0 50px 0 0;
}
/*mega menu*/
.mega-menu {
  left: 0;
  right: 0;
  padding:0;
  display:none;
  padding-top: 0;
  min-height: 100%;
  background: #242130;
}
header .mega-menu .mega-title{
  color: var(--White-custom-color);
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}
.tab_lfetBg{
  background: #3C3A41;
  padding: 20px;
  height: 100%;
}
.tab_lfetBg hr {
  margin: 30px 0 40px;
  border-top: 1px solid #EAF3F8;
}
.tech_serButton{
  padding: 15px 12px;
  background: var(--White-custom-color);
  border-radius: 10px;
  font-size: 18px;
  line-height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  width: fit-content;
  gap: 5px;
}
.tech_serButton img{
  width: 24px;
}
.tab_lfetBg .techSerIcon {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.tab_lfetBg .techSerIcon li {
  display: block;
  width: 25%;
  margin-top: 25px;
}

header .tab_lfetBg .tabsMega {
  display: block;
  width: 100%;
}
header .tab_lfetBg .tabMega {
  cursor: pointer;
  padding: 12px 15px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: var(--White-custom-color);
  border: none;
  border-radius: 10px;
  width: 100%;
  text-align: left;
  margin-bottom: 15px;
}
header .tab_lfetBg .tabMega:hover, .tabMega.active {
  color: var(--White-custom-color) !important;
  background: var(--theme-active-color);  
   
}
header .tabContent_CenaterBg .toprightborder {
  border-left: 1px solid #fff;
  padding-left: 15px;
  height: 100%;
}
header .tabContent_CenaterBg .tabMega-content {
  display: none;
  padding:20px 0;
}
header .tabContent_CenaterBg .tabMega-content.active {
  display: block;
  height: 100%;
}
header .tabContent_CenaterBg ul.icon-des {
  margin: 45px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
header .tabContent_CenaterBg ul.icon-des li {
  width: 47%;
  list-style-type: none;
}
header .tabContent_CenaterBg ul.icon-des li a {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  color: var(--White-custom-color);
  gap: 15px;
  border-radius: 10px;
  padding: 10px 10px;
  border-bottom: 2px solid transparent;
}
header .tabContent_CenaterBg ul.icon-des li a:hover {
  background: var(--theme-active-color);
}
header .tabContent_CenaterBg ul.icon-des li a span h2{
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 5px;
}
header .tabContent_CenaterBg ul.icon-des li a span p{
  font-size: 12px;
  font-weight: 300;
  margin: 0;
}
header .tabContent_CenaterBg ul.icon-des li a button {
  color: var(--White-custom-color);
  background: transparent;
  border: none;
}
header .tabContent_CenaterBg ul.icon-des li a span small{
  width: 100%;
}
header .tabContent_CenaterBg .pdfjustifyalgin {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}
.inquirySection{
  color: var(--White-custom-color);
  margin:50px 0 30px;
}
.inquirySection h2{
  font-size: 16px;
  margin:0;
}
.inquirySection p{
  font-size: 12px;
  font-weight: 300;
  margin:10px 0;
}
.inquirySection a{
  font-size: 14px;
  font-weight: 300;
  margin:10px 0;
  text-decoration: none;
  color: var(--White-custom-color);
  border: 1px solid var(--White-custom-color);
  padding: 6px 15px;
  border-radius: 30px;
}
.inquirySection a:hover, .viewAllButn a:hover{
  background-color: var(--theme-active-color);
}
.trustBGpart p{
  color: var(--White-custom-color);
  font-size: 14px;
  margin: 35px 0 20px;
}
.trustBGpart ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 15px;
}
.trustBGpart ul li {
  list-style-type: none;
  text-align: center;
  margin: 0 0 15px;
}
.trustBGpart ul li a{
  text-decoration: none;
  color: var(--White-custom-color);
}

.trustBGpart ul li a h2{
  font-size: 15px;
  font-weight: 300;
  margin: 10px 0 0;
  color:var(--White-custom-color);
}

.viewAllButn a {
  font-size: 14px;
  font-weight: 300;
  margin: 10px 0;
  text-decoration: none;
  color: var(--White-custom-color);
  border: 1px solid var(--White-custom-color);
  padding: 6px 15px;
  border-radius: 30px;
}
.menuTestimonal{
  margin:35px 0 0;
  background: var(--White-custom-color);
  padding: 20px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 15px;
}
.menuTestimonal .userImgBx img {
  border-radius: 15px;
  max-width: 260px;
}
.menuTestimonal span h2 {
  font-size: 30px;
  color: var(--primary-text-color);
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 25px;
}
.menuTestimonal span p {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin: 0 0 18px;
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.menuTestimonal span h6{
  color: var(--main-text-color);
  font-size: 20px;
  font-weight: 500;
  line-height: 32px; 
  letter-spacing: -0.4px;
  margin: 0 0 0;
}
.menuTestimonal span h4{
  color: var(--primary-text-color);
  font-size: 18px;
  font-weight: 500;
  line-height:26px; 
  margin: 0 0 10px;
}
.menuTestimonal span ul{
  margin: 0;
  padding: 0;
}
.menuTestimonal span ul li{
  list-style-type: none;
  display: inline-block;
}
/*hover*/
.mega-menu:hover,
.mega-drop-down a:hover+.mega-menu{
	display:block;
}
.mobileViewSchedule{display: none !important;}

.mobileMuneView {
  height: 100%;
  width: 100%;
}
#hamburger {
  width: 32px;
  height: 25px;
  align-self: center;
  margin-right: 15px;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 3;
  display: none;
}
#hamburger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: var(--main-text-color);
  border-radius: 3px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
#hamburger span:nth-child(1) {
  top: 0;
}
#hamburger span:nth-child(2) {
  top: 10px;
}
#hamburger span:nth-child(3) {
  top: 10px;
}
#hamburger span:nth-child(3) {
  top: 20px;
}

#hamburger.open span:nth-child(2) {
  top: 10px;
  transform: rotate(45deg);
}
#hamburger.open span:nth-child(3) {
  top: 10px;
  transform: rotate(-45deg);
}
#hamburger.open span:nth-child(4) {
  top: 0;
  width: 0;
  left: 50%;
}
#hamburger.open span:nth-child(1) {
  top: 0;
  width: 0;
  left: 50%;
}

.main-menu {
  position: relative;
  margin-right: 100%;
  /*overflow-x: hidden;  */
  overflow: hidden;
  background: #242130;
  z-index: 300;
  transition: 0.25s ease-in-out;
  color: #ffffff;  
  display: none;
  height: 100vh;
}
.main-menu.main-menu-open {
  display: block !important;
  transition: 0.25s ease-in-out;
  top: 74px;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 99999;
}
.main-menu-open {
  margin-right: 0;
}
.AdsSection .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: -45px;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.AdsSection .carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 8px;
  height: 8px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
  border-radius: 50%;
}
.AdsSection .carousel-indicators .active {
  opacity: 1;
}
.AdsSection .carousel-item img {
  border-radius:15px;
}
.AdsSection img {
  border-radius:15px;
}
.main-menu-header {
  height: 100px;
  width: 100%;
  padding: 15px 15px;
}
.main-menu-header h1 {
  font-size: 1rem;
  white-space: nowrap;
}

.main-menu-items {
    white-space: nowrap;
    opacity: 1;
    transition: opacity 1s ease-in-out;
    padding: 0;
    /* new Css add */
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
}
.main-menu-items .main-menu-item {
  list-style-type: none;
}
.main-menu-items .main-menu-item a {
  display: flex;
  color: inherit;
  width: 100%;
  height: 100%;
  padding: 25px 0;
}
.main-menu-items .main-menu-item a:hover, .main-menu-items .main-menu-item a:focus, .main-menu-items .main-menu-item a:active, .main-menu-items .main-menu-item a:target {
  color: inherit;
}
.main-menu-items .main-menu-item img {
  display: inline-block;
  margin: 0 15px 0 0;
}
.main-menu-items .main-menu-item .main-menu-item-arrow {
  margin-right: 20px;
}
.main-menu-items .main-menu-item .main-menu-item-arrow-open {
  transform: rotate(90deg);
}
.main-menu-items .main-menu-item-active {
  background: var(--White-custom-color);
}

.main-menu-items.hidden {
  opacity: 0;
}

.main-menu-items.semi-hidden {
  opacity: 0.5;
}

.sub-menu {
  position: absolute;
  background: #242130;
  right: -100%;
  top: 0;
  height: 100vh;
  width: calc(100% - 0px);
  transition: 0.25s ease-in-out;
  z-index: 99;
  min-height: 100%;
}

.sub-menu-open {
  right: 0;
  padding: 0;
}
.sub-menu-header {
  padding: 20px 10px;
  background: #3C3A41;
  display: flex;
  justify-content: flex-start;
  gap: 25px;
}
.sub-menu-header .heading_title {
  position: relative;
  border-left: 1px solid #fff;
  padding-left: 25px;
}
.sub-menu-header .sub-menu-close-icon img {
  transform: rotate(180deg);
  margin: 0 0 0 10px
}
.sub-menu-close-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 20px;
  background: var(--White-custom-color);
  border-radius: 3px;
  opacity: 1;
  transform: rotate(0deg);
}
.sub-menu-close-icon span:nth-child(2) {
  top: 10px;
  transform: rotate(45deg);
}
.sub-menu-close-icon span:nth-child(3) {
  top: 10px;
  transform: rotate(-45deg);
}
.sub-menu-close-icon span:nth-child(4) {
  top: 0;
  width: 0;
  left: 50%;
}
.sub-menu-close-icon span:nth-child(1) {
  top: 0;
  width: 0;
  left: 50%;
}

.sub-menu-item {
  text-transform: none !important;
}
.sub-menu-item a {
  display: inline-block;
  color: inherit;
  width: 100%;
  height: 100%;
  padding: 20px 15px !important;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
}
.sub-menu-item .sub-menu-item-arrow {
  margin-right: 25px;
  transform: rotate(90deg);
}
.sub-menu-item .sub-menu-item-arrow-open {
  transform: rotate(180deg);
}

.sub-menu-dropdown {
  visibility: hidden;
  height: 0;
}

.sub-menu-dropdown-open {
    visibility: visible;
    height: auto;
    background: #242130;
    height: 100%;
    z-index: 1;
}
.sub-menu.right.sub-menu-open.sub-menu-dropdown-open {
    overflow-y: scroll;
    padding-bottom: 100px;
}
.sub-menu-dropdown-open .sub-menu-item a {
  justify-content: flex-start !important;
  white-space: normal;
  align-items: flex-start;
  padding: 10px 15px !important;
}
.sub-menu-dropdown-open .sub-menu-item a h2 {
  font-size: 18px;
  margin: 0 0 2px;
}
.sub-menu-dropdown-open .sub-menu-item a p {
  font-size: 14px;
  line-height: 24px;
  margin: 5px 0 0;
  display: flex;
  font-weight: 300;
}
.plusburger {
  width: 15px;
  height: 10px;
  align-self: center;
  margin-right: 15px;
  position: relative;
  transform: rotate(45deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 0;
}
.plusburger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: var(--White-custom-color);
  border-radius: 3px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.plusburger span:nth-child(1) {
  top: 0;
  transform: rotate(45deg);
}
.plusburger span:nth-child(2) {
  transform: rotate(-45deg);
}
.plusburgerRotate.open .plusburger span:nth-child(2) {
  transform: rotate(-45deg);
}
.plusburgerRotate.open .plusburger span:nth-child(1) {
  top: 0;
  width: 0;
  left: 50%;
}

.plusburger.right.open{
  transform: rotate(0deg);
}
.caseStudyMobile button{
  text-decoration: none;
  border: none;
  background: transparent;
}
.caseStudyMobile .logoIMgS {
  width: 34px;
  height: 34px;
}
.viewAllButnMolie a {
  font-size: 14px;
  font-weight: 300;
  margin: 10px 0 0 15px;
  text-decoration: none;
  color: var(--White-custom-color);
  border: 1px solid var(--White-custom-color);
  padding: 6px 15px !important;
  border-radius: 30px;
  width: max-content !important;
}
.mobiletestimSECtion .menuTestimonal {
  margin: 35px 15px 30px;
  display: block;
}
.mobiletestimSECtion .menuTestimonal .mobileTestView{
  display: flex;
}
.mobiletestimSECtion .menuTestimonal .mobileTestView p {
  white-space: normal;
  color: var(--main-text-color);
}
/*---===== Header Part ====----*/

.sliderpart{
  position: relative;  
  padding: 118px 0 30px;
  background: url(../images/home_slider.png) no-repeat;
  background-size: cover;
}
.sliderpart .contentSli h1{
  margin: 0;
  line-height: 38px;
}
.sliderpart .contentSli p{
  font-size: 70px;
  font-weight:700;
  line-height: 83px;
  margin:15px 0 26px;
  color: var(--primary-text-color);
}
.sliderpart .contentSli h6 {
  margin: 0;
  width: 100%;
  display: flex;
  gap: 15px;
}
.sliderpart .contentSli h6 a{
  background: var(--theme-active-color);
  text-decoration: none;
  color: var(--White-custom-color);
  padding: 12px 30px;
  font-size: 20px;
  line-height:24px;
  font-weight: 400;
  border-radius: 30px;  
  border: 1px solid var(--theme-active-color);
  margin-top: 10px;
  text-align: center;
}
.sliderpart .contentSli h6 a.onle_borderUI{
  background: transparent;
  color: var(--theme-active-color);
}
.sliderpart .contentSli .award_section{
  width: 100%;
  margin: 80px 0 25px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
}
.sliderpart .contentSli .award_section h4{
  color: var(--primary-text-color);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 5px;
}
.sliderpart .contentSli .award_section h5{
  color: var(--theme-active-color);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 5px;
}
.sliderpart .contentSli .award_section small{
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
.sliderpart .contentSli ul{
  margin: 0;
  padding: 0;
}
.sliderpart .contentSli ul li{
  list-style-type: none;
  font-size: 36px;
  font-weight: 600;
  color: var(--primary-text-color);
  padding:0 12.5px;
  display: inline-block;
  border-right: 2px solid rgba(120, 57, 255, 0.5);
}
.sliderpart .contentSli ul li span {
  display: block;
  color: var(--main-text-color);
  font-size: 18px;
  margin-top: 15px;
}
.sliderpart .contentSli ul li:first-child{
  padding-left: 0;
}
.sliderpart .contentSli ul li:last-child{
  border: none;
  padding-right: 0;
}
.sliderpart .sli_future{
  border-radius: 30px;
  background: linear-gradient(99deg, #8991D3 0.7%, #6A72D1 97.92%);
  padding: 40px;  
  color: var(--White-custom-color);
  position: relative;
  overflow: hidden;
}
.sliderpart .sli_future:hover{
  background: linear-gradient(99deg, #737ee3 0.7%, #535dd5 97.92%);
}
.sli_future small {
  font-size: 20px;
  font-weight: 300;
  padding: 12px 25px;
  background: var(--White-custom-color);
  color: var(--main-text-color);
  border-radius: 30px;
  position: relative;
  z-index: 2;
  display: flex;
  width: fit-content;
  border: 1px solid var(--White-custom-color);
}
.sli_future h1{
  font-size: 30px;
  font-weight: 500;
  padding: 22px 0 22px;
  margin: 0;
  width: 80%;
  z-index: 2;
  position: relative;
  overflow: hidden;
}
.sli_future p{
  font-size: 18px;
  font-weight: 400;
  margin: 0;  
  width: 80%;
  z-index: 2;
  position: relative;
}
.sli_future .machineImg{
  position: absolute;
  top: -10px;
  right: 50px;
  z-index: 1;
  opacity: 0.5;
}
.sli_future .machineButtun {
  width: 80px;
  height: 80px;
  background: var(--White-custom-color);
  position: absolute;
  right: 25px;
  bottom: 40px;
  z-index: 3;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.machineButtun.btn-style508:hover img {
  filter: invert(0) brightness(50);
}
.sliFlexUI {
  display: flex;
  gap: 30px;
  margin-top: 30px;
  overflow: hidden;
}
.sliFlexUI .sli_future{
  width: 100%;
  padding: 30px; 
}
.sliFlexUI .sli_future h1, .sliFlexUI .sli_future p{
  width: 100%;
}
.sliFlexUI .sli_future h1{
  padding: 22px 0 35px;
}
.sliFlexUI .machineImg{
  top:auto;
  right: 0;
  bottom: 0;
  border-bottom-right-radius: 30px;
}
.sliFlexUI .machineButtun {
  width: 48px;
  height: 48px;
  right: 25px;
  bottom: auto;
  top: 22px;
}
.sliFlexUI .machineButtun img{
  width: 30px;
}
.sli_future.AIS_bg{
  background: linear-gradient(57deg, #719BF5 2%, #93BFF4 97.08%) !important;
}
.sli_future.AIS_bg:hover{
  background: linear-gradient(57deg, #5480e0 2%, #3587eb 97.08%) !important;
}
.sli_future.enterprise_solutions_bg{
  background: linear-gradient(234deg, #EDD3E5 4.35%, #964FC5 97.5%) !important;
}
.sli_future.enterprise_solutions_bg:hover{
  background: linear-gradient(234deg, #f55bc7 4.35%, #964FC5 97.5%) !important;
}

.sli_future.AIS_bg .ai_ml_span {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.ai_ml_span .buttonLineCus {
    font-size: 20px;
    font-weight: 300;
    padding: 12px 25px;
    color: var(--White-custom-color);
    border-radius: 30px;
    position: relative;
    z-index: 2;
    display: flex;
    width: fit-content;
    background: none;
     border: none;
  transition: all 0.4s ease;
  overflow: hidden;
  position: relative;
  z-index: 1;
  cursor:pointer !important;
 text-decoration: none;
}

.ai_ml_span .buttonLineCus.neon-pulse {
  border: 1px solid #fff;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
  overflow: visible;
}

.neon-pulse::before,
.neon-pulse::after {
  content: "";
  position: absolute;
  inset: -4px;
  border: 1px solid #fff;
  border-radius: inherit;
  animation: pulseOut 2s ease-out infinite;
  opacity: 0;
}

.neon-pulse::after {
  animation-delay: 1s;
}

@keyframes pulseOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

/*---=== Client Logo Trusted ===---*/
.trustedClientLogo{
  width: 100%;
  padding: 100px 0;
  text-align: 0;
}
.trustedClientLogo h2{
  text-align: center;
  margin: 0 auto 60px;
  font-size: 24px;
  line-height: 34px;
  font-weight: 300;
}


  
.trustedClientLogo .marqueelogoCus {
  width: 85vw;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em;
  color: #fff;
  font-weight: 200;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  border-bottom: 1px solid #EAF3F8;
  padding: 0 0 50px;
}
.marqueelogoCus-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-animation: maequeeScroll 20s linear infinite ;
  -moz-animation: maequeeScroll 20s linear infinite ;
  -o-animation: maequeeScroll 20s linear infinite ;
  -ms-animation: maequeeScroll 20s linear infinite ;
  animation: maequeeScroll 20s linear infinite ;
  animation-timing-function: linear;
}
.marqueelogoCus-content:hover {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  -ms-animation-play-state: paused;
  animation-play-state: paused;
}
.marqueelogoCus-tag {
  width: 200px;
  margin: 0 0.5em;
  padding: 0.5em;
  background: rgba(255,255,255,0.1);
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
  -ms-transition: all 2s ease;
  transition: all 2s ease;
}
.marqueelogoCus-tag:hover {
  background: rgba(255,255,255,0.5);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  cursor: pointer;
}
.trustedClientLogo .ratingPart{
  margin:50px 0 0;
}
.trustedClientLogo .ratingPart ul {
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;  
  gap: 50px;
}
.trustedClientLogo .ratingPart ul li {
  list-style-type: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  cursor: pointer;
}
.trustedClientLogo .ratingPart ul li a {
    display: flex;
    text-decoration: none;
    gap: 12px;
}
.trustedClientLogo .ratingPart ul li:hover {  
  animation: airTree 5s ease-in infinite;
}
.trustedClientLogo .ratingPart ul li small {
  width: 60px;
  height: 60px;
  background: rgba(239, 67, 53, 0.20);
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.trustedClientLogo .ratingPart ul .goodFirmsR small{
  background: rgba(58, 122, 243, 0.20) !important;
}
.trustedClientLogo .ratingPart ul .goodFirmsR h2{
  color: #3A7AF3 !important;
}
.trustedClientLogo .ratingPart ul .trustpilotR h2{
  color:#00B67A !important;
}
.trustedClientLogo .ratingPart ul .trustpilotR small{
  background: rgba(0, 182, 122, 0.20) !important;
}
.trustedClientLogo .ratingPart ul li span h2{
  font-size: 30px;
  margin: 0;
  color: #EF4335;
  text-align: left;
  font-weight: 600;
}
.trustedClientLogo .ratingPart ul li span p{
  color: rgba(38, 38, 38, 0.50);
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
/*---=== Client Logo Trusted ===---*/

/*---=== Service Section ===---*/
.serviceSection{
  background: url(../images/services_Part_bg.png) no-repeat;
  width: 100%;
  background-size:cover ;
  padding: 0px 0;
  position: relative;
  overflow: hidden;
}
.serviceSection .overCricelBorder{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ourSerSection{
  width: 55%;
  margin: 0 auto;
  padding: 218px 0;  
  color: var(--White-custom-color);
  text-align: center;
  position: relative;
}
.ourSerSection h2{
  text-align: center;  
  margin: 15px 0 30px;
  color: var(--White-custom-color);
}
.ourSerSection small{
  font-size: 24px;
  line-height: 38px;
  margin: 0 auto;
  border: 1px solid var(--White-custom-color);
  border-radius: 30px;
  padding: 10px 30px;
}
.ourSerSection p{
  margin: 0 auto;
}
.ourSerSection h6{
  margin: 22px 0 0;
  display: flex;
  justify-content: center;
  gap: 15px;
}
.ourSerSection h6 a{
  border: 1px solid var(--White-custom-color);
  background: var(--White-custom-color);
  padding: 12px 30px;
  color: var(--theme-active-color);
  text-decoration: none;
  margin: 15px 0 0;
  border-radius: 30px;
  font-size: 20px;
  font-weight: 400;
}
.ourSerSection h6 a.onlyOrdr{
  background: transparent;
  color: var(--White-custom-color);
  padding: 0;
  border: none;
}
.ourSerSection h6 a.onlyOrdr button.link.style-7 .circle{
  border: 1px solid var(--White-custom-color);
}
.ourSerSection h6 a.onlyOrdr button.link.style-7 .button-text {
  color:var(--White-custom-color);
}
.serLeftSection{
  margin: 0;
  padding: 0;
  position: absolute;
  left:0;
  top: 50%;
  transform: translate(20%, -50%);
  color: var(--White-custom-color);
  display: grid;
}
.serLeftSection li {
  list-style-type: none;
  margin: 40px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}
.serLeftSection li.m-100 {
  margin-left: 100px;
}
.serLeftSection li.m-50 {
  margin-left: 50px;
}
.serLeftSection li small{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: relative;
  line-height: 50px;
}
.serLeftSection li small::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 1px dashed #fff;
  border-radius: 50%;
  top: 0;
  left: 0;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.serLeftSection li span{
  padding: 10px 30px;
  border-radius: 30px;
  border: 1px solid var(--White-custom-color);
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  background: rgba(119, 74, 247, 0.30);
}
.serLeftSection li a{
  text-decoration: none;
  color: var(--White-custom-color);
}
.serLeftSection.cusrightSec{
  left:auto;
  top: 50%;
  right: 0;
  transform: translate(-20%, -50%);
}
.serLeftSection.cusrightSec li.m-100 {
  margin-right: 100px;
  margin-left: 0;
}
.serLeftSection.cusrightSec li.m-50 {
  margin-right: 50px;
  margin-left: 0;
}
.serLeftSection.cusrightSec li {
  justify-content: flex-end;
}
/*---=== Service Section ===---*/

/*---=== Why Choose Us Section ===---*/
.whyChooseSection{
  width: 100%;
  padding: 100px 0; 
  position: relative;
}
.whyChooseSectionBg{
  border-radius: 30px;
  background: var(--theme-active-30);
  padding: 100px 80px;  
}
.whyChooseSecText{
  position: sticky;
  top:150px;
}
.whyChooseSecText small{
  line-height: 38px;
}
.whyChooseSecText h2{
  margin:15px 0 30px;
}
.whyChooseSecText p{
  margin: 0;
}
.whyChooseSecText a {
  text-decoration: none;
  margin: 30px 0 0;
  display: block;
  width: fit-content;
}
.stepscrollCS{
  width: 80%;
  margin: 0 auto;
  padding: 50px 0;
}
.stepscrollCS li {
  list-style-type: none;
}
.stepscrollCS li .numbgSec {
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stepscrollCS li .numbgSec hr {
  background: var(--theme-active-color);
  color: var(--theme-active-color);
  height: 100px;
  padding: 1px;
  margin: 0;
}
.stepscrollCS li .numbgSec span {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid var(--theme-active-color);
  background: var(--White-custom-color);
  color: var(--theme-active-color);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.stepscrollCS li .contentstepscroll {
  border-radius: 30px;
  background: var(--theme-active-color);
  display: flex;
  padding: 45px 50px;
  color: var(--White-custom-color);
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}
.stepscrollCS li .contentstepscroll h2{
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}
.stepscrollCS li .contentstepscroll p{
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
/*---=== Why Choose Us Section ===---*/

/*---=== Your Product Section ===---*/
.productSectionS{
  background:url(../images/services_Part_bg.png);
  padding:100px 0 0;
  color: var(--White-custom-color);
}
.product_W-50{
  margin: 0 auto 0;
  width: 35%;
  text-align: center;
  padding: 0 0 50px;
}
.product_W-50 small{
  color: var(--White-custom-color) !important;
} 
.product_W-50 h2{
  margin: 15px 0 30px;
  color: var(--White-custom-color) !important;
}
.product_W-50 p{
  margin: 0;
  font-weight: 300;
}
.proboxBg {
  padding:0 50px 100px;
  border-right: 1px solid;
  margin-top: 30px;
}
.proboxBgNo {
  border-right: 0 solid;
}
.proboxBg:hover small {
  background: #5123b5;
  border: 1px dashed #5123b5;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: rgb(#5123b5/ .8);
  box-shadow: 0 0 0 1px rgba(23, 23, 23, 0.1);
}
.proboxBg small {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px dashed var(--White-custom-color);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 50px;
}
.proboxBg h2 {
  font-size: 30px;
  line-height: 36px;
  width: 40%;
  margin: 0 0 15px;
}
.proboxBg p {
  width: 80%;
  margin: 0;
  font-weight: 300;
}

/*---=== Your Product Section ===---*/

/*---=== Testimonial Section ===---*/
.testimonalSecPart{
  padding: 100px 0;
  background: var(--theme-active-30);
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonalSecPart .testimoText{
  width: 40%;
  margin:0 7.5%;
}
.testimonalSecPart .testimoText h2{
  margin:15px 0 30px;
}
.testimonalSecPart .testimoText p{
  margin: 0 0 30px;
}
.testimonalSecPart .testimoText ul {
  margin: 0;
  padding: 0;
}
.testimonalSecPart .testimoText ul li {
  list-style-type: none;
  display: inline-block;
}
.testimonalSecPart .testimoText h6 {
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
  margin: 0;
  color: var(--primary-text-color);
}
.testimonalSecPart .testimonialSlider{
  width: 55%;
}
.testimonalSecPart .owl-dot{
  height: 30px;
  width: 30px;
  border: 1px solid transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
} 
.testimonalSecPart .owl-dots .owl-dot.active span {
  background: var(--theme-active-color);
}
.testimonalSecPart .owl-dots .owl-dot span {
  padding: 8px;
  border-radius: 50%;
  background: #D2D2D2;
  display: block;
}
.testimonalSecPart .owl-dot.active{
  border: 1px solid var(--theme-active-color);
} 
.testimonalSecPart .owl-nav {
  width: fit-content;
  position: absolute;
  top: 43%;
  right: 9%;
}
.testimonalSecPart .owl-nav .owl-prev{
  display: none;
}
.testimonalSecPart .owl-nav .owl-next {
  color: var(--White-custom-color) !important;
  font-size: 25px;
  border-radius: 50%;
  background: var(--theme-active-color);
  width: 40px;
  height: 40px;
  text-align: center;
  padding: -27px 0 0;
}
/*---=== Testimonial Section ===---*/

/*---=== Blog Section ===---*/
.successStorySection{
  width: 100%;
  padding:100px 0 200px;
}
.successStorySection small{
  line-height: 38px;
  text-align: center !important;
  display: block;
}
.successStorySection h2{
  margin:15px 0 0;  
  text-align: center;
}
.successStorySection .suc_margin_80{
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.successStorySection .suc_margin_80 small img{
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.successStorySection .suc_margin_80 .col-md-6{
  margin: 0;
  padding: 0;
}
.successStorySection .suc_marginText_80{
  padding: 30px !important;
}
.successStorySection h6{
  margin: 0;
}
.successStorySection h3{
  font-size:30px;
  line-height: 36px;
  font-weight: 500;
  margin:15px 0 25px;
  color: var(--primary-text-color);
}
.successStorySection p{
  font-weight: 300;
  margin: 0;
}
.successStorySection a{
  text-decoration: none;
  color: var(--theme-active-color);
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  overflow: hidden;
  font-size: 18px;
  font-weight: 500;
  margin: 60px 0 0;
}
.successStorySection a img {
  transform: rotate(45deg);
}
.cardCusBlog {
  position: sticky;
  top: 0;
}

.successStorySection .card__inner {
  will-change: transform;
  background: white;
  border-radius: 30px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px hsla(265.3, 20%, 10%, 35%);
  transform-origin: center top;
}

.successStorySection .cards {
  width: 80%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: repeat(var(--cards-count), var(--card-height));
  gap: 120px 0;
  margin-top: -100px;
}
.successStorySection .space {
  height: 1vh;
}
.successStorySection .space--small {
  height: 2vh;
}
/*---=== Blog Section ===---*/

/*---=== Contect Section ===---*/
.contectFrom{
  width: 100%;
  padding: 100px 0;
}
.conBgCLrForm{
  background: var(--theme-active-30);
  padding: 100px;
  border-radius: 30px;
}
.homeForm{
  margin-left: 100px;
  background: var(--White-custom-color);
  padding: 50px 50px 100px;
  border-radius: 30px;
}
.homeForm h2{
  margin: 0;
  color: var(--primary-text-color);
  padding: 0 0 80px;
  font-size: 50px;
}
.homeForm form .form-group{
  margin: 0 0 50px;
}
.homeForm form .form-group label{
  margin: 0;
  color: var(--primary-text-color);
  padding: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
}
.homeForm form .form-group .form-control {
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: var(--main-text-color);
    background-color: transparent;
    border-bottom: 1px solid #646464 !important;
    border-radius: 0;
    border: none;
    padding: 12px 0;
}
.homeForm form .form-group button{
  border-radius: 30px;
  background: var(--theme-active-color);
  margin: 0;
  padding:12px 45px;
  border: none;
  font-size: 20px;
  line-height: 24px;
  color: var(--White-custom-color);
}
.contectFrom h2{
  margin: 0;
  padding: 0 0 42px;
}
.contectFrom h4{
  margin: 0;
  color: var(--primary-text-color);
  padding: 0 0 35px;
  font-size: 30px;
}
.contectFrom ul.numUL{
  margin: 0;
  padding: 0;
}
.contectFrom ul.numUL li {
  display: flex;
  gap: 24px;
  overflow: hidden;
  padding: 0 0 36px;
}
.contectFrom ul.numUL li h6{
  margin: 0;
  position: relative;
}
.contectFrom ul.numUL li h6 small{
  width: 40px;
  height: 40px;
  background: var(--White-custom-color);
  border-radius: 50%;
  border: 1px solid var(--theme-active-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.contectFrom ul.numUL li h6 hr {
  background: var(--theme-active-color);
  height: 100px;
  padding: 1px;
  margin: 0;
  width: 1px;
  position: absolute;
  left: 50%;
}
.contectFrom ul.numUL li p{
  margin: 0;
}
/*---=== Contect Section ===---*/

footer{
  position: relative;
  padding: 100px 0;
  background: #18181B;
  color:var(--White-custom-color);
}
footer .footBottomImg{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
footer .footContentLeft button.link.style-7 {
  width: 12rem;
  height: auto;
}
footer .footContentLeft button.link.style-7 .button-text{
  color: var(--White-custom-color);
}
footer .footContentLeft{
  width: 60%;
  position: relative;
  z-index: 2;
}
footer .footContentLeft h2{
  font-size: 50px;
  line-height: 60px;
  margin: 0;
}
footer .footContentLeft p{
  font-size: 18px;
  line-height: 22px;
  margin: 30px 0;
  font-weight: 300;
}
footer .footContentLeft a {
  margin: 0;
  text-decoration: none;
  width: fit-content;
}
footer .footContentLeft a  button.link.style-7 {
  width: 12rem;
  height: auto;
}
footer .footContentLeft a button.link.style-7 .button-text {
  color: var(--White-custom-color);
}
footer .footMenu h2{
  color: var(--White-custom-color);
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  margin: 0 0 22px;
}
footer .footMenu p{
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  margin: 0 0;
}
footer .footMenu ul{
  margin: 0 0 35px;
  padding: 0;
}
footer .footMenu li{
  list-style-type: none;
  padding:0;
  display: block;
  margin: 0 0 20px;
}
footer .footMenu li a{
  color: var(--primary-text-color);
  text-decoration: none;
  padding: 0;
  display: block;
  font-size: 14px;
  line-height: 18px;
}
footer .footMenu li p{
  list-style-type: none;
  padding:0;
  display: block;
  margin: 0 0 20px;
  color: var(--primary-text-color);
  font-size: 14px;
  line-height: 18px;
}
footer .footMenu .emailsecrep {
  background: #2F2F32;
  display: flex;
  justify-content: space-between;
  border-radius:50px;
  padding: 8px 10px;
  margin:20px 0 0;
}
footer .footMenu .emailsecrep .form-control {
  width: 100%;
  background: transparent;
  border: none;
  color: var(--White-custom-color) !important;
}
footer .footMenu .emailsecrep .form-control::placeholder {
  color: var(--White-custom-color) !important;
}
footer .footMenu .emailsecrep button {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  min-height: 45px;
  min-width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .footMenu .emailsecrep button:hover {
  background:var(--theme-active-color);
}
.footbottom{
  border-top: 1px solid var(--primary-text-color);
  margin: 15px 0 0;
  padding: 50px 0 0;
}
.footbottom p{
  padding:0;
  display: block;
  margin: 0 0 0;
  color: var(--primary-text-color);
  font-size: 14px;
  line-height: 18px;
}
.footbottom ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 16px;
}
.footbottom ul li{
  text-decoration: none;
  display: inline-block;
}
.footbottom ul li img {
  filter: invert(1) brightness(1);
}


/*-----=== Services Page Css===-----*/
.serviceslider{
  width: 100%;
  padding: 185px 0 0;
}
.serviceslider h6{
  margin: 0 0 20px;
}
.serviceslider h1{
  color: var(--primary-text-color);
  font-size: 70px;
  margin: 0 0 30px;
  line-height: 83px;
}
.serviceslider p{
  margin: 0;
}
.serviceslider ul{
  margin:30px 0 0;
  padding: 0;
}
.serviceslider ul li {
  list-style-type: none;
  margin: 0 0 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-size: 18px;
  font-weight: 400;
}
.serWhypart{
  width: 100%;
  background: var(--theme-active-30);
}
.serWhypart{
  width: 100%;
  background: var(--theme-active-30);
  position: relative;
  padding: 100px 0 180px;
}
.bigdateAnaBg{
  border-radius: 10px;
  padding: 20px;
  color: var(--White-custom-color);  
  margin-bottom: 30px;
}
.bigdateAnaBg h3{
  font-size: 22px;
  font-weight: 600;
  margin: 0;
  line-height: 28px;
}
.bigdateAnaBg p{
  margin: 0 !important;
  padding:10px 0 0;
}
.whyBgimgPosition {
  position: absolute;
  width: 100%;
  top: 5%;
  z-index: 0;
}
.serWhypart h2{
  margin: 0;
  position: relative;
  z-index: 1;
}
.serWhypart p{
  margin:30px 0;
  position: relative;
  z-index: 1;
}
.serWhypart ul{
  margin: 0;
  padding: 0;  
  position: relative;
  z-index: 1;
}
.serWhypart ul li{
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  margin: 0 0 25px;
}
.imgpositionSect{
  position: relative;
}
.imgpositionSect .webSerWhySpan {
  position: relative;
  width: 60%;
  background: var(--theme-active-color);
  display: block;
  height: 175px;
  border-radius: 20px;
  z-index: 1;
  top: -120px;
}
.imgpositionSect .webSerWhyinner {
  background: #fff;
  padding: 10px;
  border-radius: 20px;
  position: absolute;
  right: 10%;
  bottom: -10%;
  z-index: 3;
}
.imgpositionSect .webSerWhyfuture {
  border-radius: 20px;
  position: relative;
  left:5%;
  top: 0;
  z-index: 2;
}
.appli_service{
  width: 100%;
  padding: 100px 0;
}
.appli_serHead {
  width: 60%;
}
.appli_serHead h2{
  margin:15px 0 30px;
  width: 70%;
}
.appli_serHead p{
  margin: 0;
}
.appli_service .tabSection{
  width: 80%;
  margin:80px auto 0;
  border-radius: 30px;
  border: 1px solid #CCC;
  padding: 50px 126px;
}
.appli_service .tabSection .nav-tabs {
  border: 1px solid #CCC;
  border-radius: 50px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.appli_service .tabSection .nav-tabs .nav-item.show .nav-link, .appli_service .tabSection .nav-tabs .nav-link.active {
  color: var(--theme-active-color);  
  background: var(--theme-active-30);  
}
.appli_service .tabSection .nav-tabs .nav-link{
  color: var(--main-text-color);
  font-size: 20px;
  line-height: 24px;
  padding:12px 30px;
  border-radius: 30px;  
  border: none;
}
.appli_service .tabSection .nav-tabs .nav-link:focus, .appli_service .tabSection .nav-tabs .nav-link:hover {
  isolation: isolate;
  background: var(--theme-active-30);
  color: var(--theme-active-color); 
}
.appli_service .tabSection .tab-content{
  margin: 20px 0 0;
}
.appli_service .tabSection .tab-content .iconBgBox{
  width: 100px;
  height: 100px;
  border-radius: 20px;
  margin:30px 0 0;
}
.appli_service .tabSection .tab-content .iconBgBox.cusWeb{  
  background: #FFBE16;
}
.appli_service .tabSection .tab-content .iconBgBox.port_dev{
  background: #47B16A;
}
.appli_service .tabSection .tab-content .iconBgBox.front_Dev{
  background:#0044EB;
}
.appli_service .tabSection .tab-content .iconBgBox.backDev{  
  background: #18181B;
}
.appli_service .tabSection .tab-content .iconBgBox.dedicWeb{
  background: #1986e0;
}
.appli_service .tabSection .tab-content .iconBgBox.aipDevDo{
  background:#f38e0a;
}
.appli_service .tabSection .tab-content .tab_tittle{
  font-size: 30px;
  font-weight: 500;
  margin:30px 0 25px;
  color: var(--primary-text-color);
}
.appli_service .tabSection .tab-content .tab_descrips{
  font-size: 20px;
  font-weight: 400;
  margin:0;
}
.appli_service .tabSection .tab-content h6{
  margin: 50px 0 0;
  display: flex;
  gap: 15px;
}
.appli_service .tabSection .tab-content h6 span{
  font-size: 24px;
  color: var(--primary-text-color);
  font-weight: 500;
}
.appli_service .tabSection .tab-content h6 span small{
  font-size: 20px;
  color: var(--primary-text-color);
  font-weight: 400 !important;
}
.appli_service .tabSection .tab-content .technologyLogo {
  margin:30px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.appli_service .tabSection .tab-content .technologyLogo li {
  background: var(--theme-active-30);
  list-style-type: none;
  border-radius: 20px;
  width: 29%;
  height: 100%;
  padding: 20px 5px;
  text-align: center;
  display: block;
}
.appli_service .tabSection .tab-content .technologyLogo li img{
  width: 70px;
  height: 70px;
}
.appli_service .tabSection .tab-content .technologyLogo li span{
  display: block;
  margin: 10px 0 0;
  font-size: 20px;
  text-align: center;
}
.clientTypeCss{
  padding:15px 0 0;
}
.clientTypeCss p{
  margin:0;
  font-weight: 600;
}
.clientTypeCss ul{
  margin:10px 0 0;
}
.clientTypeCss ul li {
    font-size: 16px;
    line-height: 24px;
    padding: 4px;
}

.development_journey{
  width: 100%;
  padding:0 0 100px;
  position: relative;
  overflow: hidden;
}
.deve_journeyBackBG{
  background: var(--theme-active-30);
  padding: 100px 80px;
  border-radius: 30px;  
}
.deve_journeyBack {
  position: sticky;
  margin-right: 100px;
}
.deve_journeyBack h2{
  margin:15px 0 30px;
}
.deve_journeyBack h6 {
  margin: 0;
}
.deve_journeyBack .stepTabBox {
  margin: 45px 0 35px;
  padding: 0;
  border: none;
}
.deve_journeyBack .stepTabBox .nav-item {
  list-style-type: none;
  margin: 0 0 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.deve_journeyBack .stepTabBox .nav-item button{
  width: 100%;
  text-align: left;  
  padding: 15px 12px;  
  border-radius: 10px;
  border: none;
  color: var(--primary-text-color);
  font-size: 24px;
  font-weight: 400;
}
.deve_journeyBack .stepTabBox .nav-item.show .nav-link, .deve_journeyBack .stepTabBox .nav-link.active {
  color: var(--White-custom-color);
  background-color: var(--theme-active-color);
  border-color: transparent;
}
.deve_journeyBack .stepTabBox .nav-item.show .nav-link, .deve_journeyBack .stepTabBox .nav-link.active {
  color: var(--White-custom-color);
  background-color: var(--theme-active-color);
  border-color: transparent;
}
.deve_journeyBack .stepTabBox .nav-link:focus, .deve_journeyBack .stepTabBox .nav-link:hover {
  isolation: isolate;
  color: var(--White-custom-color);
  background-color: var(--theme-active-color);
  border-color: transparent;
}

.devOpsBg ul {
    margin: 30px 0 0 15px;
    padding: 0;
}
.devOpsBg ul li {
    font-size: 16px;
    line-height: 26px;
    margin: 10px 0;
    list-style-type: decimal;
}

.development_journey .journText_box{
  background: var(--White-custom-color);
  padding: 30px 30px 50px;
  border-radius: 30px;  
}
.development_journey .journText_box img{
  width: 100%;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.development_journey .journText_box h4{
  font-size: 30px;
  margin: 30px 0 20px;
  line-height: 36px;
}
.development_journey .journText_box p{
  font-size: 18px;
  margin:0;
  line-height: 24px;
}

.serFaqsSection{
  padding:0 0 100px;
}
.serFaqsSection small {
  font-size: 24px;
  color: var(--theme-active-color);
}
.serFaqsSection h2{
  margin:15px 0 30px;
  color: var(--primary-text-color);
  width: 80%;
}
.askrightPrt img{  
  border-radius: 20px;
}
.askrightPrt span.trustedCliBOX {
  background: var(--theme-active-color);
  width: 100%;
  display: block;
  border-radius: 20px;
  padding: 50px 20px;
  text-align: center;
  height: 100%;  
  color: var(--White-custom-color);
}
.askrightPrt span.trustedCliBOX h1{
  font-size: 70px;
  font-weight: 700;
  line-height:79px;
  margin: 20px 0;
}
.askrightPrt span.trustedCliBOX p{
  font-size: 30px;
  font-style: 34px;
  font-weight: 500;
  margin: 0;
}
.serFaqsSection .accordionCusCss{
  margin: 80px 0 0;
}
.accordionCusCss .accordion-item {
  border-radius: 20px;
  border: 1px solid #CCC;
  padding: 15px 12px;
  margin: 0 0 30px;
}
.accordionCusCss button {
  position: relative;
  display: flex;
  width: 100%;
  border: none;
  background: none;
  align-items: center;
  justify-content: space-between;
}
.accordionCusCss button .accordion-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  width: 95%;
  text-align: left;
}
.accordionCusCss button:hover,
.accordionCusCss button:focus {
  cursor: pointer;
}
.accordionCusCss button:hover::after,
.accordionCusCss button:focus::after {
  cursor: pointer;
}
.accordionCusCss button .icon {
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 0;
  width: 22px;
  height: 22px;
  color: var(--theme-active-color);
}
.accordionCusCss button .icon::before {
  display: block;
  position: absolute;
  content: '';
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordionCusCss button .icon::after {
  display: block;
  position: absolute;
  content: '';
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordionCusCss button[aria-expanded='true'] .icon::after {
  width: 0;
}
.accordionCusCss button[aria-expanded='true'] + .accordion-content {
  opacity: 1;
  max-height: 100%;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordionCusCss .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordionCusCss .accordion-content p{
  margin:15px 0 0;
  opacity: 0.5;
}
.accordionCusCss .accordion-content ul{
  margin:20px 0 0;
}
.accordionCusCss .accordion-content ul li {
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
  list-style-type: circle;
}
.cusInfo_Section{
  padding: 100px 0;  
}
.cusInfo_Section .container-fluid{
  position: relative;
}
.infboxBg{
  background: var(--theme-active-30);
  padding: 80px 50px;
  border-radius: 30px;
}
.infboxBg small{
  font-size: 24px;
  line-height: 30px;
}
.infboxBg p{
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  margin: 30px 0 20px;
  width: 70%;  
}
.infboxtextWhite{
  background: var(--theme-active-color);
  margin-top: 150px;
}
.infboxtextWhite p, .infboxtextWhite small {
  color: var(--White-custom-color);
}
.infboxtextWhite button.link.style-7 {
  width: 14rem;
  height: auto;
}
.infboxtextWhite button.link.style-7 .button-text {
  color: var(--White-custom-color);
}
.infboxtextWhite button.link.style-7 .circle {
  background: var(--White-custom-color);
}
.infboxtextWhite button.link.style-7 .circle .icon.arrow::before {
  border-top: 0.125rem solid var(--theme-active-color);
  border-right: 0.125rem solid var(--theme-active-color);
}
.infboxtextWhite button.link:hover .button-text {
  color: var(--theme-active-color) !important;
}
.cusInfo_Section .infPositionA{
  position: absolute;
  top: 0;
  left: 50%;
  width: 90px;
  animation: airTree 4s ease-in infinite;
}
.cusInfo_Section .infPositionB{
  position: absolute;
  bottom: 0;
  left: 30%;  
  animation: airTree 6s ease-in infinite;
}
.cusInfo_Section .infPositionC{
  position: absolute;
  bottom: 0;
  left: 15%;  
  animation: airTree 5s ease-in infinite;
}
/*-----=== Services Page Css===-----*/

/*-----=== Hire Developer Page Css===-----*/
.hireSlider{
  background: url(../images/hire_developer_slider.png) no-repeat;
  background-size: cover;
  padding-bottom: 100px;
}
.hireSlider .commonParagraph {
  margin-bottom: 50px;
}
.hireSlider .commonParagraph, .hireSlider h1 {
  width: 80%;
}
.hireImgRightSection {
  position: relative;
}
.hireImgRightSection .airTreeImg {
  position: absolute;
  width: 170px;
  top: 15%;
  left: 10%;
  animation: airTree 5s ease-in infinite;
}
.hireSlider button.link.style-7 {
  width: 11rem;
}

.topReasonPart {
  padding: 100px 0;
}
.reason_futureImg{
  margin-top: 50px;
  animation: airTree 5s ease-in infinite;
}
.topReasonPart .stepscrollCS li .contentstepscroll h2 {
  margin: 0;
}
.topReasonPart .stepscrollCS li .contentstepscroll small {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  margin: 5px 0 15px;
  display: block;
}
.nodejsSlidRight{
  animation: airTree 5s ease-in infinite;
}

.hireservice_section{
  width: 100%;
  padding:0 0;
}
.hireservice_SBg{
  background: var(--theme-active-30);
  padding:100px 80px 0;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}
.headingSerHire{
  width: 80%;
  text-align: center;
  margin: 0 auto 80px;
  position: relative;
  z-index: 2;
}
.hireservice_SBg .hireGridimg{
  position: absolute;
  bottom: 0;
  left: 0;
}
.hireS_contentBox{
  background: var(--White-custom-color);
  padding: 70px 70px 40px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  position: relative;
  z-index: 2;
}
.hireS_contentBox_text{
  border-radius: 30px;
  border: 1px solid rgba(81, 126, 255, 0.10);
  background: rgba(81, 126, 255, 0.10);
  padding: 50px 30px;
  height: 100%;
}
.hireS_contentBox_text.clientSide_solution{
  border: 1px solid rgba(13, 188, 158, 0.16) !important;
  background: rgba(13, 188, 158, 0.10) !important;
}
.hireS_contentBox_text.sPAdevelBG{
  border: 1px solid rgba(211, 63, 83, 0.16) !important;
  background: rgba(211, 63, 83, 0.10) !important;
}
.hireS_contentBox_text h4{
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  margin: 0 0 20px;
}
.hireS_contentBox_text p{
  font-size: 18px;
  opacity: 0.5;
  font-weight: 400;
  line-height: 21px;
}
.hireS_contentBox_text.hireSMTop{
  margin-top: 30px;
}

.businessSection{
  width: 100%;
  padding:100px 0 70px;
  background: var(--theme-active-30);
}
.cusRowSection{
  width: 100%;
  display: flex;
  gap: 30px;
  align-items: flex-start;
}
.cusonlytext{
  margin-bottom: 30px;
}
.cusCol30P{
  width: 30%;
}
.cusCol50P{
  width: 50%;
}
.cusCol40P{
  width: 40%;
}
.cusCol100P{
  margin: 0 0 30px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  padding: 50px 30px;
  color: var(--White-custom-color);
  height: 100%;
  transition: all 0.3s ease-out 0s;
}
.cusCol100P:hover{
  transform: scale(1.05, 1.05);
}
.webDevePBaCk{
  background: #9B8AFF;
}
.webAPIPBaCk{
  background: #F08DFF;
}
.uiux_Devel{
  background: #A4A4A4;
}
.angulCustomiz{
  background:#FF9090;
}
.angulPOrDev{
  background:#F3B58C;
}
.single_PageDEve{
  background:#98CAFE;
}
.support_Maintenance{
  background:#8BC040;
}
.cusCol60P{
  width: 60%;
}
.cusCol100P h4, .cusCol100P span, .cusCol100P p{
  position: relative;
  z-index: 1;
}
.cusCol100P .businessGridimg{
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%; width: 100%;  
}
.cusCol100P .cusImgopcity{
  opacity: 0.1;
}
.cusCol100P h4{
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin: 30px 0 20px;
}
.cusCol100P span {
  width: 80px;
  height: 80px;
  display: flex;
  background: white;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.cusRowSection h2{
  margin: 15px 0 30px;
}

.angularpRoceByte{
  padding: 100px 0;
}
.angularpRoceByte .pRoceByteHeading{
  width: 80%;
  margin-bottom: 80px;
}
.angularpRoceByte .pRoceByteHeading h2{
  margin: 0 0 30px;
}
.angularpRoceByte ul {
  margin: 0 auto;
  padding: 0;
  width: 90%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
.angularpRoceByte ul li {
  list-style-type: none;
  display: inline-block;
}
.angularpRoceByte ul li h6 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.angularpRoceByte ul li small {
  width: 150px;
  height: 150px;
  display: flex;
  border: 1px dashed #F5BD00;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  border-spacing: 15px; 
}
.angularpRoceByte ul li small:hover{
  background: #F5BD00;
}
.angularpRoceByte ul li small:hover img{  
  filter: invert(12) brightness(32);
}
.angularpRoceByte ul li span {
  display: block;
  color: #F5BD00;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  width: 150px;
  margin: 15px 0 0;
}
.angularpRoceByte ul li .cusImgLinehalf{
  margin-top: -27px;
}
.angularpRoceByte ul .Sec_hireModa h6 small{
  border-color: #0883C3 !important;
}
.angularpRoceByte ul .Sec_hireModa span{
  color: #0883C3 !important;
}
.angularpRoceByte ul .Sec_hireModa small:hover{
  background: #0883C3;
}

.angularpRoceByte ul .Sec_projectComple h6 small{
  border-color: #6C5EA6 !important;
}
.angularpRoceByte ul .Sec_projectComple span{
  color: #6C5EA6 !important;
}
.angularpRoceByte ul .Sec_projectComple h6 small:hover{
  background-color: #6C5EA6 !important;
}

.angularpRoceByte ul .Sec_AnguDevel h6 small{
  border-color: #269D38 !important;
}
.angularpRoceByte ul .Sec_AnguDevel span{
  color: #269D38 !important;
}
.angularpRoceByte ul .Sec_AnguDevel h6 small:hover{
  background-color: #269D38;
}

.angularpRoceByte ul .Sec_signStart small{
  border-color: #F08DFF !important;
}
.angularpRoceByte ul .Sec_signStart span{
  color: #F08DFF !important;
}
.angularpRoceByte ul .Sec_signStart small:hover{
  background: #F08DFF;
}
.angularpRoceByte ul .Sec_signStart small:hover img {
  filter: invert(0) brightness(32);
}

.realiz_vision{
  margin: 100px auto;
  padding:50px;
  width: 75%;
  background: var(--theme-active-color);
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}
.realiz_vision .smallheading, .realiz_vision .heroHeading, 
.realiz_vision button.link.style-7 .button-text{
  color: var(--White-custom-color);
}
.realiz_vision .smallheading, .realiz_vision .heroHeading, 
.realiz_vision button{
  position: relative;
  z-index: 3;
}
.realiz_vision button.link.style-7 .circle {
  background: var(--White-custom-color);
}
.realiz_vision button.link.style-7 .circle .icon.arrow::before {
  border-top: 0.125rem solid var(--theme-active-color);
  border-right: 0.125rem solid var(--theme-active-color);
}
.realiz_vision button.link:hover .button-text {
  color: var(--theme-active-color);
}
.realiz_vision button.link:hover .circle .icon.arrow {
  background: var(--theme-active-color);
}
.realiz_vision .heroHeading{
  font-weight: 400;
  width: 80%;
  margin: 15px 0 30px;
}
.realiz_vision button.link.style-7 {
  width: 11rem;
}
.realiz_vision .cus_Ag_overlay {
  background: linear-gradient(90deg, #674EFF 56%, rgba(103, 78, 255, 0.05) 80%, rgba(103, 78, 255, 0.10) 90%, rgba(103, 78, 255, 0.00) 100%);
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  border-radius: 30px;
  z-index: 2;
}
.overImgHandShake{
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}
.hireuLboX{
  margin: 20px 0 0;
  padding: 0;
}
.hireuLboX p{
  opacity: 1;
  margin: 0  0 10px;
}
.hireuLboX li {
    list-style-type: none;
    font-size: 16px;
    line-height: 26px;
    margin: 5px 0;
    display: block;
}
/*-----=== Hire Developer Page Css===-----*/

/*-----=== Delivery Models Page Css===-----*/
.ser_delivery_part{
  width: 100%;
  margin: 0;
  margin: 0 0 100px;
}
.delivery_heading {
  width: 65%;
  margin: 0 auto 80px;
  text-align: center;
}
.delivery_heading h2{
  margin: 0 auto 15px;
}
.ser_delivery_part ul{
  margin:30px 0 0;
  padding: 0;
}
.ser_delivery_part ul li {
  list-style-type: none;
  width: 49%;
  display: inline-block;
  margin: 10px 0;
}
.ser_delivery_part ul li img{
  width: 20px;
}
.ser_deliveryText .commonParagraph {
  background: var(--theme-active-30);
  padding: 20px 16px;
  border-radius: 10px;
  font-size: 16px;
  line-height: 22px;
}

.deliveryfew_engage h2.heroHeading{
  margin-bottom: 80px;
}

.engageMPart ul li {
  list-style-type: none;
  width: 100% !important;
  display: flex !important;
  margin: 10px 0;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.engageMPart h4 {
  font-size: 30px;
  line-height: 38px;
  margin: 0 0 15px;
  color: var(--theme-active-color);
}
.engagementSermoble{
  width: 100%;
  margin-bottom: 100px;
}
.engagementSermoble .modal_serHead{
  background: var(--theme-active-30);
  padding: 100px 100px;
  border-radius: 30px;
}
.engagementSermoble .modal_serHead .smallheading {
  margin-bottom: 15px;
  display: block;
}
.engagementSermoble .modal_serHead .boxTextEffectSer {
  background: var(--White-custom-color);
  padding: 30px 20px 50px;
  border-radius: 20px;
  margin-top: 30px;
}
.engagementSermoble .modal_serHead .boxTextEffectSer h2 {
  font-size: 20px;
  margin: 10px 0 0;
}
/*-----=== Delivery Models Page Css===-----*/

/*-----=== Hire Page Css===-----*/
.hireHeader{
  padding:14px 0 !important;
}
.hiresection{
  width: 100%;
  top: 85px;
  position: relative;
  padding: 100px 0;
}
.hiresection h1 {
  margin: 0 0 15px;
}
.hireBody {
  width: 80%;
  margin:0 auto;
  padding:50px;
  background: var(--theme-active-30);
  border-radius: 30px;
}
.hireBody h3{
  font-size: 30px;
  margin: 0 0 15px;
  line-height: 36px;
}
.hireBody p{
  font-size: 18px;
  margin: 0 0 30px;
  line-height: 26px;
}
.step-box-content {
  display: block;
}
.step-box-content h4 {
  color: var(--main-text-color);
  font-size: 18px;
  margin: 15px 0 0;
  font-weight: 400;
}
.step-box-content img {
  filter: invert(0) brightness(0.3);
}
.hireBody .nav-tabs .nav-link.active .step-box-content img {
  filter: none;
}
.hireBody .nav-tabs .nav-link.active .step-box-content h4 {
  color: var(--theme-active-color);
}
.step-box-content .selecotr-item {
  position: relative;
  padding-bottom: 30px;
}
.step-box-content span {
  width: 25px;
  height: 25px;
  display: block;
  background-color: #f9f9f9;
  border: 2px solid #e1e1e1;
  border-radius: 50%;
  position: absolute;
  right: 20px;
  top: 0;
}
.hireBody .nav-tabs .nav-item.show .nav-link .step-box-content span, .hireBody .nav-tabs .nav-link.active .step-box-content span{
  background-color: var(--theme-active-color);
}
.hireBody .nav-tabs {
  border-bottom: none;
  width: 100%;
  gap: 15px;
}

.hireBody .nav-tabs .nav-item {
  border-radius: 10px;
  cursor: pointer;
  background: var(--White-custom-color);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23.99%;
  max-width: 100%;
}
.hireBody .nav-tabs .nav-link {
  margin-bottom: 0;
  border: none;
  width: 100%;
  padding: 35px 10px;
}
.hireBody .nav-tabs .nav-item.show .nav-link, .hireBody .nav-tabs .nav-link.active {
  color: var(--main-text-color);
  background-color: var(--White-custom-color);
  border-color: transparent;
  border-radius: 10px;
}

.hireBody #myTabContent {
  margin-top: 30px;
}
.hireBody #myTabContent .form-group{
  margin-bottom: 30px;
}
.hireBody #myTabContent .form-group label {
  margin: 0;
  color: var(--primary-text-color);
  padding: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
}
.hireBody #myTabContent .form-group .form-select, .hireBody #myTabContent .form-group .form-control {
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: var(--main-text-color);
  background-color: transparent; 
  border-bottom: 1px solid #646464 !important;
  border-radius: 0;
  border: none;
  padding: 12px 0;
}
.hireBody #myTabContent .form-group .form-select:focus {
  border-color: var(--theme-active-color);
  outline: 0;
  box-shadow: 0 0 0 0 rgba(13,110,253,.25);
}
.hireBody #myTabContent .form-group button.cusBtnHire {
  background: var(--theme-active-color);
  text-decoration: none;
  color: var(--White-custom-color);
  padding: 12px 30px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  border-radius: 30px;
  border: 1px solid var(--theme-active-color);
  margin-top: 10px;
  text-align: center;
}

.hirewizardbox .step-btn {
  border: 2px solid #dcdcdc;
  background: none;
  color: #777;
  border-radius: 50px;
  padding: 10px 20px;
  margin: 0 10px;
  transition: 0.3s;
}
.hirewizardbox .step-btn.active {
  border-color: #7c4dff;
  color: #7c4dff;
  font-weight: 600;
}
.hirewizardbox .progress {
  height: 10px;
  border-radius: 50px;
}
.hirewizardbox .progress-bar {
  background-color: #7c4dff;
  border-radius: 50px;
}
.hirewizardbox .form-section {
  display: none;
}
.hirewizardbox .form-section.active {
  display: block;
}
.hirewizardbox .stepbuttensection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 30px;
  flex-wrap: wrap;
  gap: 15px;
}
.hirewizardbox .form-group{
  margin-bottom: 30px;
}
.hirewizardbox .form-group .form-select, .hirewizardbox .form-group .form-control {
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: var(--main-text-color);

  background-color: transparent; 
  border-bottom: 1px solid #646464 !important;
  border-radius: 0;
  border: none;
  padding: 12px 0;
}
.hirewizardbox .form-group .form-select:focus {
  border-color: var(--theme-active-color);
  outline: 0;
  box-shadow: 0 0 0 0 rgba(13,110,253,.25);
}
.hirewizardbox .form-group label {
  margin: 0;
  color: var(--primary-text-color);
  padding: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
}
.experienceCusDEv {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 49px;
}
.experienceCusDEv .form-check-input:checked {
  background-color: var(--theme-active-color);
  border-color: var(--theme-active-color);
}
.hirewizardbox .buttonSectionPt{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hirewizardbox .buttonSectionPt .float-endNext{
  background: var(--theme-active-color);
  text-decoration: none;
  color: var(--White-custom-color);
  padding: 12px 30px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  border-radius: 30px;
  border: 1px solid var(--theme-active-color);
  text-align: center;
  margin: 0 0 0 auto;
}
.hirewizardbox .buttonSectionPt .float-startPrevious{
  background: transparent;
  text-decoration: none;
  color: var(--theme-active-color);
  padding: 12px 30px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  border-radius: 30px;
  border: 1px solid var(--theme-active-color);
  text-align: center;
}
.hirewizardbox .form-group #chipContainer{
  margin-top: 15px;
}
.hirewizardbox .form-group #chipContainer .chip {
  border-radius: 6px;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  background: var(--theme-active-color);
  color: var(--White-custom-color);
  position: relative;
  margin-right: 10px;
}
.hirewizardbox .form-group #chipContaine .chip span {
  margin-right: 8px;
}
.hirewizardbox .form-group #chipContainer .chip .remove-chip {
  position: absolute;
  top: -7px;
  right: -12px;
  border-radius: 50%;
  padding: 0px 7px;
  background: #fff;
  color: #000;
}
.hirewizardbox .form-group .input-group input#techInput {
  position: relative;
  z-index: 1;
  padding-right: 38px;
  border-top-right-radius:0;
  border-bottom-right-radius: 0;
}
.hirewizardbox .form-group .input-group .btn-outline-secondary {
  position: absolute;
  z-index: 2;
  top: 4px;
  right: 5px;
  border-radius: 10px;
  padding: 1px 14px;
  font-size: 30px;
  color: var(--theme-active-color);
  background: transparent;
  border: none;
}
.hirewizardbox .form-group .file-upload-line {
  position: relative;
  border-bottom: 1px solid #888;
  padding-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.hirewizardbox .form-group .file-input {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
}
.hirewizardbox .form-group .browse-label {
  color: var(--main-text-color);
  cursor: pointer;
  transition: 0.3s ease;
  width: 100%;
  padding: 0 0 0 !important;
}
.hirewizardbox .form-group .file-note {
  font-size: 13px;
  color: #666;
  display: block;
  margin-top: 6px;
}
.hirewizardbox .previewDate {
  background: #fff;
  border-radius: 30px;
  padding: 50px 30px 20px;
  margin-bottom: 30px;
}
.hirewizardbox .previewDate .dataentryList {
  padding: 30px 20px 0;
  border-radius: 20px;
  background: var(--theme-active-30);
  margin-bottom: 20px;
  display: block;
}

.calender_inputCu {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.calender_inputCu .form-control{
  position: relative;
  flex: 1 1 auto;
  width: 1% !important;
  min-width: 0;
}
.calender_inputCu .input-group-append {
  border-bottom: 1px solid #646464 ;
}
.calender_inputCu .input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: transparent !important;
  border: 0 solid #ced4da;
  border-radius: 0;
}

.selectCusMy {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 18px;
  color: #60666d;
}
.selectCus__current {
  position: relative;
  cursor: pointer;
  outline: none;
}
.selectCus__current:focus + .selectCus__list {
  opacity: 1;
  -webkit-animation-name: none;
          animation-name: none;
}
.selectCus__current:focus + .selectCus__list .selectCus__option {
  cursor: pointer;
}
.selectCus__current:focus .selectCus__icon {
  transform: translateY(-50%) rotate(180deg);
}
.selectCus__icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 14px;
  transition: 0.2s ease;
}
.selectCus__value {
  display: flex;
}
.selectCus__input {
  display: none;
}
.selectCus__input:checked + .selectCus__input-text {
  display: block;
  width: 100% !important;
}
.selectCus__input-text {
  display: none;
  width: 100%;
  margin: 0;
  padding: 11.5px 0;
  background-color: transparent;
  margin: 0 !important;
  border-bottom:1px solid #646464 !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: var(--main-text-color);
}
.selectCus__list {
  position: absolute;
  top: 49px;
  width: 100%;
  padding: 0;
  list-style: none;
  opacity: 0;
  -webkit-animation-name: HideList;
          animation-name: HideList;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: step-start;
          animation-timing-function: step-start;
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  max-height: 330px;
  z-index: 2;
}
.selectCus__option {
  display: block;
  padding: 15px !important;
  background-color: #fff;
  font-weight: 400 !important;
}
.selectCus__option:hover, .selectCus__option:focus {
  color: var(--White-custom-color) !important;
  background-color: var(--theme-active-color);
}

.hourlyEngageBox {
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  margin-bottom: 30px;
}
.hourlyEngageBox h6 {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.hourlyEngageBox h6 input[type="checkbox"] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    appearance: none;
    border: 1px solid #888;
    border-radius: 4px;
    background-color: white;
    position: relative;
    transition: all 0.2s ease;
  }
.hourlyEngageBox h6 input[type="checkbox"]:checked {
  background-color: #4f46e5; 
  border-color: #4f46e5;
}
.hourlyEngageBox h6 input[type="checkbox"]:checked::after {
  content: '✔';
  color: white;
  font-size: 16px;
  position: absolute;
  top: 1px;
  left: 5px;
}
.hourlyEngageBox h6 label {
  font-size: 18px;
  cursor: pointer;
  user-select: none;
}
.sliderHourly_Range {
  display: block;
  width: 100%;
}
.sliderHourly_Range input[type="range"] {
  appearance: none;
  height: 6px;
  background: #ddd;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
  transition: background 0.3s;
  width: 100%;
  margin-bottom: 15px;
}

.sliderHourly_Range input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  background: var(--theme-active-color);
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
}

.sliderHourly_Range input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: var(--theme-active-color);
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
}

.sliderHourly_Range input[type="range"]:hover {
  background: var(--primary-text-color);
}

.sliderHourly_Range input[type="text"] {
  width: 70px;
  padding: 8px 6px;
  font-size: 16px;
  border:1px solid #ccc;
  border-radius: 8px;
  text-align: center;
}

.sliderHourly_Range input[type="text"]:focus {
  border-color: var(--theme-active-color);
  outline: none;
}
.sliderHourly_Range h6 span {
  font-size: 16px;
}
.hirewizardbox .costbox_Content {
  position: sticky;
  top: 100px;
}
.hirewizardbox .costbox_Content .table-responsive {
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  margin-bottom: 50px;
}
.hirewizardbox .costbox_Content table th:last-child, .hirewizardbox .costbox_Content table td:last-child{
  text-align: end;
}
.hirewizardbox .costbox_Content table td, .hirewizardbox .costbox_Content table th {
  padding: 15px 12px !important;
  font-size: 16px;
}
#successfullyCusBox {
  display: none;
  margin: 20px auto 0;
  padding:50px 30px;
  background-color: transparent;
  transition: all 0.5s ease;
  text-align: center;
  background: var(--theme-active-30);
  border-radius: 30px;
  width: 60%;
}
#successfullyCusBox h1{
  color: var(--theme-active-color);
  font-size:30px;
  line-height: 36px;
}
#successfullyCusBox img {
  width: 30%;
  margin-bottom: 50px;
}
.hireBody.success-view{
  display: none;
}
/*-----=== Hire Page Css===-----*/

/*-----=== Contact Us Page Css===-----*/
.contactSliderPt{
  background: url(../images/hire_developer_slider.png) no-repeat;
  background-size: cover;
  padding:185px 0 100px;
  text-align: center;
}
.contactSliderPt h1{
  margin: 15px 0 30px;
  color: var(--primary-text-color);
  font-size: 70px;
  line-height: 83px;
}
.contactSliderPt p{
  margin: 0 auto 50px;
  width: 80%;
}
.contactForm {
  background: var(--White-custom-color);
  padding: 80px 50px 100px;
  border-radius: 30px;
  text-align: left;
}
.contactForm .ourCusinfo_M {
  background: linear-gradient(101deg, #7839ff03 0%, #4822994d 100%);
  padding: 30px;
  border-radius: 20px;
  height: 100%;
}
.contactForm .ourCusinfo_M h4 {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
}
.contactForm .ourCusinfo_M ul {
  margin: 15px 0 25px;
  padding: 0 0 15px;
  border-bottom: 1px solid #2421302e;
}
.contactForm .ourCusinfo_M ul li {
  list-style-type: none;
  display: block;
  margin: 10px 0;
  font-size: 16px;
  font-weight: 600;
}
.contactForm .ourCusinfo_M ul li a{
  text-decoration: none;
  color: var(--main-text-color);
}
.contactForm .ourCusinfo_M ul li img{
  width: 24px;
}
.contactForm .socialContact{
  border-bottom: 0 solid var(--main-text-color) !important;
}
.contactForm .socialContact li {
  display: inline-block !important;
  margin: 0 10px 0 0 !important;
  font-size: 16px;
  font-weight: 600;
}

.contactForm form .form-group {
  margin: 0 0 50px;
}
.contactForm form .form-group label {
  margin: 0;
  color: var(--primary-text-color);
  padding: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
}
.contactForm form .form-group .form-control {
  border-bottom: 1px solid #646464 !important;
  border-radius: 0;
  border: none;
  padding: 12px 0;
}
.contactForm form .form-group button {
  border-radius: 30px;
  background: var(--theme-active-color);
  margin: 0;
  padding: 12px 45px;
  border: none;
  font-size: 20px;
  line-height: 24px;
  color: var(--White-custom-color);
}

.officeAddress{
  width: 100%;
  padding: 100px 0;
}
.officeWidthCus{
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.officeWidthCus h1{
  margin: 15px auto 30px;
}
.officeWidthCus p{
  margin: 0 auto 50px;
  width: 70%;
}
.officeWidthCus .offiCEbox{
  background: var(--theme-active-30);
  padding: 30px;
  border: 1px solid #eef2f6;
  border-radius: 20px;
  text-align: left;
  height: 100%;
}
.officeWidthCus .offiCEbox h6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.officeWidthCus .offiCEbox h6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.officeWidthCus .offiCEbox h6 span {
  padding: 4px 8px;
  border-radius: 10px;
  border: 1px solid var(--theme-active-color);
  color: var(--theme-active-color);
}
.officeWidthCus .offiCEbox h3 {
  font-size: 20px;
  line-height: 24px;
  margin:20px 0 0;
}
.officeWidthCus .offiCEbox h3 span {
  display: block;
  font-weight: 400;
  font-size: 16px;
  margin-top: 8px;
}
.officeWidthCus .offiCEbox a {
  font-weight: 400;
  font-size: 18px;
  color: var(--theme-active-color);
  text-decoration: none;
  margin: 12px 0;
  display: block;
}
.officeWidthCus .offiCEbox ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 15px;
}
.officeWidthCus .offiCEbox ul li {
  list-style-type: none;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  gap: 5px;
}
.officeWidthCus .offiCEbox ul li a{
  color: var(--main-text-color);
  text-decoration: none;
}
.officeWidthCus .offiCEbox ul li img{
  width: 24px;
}


.contactSliderPt.inquiryPGa .contactForm {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 30px;
  text-align: left;
}
.contactSliderPt.inquiryPGa p {
  margin:30px 0 50px;
  width:70%;
  font-size: 20px !important;
  font-weight: 400;
  line-height: 26px;
}
.contactSliderPt.inquiryPGa .contactForm .form-control {
  background-color: transparent;
}
.sliderpart.contactSliderPt.inquiryPGa h1 {
  margin: 0;
  line-height: 83px;
}
.inquiryPGa h6 {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  line-height: 24px;
}
.inquiryPGa h6 a{
  color: var(--theme-active-color);
}
.inquiryPGa .selectCus__input:checked + .selectCus__input-text {
  display: block;
  width: 100% !important;
  font-size: 18px !important;
}
/*-----=== Contact Us Page Css===-----*/

/*-----=== About Us Page Css===-----*/
.aboutSliderPt{
  background-size: cover !important;
  padding:185px 0 100px;  
  background: url(../images/hire_developer_slider.png) no-repeat;
}
.aboutSliderPt h1{
  color: var(--primary-text-color);
  font-size: 70px;
  margin: 0 0 30px;
  line-height: 83px;
}
.aboutSliderPt p{
  margin: 0 0 20px;
}
.aboutTeamPt{
  width: 100%;
  padding: 100px 0;
  text-align: center;
}
.aboutTeamPt h1{
  padding: 15px 0 30px;
}
.aboutTeamPt .teamBSec{
  border-radius: 30px;
  background: #F4F5F7;
  display: block;
  text-align:left ;
}
.aboutTeamPt .teamBSec.amitCusBg{
  background: var(--theme-active-color);
  color: var(--White-custom-color);
}
.aboutTeamPt .teamBSec.amitCusBg h1 ul li a img{
  filter: invert(28) brightness(5);
}
.aboutTeamPt .teamBSec h1{
  font-size: 20px;
  padding:15px 15px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.aboutTeamPt .teamBSec h1 ul {
  margin: 0;
  padding: 0;
}
.aboutTeamPt .teamBSec h1 ul li {
  list-style-type: none;
  display: inline-block;
}
.aboutTeamPt .teamBSec h1 ul li a{
  text-decoration: none;
}
.aboutTeamPt .teamBSec h6{
  font-size: 16px;
  padding: 2px 15px 30px;  
  display: block;
}
.aboutTeamPt .teamBSec .imgSecCusPng{
  position: relative;
}
.aboutTeamPt .teamBSec .imgSecCusPng img{
  width: 100%;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.aboutTeamPt .teamBSec .imgSecCusPng span {
  position: absolute;
  background: #7839ff80;
  display: none;
  height: 100%;
  width: 100%;
  overflow: hidden;  
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.aboutTeamPt .teamBSec .imgSecCusPng span img {
  width: auto;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.aboutTeamPt .teamBSec .imgSecCusPng:hover span{
  display: block;
}
/*-----=== About Us Page Css===-----*/

/*-----=== Our Team Page Css===-----*/
.allTeamSec{
  width: 100%;
  padding: 100px 0;
  background: var(--theme-active-30);
}
.allTeamSec h1{
  margin: 0 0 15px;
}
.allTeamSec p{
  width: 70%;
  margin: 0 0 50px;
}
.allTeamSec ul {
  flex-wrap: wrap;
  display: flex;
  margin: 30px 0 0;
  padding: 0;
  gap: 15px;
}
.allTeamSec ul li {
  list-style-type: none;
  width: 10%;
  height: 190px;
  transition: all .3s ease-in-out;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.allTeamSec ul li h5 {
  font-size: 16px;
  text-align: center;
  color: var(--White-custom-color);
  font-weight: 400;
  position: absolute;
  top: auto;
  left: 50%;
  transform: translate(-50%, 0%);
  transition: all .3s ease-in-out;
  z-index: 3;
  width: 100%;
  bottom: -5%;
  background: #0a070761;
  padding: 8px 1px;
}
.allTeamSec ul li .hoerEff{
  position: absolute;
  top: auto;
  left: 50%;
  transform: translate(-50%, 0%);  
  transition: all .3s ease-in-out;
  z-index: 3;
  width: 100%;
}
.allTeamSec ul li .hoerEff h4{
  font-size: 16px;
  text-align: center;
  color: var(--White-custom-color);
  font-weight: 400;  
}
.allTeamSec ul li .hoerEff h6{
  font-size: 16px;
  text-align: center;
  color: var(--White-custom-color);
  font-weight: 400;  
}
.allTeamSec ul li img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: grayscale(0);
  transform: scale(1, 1);
}
.allTeamSec ul li:hover h5{
  display: none;
}
.allTeamSec ul li:hover .hoerEff{
  bottom: 0;
}
.allTeamSec ul li:hover img{
  filter: grayscale(1);
  transform: scale(1.2, 1.2);
}
.allTeamSec ul li .overbgBx {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%;
  background: #0000005c;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.allTeamSec ul li:hover .overbgBx {
  display: block;
}
/*-----=== Our Team Page Css===-----*/

/*----==== Testimonal Page Css ====----*/
.testimonal_page{
  background: var(--theme-active-30);
  padding: 100px 0;
  width: 100%;
}
.testimonal_page .nav-tabs {
  border:0 solid #CCC;
  border-radius: 50px;
  padding:0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin: 50px 0 30px;
}
.testimonal_page .nav-tabs .nav-link {
  color: var(--main-text-color);
  font-size: 20px;
  line-height: 24px;
  padding: 12px 10px;
  border-radius:0;
  border: none;
  border-bottom:1px solid transparent;
}
.testimonal_page .nav-tabs .nav-item.show .nav-link, .testimonal_page .nav-tabs .nav-link.active {
  color: var(--theme-active-color);
  border-bottom:1px solid var(--theme-active-color);
  background: transparent;
}
.testimonal_page .nav-tabs .nav-link:focus, .testimonal_page .nav-tabs .nav-link:hover {
  isolation: isolate;
  border-bottom:1px solid var(--theme-active-color);
  background: transparent;
  color: var(--theme-active-color);
}

.testiMBoxPG{
  width: 100%;
  background: var(--White-custom-color);
  padding:90px 30px 30px;
  border-radius: 30px;
  position: relative;
  margin-top: 80px;
}
.testiMBoxPG .iconBgBox{
  background: var(--White-custom-color);
  position: absolute;
  height: 120px;
  width: 120px;
  border-radius: 50%;
  overflow: hidden;
  top: -50px;
  left: 30px;
  padding: 10px;
}
.testiMBoxPG .iconBgBox img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.testiMBoxPG .tab_tittle {
  color: var(--main-text-color);
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.4px;
  margin: 0 0 5px;
}
.testiMBoxPG .tab_tittleSub {
  color: var(--primary-text-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  margin: 0 0 15px;
}
.testiMBoxPG .tab_descrips {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin: 0 0 18px;
}
.testiMBoxPG ul {
  margin: 0;
  padding: 0;
}
.testiMBoxPG ul li {
  list-style-type: none;
  display: inline-block;
}
.testiMBoxPG ul li img {
  display: block;
}
.testiMBoxPG.videoTestBg  {
  width: 100%;
  background: var(--White-custom-color);
  padding: 30px 30px 30px;
  border-radius: 30px;
  position: relative;
  margin-top: 30px;
}
.testiMBoxPG.videoTestBg .tab_tittle {
  margin:20px 0 5px;
}
.testiMBoxPG.videoTestBg .iconBgBox {
  position: absolute;
  height: 90px;
  width: 90px;
  border-radius: 50%;
  overflow: hidden;
  top: 59%;
  left: auto;
  padding: 0;
  right: 50px;
  background: var(--White-custom-color);
  display: flex;
  justify-content: center;
  align-items: center;
}
.testiMBoxPG.videoTestBg .iconBgBox img {
  width: 50%;
  height: auto;
}
.testiMBoxPG.videoTestBg .iconBgBox button {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
}
.cusvideoMDL .modal-header {
  border-bottom: 0;
  padding: 0;
}
.cusvideoMDL .modal-header .btn-close {
  padding: 0;
  background: red;
  border-radius: 50%;
  opacity: 1;
  width: 50px;
  height: 50px;
  position: relative;
  top: -10px;
  right: -13px;
}
.cusvideoMDL .modal-header .btn-close img {
  width: 50%;
}
.modal.cusvideoMDL {
  --bs-modal-width: 680px;
  --bs-modal-margin: 0 !important;
}
.modal.cusvideoMDL.show .modal-dialog {
  transform: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 50px 0;
}
.cusvideoMDL .modal-content {
  border: 0;
}
.cusvideoMDL .modal-header .btn-close:focus {
  outline: 0;
  box-shadow: none;
  opacity: var(--bs-btn-close-focus-opacity);
}
/*----==== Testimonal Page Css ====----*/

/*----==== Case Stusy Page Css ====----*/
.caseStudy_page{
  padding-top:50px;
}
.caseStudy_page .case_boxCont {
  background: white;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px hsla(265.3, 20%, 10%, 35%);
  padding: 0 0 30px;
}
.caseStudy_page .case_boxCont .imgNotStruch{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.caseStudy_page .case_boxCont .imgNotStruch img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.caseStudy_page .case_boxCont h6 {
  margin:30px 15px 0;
}
.caseStudy_page .case_boxCont h3 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  margin: 15px 15px 15px;
  color: var(--primary-text-color);

  display: block;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 50px;
}
.caseStudy_page .case_boxCont p {
  font-weight: 300;
  margin: 0 15px;
  font-size: 16px;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 70px;
}
.caseStudy_page .case_boxCont .linkWrap {
  margin:20px 15px 0;
}
/*----==== Case Stusy Page Css ====----*/

/*----==== Terms Of Usr / Privacy Policy Page Css ====----*/
.containerBody {
  width: 100%;
  padding: 100px 0;
}
.updateVerision {
  width: 100%;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}
.updateVerision span {
  padding:20px 30px;
  color: var(--theme-active-color);
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  background: var(--theme-active-30);
  border-radius: 10px;
}
.containerBody .contentP {
  width: 100%;
  margin: 0 0 20px;
}
.containerBody .contentP p {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 20px;
}
.containerBody .contentP h2 {
  font-weight: 600;
  line-height: 26px;
  font-size: 20px;
  display: flex;
  margin: 0 0 10px;
}
.containerBody .contentP h3 {
  font-weight: 500;
  line-height: 26px;
  font-size: 18px;
  margin: 10px 0;
}
.containerBody .contentP ul {
  margin: 15px 0;
  padding: 30px 35px;
  background: var(--theme-active-30);
  border-radius: 20px;
}
.containerBody .contentP ul li {
  line-height: 20px;
  font-size: 16px;
  margin-bottom: 10px;
}
/*----==== Terms Of Usr / Privacy Policy Page Css ====----*/

/*----==== Sitemap Page Css ====----*/
.sitemapPt{
  width: 100%;
  padding: 70px 0 100px;
}
.sitemapPt h1.heroHeading {
  border-bottom: 1px dotted var(--main-text-color);
  margin-bottom: 30px;
  padding: 30px 0 20px;
}
.sitemapPt h3 {
  font-size: 22px;
  line-height: 28px;
  margin: 0 0 15px;
}
.sitemapPt ul {
  margin: 0 0 25px;
  padding: 0  0 0 35px;
}
.sitemapPt ul li {
  padding: 10px 0;
}
.sitemapPt ul li a{
  text-decoration: none;
  color: var(--main-text-color);
}
.sitemapPt ul li a:hover{
  color: var(--theme-active-color);
}
/*----==== Sitemap Page Css ====----*/

/*----==== Portfolio Page Css ====----*/
.portfoliosection{
  padding: 100px 0 70px;
}
.portfoliosection .portBOXcontent {
  background: var(--White-custom-color);
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px hsla(265.3, 20%, 10%, 35%);
  padding:0;
  margin: 0 0 30px;
}
.portfoliosection .portBOXcontent a{
  text-decoration: none;
  color: var(--main-text-color);
}
.portfoliosection .portBOXcontent img {
  transition: opacity 1s, transform 1s;
  backface-visibility: hidden;
  max-height: 280px;
  min-height: 280px;
  width: 100%;
}
.portfoliosection .portBOXcontent:hover img {
  opacity: .85;
  transform: scale3d(1.1,1.1,1);
}
.portfoliosection .portBOXcontent ul{
  margin: 30px 15px 15px;
  padding: 0;
}
.portfoliosection .portBOXcontent ul li {
  list-style-type: none;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  color: var(--theme-active-color);
}
.portfoliosection .portBOXcontent h4 {
  padding: 0 15px;
  margin: 0 0 15px;
  font-size: 20px;
  line-height: 24px;
  color: var(--primary-text-color);

    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 25px;
}
.portfoliosection .portBOXcontent p {
  padding: 0 15px;
  margin: 0 0 30px;
  font-size: 16px;
  line-height: 24px;

  display: block;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 70px;
}
.portDetail .portBOXcontent {
  background: transparent;
  border-radius:0;
  overflow: hidden;
  box-shadow: 0 0px 0px 0px hsla(265.3, 20%, 10%, 35%);
  padding: 0;
  margin: 0 0 0;
}
.portDetail .portBOXcontent img {
  max-height: max-content;
  min-height: auto;
  border-radius: 20px;
}
.portDetail .portBOXcontent p {
  padding: 0 0;
  max-width: 100%;
  -webkit-line-clamp: inherit;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: inherit;
  height: auto;
}
.portDetail .portBOXcontent .cusmt-30{margin-top: 50px;}
.portDetail .portBOXcontent h4 {
  padding: 0 0;
  -webkit-line-clamp: inherit;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: inherit;
  height: auto;
}
.portDetail .portBOXcontent ul {
  margin: 0 0 15px;
  padding: 0;
}

.portfolio_future{
  padding: 100px 0;
  background: var(--theme-active-30);
}
.portfolio_future h1 {
  margin: 0 auto 50px;
  display: block;
  text-align: center;
}
.portfolio_future .port_futurecontent {
  height: 100%;
  border-right: 1px solid var(--main-text-color);
  padding: 0 15px 0 0;
}
.portfolio_future .port_futurecontent.norightborder {
  border-right: 1px solid transparent;
}
.portfolio_future .cusmt-30{
  margin-top: 50px;
}
.portfolio_future .port_futurecontent h4 {
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 15px;
}
.portfolio_future .port_futurecontent  p {
  margin: 0;
  padding: 0 0 10px;
  font-size: 16px;
  line-height: 24px;
  color: var(--);
}

.portAccord {
  background: var(--theme-active-30);
}
.portAccord .portBOXcontent h2 {
  margin: 0 0 50px;
}
.portAccord .accordionCusCss .accordion-content p {
  margin: 10px 5px 0 !important;
  opacity: 0.5;
}
.portfoliInfo {
  padding: 100px 0;
  border-top: 1px solid var(--theme-active-30);
}
.portfoliInfo .info_M_box {
  border-radius: 20px;
  overflow: hidden;
  padding: 30px;
  margin:30px 0 0;
}
.portfoliInfo h2 {
  margin: 0 auto 15px;
  text-align: center;
}
.portfoliInfo .commonParagraph {
  width: 60%;
  margin: 0 auto 50px;  
  text-align: center;
}
.portfoliInfo .info_M_box h6 {
  font-size: 20px;
  margin: 15px 0 5px;
}
.portfoliInfo .info_M_box p {
  margin: 0;
}
.portfoliInfo .info_M_box .businessGridimg {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.infoTopUl .stepscrollCS li .contentstepscroll ul {
  margin: 15px 0 0 46px;
  padding: 0;
  width: 100%;
}
.infoTopUl .stepscrollCS li .contentstepscroll ul li {
  margin: 0;
  padding: 5px 0;
  list-style-type: disc;
  font-size: 16px;
  line-height: 24px;
}
.clientBG_ingo {
  border: 1px solid rgba(81, 126, 255, 0.10);
  background: rgba(81, 126, 255, 0.10);
}
.dateBG_ingo {
  border: 1px solid rgba(13, 188, 158, 0.16) !important;
  background: rgba(13, 188, 158, 0.10) !important;
}
.websiteBG_ingo {
  border: 1px solid rgba(211, 63, 83, 0.16) !important;
  background: rgba(211, 63, 83, 0.10) !important;
}
.locationBG_ingo {
  border: 1px solid #ccc8e6;
  background:#9b8aff42;
}
/*----==== Portfolio Page Css ====----*/

/*----==== Event Celebrations Page Css ====----*/
.eventCeleBra .imagBoxCusM {
  width: 100%;
  background: var(--White-custom-color);
  padding: 3px;
  border-radius: 10px;
  position: relative;
  margin-top: 30px;
}
#galleryModal .position-absolute {
  position: absolute!important;
  z-index: 2;
  right: -40px !important;
  top: -40px !important;
}
#galleryModal .carousel-item img{
  border-radius: 10px;
}
#galleryModal .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: 0 solid var(--bs-modal-border-color);
  border-radius: 10px;
  outline: 0;
  padding: 5px;
}
#galleryModal .btn-close {
  box-sizing: content-box;
  width: 40px;
  height: 40px;
  padding: 5px;
  color: var(--bs-btn-close-color);
  background: #000;
  border: 0;
  border-radius: 50%;
  opacity: 1;
}
#galleryModal .btn-close img {
  width: 70%;
}
/*----==== Event Celebrations Page Css ====----*/

/*----==== Awards Page Css ====----*/
.awardsection{
  padding: 100px 0;
}
.awardsection .awrdBOXcontent {
    background: var(--White-custom-color);
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px hsla(265.3, 20%, 10%, 35%);
    padding: 0;
    margin: 0 0 30px;
}
.awardsection .awrdBOXcontent h4 {
    padding: 0 15px;
    margin: 0 0 15px;
    font-size: 20px;
    line-height: 24px;
    color: var(--primary-text-color);
}
.awardsection .awrdBOXcontent p {
    padding: 0 15px;
    margin: 0 0 30px;
    font-size: 16px;
    line-height: 24px;
}
/*----==== Awards Page Css ====----*/

.inf_serversBG{
  background: transparent !important;
  padding: 100px 0;
}

/*----==== Career Overview Page Css ====----*/
.careerAbout{
  padding:100px 0;
}
.careerAbout img{
  border-radius: 20px;
}
.jobSecPosition{
  padding: 100px 0;
  background: var(--theme-active-30);
}
.jobSecPosition .jobHeadingContent{
  text-align: center;
  display: block;
  margin: 0 auto;
  width:60%;
}
.jobSecPosition .jobHeadingContent h2{
  margin: 15px auto 30px;
}
.jobSecPosition .jobHeadingContent p{
  margin: 0 auto 50px;
}
.jobSecPosition .jobBGbox {
    background: var(--White-custom-color);
    padding: 30px;
    border-radius: 20px;
    margin-top: 30px;
}
.jobSecPosition .jobBGbox h4 {
    font-size: 22px;
    line-height: 26px;
    margin: 0 0 15px;
}
.jobSecPosition .jobBGbox h6 {
  margin: 5px 0;
  font-size: 18px;
  line-height: 24px;
}
.jobSecPosition .jobBGbox h6 span{
  margin-right: 10px;
}
.jobSecPosition .jobBGbox h6 span b {
  color: var(--primary-text-color);
  padding-right: 2px;
  font-weight: 400;
}
.jobSecPosition .jobBGbox p {
  font-size: 16px;
  line-height: 24px;
  margin: 15px 0 20px;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 68px
}
.jobdescriptionCon{
  margin-top: 50px;
  text-align: left;
}
.jobdescriptionCon .commonParagraph {
  width: 60% !important;
  margin:15px 0 30px;
  text-align: left;
}
.jobdescriptionCon h4 {
  font-size: 24px;
  line-height: 34px;
  margin: 0;
  color: var(--primary-text-color);
}
.jobdescriptionCon ul {
    margin: 15px 0 30px 15px;
    padding: 0;
}
.jobdescriptionCon ul h6 {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 15px;
}
.jobdescriptionCon ul li {
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.jobdescriptionCon ul li img {
    width: 20px;
}
.careerform{
  padding:0 0 100px;
}

/*----==== Career Overview Page Css ====----*/

   
 .cusLoadR .modal-dialog {
    max-width: 824px;
    margin: 0 auto;
    min-height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
}
.cusLoadR .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 20px;
    outline: 0;
    box-shadow: 0 0 0 #e3e3e3;
}
.cusLoadR .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px 20px;
}
.cusLoadR .modal-body .col-md-6 {
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
}
.cusLoadR .modal-header {
    padding: 0;
    border-bottom: 0 solid #dee2e6;
    position: relative;
}
.cusLoadR .modal-header button.close {
    opacity: 1;
    color: #000;
    position: absolute;
    right: 20px;
    top: 13px;
    font-weight: 300;
    font-size: 36px;
    line-height: 36px;
    padding-top: 0;
    border: none;
    z-index: 9;
    background: transparent;
}
.curLeftImgLoad {
  border-radius: 25px;
  background: #DFE2F0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cusLoadR .modal-body .curRightTextLoad{
  border-radius: 25px;
  background: #F6F6F6;
  padding: 55px 24px;
}
.cusLoadR .modal-body .curRightTextLoad h6{
  color: var(--theme-active-color);
  font-size: 16px;
  font-weight: 400;
  margin:0;
}
.cusLoadR .modal-body .curRightTextLoad h2{
  color: var(--main-text-color);
  font-size: 24px;
  font-weight: 400;
  margin:10px 0 0;
  padding:0;
}
.cusLoadR .modal-body .curRightTextLoad h2 span{
  color: var(--theme-active-color);
}
.cusLoadR .modal-body .curRightTextLoad a.pre-order-btn {
    display: flex;
    width: 100%;
    margin: 40px auto 0;
    border-radius: 12px;
    text-decoration: none;
    border-radius: 10px;
    justify-content: center;
    font-weight: bolder;

    border-radius: 30px;
    background: var(--theme-active-color);
    padding: 12px 45px;
    border: none;
    font-size: 20px;
    line-height: 24px;
    color: var(--White-custom-color);
}
@media (max-width:1024px){
.cusLoadR .modal-dialog {max-width: 740px;}
}
@media (max-width:767px){
.mobileLefHidden{display: none;}
.cusLoadR .modal-dialog {max-width: 580px;}
div#CusLoadR {padding: 0 !important;}
.cusLoadR .modal-body .curRightTextLoad h2 {font-size: 18px; }
.cusLoadR .modal-body .curRightTextLoad a.pre-order-btn {padding: 12px 20px;}
}
@media (max-width:575px){
.cusLoadR .modal-dialog {max-width: 480px;}
.cusLoadR .modal-body .curRightTextLoad {padding:40px 20px; background: transparent}
}
@media (max-width:500px){
.cusLoadR .modal-dialog {max-width: 380px;}
}
@media (max-width:414px){
.cusLoadR .modal-dialog {max-width: 340px;}
}
@media (max-width:375px){
.cusLoadR .modal-dialog {max-width: 300px;}
}

.error-message {
      color: red !important;
      font-size: 0.9em;
      margin-top: 5px;
    }
    .alert-success {
      background-color: #d4edda;
      color: #155724;
      padding: 10px;
      margin-bottom: 15px;
      border-radius: 5px;
    }

/* Add css for contact form */
.demoInputBox{padding:10px; border:#F0F0F0 1px solid; border-radius:4px;}
.infoMail{font-size:.8em;color: #ff014f !important;letter-spacing:2px;}


/* Coming Soon Css */
.comingSoonBg {
  background:var(--theme-active-color);
  color: var(--White-custom-color);
  text-align: center;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-size: cover;
  padding: 15px;
}  
.comingSoonBg h1 {
  font-size: 3rem;
  margin:50px 0 20px;
}
.comingSoonBg p {
  margin-bottom: 2rem;
}
.comingSoonBg .timer {
  display: flex;
  gap: 1rem;
  font-size: 2rem;
}
.comingSoonBg .timer div {
  background: rgba(255, 255, 255, 0.1);
  padding: 1rem 1.5rem;
  border-radius: 10px;
}
.coming_footer {
  position: absolute;
  bottom: 20px;
  font-size: 0.9rem;
  color: #aaa;
}

.notfoundpage{
    position: relative;
    padding: 188px 0 100px;
    background: url(../images/home_slider.png) no-repeat;
    background-size: cover;
}
.notfoundpage h6 {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  width: 100%;
}
.notfoundpage h6 a {
    background: var(--theme-active-color);
    text-decoration: none;
    color: var(--White-custom-color);
    padding: 12px 30px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    border-radius: 30px;
    border: 1px solid var(--theme-active-color);
    margin-top: 10px;
    text-align: center;
}
.notfoundpage h6 a.onle_borderUI {
    background: transparent;
    color: var(--theme-active-color);
}

/* ---=== Alert Message ====----- */
.news_CusBgClr .success{
    color: #fff;
    background: #28a745;
    padding: 10px;
    margin-top: 6px;
    border-radius: 5px;
}
.news_CusBgClr .error{
  color: #fff;
  background: #dc3545;
  padding: 10px;
  margin-top: 6px;
  border-radius: 5px;
}
.inquiry_CusBgClr .form-message.success{
  color: #28a745;
  background: #28a74530;
  padding: 10px;
  margin-bottom: 30px;
  border-radius: 5px;
}
.inquiry_CusBgClr .form-message.error {
  color: #dc3545;
  background: #dc354552;
  padding: 10px;
  margin-bottom: 30px;
  border-radius: 5px;
}
/* ---=== Multiple Upload Image Css ===--- */
.file-preview-container {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px; 
}
.file-preview-container .file-box {
  background: #f1f1f1;
  padding: 5px 10px;
  border-radius: 4px;
  position: relative;
  font-size: 14px;
}
.file-preview-container .file-box .remove-file {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #fc0e0e !important;
  color: white;
  border: none;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 12px;
  line-height: 16px !important;
  cursor: pointer;
  padding: 0 !important;

}

/* ---=== AI ML Video Start Css ===--- */
.cusAIMl_modal .modal{
    background: #ECF0F3;
    z-index: 9999;
    height:100%;
}
.cusAIMl_modal .modal.cusvideoMDL.show .modal-dialog {
    height:auto;
}
.modal.cusvideoMDLaiml {
    --bs-modal-width: 860px !important;
    
}
.conshowP .readmore-text{
    max-height: 52px; 
    overflow: hidden; 
    transition: max-height 0.4s ease;
        display: -webkit-box;
    max-width: 100%;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.conshowP .readmore-text h3 {
    font-size: 20px;
    line-height: 20px;
    margin: 20px 0 15px;
}
.conshowP .readmore-text ul {
    margin: 0;
    padding: 0 0 0 35px;
}
.conshowP .readmore-text ul li {
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
}
.conshowP .readmore-text ul li small {
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    background: #fe6e6e;
    padding: 3px 8px;
    color: #fff;
}
.custagvideo {
    width: 100%;
    margin: 10px 0;
}
.custagvideo span {
    font-weight: 500;
    padding-right: 5px;
}

.conshowP button {
    background: none;
    border: none;
    color: var(--theme-active-color);
    padding: 5px 0;
    margin: 10px 0 0;
    border-bottom: 1px solid var(--theme-active-color);
}
.cusvideoMDLaiml .heroHeading {
    color: var(--primary-text-color);
    font-size: 30px;
    margin: 25px 0 15px;
    line-height: 34px;
}
.conshowP .readmore-text p{
    margin: 0;
    font-size: 16px;
    line-height:24px;
    color: var(--primary-text-color);
    font-weight: 400;
}
.demovideo_page {
    width: 100%;
    background: var(--theme-active-30);
    padding: 100px 0px;
}
.demovideo_page .headtileContnetSec{
    margin:75px 0 20px;
    width:60%;
}
.demovideo_page .demovideoBg {
    width: 100%;
    background: var(--White-custom-color);
    padding: 30px 30px 30px;
    border-radius: 30px;
    position: relative;
    margin-top: 30px;
}
.demovideo_page .cusIMGcoverDown {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    max-height: 250px;
}
.demovideo_page .demovideoBg .demoiconBgBox {
    position: absolute;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    overflow: hidden;
    top: 256px;
    left: auto;
    padding: 0;
    right: 50px;
    background: var(--White-custom-color);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}
.demovideo_page .demovideoBg .demoiconBgBox button {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
}
.demovideo_page .demovideoBg .demoiconBgBox img {
    width: 50%;
    height: auto;
    object-fit: cover;
}
.demovideo_page .demovideoBg p {
    color: var(--primary-text-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    margin: 0 0 15px;

    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 70px;
}
.demovideo_page .demovideoBg h2 {
    margin: 30px 0 15px;
    color: var(--main-text-color);
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.4px;
    display: block;
    display: -webkit-box;
    max-width: 90%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 33px;
}