/* code of service page (custom-css/style.css) */

.service_first_section{
	position:relative;
}
.service_first_section .image_service_2 {
z-index:10;
}
.service_first_section .image_service_1{
	top: -11%;
    right: -20%;
    z-index: 1;
}
.service_first_section h6{
	background: linear-gradient(100.84deg, #9AA8E0 5.08%, #C2B7FF 65.41%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
      background-clip: text !important;
     text-fill-color: transparent !important;

}
.service_first_section .service_button {
	width:48%;
	    margin-inline-end: 2%;
}
.service_first_section .service_button_small{
	    width: 37% !important;
}

.service_second_section h2 span{
	background: linear-gradient(252.42deg, #4871C3 -16.16%, #43528D 51.31%, #427EAC 116.02%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
text-fill-color: transparent !important;
	
}
.repated_service_section h2{
	color:#333333 !important;
}
.repated_service_section h2 .number{
	font-size:24px !important;
	color:#333333 !important;
	border: 2px solid rgba(194, 209, 217, 0.4) !important;
	display: flex !important;
	width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 1px solid #3333;
    justify-content: center;
    align-items: center;
	padding:10px;
}
.repated_service_section h2 .text{
	background: linear-gradient(252.42deg, #4871C3 -16.16%, #43528D 51.31%, #427EAC 116.02%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important ;
   background-clip: text;
  text-fill-color: transparent !important;
	display: inline-block !important;
}
.repated_service_section ul{
	padding-left:0;
	list-style:none;
}
.repated_service_section ul li{
	position:relative ;
	padding-inline-start: 6%;
    padding-bottom: 4px;
}
.repated_service_section ul li::before{
	content:url('../svg/bullet-arrow-1.svg');
	position:absolute;
	left:0;
	top:0;
	width: 22px;
    height: 4px;
	top: -3px;
}
.repated_service_section ul li span{
	font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
font-size: 14px;
	color: #061B2B;

}
.repated_service_section .elementor-widget-image img {
	    height: 547px;
}
/*************/
.service_first_section {
	clip-path:polygon(0% 0%, 100% 0%, 100% 78%, 0% 90%);
}
.new-service-sec-one-btns a ,
.new-service-sec-one-btns a:hover ,
.new-service-sec-one-btns a:focus {
	color: #061B2B;
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 20px;
	background: #F2C94C;
	border-radius: 6px;
	padding:15px;
	margin-right:10px;
	position:relative;
	padding-right:30px;
	text-transform:uppercase;
}
.new-service-sec-one-btns .row-one{
	margin-bottom:30px;
	margin-top:20px;
}
.new-service-sec-one-btns a:before{
	content:url(../svg/right-arrow-3.svg);
	position:absolute;
	right:14px;
	top:14px;
}
.new-service-sec-one-content div{
	max-width:478px;
}
.service_second_section{
	clip-path:polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%);
}
.service_second_section h2{
	max-width:985px;
	margin-left:auto !important;
	margin-right:auto !important;
}
.new-service-sec-two-content div{
	max-width:784px;
	margin-left:auto !important;
	margin-right:auto !important;
}
.card_service_section{
	clip-path:polygon(0% 23%, 100% 9%, 100% 83%, 0% 100%);
}
.sub-service-related-tool-txt div{
	max-width:918px;
	margin-left:auto !important;
	margin-right:auto !important;
}
.card_service_section .sub-service-related-card{
	background: linear-gradient(359.75deg, rgba(22, 81, 186, 0.18) -16.56%, rgba(255, 255, 255, 0.18) 37.84%), rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(194, 209, 217, 0.4);
    box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.03);
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 10px
} 
.card_service_section .sub-service-related-card .sub-service-card-txt div{
	max-width:248px;
}
.card_service_section .sub-service-related-card h4{
	min-height:50px;
}
.user-experience-list li strong{
	color:#061B2B !important;
	font-weight: 700;
	font-size: 18px;
}
.user-experience-title h2 > div {
	display:flex;
	align-items:center;
}
.user-experience-title h2 > div h2{
	font-size:32px;
	margin-left:15px;
    font-family: 'Ubuntu' !important;
	max-width:295px;
}
.user-experience-content div {
	max-width:600px;
}
.brand-design-sub-title p{
	max-width:521px;
}
.user-experience-btn a{
	min-width:411px;
}

/******3/16 *******/
.service_last_container{
	clip-path: polygon(0% 0%, 100% 0%, 100% 88%, 0% 100%);

}
.service_last_section{
    border: 1px solid rgba(194, 209, 217, 0.4) !important;
    box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.03) !important;
    border-radius: 10px !important;
	max-width: 880px !important;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding-bottom:42px;
}
.service_last_section ul{
	    padding-left: 0rem !important;
}
.service_last_section ul li{
	color:#667085;
	font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
  padding-bottom: 3%;

}
.service_last_section .image_last_section{
position: absolute;
  left: -21%;
    top: 6%;
}
.service_last_container .last_section_button{
	position: absolute;
    bottom: 15px;
    left: -34%;
}
.card_service_list{
	background: linear-gradient(358.87deg, rgba(22, 81, 186, 0.18) 0.89%, rgba(255, 255, 255, 0.18) 39.58%), rgba(255, 255, 255, 0.9) !important;
border: 1px solid rgba(194, 209, 217, 0.4) !important;
box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.03), 0px 30px 30px rgba(0, 0, 0, 0.03) !important;
border-radius: 10px !important;
	margin-right:12px !important;
	height:188px;
}
/* .card_service_list .image_service{
	bottom: -121px;
	left:0;
	position:absolute;
}
.card_service_list .image_service_2{
	bottom: -121px;
    left: 0px;
	position:absolute;
}
.card_service_list .image_service_3{
	bottom: -121px;
    left: 0px;
	position:absolute;
}
.card_service_list .image_service_4{
	bottom: -121px;
    left: -6px;
	position:absolute;
} */
.card_service_list .elementor-button{
	    padding: 1px 24px !important;
}
.repated_service_responsive{
	display:none;
}
.service_last_section > div {
	flex-wrap:wrap !important;
}
.service_last_section .col-one ,
.service_last_section .col-two {
	width:50% !important;
}
.service_last_section .col-three {
	width:100% !important;
} .service_last_section .col-three > div {
	justify-content:center;
	align-items:center;
}
.service_last_section .col-two:before{
	content:url(../svg/arrow-3.svg);
	position:absolute;
	left: -40px;
    top: 15px;
}
.card_service_list p {
	margin-bottom:10px !important;
	max-width: 245px;
    margin: auto;
}
.card_service_list .image_service{
	position:relative;
}
.card_service_list .image_service img{
	top:20px;
	position:absolute;
	left:0;
}
.sec-two-card-content p{
	max-width:359px;
	margin-right:auto !important;
	margin-left:auto !important;
}
.started-sec-sub-tittle p{
	max-width:521px;
	margin-left:auto !important;
	margin-right:auto !important;
}
.sub-service-related-tool-txt div{
	max-width:966px;
}
.image_service_2 img{
	max-width:470px;
}
.ux-audit h6 {
	position:relative;
	padding-left:60px;
}
.ux-audit h6:before{
	content:url(../svg/ux-audit-icon.svg);
	position:absolute;
	left:0;
	bottom:-17px;
}
/* media query */
@media screen and (min-width:1921px){
	.new-service-page-sec-width > div {
		max-width:1920px;
	}
}
/* @media only screen and (max-width: 1440px) {
	.card_service_list .image_service {
		    bottom: -87px;
	}
   .card_service_list .image_service_2{
	 bottom: -87px;
	}
	.card_service_list .image_service_3{
		 bottom: -87px;
	}
	.card_service_list .image_service_4{
		 bottom: -87px;
	}
	.service_first_section .image_service_1{
		    top: -15%;
	}
} */
@media only screen and (max-width: 1024px) {
	.service_last_section .col-two:before {
		left:-80px !important;
	}
	.card_service_section .sub-service-related-card {
		    margin-bottom: 3%;
	}
	.card_service_section .sub-service-related-card .sub-service-card-txt div{
		max-width:unset;
	}

	.card_service_list{
       margin-bottom: 30px;
		margin-left: 15.5px;
    margin-right: 15.5px !important;
		   
	}
	.card_service_section {
   	 	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		background-image:unset !important;
		background-color:#5571a9 !important;
}
	.service_first_section {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		background-image:unset !important;
		background-color:#5571a9 !important;
}
	.service_last_container{
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);

}
	.service_second_section{
		clip-path:unset
	}
	.repated_service_responsive{
		display:block;
	}
	.repated_hidden_section  {
		display:none !important;
	}
	.service_last_section p{
		font-size:22px !important;
	}
	.card_service_list {
		height:unset !important;
	}
	.card_service_list .image_service img{
		position:unset !important;
		top:unset !important;
		margin-top:20px;
	}
	.card_service_list p{
		max-width:unset !important;
	}
	.service_last_container {
		background-image:unset !important;
		background-color:#5a72aa !important;
		clip-path:unset !important;
	}
}
@media only screen and (max-width: 768px) {
	.new-service-sec-one-btns .row-one a ,
	.new-service-sec-one-btns .row-two a{
		width:100%;
		display: block;
		margin-bottom: 20px;
		max-width:300px;
	}

	.repated_service_section ul li::before {
		    left: -11px;
	}
	.user-experience-btn a {
    min-width: 300px;
    }
	.repated_service_section .elementor-widget-image img {
    height: 470px;
}

	.repated_service_responsive{
		display:block;
	}
	
	.service_last_section p{
		font-size:18px !important;
	}
	.service_last_section .col-two:before {
		display:none;
	}
	.card_service_list > div {
		padding:20px !important;
	}
	.service_last_section .col-one, .service_last_section .col-two {
		width:100% !important;
	}
	.user-experience-title h2 > div h2 {
		font-size:29px !important;
	}
}
.innovation-expertise-sec .innovation-expertise-col-two ,
.innovation-expertise-sec .innovation-expertise-col-one {
	background: linear-gradient(180deg, #FFFAE2 44.79%, #FFF2B5 100%);
	box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.03);
	border-radius: 10px;
	margin:20px;
	padding:40px 20px;
}
.innovation-expertise-sec .innovation-expertise-col-two ul,
.innovation-expertise-sec .innovation-expertise-col-one ul{
	padding-left:0;
	list-style:none;
	position:relative;
}
.innovation-expertise-sec .innovation-expertise-col-two ul li,
.innovation-expertise-sec .innovation-expertise-col-one ul li {
	color:#061B2B;
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	padding-bottom:10px;
	max-width:550px;
}
.innovation-expertise-sec .innovation-expertise-col-two ul li:before ,
.innovation-expertise-sec .innovation-expertise-col-one ul li:before {
	content:url(../png/mdi_arrow-bottom-left-thick-2.png);
	position:absolute;
	right:0;
}
@media screen and (max-width:1024px){
	.innovation-expertise-sec{
		clip-path:unset;
/* 		background-color:#ffd302 !important; */
		background-image:unset !important;
	}
	.innovation-expertise-sec .innovation-expertise-col-two ul li a, .innovation-expertise-sec .innovation-expertise-col-one ul li a {
    	max-width: 89%;
		display: block;
	}
}
@media screen and (max-width:767px){
	.innovation-expertise-sec .innovation-expertise-col-two,
	.innovation-expertise-sec .innovation-expertise-col-one {
		padding:20px;
		margin:0 0 20px;
	}
	.innovation-expertise-col-one, .innovation-expertise-col-two {
   	 	width: 100%!important;
	}
}
.innovation-expertise-sec .innovation-expertise-col-two, .innovation-expertise-sec .innovation-expertise-col-one{
	background:rgba(255, 255, 255, 0.6) !important;
	 box-shadow: 0 30px 30px rgba(0,0,0,.03);
    border-radius: 10px;
    margin: 20px auto !important;
    padding: 20px;
	color:#fff;
}