.footer_inter_link ul.Technologies_names@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap');

@font-face {
  font-family: 'Gilroy-Regular';
  src: url(../fonts/Gilroy-Regular.woff) format(woff);
  font-weight: 400;
}
@font-face {
  font-family: 'Gilroy-semibold';
  src: url(../fonts/Gilroy-SemiBold.woff) format(woff);
  font-weight: 600;
}
@font-face {
  font-family: 'Metropolis-Regular';
  src: url(../fonts/Metropolis-Regular.woff) format(woff);
  font-weight: 400;
}
@font-face {
  font-family: 'Metropolis-bold';
  src: url(../fonts/Metropolis-Bold.woff) format(woff);
  font-weight: 700;
}

html {
  scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

* {box-sizing: border-box;}

h1,h2,h3,h4,h5,h6,p {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}

.heading_h2 {
  font-weight: 600;
  font-size: clamp(24px,4vw,40px);
  line-height: 60px;
  color: #232323;
  text-transform: uppercase;
}
.heading_h2 span {
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.small_title {
  font-weight: 400;
  font-size: clamp(17px, 2vw, 20px);
  line-height: 20px;
  letter-spacing: 0.2em;
  color: #50296E;
  margin-bottom: 5px;
  display: block;
  text-transform: uppercase;
}
.p_text {
  font-weight: 300;
  font-size: clamp(16px, 3vw, 18px);
  line-height: 35px;
  color: #555;
}
.project_txt p.p_text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mt-110 {
  margin-top: 120px;
}
.pt-110 {
  padding-top: 120px;
}
/*----------------------------------
 HEADER SECTION START
------------------------------*/
/* header */
.header {
  display: block;
  width: 100%;
  position: relative;
  z-index: 99;
  padding: 42px 0px;
  background: #f0eaf0;
}

.header .logo a {
	width: 171px;
  display: block;
	text-decoration: none;
}

.header .logo a img {
  width: 100%;
  height: 100% !important;
}

.header .menu > ul > li{
	display: inline-block;
	line-height: 50px;
	margin-left: 25px;
}

.sub-nav {
  visibility: visible;
  opacity: 1;
}
.header .menu > ul > li > a {
  font-weight: 400;
  font-size: clamp(16px,2vw,18px);
  line-height: normal;
  color: #0A1B2B;
  transition: color 0.3s ease;
}
.header .menu > ul > li > a:hover {
  color: #893269;
}
li.menu-item-has-children.current > a {
  color: #893269 !important;
}
.sub-menu ul li .current{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.megamenu_list .current, .sub-menu .current{
  color: #893269 !important;
}

/* .sub-menu .current{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
} */
.header .menu > ul > li .sub-menu .p-dr {
  padding: 20px;
}
.header .menu > ul > li .sub-menu {
	position: absolute;
	z-index: 500;
	background-color:#ffffff;
	box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3);
	margin-top:25px;
	opacity:0;
	visibility: hidden;
  transition: ease-in-out 0.1s;
}
.dropdown-ftr {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  padding: 16px 24px;
}
.dropdown-ftr p {
  color: #FFF;
  font-size: clamp(15px, 3vw, 16px);
  font-weight: 400;
  line-height: normal;
}
.list-item.contact-list {
  width: 100%;
  border-top: 1px solid;
  margin-top: 30px;
}
.list-item.contact-list ul {
  display: flex;
  justify-content: space-evenly;
}

.list-item.contact-list ul li a {
  padding: 0 !important;
  margin: 15px 0px !important;
}

.list-item.contact-list ul li a:hover {
  box-shadow: 0 0 0 !important;
}

.header.is-sticky {
  position: sticky;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  animation: slideDown 0.35s ease-out;
  z-index: 99;
  padding: 20px 0px;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@media(min-width: 992px){
.header .menu > ul > li.menu-item-has-children:hover .sub-menu {
	margin-top: 20px;
	visibility: visible;
	opacity: 1;
  transition: ease-in-out 0.4s;
}
}
.header .menu > ul > li .sub-menu > ul > li{
	line-height: 1;
}

.header .menu > ul > li .single-column-menu{
	min-width: 280px;
	max-width: 350px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{
   line-height: 1;
   display: block;
}

.header .menu > ul > li .sub-menu.mega-menu > .megamenu_list .list-item > ul > li > a {
  margin: 5px 0px;
  /* background: #FFFFFF; */
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  padding: 9px 15px;
  font-weight: 400;
  font-size: clamp(16px, 2vw, 16px);
  line-height: normal;
  color: #0A1B2B;
  transition: 0.5s;
  align-items: center;
}


.mega-icon{
  display: none;
  padding-right: 10px;
}

.mega-icon1{
  padding-right: 10px;
}

.header .menu > ul > li .sub-menu.mega-menu > .megamenu_list .list-item > ul > li > a:hover .mega-icon {
  display: inline-block;
}

.header .menu > ul > li .sub-menu.mega-menu > .megamenu_list .list-item > ul > li > a:hover .mega-icon1 {
  display: none;
}
.menu-item-name-icon{
  display: flex;
  align-items: center;
}
.header .menu > ul > li .sub-menu.mega-menu > .megamenu_list .list-item > ul > li > a:hover .menu-item-name-icon{
  display: flex;
  align-items: center;
}
.header .menu > ul > li .sub-menu > ul > li a:hover .mega-icon{
  display: inline-block;
}
.header .menu > ul > li .sub-menu > ul > li a:hover .mega-icon1{
  display: none;
}
.mega-icon1 svg,.mega-icon svg{
  width: 30px;
  height: 30px;
}
.arrow-right-circle {
  opacity: 0;
  transition: 0.5s;
}
.header .menu > ul > li .sub-menu.mega-menu > .megamenu_list .list-item > ul > li > a:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.header .menu > ul > li .sub-menu.mega-menu > .megamenu_list .list-item > ul > li > a:hover .arrow-right-circle {
  opacity: 1;
  transition: 0.5s;
}

.header .menu > ul > li .sub-menu.mega-menu{
    left: 50%;
    transform: translateX(-50.2%);
}

.list-item {
  width: 32%;
  text-align: start;
}

.sub-nav > ul > li > a {
  margin: 5px 0px;
  background: #FFFFFF;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  padding: 9px 15px;
  font-weight: 400;
  font-size: clamp(16px,2vw,16px);
  line-height: 24px;
  color: #0A1B2B;
  transition: 0.5s;
  align-items: center;
  width: 100%;
}

.sub-nav > ul > li > a .arrow-right-circle {
  padding-left: 10px;
}

.sub-nav > ul > li > a:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.sub-nav > ul > li > a:hover .arrow-right-circle {
  opacity: 1;
  transition: 0.5s;
}

.software_img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .menu > ul > li .sub-menu.mega-menu-column-4 {
  width: 100%;
  background: #FFF;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 .megamenu_list {
  max-width: 1150px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 15px 0px;
  margin: auto;
}
/* .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
  flex:0 0 25%;
  padding:0 15px;
} */
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .megamenu_list .list-item .title {
  font-weight: 500;
  font-size: clamp(18px,2vw,20px);
  line-height: normal;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  border-bottom: 2px solid #E6E8EA;
  padding: 10px 0;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
	text-align: center;
}
/* select-item1 */
.bg-block1 img {
  max-width:100%;
  display: none;
}
.bg-block1.active img {
  display: block;
}

/* select-item2 */
.bg-block2 img {
  max-width:100%;
  display: none;
}
.bg-block2.active img {
  display: block;
}

/* select-item3 */
.bg-block3 img {
  max-width:100%;
  display: none;
}
.bg-block3.active img {
  display: block;
}

/* select-item4 */
.bg-block4 img {
  max-width:100%;
  display: none;
}
.bg-block4.active img {
  display: block;
}

/* banner section */
.banner-section{
  background-image: url('../img/banner.jpg');
  background-size: cover;
  background-position: center;
  height: 700px;
  width: 100%;
  display: block;
}
.mobile-menu-head,
.mobile-menu-trigger{
	display: none;
}

.v-center{
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.header-item.item-left {
  width: 15%;
}
.header-item.item-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 85%;
}
.item-right {
  display: none;
}
/*responsive*/
@media(max-width: 991px){
	.header .mobile-menu-trigger{
		display: flex;
		height: 30px;
		width: 30px;
		margin-left: 15px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
	}
	.header .mobile-menu-trigger span{
		display: block;
		height: 2px;
		background-color: #333333;
		width: 24px;
		position: relative;
	}
	.header .mobile-menu-trigger span:before,
	.header .mobile-menu-trigger span:after{
		content: '';
		position: absolute;
		left:0;
		width: 100%;
		height: 100%;
		background-color: #333333;
	}
	.header .mobile-menu-trigger span:before{
		top:-6px;
	}
	.header .mobile-menu-trigger span:after{
		top:6px;
	}
	.header .item-right {
    display: flex;
    align-items: center;
}

.header .menu {
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  left: 0;
  top: 100px;
  height: 100vh;
  overflow: hidden;
  transform: translate(-100%);
  transition: all 0.5s ease;
  z-index: 1099;
}

.header.is-sticky .menu {
  top: 80px;
}
	.header .menu.active{
	   transform: translate(0%);
	}
	.header .menu > ul > li{
		line-height: 1;
		margin:0;
		display: block;
	}
	.header .menu > ul > li > a{
		line-height: 50px;
		height: 50px;
		padding:0 50px 0 15px;
		display: block;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	.header .menu > ul > li > a i{
		position: relative;
		height: 50px;
		width: 50px;
		top:0;
		right: 0;
		text-align: center;
		line-height: 50px;
		transform: rotate(-90deg);
	}
	.header .menu .mobile-menu-head{
		display: flex;
		height: 50px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		position: sticky;
		background-color: #ffffff;
		top:0;
	}
	.header .menu .mobile-menu-head .go-back{
		height: 50px;
		width: 50px;
		border-right: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;
		font-size: 16px;
		display: none;
	}
	.header .menu .mobile-menu-head.active .go-back{
		display: block;
	}
	.header .menu .mobile-menu-head .current-menu-title{
		font-size: 15px;
		font-weight: 500;
		color:#000000;
	}
	.header .menu .mobile-menu-head .mobile-menu-close{
	  height: 50px;
		width: 50px;
		border-left: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;
		font-size: 25px;
	}
	.header .menu .menu-main{
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.header .menu > ul > li .sub-menu.mega-menu,
	.header .menu > ul > li .sub-menu{
		visibility: visible;
		opacity: 1;
		position: absolute;
		box-shadow: none;
		margin:0;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		padding-top: 40px;
		max-width: none;
		min-width: auto;
		display: none;
		transform: translateX(0%);
		overflow-y: auto;
	}
.header .menu > ul > li .sub-menu.active{
	display: block;
}
@keyframes slideLeft{
	0%{
		opacity:0;
		transform: translateX(100%);
	}
	100%{
	    opacity:1;
		transform: translateX(0%);
	}
}
@keyframes slideRight{
	0%{
		opacity:1;
		transform: translateX(0%);
	}
	100%{
	    opacity:0;
		transform: translateX(100%);
	}
}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
		margin-top:0;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
		margin-bottom: 20px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{
		margin-bottom:0px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
		flex: 0 0 100%;
    padding: 0px;
	}

	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
		margin-bottom: 15px;
	}

	.menu-overlay.active{
	  visibility: visible;
	  opacity:1;
	}
}


a.lest-talk {
    padding: 13px 39px;
    background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
    border-radius: 6px;
    font-size: clamp(17px, 2vw, 20px);
    color: #FFFFFF;
    font-weight: 500;
    transition: all 0.4s ease;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

a.lest-talk::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: -100%;
  opacity: 0;
  background: linear-gradient(90deg, #4F2A6E 0%, #893269  100%);
  transition: all 0.4s ease;
  z-index: -1;
}

a.lest-talk span {
  display: inline-block;
  transition: all ease-in-out 0.5s;
  transform: rotateX(0deg);
  text-transform: capitalize;
}

a.lest-talk:hover span {
  transform: rotateX(360deg);
  display: inline-block;
}

a.lest-talk:hover::after {
  left: 0;
  opacity: 1;
  transition: all 0.4s ease;
}



/*------------------------------------------------------
 HEADER SECTION END
------------------------------------------------------*/

/*------------------------------------------------------
 BANNER SECTION START
------------------------------------------------------*/
#banner {
  width: 100%;
  background: #F0EAF0;
  position: relative;
  padding-bottom: 134px;
  padding-top: 80px;
}

.banner_text {
    width: 100%;
}

.banner_text span {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: clamp(18px, 3vw, 22px);
  line-height: normal;
  color: #0A1B2B;
}

.banner_text h1 {
  font-weight: 600;
  font-size: clamp(30px, 5.5vw, 50px);
  line-height: clamp(40px, 7vw, 65px);
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-top: 16px;
  margin-bottom: clamp(20px, 3vw, 40px);
}

.banner_text h1 span {
  -webkit-text-fill-color: #0A1B2B;
  font-weight: 600;
  color: #0A1B2B;
  font-size: clamp(30px, 5.5vw, 50px);
  display: inline-block;
  line-height: 60px;
}

.banner_img img {
  width: 115%;
}

.banner_social_link {
  position: absolute;
  top: 10%;
  right: 6%;
}

.banner_social_link ul {
  margin: 0;
  padding: 0;
}

.banner_social_link ul li {
  list-style: none;
  display: block;
  padding: 10px 0px;
}

.banner_social_link ul li a {
  font-weight: 500;
  font-size: clamp(16px,2vw,18px);
  line-height: 25px;
  color: #0A1B2B;
  transition: all ease-in-out 0.5s;
  writing-mode: vertical-lr;
}

.banner_social_link ul li a:hover {
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* .banner_social_link ul li:first-child a {
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
} */

.btn_talk {
  width: 210px;
  color: #0A1B2B;
  font-size: clamp(18px,3vw,22px);
  font-weight: 400;
  display: flex;
  align-items: center;
  position: relative;
  transition: 0.5s ease;
  line-height: normal;
  justify-content: space-between;
}

.btn_talk:hover {
  color: #893269;
}

.btn_talk:hover span {
  border-color: #893269;
}
.btn_talk:hover span i {
  right: 7px;
  color: #893269;
  transition: 0.5s ease;
}

.btn_talk span {
  display: inline-block;
  width: 34px;
  height: 34px;
  border: 2px solid #0A1B2B;
  margin-left: 25px;
}

.btn_talk span i {
  position: absolute;
  right: 18px;
  font-size: 22px;
  line-height: 32px;
  transition: 0.5s ease;
}

.modal:target {
  visibility: visible;
  opacity: 1;
}

.modal-content {
  border-radius: 5px;
  position: relative;
  width: 1010px;
  background-image: url(../image/modalimg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.modal-content::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0, 0.65);
}
.modal-content .project_box {
  background: none;
  position: relative;
  z-index: 1;
}
.modal-content .project_box span, .modal-content .project_box h2 {
  color: #FFF;
}
.modal-content .project_box .btn_talk, .modal-content .project_box .btn_talk span i {
  color: #FFF;
}
.modal-content .project_box .btn_talk span {
  border-color: #FFF;
}
.modal__close {
  position: absolute;
  top: 7.5%;
  right: 15px;
  right: 4%;
  left: unset;
  color: #fff;
  text-decoration: none;
  z-index: 1;
  font-size: 35px;
  line-height: normal;
}
.modal__close:hover {
  color: #FFF;
}
/*---------------------------------
 BANNER SECTION END
-------------------------------*/

/*-----------------------------
Logo Section Start
-----------------------------*/
.logo_section {
  width: 100%;
  position: relative;
  margin-top: 80px;
  padding: 0px 50px;
}
.logolist {
  display: flex;
  align-items: center;
  justify-content: center;
}
.logoimg {
  width: 14%;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
}
.logoimg img {
  width: 100%;
}

/*-----------------------------
Logo Section End
-----------------------------*/

/* MANY REASON SECTION */

#many_reason {
  width: 100%;
  position: relative;
  margin-top: 155px;
}
#many_reason .main_title h2 {
  font-size: clamp(30px, 3vw, 40px);
  line-height: clamp(40px, 5vw, 50px);
  font-weight: 500;
  padding-bottom: 3px;
  color: #0A1B2B;
  padding-right: 5px;
}
#many_reason .main_title h2 span {
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.app_accoedion {
  margin-bottom: 39px;
}
.app_accoedion .accordion-item {
  display: flex;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 0px 5px rgba(43, 99, 195, 0.08);
  border-radius: 7px;
  border: 0;
  margin-top: 26px;
  padding: 10px 12px;
}

.app_accoedion .accordion-button:not(.collapsed) {
  color: #172138;
  background: none;
  box-shadow: 0 0 0 0;
}

.app_accoedion .accoedion_box {
  width: 100%;
  padding-left: 36px;
}

.app_accoedion .accordion-body {
  padding: 0;
}

.app_accoedion .accordion-body p {
  font-weight: 400;
  font-size: 15px;
  line-height: normal;
  color: #455164;
}

.app_accoedion .accordion-button {
  padding: 0;
  color: #455164;
  font-size: clamp(20px, 3vw, 24px);
  font-weight: 500;
}

.app_accoedion .accordion-button:focus {
  box-shadow: 0 0 0 0;
}

.app_accoedion .accordion-button:not(.collapsed)::after {
  background-image: url("../image/up-arrow.webp");
  transform: rotate(-180deg);
}
.app_accoedion .accordion-button::after {
  flex-shrink: 0;
  /* width: 1.5rem;
  height: 1.5rem; */
  margin-left: auto;
  content: "";
  background-image: url("../image/down-arrow.webp");
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform .2s ease-in-out;
}
.reason_img {
  width: 100%;
  position: relative;
}

.reason_main img {
  width: 110%;
}

.curser-img {
  position: absolute;
  top: -2.9rem;
  right: -6.25rem;
}
img.t-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.t-text-round {
    animation: circle 8s linear infinite;
}
@keyframes circle{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
/* .curser-img {
  position: absolute;
  top: -6.4rem;
  right: -6.25rem;
} */
.shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.shape-1 img {
  width: clamp(50%, 10vw, 100%);
}
/* MANY REASON SECTION */

/* OUR SERVICES SECTION */
#services {
  width: 100%;
  margin-top: 120px;
  position: relative;
}
.shape-2 {
  position: absolute;
  bottom: -25%;
  left: 0;
  z-index: -1;
}
.shape-2 img {
  width: clamp(50%, 10vw, 100%);
}
  .title-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .services_tabs {
    margin-top: 110px;
    display: flex;
    align-items: start;
  }
  .services_tabs .nav {
    z-index: 1;
  }
  .services_tabs .nav-pills .nav-link {
    width: 381px;
    height: 120px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 1px rgba(162, 52, 103, 0.1);
    border-radius: 15px;
    border: 0;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: start;
    color: #232323;
    font-family: 'Lato', sans-serif;
    font-size: clamp(18px, 3vw, 22px);
    line-height: normal;
    text-align: start;
    padding: 0px 50px;
    transition: ease-in-out 0.5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.services_tabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  transition: ease-in-out 0.5s;
}

.services_tabs .nav-pills .nav-link.active::after{
  bottom: 0;
  opacity: 1;
  z-index: -1;
}

.services_tabs .nav-pills .nav-link:hover, .nav-pills .show>.nav-link {
  color: #fff;
  transition: ease-in-out 0.5s;
}


.services_tabs .nav-pills .nav-link::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 100%;
  left: 0;
  background: linear-gradient(90deg, #953369 0%, #582B6E 100%);
  opacity: 0;
  transition: all ease-in-out 0.5s;
  border-radius: 10px;
}

.services_tabs .nav-pills .nav-link:hover::after {
  bottom: 0;
  opacity: 1;
  z-index: -1;
}

.services_tabs .service-icon-2 {
  display: none;
}

.services_tabs .nav-pills .nav-link.active .service-icon-2 {
  display: block;
}

.services_tabs .nav-pills .nav-link:hover .service-icon-2 {
  display: block;
}

.service-icon-1 {
  display: block;
}

.services_tabs .nav-pills .nav-link.active .service-icon-1 {
  display: none;
}

.services_tabs .nav-pills .nav-link:hover .service-icon-1 {
  display: none;
}

.pl-30 {
  padding-left: 30px;
}

.vector-img {
  position: absolute;
  top: 0;
  right: -20px;
}

.vector-img img {
  width: 100%;
}

.web_development {
  background-image: url(../image/tabs-bg.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  max-width: 1190px;
  height: 645px;
  position: absolute;
  top: 20%;
  right: 0;
  padding: 95px 105px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

.web_development h3 {
  font-weight: 600;
  font-size: clamp(24px, 3vw, 40px);
  line-height: normal;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 20px;
}

.web_development p {
  font-weight: 300;
  font-size: clamp(16px, 2vw, 18px);
  line-height: 35px;
  color: rgb(10, 27, 43, 0.7);
  width: 70%;
}

.web_applecation {
  display: flex;
  margin: 60px 0;
  padding: 0;
  justify-content: start;
  flex-wrap: wrap;
}

a.btn_talk.read_more {
  width: 162px;
  font-size: clamp(17px, 2vw, 18px);
  text-transform: capitalize;
}

.web_applecation li {
  text-align: center;
  padding-right: 70px;
}
.web_applecation li p {
  color: #0A1B2B;
  font-size: clamp(16px, 2vw, 19px);
  font-weight: 400;
  line-height: 22px;
  margin-top: 16px;
  opacity: 1;
  width: 100%;
}
.digitized_section.reality {
  padding: 8.5rem 0px;
}
.digitized_section.reality  .someone_btn {
  padding-left: 50px;
}
.digitized_section.reality  .someone_btn .soc_btn {
  width: 100%;
}
/* OUR SERVICES SECTION */

/* OUR PORTFOLIO SECTION */
#our_portfolio {
  position: relative;
  width: 100%;
  margin-top: 150px;
}

.portfolio_slider .slider-counter {
  position: absolute;
  bottom: -54px;
  left: 26%;
  z-index: 1;
  color: #555;
  font-size: 25px;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
}

.portfolio_slider .owl-stage-outer {
  padding: 10px 0px;
}

.portfolio_slider .owl-nav {
  position: absolute;
  bottom: -52px;
  left: 29%;
}
a.btn_talk.view-btn {
  width: 233px;
  font-size: clamp(17px, 1vw, 18px);
}

.portfolio {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 44px;
}
.portfolio ul {
  margin: 0;
  padding: 0;
}
.portfolio ul li {
  display: inline-block;
  list-style: none;
}
ul.review li img {
  border-radius: 8px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.pr-24 {
  padding-right: 24px;
}

.portfolio_slider {
  width: 100%;
  margin-top: 60px;
  position: relative;
}
.portfolio_img {
  border-radius: 10px;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
}
.portfolio_img img {
  border-radius: 10px;
}

.owl-carousel-1 button.owl-prev::after {
  content: "\f0d9 ";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #50296e;
  font-size: 30px;
  position: relative;
  top: 0px;
}

.owl-carousel-1 button.owl-next::before {
  content: "\f0da ";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #50296e;
  font-size: 30px;
  position: relative;
  top: 0px;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
  height: 15px;
}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {
  background: none;
}

.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {
  display: none;
}

/* OUR PORTFOLIO SECTION */

/* DEDICATED EXPERTS SECTION */
#dedicated {
  overflow: hidden;
  position: relative;
  margin-top: 160px;
}

.shape-3 {
  position: absolute;
  top: 30%;
  right: 0;
  z-index: -1;
  text-align: end;
}
.shape-3 img {
  width: clamp(50%, 10vw, 100%);
}
#dedicated .p_text {
  margin-bottom: 40px;
}

#dedicated .title-header {
  margin-bottom: 14px;
}
.technical_analysis {
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(255,241,250,1) 0%, rgba(238,225,249,1) 100%);
  text-align: center;
  position: relative;
  transition: ease-in-out 0.5s;
  overflow: hidden;
}
.technical_analysis::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 70%;
  left: 0;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  opacity: 0;
  transition: ease-in-out 0.5s;
}
.technical_analysis:hover::after {
  top: 0;
  opacity: 1;
}

.technical_analysis:hover .technical_analysis-img img {
  transform: scale(1.2);
}

.technical_analysis-img {
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;

}
.technical_analysis-img img {
  transition: ease-in-out 0.5s;
}
.technical_analysis-text {
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  border-radius: 0px 0px 10px 10px;
  padding: 12px;
  position: relative;
  z-index: 1;

}
.technical_analysis-text P {
  font-weight: 500;
  font-size: clamp(17px, 2vw, 20px);
  line-height: normal;
  color: #FFFFFF;
}
/* DEDICATED EXPERTS SECTION */

/* CHOOSE US SECTION */
#choose_us {
  overflow: hidden;
  position: relative;
}

#choose_us .p_text {
  margin: 15px 0px 27px;
}

.choose_us_slider {
  max-width: 1540px;
  margin-left: auto;
}

.choose_us_slider .owl-stage-outer {
  padding: 0 15px;
  margin: 0 -2px;
}

.t-icon {
  width: 75px;
}

.choose_us_box {
  width: 100%;
}
.choose_us_slider .owl-carousel.owl-drag .owl-item {
  display: flex;
  align-items: stretch;
  box-shadow: 0px 2px 25px 2px rgba(144, 144, 144, 0.25);
  border-radius: 5px;
  padding: 34px 31px 43px 44px;
  overflow: hidden;
}
.choose_us_slider .owl-carousel .owl-stage {
  padding: 20px 0px;
  display: flex;
}

.choose_us_slider .owl-nav .owl-prev i, .choose_us_slider .owl-nav .owl-next i {
  border: 0.5px solid #232323;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 48px;
  color: #232323;
  margin-left: 10px;
  font-size: 18px;
  transition: ease-in-out 0.5s;
}

.choose_us_slider .owl-nav .owl-prev i:hover, .choose_us_slider .owl-nav .owl-next i:hover {
  background: #A33467;
  border-color: #A33467;
  color: #fff;
}

.choose_us_slider .owl-theme .owl-nav {
  margin-top: 10px;
  position: absolute;
  top: -65%;
  right: 24.4%;
}

.choose_text {
  margin-top: 20px;
}

.choose_text h3 {
  font-weight: 500;
  font-size: clamp(18px, 2vw, 20px);
  line-height: 30px;
  color: #232323;
  padding-bottom: 8px;
}

.choose_text p {
  font-weight: 300;
  font-size: clamp(16px, 2vw, 16px);
  line-height: 28px;
  color: #232323;
}


/* CHOOSE US SECTION */

/* COUNTING SECTION */
#counting {
  position: relative;
  overflow: hidden;
}
#performance h2 {
  line-height: 50px;
}
.counter {
  width: 100%;
  background-image: url(../image/counter-bg.webp);
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
  margin-top: 50px;
  height: 750px;
  display: flex;
  align-items: center;
}

.performance_box {
  max-width: 1120px;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.count-up {
  width: 24%;
  background: #50296E;
  border-radius: 10px;
  height: 325px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 20px;
}

#bg-pink {
  background: #A33467;
  margin-top: 65px;
}

.counter-count{
  font-weight: 600;
  font-size: clamp(30px, 3vw, 50px);
  line-height: 75px;
  color: #FFFFFF;
  display: inline-block;
}
.count-up span{
  font-weight: 600;
  font-size: clamp(30px, 3vw, 50px);
  line-height: normal;
  color: #FFFFFF;
  display: inline-block;
}
.count-up h3 {
  font-weight: 500;
  font-size: clamp(18px, 3vw, 24px);
  line-height: 35px;
  color: #FFFFFF;
}

/* COUNTING SECTION */

/* TECHNOLOGY SECTION */

#Technology {
  position: relative;
  overflow: hidden;
  padding-bottom: 5px;
}

.technology_box {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 40px 50px;
  display: flex;
  margin-top: 27px;
  align-items: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: ease-in-out 0.8s;
}

.technology_box::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: -182px;
  left: -100%;
  opacity: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(255,241,250,1) 0%, rgba(238,225,249,1) 100%);
  transform: rotate(-18deg);
  transition: ease-in-out 0.5s;
}

.technology_box:hover::after {
  opacity: 1;
  top: 0;
  left: 0;
  transform: rotate(0deg);
}

.tool_btn {
  width: 30%;
  position: relative;
  z-index: 1;
}

.tool_btn a {
  width: 183px;
  border: 1px solid #953369;
  padding: 11px 0px;
  border-radius: 8px;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  font-size: clamp(18px, 2vw, 20px);
  line-height: 35px;
  position: relative;
  overflow: hidden;
}

.tool_btn a span {
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  overflow: hidden;
}

.tool_btn a::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: -100%;
  opacity: 0;
  background: linear-gradient(90deg, #4F2A6E 0%, #893269  100%);
  transition: all 0.4s ease;
  z-index: -1;
}

.tool_btn a span {
  display: block;
  transition: all ease-in-out 0.5s;
  transform: rotateX(0deg);
}

.tool_btn a:hover span {
  display: block;
  transition: all ease-in-out 0.5s;
  transform: rotateX(360deg);
  background: #FFFFFF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.tool_btn a:hover::after {
  left: 0;
  opacity: 1;
  transition: all 0.4s ease;
}
.tools_list {
  width: 80%;
  position: relative;
  z-index: 1;
}

.tools_list ul {
  margin: 0;
  padding: 0;
}

.tools_list ul li {
  list-style: none;
  display: inline-block;
  text-align: center;
  padding-right: 100px;
}
.tools_list ul li p {
  font-weight: 500;
  font-size: clamp(16px,1vw,16px);
  line-height: 28px;
  color: #0A1B2B;
  margin-top: 10px;
}
/* TECHNOLOGY SECTION */


/* CLIENTS SECTION */
#clients {
  position: relative;
  overflow: hidden;
}
.shape-4 {
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: -1;
  text-align: start;
}
.shape-4 img {
  width: clamp(50%, 10vw, 100%);
}
.shape-5 {
  position: absolute;
  bottom: 10%;
  right: 0;
  z-index: -1;
  text-align: end;
}
.shape-5 img {
  width: clamp(50%, 10vw, 100%);
}
#testimonial-btn {
  width: 160px;
}
.client_box {
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  position: relative;
  padding: 45px;
  margin-left: 10px;
  z-index: 1;
}
.client_img {
  width: 60%;
}

.testimonial_slider {
  margin-top: 100px;
}

.testimonial_slider .owl-stage-outer {
  padding: 10px 8px;
}

.client_img img {
  border-radius: 50%;
  margin-bottom: 35px;
}

.client_img p {
  font-size: clamp(18px, 2vw, 20px);
  font-weight: 700;
  line-height: 35px;
  color: #0A1B2B;
  font-family: 'Metropolis-bold';
}

.client_img p span {
  font-size: clamp(24px, 2vw, 30px);
  line-height: 35px;
  font-family: 'Gilroy-semibold';
  font-weight: 600;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: block;
}

.clients_logo {
  width: 100%;
  position: relative;
  z-index: 9;
}

.brouser {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  padding: 0;
}
.brouser li {
  display: inline-block;
  padding-left: 20px;
}

.brouser li img {
  width: 160px;
}

.client_box .quote {
  width: 20%;
  position: absolute;
  top: 13%;
  right: 14%;
}
.testimonial_text {
  width: 100%;
  position: relative;
  margin-top: 110px;
}

.testimonial_text_box {
  max-width: 800px;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 90px 78px 87px;
  position: relative;
  margin-left: -50px;
}

.testimonial_text_box p {
  font-weight: 400;
  font-size: clamp(16px, 2vw, 21px);
  line-height: 38px;
  color: #0A1B2B;
}

.quote-2 {
  width: 7%;
  position: absolute;
  bottom: 10%;
  right: 6%;
  transform: rotate(180deg);
  opacity: 0.2;
}
.testimonial_slider .owl-nav {
  text-align: center;
  padding-bottom: 15px;
  margin-top: 40px;
}
.testimonial_slider .owl-nav button.owl-next i, .testimonial_slider .owl-nav button.owl-prev i {
  background: none;
  border: 0.5px solid #232323;
  padding: 15px;
  border-radius: 50%;
  margin: 0 5px;
  transition: 0.5s;
}
.testimonial_slider .owl-nav button.owl-next i:hover, .testimonial_slider .owl-nav button.owl-prev i:hover {
  background: #A33467;
  border-color: #A33467;
  color: #fff;
}
/* CLIENTS SECTION */

/* FOOTER SECTION */

#footer {
  background-image: url(../image/footer-bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 50px;
}
.footeritem_box {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footer_nav {
  width: 100%;
}
.footer_nav h3 {
  font-weight: 500;
  font-size: clamp(20px, 3vw, 24px);
  line-height: 22px;
  text-transform: uppercase;
  color: #B75AFF;
}
.footer_inter_link {
  margin-top: 38px;
  display: flex;
}


.footer_ipad {
  display: none;
}

.footer_contact_details a i {
  padding-right: 18px;
}

.footer_inter_link li {
  margin-bottom: 12px;
  display: flex;
  gap: 10px;
  align-items: start;
}

.footer_inter_link li:last-child {
  margin-bottom: 0;
}

.footer_inter_link a {
  font-weight: 400;
  font-size: clamp(16px,3vw, 18px);
  line-height: normal;
  color: #FFFFFF;
  display: block;
  transition: 0.3s;
}

ul.Technologies_names {
    padding-right: 17px;
}

.footer_inter_link ul.Technologies_names {
  font-weight: 400;
  font-size: clamp(16px,3vw, 18px);
  line-height: normal;
  color: #FFFFFF;
  display: block;
  transition: 0.3s;
}

.footer_inter_link i.fa.fa-angle-double-right {
    padding-right: 10px;
 }

.footer_inter_link  ul.Technologies_names li{
   font-weight: 400;
    font-size: clamp(16px, 3vw, 18px);
    line-height: normal;
    color: #FFFFFF;
    display: block;
    transition: 0.3s;
}

.footer_inter_link a i {
  padding-right: 8px;
}

.footer_inter_link a:hover,  .footer_inter_link .active a{
  color: #A33467;
}

.footer_inter_link span:first-child{
  padding-right: 0;
}
.footeritem2 {
  width: 24.33%;
}
.footer_contact_details ul li a {
  font-size: clamp(15px, 3vw, 16px);
}

.footer_inter_link span {
  font-weight: 400;
  font-size: clamp(15px, 3vw, 16px);
  line-height: 24px;
  color: #FFFFFF;
  display: block;
}
.pr-29 {
  padding-right: 29px;
}
.social_icon {
  margin-top: 38px;
}
.social_icon li {
  display: inline-block;
  padding-right: 15px;
}
.social_icon li:last-child {
  padding-right: 0;
}
.social_icon a {
  color: #fff;
  text-align: center;
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  transition: 0.5s;
  position: relative;
  overflow: hidden;
}

.social_icon a .skype {
  position: relative;
  z-index: 2;
}

.social_icon a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #A33467;
  transition: .5s;
  z-index: 2;
}

.social_icon a:hover:before {
  top: 0;
}
.social_icon a:hover {
  border-color: #A33467;
}
.social_icon a i {
  font-size: 18px;
  position: relative;
  transition: .5s;
  z-index: 3;
}

.social_icon a:hover i {
  color: #fff;
  transform: rotateY(360deg);
}

.social_icon a:hover .skype {
  transform:rotate(380deg);
}

.copyright {
  max-width: 950px;
  margin: auto;
  text-align: center;
  padding-bottom: 45px;
}
.copyright ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.inner-page-link li {
  border-right: 2px solid #fff;
  padding: 0 30px;
}
.inner-page-link li:last-child {
  border-right: 0;
}
.inner-page-link a {
  font-weight: 400;
  font-size: clamp(16px, 3vw, 18px);
  line-height: normal;
  color: #FFFFFF;
  transition: 0.5s;
}
.inner-page-link a:hover, .inner-page-link .active a {
  color: #A33467;
}
.copyright_text {
  margin-top: 25px;
}
.copyright_text li {
  border-right: 2px solid #fff;
  padding: 0 20px;
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  line-height: normal;
}
.copyright_text li a {
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  transition: 0.5s;
}

.copyright_text li a:hover {
  color: #A33467;
}

.copyright_text li:last-child {
  border-right: 0;
}

hr {
  margin-top: 40px !important;
  margin-bottom: 40px;
  color: #fff;
  opacity: 0.5;
}

.following_icon {
  position: fixed;
  bottom: 85px;
  right: 30px;
  z-index: 99999;
}

.following_icon li {
  display: inline-block;
  margin: 0px 13px;
}

/* FOOTER SECTION */



/*---------------------------------
  #Who We Are Page start
----------------------------------*/
.breadcrumb_section {
  background: #f0eaf0;
  padding: 0px 0px 50px;
}

.breadcrumbtxt h1 {
  color: #0A1B2B;
  font-size: clamp(35px, 4vw, 50px);
  font-style: normal;
  font-weight: 600;
  line-height: 65px;
}
.breadcrumbtxt p {
  font-size: clamp(18px, 3vw, 22px);
  font-weight: 500;
  line-height: normal;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.breadcrumbtxt p a {
  font-size: clamp(20px, 3vw, 25px);
}
.breadcrumbtxt .hire-txt {
  font-size: clamp(20px, 3vw, 25px);
}
.breadcrumbimg {
  text-align: start;
}
.breadcrumbimg img {
  width: 80%;
}
.blog_bg img {
  width: 90%;
}
.about_section {
  position: relative;
}
.page-id-1375 section.about_section a.btn_talk.read_more{
  width: 230px !important;
}
section.about_section a.btn_talk.read_more{
  width: 180px;
}
.aboutbg {
  position: absolute;
  top: 0;
  right: 0;
  text-align: end;
}
.aboutbg img {
  width: clamp(60%, 10vw, 100%);
}
.about_list {
  margin: 30px 0px;
  display: flex;
  justify-content: space-between;
}
.about_list ul li {
  color: rgb(10, 27, 43, 0.7);
  font-size: clamp(16px, 1.4vw, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}
#provider ul li {
  color: #0A1B2B;
}
.about_list ul li img {
  padding-right: 10px;
  width: 30px;
}
#provider ul li img {
  width: unset;
}
.tx-link {
  font-family: "Ubuntu", sans-serif;
  color: #A5E2FD;
  text-decoration: underline;
  text-underline-position: under;
}

.working_process {
  width: 100%;
  position: relative;
}
.processbg {
  position: absolute;
  top: -10rem;
  left: 0;
  z-index: -1;
}
.process_title{
  margin-bottom: 60px;
}

.process_box {
  background: #F2F2F2;
  border-radius: 10px;
  padding: 55px 45px 70px;
  position: relative;
  overflow: hidden;
  transition: 0.5s ease-in-out;
}
.process_box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  transition: 0.5s ease-in-out;
}
.process_box:hover::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  transition: 0.5s ease-in-out;
}

.numbers {
  width: 93px;
  height: 93px;
  background: #0A1B2B;
  border-radius: 50%;
  position: absolute;
  top: -2rem;
  left: -1.7rem;
  z-index: 1;
}
.numbers p {
  position: absolute;
  bottom: 12%;
  right: 35%;
  color: #FFF;
  font-size: 30px;
  font-weight: 500;
  line-height: normal;
  z-index: 1;
}
.process_content h3 {
  color: #0A1B2B;
  font-size: clamp(24px, 4vw, 35px);
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
}
.process_content {
  position: relative;
  z-index: 1;
}
.process_content p {
  color: #0A1B2B;
  font-size: clamp(16px, 2vw, 18px);
  font-weight: 400;
  line-height: 30px;
}
.process_box:hover .process_content h3, .process_box:hover .process_content p {
  color: #FFF;
}

.workingbox {
  position: absolute;
  bottom: 0;
  /* right: -7rem; */
  right: 0rem;
  z-index: 1;
}
.processimg img {
  /* border-radius: 85% 0% 0% 0%; */
}
.process_content {
  position: relative;
  width: 60%;
  margin-top: 25px;
}
.processicon {
  width: 93px;
  height: 93px;
  background: #FFF;
  position: absolute;
  top: 0rem;
  left: 3.2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#Research .numbers {
  right: -1.5rem;
  top: -2rem;
  left: unset;
}
#Research .numbers p {
  bottom: 0.7rem;
  left: 2rem;
}

#Research .workingbox {
  bottom: 0;
  right: unset;
  /* left: -9rem; */
  left: 0rem;
}
#Research .processimg img {
  /* border-radius: 0% 75% 0% 0%; */
}
#Research .processicon {
  top: 10px;
  left: unset;
  right: 10px;
}

#Research.process_box::after {
  top: 0;
  left: unset;
  right: 0;
}

#Research.process_box:hover::after {
  top: 0;
  left: unset;
  right: 0;
}

#Research .process_content {
  position: relative;
  width: 56%;
  margin: auto;
  margin-right: 0;
  margin-top: 25px;
}

#Research .processicon {
  top: 10px;
  left: unset;
  right: 10px;
}

#Research.process_box::after {
  top: 0;
  left: unset;
  right: 0;
}

#Research.process_box:hover::after {
  top: 0;
  left: unset;
  right: 0;
}

#Research .process_content {
  position: relative;
  width: 56%;
  margin: auto;
  margin-right: 0;
  margin-top: 25px;
}

#Deployment .numbers {
  top: unset;
  bottom: -2rem;
}

#Deployment .numbers p {
  top: 0.5rem;
  right: 1.7rem;
}
#Deployment .process_content {
  margin-top: unset;
  margin-bottom: 20px;
}
#Deployment .workingbox {
  bottom: unset;
  top: 0;
  /* right: -7rem; */
  right: 0rem;
}
#Deployment .processimg img {
  border-radius: 0% 0% 0% 80%;
}
#Deployment .processicon {
  top: unset;
  bottom: 0%;
  left: 12%;
}
#Deployment.process_box::after {
  top: unset;
  bottom: 0;
  left: 0;
}
#Deployment.process_box:hover::after {
  top: unset;
  bottom: 0;
  left: 0;
}

#Execution .numbers {
  right: -5%;
  top: unset;
  left: unset;
  bottom: -10%;
}

#Execution .numbers p {
  bottom: 2rem;
  right: 3rem;
}

#Execution.process_box::after {
  top: 0;
  left: unset;
  right: 0;
}

#Execution.process_box:hover::after {
  top: 0;
  left: unset;
  right: 0;
}

#Execution .process_content {
  position: relative;
  width: 56%;
  margin: auto;
  margin-right: 0;
  margin-top: 0px;
  margin-bottom: 25px;
}

#Execution .workingbox {
  /* top: 0rem; */
  top: -1px;
  right: unset;
  left: 0rem;
  bottom: unset;
}
#Execution .processimg img {
  /* border-radius: 0% 0% 65% 0%; */
}
#Execution .processicon {
  top: unset;
  left: unset;
  right: 1rem;
  bottom: 0rem;
}

#Execution.process_box::after {
  top: unset;
  left: unset;
  right: 0;
  bottom: 0;
}

#Execution.process_box:hover::after {
  top: unset;
  left: unset;
  right: 0;
  bottom: 0;
}

.mission_section {
  position: relative;
  overflow: hidden;
}
.experience {
  margin-top: 80px;
}
.vision_img {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: end;
}
.vision_img img {
  max-width: 95%;
}
.mission_box {
  display: flex;
  align-items: center;
  margin-top: 80px;
  padding-left: 90px;
}
.mission_box:nth-child(2) {
  padding-left: 0;;
  padding-right: 90px;
}

.missiontxt {
  margin-left: 30px;
}
.missiontxt h5 {
  color: #893269;
  font-size: clamp(20px, 4vw, 24px);
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 7px;
}
.missiontxt p {
  color: #0A1B2B;
  line-height: 30px;
}
.team_section {
  width: 100%;
}

.experience_team {
  max-width: 1400px;
  margin: auto;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  padding: 70px 0px 80px;
  position: relative;
}
#member_box {
  position: relative;
  overflow: hidden;
  text-align: center;
  transition: 0.5s ease-in-out;
}
#member_box::after {
  content: '';
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #893269 100%);
  border-radius: 10px;
  transition: 0.5s ease-in-out;
}
#member_box:hover::after {
  bottom: 0%;
  transition: 0.5s ease-in-out
}

.membername {
  position: absolute;
  bottom: -30%;
  left: 0;
  right: 0;
  z-index: 1;
  transition: 0.5s ease-in-out
}
#member_box:hover .membername {
  bottom: 16px;
  transition: 0.5s ease-in-out
}

.membername h3 {
  font-size: clamp(20px, 4vw, 24px);
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  color: #FFF;
}
.membername span {
  color: #FFF;
  font-size: clamp(15px, 2vw, 16px);
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.experience .owl-nav {
  position: absolute;
  top: -40%;
  right: 0;
}
.experience .owl-nav .owl-prev i, .experience .owl-nav .owl-next i {
  border: 0.5px solid #232323;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 48px;
  color: #232323;
  margin: 0px 5px;
  font-size: 18px;
  transition: ease-in-out 0.5s;
}

.experience .owl-nav .owl-prev i:hover, .experience .owl-nav .owl-next i:hover {
  background: #A33467;
  border-color: #A33467;
  color: #fff;
}

.experience .owl-theme .owl-nav {
  margin-top: 10px;
  position: absolute;
  top: -65%;
  right: 24.4%;
}

/*--------------------------------
#Service Details
---------------------------------*/
#services .btn_talk.read_more {
  width: 165px;
}
.contactbtn{
  border-radius: 5px;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  color: #FFF;
  font-size: clamp(18px, 4vw, 22px);
  font-weight: 500;
  line-height: normal;
  padding: 10px 30px;
  margin-right: 20px;
  white-space: nowrap;
}
.contactbtn:hover {
  color: #FFF;
}
.serviceimg {
  max-width: 1380px;
  margin: auto;
}

#Innovative.about_list ul li {
  font-size: clamp(16px, 1.4vw, 20px);
  margin-top: 30px;
  font-weight: 500;
  margin-bottom: 0;

}

#Innovative ul:nth-child(2) {
  margin-left: 40px;
}
.services1 {
  position: absolute;
  left: 0;
  top: 20%;
  z-index: -1;
}
.wordpres_solution {
  position: relative;
}
.dotateimg1 {
  position: absolute;
  top: -50%;
  left: 0;
  z-index: -1;
}
.dotateimg1 img {
  width: clamp(50%, 10vw, 100%);
}
.dotateimg2 {
  position: absolute;
  bottom: -50%;
  right: 0;
  z-index: -1;
  text-align: end;
}
.dotateimg2 img {
  width: clamp(50%, 10vw, 100%);
}
.fetature_box {
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(137, 50, 105, 0.1) 0%, rgba(79, 42, 110, 0.1) 100%);
  text-align: center;
  padding: 24px;
  position: relative;
  height: 100%;
}
.solution_item {
  border-radius: 10px;
  background: #FFF;
  padding: 55px 20px 45px;
}
.fetature-title {
  margin-bottom: 115px;
}
.fetatureicon {
  position: relative;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  max-width: 130px;
  height: 130px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-top: -9rem;
  margin-bottom: 20px;
}
.fetatureicon img {
    width: 50%;
}
.solution_item h5 {
  color: #000;
  font-size: clamp(20px, 4vw, 26px);
  font-weight: 600;
  line-height: 33px;
  text-transform: uppercase;
}

.fetature_box p {
  color: #0A1B2B;
  line-height: 30px;
  text-align: start;
  margin-top: 20px;
  margin-bottom: 60px;
}
.rank {
  width: 70px;
  height: 70px;
  background: #FFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0A1B2B;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  position: absolute;
  bottom: -2rem;
  left: 0;
  right: 0;
  margin: auto;
}
.working_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 80px;
  padding: 0px 50px;
  position: relative;
  z-index: 1;
}
.border_line {
  position: absolute;
  left: 0;
  top: 1.5rem;
  width: 100%;
  height: 100%;
}
#animatedPath {
  stroke-dasharray: 10 10;
  stroke-dashoffset: 1000; /* Set it to the length of the path */
  animation: dash 2s ease forwards;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.process {
  width: 15%;
}
.process img {
  width: 100%;
  height: 100%;
}
.amazing.owl-carousel {
  margin-top: 80px;
  position: relative;
}
.projectimg {
  position: relative;
  z-index: 2;
}
.project_txt {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  padding: 50px 30px 20px;
  position: relative;
  margin-top: -25px;
  z-index: 1;
}
.project_txt h3 a {
  font-size: clamp(20px, 4vw, 26px);
  font-weight: 600;
  line-height: normal;
  /* background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
}
.project_txt h3 a span i {
  -webkit-text-fill-color: #0A1B2B;
}
.project_txt h3:hover a span i {
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.amazing .owl-stage-outer {
  padding: 10px 0px;
}

.amazing .owl-nav {
  position: absolute;
  top: -3.2rem;
  right: 0;
  bottom: unset;
  left: unset;
}
.page-id-1900 .benefit_section a#testimonial-btn, .page-id-1805 .benefit_section a#testimonial-btn, .page-id-1803 .benefit_section a#testimonial-btn, .page-id-1807 .benefit_section a#testimonial-btn, .page-id-1811 .benefit_section a#testimonial-btn {
  width: 200px;
}
.postid-629 .quikelook_section a.btn_talk, .postid-1324 .quikelook_section a.btn_talk{
  width: 190px;
}
/* DEVELOPMENT BENEFITS */
 .postid-1332 .benefit_section #testimonial-btn, .postid-1330 .benefit_section #testimonial-btn, .postid-1322 .benefit_section #testimonial-btn, .postid-1316 .benefit_section #testimonial-btn, .postid-1314 .benefit_section #testimonial-btn, .postid-1312 .benefit_section #testimonial-btn, .postid-1310 .benefit_section #testimonial-btn{
  width: 190px;
}
.postid-1324 .benefit_section #testimonial-btn{
  width: 240px;
}
/* DEVELOPMENT BENEFITS */
a.btn_talk.view-btn {
  width: 233px;
  font-size: clamp(17px, 1vw, 18px);
}
.page-id-604 form #testimonial-btn {
  width: 155px;
}

.quikelook_section #testimonial-btn {
  width: 180px;
}
.quikelook_section .btn_talk {
  width: 165px;
}
.page-id-602 .quikelook_section .btn_talk {
  width: 200px;
}
#amazing_owl .slider-counter {
  position: absolute;
  top: -2.9rem;
  right: 4rem;
  bottom: unset;
  left: unset;
}
.amazing {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 44px;
}
#amazing_owl .slider-counter {
  font-size: clamp(20px, 4vw, 25px);
  line-height: normal;
  color: #555;
}
.amazing ul {
  margin: 0;
  padding: 0;
}
.amazing ul li {
  display: inline-block;
  list-style: none;
}

.amazing {
  width: 100%;
  margin-top: 60px;
  position: relative;
}
.portfolio_img {
  border-radius: 10px;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
}
.portfolio_img img {
  border-radius: 10px;
}

.amazing button.owl-prev::after {
  content: "\f0d9 ";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #50296e;
  font-size: 30px;
  position: relative;
  top: 0px;
}

.amazing button.owl-next::before {
  content: "\f0da ";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #50296e;
  font-size: 30px;
  position: relative;
  top: 0px;
}

.amazing .owl-nav button.owl-next, .amazing .owl-nav button.owl-prev {
  height: 15px;
}
.amazing .owl-nav button.owl-next:hover, .amazing .owl-nav button.owl-prev:hover {
  background: none;
}

.amazing .owl-nav button.owl-next span,
.amazing .owl-nav button.owl-prev span {
  display: none;
}
.benefit_list {
  display: flex;
  align-items: center;
  padding: 22px 24px;
  margin-top: 50px;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
}
.Bene-icon {
  margin-right: 50px;
}
.Bene-icon img {
  width: 60px;
}
.Bene-txt {
  color: #0A1B2B;
  font-size: clamp(20px, 3vw, 25px);
  font-weight: 500;
  line-height: 33px;
  text-transform: capitalize;
}

.digitized_section {
  background-image: url(../image/services-details/digitized.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 90px 0px;
}

.digitized_content {
  text-align: center;
  max-width: 725px;
  margin: auto;
}

.digitized_content span {
  color: #FFF;
  font-size: clamp(20px, 4vw, 24px);
  font-weight: 400;
  line-height: normal;
}

.digitized_content h3 {
  color: #F3F3F3;
  font-size: clamp(30px, 7vw, 45px);
  font-weight: 600;
  line-height: 60px;
  text-transform: capitalize;
}

.digitized_content .btn_talk {
  margin: auto;
  color: #fff;
  margin-top: 25px;
}

.digitized_content .btn_talk:hover {
  color: #fff ;
}

.digitized_content .btn_talk span {
  border: 2px solid #FFF;;
}
.digitized_content .btn_talk:hover span {
  border-color: #FFF;
}
.digitized_content .btn_talk:hover span i {
  color: #FFF;
}

.blog_box {
  position: relative;
  margin-bottom: 55px;
}
.blogimage img {
  width: 100%;
}
.blogdate {
  position: absolute;
  top: -15px;
  left: 12px;
  border-radius: 2px;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  padding: 4px 19px;
}
.blogdate p {
  color: #FFF;
  font-size: clamp(15px, 2vw, 16px);
  font-weight: 400;
  line-height: normal;
}
.blob_content {
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  width: 90%;
  margin: auto;
  position: relative;
  margin-top: -35px;
}
.blob_content h6 {
	color: #232323;
	font-size: clamp(18px, 3vw, 20px);
	padding-top: 10px;
	margin: 0px 20px 20px;
	font-weight: 500;
	line-height: normal;
	min-height: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.understand {
  border-top: 1px solid;
  border-color: rgb(75, 75, 75, 0.2);
}
.understand a:nth-child(1) {
  color:#0A1B2B;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: inline-block;
  padding-left: 12px;
}
.understand a:nth-child(1) img {
  width: 28px;
}
.understand a.more-btn {
  color: #FFF;
  font-size: clamp(16px, 2vw, 18px);
  font-weight: 500;
  line-height: 24px;
  padding: 16px 22px;
  border-radius: 0px 0px 6px 0px;
  background: #893269;
  display: inline-block;
}
.understand a.more-btn img {
  width: 18px;
}
.understand a:nth-child(2) {
  color: #FFF;
  font-size: clamp(16px, 2vw, 18px);
  font-weight: 500;
  line-height: 24px;
  padding: 16px 22px;
  border-radius: 0px 0px 6px 0px;
  background: #893269;
  display: inline-block;
}
.understand a:nth-child(2) img {
  width: 18px;
}
.loadmorebtn a {
  width: 181px;
  margin: auto;
}
.success_box {
  max-width: 1280px;
  margin: auto;
  padding: 50px 0px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  position: relative;
}
.succes_title span {
  color: #893269;
  -webkit-text-fill-color: #893269;
}

.business_form p {
  color: #0A1B2B;
  font-weight: 500;
  line-height: normal;
}

.businessinput {
  width: 100%;
  margin-top: 40px;
  border: 0;
  border-bottom: 1px solid;
  border-color: rgb(10, 27, 43, 0.2);
  padding-bottom: 10px;
  color: #455164;
  font-size: 16px;
  font-weight: 300;
  line-height: normal;
  outline: none;
}
.contactlist li img {
  margin-right: 16px;
  width: 40px;
}
.contactlist li {
  color: #455164;
  font-size: clamp(15px, 2vw, 16px);
  font-weight: 300;
  line-height: normal;
  margin-bottom: 40px;
}

.contactlist li a {
  color: #0A1B2B;
  font-size: clamp(15px, 2vw, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.business_detail {
  border-left: 1px solid;
  border-color: rgb(10, 27, 43, 0.2);
  padding-left: 30px;
  height: 100%;
  padding-top: 50px;
}
.business_icon {
  margin-bottom: 40px;
}
.business_icon li {
  color: #455164;
  font-size: clamp(15px, 2vw, 16px);
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  display: inline-block;
  margin-right: 24px;
}
.business_icon li a {
  width: 24px;
  height: 24px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #FFF;
  border-radius: 50%;
  transition: 0.5s;
}
.business_icon li a:hover {
  background-color: #A33467;
}
.clutch {
  display: flex;
  align-items: center;
  position: relative;
}
.clutchimg {
  position: relative;
  text-align: center;
}
.clutch .clutchimg::after {
  content: '';
  width: 1px;
  height: 110px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: rgb(10, 27, 43, 0.2);
}
.clutch .clutchimg:last-child:before {
  content: '';
  width: 1px;
  height: 110px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: rgb(10, 27, 43, 0.2);
}
.clutchimg img {
  width: 70%;
}
.catrgory {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
/* .catrgory span {
  color: #0A1B2B;
  font-size: clamp(18px, 2vw, 20px);
  font-weight: 500;
  line-height: normal;
  width: 100%;
  display: inline-block;
} */
/* .catrgory input[type="checkbox"], .catrgory input[type="radio"] {
  display: none;
} */

.catrgory input[type="checkbox"]:checked+label {
  border-radius: 5px;
  background: #A33467;
  color: #fff;
  border-color: transparent;
}
.catrgory label {
  border-radius: 5px;
  border: 1px solid rgba(10, 27, 12, 0.2);
  cursor: pointer;
  padding: 7px 12px;
  color: rgb(10, 27, 43, 0.5);
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
  margin-right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.business_form form button {
  border: 0;
  padding: 0;
  outline: none;
  background: transparent;
  text-transform: uppercase;
  margin-top: 30px;
}

.succes_bg {
  position: absolute;
  z-index: -0;
}

.succes_bg img {
  width: clamp(50%, 10vw, 100%);
}

.industry {
  width: 115%;
  position: relative;
  margin-left: -85px;
}
.commonly {
  line-height: 50px;
}


/*-----------------------
#Blog Details
-------------------------*/
.blog_detail {
  position: relative;
  margin-top: 80px !important;
}
.blog_detail .blog_content ul{
  padding-left: 32px;
}
.blog_detail .blog_content ul.archives-list{
  padding-left: 0px;
}
.blog_detail .blog_content ul.category-list{
  padding-left: 0px;
}


.blog_content {
  width: 100%;
  position: sticky;
  top: 115px;
  left: 0;
}

.future_box img {
  border-radius: 5px;
  margin-bottom: 20px;
}
.title1 {
  color: #232323;
  font-size: clamp(20px, 3vw, 26px);
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
}
.ptxt {
  color: #455164;
  font-size: clamp(16px, 3vw, 18px);
  font-weight: 400;
  line-height: 35px;
}
.article_box {
  position: relative;
  border-radius: 5px;
  background: #F2F2F2;
  padding: 24px;
  margin-top: 24px;
}
.article_box span {
  margin-top: 20px;
  display: inline-block;
  font-style: italic;
}

.quoteimg {
  position: absolute;
  bottom: 0;
  right: 32px;
}
.quoteimg img {
  width: 110px;
}

.article_box:after {
  content: '';
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  border-radius: 5px 0px 0px 5px;
}

.latest_articles {
  margin-top: 24px;
}

.personal_approach ul {
  margin-top: 40px;
  display: flex;
  align-items: center;
  padding-left: 0px !important;
}

.personal_approach ul li {
  color: #455164;
  font-size: clamp(15px, 2vw, 16px);
  font-weight: 400;
  line-height: 35px;
  text-transform: uppercase;
  padding-right: 45px;
  list-style: none !important;
}

.personal_approach ul li img {
    width: 25px;
    margin-right: 12px;
}

.post_box {
  border-top: 1px solid;
  border-color: rgb(10, 27, 43, 0.2);
  margin-top: 24px;
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.post_box .posttitle h4, .post_box .tag h4 {
  color: #232323;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
}

.tag {
  display: flex;
  align-items: center;
}
.tag span {
  border-radius: 1px;
  background: #FFF;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  padding: 5px 11px 4px;
  margin-left: 10px;
}
.comment_content {
  margin-top: 47px;
}
.comment_content .title1 {
  font-size: clamp(20px, 3vw, 24px);
}
.comment_box {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
  padding: 20px 20px 30px;
  display: flex;
  gap: 20px;
}
.comment_profile {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  background: #D9D9D9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comment_profile img {
  width: 60px;
  height: 60px;
  object-fit: cover;
}
.comment_txt {
  width: 92%;
}
.adminname {
  display: flex;
  justify-content: space-between;
}
.adminname h5 {
  color: #232323;
  font-size: clamp(17px, 3vw, 20px);
  font-weight: 500;
  line-height: normal;
}
.adminname .name span {
  color: rgb(10, 27, 43, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}
.comment_txt p {
  font-size: 16px;
  line-height: 26px;
  margin-top: 26px;
}
.replybtn a {
  padding: 10px 39px;
}
.leave_comment {
  margin-top: 27px;
}

.leave_comment .title1 {
  font-size: clamp(20px, 3vw, 24px);
}

.leave_comment .ptxt {
  font-size: 16px;
  line-height: 26px;
}
.comment_form {
  margin-top: 24px;
}
.comment_form .form_txt, .comment_form .form_txt {
  width: 100%;
  border-radius: 5px;
  background: #F2F2F2;
  color: rgb(69, 81, 100, 0.5);
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  padding: 15px 20px;
  border: 0;
  outline: none;
  margin-bottom: 20px;
}

.comment_form .form_txt::placeholder, .comment_form .form_txt::placeholder {
  color: rgb(69, 81, 100, 0.5);
}

.checkbox label {
  color: rgb(69, 81, 100, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  display: inline;
}
.submitbtn {
  border-radius: 5px;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  color: #FFF;
  font-size: clamp(16px, 3vw, 20px);
  font-weight: 500;
  line-height: 35px;
  padding: 12px 24px;
  border: 0;
  outline: unset;
  margin-top: 24px;
  transition: 0.5s ease-in-out;
  position: relative;
  overflow: hidden;
}
.submitbtn span {
  display: inline-block;
  position: relative;
  z-index: 2;
  transform: rotateX(0deg);
  transition: all ease-in-out 0.5s;
}
.submitbtn::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: -100%;
  opacity: 0;
  background: linear-gradient(90deg, #4F2A6E 0%, #893269  100%);
  transition: all 0.4s ease;
  z-index: 1;
}
.submitbtn:hover:hover::after {
  left: 0;
  opacity: 1;
  transition: all 0.4s ease;
}
.submitbtn:hover span{
  transform: rotateX(360deg);
  display: inline-block;
}
.search_box {
  position: relative;
}
.search_box input {
  width: 100%;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  border: 0;
  outline: unset;
  padding: 10px 20px;
}
.search_box button {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  outline: unset;
  height: 100%;
  padding: 0px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px 5px 5px 0px;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
}
.search_box button img {
  width: 24px;
}

#allitem_box {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  padding: 20px 20px 30px;
  margin-top: 20px;
}

#allitem_box h5 {
  color: #232323;
  font-size: clamp(20px, 3vw, 25px);
  font-weight: 500;
  line-height: 35px;
  /* border-bottom: 1px solid rgb(10, 27, 43, 0.2); */
  padding-bottom: 10px;
  margin-bottom: 20px;
  position: relative;
}
#allitem_box h5::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgb(10, 27, 43, 0.2);
}
#allitem_box h5::before {
  content: '';
  width: 60px;
  height: 3px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
}
.recentpost p {
  font-size: clamp(16px, 3vw, 17.5px);
  border-top: 1px solid rgb(10, 27, 43, 0.2);
  padding-bottom: 10px;
  padding-top: 10px;
  line-height: 28px;
}
.recentpost p:nth-child(2) {
  padding-top: 0;
  border-top: 0;
}
.recentpost p:last-child {
  padding-bottom: 0;
}

.archives {
  margin-top: 56px !important;
}
ul.archives-list li a {
  pointer-events: none;
}
#allitem_box ul li {
  color: #455164;
  font-size: clamp(16px, 3vw, 18px);
  font-weight: 400;
  line-height: 28px;
  display: flex;
  align-items: center;
}
#allitem_box ul li i {
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-right: 10px;
  display: inline-block;
  font-size: 25px;
}
.category ul li {
  margin-bottom: 14px;
}
.category ul li:last-child {
  margin-bottom: 0;
}

.latest-news .news_box {
  display: flex;
  border-bottom: 1px solid rgb(10, 27, 43, 0.2);
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.latest-news .news_box:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.news_box img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  margin-right: 16px;
}
.news_box h6 {
  color: #455164;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.news_box span {
  color: #455164;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  display: inline-block;
}
.blog-detailbg1 {
  position: absolute;
  bottom: 16rem;
  left: 0;
  z-index: -1;
  text-align: start;
}
.blog-detailbg1 img {
  width: clamp(50%, 10vw, 100%);
}
.blog-detailbg2 {
  position: absolute;
  bottom: 40rem;
  right: 0;
  text-align: end;
  z-index: -1;
}
.blog-detailbg2 img {
  width: clamp(50%, 10vw, 100%);
}
/*--------------------------
#Career
---------------------------*/
.gallery_section {
  position: relative;
}
.gallery_section .services1 {
  top: unset;
  bottom: -50%;
}
.culture {
  margin-top: 30px;
}
.galleryimg1 .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 5px;
}

.galleryimg2 .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
  width: 100%;
  height: 192px;
  overflow: hidden;
  border-radius: 5px;
}
.galleryimg1 .owl-carousel .owl-stage-outer .owl-stage .owl-item .item img, .galleryimg2 .owl-carousel .owl-stage-outer .owl-stage .owl-item .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.gallerymt20 {
  margin-top: 16px;
}
.hiring_process {
  position: relative;
}
.interviewrounds {
  margin-top: 50px;
  text-align: center;
}
.interviewrounds h5 {
  font-size: clamp(18px, 3vw, 22px);
  line-height: 35px;
  color: #232323;
  font-weight: 400;
  margin-top: 30px;
}
section.benefit_section {
  position: relative;
}
section.benefit_section .shape-4 {
  top: 10%;
  bottom: unset;
}
.benefitcontent p {
  font-weight: 400;
}
.benefit {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.benefit .b-box {
  text-align: center;
  width: 33.33%;
  margin-top: 45px;
}
.benefit .b-box .b-icon {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 14px;
  border-radius: 100%;
  background-clip: border-box;
  box-shadow: 0 0 0 1.5px #893269, 0 0 0 1.5px #4F2A6E;
}
.benefit .b-box .b-icon img {
  width: 45px;
}
.benefit .b-box h6 {
  color: #232323;
  font-size: clamp(18px, 2vw, 20px);
  font-weight: 400;
  line-height: normal;
}
.benefitimg {
  position: absolute;
  left: clamp(2rem, 7vw, 8rem);
  width: 40%;
}
.applyjob {
  margin-top: 25px;
}
section.current_opening {
  position: relative;
}
section.current_opening .shape-4 {
  bottom: unset;
}
.opening_box {
  border: 1px solid #893269;
  border-radius: 5px;
  padding: 20px;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.opening_box h5 {
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 700;
  line-height: 30px;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
}
.opening_box ul li {
  margin-bottom: 12px;
  display: flex;
}
.opening_box ul li span {
  color: #555;
  font-size: clamp(16px, 2vw, 18px);
  font-weight: 400;
  line-height: normal;
  width: 43%;
}
.opening_box ul li span:nth-child(2) {
  color: #000;
  font-weight: 500;
}
.opening_box a {
  margin-top: 22px;
  display: block;
  text-align: center;
}
.someone_content span {
  font-size: clamp(18px, 2vw, 22px);
  color: rgb(255, 255, 255, 0.7);
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
  display: inline-block;
}
.someone_content h3 {
  color: #F3F3F3;
  font-size: clamp(24px, 4vw, 45px);
  font-weight: 600;
  line-height: 60px;
  text-transform: capitalize;
  padding-right: 50px;
}

.someone_btn .soc_btn {
  width: 90%;
  display: flex;
  align-items: center;
  background: #FFF;
  border-radius: 5px;
  padding: 11px 25px;
  margin-top: 20px;
}
.someone_btn .soc_btn img {
  width: 35px;
  margin-right: 25px;
}
.someone_btn .soc_btn span {
  color: #232323;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
.someone_btn .soc_btn p {
  font-size: clamp(16px, 3vw, 20px);
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#submit-btn {
  width: 140px;
}
/*------------------------------
#Meet The Team start
-----------------------------*/
section.the_team {
  position: relative;
}
.team_box {
  width: 100%;
  position: relative;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
  overflow: hidden;
}
.team_member {
  width: 100%;
  height: 375px;
}
.team_member img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.teammabername {
  padding: 11px 20px;
}
.teammabername h5 {
  color: #232323;
  font-size: clamp(22px, 3vw, 26px);
  font-weight: 600;
  line-height: normal;
}
.teammabername span {
  color: #555;
  font-size: clamp(16px, 2vw, 18px);
  font-weight: 400;
  line-height: normal;
}
.gallery2img {
  width: 100%;
  height: 240px;
  overflow: hidden;
}
.gallery2img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

#all_team .teammabername h5 {
  font-size: clamp(18px, 3vw, 22px);
  line-height: 24px;
}
#all_team .teammabername span {
  font-size: clamp(15px, 3vw, 16px);
  text-transform: capitalize;
}

/*-------------------------------------
#Hire Dedicated Developer Start
----------------------------------------*/
section.tailored_section {
  position: relative;
}
section.tailored_section .services1 {
  top: unset;
  bottom: -14rem;
}
.services1 img {
  width: clamp(50%, 10vw, 100%);
}
.tailoreimg img {
  max-width: 96%;
}
.tailored_content p {
  margin-top: 12px;
}

.tailored_content a {
  margin-top: 30px;
  width: 232px;
}
.hire_service {
  position: relative;
}
.hire_service .dotateimg2 {
  bottom: -35%;
  text-align: end;
}
.hire_service .dotateimg2 img {
  width: clamp(50%, 10vw, 100%);
}
.hire_service_box {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
  padding: 40px;
  position: relative;
  overflow: hidden;
  transition: background 0.5s ease;
  height: 100%;
}
.hire_service_box:hover {
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  transition: background 0.5s ease;
}
.hire_service_box h4 {
  font-size: clamp(24px, 3vw, 35px);
  font-weight: 600;
  line-height: 33px;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.hire_service_box h4::after {
  content: '';
  width: 78px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0A1B2B;
}

.hire_service_box p {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.hire_service_box p:last-child:after {
  content: '';
  width: 40%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0A1B2B;
}
.hire_service .p_text p:last-child{
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.hire_service_box:hover p {
  color: #FFF;
}
.hire_service_box:hover p::after {
  background: #FFF;
}
.hire_service_box:hover h4::after {
  background: #FFF;
}
.hire_service_box:hover h4 {
  -webkit-text-fill-color: #FFF;
  color: #FFF;
}

.hire_service_box ul li {
  display: inline-block;
  margin-right: 15px;
}
.hire_service_box ul li img {
  width: 40px;
}
.hire_icon {
  position: absolute;
  top: -15px;
  right: -20px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.hire_service_box:hover .hire_icon {
  background: #FFF;
}
.hire_icon img {
  width: 30px;
  margin-right: 12px;
  margin-top: 12px;
}
.hire_icon img:last-child {
  display: none;
}
.hire_service_box:hover .hire_icon img:last-child {
  display: block;
}
.hire_service_box:hover .hire_icon img:first-child {
  display: none;
}
.arrowright {
  margin-top: 15px;
  text-align: end;
}
/* .arrowright a i {
  color: #FFF;
  font-size: 20px;
} */

/* .hire_service_box:hover .arrowright a i {
  color: #FFF;
} */
.arrowright .btn_talk {
  width: 232px;
  margin: auto;
  margin-right: 0;
}
.hire_service_box:hover .arrowright .btn_talk {
  color: #FFF;
}
.hire_service_box:hover .arrowright .btn_talk:hover span i {
  color: #FFF;
}
.hire_service_box:hover .arrowright .btn_talk span {
  border-color: #FFF;
}
.improve {
  width: 80%;
}
.benefit_list.specialise {
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
  border-color: #FFF;
  margin-top: 30px;
}

.engagement_content {
  max-width: 1440px;
  margin: auto;
  position: relative;
  margin-top: 50px;
}

.dotprocess {
  position: absolute;
  bottom: -20px;
  left: 10px;
  right: 0;
  margin: auto;
  width: 40px;
  height: 40px;
  border: 3px solid #893269;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dotprocess span {
  width: 25px;
  height: 25px;
  display: inline-block;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  border-radius: 50%;
}
.framework_box {
  width: 100%;
  position: relative;
  border-radius: 5px;
  text-align: center;
  height: 100%;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);

}
.frameworkdetail {
  padding-bottom: 40px;

}
.frameworkhead {
  border-radius: 5px 5px 0px 0px;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  padding: 30px 0px;
}
.frameworkhead h3 {
  color: #FFF;
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 600;
  line-height: 26px;
  text-transform: uppercase;
}
.frameworkdetail hr {
  margin: 15px 30px 40px !important;
  color: rgb(10, 27, 43, 0.3);
}
.frameworkdetail ul li {
  color: #0A1B2B;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 400;
  line-height: 26px;
  padding: 15px 35px;
}
.frameworkdetail .frameworktitle li {
  font-weight: 500 !important;
}
.frameworkdetail ul .bg-gray {
  background: #F2F2F2;
}
.framework_box .btn_talk {
  max-width: 190px;
  margin: auto;
}
.framework_box .opacity-0 {
  opacity: 0;
}
.framework_box .tracking {
  box-shadow: 0px -5px 0px 10px rgb(255 255 255);
  opacity: 1;
  background: #FFF;
}
.chooseus_section {
  position: relative;
}
.chooseus_section .shape-5 {
  top: 10%;
  bottom: unset;
}
.chooseus_box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
  padding: 22px 40px 21px 48px;
  margin-top: 30px;
  transition: 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;
}
.chooseus_box:hover {
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  transition: background 0.5s ease-in-out;
}
.number-text {
  width: 15%;
}
.number-text h4 {
  color: #BEBEBE;
  font-size: clamp(60px, 5vw, 110px);
  font-weight: 500;
  line-height: 170px;
  text-transform: capitalize;
}
.chooseus_box:hover .number-text h4 {
  color: #FFF;
}
.chooseus_txt h4 {
  color: #0A1B2B;
  font-size: clamp(24px, 3vw, 30px);
  font-style: normal;
  font-weight: 600;
  line-height: 33px;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.chooseus_box:hover .chooseus_txt h4 {
  color: #FFF;
}
.chooseus_txt {
  width: 85%;
}
.chooseus_txt p {
  color: #0A1B2B;
  font-size: clamp(17px, 3vw, 20px);
  font-weight: 400;
  line-height: normal;
}
.chooseus_box:hover .chooseus_txt p {
    color: rgb(255, 255, 255, 0.7);
}

.faq_section {
  position: relative;
}
.faq_section .shape-4 {
  top: 10%;
  bottom: unset;
}
.faq_accordion .accordion-item {
  border: 0;
  margin-top: 18px;
}
.faq_accordion .accordion-button:not(.collapsed) {
  background-color: unset;
  box-shadow: none;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.faq_accordion .accordion-button {
  border: 1px solid #D9D9D9;
  padding: 19px 22px;
  padding-left: 68px;
  color: #242424;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
}
.faq_accordion .accordion-button:focus {
  box-shadow: unset;
  border-color: #D9D9D9;
}
.faq_accordion .accordion-body {
  padding: 12px 20px 0 68px;
}
.faq_accordion .accordion-body p {
  color: black;
  font-size: clamp(17px, 3vw, 20px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.faq_accordion .accordion-button::after {
  content: "+";
  background-image: unset;
  position: absolute;
  left: 22px;
  width: 16px;
  top: 12px;
  font-size: 30px;
  height: 0;
}
.faq_accordion .accordion-button:not(.collapsed)::after {
  content: "";
  transform: unset;
  font-size: 50px;
  height: 3px;
  width: 16px;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  top: 0;
  bottom: 0;
  margin: auto;
}
.faq_img {
  text-align: end;
}
.faq_img img {
  max-width: 90%;
  margin: auto;
}

.project_discuss {
  width: 100%;
  position: relative;
  overflow-x: hidden;
}
.project_discuss .shape-5 {
  right: -4rem;
}
.project_box {
  border-radius: 5px;
  background: rgb(137, 50, 105, 0.1);
  padding: 75px 80px;
}
.project_box h2 {
  color: #232323;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
  margin-top: 15px;
}
.project_box form {
  margin-top: 40px;
}
.person_input input, .person_input select, .person_input textarea {
  border-radius: 5px;
  background: #FFF;
  width: 100%;
  border: 0;
  outline: unset;
  color: rgb(10, 27, 43, 0.7);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  padding: 16px 20px;
  margin-bottom: 20px;
}
.person_input textarea, .person_input .file {
  height: 103px;
}
.person_input button {
  width: 150px;
  border: 0;
  background: unset;
  text-transform: uppercase;
  margin: auto;
}
.person_input button i {
  width: 32px;
}

/*--------------------------
#portfolio
------------------------*/
#Portfolio {
  padding: 0px 90px;
}
.tabs_portfolio {
  position: relative;
  margin-bottom: 60px;
}
.tabs_portfolio ul#pills-tab {
  justify-content: center;
}

ul#pills-tab li {
  border: 1px solid #893269;
  background: rgba(137, 50, 105, 0.10);
  border-right: 0;
}
ul#pills-tab li:first-child {
  border-radius: 5px 0px 0 5px;
}
ul#pills-tab li:last-child {
  border-right: 1px solid #893269;
  border-radius: 0 5px 5px 0px;
}
.tabs_portfolio .nav-pills .nav-link {
  color: #FFF;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 18px 30px;
  border-radius: 0;
  white-space: nowrap;
  width: 100%;
}
.tabs_portfolio .nav-pills .nav-item:last-child .nav-link {
  border-right: 0;
}
.tabs_portfolio .nav-pills .nav-link.active {
  border-radius: 0;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  -webkit-text-fill-color: #FFF;
}
.breadcrumb_section .btn_talk {
  width: 210px;
}


/*-------------------------------
#Our Process Section css
------------------------------*/

.timeline-main {
  width: 100%;
  padding: 25px;
}
.timeline-main .timeline-wrap {
  position: relative;
  display: flex;
}

.timeline-main .timeline-wrap .timeline-card {
  width: 20%;
  position: relative;
  z-index: 1;
  text-align: center;
  height: 750px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.timeline-main .timeline-wrap .timeline-card:nth-child(odd) .timeline-card-wrap span {
  border: 3.8px solid #893269;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: -12px;
  right: 0;
  left: 0;
  margin: auto;
}
.timeline-main .timeline-wrap .timeline-card:nth-child(odd) .timeline-card-wrap span:after {
  content: "";
  display: block;
  width: 32.5px;
  height: 32.5px;
  border-radius: 50%;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
}
.timeline-main .timeline-wrap .timeline-card:nth-child(even) .timeline-card-wrap span {
  border: 3.8px solid #893269;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  bottom: -1.5rem;
  right: 0;
  left: 0;
  margin: auto;
}
.timeline-main .timeline-wrap .timeline-card:nth-child(even) .timeline-card-wrap span::before {
  content: "";
  display: block;
  width: 32.5px;
  height: 32.5px;
  border-radius: 50%;
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
}
.timeline-main .timeline-wrap .timeline-card:nth-child(odd) .timeline-card-wrap {
  position: relative;
  top: -13rem;
}
.timeline-main .timeline-wrap .timeline-card:nth-child(even) .timeline-card-wrap {
  position: relative;
  top: 13rem;
}
.timeline-main .timeline-wrap .timeline-card .timeline-card-wrap {
    position: relative;
    padding: 4rem;
    height: clamp(240px, 22vw, 370px);
}
.timeline-main .timeline-wrap .timeline-card .timeline-card-wrap .card-head-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.timeline-main .border_line {
  position: absolute;
  left: 0;
  right: 0;
  top: 25.4%;
  z-index: 0;
  max-width: 80%;
  margin: auto;
}
.emergingtxt h6 {
  color: #4F2A6E;
  font-size: clamp(20px, 3vw, 26px);
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
}
.emergingtxt p {
  color: #0A1B2B;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}
.timeline-main .timeline-wrap .timeline-card:nth-child(1) .timeline-card-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 51%;
    border-right: 3px dashed #000;
    border-top: 3px dashed#000;
    border-radius: 0rem 12rem 0rem 0rem;
    z-index: -1;
}
.timeline-main .timeline-wrap .timeline-card:nth-child(2) .timeline-card-wrap::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -3px;
    width: 100%;
    height: 58%;
    border-right: 3px dashed #000;
    border-left: 3px dashed#000;
    border-bottom: 3px dashed#000;
    border-radius: 0rem 0rem 12rem 12rem;
    z-index: -1;
}
.timeline-main .timeline-wrap .timeline-card:nth-child(3) .timeline-card-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: -6px;
    width: 100%;
    height: 51%;
    border-right: 3px dashed #000;
    border-left: 3px dashed#000;
    border-top: 3px dashed#000;
    border-radius: 12rem 12rem 0rem 0rem;
    z-index: -1;
}
.timeline-main .timeline-wrap .timeline-card:nth-child(4) .timeline-card-wrap::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -9px;
    width: 100%;
    height: 58%;
    border-right: 3px dashed #000;
    border-left: 3px dashed#000;
    border-bottom: 3px dashed#000;
    border-radius: 0rem 0rem 12rem 12rem;
    z-index: -1;
}
.timeline-main .timeline-wrap .timeline-card:nth-child(5) .timeline-card-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: -12px;
    width: 50%;
    height: 51%;
    border-left: 3px dashed #000;
    border-top: 3px dashed#000;
    border-radius: 12rem 0rem 0rem  0rem;
    z-index: -1;
}
.rotate {
  animation: 5s linear infinite rotate-con;
}

@keyframes rotate-con {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
.page-id-1551 .setdata_page h2{
  margin-bottom: 15px;
  font-weight: 600;
  font-size: clamp(24px,4vw,32px);
  line-height: 60px;
  color: #232323;
}
.page-id-1551 .setdata_page{
  padding: 50px 12px 0px 12px !important;
}
.page-id-1551 .setdata_page p{
  font-weight: 300;
  font-size: clamp(16px, 3vw, 18px);
  line-height: 35px;
  color: #555;
  margin-bottom: 12px;
}
div.blog-author{
  margin-left: 10px;
}
div.blog-author img{
  width: 20%;
  margin-right: 5px;
}
.blog_box .blogimage img{
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
.wpcf7-list-item {
  margin: 0px;
}
.wpcf7 form .wpcf7-response-output{
  margin: 0px;
}
body.page-template-default.page.page-id-596 .about_section .about_img.mt-5.mt-lg-0 .ab_img img{
  filter: grayscale(100%);
  transition: 0.4s all linear;
}
body.page-template-default.page.page-id-596 .about_section .about_img.mt-5.mt-lg-0 .ab_img img:hover{
  filter: grayscale(0%);
}

/* APPLY NOW POPUP */


#applyform .modal-content {
  background: #FFF;
  width: 1160px;
  padding: 20px 18px 20px 40px;
}
.applyform-modal{
  max-width: 1180px;
}
#applyform .modal-content::after {
  content: unset;
}
#applyform .modal-content .project_box {
  padding: 0;
}
.app_contactdetail {
  background-image: url(../image/career/PP_business.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: 120px 20px;
  border-radius: 5px;
}
.app_contactdetail::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  border-radius:5px;
}
.app_step {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: start;
  margin-bottom: 60px;
}
.app_step:last-child {
  margin-bottom: 0;
}

.app_step span:first-child {
  margin-right: 12px;
}
.app_step span {
  color: #FFF;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.app_step span a {
  color: #FFF;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
#applyform .modal-content .project_box .small_title {
  background: var(--1, linear-gradient(90deg, #893269 0%, #4F2A6E 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#applyform .modal-content .project_box h3 {
  background: var(--1, linear-gradient(90deg, #893269 0%, #4F2A6E 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#applyform .modal-content .project_box form {
  margin-top: 32px;
}
#applyform .modal-content .person_input input, .person_input select, .person_input textarea {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);
  /* color: black; */
  /* background-color: black; */
}

#applyform .modal-content .project_box .btn_talk, .modal-content .project_box .btn_talk span i {
  background: var(--1, linear-gradient(90deg, #893269 0%, #4F2A6E 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#applyform .modal-content .project_box .btn_talk span {
  border-color: #893269;
}
#applyform .modal-content .project_box span, .modal-content .project_box h2 {
  background: var(--1, linear-gradient(90deg, #893269 0%, #4F2A6E 100%));
  background-clip: text;
  -webkit-background-clip: text;
  /* -webkit-text-fill-color: transparent; */
}
#applyform .person_input button {
  margin-right: 0;
}
/*#applyform.modal .modal__close {
  right: 4%;
  left: unset;
  top: 10% !important;
  color: #ffffff;
}*/
.wpcf7-spinner{
  background-clip:unset !important;
}


/* LETS TALK POPUP */

.popupimg {
  position: absolute;
  bottom: 0;
  left: 0;
}
.bg_none {
  background: none;
}
.bg_none::after {
  content: unset;
}
.letsgo .modal-content {
  padding: 45px 50px 45px 50px !important;
}
#lets-talk .modal-content {
  background: #FFF;
  width: 1160px;
  padding: 20px 18px 20px 100px;
}
#lets-talk .modal-content::after {
  content: unset;
}
#lets-talk .modal-content .project_box {
  padding: 0;
}
#lets-talk .modal-content .project_box .small_title {
  background: var(--1, linear-gradient(90deg, #893269 0%, #4F2A6E 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#lets-talk .modal-content .project_box h3 {
  background: var(--1, linear-gradient(90deg, #893269 0%, #4F2A6E 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#lets-talk .modal-content .project_box form {
  margin-top: 32px;
}
#lets-talk .modal-content .person_input input, .person_input select, .person_input textarea {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30) !important;
}

#lets-talk .modal-content .project_box .btn_talk, .modal-content .project_box .btn_talk span i {
  background: var(--1, linear-gradient(90deg, #893269 0%, #4F2A6E 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#lets-talk .modal-content .project_box .btn_talk span {
  border-color: #893269;
}
#lets-talk .modal-content .project_box span, .modal-content .project_box h2 {
  background: var(--1, linear-gradient(90deg, #893269 0%, #4F2A6E 100%));
  background-clip: text;
  -webkit-background-clip: text;
  /* -webkit-text-fill-color: transparent; */
}
#lets-talk .person_input button {
  margin-right: 0;
}
#lets-talk .modal__close {
  right: 20px;
  left: unset;
  top: 5px;
  color: #232323;
  background: transparent;
  border: none;
}

/* Header Menu CSS */
@keyframes growDown{
  0% {
      transform: scaleY(0);
      transition: 0.5s ease-in;
  }
  80% {
      transform: scaleY(1.1);
      transition: 0.5s ease-in;
  }
  100% {
      transform: scaleY(1);
      transition: 0.5s ease-in;
  }
  }
  .header .menu > ul > li .sub-menu{
        animation: growDown 300ms ease-in forwards;
      /* top: 40%; */
        transition: ease-in 0.5s;
  }
  .header .menu > ul > li .sub-menu.mega-menu {
      transition: 0.5s ease-in;
      left: 0%;
      transform: translate(0%, 10%);
  }
  @media (min-width: 992px){
    .header .menu > ul > li.menu-item-has-children:hover .sub-menu{
          animation: growDown 300ms ease-in forwards;
        transform-origin: top center;
        /* top: 78%; */
        transition: ease-in 0.5s;
    }
  }
  .header .menu > ul > li .sub-menu.mega-menu > .megamenu_list .list-item > ul > li > a:hover img.mega-icon {
      display: inline-block;
  }
  .header .menu > ul > li .sub-menu.mega-menu > .megamenu_list .list-item > ul > li > a:hover img.mega-icon1 {
      display: none;
  }
  .sub-nav > ul > li > a:hover img.mega-icon {
      display: inline-block;
  }
  .sub-nav > ul > li > a:hover img.mega-icon1 {
      display: none;
  }



  .about_img {
    position: relative;
    padding-left: 80px;
  }
  
  .overlayimage img {
    width: 72%;
  }
  
  .overlayimage {
    position: absolute;
    bottom: -6rem;
    left: 0px;
  }
  
  .yearof_experience {
    position: relative;
    border-radius: 33px 33px 33px 0px;
    background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
    padding: 16px 22px;
    color: #FFF;
    font-family: Poppins;
    font-size: 22.667px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 50px;
    z-index: 1;
    margin-left: -30px;
  }
  
  .overlayimage:after {
    content: '';
    width: 41%;
    height: 17%;
    position: absolute;
    top: 65px;
    left: -30px;
    background: #0A1B2B;
    z-index: 0;
    clip-path: polygon(100% 0, 0 0, 97% 84%);
  }
  
  .ab_img {
    position: relative;
  }
  
  .ab_img img {
    filter: grayscale(100%);
    position: relative;
    z-index: 0;
    transition: .3s ease-in-out;
  }
  .ab_img:hover img {
    filter: grayscale(0);
  }
  .ab_img::after {
    content: '';
    width: 80%;
    height: 100%;
    position: absolute;
    top: -8px;
    left: 50px;
    background: rgb(137, 50, 105, 0.1);
    border-radius: 50%;
    z-index: -1;
  }
/* 404 Page CSS Start */

.section_404 h1{
  color: #0A1B2B;
  font-size: 120px;
  font-style: normal;
  font-weight: 600;
  line-height: 85px;
  margin-bottom:20px;
}
.section_404 h2{
  font-weight: 400;
  font-size: clamp(17px, 2vw, 20px);
  line-height: 20px;
  letter-spacing: 0.2em;
  color: #50296E;
  margin-bottom: 15px;
  display: block;
  text-transform: uppercase;
}
.section_404 .p_text{
  margin-bottom: 20px;
}
.container.container-404 {
  margin-top: 100px;
}
/* 404 Page CSS End */

/* .faq_section .faq_accordion{
  background-image: url(../image/hire-dedicated-developer/faq.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.5;
} */
.faq_section .faq_accordion::before {    
  content: "";
  background-image: url('https://tec-sense.com/wp-content/uploads/2024/01/faq.webp');
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.2;
  background-position: center;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -1;
}
.accordion-item {
  background: unset;
}




/* ====================================
  #Services page css 
=====================================*/
.publish_box {
  margin-top: 60px;
}

.publish_title {
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  border-radius: 5px 5px 0px 0px;
  text-align: center;
  padding: 15px;
}

.publish_title h3 {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 33px;
  color: #FFFFFF;
}

.publish_list {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  border-radius: 0px 0px 5px 5px;
  padding: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.publish_list ul {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 20px 0px;
}
.publish_list ul li a{
	color: #000 !important;
}
.publish_list ul li a:hover{
	color: #893269 !important;
}
.publish_list li span {
  margin-right: 5px;
}

.publish_list li span img {
  width: 20px;
}

/*=====================================
  #Contact Us Page css
======================================*/
.location_section {
  position: relative;
}

.findlocation {
  background: linear-gradient(90deg, #893269 0%, #4F2A6E 100%);
  border-radius: 5px;
  text-align: center;
  padding: 45px 90px;
  margin-top: 50px;
}

.findlocation h6 {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: clamp(18px, 3vw, 22px);
  line-height: 30px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0px;
  gap: 10px;
}

.findlocation p {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(18px, 3vw, 22px);
  line-height: 30px;
  color: #FFFFFF;
}

/* New Popup CSS */

/* .modal.show{
  visibility: visible;
  opacity: 1;
} */
.lets-talk-modal{
  max-width: 1160px;
}
.popup_close_btn{
  right: 10px;
  left: unset;
  top: 5px;
  color: #232323;
  opacity: 1;
}
.btn-close:hover{
  color: #232323;
  opacity: 1;
}
.btn-close:focus{
  box-shadow: none;
}
.popup_close_btn {
  position: absolute;
  text-decoration: none;
  z-index: 1;
  font-size: 20px;
  line-height: normal;
  /* background: none; */
}
#lets-talk .modal-content{
  padding: 0;
  margin: 0 10px;
}
#lets-talk .modal-body{
  padding: 0;
  padding: 45px 50px;
}
#lets-talk .project_box{
  background: none;
  padding: 0;
}
#lets-talk .person_input input, .person_input select, .person_input textarea {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);
}



/* changes css */

.wa__btn_popup .wa__btn_popup_icon {
  height: 50px !important;
  width: 50px !important;
}