:root {
    --primary-bg-clr: #FFF5FF;
    --primary-txt-clr: #222A41;
    --primary-red-clr: #ED1C24;
	--primary-color-600: #DE2B33;
	--bg-white: #ffffff;
	--spacer: 50px 0px;
    --spacer: 50px 0;
    --spacer-top: 50px;
    --spacer-bottom: 50px;
	--spacer-ft: 40px;
	--spacer-fb: 40px;
	--spacer-ftb: 40px 0px;
	--navy-bg: #1F235A;
	--text-light: #737373;
	--typography: 'Roboto', sans-serif;
	--heading-color: #070707;
    --primary-bg: #CE272E;
    --secondary-bg: #262829;
    --primary-btn: #CE272E;
    --bg-blue: #1F235A;
    --border-radius: 10px;
    --secondary-secondary-bg: #eee;
    --shadow: 0 0px 5px 0px rgba(0,0,0,.10);
}

@font-face {
  font-family: "remixicon";
  src: url('../fonts/remixicon.eot?t=1590207869815'); /* IE9*/
  src: url('../fonts/remixicon.eot?t=1590207869815#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url("../fonts/remixicon.woff2?t=1590207869815") format("woff2"),
  url("../fonts/remixicon.woff?t=1590207869815") format("woff"),
  url('../fonts/remixicon.ttf?t=1590207869815') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/remixicon.svg?t=1590207869815#remixicon') format('svg'); /* iOS 4.1- */
  font-display: swap;
}

[class^="ri-"], [class*=" ri-"] {
  font-family: 'remixicon' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ri-mail-send-line:before { content: "\eefc"; }
.ri-skype-fill:before { content: "\f14b"; }
.ri-arrow-right-s-line:before { content: "\ea6e"; }
.ri-phone-fill:before { content: "\efe9"; }
.ri-arrow-up-line:before { content: "\ea76"; }
.ri-notification-fill:before { content: "\ef99"; }
.ri-arrow-right-line:before { content: "\ea6c"; }
.ri-file-list-line:before { content: "\ecf1"; }
.ri-file-4-line:before { content: "\ecc7"; }
.ri-user-voice-line:before { content: "\f27a"; }
.ri-links-line:before { content: "\EEB8"; }
.ri-download-line:before { content: "\EC5A"; }
.ri-close-circle-line:before { content: "\EB97"; }
.ri-arrow-down-s-line:before { content: "\EA4E"; }

.spacer {
    padding: var(--spacer);
}
.spacer-top {
    padding-top: var(--spacer-top);
}
.spacer-bottom {
    padding-bottom: var(--spacer-top);
}
.spacer-ftb {
	padding: var(--spacer-ftb);
}
.spacer-ft {
	padding-top: var(--spacer-ft);
}
.spacer-fb {
	padding-bottom: var(--spacer-fb);
}
.secondary-bg {
    background-color: var(--secondary-bg);
}
.txt-primary {
	color: var(--primary-txt-clr);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--primary-txt-clr);
	font-weight: 700;
}
img {
    max-width: 100%;
}
.bg-f8 {
	background: #F8FAFF !important;
}
.section-bg {
    background-color: var(--primary-bg-clr);
}

body {
    font-family: var(--typography);
    color: var(--text-light);
}
.container {
    max-width: 1140px;
}
.btn {
    color: #fff !important;
    padding: 0;
    text-transform: capitalize;
    font-size: 1.125rem;
    font-weight: 400;
}

.btn-lg {
    min-width: 150px;
    height: 50px;
    line-height: 50px;
}

.btn-md {
    min-width: 180px;
    height: 50px;
    line-height: 50px;
	padding: 0px 16px;
}
a.btn-md {
    font-size: 16px;
    font-weight: 400;
	border-radius: 6px;
}
a.btn.primary-btn , button.btn.primary-btn{
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
	padding: 0 1rem;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    opacity: 0;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
a.btn.primary-btn:hover , button.btn.primary-btn:hover {
	background-position: right center;
}
.btn-white {
    color: var(--primary-txt-clr) !important;
	font-weight: 600 !important;
    padding: 0 1rem;
	background-color: var(--bg-white);
}

.get-quote.g-block {
    display: none;
}

/*------------HEADER Start----------------*/

.header__top ul {
    display: flex;
    margin: 0;
    padding: 0;
}
.header__top ul li {
	list-style: none;
}
.header__top ul > li::marker {
    color: transparent;
}
.header__top ul li a img.flg-img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-right: 5px;
}
/*header.fixed-header {
    position: fixed;
    background-color: #fff;
    width: 100%;
	top: 0;
    left: 0;
    z-index: 5;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    animation: fixed .5s linear;
}*/
header.site-header {
    position: sticky;
    top: 0px;
    background: #fff;
    z-index: 9;
}

@keyframes fixed {
    0% {

        transform: translateY(-100px);
    }

    100% {

        transform: translateY(0px);

    }
}

@-webkit-keyframes fixed {
    0% {

        transform: translateY(-100px);
    }

    100% {

        transform: translateY(0px);

    }
}

@-moz--keyframes fixed {
    0% {

        transform: translateY(-100px);
    }

    100% {

        transform: translateY(0px);

    }
}

.header__top ul > li:not(:last-child) {
    margin-right: 15px;
}
.header__top ul:nth-child(2) li {
    list-style: none;
}
.header__top a {
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

.header__top a i {
    margin-right: 5px;
}

.logo {
    max-width: 200px;
}

header .navbar li a {
    color: #141414 !important;
}

.mob-display{
	display:none;
}

header.site-header div.header__top + nav.navbar {
    /* -webkit-box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%); */
    /* box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);	 */
	border-bottom: 1px solid rgb(115 115 115 / 20%);
	background: #fff;
}

.service-height{
	height: 450px;
    overflow-X: hidden;
}

.no-pointer{
pointer-events: none;
}
.site-header .navbar-nav > li > a {
	padding: 20px 10px;
}
.site-header .nav-item.dropdown:hover {
	position: static;
}
.dropdown:hover .dropdown-menu {
	display: block;
}
.site-header .dropdown .dropdown-menu {
	padding: 0;
	left: inherit;
	right: 0;
	border: 0;
	box-shadow: var(--shadow);
	border-radius: 7px;
}
.site-header .navbar-nav .nav-item .dropdown-menu {
	min-width: 300px;
	padding: 10px;
	margin: 0;
	border-radius: 12px;
}
.site-header .navbar-nav .nav-item .dropdown-menu.nav-list {
	padding: 10px;
	border-radius: 0px;
	width: 100%;
	min-width: 650px;
	border: 0;
	box-shadow: 0 6px 4px -8px #000000c2;
}
.site-header .navbar-nav .nav-item .dropdown-menu ul {
	background: #fff;
	width: 100%;
    list-style-type: none;
	padding-left: 0px;
}
.dropdown-menu.nav-list.service-height .row .col-md-3 ul {
    padding-left: 0px;
}
.site-header .navbar-nav .nav-item .dropdown-menu.nav-list ul + ul {
	margin-left: 3px;
}
.site-header .navbar-nav .dropdown-menu ul li {
	background-color: #fff;
	font-size: 14px;
	text-transform: capitalize;
}
.site-header .navbar-nav .dropdown-menu .dropdown-item {
	border-bottom: 1px solid transparent;
	/*padding: 8px 12px;*/
	padding: 2px 5px;
}
.site-header .navbar-nav .dropdown-menu .nav-title .dropdown-item {
	font-weight: 600;
	border: 0;
}
.site-header .navbar-nav .dropdown-menu ul li + li {
	border-top: 1px solid #f3f1f1;
}
.site-header .navbar-nav .dropdown-menu ul li.nav-title {
	background-color: #f7f7f7;
	border: 0;
    margin-top: 10px;
}
.nav-item.dropdown.position-relative .dropdown-menu.nav-list {
	left: 0;
	min-width: 270px;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--primary-btn)!important;
}
li.nav-title a {
    font-size: 18px;
}
li.nav-title ~li a.dropdown-item:hover {
    color: var(--primary-btn)!important;
	background: #fd0d0d1a!important;
}
.dropdown-item:active {
    background-color: #fd0d0d1a!important;
}
ul.ps-0 li a.dropdown-item:hover {
    color: var(--primary-btn)!important;
	background: #fd0d0d1a!important;
}
.hire-b {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: 10px;
}
.col-md-12.hire-b ~ div.col-md-3 ul li a:hover , .col-md-12.solution-b ~ div.col-md-3 ul li a:hover{
    color: var(--primary-btn)!important;
    background: #fd0d0d1a!important;
}
.site-header .navbar-nav .dropdown-menu .hire-b ul li.nav-title {
    margin-top: 10px;
	margin-bottom: 10px;
}

.mobile-nav-menu{
		display: none !important;
	}
	
.mobile-nav-menu.show-blk{
	display:block !important;
	width: 100%;
	margin-top: 5px;
	background: #fff;
	z-index: 2;
}

header .navbar-nav>li {
    margin-right: 10px;
} 

/*=========arrow icon dropdown icon animation============*/

a.dropdown-item {
    position: relative;
	transition:0.1s all ease-in;
}
span.red-arrow {
    display: block;
    width: 8px;
    top: 50%;
    bottom: 50%;
    margin: auto;
    right: 10px;
    height: 10px;
    position: absolute;
    transform: translateY(-50%);
}
span.red-arrow  span {
    content: "\EA6E";
	position: absolute;
    display: block;
    width: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0px;
    height: 10px;
    opacity: 1;
	font-family: remixicon!important;
	color: var(--primary-txt) !important;
	font-size: 25px;
	line-height: 20px;
}
span.red-arrow:before {
    content: "\EA6E";    
    display: block;
    width: 8px;
    font-family: remixicon!important;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
    height: 10px;
    position: absolute;
    opacity: 0.5;
	color: var(--primary-txt) !important;
	font-size: 25px;
	line-height: 20px;
}
span.red-arrow:after {
    content: "\EA6E";
	font-family: remixicon!important;
    display: block;
    width: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    height: 10px;
    position: absolute;
    opacity: 0.3;
	color: var(--primary-txt) !important;
	font-size: 25px;
	line-height: 20px;
}
a.dropdown-item:hover span.red-arrow:before {
    animation: animate-arrow-2 1s ease-in-out infinite 0.1s;
}
a.dropdown-item:hover span.red-arrow:after {
    animation: animate-arrow-3 1s ease-in-out infinite 0.2s;
}
a.dropdown-item:hover .red-arrow span {
    animation: animate-arrow-1 1s ease-in-out infinite;
}
@keyframes animate-arrow-1 {
  0%{transform:translateX(-40px);opacity: 0;}
  70%,100%{transform:translateX(0px);opacity: 1;}
}
@keyframes animate-arrow-2 {
  0%{transform:translateX(-20px);opacity: 0;}
  70%,100%{transform:translateX(0px);opacity: 0.5;}
}
@keyframes animate-arrow-3 {
  0%{transform:translateX(-10px);opacity: 0;}
  70%,100%{transform:translateX(0px);opacity: 0.3;}
}

/* -------- header end css----------- */

/* ----------New Header css start 19/7/22------- */
.m-w135 {
	min-width: 135px !important;
}
.links-tab {
    background: #1f235a;
	padding: 20px 0px;
	border-bottom-left-radius: 30px !important;
	height: 100%;
}
.links-box , .links-box ul li , .links-box ul li a {
    background: #fff !important;
}
.links-box ul li a.dropdown-item {
	padding: 10px 5px !important;
	color: #1f235a !important;
}
.dropdown-menu-animation {
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center;
}

@keyframes growDown {
    0% {
        transform: scaleY(0);
    }
    80% {
        transform: scaleY(1.1);
    }
    100% {
        transform: scaleY(1);
    }
}
.dropdown-menu.megamenu {
	padding: 0px !important;
}
.dropdown-menu.nav-list.megamenu {
    background: transparent !important;
	box-shadow: none !important;
}
.web-menu-navbar > ul li.nav-item.dropdown .dropdown-toggle::after {
	position: absolute;
	content: "\EA4E";
    font-family: 'remixicon';
	border: 0px !important;
	margin-left: 0px !important;
}
.dropdown-menu.megamenu .nav-pills .nav-link.active, .dropdown-menu.megamenu .nav-pills .show > .nav-link {
    background-color: #ffffff;
    color: #1f235a !important;
	border-radius: 0px;
	text-align: end;
}
.links-tab, .links-box {
    height: 100%;
}
.links-box {
    padding: 20px 30px;
	border-bottom-right-radius: 30px !important;
}
.links-box ul li {
	border: 0px !important;
}
.links-tab a.nav-link {
    color: #fff !important;
	text-align: end;
}
.links-tab a.nav-link:hover {
    color: var(--primary-btn) !important;
    background: #fff !important;
	border-radius: 0px !important;
}
.links-box ul li a.dropdown-item:hover {
	background: #fff !important;
	color: #ED1C24 !important;
}
.links-box ul li a {
	position: relative;
	display: inline-block;
	width: auto !important;
}
.links-box ul li a:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: .5px;
    background: #ED1C24;
    z-index: 1;
	transition: transform .5s;
	transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);

}
.links-box ul li a:hover:before {
	transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}
.megamenu-inner {
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
	box-shadow: 0px 1px 4px -2px rgb(0 0 0 / 20%);
}
.dropdown-menu.megamenu .nav-pills .nav-link svg {
	margin-left: 10px;
}
.dropdown-menu.megamenu .nav-pills .nav-link.active svg path {
	fill: #1f235a;
}
.dropdown-menu.megamenu .nav-pills .nav-link:hover svg path {
	fill:  #ED1C24;
}
.links-tab button.nav-link {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.links-not-tabs {
	border-bottom-left-radius: 30px !important;
	box-shadow: 0px 1px 4px -2px rgb(0 0 0 / 20%);
}
ul.navbar-nav.ms-auto li.nav-item:first-child .megamenu {
	width: 90% !important;
    left: 0;
    right: 0;
    margin: 0 auto;
}
ul.navbar-nav.ms-auto li.nav-item:nth-child(2) .megamenu , ul.navbar-nav.ms-auto li.nav-item:nth-child(3) .megamenu {
    width: 80% !important;
    left: 0;
    right: 0;
    margin: 0 auto;
}

/*--- navicon css start -----*/

.links-box .tab-pane ul li a.dropdown-item {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}
span.navicon {
    width: 25px;
    height: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}
span.navicon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/*--- navicon css end -----*/

/*----- Mobile tabs css start --------*/

/*--- Hamburger css start-----*/
#nav-icon3 {
	width: 25px;
  height: 25px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
	display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #000;
  border-radius: 20px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 10px;
}

#nav-icon3 span:nth-child(4) {
  top: 20px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/*--- Hamburger css end -----*/

.nw-mbl-menu .tabcontact-btn li {
	text-align: center;
	border: 0px !important;
}
.mobile-nav-menu.nw-mbl-menu .accordion-item {
	border: 0px !important
}
.mobile-nav-menu.nw-mbl-menu .navbar-nav {
	border: 0px !important;
	text-align: left;
	
}
.mobile-nav-menu.nw-mbl-menu .navbar-nav > li > a {
	padding: 20px;
}
.tabcontact-btn li:first-child a {
	background: #1F235A;
	color: #fff !important;
	border-radius: 6px;
	font-size: 14px;
}
.tabcontact-btn li:first-child a.nav-link:hover {
	color: #fff !important;
}
.tabcontact-btn li:last-child a {
	background: #FAF9F6;
	color: #1F235A !important;
	border-radius: 6px;
	font-size: 14px;
	border: 1px solid #1F235A;
}
.tabcontact-btn li:last-child a.nav-link:hover {
	color: #1F235A !important;
}
.nw-mbl-menu .navbar-nav.tabcontact-btn li:not(:last-child) {
	margin-bottom: 15px;
}
.nw-mbl-menu .accordion-button:focus {
	border-color: transparent;
	outline: 0;
	box-shadow: none;
}
.nw-mbl-menu button.accordion-button {
	background: #FAF9F6;
}
.mobile-nav-menu.nw-mbl-menu.show-blk , .mobile-nav-menu.nw-mbl-menu button.accordion-button:not(.collapsed) , .mobile-nav-menu.nw-mbl-menu .accordion-body ul {
	background: #FAF9F6;
	box-shadow: none !important;
}
.mobile-nav-menu.nw-mbl-menu .accordion-body ul li .dropdown-item {
	padding: 10px 24px;
}
.mobile-nav-menu.nw-mbl-menu .accordion-body ul li .dropdown-item:hover {
	color: var(--primary-btn) !important;
	background: #fd0d0d1a !important;
}
.nw-mbl-menu .navbar-nav.tabcontact-btn {
	padding: 15px 15px 15px !important;
}
.mobile-nav-menu.nw-mbl-menu .accordion-button::after {
	transform: rotateZ(270deg) !important;
}
.mobile-nav-menu.nw-mbl-menu .accordion-button:not(.collapsed)::after {
	transform: rotateZ(360deg) !important;
}

.navbar-light .navbar-toggler {
  border: none;
  padding: 0px;
}
.blog-page-link a.nav-link {
	display: flex;
	align-items: center;
}
.blog-page-link a.nav-link svg {
	width: 1.25rem;
	height: 1.25rem;
	margin-left: auto;
	transform: rotateZ(-90deg);
}
.site-header .navbar-nav.blog-page-link > li {
	border-bottom: 0px !important;
}
/*----- Mobile tabs css end --------*/
.ps-static {
	position: static;
}

.get-quote {
    width: 265px;
    padding: 15px;
    background: linear-gradient(97.67deg, #222A41 -9.88%, #163471 91.69%);
    border-radius: 10px;
	position: fixed;
    top: 150px;
    right: -350px;
    z-index: 5;
	transition: all .5s linear;
}
.get-quote a {
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
}
.get-quote p {
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
    line-height: 20px;
	text-transform: capitalize;
}
span.close-quote {
    position: absolute;
    content: "";
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
span.close-quote i {
    font-size: 24px;
    color: #fff;
}
.g-block {
	display: block;
	right: 25px;
}
.g-none {
	right: -350px;
}

/* ----------New Header css end------- */


.hero h1 {
	font-size: 55px !important;
}
section.home-hero h1 + p {
    font-size: 18px !important;
}
.hero h1 + p {
    font-size: 20px !important;
}
.hero-global-adv {
	margin-top: 50px;
	margin-bottom: 0px;
}
p.p-md {
	font-size: 18px;
    line-height: 30px;
}
p.psize-16 {
	font-size: 16px;
    line-height: 30px;
}
.navy-bg {
    background: var(--navy-bg) !important;
}

/*----- 404 page css ---------*/

section.page-not-found img {
    width: 550px;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
    display: block;
    margin-top: 40px;
}
section.page-not-found p a {
	text-decoration: none;
	color: var(--primary-red-clr);
}
/*----- 404 page css ---------*/

/* new footer css */

.whatsapp-logo img {
    position: fixed;
    content: "";
    bottom: 50px;
    right: 30px;
    border-radius: 50%;
	z-index: 1111;
}

.whatsapp-logo a img{
   animation: moveicon 1.8s infinite;
   overflow: hidden;
   }
   @keyframes moveicon{
	   0% ,100%{
	   opacity: 1;
       transform: scale(1, 1);
	   }
	   50%{
	   opacity: 1;
       transform: scale(1.3, 1.3);
	   }
   }
   
 /* ------ Call icon animation start--------*/
.call__wrapper {
	width: 250px;
    height: auto;
	position: fixed;
	top: 50%;
	right: -250px;
	z-index: 1;
	transform: translateY(-50%);
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	display: none;
}
.call__wrapper__inner {
  width: 100%;
  height: 100%;
  background: #171717;
  padding: 25px;
  position: relative;
  color: #fff;
}
.call__wrapper__inner h5 {
	color: #fff;
}
.call__inner__img {
	position: absolute;
	content: "";
	top: 38%;
	left: -50px;
	width: 50px;
	height: 50px;
	background: #171717;
	text-align: center;
	line-height: 50px;
	transform: translateY(-38%);
	animation: shake 4.72s ease infinite;
	transform-origin: 50% 50%;
}

@keyframes shake {
   0% { transform:translate(0,0) }
  1.78571% { transform:translate(5px,0) }
  3.57143% { transform:translate(0,0) }
  5.35714% { transform:translate(5px,0) }
  7.14286% { transform:translate(0,0) }
  8.92857% { transform:translate(5px,0) }
  10.71429% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}
.call__inner__img:hover {
  cursor: pointer;
}
.call__inner__img i {
  font-size: 40px;
  color: #fff;
}
.call__wrapper__inner ul {
  padding-left: 0px;
  margin-left: 0px;
}
.call__wrapper ul li {
	list-style: none;
}
.call__wrapper ul li:first-child {
	border-bottom: 1px solid rgba(255,255,255,0.4);
    padding: 10px 0;
}
.call__wrapper ul li:last-child {
	padding-top: 10px;
}
.call__wrapper ul li a {
  text-decoration: none;
  color: #fff;
}
.call__wrapper ul li a img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  margin-right: 10px;
}
.call-slide {
	right: 0 !important;
}


/* ------ Call icon animation end--------*/ 
.back-to-top {
    cursor: pointer;
    position: fixed;
    right: 10px;
    bottom: 10px;
    text-align: center;
    background-color: #000;
    color: #fff;
    font-size: 20px;
    padding: 0;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    display: none;
} 


.footer-logo {
    width: 240px;
}
footer .footer-links p {
    color: #BBBDCD;
}
footer ul.social-links {
    display: flex;
    padding-left: 0px;
}
footer ul.social-links li:not(:last-child) {
    margin-right: 20px;
}
footer ul.social-links li svg:hover path {
    fill: var(--primary-btn) !important;
}
footer .footer-nav h5 , footer .footer-nav .h5 {
	margin-bottom: 40px;
	color: #fff;
}
footer.site-footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
footer.site-footer ul .nav-link {
	padding-left: 0px;
	color: #BBBDCD;
	padding-top: 0px;
    padding-bottom: 18px;
}
footer.site-footer ul li a {
    transition: 0.5s all;
	display: inline-block;
	color: #BBBDCD;
	padding-bottom: 18px;
}
footer.site-footer ul li a:hover {
    color: var(--primary-btn);
}
ul.contact-num li a {
    display: flex !important;
    align-items: center;
}

.contact-num a {
	color: #BBBDCD;
	text-decoration: none;
	font-weight: normal !important;
}
.contact-num p{
    color: #BBBDCD;
}
.contact-num svg path{
    stroke: #BBBDCD;
}

ul.contact-num li svg ,ul.contact-num li img {
    margin-right: 8px;
}
ul.contact-num li img {
    width: 28px;
}
footer .copyright-wrapper {
    border-top: 1px solid #BBBDCD;
}
footer .copyright-wrapper a {
    text-decoration: none;
    color: #BBBDCD;
	transition: .5s all;
}
footer .copyright-wrapper a:hover {
    color: var(--primary-btn);
}
footer .copyright-wrapper p {
    font-size: 16px;
	color: #BBBDCD;
}

/*--------- Blog slider css start ----------------*/

.latest-blog-block {
  border-radius: 20px;
  box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 6px rgb(18 17 39 / 10%);
}

.latest-blog-block-img img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.latest-blog-block-img {
    height: 170px;
    width: 100%;
}
.latest-blog-block-content {
  padding: 20px;
  background: #fff;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.latest-blog-block-content h6 , .latest-blog-block-content .h6 {
    text-transform: uppercase;
    font-weight: 500;
    color: rgb(70 70 70 / 90%);
}
.latest-blog-block-content p {
    line-height: 26px;
	margin: 15px 0px !important;
}
.latest-blog-block-content a {
  text-decoration: none;
  color: #F83D3D;
}
.latest-blog-block-content a svg {
    margin-left: 3px;
	margin-top: -2px;
}
.latest-blog-block-content a svg path {
	fill: #F83D3D;
}
.latest-blog-block-content a:hover {
  color: #F83D3D;
}
.latest-blog-block-content a:hover svg path {
	fill: #F83D3D;
}
.latest-blog-block-content a:hover svg {
    margin-left: 8px;
    transition: .2s all linear;
}
.blog-slider .owl-stage-outer {
  padding: 10px 0px;
}
.blog-slider .owl-nav button {
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
}
.blog-slider .owl-nav button:hover {
	background: #ED1C24;
}
.blog-slider .owl-nav button:hover svg path {
	stroke: #fff;
}
.blog-slider .owl-nav button.owl-prev {
  position: absolute;
  content: "";
  top: 50%;
  left: -80px;
  transform: translateY(-50%);
}
.blog-slider .owl-nav button.owl-next {
  position: absolute;
  content: "";
  top: 50%;
  right: -80px;
  transform: translateY(-50%);
}

/*--------- Blog slider css end ----------------*/

/*----------- Start form css start -----*/

.start-form {
	position: relative;
}
section.start-form .row.justify-content-center.g-0 {
    border-radius: 20px;
    box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 10%);
}
.start-form-img {
  width: 100%;
}
.start-form::before {
  width: 100%;
  height: 200px;
  position: absolute;
  content: "";
  bottom: 0;
  background: var(--navy-bg);
  left: 0;
  z-index: -1;
}
.start-form-content {
  background: #fff;
  padding: 40px 60px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.start-form-content h2 {
  font-size: 45px;
  line-height: 60px;
  color: var(--primary-txt-clr);
  text-transform: capitalize;
}

.start-form-img img {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  width: 100%;
  height: 100%;
  display: none;

}
.start-form .col-md-5.order_1.d-flex {
    background: url(../images/ios-developments/start-form-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.start-form input.btn.primary-btn {
  background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
  transition: 0.5s;
  position: relative;
  overflow: hidden;
  background-size: 200% auto;
  padding: 5px 10px;
  display: none;
}

.start-form input.btn.primary-btn:hover {
	background-position: right center;
}
.start-form-content form .form-control {
  color: var(--primary-txt-clr);
  background: transparent;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding-left: 0px;
  border-color: var(--primary-txt-clr) !important;
  opacity: 0.5;
}
.start-form-content form textarea.form-control {
  resize: none;
  height: 0px;
}
.start-form-content form .form-control:focus {
  box-shadow: none;
}
.start-form-content form .form-control::placeholder {
  color: var(--primary-txt-clr);
  font-size: 15px;
}
.start-form-content .card {
    background: transparent;
	border: none;
}
.start-form-content .card-body {
	padding: 0px;
	background: transparent !important;
}
.start-form-content form label {
    display: none;
}
.start-form-content form button.btn.btn-primary {
    padding: 7px 26px;
    border: none;
	background-image: linear-gradient(to right,#ce272e 0%,#ff8a12 50%,#d2303b 100%) !important;
    transition: .5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto !important;
	font-size: 16px;
    font-weight: normal;
}
.start-form-content form .col-md-6.mb-3 , .start-form-content form .col-md-12.mb-3 {
	margin-bottom: 2rem !important;
}
.start-form-content form button.btn.btn-primary:hover {
    background-position: right center !important;
}
.start-form-content form .col-md-12.text-center.mt-4 {
    text-align: left !important;
}

/*----------- Start form css end -----*/

/*  ---------- kickstart section css start ----------*/
section.section-kickstart .start-development-block {
    border-radius: 0px;
    padding: 0px !important;
}

/*  ---------- kickstart section css end ----------*/

.process_sec .button-white.outline {
    border-radius: 10px;
}

.process_sec .button-white.outline svg {
    border-radius: 50%;
    animation: pulso_w 2s infinite ease;
}

.process_sec .button {
    padding: 16px;
    font-weight: 700;
    transition: all .3s ease;
    display: inline-flex;
    gap: 20px;
    align-items: center;
    transition: all .3s ease;
}

.process_sec .button-black:hover path {
    fill: currentColor;
}

.process_sec .button-black.outline {
    color: #000;
    background-color: transparent;
    border: 1px solid #000;
}

.process_sec .button-black.outline:hover {
    color: #fff;
    background-color: #000;
}
.process_sec .button-white.outline:hover svg {
    color: #000;
}
.process_sec .button-white.outline {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
}

.process_sec .button-white.outline:hover {
    color: #000;
    background-color: #fff;
}


@media (min-width: 1200px) {
    .process-sec-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
}

@keyframes pulso_w {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}


/*-------------- Home , ecommerce page css start -----------------*/

.fw-semi{
    font-weight: 600;
}

.negtive-mb-30{
    margin-bottom: -30px;
}

.ecommerce-card__blk.shadow.border-radius {
	padding: 30px 26px;
    width: 100%;
}

.ecommerce-card .col-md-3{
    display: flex;
}

.section__subheading{
    margin-bottom: 10px;
	color: var(--primary-txt-clr);
}

.ecommerce-soluions{
    margin-bottom: -30px;
}

.ecommerce-soluions .col-md-4{
    margin-bottom: 30px;
}

.ecommerce-soluions__blk {
	position: relative;
	padding: 0 20px;
}

.ecommerce-soluions__blk::after {
	width: 1px;
	height: 50%;
	background: #737373;
	content: "";
	position: absolute;
	/* left: 0; */
	opacity: .40;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.ecommerce-soluions_cols > div:nth-child(3n+3) .ecommerce-soluions__blk::after{
    display: none;
}

.call-action__inner {
	background: #1F235A;
	border-radius: 10px;
    position: relative;
}

.call-action__inner img{
    position: absolute;
    top: -25px;
}

.call-action__inner h4 ,  .call-action__inner .h4{
	padding-left: 200px;
	padding-right: 150px;
}

.choose-pt{
    padding-top: 80px;
}

.choose-us__blk {
	box-shadow: 0px 2px 4px 0px #0E567C2A;
	padding: 35px 35px 19px 35px;
	border-radius: var(--border-radius);
}

.choose-us__blk:not(:last-child){
    margin-bottom: 30px !important;
}




.choose-us__img {
	width: 116px;
	height: 116px;
}

.choose-us__img img{
	width: 116px;
	height: 116px;
	object-fit: cover;
	border-radius: 10px;
}

.choose-us__content {
	width: calc(100% - 116px);
	padding-left: 48px;
}


.ecommerce-features.spacer {
	background: #F7F8FA;
}

.ecommerce-features__blk {
	border-radius: 10px;
	background: #fff;
	border: 1px solid #E2E4E8;
	padding: 20px;
	margin-bottom: 30px;
}

.platform__box {
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
    padding: 30px;
}

.platform__box .owl-item img {
	display: block;
	width: 60px;
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center !important; */
}

.platform__box--one{
    background-color:#F1A03F; 
}

.platform__box--two{
    background: #E8642E;
}

.platform__box--three{
    background: #007095;

}

.platform__box--four{
   background: #ABD4E4;

}

.platform__box--five{
    background: #1DD05D;

}

.platform__box--six{
  background: #CC3A43;

}

.platform__box--seven{
   background: #4D588E;

}

.platform__box--eight{
  background: #2ABCE8;
}

.portfolio__inner {
	padding: 80px;
	box-shadow: 0px 12px 34px 0px #413E651A;
}

.portfolio img {
	width: auto !important;
	margin: 0 auto;
}

.portfolio button{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(270deg, #ED8A3E -7.89%, #F7413D 80%) !important;
}

.portfolio .owl-nav button {
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
}

.portfolio .owl-nav button.disabled{
    opacity: 0.2;
}

.portfolio .owl-nav button.owl-prev{
    left: 0;
}

.portfolio .owl-nav button.owl-prev svg {
	transform: rotateY(-180deg);
}

.portfolio .owl-nav button.owl-next{
    right: 0;
}

/*  ------- new ecommerce page css start ---------- */

.section-ecommerce {
	background: url(../images/ecommerce-images/ecommerce-bnr.jpg) rgb(34 42 65 / 80%) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.marketing-bg {
	background: #ffd5de;
}
.manufacturing-bg {
	background: #ffe76866;
}
.retail-bg {
	background: #ffc38b66;
}
.ecommerce-create .app__blk .contents {
	padding-bottom: 0px;
}


/*  ------- new ecommerce page css end ---------- */

/* ANDROID page css */


.listing__inner {
	border: 1px solid #EAE9F2;
	background: #fff;
	border-radius: 10px;
	padding: 14px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
	align-items: center;
	justify-content:   center;
}

.listing__inner h5 , .listing__inner .h5{
	padding-left: 15px;
    margin-bottom: 0;
}

.listing-spacer{
    margin-left: 60px;
}

.listing-counter{
 counter-reset: section;
}

.listing-counter > li {
	position: relative;
	padding-left: 50px;
	margin-bottom: 40px;
}

.listing-counter > li::before {
	counter-increment: section;
	content: counter(section);
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: linear-gradient(180deg, #ED1C24 0%, #ED8A3E 100%);
	position: absolute;
    left: 0;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	line-height: 38px;
}

/* see more review section */

#section-more-review img{
    max-width: 160px;
    transition: all .2s linear;
    margin-bottom: 10px;
}

#section-more-review img:hover{
    transform: scale(1.1);
}

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

.gallery > div {
	width: calc(100% / 2 - 20px);
	margin: 8px;
}

.gallery__rt{
    padding-top: 20px;
}

.gallery img {
	border-radius: 8px;
	margin-bottom: 15px;
    width: 100%;
}



/*-- CUSTOM STYLE START 13/05/22 --*/




.hero-heading {
    color: var(--primary-txt-clr);
    font-size: 3.438rem;
}
.special-char {
    color: var(--primary-red-clr);
}
.hero-heading .special-char {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 10px;
	display: inline-block;
}
.hero-heading .special-char::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 24px;
	background: url(../images/ios-development/special-line.svg) center center / contain no-repeat;
}

.hero-banner-list {
	display: grid;
	grid-auto-columns: 1fr;
	grid-column-gap: 40px;
	grid-row-gap: 20px;
	grid-template-columns: 1fr 1fr;
    list-style: none;
    padding-left: 0px;
}


.hero-banner-list li {
	position: relative;
	padding-left: 40px;
	font-size: 18px;
}
.hero-banner-list li::before {
	position: absolute;
	top: 50%;
	left: 0;
	background: url(../images/ios-development/check-tick.svg) center center;
	content: "";
	background-repeat: no-repeat;
	background-size: 14px;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background-color: var(--primary-red-clr);
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.service-block {
	background-color: var(--bg-white);
	padding: 35px 30px;
	border-radius: 10px;
	height: 100%;
	transition: all .5s linear;
}
section.service-provide .row .col-md-6:first-child .service-block:hover {
    background: #2CA88F;
}
section.service-provide .row .col-md-6:nth-child(2) .service-block:hover {
    background: #f04037;
}
section.service-provide .row .col-md-6:nth-child(3) .service-block:hover {
    background: #ec963f;
}
section.service-provide .row .col-md-6:last-child .service-block:hover {
    background: #05a9dd;
}
section.service-provide .service-block:hover span {
	background: #fff !important;
}
section.service-provide .row .col-md-6 .service-block:hover h4 , section.service-provide .row .col-md-6 .service-block:hover p {
	color: #fff;
}
.service-block-content {
	margin-top: 20px;
}
.section-intro h2 {
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 42.19px;
}
.service-block-content h4 , .service-block-content .h4 {
	text-transform: capitalize;
	margin-bottom: 15px;
	font-weight: 500;
}
.service-block:hover .service-block-content h4 , .service-block:hover .service-block-content .h4 {
	color: #fff;
}




/* EDUCATION PAGE CSS START */

.custom-image-border-radius{
	border-radius: 10px;
}

.orange-color{
	background-color: #ED8A3E;
}

.img-section {
    position: relative;
}



.project-discussion{
    position: absolute;
    right: 0%;
    top: 40%;
    padding: 20px;
    color: #fff;
    border-radius: 10px;
    max-width: 220px;
    text-align: left;
	font-size: 16px;
	width: 100%;
	z-index: 2;
}

.details {
    display: flex;
}

.details span.text{
	width: calc(100% - 30px);
}

.details .icon{
    width: 30px;
	height: 30px;
	border-radius: 100%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.details .icon i{
	color: #222A41;
}

.mobile-app-development-soluions__blk img{
	box-shadow:  12px 34px 30px rgba(65, 62, 101, 0.102519);
}


.clutch-reviews video{
	width: 100%;
	object-fit: cover;
	height: 400px;
}
.learning-solutions{
	background-color: #222A41;
}

.app__blk{
	border: 1px solid #222A41;
	border-radius: 10px;
	padding: 50px 30px;
	width: 100%;
}

.app__blk h5{
	margin-top: 10px;
	margin-bottom: 0px;
}

.development-solutions .project-discussion{
	left: 0;
	right: inherit;
	background-color: #F04037;
	width: 250px;
	max-width: 250px;
}

.development-solutions .project-discussion .icon{
	background-color: #222A41;
}

.development-solutions{
	background-color: #FBFBFB;
}


.specific-requirements-bg {
	position: relative;
	padding-bottom: 30px;
}

.specific-requirements-bg:before {
	content: "";
	position: absolute;
	width: 80%;
	right: 0;
	top: 0;
	bottom: 0;
	height: 85%;
	background-color: #222A41;
	border-radius: 20px 0px 0px 20px;
}




.specific-requirements-bg .service-block{
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.14);
}

.specific-requirements-bg .row [class*="col-"]:nth-child(even){
  margin-top: 100px;
  margin-bottom: 20px;
}

.service-provide .service-block{
	box-shadow: 0px 3px 20px -8px rgb(41 47 83 / 15%);
}

.bg-brown{
	background: #E43037;
}

.bg-skyblue{
	background: #49BDD6;
}

.bg-skyblue-dark{
	background: #00D8FF;
}

.bg-purple-color{
	background: #4885EF;
}

.bg-brown-light{
	background: #E7372F;
	
}

.bg-blue-dark{
	background: #1066A9;
}

.bg-blue-light{
	background: #3293D4;
}

.bg-red{
	background: #DD0031;
}

.platform__box{
	width: 120px;
	height: 120px;
}

/* EDUCATION PAGE CSS END */

/*-- HOME PAGE STYLE START 18/05/22 --*/

.home-hero {
	background: url(../images/hero-bg-new.webp) top center/cover no-repeat;
	padding: 8rem 0 !important;
	position: relative;
}
.home-hero::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(90deg, rgba(34,42,65,0.8) 0%, rgba(34,42,65,0) 100%);
	z-index: 0;
}
.mouse-wheel {
	display: block;
	width: 26px;
	height: 38px;
	border: 1px solid #fff;
	border-radius: 14px;
	position: absolute;
	left: calc(50% - 540px);
	top: 90%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.mouse-wheel span {
	width: 7px;
	height: 20px;
	display: block;
	background: url(../images/home/wheel-icon.svg) center center/contain no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-animation: ani-mouse 1.5s linear infinite;
	animation: ani-mouse 1.5s linear infinite;
}

@-webkit-keyframes ani-mouse {
    0% {
        opacity:1;
        top:29% 
    }
    15% {
        opacity:1;
        top:50%
    }
    50% {
        opacity:0;
        top:50%
    }
    100% {
        opacity:0;
        top:29%
    }
}
@keyframes ani-mouse {
    0% {
        opacity:1;
        top:29%
    }
    15% {
        opacity:1;
        top:50%
    }
    50% {
        opacity:0;
        top:50%
    }
    100% {
        opacity:0;
        top:29%
    }
}
/*  ---------- Home css start 19 may 2022 ------------ */
.home-lft-align .service-block {
    text-align: left !important;
}
.home-lft-align .service-block .service-img {
	margin-left: 0px;
}
.home-lft-align .service-block p {
	font-size: 15px;
	line-height: 28px;
}
.section-services.home-service .service-block {
  background: #FFFFFF;
  border: 1.5px solid rgba(35, 34, 65, 0.18);
  border-radius: 10px;
  text-align: center;
}
.section-services.home-service .service-block {
  position: relative;
  overflow: hidden;
  transition: all .5s ease-in-out;
  z-index: 1;
}
.section-services.home-service .service-block:before {
	position: absolute;
	content: "";
	width: 150px;
	height: 70px;
	border-radius: 50px;
	background: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	top: 0;
	right: -70px;
	transform: rotateZ(-20deg);
	opacity: .2;
	transition: transform .8s;
}
.section-services.home-service .service-block:hover::before {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	right: -30px;
    transform: scale(1.2);
}
.section-services.home-service .service-block:after {
	position: absolute;
	content: "";
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: -60px;
	left: -60px;
	opacity: .2;
	transition: transform .8s;
	z-index: -1;

}
.section-services.home-service .service-block:hover::after {
  transform: scale(1.8);
}
.service-img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.section-services.home-service .row:last-child .col-lg-4:first-child .service-img {
	background: #EDF4D7;
}
.section-services.home-service .row:last-child .col-lg-4:nth-child(2) .service-img {
	background: #eee;
}
.section-services.home-service .row:last-child .col-lg-4:nth-child(3) .service-img {
	background: #EAEAF7;
}
.section-services.home-service .row:last-child .col-lg-4:nth-child(4) .service-img {
	background: #E2F6F2;
}
.section-services.home-service .row:last-child .col-lg-4:nth-child(5) .service-img {
	background: #FDECEB;
}
.section-services.home-service .row:last-child .col-lg-4:last-child .service-img {
	background: #E2F3F8;
}
.section-services.home-service .service-block:hover {
  background: linear-gradient(red , black);
}
.section-services.home-service .service-block:hover .service-img img {
	  transform: scale(1.2);
}
.section-services.home-service .row:last-child .col-lg-4:first-child .service-block:hover {
  background: linear-gradient(#a4c639 102%, #EDF4D7);
}
.section-services.home-service .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
  background: linear-gradient(#161b2c 102%, #fff);
}
.section-services.home-service .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
  background: linear-gradient(#6b6bed 102%, #EAEAF7);
}
.section-services.home-service .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
  background: linear-gradient(#2ca88f 102%, #E2F6F2);
}
.section-services.home-service .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
  background: linear-gradient(#f04037 102%, #FDECEB);
}
.section-services.home-service .row:last-child .col-lg-4:last-child .service-block:hover {
  background: linear-gradient(#05a9dd 102%, #E2F3F8);
}
.section-services.home-service .service-block:hover .service-img {
	background: #fff !important;
}
.section-services.home-service .service-block:hover h4 , .section-services.home-service .service-block:hover .h4 , .section-services.home-service .service-block:hover h5 , .section-services.home-service .service-block:hover .h5 , .section-services.home-service .service-block:hover p {
	color: #fff;
}
.section-services.home-service .service-block:hover svg path {
	stroke: #fff;
}
.section-services.home-service .service-block a {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.tech-block-content {
  text-align: center;
  margin-top: 25px;
}
.tech-block-content h5 {
    font-weight: normal;
}
.tech-block-img {
  width: 100%;
  height: 100px;
}
.tech-block-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tech-slider .owl-dots {
    text-align: center;
    margin-top: 15px;
}
.tech-slider button.owl-dot {
    width: 10px;
    height: 10px;
    background: #dadada !important;
    border-radius: 50%;
    margin-right: 10px;
}
.tech-slider button.owl-dot.active {
	background: #ED1C24 !important;
}

.ourclient-slider .owl-stage-outer {
  padding: 10px 0px;
}
.our-client-block {
  display: flex;
  border: 1px solid #eee;
  border-radius: 20px;
  box-shadow: 0px 5px 6px rgba(0,0,0,.15);
}

.our-client-block-img {
  width: 40%;
  position: relative;
  overflow: hidden;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.our-client-block-img img {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.our-client-block-content {
	width: 60%;
	padding: 60px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
button.btn.client-play-btn img {
    width: 120px;
    height: 120px;
}
.client-profile-img {
  width: 60px;
  height: 60px;
}
.client-profile-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}
.client-profile {
  display: flex;
  align-items: center;
}
.client-profile-detail {
  margin-left: 15px;
}
.btn.client-play-btn {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
}
.btn.client-play-btn:focus {
  box-shadow: none;
}
.our-client-block-img::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.our-client-block-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.client-video-wrapper .modal-dialog {
  max-width: 750px;
}
.ourclient-slider .owl-nav button {
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
}
.ourclient-slider .owl-nav button:hover {
	background: #ED1C24;
}
.ourclient-slider .owl-nav button:hover svg path {
	stroke: #fff;
}
.ourclient-slider .owl-nav button.owl-prev {
  position: absolute;
  content: "";
  top: 50%;
  left: -80px;
  transform: translateY(-50%);
}
.ourclient-slider .owl-nav button.owl-next {
  position: absolute;
  content: "";
  top: 50%;
  right: -80px;
  transform: translateY(-50%);
}
.client-profile {
	display: none;
}

.value-for-money {
  /* background: url(../images/home/value-bnr1.png) #1F235A; */
  background: #1F235A;
  background-repeat: no-repeat;
  background-size: cover;
}
.value-font {
  font-size: 50px;
  letter-spacing: 2px;
  font-weight: 700;
}
.value-box ul {
  display: flex;
  justify-content: center;
  margin-bottom: 0px;
  padding-left: 0px;
}
.value-box ul li {
	list-style: none;
}
.value-box ul li {
  border-right: 1px solid #ffffff36;
  padding: 0px 5%;
}
.value-box ul li:last-child {
	border-right: 0px;
}
.value-box span {
  padding-bottom: 2px;
  border-bottom: 3px solid #fff;

}
.value-box p {
  font-size: 20px;
  margin-top: 10px;
}
span.counter-text:after {
	position: absolute; 
    content: "+";
}

.counter-01 {
  background-color: #FDECEB;
}
.counter-02 {
  background-color: #E2F6F2;
}
.counter-03 {
  background-color: #FBF3E2;
}
.counter-04 {
  background-color: #F7E5FF;
}
.counter-05 {
  background-color: #E7EEFF;
}
.counter-06 {
  background-color: #E2F3F8;
}
.counter-07 {
  background-color: #DDEDFF;
}
.counter-08 {
  background-color: #DBFFD8;
}
.steps__blk:hover span.counter-01 + div h5 {
    color: #f04037;
}
.steps__blk:hover span.counter-02 + div h5 {
    color: #06a787;
}
.steps__blk:hover span.counter-03 + div h5 {
    color: #feba38;
}
.steps__blk:hover span.counter-04 + div h5 {
    color: #cd5eff;
}
.steps__blk:hover span.counter-05 + div h5 {
    color: #1355ff;
}
.steps__blk:hover span.counter-06 + div h5 {
    color: #24c5f9;
}
.steps__blk:hover span.counter-07 + div h5 {
    color: #2d87ea;
}
.steps__blk:hover span.counter-08 + div h5 {
    color: #28b01d;
}


.innovation-content {
  background: #0054AE;
  width: 100%;
  height: 100%;
  padding-left: 100px;
  padding-right: 100px;
  position: relative;
}
.innovation-content::before {
  position: absolute;
  content: "";
  top: 30%;
  right: -15%;
  width: 350px;
  height: 350px;
  background: #004288;
  border-radius: 50%;
  transform: translateY(-30%);
}
.innovation-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.innovation-main-heading {
  position: absolute;
  content: "";
  top: 35%;
  right: 0;
}
.innovation-projects {
  position: absolute;
  content: "";
  bottom: 10%;
  width: 75%;
}
.innovation-slider .owl-nav svg path {
	stroke: #fff;
}
.innovation-slider .owl-nav {
	position: absolute;
	bottom: 20px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	color: #fff;
	padding: 0px 20px;
}
.innovation-projects a:hover {
  border-bottom: 1px solid #fff;
}
.form-ios {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
	width: 100%;
    margin-left: auto;
}
.form-ios .card {
    border: none;
}
.form-ios .card-body.card-bg-btm {
    padding: 0px;
}
.form-ios .container {
    padding: 0px;
}
.form-ios h2 {
    margin-bottom: 10px !important;
	font-size: 30px;
    letter-spacing: 1px;
}
.form-ios p {
    color: #464646 !important;
	font-size: 16px !important;
}
.form-ios .col-md-6 {
	width: 100%;
}
.form-ios label {
    display: none;
}
.form-ios input.form-control {
    border: none;
    background: #F4F4F4;
	height: 50px;
}
.form-ios textarea.form-control {
    border: none;
    background: #F4F4F4;
	height: 70px;
	resize: none;
}
.form-ios .form-control:focus {
	box-shadow: none;
}
.form-ios .form-control::placeholder {
	font-size: 14px;
}
.form-ios .btn.btn-primary {
	background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto !important;
	border: none;
	min-width: 170px !important;
    padding: 10px 20px;
	margin-top: -25px;
}
.form-ios .btn.btn-primary:hover {
	background-position: right center !important;
}

/*-------------- Home , ecommerce page css end -----------------*/

/*-------------- IOS , Android page css start -----------------*/

.section-ios-bg {
  background: url(../images/ios-developments/banner-ios.webp) rgb(34 42 65 / 80%);
  background-blend-mode: overlay;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-ios-bg .hero-heading , .section-ios-bg p , .hero-banner-list li{
	color: #fff;
}
.ios-gallery {
    position: relative;
}
.ios-gallery img {
  border-radius: 15px;
  margin-bottom: 25px;
  width: 100%;
}
.ios-gallery-content {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  padding: 20px;
  width: 75%;
}
.ios-gallery-content p {
  color: #282424;
}
.ios-gallery-content a {
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ios-gallery-content a:hover svg path {
  fill: #F83D3D;
}
.ios-gallery-content a:hover {
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
}
.btn.casestudies-btn {
  color: #F83D3D !important;
  border: 1px solid #F83D3D;
  border-radius: 5px;
  padding: 10px 20px;
}
.section-testimonial {
  background: url(../images/ios-developments/testimonial-bg.jpg) #7e7e7e;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: overlay;
}
.testimonial-block {
  background: #000;
  width: 100%;
  height: 100%;
  text-align: center;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.playpause {
    background-image:url(../images/ios-developments/play-btn.svg);
    background-repeat:no-repeat;
    width:60px;
    height:60px;
    position:absolute;
    right:5%;
    bottom:5%;
    margin:auto;
    background-size:contain;
    background-position: center;
	cursor: pointer;
}
.back-to-top {
	z-index: 1;
}
.section-services.go-global {
  background: url(../images/ios-developments/global-bnr.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.global-service-block {
  border-radius: 10px;
  position: relative;
}
.global-service-block-img img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-radius: 10px;
}
.global-service-block-content {
  padding: 20px;
  background: #34477E;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  transition: .5s all ease-in-out;
}
.global-service-block-content h4 , .global-service-block-content .h4 {
	color: #fff;
}
.global-service-block-content p {
  display: none;
}
.global-service-block:hover .global-service-block-content p {
	display: block
}
.global-service-block:hover .global-service-block-content {
	background: #fff;
	height: auto;
}
.global-service-block:hover .global-service-block-content h4 , .global-service-block:hover .global-service-block-content .h4 {
	color: var(--primary-txt-clr);
}
.global-service-block-content {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 11;
  height: 90px;
}
.global-slider .owl-nav {
  position: absolute;
  content: "";
  bottom: 15px;
  right: 35px;
  background: #fff;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.global-slider .owl-nav button:hover svg path:last-child {
	stroke: #F83D3D;
}
.why-choose-us-blk .row .col-md-6:first-child {
	background: url(../images/ios-developments/why-choose-img.jpg);
	background-size: cover;
	padding: 350px 80px;
	padding-left: 80px;
	background-position: center;
}
.why-choose-us-blk .row .col-md-6:last-child {
	padding-right: calc(50% - 650px) !important;
}
.start-development-block {
  width: 100%;
  border-radius: 10px;
  padding: 30px 20px;
}
.border-gradient {
    background-image: linear-gradient(#ED1C24 -24%, transparent 96%);
    position: relative;
    z-index: 1;
}

.border-gradient::before {
  content: '';
  display: block;
  background-color: white;
  position: absolute;
  border-radius: 5px;
  height: 95%;
  width: 99%;
  z-index: -1;
  left: 5px;
  right: 0;
  bottom: 7px;
}
.intro ul li {
	line-height: 40px;
	font-weight: 500;
	font-size: 18px;
    color: var(--primary-txt-clr);
}

/*-------------- IOS , Android page css end -----------------*/

/*-------------- Education page css Start -----------------*/

.section-education-bg{
    background: url(../images/education-images/education-hero-bg.webp) rgb(34 42 65 / 80%);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .section-education-bg .hero-heading , .section-education-bg p , .hero-banner-list li{
      color: #fff;
  }
   section.hero.section-education-bg .hero-banner-list li, section.hero.section-education-bg h1 + p {
    font-size: 18px !important;
}

  .img-section figure{
    position: relative;
    display: inline-block;
	z-index: 1;
  }


  .img-section figure::after {
    content: "";
    position: absolute;
    left: 30px;
    top: 30px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    z-index: -2;
    background-image: linear-gradient(transparent 10%, #ED8A3E 96%);
}

.img-section figure::before {
    content: "";
    position: absolute;
    left: 37px;
    top: 45px;
    width: 97%;
    height: 100%;
    z-index: -1;
    background-color: #fff;
    border-radius: 10px;
    right: 0;
    margin: auto;
    bottom: 0px;
}

.clutch-reviews{
    background-color: #F8F8FF;
}

.app__blk{
    border:none !important;
    border-radius: 10px;
	overflow: hidden;
}

.app__blk .bottom-img{
    width: 100%;
    max-height: 400px;
    /* border-radius: 0px 0px 10px 10px; */
	height: 100%;
}

.app__blk .contents{
    padding: 50px;
}

.app__blk h4 , .app__blk .h4 {
	margin-top: 15px;
	margin-bottom: 10px;
}
.app__blk p {
    letter-spacing: 0.5px;
}

.app__blk a{
    margin-bottom: 30px;
	color: #000;
	font-weight: 500;
	text-decoration: none;
    border-bottom: 1px solid #000;
    display: inline-flex;
}
.app__blk a:hover {
    color: #f83d3d;
	border-color: #f83d3d;
}
.app__blk a i {
    margin-left: 5px;
}

.ebook-bg{
    background-color: #eb63831f;
}

.puzzle-bg{
    background-color: #26e7a11a;
}

.puzzle-bg .bottom-img{
    margin-left: 8%;
	border-top-left-radius: 10px !important;
}

.online-study-bg{
    background-color: #ffc38b24;
}

.learning-solutions {
	position: relative;
	overflow: hidden;
}
section.learning-solutions:before {
    position: absolute;
    content: "";
    width: 490px;
    height: 197px;
    border-radius: 51%;
    background: #979797;
    opacity: .3;
    top: -17%;
    right: -18%;
}
.learning-solutions:after {
    position: absolute;
    content: "";
    width: 100%;
    background: url(../images/education-images/white-curve.png);
    bottom: -1px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    height: 100px;
}
section.specific-requirements , .service-provide {
    background: url(../images/education-images/yellow-dottedline.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 110% 215px;
}
.education-services .service-block {
    display: flex;
	align-items: center;
    border: 1px solid #eee;
    padding: 20px 30px;
	transition: all .5s linear;
}
.education-services .service-block-content {
	margin-top: 0px;
	width: calc(100% - 90px);
}
.education-services .service-block-content p {
    line-height: 28px;
}
.education-services .service-block img {
    background: red;
    width: 75px;
    height: 75px;
    object-fit: none;
    border-radius: 10px;
	margin-right: 15px;
}
.education-services .col-md-6:first-child .service-block img {
	background: #FF926B;
}
.education-services .col-md-6:nth-child(2) .service-block img {
	background: #EB6383;
}
.education-services .col-md-6:nth-child(3) .service-block img {
	background: #48B48D;
}
.education-services .col-md-6:last-child .service-block img {
	background: #FFC38B;
}
.education-services .service-block:hover {
    box-shadow: 0px 8px 15px rgb(0 0 0 / 15%);
}
.work-transparency .swiper {
	width: 100%;
	height: 100%;
	padding-bottom: 50px;
}
.work-transparency .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.work-transparency .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.work-transparency .swiper-scrollbar {
    opacity: 1 !important;
}
.work-transparency .swiper-scrollbar-drag {
	background: #ec1c24 !important;
}
.work-transparency .swiper-item {
    text-align: left;
	position: relative;
}
.work-transparency .swiper-item span {
    width: 116px;
    height: 116px;
    border: 2px solid rgba(34, 42, 65, 0.05);
    display: block;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.work-transparency .swiper-item:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/education-images/arrow-dashed.svg);
    background-repeat: no-repeat;
    background-position: 135px 50px;
}
.work-transparency .swiper-item h5 , .work-transparency .swiper-item .h5 {
    margin-top: 30px;
    margin-bottom: 15px;
}
.work-transparency .swiper-slide.swiper-slide-active span {
    background: #ED1C24;
    box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.03);
}
.work-transparency .swiper-slide.swiper-slide-active span svg path {
	fill: #fff;
}
.work-transparency .swiper-item p {
    font-size: 16px;
}
.section-kickstart {
	width: 100%;
	height: 100%;
	background: url(../images/education-images/kickstart-banner.webp) #222A41;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    opacity: 80%;
	padding: 100px 0px;
}
.service-provide .service-block span {
    width: 80px;
    height: 80px;
    background: #E2F6F2;
    display: block;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.service-provide .col-md-7 .row .col-md-6:nth-child(2) .service-block span {
	background: #FDECEB;
}
.service-provide .col-md-7 .row .col-md-6:nth-child(3) .service-block span {
	background: #ffe3c6;
}
.service-provide .col-md-7 .row .col-md-6:last-child .service-block span {
	background: #E2F3F8;
}
section.service-provide {
    position: relative;
	overflow: hidden;
}
section.service-provide:before {
	position: absolute;
	content: "";
	width: 265px;
	height: 265px;
	background: #EAF3FE;
	border-radius: 50%;
	top: 10%;
    left: -10%;
	z-index: -1;
}
section.service-provide h2 {
    margin-bottom: 20px;
}
section.service-provide h2 + p {
	line-height: 30px;
}
section.service-provide .service-block-content {
    margin-top: 0px; 
}
.webdesign-service-provide {
	overflow: unset !important;
}
.webdesign-service-provide .row .col-md-5 {
    position: sticky;
    top: 150px;
}

/*-------------- Education page css End -----------------*/

/*-------------- Mobile Appication html page css Start -----------------*/

.mobile-app-section {
    background: url(../images/mobile-images/mobile-bnr.webp) #07184ad9;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
}
ul.new-banner-list {
	padding-left: 0px;
}
ul.new-banner-list li {
	position: relative;
	color: #fff;
	list-style: none;
	font-size: 20px;
    line-height: 50px;
	padding-left: 30px;
}
ul.new-banner-list li:before {
	position: absolute;
	content: "";
	top: 15px;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(../images/mobile-images/white-check.svg);
	background-repeat: no-repeat;
	/* transform: translateY(-50%); */
}
.know-more-about-wrapper {
    background: #F6C7A3;
    padding: 50px 33px;
	text-align: center;
}
.know-more-inner-blk {
    padding: 25px;
    background: #fff;
    border-radius: 15px;
    text-align: center;
}
.know-more-img {
    width: 100px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
}
.know-more-inner-blk h3 , .know-more-inner-blk h2 {
    margin: 15px auto;
	font-weight: 500;
}
.know-more-about-wrapper p {
    color: #464646;
}
.know-more-inner-blk p {
	font-size: 14px;
	padding-top: 10px;
}
.know-more-about-wrapper .know-more-inner-blk + h4 + p {
	font-size: 16px;
	padding-left: 25px;
	padding-right: 25px;
}
.know-more-about-wrapper h4 , .know-more-about-wrapper .h4 {
    margin: 20px auto;
}
span.red-bg {
    /* background: url(../images/mobile-images/red-bg.png); */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
	display: block;
	width: 53%;
	position: relative;
	z-index: 1;
}
span.red-bg:before {
    position: absolute;
    content: "";
    top: -6px;
    left: -5px;
    background: url(../images/mobile-images/red-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}
span.red-bg:after {
    position: absolute;
    content: url(../images/mobile-images/arrow-line.png);
    top: -20px;
    right: -100%;
    width: 100%;
    height: 100%;
}
.mobile-service-dev .service-block {
    box-shadow: 0px 3px 20px -8px rgb(41 47 83 / 15%);
	border-radius: 15px;
	padding-left: 18px;
    padding-right: 18px;
}
.mobile-service-dev .service-block span {
    width: 80px;
    height: 80px;
    background: #E2F6F2;
    display: block;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.mobile-service-dev .service-block-content {
    margin-top: 0;
}
.mobile-service-dev .row .col-md-3:nth-child(2) .service-block span {
    background: #FDECEB;
}
.mobile-service-dev  .row .col-md-3:nth-child(3) .service-block span {
    background: #ffe3c6;
}
.mobile-service-dev  .row .col-md-3:last-child .service-block span {
    background: #E2F3F8;
}
.mobile-service-dev  .row .col-md-3:first-child .service-block:hover {
    background: #2CA88F;
}
.mobile-service-dev  .row .col-md-3:nth-child(2) .service-block:hover {
    background: #f04037;
}
.mobile-service-dev  .row .col-md-3:nth-child(3) .service-block:hover {
    background: #ec963f;
}
.mobile-service-dev  .row .col-md-3:last-child .service-block:hover {
    background: #05a9dd;
}
.mobile-service-dev .service-block:hover .service-block-content h4 , .mobile-service-dev .service-block:hover .service-block-content .h4 , .mobile-service-dev .service-block:hover  .service-block-content p {
	color: #fff;
}
.mobile-service-dev .service-block:hover span {
	background: #fff !important;
}
.mobile-dev-process .service-block {
	box-shadow: 0px 0px 10px rgb(151 151 151 / 10%);
	border: none !important;
	padding-left: 20px;
    padding-right: 20px;
}
.mobile-dev-process .service-block-content p {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 26px;
}
.mobile-dev-process .row:last-child .col-lg-4:first-child .service-img{
	background: #ffd5e1 !important;
}
.mobile-dev-process .row:last-child .col-lg-4:nth-child(2) .service-img{
	background: #2e89fb33 !important;
}
.mobile-dev-process .row:last-child .col-lg-4:nth-child(3) .service-img{
	background: #f5a52433 !important;
}
.mobile-dev-process .row:last-child .col-lg-4:nth-child(4) .service-img{
	background: #E2F3F8 !important;
}
.mobile-dev-process .row:last-child .col-lg-4:nth-child(5) .service-img{
	background: #c9595933 !important;
}
.mobile-dev-process .row:last-child .col-lg-4:last-child .service-img{
	background: #7dc7de33 !important;
}
.mobile-dev-process  .row:last-child .col-lg-4:first-child .service-block:hover {
    background: #FE6A92 !important;
}
.mobile-dev-process  .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
    background: #258AFF !important;
}
.mobile-dev-process  .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
    background: #F5A623 !important;
}
.mobile-dev-process  .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
    background: #22B0FC !important;
}
.mobile-dev-process  .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
    background: #E45151 !important;
}
.mobile-dev-process  .row:last-child .col-lg-4:last-child .service-block:hover {
    background: #2AA6CB !important;
}
.mobile-dev-process  .row:last-child .col-lg-4 .service-block:hover .service-img {
	background: #fff !important;
}
.new-partnership-modal {
    background: #F8F8FF;
}
.new-partnership-modal .service-block {
	padding: 35px 40px;
	border-radius: 10px;
}
.new-partnership-modal .service-block p {
	text-align: justify;
}
.new-partnership-modal .service-block .service-block-content h4 , .new-partnership-modal .service-block .service-block-content .h4 {
	font-size: 22px;
}
.new-partnership-modal .row:last-child .col-md-4:first-child .service-block span {
    background: #EFF1FF;
}
.new-partnership-modal .row:last-child .col-md-4:nth-child(2) .service-block span {
    background: #EBF4FF;
}
.new-partnership-modal .row:last-child .col-md-4:last-child .service-block span {
    background: #FFF7EC;
}
.new-partnership-modal .row:last-child .col-md-4:first-child .service-block:hover {
	background: #616EE4;
}
.new-partnership-modal .row:last-child .col-md-4:nth-child(2) .service-block:hover {
	background: #3C8AE6;
}
.new-partnership-modal .row:last-child .col-md-4:last-child .service-block:hover {
	background: #F29100;
}

.section-why-hire-us .row:last-child .col-lg-4:first-child .service-img{
	background: #ffd96433 !important;
}
.section-why-hire-us .row:last-child .col-lg-4:nth-child(2) .service-img{
	background: #2ca88f33 !important;
}
.section-why-hire-us .row:last-child .col-lg-4:nth-child(3) .service-img{
	background: #6b6bed33 !important;
}
.section-why-hire-us .row:last-child .col-lg-4:nth-child(4) .service-img{
	background: #f0403733 !important;
}
.section-why-hire-us .row:last-child .col-lg-4:nth-child(5) .service-img{
	background: #be4f1533 !important;
}
.section-why-hire-us .row:last-child .col-lg-4:last-child .service-img{
	background: #f2910033 !important;
}
.section-why-hire-us  .row:last-child .col-lg-4:first-child .service-block:hover {
    background: #FFC102 !important;
}
.section-why-hire-us  .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
    background: #2CA88F !important;
}
.section-why-hire-us  .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
    background: #6B6BED !important;
}
.section-why-hire-us  .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
    background: #F04037 !important;
}
.section-why-hire-us  .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
    background: #BE4F15 !important;
}
.section-why-hire-us  .row:last-child .col-lg-4:last-child .service-block:hover {
    background: #F29100 !important;
}
.section-why-hire-us  .row:last-child .col-lg-4 .service-block:hover .service-img {
	background: #fff !important;
}
.our-built-slider .global-service-block .global-service-block-content {
	text-align: center;
	position: relative;
	height: 100px;
}
.our-built-slider .global-service-block:hover .global-service-block-content {
    height: 100px;
	background: #34477E;
}
.our-built-slider .global-service-block .global-service-block-content h4 , .our-built-slider .global-service-block .global-service-block-content .h4 {
	margin-bottom: 0px;
	margin-top: 30px;
}
.our-built-slider .global-service-block:hover .global-service-block-content h4 , .our-built-slider .global-service-block:hover .global-service-block-content .h4 {
	color: #fff;
}
.our-built-slider .global-service-block-img img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.our-built-slider .global-service-block-content {
	position: static;
	
}
.slide-icons {
	width: 82px;
	height: 82px;
	margin: 0 auto;
	background: #34477e;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	position: absolute;
    top: -40px;
    left: 0;
    right: 0;
}
.slide-icons span {
	width: 70px;
	height: 70px;
	display: block;
	padding: 15px;
	background: #FF8B8A;
    border-radius: 50%;
	margin: 0 auto;
}
.slide-icons span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.our-built-slider .owl-item:nth-child(2) .global-service-block-content .slide-icons span {
	background: #8085F5;
}
.our-built-slider .owl-item:nth-child(3) .global-service-block-content .slide-icons span {
	background: #F3A542;
}
.our-built-slider .owl-item:nth-child(4) .global-service-block-content .slide-icons span {
	background: #3aabfb;
}
.our-built-slider .owl-item:nth-child(5) .global-service-block-content .slide-icons span {
	background: #2faf76;
}
.our-built-slider .owl-item:last-child .global-service-block-content .slide-icons span {
	background: #ffa86b;
}

.support-blks {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    padding: 24px;
	height: 100%;
}
.support-blks span {
    font-size: 22px;
    font-weight: 600;
    color: var(--primary-txt-clr);
	margin-top: 20px;
    margin-bottom: 15px;
    display: block;
}
.support-blks p {
	line-height: 25px;
}
.support-blks-img {
    width: 82px;
    height: 82px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-support-manage .row:last-child .col-md-8 .row .col-md-6:first-child .support-blks-img {
	background: #EFE8FF;
}
.section-support-manage .row:last-child .col-md-8 .row .col-md-6:nth-child(2) .support-blks-img {
	background: #E5F5FF;
}
.section-support-manage .row:last-child .col-md-8 .row .col-md-6:nth-child(3) .support-blks-img {
	background: #FFF5EF;
}
.section-support-manage .row:last-child .col-md-8 .row .col-md-6:last-child .support-blks-img {
	background: #DDFFF2;
}

.faq-blocks .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  transform: scale(.7) !important;
}
.faq-blocks .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  transform: rotate(-227deg) !important;
}
.faq-blocks button.accordion-button {
    font-size: 18px;
    font-weight: 500;
	padding: 16px 24px;
}
.faq-blocks .accordion-button:not(.collapsed) {
    color: var(--primary-txt-clr);
    background-color: #ffffff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.faq-blocks .accordion-item {
    border: none;
}
.faq-blocks .accordion-flush .accordion-item .accordion-header {
    border: 1px solid #eee !important;
    /* border-bottom: 0 !important; */
}
.faq-blocks .accordion-flush .accordion-item:last-child .accordion-header {
	border-bottom: 1px solid #eee !important;
}
.faq-blocks .accordion-body {
    padding: 16px 48px;
	color: rgba(60, 60, 67, 0.85);
}
.faq-blocks .accordion-flush .accordion-collapse {
    border-left: 0px !important;
    border-radius: 0px !important;
    border-bottom: 0px !important;
    border-top: 1px solid #eee;
}
.faq-blocks .accordion-item:not(:last-child) {
    margin-bottom: 8px;
}
.faq-blocks .accordion-button:focus {
	box-shadow: none !important;
}

/*-------------- Mobile Appication html page css End -----------------*/

/*-------------- Dating page css Start -----------------*/

.dating-hero-section {
    background: url(../images/dating-images/dating-hero-bg.png) #ffafb226;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
}
.dating-hero-section h1 {
	font-size: 50px !important;
	line-height: 65px;
}
section.dating-hero-section p {
    margin-top: 20px;
    margin-bottom: 30px;
}
span.oval-style {
	position: relative;
}
.dating-hero-section span.oval-style:before {
    position: absolute;
    content: "";
    top: -13px;
    left: -24px;
    width: 116%;
    height: 145%;
    background: url(../images/dating-images/dating-hero-path.svg);
    background-repeat: no-repeat;
    display: block;
    z-index: -1;
}
a.btn.dating-btn {
    background: #FB4470;
}
a.btn.dating-btn:hover {
    background: #ff678c;
}
section.excellent-feature h2 + p {
    margin: 20px auto;
}
.excellent-img {
    position: sticky;
    top: 100px;
}
.excellent-block {
    padding: 25px 30px;
    box-shadow: 0px 1px 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
    background: #fff;
	transition: all .5s linear;
}
.excellent-block:not(:last-child) {
    margin-bottom: 25px;
}
.excellent-inner-blk {
    display: flex;
    align-items: center;
	margin-bottom: 10px;
}
.excellent-inner-blk span {
    width: 30px;
    margin-right: 10px;
}
.excellent-inner-blk span svg {
    width: 30px;
    height: 30px;
}
.excellent-inner-blk h5 , .excellent-inner-blk .h5 {
    width: calc(100% - 40px);
}
.excellent-block:hover {
    background: #FF8E8E;
}
.excellent-block:hover span svg path {
	fill: #fff;
}
.excellent-block:hover h5 , .excellent-block:hover .h5 , .excellent-block:hover p {
	color: #fff;
}
.dating-banner {
	background: url(../images/dating-images/dating-banner.png) #ffafb226;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
	background-position: center;
}
section.dating-banner h2 {
    line-height: 50px;
}
.banner-btn-blk {
    width: 250px;
    height: 250px;
    background: #ff8e8e1a;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-left: auto;
}
section.dating-banner p {
    margin-top: 15px;
}
.dating-panel h2 {
    font-size: 50px;
}
.dating-panel-blk {
	background: #F8F8FF;
}
ul.dating-panel-list {
    display: flex;
    flex-wrap: wrap;
}
ul.dating-panel-list li {
	flex-basis: 50%;
	padding: 20px 0px;
	font-size: 18px;
    color: #222A41;
}
ul.dating-panel-list span {
    margin-right: 13px;
}
.section-effective-banner {
	margin-top: 250px;
}
.effective-banner {
	background: url(../images/dating-images/effeective-banner.png) #FF8E8E;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
	background-position: center;
	border-radius: 20px;
}
.effective-banner-img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
	position: relative;
}

.effective-img img {
    margin-top: -50%;
}
.btn.white-btn {
	background: #fff;
	color: var(--primary-txt-clr) !important;
	font-size: 18px;
	font-weight: 500;
	border-radius: 6px;
}
.btn.white-btn svg {
    margin-left: 10px;
	margin-top: -5px;
}
.btn.white-btn:hover {
    background: #fffffff5;
}
.effective-banner-img a {
	position: absolute;
    top: 40%;
    right: 10%;
}
.why-choose-dating {
	background: #FCFCFC;
}
section.why-choose-dating .service-block {
    display: flex;
	background: #ffffff1a;
	border: 2px solid #9797971a;
	border-radius: 10px;
	padding: 20px;
}
section.why-choose-dating .service-block .service-img {
    width: 56px;
    height: 56px;
    margin-right: 20px;	
}
section.why-choose-dating .service-block .service-block-content {
	margin-top: 0px;
	width: calc(100% - 76px)
}
section.why-choose-dating .service-block .service-block-content h5 , section.why-choose-dating .service-block .service-block-content .h5 {
	font-weight: 500;
}
section.why-choose-dating .row:last-child .col-lg-4:first-child .service-img {
	background: #E2F3F8;
}
section.why-choose-dating .row:last-child .col-lg-4:nth-child(2) .service-img {
	background: #E4EAFB;
}
section.why-choose-dating .row:last-child .col-lg-4:nth-child(3) .service-img {
	background: #E2F6F2;
}
section.why-choose-dating .row:last-child .col-lg-4:nth-child(4) .service-img {
	background: #FAE8E7;
}
section.why-choose-dating .row:last-child .col-lg-4:nth-child(5) .service-img {
	background: #FBF3E2;
}
section.why-choose-dating .row:last-child .col-lg-4:last-child .service-img {
	background: #EAEAF7	;
}
section.why-choose-dating .row:last-child .col-lg-4 .service-block:hover .service-img {
    background: #fff;
}
section.why-choose-dating .row:last-child .col-lg-4 .service-block:hover h5 , section.why-choose-dating .row:last-child .col-lg-4 .service-block:hover .h5 , section.why-choose-dating .row:last-child .col-lg-4 .service-block:hover p {
	color: #fff;
}
section.why-choose-dating .row:last-child .col-lg-4:first-child .service-block:hover {
    background: #2AA6CB;
}
section.why-choose-dating .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
    background: #1355FF;
}
section.why-choose-dating .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
    background: #06A787;
}
section.why-choose-dating .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
    background: #f04037;
}
section.why-choose-dating .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
    background: #F5A623;
}
section.why-choose-dating .row:last-child .col-lg-4:last-child .service-block:hover {
    background: #5454D4;
}
.our-success-stories {
	background: #FF8E8E !important;
}
.our-history.our-success-stories .nav-pills .nav-link.active {
	color: #ffd0af !important;
	border-bottom: 1px solid #ffd0af !important;
}
.our-success-stories button.owl-dot:before , .our-success-stories .history-slider button.owl-dot span::before{
	background: #fff !important;
}
.efficient-banner {
	background: #FF8E8E;
	border-radius: 30px;
}
.effective-banner-content p {
    margin: 15px 0px;
}
.efficient-img {
    background: url(../images/dating-images/efficient-banner.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
}
.section-efficient-bnr {
	background: url(../images/dating-images/efficient-second-banner.png) #FF8E8E;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
	background-position: center;
}
.section-sw-platform {
	background: url(../images/dating-images/sw-slider-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	
}
.infinite-new-slider .owl-item {
    display: flex;
    justify-content: center;
    align-items: center;
}
.infinite-new-slider .bs-slide-blk {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}
.provide-icon-div {
    display: flex;
	align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgb(34 42 65 / 7%);
    border-radius: 10px;
	padding: 15px 55px;
}
.provide-icon-div span {
    width: 40px;
    height: 40px;
    margin-right: 30px;
}
.provide-icon-content {
    width: calc(100% - 70px);
	text-align: left;
}
.provide-icon-content h3 {
    font-size: 30px;
	color: #000;
}
.provide-icon-content p {
    font-size: 25px;
	color: #000;
}
section.statistics-block {
    position: relative;
}
.statistics-content {
    width: 47%;
    position: absolute;
    content: "";	
}
.statistics-content p {
	margin-top: 15px;
	margin-bottom: 25px;
}
.statistics-arrow {
    padding-left: 150px;
}

/*-- tabs css ---*/

.our-tabs-style .history-img-block img {
    height: 350px;
} 
ul.tabs-slide  {
	position: relative;
	margin-top: 30px;
}

.line:after {
    position: absolute;
    content: "";
    top: -8px;
    right: 0;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
}

.line{
	width:20%;
	height:100%;
	content:"";
	position:absolute !important;
	left:0px;
	top:0px;
	background:#fff !important;

}

ul.tabs-slide li {
    flex-basis: 20%;
    background: rgba(255,255,255,0.4);
	position: relative;
	transition:all .8s linear;
}

ul.tabs-slide .nav-link.active, ul.tabs-slide .nav-link {
	width: 100%;
	text-align: left;
	padding: 2px;
}

ul.tabs-slide .nav-link.active {
	background: transparent;
}


ul.tabs-slide .nav-link:before {
    position: absolute;
    content: "2009 - 2011";
    font-size: 18px;
    color: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: -30px;
}

ul.tabs-slide li:nth-child(2) .nav-link:before {
    position: absolute;
    content: "2012 - 2014";
}
ul.tabs-slide li:nth-child(3) .nav-link:before {
    position: absolute;
    content: "2015 - 2017";
}
ul.tabs-slide li:nth-child(4) .nav-link:before {
    position: absolute;
    content: "2018 - 2020";
}
ul.tabs-slide li:nth-child(5) .nav-link:before {
    position: absolute;
    content: "2021 - Running";
}

/*-------------- Dating page css End -----------------*/

/*-------------- Food page css Start -----------------*/

.food-hero {
    background: url(../images/food-images/food-banner.png) rgb(252 96 17 / 5%);
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
}
.food-hero span.oval-style:before {
	position: absolute;
    content: "";
	background: url(../images/food-images/food-path.svg);
	background-repeat: no-repeat;
	top: -25px;
	left: -17px;
    width: 150%;
	height: 115px;
	display: block;
    z-index: -1;
}
a.btn.solid-org-btn {
	background: #FC6011;
}
a.btn.solid-org-btn:hover {
    background: #F79F19;
}
.food-features .service-img {
    border-radius: 20px;
    border: 1.5px solid #ECECEC;
    background: #fff;
    margin: 0;
}
.food-features .service-block {
    background: #fff;
    padding: 38px 26px;
    border: 1px solid transparent;
    border-radius: 40px;
	transition: all .5s linear;
}
.food-features .service-block:hover {
	border: 1.5px solid #FC6011;
	box-shadow: 0px 10px 20px 7px rgba(237, 28, 34, 0.06);
}
.food-features .service-block:hover .service-img{
	background: #FC6011;
}
.food-features .service-block:hover svg path {
	fill: #fff;
}
section.food-efficient-bnr {
    background: rgb(252 96 17 / 6%);
	border-radius: 32px;
    margin: 0px 90px;
}
section.food-efficient-bnr h2 {
    font-size: 44px;
}
section.food-efficient-bnr .effective-banner-content p {
    margin: 20px 0px;
}
.recent-service-block {
    width: calc(100% - 26px);
}
.recent-service-img , .recent-service-img img {
    border-radius: 10px;
} 
.recent-service-content h4 , .recent-service-content .h4 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.recent-service-content p {
	color: #222A41;
}
.recent-works .row:last-child .col-lg-6:last-child .row .col-lg-12 .recent-service-block {
    margin-left: auto;
}
.recent-service-img {
	overflow: hidden;
}
.recent-service-img img {
    transition: all .5s linear;
}
.recent-service-img:hover img {
    transform: scale(1.1);
}
.food-feature .excellent-block:hover {
    background: #FC6011;
}
.kickstart-new-bg {
	background-image: radial-gradient(50% 50% at 50% 50%, rgba(34, 42, 65, 0.75) 0%, hwb(227deg 5% 76% / 70%) 100%), url(../images/education-images/kickstart-banner.webp);
	background-size: cover;
	background-blend-mode: normal;
    opacity: 1;
}
.food-grey-bg {
	background: #FBFBFB;
}
section.food-clone {
    background: #070E25;
}
section.food-clone .service-block {
	background: #070E25;
	padding: 30px 17px;
    border: 1px solid #737373;
	position: relative;
    overflow: hidden;
	z-index: 1;
}
section.food-clone .service-block:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #FFF;
    transition: all .5s linear;
	z-index: -1;
}
section.food-clone .service-block:hover:before {
    width: 100%;
}
section.food-clone .service-img {
    width: 100%;
    height: 60px;
    background: transparent;
}
section.food-clone .service-block h5 , section.food-clone .service-block .h5 {
	color: #fff;
	text-align: center;
	margin: 15px auto;
}
section.food-clone .service-block p{
	color: #c7c7c7;
	text-align: center;
}
section.food-clone .service-block:hover p {
	color: #737373;
}
section.food-clone .service-block:hover h5 , section.food-clone .service-block:hover .h5{
	color: #070E25;
}
section.food-clone .row:last-child .col-md-4:first-child .service-block:hover svg path {
	fill: #CB202D;;
}
section.food-clone .row:last-child .col-md-4:nth-child(2) .service-block:hover svg path {
	fill: #FC8019;;
}
section.food-clone .row:last-child .col-md-4:last-child .service-block:hover svg path:last-child {
	fill: #000;;
}

/*-------------- Food page css End -----------------*/

/*-------------- About page css Start -----------------*/

section.about-section {
    background: #f8f8ff;
}
section.about-section .hero-about-us h1 {
    font-size: 110px !important;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #222A41;
    letter-spacing: 2px;
    opacity: .2;
}
section.about-section .hero-about-us h5 {
	margin: 20px 0px;

}
.heading-dashed {
	position: relative;
	margin-left: 35px !important;
	font-size: 18px;
	font-weight: 500;
	color: #efaa66;
}
.heading-dashed:before {
	position: absolute;
	content: "";
	top: 50%;
	left: -35px;
	width: 30px;
	height: 2px;
	background: #efaa66;
	transform: translateY(-50%);
}
.hero-about-us {
    padding-bottom: 20px;
    border-bottom: 1px solid #D9DBE9;
}
.hero-baout-social-media {
    padding-top: 30px;
}
.hero-baout-social-media ul {
    display: flex;
    padding-left: 0px;
    margin-bottom: 0px;
	flex-wrap: wrap;
}
.hero-baout-social-media ul li {
	list-style: none;
	flex-basis: 21%;
    margin-right: 20px;
}
.hero-baout-social-media li img {
    filter: grayscale(1);
}
.hero-baout-social-media li img:hover {
	filter: grayscale(0);
}
.hero-baout-social-media p {
    color: #222A41;
	margin-bottom: 30px;
}

.hero-baout-social-media ul li:first-child svg:hover path:first-child {
	fill: #3174F0;
}
.hero-baout-social-media ul li:first-child svg:hover path:nth-child(2) {
	fill: #279b44;
}
.hero-baout-social-media ul li:first-child svg:hover path:nth-child(3) {
	fill: #E53226;
}
.hero-baout-social-media ul li:first-child svg:hover path:nth-child(4) {
	fill: #FAB004;
}
.hero-baout-social-media ul li:first-child svg:hover path:nth-child(5) {
	fill: #3174F0;
}
.hero-baout-social-media ul li:first-child svg:hover path:last-child {
	fill: #E53226;
}
.hero-baout-social-media ul li:nth-child(2) svg:hover path {
	fill: #4267B2;
}
.hero-baout-social-media ul li:nth-child(3) svg:hover path:first-child {
	fill: #FF2303;
}
.hero-baout-social-media ul li:nth-child(3) svg:hover path:nth-child(2) , .hero-baout-social-media ul li:nth-child(3) svg:hover path:last-child{
	fill: #222A41;
}
.hero-baout-social-media ul li:last-child svg:hover path {
	fill: #E60023;
}
.hero-baout-social-media svg path {
    transition: .2s all linear;
}


/*------- who we are css start --------*/
section.about-who-we-are h2 {
    line-height: 55px;
}
.about-points span {
    font-size: 30px;
    font-weight: 600;
    color: var(--primary-txt-clr);
    margin: 30px 0px 20px 0px;
    display: block;
}
.about-points p {
    text-align: left;
    margin-bottom: 0px;
}

/*----- our history ---------*/

section.our-history {
    background: #1F235A;
	position: relative;
	overflow: hidden;
}
/* section.our-history .col-md-6.our-history-tabs { */
    /* position: absolute; */
    /* content: ""; */
    /* top: 100px; */
/* } */
.history-img-block {
    text-align: center;
}
.history-img-block img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
}
.glass {
    width: 343px;
    height: 460px;
    margin: 0 auto;
    position: relative;
	z-index: 1;
	max-width: 100%;
}
.history-img-block .swiper {
	width: 100%;
	height: 100%;
}
.history-img-block .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 18px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}
.history-slide {
    width: 100%;
    height: 100%;
}
.history-img-block.glass:before {
    position: absolute;
    content: "";
    top: 2px;
    left: 0px;
    width: calc(100% + 100px);
    height: calc(100% + 5px);
    background: url(../images/about-us/history-glass.png);
    background-size: contain;
    transform: rotateZ(20deg);
    background-repeat: no-repeat;
	z-index: -1;
	/* animation: glassbefore 5s linear infinite; */
}
@keyframes glassbefore {
 0%{
    transform: rotate(20deg);
   }
25%{
    transform: rotate(10deg);
   }
 50%{
    transform: rotate(20deg);
   }
75%{
    transform: rotate(10deg);
   }
  100%{
    transform: rotate(20deg);
   }
}
.history-img-block.glass:after {
    position: absolute;
    content: "";
    top: -5px;
    left: 0px;
    width: calc(100% + 100px);
    height: calc(100% + 5px);
    background: url(../images/about-us/history-glass.png);
    background-size: contain;
    transform: rotateZ(8deg);
    background-repeat: no-repeat;
	z-index: -1;
	/* animation: glassafter 8s linear infinite; */
}
@keyframes glassafter {
 0%{
    transform: rotate(8deg);
   }
25%{
    transform: rotate(4deg);
   }
 50%{
    transform: rotate(8deg);
   }
75%{
    transform: rotate(4deg);
   }
  100%{
    transform: rotate(8deg);
   }
}
.glass-div {
    position: absolute;
    content: "";
    top: -20px;
    left: 0px;
    width: calc(100% + 100px);
    height: calc(100% + 5px);
    background: url(../images/about-us/history-glass.png);
    background-size: contain;
    transform: rotateZ(-10deg);
    background-repeat: no-repeat;
    z-index: -1;
	/* animation: glassdiv 8s linear infinite; */
}
@keyframes glassdiv {
 0%{
    transform: rotate(-10deg);
   }
25%{
    transform: rotate(0deg);
   }
 50%{
    transform: rotate(-10deg);
   }
75%{
    transform: rotate(0deg);
   }
  100%{
    transform: rotate(-10deg);
   }
}
.history-slider-new {
    overflow: hidden;
}
.our-history-wrapper {
    position: relative;
	width: 100%;
	margin-top: 20px;
}
.our-history .nav-pills li.active .nav-link, .our-history .nav-pills .show > .nav-link {
    background-color: transparent;
    color: #EC963F !important;
    border-bottom: 1px solid #EC963F;
    border-radius: 0px;
}
.our-history .nav-pills .nav-link {
	background-color: transparent;
    color: #fff !important;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
}
.our-history ul.nav li:not(:last-child) {
	margin-right: 20px;
}
ul.history-list li {
	position: relative;
	padding-left: 25px;
	font-size: 18px;
    color: #fff;
}
ul.history-list li {
    margin-top: 30px;
}
ul.history-list li:before {
    position: absolute;
    content: "";
    top: 10%;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/about-us/history-li-arrow.svg);
    background-repeat: no-repeat;
	/* transform: translateY(-50%); */
}
.history-slider button.owl-dot{
	width:20%;
}
.history-slider button.owl-dot span {
    background: rgba(255,255,255,0.4);
    width: 100%;
    height: 4px;
    border-radius: 0;
    display: block;
	position:relative;
}

.history-slider button.owl-dot span::before{
	width:0%;
	height:100%;
	background: #FFD964;
	position:absolute;
	left:0px;
	top:0px;
	content:"";
	animation:slidebar1 5s linear;
	 animation-fill-mode: forwards;
}
.history-slider button.owl-dot span::after {
    position: absolute;
    content: "2009";
    left: 0;
    top: 26px;
    color: #fff;
    font-size: 18px;
}
.history-slider button.owl-dot:first-child span::after {
    content: "2009 - 2011";
}
.history-slider button.owl-dot:nth-child(2) span::after {
	content: "2012 - 2014";
}
.history-slider button.owl-dot:nth-child(3) span::after {
	content: "2015 - 2017";
}
.history-slider button.owl-dot:nth-child(4) span::after {
	content: "2018 - 2020";
}
.history-slider button.owl-dot:last-child span::after {
	content: "2021 - Running";
}
.history-slider button.owl-dot:before {
    position: absolute;
    content: "";
    bottom: 0px;
    left: 0;
    width: 18px;
    height: 18px;
    background: #FFD964 !important;
    border-radius: 50%;
}
.history-slider button.owl-dot:nth-child(2) span::before{
	animation-delay:5s;
}

.history-slider button.owl-dot:nth-child(3) span::before{
	animation-delay:10s;
}

.history-slider button.owl-dot:nth-child(4) span::before{
	animation-delay:15s;
}

.history-slider button.owl-dot:nth-child(5) span::before{
	animation-delay:20s;
}


@keyframes slidebar1{
	
	0%{
		width:0%;
	}
	100%{
		width:100%;
	}
}



.founder-section .project-discussion {
	position: absolute;
    right: -5%;
    top: 15%;
	background: #fff;
	box-shadow: 0px 0px 4px -1px rgb(0 0 0 / 15%);
	padding: 15px 24px;
}
.founder-section .details {
    align-items: center;
}
.founder-section span.icon {
    background: transparent !important;
}
.founder-section span.text {
	color: var(--primary-txt-clr);
}
.founder-section .custom-image-border-radius , .founder-section .img-section figure::before , .founder-section .img-section figure::after{
	border-radius: 40px;
}
.founder-section .img-section figure::before {
	left: 36px;
    top: 43px;
    width: 97%;
    height: 100%;
}
.founder-section span.heading {
    font-size: 18px;
    font-weight: 600;
}
.founder-section span.small {
	font-size: 12px;
	color: #868686;
}
/*----- our core values css -------*/
section.our-core-values {
    background: #f8f8ff;
}
.core-value-wrapper {
    display: flex;
    align-items: center;
	padding: 70px 40px;
	position: relative;
}
.core-value-icon {
	margin-right: 50px
}
.core-value-wrapper p {
    font-size: 20px;
    line-height: 30px;
}
.core-value-wrapper:before {
	position: absolute;
	content: "";
	top: 50%;
	right: 0px;
	width: 1.5px;
	height: 50%;
	background: #222A41;
    opacity: .06;
	transform: translateY(-50%);
}
.core-value-wrapper:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	width: 80%;
	height: 1.5px;
    background: #222A41;
    opacity: .06;
	margin: 0 auto;
}
section.our-core-values .row:last-child .col-md-4:first-child .core-value-wrapper:before , section.our-core-values .row:last-child .col-md-4:nth-child(2) .core-value-wrapper:before {
    top: 25% !important;
}
section.our-core-values .row:last-child .col-md-4:nth-child(4) .core-value-wrapper:before , section.our-core-values .row:last-child .col-md-4:nth-child(5) .core-value-wrapper:before {
    top: 75% !important;
}
.our-core-values .row:nth-child(2) .col-md-4:nth-child(3) .core-value-wrapper:before , .our-core-values .row:nth-child(2) .col-md-4:last-child .core-value-wrapper:before{
	display: none;
}

.our-core-values .row:nth-child(2) .col-md-4:nth-child(4) .core-value-wrapper:after , .our-core-values .row:nth-child(2) .col-md-4:nth-child(5) .core-value-wrapper:after , .our-core-values .row:nth-child(2) .col-md-4:last-child .core-value-wrapper:after{
	display: none;
}

/*------ images section css ------*/
.all-img-box {
	width: 100%;
	height: 100%;
}
.all-img-box img {
    width: 100%;
    height: 100%;
	border-radius: 20px;
}

/*-------- our-achievement css ----------*/
.our-achievement {
	background: #FBFBFB;
}
.achieve-block {
	perspective: 1200px;
	width: 100%;
	height: 250px;
}
.achievement-wrapper {
    background: #fff;
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	text-align: center;
	transition: transform 1s;
	transform-style: preserve-3d;
}  
.achievement-wrapper .achievement-text {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 36px;
	border-radius: 20px;
	color: #fff;
	transform: rotateY(180deg);
}
.achievement-text p {
    font-size: 20px;
	line-height: 36px;
}
.our-achievement .row:nth-child(2) .col-md-4:first-child .achievement-wrapper .achievement-text {
    background: #17313b;
}
.our-achievement .row:nth-child(2) .col-md-4:nth-child(2) .achievement-wrapper .achievement-text {
    background: #3a7af3;
}
.our-achievement .row:nth-child(2) .col-md-4:nth-child(3) .achievement-wrapper .achievement-text {
    background: #262626;
}
.our-achievement .row:nth-child(2) .col-md-4:nth-child(4) .achievement-wrapper .achievement-text {
    background: #faae02;
}
.our-achievement .row:nth-child(2) .col-md-4:nth-child(5) .achievement-wrapper .achievement-text {
    background: #8ec63f;
}
.our-achievement .row:nth-child(2) .col-md-4:last-child .achievement-wrapper .achievement-text {
    background: #ff0137;
}

.achieve-block:hover .achievement-wrapper {
  transform: rotateY(180deg);
}

.achievement-icon, .achievement-text {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-counters .value-for-money {
	border-radius: 34px;
}
.about-counters li:first-child span.counter-text:after , .about-counters li:last-child span.counter-text:after {
    position: absolute;
    content: "+";
}
section.about-counters .value-box ul li {
    border: 0px;
	text-align: center;
}
section.about-counters .value-box span {
    border-bottom: 0px;
}
section.about-counters .value-box p {
	margin-top: 0px;
}

.our-expending {
	background: #f8f8ff;
}
.our-expending a.btn {
	margin-top: 20px;
}

/*-------------- About page css End -----------------*/

/*-------------- Blockchain page css Start -----------------*/

.section-key-benefit {
    background: url(../images/blockchain-images/blockchain-bg.svg) #1F235A;
	background-repeat: no-repeat;
	background-size: contain;
}
.blockchain-hero {
	background: url(../images/new-blockchain-banner.webp);
	background-repeat: no-repeat;
	background-size: cover;
}
.blockchain-hero h1 {
    font-size: 55px;
    font-weight: 500;
}
.blockchain-hero p {
    margin-top: 15px;
    margin-bottom: 30px;
}
.blockchain-dev .row:last-child .col-lg-4:first-child .service-block .service-img {
    background: rgb(201 89 89 / 20%) !important;
}
.blockchain-dev .row:last-child .col-lg-4:nth-child(2) .service-block .service-img {
    background: rgb(245 166 35 / 20%) !important;
}
.blockchain-dev .row:last-child .col-lg-4:nth-child(3) .service-block .service-img {
    background: rgb(37 138 255 / 20%) !important;
}
.blockchain-dev .row:last-child .col-lg-4:nth-child(4) .service-block .service-img {
    background: rgb(74 172 201 / 20%) !important;
}
.blockchain-dev .row:last-child .col-lg-4:nth-child(5) .service-block .service-img {
    background: rgb(34 176 252 / 20%) !important;
}
.blockchain-dev .row:last-child .col-lg-4:last-child .service-block .service-img {
    background: rgb(254 106 146 / 20%) !important;
}
.blockchain-dev .row:last-child .col-lg-4 .service-block:hover .service-img {
    background: #fff !important;
}
.blockchain-dev .row:last-child .col-lg-4:first-child .service-block:hover {
    background: #C95959 !important;
}
.blockchain-dev .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
    background: #F5A623 !important;
}
.blockchain-dev .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
    background: #258AFF !important;
}
.blockchain-dev .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
    background: #4AACC9 !important;
}
.blockchain-dev .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
    background: #22B0FC !important;
}
.blockchain-dev .row:last-child .col-lg-4:last-child .service-block:hover {
    background: #FE6A92 !important;
}
.blockchain-dev  .service-block-content p {
    color: var(--text-light) !important;
}
.blockchain-dev  .service-block:hover .service-block-content p {
    color: #fff !important;
}
.key-benefit-block button.nav-link {
    background: #fff !important;
	width: 100%;
	padding: 45px 69px;
	border-radius: 10px;
}
.key-benefit-block button.nav-link.active {
    background: #EC963F !important;
}
.key-benefit-block button.nav-link.active h5 , .key-benefit-block button.nav-link.active .h5 {
	color: #fff !important;
}
.key-benefit-block ul li {
    flex-basis: 23.6%;
}
.key-benefit-block ul li:not(:last-child) {
    margin-right: 20px;
}
.key-benefit-icon {
    margin-bottom: 15px;
}
.key-benefit-block button.nav-link.active svg path , .key-benefit-block button.nav-link.active svg rect {
    fill: #fff;
}
.blockchain-tabs-text span {
    font-size: 40px;
    color: #fff;
    font-weight: 600;
	text-align: center;
}
.blockchain-tabs-img {
    text-align: center;
	margin-bottom: 30px;
}
.blockchain-tabs-img img {
	width: 76px;
	height: 76px;
	object-fit: contain;
    /* margin-left: 35px;	 */
}
.blockchain-tabs-text p {
    color: rgb(255 255 255 / 80%);
	text-align: justify;
}
.key-benefit-block ul li:nth-child(2) , .key-benefit-block ul li:last-child {
    padding-top: 30px;
}

.hw-work-block {
    text-align: center;
    padding: 20px 40px;
	position: relative;
}
.hw-work-block h5 , .hw-work-block .h5 {
    margin-top: 20px;
    margin-bottom: 15px;
}
.col-lg-4:not(:first-child) .hw-work-block:before {
    position: absolute;
    content: "";
    top: 45%;
    right: -15%;
    width: 70px;
    height: 20px;
    background: url(../images/blockchain-images/blk-right-arrow.svg);
	background-repeat: no-repeat;
	transform: translateY(-45%);
}
.col-lg-4:nth-child(3) .hw-work-block:before {
    top: 100%;
    left: 40%;
    width: 70px;
    height: 20px;
    transform: rotateZ(90deg);
}
.col-lg-4:nth-child(4) .hw-work-block:before {
    content: unset;
}
.col-lg-4:nth-child(5) .hw-work-block:before {
    top: 45%;
    left: -10%;
    width: 70px;
    height: 20px;
    transform: translateY(-45%) rotateZ(180deg);
}
.col-lg-4:nth-child(6) .hw-work-block:before {
    top: 45%;
    left: -10%;
    width: 70px;
    height: 20px;
    transform: translateY(-45%) rotateZ(180deg);
}
.col-lg-4:nth-child(7) .hw-work-block:before {
    top: 45%;
    right: -10%;
    width: 70px;
    height: 20px;
	transform: translateY(-45%);
}
.hw-work-img img {
    width: 100%;
    height: 190px;
    object-fit: contain;
}
.blockchain-platform p {
	color: rgb(255 255 255 / 80%);
	/* text-align: justify; */
    padding-right: 3rem;
}
/*----- CIRCLE Animation css  start ----------*/

.main-container {
  min-height: 100vh;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  height: 560px;
  overflow: hidden;
}
.main {
  margin: 0px auto;
  width: 480px;
  height: 480px;
  position: relative;
}
.main-container a{
	margin-top: 35px;
}
.big-circle {
  height: 100%;
  width: 100%;
  position: relative;
  border: 1.5px dashed #979797;
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  animation: Rotate 20s linear infinite;
  -webkit-animation: Rotate 20s linear infinite;
}
.icon-block {
  width: 64px;
  height: 64px;
  position: absolute;
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background: #fff;
}
.icon-block img {
  margin: 0px auto;
  width: 43px;
  height: 43px;
  object-fit: contain;
  animation: Rotate-reverse 20s linear infinite;
  -webkit-animation: Rotate-reverse 20s linear infinite;
}
.icon-block:first-child {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.icon-block:nth-child(2) {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
}
.icon-block:nth-child(3) {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
}
.icon-block:nth-child(4) {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.icon-block:nth-child(5) {
  top: 84%;
  left: 14%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.icon-block:nth-child(6) {
  top: 13%;
  left: 84%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.icon-block:nth-child(7) {
  top: 12%;
  left:17%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.icon-block:nth-child(8) {
  top: 83%;
  left:87%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.big-circle .icon-block:nth-child(3), .big-circle .icon-block:nth-child(4) , .big-circle .icon-block:nth-child(6) {
	width: 110px;
	height: 110px;
}
.big-circle .icon-block:nth-child(3) img, .big-circle .icon-block:nth-child(4) img , .big-circle .icon-block:nth-child(6) img {
	width: 60px;
	height: 60px;
}

/* circle content */
.circle {
  animation: circle-rotate 20s linear infinite;
  -webkit-animation: circle-rotate 20s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  width: 55%;
  height: 55%;
  border: 1.5px dashed #979797;
  border-radius: 50%;
}
.circle .icon-block img {
	width: 48px;
    height: 48px;
    object-fit: contain;
	animation: img-rotate 20s linear infinite;
	-webkit-animation: img-rotate 20s linear infinite;
}

.small-circle {
	animation: circle-rotate 20s linear infinite;
  -webkit-animation: circle-rotate 20s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  width: 30%;
  height: 30%;
  border: 1.5px dashed #979797;
  border-radius: 50%;
}
/* center logo */
.center-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.center-logo {
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.center-logo img {
    width: 54px;
    height: 54px;
    object-fit: contain;
}
/* keyframe animation */

@keyframes Rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes Rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes Rotate-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes Rotate-reverse {
  from {
    -webkit-transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes circle-rotate {
  from {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(405deg);
  }
}

@-webkit-keyframes circle-rotate {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(405deg);
  }
}

@keyframes img-rotate {
  from {
    transform: rotate(-45deg);
  }
  to {
    transform: rotate(-405deg);
  }
}

@-webkit-keyframes img-rotate {
  from {
    -webkit-transform: rotate(-45deg);
  }
  to {
    -webkit-transform: rotate(-405deg);
  }
}


/*----- CIRCLE Animation css  end ----------*/
.why-choose-blockchain .service-block {
    text-align: center;
}
.why-choose-blockchain .service-block:hover h5 , .why-choose-blockchain .service-block:hover .h5 , .why-choose-blockchain .service-block:hover p {
   color: #fff;
}
.why-choose-blockchain .row:last-child .col-lg-4:first-child .service-img {
    background: rgb(255 217 100 / 20%) !important;
}
.why-choose-blockchain .row:last-child .col-lg-4:nth-child(2) .service-img {
    background: rgb(254 106 146 / 20%) !important;
}
.why-choose-blockchain .row:last-child .col-lg-4:nth-child(3) .service-img {
    background: rgb(107 107 237 / 20%) !important;
}
.why-choose-blockchain .row:last-child .col-lg-4:nth-child(4) .service-img {
    background: rgb(240 64 55 / 20%) !important;
}
.why-choose-blockchain .row:last-child .col-lg-4:nth-child(5) .service-img {
    background: rgb(190 79 21 / 20%) !important;
}
.why-choose-blockchain .row:last-child .col-lg-4:last-child .service-img {
    background: rgb(242 145 0 / 20%) !important;
}
.why-choose-blockchain .row:last-child .col-lg-4:first-child .service-block:hover {
    background: linear-gradient(180.1deg, #FFC102 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}
.why-choose-blockchain .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
    background: linear-gradient(180.1deg, #FE88A8 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}
.why-choose-blockchain .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
    background: linear-gradient(180.1deg, #6B6BED 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}
.why-choose-blockchain .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
    background: linear-gradient(180.1deg, #F04037 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}
.why-choose-blockchain .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
    background: linear-gradient(180.1deg, #BE4F15 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}
.why-choose-blockchain .row:last-child .col-lg-4:last-child .service-block:hover {
    background: linear-gradient(180.1deg, #F29100 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}
.blockchain-money-blk {
	margin-top: 76px;
}
.blockchain-money-wrapper {
    border-radius: 10px;
}
.block-bnr-content , .block-bnr-content-new {
	padding-left: 60px;
}
.block-bnr-img {
    text-align: center;
}
.block-bnr-content p {
    margin-top: 15px !important;
    margin-bottom: 30px !important;
}
.block-bnr-img img {
    margin-top: -125px;
}
section.blockchain-tech-block {
    background: #F8F8FF;
}
ul.blockchain-tech-tabs {
    justify-content: space-between;
}
ul.blockchain-tech-tabs li .nav-link {
    font-size: 20px;
    font-weight: 500;
    color: #979797 !important;
}
ul.blockchain-tech-tabs li .nav-link.active {
	color: #EC963F !important;
	background: transparent !important;
	border-bottom: 1px solid #EC963F;
    border-radius: 0px;
}
.blkchain-tabs-company {
    text-align: center;
}
.blkchain-tabs-company-logo {
    margin-bottom: 20px;
}
.blkchain-tabs-company h5 , .blkchain-tabs-company .h5 {
    font-weight: 500;
}
.app-blockchain .service-block {
    text-align: center;
}

.app-blockchain .row:last-child .col-lg-4:first-child .service-img {
    background: rgb(254 106 146 / 20%) !important;
}
.app-blockchain .row:last-child .col-lg-4:nth-child(2) .service-img {
    background: rgb(37 138 255 / 20%) !important;
}
.app-blockchain .row:last-child .col-lg-4:nth-child(3) .service-img {
    background: rgb(245 166 35 / 20%) !important;
}
.app-blockchain .row:last-child .col-lg-4:nth-child(4) .service-img {
    background: rgb(34 176 252 / 40%) !important;
}
.app-blockchain .row:last-child .col-lg-4:nth-child(5) .service-img {
    background: rgb(201 89 89 / 20%) !important;
}
.app-blockchain .row:last-child .col-lg-4:nth-child(6) .service-img {
    background: rgb(74 172 201 / 20%) !important;
}
.app-blockchain .row:last-child .col-lg-4:first-child .service-block:hover {
    background: rgb(254 106 146 / 20%) !important;
}
.app-blockchain .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
    background: rgb(37 138 255 / 20%) !important;
}
.app-blockchain .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
    background: rgb(245 166 35 / 20%) !important;
}
.app-blockchain .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
    background: rgb(34 176 252 / 40%) !important;
}
.app-blockchain .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
    background: rgb(201 89 89 / 20%) !important;
}
.app-blockchain .row:last-child .col-lg-4:nth-child(6) .service-block:hover {
    background: rgb(74 172 201 / 20%) !important;
}
.hire-blockchain-blk h2 {
	margin-bottom: 15px;
}
.blk-industry-wrapper ul {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px;
}
.blk-industry-wrapper ul li {
    flex-basis: 46%;
}
.blk-industry-inner {
    width: 100%;
    height: 100%;
    padding: 22px 20px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 9%);
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.blk-industry-inner h5 , .blk-industry-inner .h5 {
    margin-bottom: 0px;
    font-weight: 500;
    margin-left: 25px;
}
.blockchain-slider .owl-stage-outer {
    padding: 10px 0px;
}
.blockchain-slider .owl-dots {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.blockchain-slider button.owl-dot {
	background: #dadada !important;
	width: 12px;
	height: 12px;
    border-radius: 20px;
}
.blockchain-slider button.owl-dot.active {
	background: #EC963F !important;
}
.blockchain-slider button.owl-dot:not(:last-child) {
	margin-right: 10px;
}

/*-------------- Blockchain page css End -----------------*/

/*-------------- Hire Angular page css Start -----------------*/

section.angular-hero {
    background: url(../images/angular-images/hireangular_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hire-kotlin-hero {
    background: url(../images/angular-images/hirekotlin_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.reactjs-hero {
    background: url(../images/angular-images/hirereact_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.vuejs-hero {
    background: url(../images/angular-images/hirevuejs-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hireapp-hero {
    background: url(../images/angular-images/hireapp-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hireuiux-hero {
    background: url(../images/angular-images/hireuiux_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hirenodejs-hero {
    background: url(../images/angular-images/hirenodejs-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hirebubble-hero {
    /*background: url(../images/angular-images/hirebubble-banner.webp);*/
	background: url(../images/angular-images/hirebubble_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hirelaravel-hero {
    background: url(../images/angular-images/hirelaravel-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hireshopify-hero {
    background: url(../images/angular-images/hireshopify_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hirewordpress-hero {
    background: url(../images/angular-images/hirewordpress_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hirewebflow-hero {
    background: url(../images/angular-images/hirewebflow_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hireandroid-hero {
    background: url(../images/angular-images/hireandroid-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hireblockchain-hero {
    background: url(../images/angular-images/hireblockchain_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hireflutter-hero {
    background: url(../images/angular-images/hireflutter_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hirereactnative-hero {
    background: url(../images/angular-images/hirereactnative_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hirephp-hero {
    background: url(../images/angular-images/hirephp-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hirefullstack-hero {
    background: url(../images/angular-images/hirefullstack-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hireweborphan-hero {
    background: url(../images/angular-images/orphan-web-hero-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hireapporphan-hero {
    background: url(../images/angular-images/orphan-app-hero-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hireitorphan-hero {
    background: url(../images/angular-images/orphan-it-hero-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hiresolidity-hero {
    background: url(../images/angular-images/hiresolidity-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hirepython-hero {
    background: url(../images/angular-images/hirepython-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hirefrontend-hero {
    background: url(../images/angular-images/hirefrontend-hero.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.hiredevops-hero {
    background: url(../images/angular-images/hiredevops_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.uberclone-hero {
    background: url(../images/angular-images/uberclone-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.whatsappclone-hero {
    background: url(../images/angular-images/whatsappclone-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
section.tinderclone-hero {
    background: url(../images/angular-images/tinderclone-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
.hiring-hero ul.new-banner-list {
    margin-top: 15px;
    margin-bottom: 30px;
}
.hiring-hero .form-ios {
    box-shadow: 0px 0px 25px -10px rgb(34 42 65 / 30%);
}
ul.new-banner-list li:before {
	background: url(../images/angular-images/hiring-tick1.svg);
	background-repeat: no-repeat;
}
.angular-reviews-content {
    padding-bottom: 5px;
    /* border-bottom: 1.5px solid rgb(34 42 65 / 40%); */
}
.angular-reviews .hero-baout-social-media p {
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 18px;
}
.common-hiring-section .row .col-lg-6:first-child {   
	padding-left: calc(50% - 560px)!important;
}
.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/dedicated-angular.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.kotlin-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/kotlin-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.reactjs-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/react-mbl-dash.png);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.vuejs-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/vuejs-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hireapp-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/app-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hireuiux-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/uiux-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hirenodejs-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/nodejs-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hirebubble-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/bubble-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hirelaravel-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/laravel-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hireshopify-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/shopify-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hirewordpress-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/wordpress-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hirewebflow-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/webflow-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hireandroid-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/android-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hireblockchain-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/blockchain-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hireflutter-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/flutter-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hiredevops-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/devops-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hirereactnative-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/reactnative-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hirephp-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/php-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hirefullstack-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/fullstack-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hireweborphan-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/orphan-web-dash-mbl.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hireapporphan-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/orphan-app-dash-mbl.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hireitorphan-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/orphan-it-dash-mbl.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hiresolidity-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/solidity-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}
.hirepython-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/python-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
	background-repeat: no-repeat;
    background-position: center;
}
.hirefrontend-capabilities.common-hiring-section .row .col-lg-6:last-child {
	background: url(../images/angular-images/frontend-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
	background-repeat: no-repeat;
    background-position: center;
}
.common-hiring-text-block h2 , .common-hiring-text-block h3 {
    margin-bottom: 15px;
}
.common-hiring-text-block a {
    margin-top: 35px;
}
.program-expertise-icon {
    width: 40px;
    height: 40px;
}
.program-expertise-list-block h5 , .program-expertise-list-block .h5 {
    margin-top: 15px;
    margin-bottom: 10px;
}
.program-expertise-block {
    position: sticky;
    top: 120px;
	border-right: 1.5px solid #F2F2F2;
    margin-right: -20px;
    padding-right: 20px;
}
.section-hire-expert p {
	color: rgb(255 255 255 / 70%);
}
.hire-expert-profile-wrapper {
    text-align: center;
}
.hire-expert-img {
	width: 214px;
    height: 214px;
    margin: 0 auto;
    margin-bottom: 35px; 
}
.hire-expert-detail h5 , .hire-expert-detail .h5 {
    font-size: 22px;
}
.hire-expert-detail ul {
    display: flex;
    gap: 30px;
}
.hire-expert-detail ul li {
	display: flex;
	align-items: center;
}
.hire-expert-detail ul li span {
    margin-right: 20px;
}
.hire-expert-detail p > a {
    color: #FFD964;
    text-decoration: none;
    padding-left: 10px;
}
.hire-expert-btnlink {
    margin-top: 20px;
}
.hire-expert-btnlink ul {
    display: flex;
    justify-content: space-between;
}
.hire-expert-btnlink li a.btn.btn-trpt {
    font-size: 14px;
    font-weight: 400;
    color: rgb(255 255 255 / 70%) !important;
    min-width: 93px;
    border: 1px solid rgb(255 255 255 / 70%);
    border-radius: 20px;
    padding: 8px 26px;
}
.hire-expert-btnlink li a.btn:focus , a.btn-load:focus {
    box-shadow: none;
}
a.btn-load {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
	margin-top: 40px;
	border-radius: 0px;
	font-size: 20px;
    font-weight: 400;
}
a.btn-load:hover {
    color: #F83D3D !important;
    border-bottom-color: #F83D3D;
}
a.btn-load:hover svg path {
	fill: #F83D3D !important;
}
.why-hire-angular-dev .service-block {
	border: none;
}
.why-hire-angular-dev .service-block:hover {
	border: none;
	box-shadow: none;
}
.why-hire-angular-dev .service-block:hover .service-img {
	background: #ED1C24;
}
.why-hire-angular-dev .service-block-content h5 , .why-hire-angular-dev .service-block-content .h5 {
    font-weight: 500;
}
.why-hire-angular-dev .service-block-content p {
    line-height: 30px;
}
section.common-why-hire-us .row {
    background: url(../images/angular-images/why-hire-bg.png) var(--navy-bg);
    background-repeat: no-repeat;
    background-size: contain;
}
.common-why-hire-us-content h2 {
    margin-bottom: 15px;
}
.common-why-hire-us-content p , .common-why-hire-us-content li {
	color: rgb(255 255 255 / 70%);
}
.common-why-hire-us-content li {
	color: rgb(255 255 255 / 70%) !important;
	font-size: 18px !important;
}
.common-why-hire-us-content ul.new-banner-list li:before {
    background: url(../images/angular-images/why-hire-list-tick.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.common-why-hire-us-content ul {
    display: flex;
    flex-wrap: wrap;
	margin-top: 20px;
    margin-bottom: 0px;
}
.common-why-hire-us-content ul li {
	flex-basis: 50%; 
}
.hiring-process-wrapper ul {
    display: flex;
    justify-content: space-around!important;
    align-items: baseline;
    flex-wrap: wrap;
    text-align: center;
}
.hiring-process-wrapper ul li {
    flex-basis: 20%;
}
.hiring-process-block {
    display: flex;
    flex-direction: column;
}
.hiring-process-wrapper ul li:nth-child(odd) .hiring-process-block {
    flex-direction: column-reverse;
}
.hiring-process-block-content {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    margin: 0 auto;
}
.hiring-process-block-content span {
    font-size: 80px;
    font-weight: 700;
	display: block;
	margin-right: 10px;
}
.hiring-process-block-content h5 , .hiring-process-block-content .h5 {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 0px;
	line-height: 30px;
}
.hiring-process-wrapper ul li:first-child .hiring-process-block span , .hiring-process-wrapper ul li:first-child .hiring-process-block h5 , .hiring-process-wrapper ul li:first-child .hiring-process-block .h5 {
	color: #1F235A;
}
.hiring-process-wrapper ul li:nth-child(2) .hiring-process-block span , .hiring-process-wrapper ul li:nth-child(2) .hiring-process-block h5 , .hiring-process-wrapper ul li:nth-child(2) .hiring-process-block .h5 {
	color: #EC963F;
}
.hiring-process-wrapper ul li:nth-child(3) .hiring-process-block span , .hiring-process-wrapper ul li:nth-child(3) .hiring-process-block h5 , .hiring-process-wrapper ul li:nth-child(3) .hiring-process-block .h5 {
	color: #FF5900;
}
.hiring-process-wrapper ul li:nth-child(4) .hiring-process-block span , .hiring-process-wrapper ul li:nth-child(4) .hiring-process-block h5 , .hiring-process-wrapper ul li:nth-child(4) .hiring-process-block .h5 {
	color: #17313B;
}
.hiring-process-wrapper ul li:last-child .hiring-process-block span , .hiring-process-wrapper ul li:last-child .hiring-process-block h5 , .hiring-process-wrapper ul li:last-child .hiring-process-block .h5 {
	color: #ED1C24;
}
.pricing-box {
    border: 1px solid #F0F0F0;
    padding: 32px;
	text-align: center;
	position: relative;
}
.pricing-box h4 , .pricing-box .h4 {
	color: #0E1318;
}
.pricing-box p {
    font-size: 14px;
    background: #efefef;
    padding: 10px 20px;
}
span.pricing-value {
    display: block;
    font-size: 30px;
    color: #333333;
    font-weight: 500;
	margin-bottom: 20px;
}
a.btn.black-btn {
    background: #333333;
	transition: 0.5s;
}
a.btn.black-btn:hover {
	background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
	position: relative;
    overflow: hidden;
    background-size: 200% auto;
	background-position: right center;
}
.hire-pricing-block .row:last-child .col-md-4:nth-child(2) .pricing-box {
    border-color: #ED1C24;
}
.hire-pricing-block .row:last-child .col-md-4:nth-child(2) .pricing-box:before {
    position: absolute;
    content: "Best Value";
    top: -25px;
    left: -1px;
    width: 100.6%;
    height: 25px;
    background: #ED1C24;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
	border: 1px solid #ED1C24;
}

.hire-projects .app__blk {
	border-radius: 20px;
}
.hire-projects .app__blk.online-study-bg .contents {
    padding: 0px 40px;
}
.hire-projects .app__blk.ebook-bg {
	padding: 40px 40px 0px;
}
.hire-projects .app__blk.puzzle-bg {
	padding: 40px 25px 0px;
}
.hire-projects .app__blk.ebook-bg .contents , .hire-projects .app__blk.puzzle-bg .contents {
    padding: 0px;
}
.hire-projects .app__blk img.web-img {
    width: 100%;
	border-top-left-radius: 20px !important;
	border-top-right-radius: 20px !important;
	max-height: 290px !important;
	min-height: 290px !important;
    height: 100% !important;
}
.hire-projects .app__blk a {
    margin-bottom: 30px;
    font-weight: 500;
    border-bottom: 1px solid #000;
    display: inline-flex;
    font-size: 18px;
    color: #1F235A !important;
    text-decoration: none !important;
    border: 0px;
}
.hire-projects .app__blk a:hover {
    color: #f83d3d !important;
}
.hire-projects p.p-title {
    color: #6D7783;
    font-weight: 500;
}
.hire-projects .app__blk h4 + p {
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 0px !important;
}

/*-------------- Hire Angular page css End -----------------*/

/*---------- Web development page css Start --------------*/

.hero-new h1 + p {
    font-size: 18px !important;
}
.web-technology .excellent-img {
    position: sticky;
    top: 150px;
}
.excellent-block.web-block {
    display: flex;
    background: transparent;
	box-shadow: none;
}
.excellent-block.web-block h5, .excellent-block.web-block p {
    color: #fff;
}
.excellent-block.web-block p {
    line-height: 25px;
}
.excellent-block.web-block .excellent-inner-blk {
    background: #fff;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 0px;
}
.efficient-web-content {
    width: calc(100% - 120px);
    margin-left: 20px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.excellent-block.web-block .excellent-inner-blk span {
    margin-right: 0px;
	width: 42px;
	height: 42px;	
}
.excellent-block.web-block .excellent-inner-blk span svg {
	width: 42px;
	height: 42px;
}
.excellent-block.web-block:hover span svg path {
    fill: #1D293F;
}
.web-highly-effective .row:last-child .col-lg-3:nth-child(even) {
	padding-top: 50px;
}
.web-highly-effective .service-block {
    height: auto;
	position: relative;
}
.web-highly-effective .service-block:before {
    position: absolute;
    content: "1";
    top: 10px;
    right: 15px;
    font-size: 60px;
    color: rgb(0 0 0 / 5%);
    font-weight: 600;
}
.web-highly-effective .row:last-child .col-lg-3:nth-child(2) .service-block:before { 
   content: "2";
}
.web-highly-effective .row:last-child .col-lg-3:nth-child(3) .service-block:before { 
   content: "3";
}
.web-highly-effective .row:last-child .col-lg-3:nth-child(4) .service-block:before { 
   content: "4";
}
.web-highly-effective .row:last-child .col-lg-3:nth-child(2) .service-block span {
	background: #FDECEB;
}
.web-highly-effective .row:last-child .col-lg-3:nth-child(3) .service-block span {
	background: #ec963f33;
}
.web-highly-effective .row:last-child .col-lg-3:nth-child(4) .service-block span {
	background: #E2F3F8;
}
.web-highly-effective .row:last-child .col-lg-3:first-child .service-block:hover {
	background: #2B6B5F;
}
.web-highly-effective .row:last-child .col-lg-3:nth-child(2) .service-block:hover {
	background: #CD3C33;
}
.web-highly-effective .row:last-child .col-lg-3:nth-child(3) .service-block:hover {
	background: #EC963F;
}
.web-highly-effective .row:last-child .col-lg-3:nth-child(4) .service-block:hover {
	background: #05A9DD;
}
.web-highly-effective .row:last-child .col-lg-3 .service-block:hover h5 ,.web-highly-effective .row:last-child .col-lg-3 .service-block:hover p {
	color: #fff;
}
.web-highly-effective .row:last-child .col-lg-3 .service-block:hover:before {
	color: #fff;
}
.web-img-section {
    position: relative;
}
.web-img-section figure {
	text-align: center;
}
.web-img-section figure::before {
    position: absolute;
    content: "";
    top: -35px;
    left: 0;
    width: 85%;
    height: 100%;
    border: 5px solid #ddd;
    border-radius: 10px;
    z-index: -1;
}
.web-features .service-block:hover {
    border: 1.5px solid #FF2303;
    box-shadow: 0px 10px 20px 7px rgb(255 35 3 / 6%);
}
.web-features .service-block:hover .service-img {
	background: #FF2303;
	border-color: #FF2303;
}

/*---------- Web development page css End --------------*/

/*------------- Crypto Development css start ----------------*/
.crypto-hero {
	/* background: linear-gradient(294.61deg, #151846 2.3%, #212A9A 29.86%, #1F235A 101.35%); */
	/* background: #480E95; */
	background: url(../images/new-crypto-banner.webp);
	background-repeat: no-repeat;
	background-size: cover;
}
.crypto-hero ul.new-banner-list li {
	font-size: 18px;
}
span.crypto-span {
	color: #FFD964;
}
.crypto-keyword .web-img-section figure::before {
	border-color: rgb(236 150 63 / 45%);
}
.crypto-features .service-block , .crypto-features .service-img {
	background: transparent;
}
.crypto-features .service-block:hover {
    border: 1.5px solid #EC963F;
    box-shadow: none;	
}
.crypto-features .service-block:hover .service-img {
    background: #EC963F;
	border-color: #EC963F;
}
.excellent-block.crypto-blk {
    border-radius: 0px;
    background: transparent;
    box-shadow: none;
	padding: 20px;
}
.excellent-block.crypto-blk .excellent-inner-blk {
	margin-bottom: 15px;
}
.excellent-block.crypto-blk .excellent-inner-blk span {
	width: 40px;
}
.excellent-block.crypto-blk .excellent-inner-blk h5 , .excellent-block.crypto-blk .excellent-inner-blk .h5 {
	width: calc(100% - 50px);
	color: #fff;
	margin-bottom: 0px;
}
.excellent-block.crypto-blk .efficient-web-content {
	width: 100%;
	margin-left: 0px;
}
.excellent-block.crypto-blk .efficient-web-content p {
	color: rgb(255 255 255 / 80%);
	font-size: 16px;
    line-height: 30px;
}
.why-crypto p {
	color: rgb(255 255 255 / 80%);
}
.crypto-dev-process .service-block {
    box-shadow: none;
    background: transparent;
}
.crypto-dev-process .service-block span {
	background: transparent;
	width: 40px;
    height: 40px;
    border-radius: 0px;
}
.crypto-dev-process .service-block:hover {
	box-shadow: 0px 3px 20px -8px rgb(41 47 83 / 15%);
    background: #fff;
}
section.crypto-dev-process .service-block:hover span {
    background: transparent!important;
}
.crypto-dev-process .service-block-content p {
    font-size: 16px;
    line-height: 30px;
}
.crypto-dev-process .service-block {
	position: relative;
}
.crypto-dev-process .col-lg-3:not(:nth-child(4)) .service-block:before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #dadada;
	display: none;
}
.crypto-dev-process .service-block:hover:before {
	display: none;
}
.crypto-security {
	position: relative;
}
.crypto-security .common-why-hire-img {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.crypto-security-content p , .crypto-security-content ul li {
    color: #ECECEC;
}
.crypto-security-content p {
	margin-bottom: 30px;
    margin-top: 15px;
}
.crypto-security-content ul li {
	position: relative;
	padding-left: 35px;
	font-size: 20px;
}
.crypto-security-content ul li:not(:last-child) {
	margin-bottom: 30px;
}
.crypto-security-content ul li:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 26px;
	height: 22px;
	background: url(../images/crypto-images/crypto-security-list-icon.svg);
	background-repeat: no-repeat;
	transform: translateY(-50%);
}
section.crypto-security {
    background: url(../images/crypto-images/crypto-security-bnr.webp) var(--navy-bg) !important;
    background-repeat: no-repeat;
    background-size: cover;
}
.crypto-testimonial-block {
    padding: 24px;
    border: 1px solid #E7EAEC;
    border-radius: 10px;
	background: #fff;
	height: 100%;
}
.crypto-profile-blk {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
}
.crypto-profile img {
    border-radius: 10px;
	width: 60px !important;
	height: 60px;
}
.crypto-testimonial-block h5 , .crypto-testimonial-block .h5 {
    margin-top: 12px;
    margin-bottom: 15px;
}
.crypto-testimonial-block p {
    line-height: 30px;
}
.crypto-slider .owl-nav {
    position: absolute;
    top: -100px;
    right: 115px;
}
.crypto-slider .owl-nav button.disabled {
	color: rgb(115 115 115 / 50%) !important;
    font-weight: 600;
}
.crypto-slider .owl-nav button {
	font-weight: 600 !important;
	color: #222A41 !important;
}
.crypto-slider .owl-nav button:first-child {
    margin-right: 10px;
    position: relative;
}
.crypto-slider .owl-nav button:first-child:before {
    position: absolute;
    content: "";
    top: 50%;
    right: -5px;
    width: 1px;
    height: 20px;
    background: #737373;
    transform: translateY(-50%);
}
.crypto-slider .owl-dots {
    text-align: center;
}
.crypto-slider button.owl-dot {
    background: #f9dfc5 !important;
    width: 10px;
    height: 10px;
    border-radius: 20px;
}
.crypto-slider button.owl-dot.active {
	background: #EC963F !important;
}
.crypto-slider button.owl-dot:not(:last-child) {
    margin-right: 10px;
}

.crypto-slider{
	padding-left:calc(50% - 540px) !important;
}

.crypto-slider .owl-stage{
	margin-left:-100px;
}
.intro.crypto-keyword .web-img-section1 {
	text-align: center;
}
.nft-hero {
	/* background: linear-gradient(294.61deg, #171E54 2.3%, #18215B 29.86%, #161E54 101.35%); */
	background: url(../images/new-nft-banner.webp);
	background-repeat: no-repeat;
	background-size: cover;
}
.smart-hero {
	background: url(../images/new-smart-banner.webp);
	background-repeat: no-repeat;
	background-size: cover;
}
.ico-hero {
	/* background: radial-gradient(73.06% 128.04% at 75.42% 49.93%, #4351BE 2.02%, #161E54 100%); */
	background: url(../images/new-ico-banner.webp);
	background-repeat: no-repeat;
	background-size: cover;
}
.custom-hero {
	background: radial-gradient(73.06% 128.04% at 75.42% 49.93%, #266BAE 2.02%, #003F81 100%);
}
.tokenization-hero {
	/* background: linear-gradient(267.1deg, #3D065F 3.63%, #45108A 93.66%); */
	background: #3D065F;
}
/*------------- Crypto Development css End ----------------*/

/*------ New Contact Us CSS Start ---------------*/
section.hero-contact {
    background: url(../images/contact-images/contact-us-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
	background-position: 0px -180px;
}
.contact-discover-text {
    margin-bottom: 30px;
}
.contact-discover-text p {
    width: 75%;
}
.contact-discover-img {
  text-align: center;
}
.contact-new-form {
    padding: 40px 50px;
    background: #261D56;
    border-radius: 10px;
}
.contact-new-form h4 {
	color: #fff;
}
.contact-new-form form .col-md-6 {
    width: 100%;
}
.contact-new-form form label {
    display: none;
}
.contact-new-form .card {
	border: 0px;
	border-radius: 0px;
	background: transparent;
}
.contact-new-form .card-body , .contact-new-form .container {
    padding: 0px;
	background: transparent !important;
}
.contact-new-form .form-control {
    border-width: 0px 0px 1px 0px;
    border-radius: 0px;
    padding-left: 0px;
	background: transparent;
	border-color: #fff !important;
	color: #fff;
}
.contact-new-form .form-control::placeholder {
	font-size: 14px;
	color: #fff;
}
.contact-new-form .form-control:focus {
	box-shadow: none;
}
.contact-new-form form .col-md-12.text-center.mt-4 {
    text-align: left !important;
}
.contact-new-form form button.btn.btn-primary {
    padding: 14px 60px 14px 32px;
    border: none;
    background: #fff !important;
    transition: .5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto !important;
    font-size: 16px;
    font-weight: 500;
	color: #070E25 !important;
	border-radius: 8px;
}
.contact-new-form form button.btn.btn-primary:before {
    position: absolute;
    content: "";
    top: 50%;
    right: 30px;
    width: 20px;
    height: 20px;
    background: url(../images/contact-images/contactline.svg);
	background-repeat: no-repeat;
	background-position: center;
    transform: translateY(-50%);
}
.new-contactblk {
	position: relative;
}
.new-contactblk span.contact-span {
    width: 60px;
    height: 60px;
    background: #fef1f2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
	transition: .5s all ease-in-out;
}
.new-contactblk:hover .contact-span {
    background: #D31B27;
}
.new-contactblk:hover .contact-span svg path {
	fill: #fff;
}
.new-contactblk h4 {
    margin-top: 24px;
    margin-bottom: 15px;
    color: #183B56;
}
.new-contactblk p {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 12px;
}
.new-contactblk a {
    font-size: 16px;
    text-decoration: none;
    font-weight: 700;
    color: #EC963F;
}
.new-contactblk span.call-span {
    color: #EC963F;
}
.contact-flex {
    display: flex;
}
.contact-flex span {
    width: 28px;
    height: 20px;
    display: block;
    margin-right: 12px;
	margin-top: 5px;
}
.contact-flex span img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.contact-flex p {
    width: calc(100% - 40px);
}
section.new-contact-detail .row .col-lg-4:first-child .new-contactblk {
    padding-right: 57px;
}
section.new-contact-detail .row .col-lg-4:nth-child(2) .new-contactblk {
    padding: 0px 57px;
}
section.new-contact-detail .row .col-lg-4:last-child .new-contactblk {
    padding-left: 57px;
}
section.new-contact-detail .row .col-lg-4:not(:last-child) .new-contactblk:before {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 2px;
    height: 85%;
    background: #e9e8ee;
    transform: translateY(-50%);
}

/*------ New Contact Us CSS end ---------------*/

/*------- old webflow development page css start----------*/

section.new-services-blk .solution-offers-blk {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px rgba(151, 151, 151, 0.1);
    border-radius: 10px;
    padding: 40px 27px;
}
section.intro.image-frame .img-section figure {
    z-index: 1;
}
section.intro.image-frame.frame-one , section.intro.image-frame.frame-one .img-section figure::before {
    background: rgb(255 252 252);
}
.bg-grey-new , section.intro.image-frame.frame-two , section.intro.image-frame.frame-two .img-section figure::before {
    background: #FAF9F6;
}
section.new-services-blk .solution-offers-blk .offers-blk-header {
    margin-bottom: 15px;
}
section.new-services-blk .solution-offers-blk li {
    margin-bottom: 0px;
	padding-left: 0px;
}
section.new-services-blk .solution-offers-blk li:before {
	display: none;
}
section.new-services-blk .blk span.offer-icon , section.new-services-blk .row .col-md-6 span.offer-icon{
	border-radius: 50px;
    text-align: center;
    width: 70px !important;
    height: 70px !important;
    display: block;
    line-height: 70px;
	margin-right: 20px;
}
section.new-services-blk .blk + h4 , section.new-services-blk .blk + .h4 , section.new-services-blk span.offer-icon + h4 , section.new-services-blk span.offer-icon + .h4{
    width: calc(100% - 90px);
}
section.new-services-blk .row .col-md-6:nth-child(2) .blk span.offer-icon , section.new-services-blk .row .col-md-6:nth-child(2) span.offer-icon {
	background: #8AC926 !important;
}
section.new-services-blk .row .col-md-6:nth-child(3) .blk span.offer-icon , section.new-services-blk .row .col-md-6:nth-child(3) span.offer-icon {
	background: #52CFC0 !important;
}
section.new-services-blk .row .col-md-6:nth-child(4) .blk span.offer-icon , section.new-services-blk .row .col-md-6:nth-child(4) span.offer-icon{
	background: #ED1C24 !important;
}
section.new-services-blk .row .col-md-6:nth-child(5) .blk span.offer-icon , section.new-services-blk .row .col-md-6:nth-child(5) span.offer-icon{
	background: #F29100 !important;
}
section.new-services-blk .row .col-md-6:nth-child(6) .blk span.offer-icon , section.new-services-blk .row .col-md-6:nth-child(6) span.offer-icon{
	background: #4885EF !important;
}
section.new-services-blk .row .col-md-6:last-child .blk span.offer-icon , section.new-services-blk .row .col-md-6:last-child span.offer-icon {
	background: #8AC926 !important;
}

/*------- old webflow development page css end----------*/

/*------- old web development page css start----------*/

.section-we-offer-new-design .offer-block .offer-heading .offer-icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
}
.section-we-offer-new-design .offer-block span.offer-icon + h4 , .section-we-offer-new-design .offer-block span.offer-icon + .h4 {
    width: calc(100% - 90px);
}
section.new-services-blk .row:last-child .col-md-4:first-child span.offer-icon {
	background: #52CFC0 !important;
}
section.new-services-blk .row:last-child .col-md-4:nth-child(2) span.offer-icon {
	background: #8AC926 !important;
}
section.new-services-blk .row:last-child .col-md-4:nth-child(3) span.offer-icon {
	background: #eb649c !important;
}
section.new-services-blk .row:last-child .col-md-4:nth-child(4) span.offer-icon {
	background: #ED1C24 !important;
}
section.new-services-blk .row:last-child .col-md-4:nth-child(5) span.offer-icon {
	background: #F29100 !important;
}
section.new-services-blk .row:last-child .col-md-4:nth-child(6) span.offer-icon {
	background: #4885EF !important;
}
section.new-services-blk .row:last-child .col-md-4:nth-child(7) span.offer-icon {
	background: #14c5d7 !important;
}
section.new-services-blk .row:last-child .col-md-4:last-child span.offer-icon {
	background: #8AC926 !important;
}
.platform-work.new-services-blk .offer-block .offer-heading .services__icon {
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin-right: 20px;
}
.platform-work.new-services-blk .offer-block .offer-heading .services__icon + h4 , .platform-work.new-services-blk .offer-block .offer-heading .services__icon + .h4 {
    width: calc(100% - 70px);
}

/*------- old web development page css end----------*/

.map-frame iframe {
	width: 100%;
}

/*--CONSULTATION SECTION CSS START*/

.consultaion-section {
	padding: 50px;
	background-color: white;
	border-radius: 15px;
}

.consultaion-section h3 , .consultaion-section .h3{ 
	text-transform:capitalize;
	font-weight: 600;
    font-size: 29px;
    line-height: 40px;
	color: #333333;
}


.consultaion-section h3 i , .consultaion-section .h3 i{
	color: #ED1C24;
}


.consultaion-list {
    list-style: none;
    padding-left: 0px;
    margin: 30px 0px 50px 0px;
}

.consultaion-list li {
    position: relative;
    padding-left: 50px;
    text-align: left;
    margin-bottom: 30px;
}

.consultaion-list li:before{
	content:url(../images/consultation-check.svg);
	position:absolute;
	left:0;
}

.consultaion-button {
	padding: 0 10%;
}

/* FOOTER RESOURCE SECTION CSS START*/
.resource-section .container > .row{	
	background-color: #FFEFD1;
	border-radius:15px;
	background-image:url(../images/resource-vector.svg);
	background-size:cover;

}



.resource-section a.btn {
    background: transparent!important;
    border: 1px solid #222A41;
    color: #222A41 !important;
}


.resource-section a.btn svg{
  padding-left:5px;
  transition:0.3s all linear;
}

.resource-section a.btn:hover,
.resource-section a.fill-bg{
    background: #222A41!important;
    border: 1px solid #222A41;
    color: #fff !important;
}

.resource-section a.btn:hover svg
{
    transform:translateY(-2px) rotate(45deg);
}

.resource-section a.btn:hover svg path,
.resource-section a.fill-bg svg path{
    stroke:#fff;
}

.resource-section a.fill-bg:hover{
	background:linear-gradient(90deg, #F83D3D 0%, #EC963F 100%) !important;
	border-color: #ED8E3E!important;
	transition:none !important;
}


/*----- old pages banner img css start --------*/
section.icecream-banner {
    background: url(../images/icecream-banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
.web-hero {
	background: url(../images/new-web-banner.webp);
	background-repeat: no-repeat;
	background-size: cover;
}
.listing-hero {
	background: url(../images/new-listing-banner.webp);
	background-repeat: no-repeat;
	background-size: cover;
}
.codeigniter-hero {
	background: url(../images/new-codeigniter-banner.webp);
	background-repeat: no-repeat;
	background-size: cover;
}
.backend-hero {
	background: url(../images/new-backend-banner.webp);
	background-repeat: no-repeat;
	background-size: cover;
}
.webdesign {
    background: url(../images/img-new/web-design-new-banner-plane.webp) !important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
	position: relative;
	padding: 120px 0px;	
	overflow: hidden;
	z-index: 1;
}
.particles-wrapper {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	transform-style: preserve-3d;
	perspective: 50vmin;	
	width: 100%;
	height: 100%;
	z-index: -1;
}

.webdesign h1 {
    font-size: 50px !important;
    line-height: 75px !important;
}
.webdesign h1 span {
    font-size: 80px !important;
    line-height: 75px !important;
    background-image: url(../images/img-new/grad-web.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.webdesign-img-section {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: calc(50% - 50px);
    height: 100%;
    transform: translateY(-50%);
    /*margin: 80px 0px;*/
	margin-top: 20px;
	z-index: 1;
}
.webdesign-img-section img {
    width: 100%;
    max-width: 100%;
}
.webdesign-intro .img-section figure::before {
	background: #faf9f6;
}



/*----- old pages banner img css end --------*/

/*------- Clone pages css start ---------*/
.custom-bg {
	background: #FAF9F6;
}
.hire-get-clone-wrapper {
    width: 100%;
    height: 100%;
    padding: 55px 30px;
    background: #FAF9F6;
}
section.clone-capabilities .row .col-lg-6:last-child {
    background: none !important;
	padding: unset !important;
}
section.clone-capabilities .container-fluid {
    border-top: 1px solid #ddd;
    padding-top: 50px;
}
.hire-get-clone-img {
    width: 70px;
    height: 70px;
}
.hire-get-clone-wrapper h4 {
    margin-top: 15px;
    margin-bottom: 10px;
	font-weight: 500;
}
.hire-get-clone-wrapper p {
    color: var(--text-light);
}

.hiring-dev-process-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.hire-dev-process-block:not(:last-child) {
	margin-right: 15px;
}
.hire-dev-process-block {
	flex-basis: 18.85%;
    background: #fff;
    border-radius: 22px;
    padding: 44px 10px;
    text-align: center;
	border: 1px solid #CECECE;
	position: relative;
	transition: all .3s linear;
}
.hire-dev-process-block h6 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 33px;
    margin-bottom: 15px;
}
.hire-dev-process-block p {
	font-size: 14px;
	font-weight: 300;
}
.hire-dev-process-block span {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--primary-txt-clr);
	position: absolute;
	content: "";
	bottom: 14px;
	left: 50%;
	transform: translateX(-50%);
}
.dev-arrow {
    width: 36px;
    height: 36px;
    background: #EC963F;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: -26px;
    transform: translateY(-50%); 
	z-index: 1;
}
.dev-arrow svg {
    width: 18px;
}
.hire-dev-process-block:after {
    position: absolute;
    content: "";
    top: 50%;
    right: -20px;
    width: 34px;
    height: 40px;
    border: 1px solid #cecece;
    border-radius: 50%;
    border-width: 0px 0px 0px 1px;
    transform: translateY(-50%);
	background: #fff;
}
.hire-dev-process-block:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -20px;
    width: 34px;
    height: 40px;
    border: 1px solid #cecece;
    border-radius: 50%;
    border-width: 0px 1px 0px 0px;
    transform: translateY(-50%);
	background: #fff;
}
.hire-dev-process-block:first-child:before ,.hire-dev-process-block:last-child:after{
	display: none;
}
.hire-dev-process-block:hover {
    background: #ec963f;
	border-color: #ec963f;
}
.hire-dev-process-block:hover h6 , .hire-dev-process-block:hover p , .hire-dev-process-block:hover span {
	color: #fff;
}
.hire-dev-process-block:hover:before , .hire-dev-process-block:hover:after {
	border-color: #ec963f;
}
.hire-dev-process-block .hire-dev-process-icon img:last-child , .hire-dev-process-block:hover .hire-dev-process-icon img:first-child {
    display: none;
}
.hire-dev-process-block:hover .hire-dev-process-icon img:last-child {
    display: block;
	margin: 0 auto;
}

/*------- Clone pages css end ---------*/
/*------- NEW Thank you page css start -------*/
.thanks-social,
.button-group {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
	justify-content: center;
}
.thanks-buttons a:nth-child(2) {
	background-image: none !important;
	background-color: transparent !important;
	border-color: #F83D3D;
	color: var(--primary-txt-clr) !important;
}
.thanks-buttons a:nth-child(2):hover {
	background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
    padding: 0 1rem;
    background-size: 200% auto;
    background-position: right center;
    color: #FFF !important;
    border-color: transparent;
}

/*------- NEW Thank you page css ends -------*/
/*-------------- White Label Page css strat -----------------*/
.ubereat-form h2.section__subheading, .ubereat-form p {
    text-align: center;
}
.services-card-wrap h5 {
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #6d77834d;
    margin-left: auto;
    margin-bottom: 20px;
    border-radius: 50%;
    line-height: 34.1px;
    transition: all 0.3s ease;
}

.services-card-wrap:hover {
    box-shadow: -10px 10px 0 0 #ce272e;
}
.services-card-wrap:hover h5 {
    background-color: #ce272e;
    border-color: #ce272e;
    color: #fff !important;
}
.services-card-wrap:hover a {
    color: #ce272e;
}
.sticky-blk {
    position: sticky !important;
    top: 130px;
    height: 100% !important;
}
.new-btn a {
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    min-width: 150px;
    height: 50px;
    line-height: 50px;
    padding: 0px 16px;
}
.new-btn a:hover {
    background-position: right center;
}
.progress-wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
}
.progress-blk {
    min-width: 240px;
    text-align: center;
    position: relative;
}
.progress-blk:not(:last-child) .progress-placehold::after {
    content: '';
    width: 60%;
    left: 80%;
    border-bottom: 2px dashed #6D7783;
    position: absolute;
}
.progress-placehold {
    height: 100px;
    width: 100px;
    display: grid;
    place-items: center;
    margin: auto auto 25px;
}
.progress-placehold .circle {
    height: 40px;
    width: 40px;
    border: 1px solid #6D7783;
    border-radius: 50%;
	position: unset;
    animation: unset;
	transform: unset;
}
.progress-icon {
    --top-pos: 0;
    --left-pos: 0;

    height: 100px;
    width: 100px;
    display: grid;
    place-items: center;
    background-color: var(--bg-white);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    transition: all 0.6s cubic-bezier(0.76, 0, 0.024, 1);
    top: var(--top-pos);
    left: var(--left-pos);

    pointer-events: none;
}
.progress-blk .progress-content {
    font-size: 18px;
    line-height: 24.55px;
    font-weight: 600;
    transition: all 0.3s ease;
}
.progress-blk:hover .progress-content {
    color: var(--primary-txt-clr);
}
.maxi-icon-block .elementor-icon-box-icon span {
    height: 40px;
    width: 40px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto !important;
    border-radius: 50%;
    background: #1f235a;
}
.maxi-icon-block .elementor-icon-box-icon span svg {
    width: 20px;
}
.count-block .elementor-icon-box-icon span {
    background: #f7433d;
    border-radius: 100%;
    padding: 7px;
}
.count-block .elementor-icon-box-content h3 {
    margin: 0px;
}
.count-block span.elementor-counter-number {
    padding-bottom: 2px;
    border-bottom: 3px solid var(--primary-txt-clr);
}
.Revolutionizing-img img {
    width: 100%;
    filter: drop-shadow(10px 10px 0 #D2ECFF);
    -webkit-filter: drop-shadow(10px 10px 0 #D2ECFF);
}
.new-faq .elementor-tab-title {
    background-color: #fff !important;
}
.new-faq .elementor-accordion-item {
    margin: 1px 0;
    border-top: 1px solid #ddd !important;
}
.diemond-img figure.elementor-image-box-img {
    height: 100px !important;
    width: 100px !important;
    padding: 20px;
    display: grid;
    place-items: center;
    background-color: var(--bg-white);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1) !important;
    border-radius:400px !important;
}
/*-------------- White Label Page css strat end -----------------*/

/* Demo Model */
/* modal design */

.modal-custom {
    max-width: 900px !important;
}

.modal-body.modal-body-wrap {
    padding: 0;
}

.modal-body .modal-form-wrap {
    padding: 2rem;
    height: 100%;
    border-radius: 30px 0 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal-form-wrap {
    background-color: #fff;
}

.modal-content.modal-content-wrap {
    border: none;
    background-color: transparent;
}

.modal-img-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    width: 100%;
}

.modal-body-wrap .new-contact-form .card, .regular-form .card{
    border: none;
}

.modal-body-wrap .new-contact-form .container,
.modal-body-wrap .new-contact-form .card-body,  .regular-form .container, .regular-form .card-body{
    padding: 0;
}

.modal-body-wrap .new-contact-form .card-body .row .col-md-6:nth-child(n+3) {
    width: 100%;
}

.modal-body-wrap .new-contact-form .card-body label, .regular-form  .card-body label{
    display: none;
}

.modal-body-wrap .new-contact-form .card-body .errors, .regular-form  .card-body .errors {
    font-size: 14px;
}

.modal-body-wrap .new-contact-form .card-body :is(input, textarea, select) {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgba(2, 2, 30, 0.20) !important;
    padding: 10px 0;
    resize: none;
}

.modal-body-wrap .new-contact-form .card-body :is(input, textarea, select):focus {
    box-shadow: none;
}

.new-contact-form .card-body .row .col-md-6:nth-child(4) {
    position: relative;
}

.new-contact-form .card-body .row .col-md-6:nth-child(4)::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.2802 5.9668L8.93355 10.3135C8.42021 10.8268 7.58021 10.8268 7.06688 10.3135L2.72021 5.9668' stroke='%2398A2B3' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    top: 13px;
    right: 20px;
    /* transform: translateY(-50%); */
    pointer-events: none;
}

.modal-body-wrap .new-contact-form .btn.btn-primary, .regular-form .btn-primary{
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
    transition: .5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto !important;
    border: none;
    min-width: 170px !important;
    padding: 10px 20px;
    width: 100%;
}

.regular-form iframe{
    scale:0.8;
    transform-origin: left;
}

.modal-body-wrap .new-contact-form .btn.btn-primary:hover,  .regular-form  .btn.btn-primary:hover{
    background-position: right center !important;
}

.btn-modal-close {
    border: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
    min-width: 24px;
    padding: 0;
    border-radius: 50%;
    background: var(--white-color);
}

.regular-form .row > div {
    width: 100%;
}

.regular-form .row input, .regular-form .row textarea{
  border: 1px solid rgba(2, 2, 30, 0.20) !important;
}

.btn-modal-close svg {
    fill: black;
}


/* ///------------------------------------------------------------- All Media queries Css Start -----------------------------------------------------------------/// */
@media screen and (min-width: 991px) {
	.web-menu-navbar > ul li.nav-item.dropdown:first-child {
		padding-left: 150px;
	}
}

@media screen and (max-width: 991px) {
    :root {
        --spacer: 40px 0;
        --spacer-top: 40px;
        --spacer-bottom: 40px;
		--spacer-ft: 40px;
		--spacer-fb: 40px;
		--spacer-ftb: 40px 0px;
    }
    h2, .h2 {
        font-size: 36px;
    }
    .h3, h3 {
        font-size: calc(1rem + .6vw);
    }
    .h4, h4 {
        font-size: calc(1rem + .3vw);
    }
    .hero h1 {
        font-size: 38px;
        font-weight: 700;
    }
    .hero p {
        font-size: 16px;
    }
	
	.navbar-toggler{
		margin-left: auto;
		margin-right: 20px;
	}
    .btn {
        font-size: 1rem;
    }
    .btn-lg {
        min-width: 160px;
        height: 48px;
        line-height: 48px;
    }
    
    .site-header .navbar-nav {
        text-align: center;
    }
    .site-header .navbar-nav > li:not(:last-child) {
        border-bottom: 1px solid #ccc;
    }
    .site-header .navbar-nav {
        text-align: center;
        border: 1px solid #ccc;
    }
    header .navbar-nav > li {
        margin-right: 0px !important;
    }
	.site-header .navbar-nav .nav-item .dropdown-menu.nav-list {
        min-width: 335px;   
    }
    #navbarNavDropdown.web-menu-navbar {
       display: none !important;
    }
	.mobile-nav-menu .accordion-body ul li {
	  list-style: none;
	}
	.mobile-nav-menu .accordion-body ul {
		padding-left: 0px;
		margin-bottom: 0px;
	}
	.mobile-nav-menu .accordion-body ul li.nav-title {
		padding: 10px 0px;
		background: #f7f7f7;
	}
	.mobile-nav-menu .accordion-body {
	  padding: 0rem;
	}
	
	/*--------- new header css media ---------*/
	.navbar-toggler:focus {
	  box-shadow: none;
	}
	.nw-mbl-menu .site-header .navbar-nav {
		text-align: left !important;
	}
	.web-menu-navbar + .btn.primary-btn {
		display: none;
	}
	.mobile-nav-menu.nw-mbl-menu button.accordion-button:not(.collapsed) , .mobile-nav-menu.nw-mbl-menu button.accordion-button:hover {
	  color: var(--primary-btn);
	}
	.mobile-nav-menu.nw-mbl-menu .accordion-button:not(.collapsed)::after {
		filter: grayscale(1);
	}
	/*------- new header css media end ------*/
}

@media screen and (min-width: 767px) and (max-width: 867px) {
	.hero h1 {
	  font-size: 42px !important;
	  font-weight: 700;
	}
}

@media screen and (max-width: 767px) { 
    :root {
        --spacer: 30px 0;
        --spacer-top: 30px;
        --spacer-bottom: 30px;
		--spacer-ft: 30px;
		--spacer-fb: 30px;
		--spacer-ftb: 30px 0px;
    }
    h2, .h2 {
        font-size: 32px;
		line-height: 34px;
    }
    .h3, h3 {
        font-size: calc(1rem + .3vw);
    }
    .h4, h4 {
        font-size: calc(1rem + .1vw);
    }
    .header__top__inner {
        flex-wrap: wrap;
    }
    .header__top ul {
        flex-wrap: wrap;
        width: 50%;
        justify-content: flex-start;
    }
    .header__top ul:last-child {
        justify-content: end;
    }
	
    .header__top ul:first-child > li {
        /*width: 100%;*/
		list-style: none;
    }
    .header__top a {
        font-size: 0.850rem;
    }
    .site-header .navbar .btn {
        display: none;
    }
    .logo {
        max-width: 130px;
    }
    .hero h1 {
	  font-size: 34px !important;
	  font-weight: 700;
	}
	
	.mob-display{
		display:block;
	}
	.site-header .navbar>.container {
		display: flex;
		flex-wrap: wrap;
	}
	a.nav-link.mob-display.free-qte {
		font-size: 13px;
		max-width: 100px;
		color: #fff;
		font-weight: 600;
		margin-left: auto;
		text-align: center;
		width: 100%;
		border-radius: 5px;
		margin-right: 5px;
		background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
		transition: 0.5s;
		position: relative;
		overflow: hidden;
		background-size: 200% auto;
	}
	a.nav-link.mob-display.free-qte:hover {
		background-position: right center;
	}
	.navbar-light .navbar-toggler {
		border: none;
		padding: 0px;
	}
	.navbar-toggler:focus {
		box-shadow: none;
	}
	.navbar-toggler{
		margin-right: 0px;
		margin-left: 0px;
	}

    .footer-nav {
        margin-bottom: 20px;
    }
   
	.site-header .navbar-nav .nav-item .dropdown-menu ul {  
    padding-left: 0px;
    }
		
	section.hero > div:first-child {
       order: 2!important;
    }
	
	h2.w-75 {
	  width: 100% !important;
	}
	.start-form-content {
		padding: 40px 20px;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
		overflow: hidden;
	}
	.start-form-content h2 {
	  font-size: 36px;
	  line-height: 45px;
	}
	.start-form-img img {
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		border-bottom-right-radius: 0px;
	}
	.blog-slider .owl-nav button {
		display: none;
	}
	.sticky-blk {
    position: unset !important;
    top: 0px;
    height: auto !important;
}
	
}


@media screen and (max-width: 567px) {
    
    /* HEADER */
    .header__top ul{
		justify-content:center !important;
	}
    img.flg-img {
      width: 20px;
	  height: 20px;
	}
	.order_1{
		order: 1;
	}
	.order_2{
		order: 2;
	}
	.order_3{
		order: 3;
	}
	.order_4{
		order: 4;
	}
	.order_5{
		order: 5;
	}
	.order_6{
		order: 6;
	}
	.order_7{
		order: 7;
	}
	.order_8{
		order: 8;
	}
	.technology h1 br {
		display: none;
	}
	
	.site-header .navbar-nav .nav-item .dropdown-menu.nav-list {
        min-width: 250px;   
    }
	
	/* .header__top__inner ul:first-child {
        display: none;
    }
   
	.header__top__inner ul:last-child li:nth-child(2) {
        display: none;
    }
	*/
	
	.header__top ul {
        width: 100%;
    }
	
	#navbarNavDropdown.web-menu-navbar {
       display: none !important;
    }
	.mobile-nav-menu .accordion-body {
       padding: 0rem;
       
    }
	.mobile-nav-menu .accordion-body ul {
       padding-left: 0px;
	   margin-bottom: 0px;
	   margin-left: 0px;
    }
	.mobile-nav-menu .accordion-body ul li {
       list-style: none;
    }
	li.nav-title a {
		font-weight: 500;
	}
	.mobile-nav-menu .accordion-body ul li.nav-title {
       padding: 10px 0px;
	   background: #f7f7f7;
    }
	.mobile-nav-menu button.accordion-button{
		padding: 10px 15px;
		font-weight: 500;
	}
	.mobile-nav-menu .nav-link {
	  font-weight: 500;
	}
	.mobile-nav-menu .navbar-nav > li > a {
       padding: 15px;
    }
	.mobile-nav-menu .navbar-nav {
		text-align: left;
		border: 1px solid #ccc;
    }
	.mobile-nav-menu button.accordion-button:hover {
      color: var(--primary-btn);
    }
	.mobile-nav-menu button.accordion-button:not(.collapsed) {
		color: var(--primary-btn);
		background-color: #fff;
		box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
    }
	.accordion-button:not(.collapsed)::after{
		filter: grayscale(1);
	}
	#getquote {
		display: none;
	}
	.mobile-nav-menu.nw-mbl-menu .navbar-nav > li > a {
		padding: 10px 15px;
	}
	.service-height {
		height: 400px;
	}
			
}

/*-------------- Media Quries Home , ecommerce page css start -----------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.innovation-main-heading {
	  display: none;
	}
	.steps__descp p {
	  line-height: 26px;
	  font-size: 16px;
	}
	.ourclient-slider .owl-nav button {
		display: none;
	}
}

@media screen and (max-width: 767px) {

	.hero img{
      max-width: 300px;
      width: 100%;
   }
	
	.section-hero {
		padding-top: 30px;
	}
	.hero-banner-list {
		grid-template-columns: 1fr;
	}
	.call-action__inner h4 , .call-action__inner .h4{
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}
	.call-action__inner img {
		position: static;
		display: block;
		margin: 0 auto;
	}
	.call-action__inner .col-md-2 {
		text-align: center;
	}
	.service-block {
		height: auto;
		margin-bottom: 30px;
	}
	.listing-spacer {
		margin-left: 0;
	}

	/**/

	.service-block{
		padding: 20px;
	}

	.section__subheading, .row h2{
		font-size: 24px;
	}

	.specific-requirements-bg .row [class*="col-"]:nth-child(even) {
		margin-top: 0px;
	}

	.w-50{
		width: 100% !important;
	}

	.platform__box {
		width: 80px;
		height: 80px;
		padding: 20px;
	}

	.service-provide{
		padding-top: 30px;
	}

	.service-provide:before {
		height: 100%;
		width: 100%;
	}
}



@media screen and (max-width: 767px) {
	.home-hero {
		padding: 3rem 0 !important;
	}
	.value-box ul {
	  flex-direction: column;
	  text-align: center;
	}
	.value-box ul li:not(:last-child) {
	  border-right: 0;
	  padding-right: 0;
	}
	.tech-block-img{
		height: 65px;
	}
	.section-our-client {
	  margin-bottom: 50px;
	}
	button.btn.client-play-btn img {
		width: 100px;
		height: 100px;
	}
	.our-client-block {
	  flex-direction: column;
	}
	.our-client-block-img , .our-client-block-content {
		width: 100%;
	}
	.our-client-block-img {
		border-bottom-left-radius: 0px;
		border-top-right-radius: 20px;
	}
	.our-client-block-img img , .our-client-block-img::before {
	  border-top-right-radius: 20px;
	  border-bottom-left-radius: 0px;
	}
	.our-client-block-content {
		padding: 15px;
	}
	.btn.client-play-btn {
	  width: 80px;
	  height: 80px;
	}
	.ourclient-slider .owl-nav button.owl-prev {
		bottom: 0;
		left: 0;
		top: 105%;
	}
    .ourclient-slider .owl-nav button.owl-next {
		bottom: 0;
		right: 0;
		top: 105%;
	}
	.innovation-main-heading , .innovation-projects {
		position: static;
	}
	.innovation-content::before {
		display: none;
	}
	.innovation-content {
		padding: 20px;
	}
	.innovation-projects {
		width: 100%;
	}
	.form-ios {
		width: 100%;
		padding: 20px;
	}
}

/*-------------- Media Quries Home , ecommerce page css end -----------------*/

/*-------------- Media Quries iOS , Android page css start -----------------*/

@media screen and (min-width: 567px) and (max-width: 991px) {
	.ios-gallery-content p {
	  display: none;
	}
	.video {
	  width: 100%;
	}
	
}
@media screen and (max-width: 767px) {
	.video {
	    width: 100%;
		height: 100%;
		border-radius: 10px;
	}
	.intro.why-choose-us-blk {
		padding: 30px 0px;
	}
	.global-service-block-img img {
	  border-bottom-left-radius: 0px;
	  border-bottom-right-radius: 0px;
	}
	.global-service-block-content {
		position: static;
	}
	.global-slider .owl-nav {
	  bottom: -20px;
	  left: 20px;
	  width: 52px;
	  height: 52px;
	}
	.why-choose-us-blk .row .col-md-6:last-child {
	    padding-top: 20px;
	}	
	.global-service-block:hover .global-service-block-content p {
	  display: none;
	}
	.border-gradient::before {
		width: 98%;
	}
	
}

@media screen and (min-width: 320px) and (max-width: 567px) {
	.ios-gallery::before {
	  position: absolute;
	  content: "";
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 94%;
	  background: linear-gradient(#ffffff8f , #0000);
	  margin-bottom: 20px;
	  z-index: 0;
	  border-top-left-radius: 15px;
	  border-top-right-radius: 15px;
	}
	.listing__inner {
		justify-content: start !important;
	}
}

@media screen and (min-width: 320px) and (max-width: 390px) {
	.border-gradient::before {
		width: 98%;
		left: 3px;
	}

}

/*-------------- Media Quries iOS , Android page css end -----------------*/

/*-------------- Media Quries Education page css Start -----------------*/

@media screen and (min-width: 1174px) and (max-width: 1274px) {
	.blog-slider .owl-nav button.owl-prev {
		left: -30px !important;
	}
	.blog-slider .owl-nav button.owl-next {
		right: -30px !important;
	}
}
@media screen and (min-width: 991px) and (max-width: 1174px) {
	.blog-slider .owl-nav button {
		display: none;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.mobile-application .row:last-child .col-md-12 .app__blk {
	  flex-direction: column;
	}
	.blog-slider .owl-nav button.owl-next {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.app__blk .bottom-img {
		height: auto;
	}
	/*.col-md-12.d-flex .app__blk .contents + img {
	  width: calc(100% - 200px);
	}*/
	.mobile-application .row:last-child .col-md-12 .app__blk {
	  flex-direction: column;
	}
	.service-block {
		height: 100%;
	}
	.bottom-img1 {
	  width: 100%;
	}
}

@media screen and (max-width: 567px) {
	.img-section figure::before {
	  left: 15px;
	  top: 28px;
	}
	.img-section figure::after {
	  left: 10px;
	  top: 18px;
	}
	.app__blk .contents {
	   padding: 20px;
	   padding-bottom: 0px;
	}
	.app__blk .bottom-img {
		height: auto;
	}
	.mobile-application .row:last-child .col-md-12 .app__blk {
	  flex-direction: column;
	}
	.development-solutions .project-discussion {
	  top: 75% !important;
	  left: 8%;
	}
	.intro  .project-discussion {
		top: -5% !important;
		left: 13%;
	}
	.service-block {
	  height: auto;
	  margin-bottom: 10px;
	}
	.learning-solutions::after {
	   background-position: bottom;
	}
	.specific-requirements h2 {
	  margin-bottom: 0px;
	}
	.education-services .service-block {
	  flex-direction: column;
	  padding: 20px 0px;
	}
	.education-services .service-block-content {
	  margin-top: 20px;
	  width: calc(100% - 40px);
	}
	section.service-provide::before {
		top: -5%;
		left: -30%;
	}
	.section-kickstart {
	  padding: 50px 0px;
	}
	.start-development-block {
		padding: 50px 20px !important;
	}
	
}

/*-------------- Media Quries Education page css end -----------------*/

/*-------------- Media Quries Mobile Appication html page css start -----------------*/

@media screen and (min-width: 768px) and (max-width: 991px) {
	span.red-bg {
		width: 64%;
	}
	ul.new-banner-list li::before {
		top: 8px;
	}
	ul.new-banner-list li {
		line-height: 35px;
	}
}

@media screen and (max-width: 767px) {
	.hero.mobile-app-section .row .col-md-7 {
	  padding-top: 50px;
	  padding-bottom: 50px;
	}
	span.red-bg::after {
		display: none;
	}
	ul.new-banner-list li::before {
		top: 15px;
	}
	.webdesign-service-provide .row .col-md-5 {
		position: static;
	}
}

@media screen and (max-width: 567px) {
	.hero.mobile-app-section .row .col-md-7 {
	  padding-top: 30px;
	  padding-bottom: 30px;
	}
	span.red-bg {
		width: 75%;
	}
	span.red-bg::after {
		display: none;
	}
	ul.new-banner-list li {
	  font-size: 16px;
	  line-height: 30px;
	}
	ul.new-banner-list li::before {
		top: 5px;
	}
	.know-more-about-wrapper {
		padding: 50px 15px;
	}
	.slide-icons {
	  width: 68px;
	  height: 68px;
	}
	.slide-icons span {
      width: 55px;
	  height: 55px; 
	}
	.faq-blocks .accordion-body {
	   padding: 16px 25px; 
	}
	.supports-img {
	  text-align: center;
	}
	.supports-img img {
	  height: 250px;
	}
}

/*-------------- Media Quries Mobile Appication html page css end -----------------*/

/*-------------- Media Quries Dating page css Start -----------------*/

@media screen and (min-width: 768px) and (max-width: 991px) {
	.dating-hero-section h1 {
	  font-size: 42px !important;
	  line-height: 50px;
	}
	ul.dating-panel-list li {
	  flex-basis: 100% !important;
	}
	.statistics-arrow {
	  display: none;
	}
	.banner-btn-blk {
		width: 240px;
		height: 240px;
	}
}
@media screen and (max-width: 767px) {
	.order_1 {
		order: 1;
	}
	.order_2 {
		order: 2;
	}
	.efficient-img1 {
	  margin-top: 50px;
	}
	.section-efficient-bnr .row.spacer-top {
	  padding-top: 0px;
	}
	.statistics-content {
	  position: static;
	  width: 100%;
	}
	.statistics-arrow {
	  display: none;
	}
	.banner-btn-blk {
	  margin: 0 auto;
	  margin-top: -65px;
	}
	section.dating-banner h2 {
	  line-height: 36px;
	}
	.section-effective-banner {
	  margin-top: 0px;
	  padding-top: 50px;
	}
	.section-effective-banner .effective-banner-content {
	  padding-top: 50px;
	}
	.effective-img img {
	  margin-top: 0px;
	}
	.effective-banner-img a {
	  top: 70%;
	  right: 15%;
	}
	.our-history-wrapper {
		width: 100%;
	}
	
}

@media screen and (max-width: 567px) {
	.dating-hero-section h1 {
	  font-size: 34px !important;
	  line-height: 42px;
	  /* margin-top: 30px; */
	}
	section.dating-hero-section p {
		width: 100% !important;
	}
	section.dating-hero-section .col-md-6:last-child {
		display: none;
	}
	section.dating-banner h2 {
	  line-height: 36px;
	}
	section.dating-banner p {
		width: 100% !important;
	}
	.banner-btn-blk {
	  margin: 0 auto;
	  margin-top: -65px;
	}
	.statistics-content {
	  position: static;
	  width: 100%;
	}
	.statistics-arrow {
	  display: none;
	}
	ul.dating-panel-list li {
	  flex-basis: 100% !important;
	}
	.dating-panel h2 {
	  font-size: 30px;
	}
	.section-effective-banner {
	  margin-top: 0px;
	  padding-top: 50px;
	}
	.section-effective-banner .effective-banner-content {
	  padding-top: 50px;
	}
	.effective-img img {
	  margin-top: 0px;
	}
	.effective-banner-img a {
	  top: 70%;
	  right: 15%;
	}
	.efficient-img1 {
	  margin-top: 50px;
	}
	.section-efficient-bnr .row.spacer-top {
	  padding-top: 0px;
	}
	.our-tabs-style .history-img-block img {
	  height: auto;
	}
}

/*-------------- Media Quries Dating page css End -----------------*/

/*-------------- Media Quries Food page css Start -----------------*/

@media screen and (min-width:768px) and (max-width:991px) {

	span.oval-style::before {
		width: 100%;
		background-size: contain;
		top: -16px;
		height: 80px;
		left: -8px;
	}
	section.food-efficient-bnr h2 {
	  font-size: 26px;
	}
	section.food-efficient-bnr .effective-banner-content {
	  padding-bottom: 40px;
	}
	.dating-panel-img {
	  position: sticky;
	  top: 200px;
	}
}

@media screen and (max-width:767px){
	span.oval-style::before {
	  top: -21px;
	  height: 100px;
	  background-size: contain;
	  width: 100%;
	  left: -5px;
}
	section.food-efficient-bnr {
		margin: 0px 50px;
	}
	.food-hero h1 {
	  margin-top: 30px;
	}
}

@media screen and (max-width:567px){
	/*span.oval-style {
		display: block;
	}*/
	.food-hero h1 {
		margin-top: 0px;
	}
	span.oval-style::before {
		width: 100%;
		background-size: contain;
		top: -8px;
		height: 65px;
		left: -5px;
		display: none !important;
	}
	.food-hero .col-md-5 {
		display: none;
	}
	section.food-efficient-bnr {
		margin: 0 auto;
	}
	section.food-efficient-bnr h2 {
	  font-size: 32px;
	}
	.recent-service-block {
	  width: 100%;
	}
}

/*-------------- Media Quries Food page css End -----------------*/

/*-------------- Media Quries About page css Start -----------------*/
@media screen and (max-width: 991px) { 
    .hero-baout-social-media ul li {
	    margin-right: 0px;
	}
	.webdesign-img-section {
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    section.about-section .hero-about-us h1 {
		font-size: 60px !important;
	}
	.hero-baout-social-media ul li {
	  flex-basis: 50%;
	  margin-bottom: 20px;
	  margin-right: 0px;
	}
	section.about-who-we-are h2 {
	  line-height: 44px;
	}
	.founder-section .project-discussion {
	  position: absolute;
	  right: -12%;
	  top: 70%;
	}
	.core-value-wrapper {
		padding: 50px 25px;
	}
}
@media (min-width: 768px) {
	 section.all-images-wrapper .col-md-2 {
		flex: 0 0 auto;
		width: 18.666667%;
	}
}
@media screen and (max-width: 767px) {
	section.about-who-we-are h2 {
	  line-height: 35px;
	}
	.who-we-img {
	  margin-bottom: 30px;
	  text-align: center;
	}
	section.our-history::before {
		top: 55px;
		right: -45px;
		font-size: 108px;
	}
	.founder-section .project-discussion {
		right: 5%;
		top: 70%;
	}
	.core-value-wrapper::before , .core-value-wrapper::after {
		display: none;
	}
	.our-core-values .row:last-child .col-md-4:nth-child(3) .core-value-wrapper {
	  padding-bottom: 0px;
	}
	.founder-section .img-section {
		text-align: center;
		margin-bottom: 20px;
	}
}


@media screen and (max-width: 567px) {
	section.about-section .hero-about-us h1 {
		font-size: 55px !important;
	}
	section.about-section .hero-about-us h5 {
		font-size: 14px;
	}
	.hero-baout-social-media ul li {
	  flex-basis: 47%;
	  margin-bottom: 20px;
	}
	.hero-baout-social-media ul li:not(:nth-child(2n)) {
		margin-right: 15px;
	}
	section.about-who-we-are h2 {
	  line-height: 35px;
	}
	.who-we-img {
	  margin-bottom: 30px;
	  text-align: center;
	}
	section.our-history::before {
		top: 100px;
		right: -20px;
		font-size: 55px;
	}
	.our-history-wrapper {
		width: 100%;
	}
	.history-slider button.owl-dot span::after {
		font-size: 14px;
		/* display: none; */
	}
	.value-box ul li {
		padding: 0px !important;
	}
	.founder-section .img-section figure::before {
	  left: 0;
	  top: 20px;
	}
	.founder-section .custom-image-border-radius, .founder-section .img-section figure::before, .founder-section .img-section figure::after {
	  border-radius: 50%;
	}
	.founder-section .project-discussion {
		top: 70% !important;
	}
	section.our-core-values h2 + p {
	  width: 100% !important;
	}
	.core-value-wrapper {
		padding: 40px 30px;
	}
	.our-core-values .row:last-child .col-md-4:nth-child(3) .core-value-wrapper {
	  padding-bottom: 0px;
	}
	.core-value-wrapper::before , .core-value-wrapper::after {
		display: none;
	}
	/*.achievement-wrapper {
	  padding: 30px 60px;
	  height: 120px;
	}*/
	.achievement-icon img {
	  width: 150px;
	}
	.achievement-wrapper:hover .achievement-text {
		padding: 30px 60px;
	}
	.achievement-text p {
	  font-size: 18px;
	}
	.our-achievement .row:last-child .col-md-4 {
	  padding: 0rem 1rem !important;
	}
	.webdesign {
		padding: 50px 0px;
	}
	.webdesign h1 {
		line-height: 46px !important;
		text-align: center;
	}
	.webdesign h1 span {
		font-size: 48px !important;
		line-height: 48px !important;
	}
	.webdesign p {
		width: 100% !important;
		text-align: center;
	}
	.webdesign-anchor , .webdesign-learning-solution .service-block{
		text-align: center;
	}	
	.webdesign-service-provide .service-block-content {
		text-align: center;
	}
	.webdesign-service-provide .service-block-content span {
		margin: 0 auto;
		margin-bottom: 20px;
	}
}

/*-------------- Media Quries About page css End -----------------*/

/*-------------- Media Quries Blockchain page css Start -----------------*/

@media screen and (min-width:991px) and (max-width:1164px) {
	.main {
	  width: 385px;
	  height: 385px;
	}
	.key-benefit-block ul {
		gap: 20px;
	}
	.key-benefit-block ul li:nth-child(2), .key-benefit-block ul li:last-child {
	  padding-top: 0px;
	}
	.key-benefit-block ul li {
	  flex-basis: 48%;
	}
	.key-benefit-block ul li {
	  margin-right: 0px !important;
	}
}

@media screen and (min-width:767px) and (max-width:991px) {
	.hw-work-block::before {
	  display: none;
	}
	.main {
	  width: 350px;
	  height: 350px;
	}
	.big-circle .icon-block:nth-child(3), .big-circle .icon-block:nth-child(4), .big-circle .icon-block:nth-child(6) {
		width: 75px;
		height: 75px;
	}
	.blk-industry-wrapper ul li {
	  flex-basis: 100%;
	}
	
	.key-benefit-block ul {
		gap: 20px;
	}
	.key-benefit-block ul li:nth-child(2), .key-benefit-block ul li:last-child {
	  padding-top: 0px;
	}
	.key-benefit-block ul li {
	  flex-basis: 48%;
	}
	.key-benefit-block ul li {
	  margin-right: 0px !important;
	}
	.blockchain-platform.main-container {
		padding: 50px 0px;
		height: auto;
	}
	.block-bnr-content, .block-bnr-content-new {
		padding-bottom: 30px;
	}
}

@media screen and (min-width:567px) and (max-width:767px) {
	.key-benefit-block button.nav-link {
		padding: 10px 69px;
	}
	.key-benefit-block ul {
		gap: 20px;
	}
	.key-benefit-block ul li:nth-child(2), .key-benefit-block ul li:last-child {
	  padding-top: 0px;
	}
	.key-benefit-block ul li {
	  flex-basis: 48%;
	}
	.key-benefit-block ul li {
	  margin-right: 0px !important;
	}
	.hw-work-block::before {
	  display: none;
	}
	.block-bnr-img img {
	  margin-top: 20px;
	}
	.main {
	  width: 400px;
	  height: 400px;
	}
	.big-circle .icon-block:nth-child(3), .big-circle .icon-block:nth-child(4), .big-circle .icon-block:nth-child(6) {
		width: 75px;
		height: 75px;
	}
	.blockchain-platform.main-container {
		padding: 40px 0px;
		height: auto;
	}
}

@media screen and (max-width:567px) {
	.blockchain-hero h1 {
		font-size: 38px;
	}
	.blockchain-hero p {
	  width: 100% !important;
	}
	.blockchain-hero .col-md-5 {
		display: none;
	}
	.key-benefit-block ul li {
	  flex-basis: 100%;
	  margin-right: 0px !important;
	}
	.block-bnr-img img {
	  margin-top: 20px;
	}
	.hw-work-block::before {
	  display: none;
	}
	.main {
	  width: 250px;
	  height: 250px;
	}
	.big-circle .icon-block:nth-child(3), .big-circle .icon-block:nth-child(4), .big-circle .icon-block:nth-child(6) {
	  width: 70px;
	  height: 70px;
	}
	.big-circle .icon-block:nth-child(3) img, .big-circle .icon-block:nth-child(4) img, .big-circle .icon-block:nth-child(6) img {
	  width: 50px;
	  height: 50px;
	}
	.icon-block {
		width: 46px;
		height: 46px;
	}
	.icon-block img {
		width: 35px;
		height: 35px;
	}
	.center-logo {
		width: 50px;
		height: 50px;
	}
	.center-logo img {
		width: 35px;
		height: 35px;
	}
	.block-bnr-content, .block-bnr-content-new {
	  padding-left: 15px;
	}
	.blk-industry-wrapper ul li {
	  flex-basis: 100%;
	}
	.blockchain-slider button.owl-dot.active::before {
		left: 54%;
	}
	.blockchain-platform p {
		padding-right: 0px;
	}
	.blockchain-tabs-img {
		margin-bottom: 10px;
	}
	.key-benefit-block ul li:nth-child(2){
		padding-bottom: 30px;
	}
	ul.blockchain-tech-tabs {
	  position: sticky;
	  top: 100px;
	  background: #F8F8FF;
	}
	.blockchain-money-blk {
	  margin-top: 0px;
	}
	.blockchain-platform.main-container {
		padding: 30px 0px;
		height: auto;
		min-height: 100%;
	}
	ul.blockchain-tech-tabs {
	  justify-content: center;
	}
	
}

/*-------------- Media Quries Blockchain page css End -----------------*/

/*-------------- Media Quries Hire Angular page css Start -----------------*/

@media screen and (min-width:991px) and (max-width:1164px) {
	.hero-baout-social-media ul {
		gap: 20px;
	}
    .hero-baout-social-media ul li {
		flex-basis: 46%;
	}
	.common-hiring-section .row .col-lg-6:first-child {
		padding-left: calc(50% - 465px) !important;
	}
}
@media screen and (min-width:991px) {
	.hiring-hero {
		padding-top: 100px !important;
	}
}
@media screen and (max-width:991px) {
	.angular-capabilities.common-hiring-section h2 {
	  width: 100% !important;
	}
	.common-why-hire-img {
	  text-align: center;
	}
	.hiring-process-block-content h5 br , .hiring-process-block-content .h5 br {
		display: none;
	}
}

@media screen and (min-width:767px) and (max-width:991px) {
    .program-expertise-block {
	  position: static;
	  border-right: 0px;
	  margin-right: 0px;
	  padding-left: 0px;
	}
	.common-hiring-section .row .col-lg-6:first-child {
	  padding-left: 15px !important;
	}
	.common-hiring-section .row .col-lg-6:last-child {
		padding: 235px 80px;
	}
	.common-hiring-section .row .col-lg-6:last-child {
		background: url(../images/angular-images/dedicated-angular.webp);
		background-size: contain;
		background-position: right;
		background-repeat: no-repeat;
	}
    .hiring-process-wrapper ul {
	  display: flex;
	  justify-content: space-around;
	  align-items: center;
	  flex-wrap: wrap;
	}
	.hiring-process-img {
	  text-align: center;
	}
    .why-hire-angular-dev h2 {
	  width: 75% !important;
	}	
	.g-recaptcha iframe {
		transform: scale(0.8);
		transform-origin: left;
	}
	.hiring-hero .hero-content {
		position: sticky;
		top: 140px;
	}
}
@media screen and (min-width:567px) and (max-width:991px) {
	.hiring-process-wrapper ul li {
		flex-basis: 50%;
	}
}
@media screen and (max-width:767px) {
	.hiring-hero .form-ios {
		margin-bottom: 50px !important;
	}
}

@media screen and (min-width:567px) and (max-width:767px) {
	.hire-expert-btnlink ul {
	  display: flex;
	  justify-content: center;
	  flex-wrap: wrap;
	  gap: 10px;
	}
	.common-why-hire-img {
	  text-align: center;
	}
	.hiring-process-wrapper ul {
	  display: flex;
	  justify-content: space-around;
	  align-items: center;
	  flex-wrap: wrap;
	}
	.hiring-process-img {
	  text-align: center;
	}
	.program-expertise-block {
	  position: static;
	  border-right: 0px;
	  margin-right: 0px;
	  padding-left: 0px;
	}
	.common-hiring-section .row .col-lg-6:first-child {
	  padding-left: 15px !important;
	}
	.common-hiring-section .row .col-lg-6:last-child {
		padding: 235px 80px;
	}
	.common-hiring-section .row .col-lg-6:last-child {
		background: url(../images/angular-images/dedicated-angular.webp);
		background-size: contain;
		background-position: right;
		background-repeat: no-repeat;
	}
}

@media screen and (max-width:567px) {
	.hiring-hero .hero-content {
	  padding-bottom: 30px;
	}
	.program-expertise-block {
	  position: static;
	  border-right: 0px;
	  margin-right: 0px;
	  padding-left: 0px;
	}
	.common-hiring-section .row .col-lg-6:last-child {
		background: url(../images/angular-images/dedicated-angular.webp);
		background-size: contain;
		background-position: right;
		background-repeat: no-repeat;
	}
	.common-hiring-text-block h3 {
	  font-size: 20px;
	}
	.common-hiring-section .row .col-lg-6:first-child {
	  padding-left: 15px !important;
	}
	.common-hiring-section .row .col-lg-6:last-child {
		padding: 130px 80px !important;
	}
	.hire-expert-detail ul {
	  display: flex;
	  gap: 10px;
	  flex-direction: column;
	  align-items: center;
	}
	.hire-expert-btnlink ul {
	  display: flex;
	  justify-content: center;
	  flex-wrap: wrap;
	  gap: 10px;
	}
	.hire-expert-detail {
		text-align: center;
	}
	.hiring-process-wrapper ul {
	  display: flex;
	  align-items: center;
	  flex-direction: column;
	  gap: 20px;
	}
	.hiring-process-img {
	  text-align: center;
	}
	.common-why-hire-us-content ul li {
	  flex-basis: 100%;
	  line-height: 34px;
	}
	.hire-projects .app__blk.online-study-bg .contents {
		padding: 0px;
	}
	.hire-projects .app__blk.online-study-bg {
		padding: 25px 25px 0px;
	}
	.hire-projects .app__blk.ebook-bg {
		padding: 25px 25px 0;
	}
	.why-hire-angular-dev .service-block {
		padding: 15px;
	}
	.hire-projects .app__blk img.web-img {
		height: auto !important;
		min-height: 150px !important;
	}
	.hiring-process + .section-efficient-banner {
		padding: 0px 15px;
	}
}
@media screen and (max-width:350px) {
	.g-recaptcha , .g-recaptcha  div {		
		max-width: 100%;
	}
	.g-recaptcha > div{
		width:100% !important;
		margin:0px !important;
	}
	.g-recaptcha iframe {
		transform: scale(0.8);
		transform-origin: left;
	}
	.start-form-content .g-recaptcha{
		display: block;
	}
	.form-ios .g-recaptcha{
		display: block;
	}
}

/*-------------- Media Quries Hire Angular page css End -----------------*/

/*-------------- Media Quries Web Development page css Start -----------------*/

@media screen and (max-width:767px) {
	.web-hero-section h1 + p {
		width: 100% !important;
	}
	/*--------- Clone page css ---------*/
	.hiring-dev-process-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.hire-dev-process-block {
		flex-basis: 46%;
		margin-right: 0px !important;
	}
	
	.hire-dev-process-block:not(:last-child) {
		margin-bottom: 15px;
	}
	.dev-arrow , .hire-dev-process-block::before , .hire-dev-process-block::after {
		display: none;
	}
}

@media screen and (max-width:567px) {
	.web-hero-section p {
		width: 100% !important;
	}
	.excellent-block.web-block {
		padding: 20px 10px;
	}
	.web-highly-effective .row:last-child .col-lg-3:nth-child(2n) {
		padding-top: 0px;
	}
}

/*-------------- Media Quries Web Development page css End -----------------*/

/*-------------- Media Quries Blockchain INNER PAGES css Start -----------------*/
@media screen and (min-width:767px) and (max-width:1200px) {		
	.crypto-slider{
		padding-left: 30px !important;
	}
	/*--------- Clone page css ---------*/
	.hiring-dev-process-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.hire-dev-process-block {
		flex-basis: 30%;
	}
	
	.hire-dev-process-block:not(:last-child) {
		margin-bottom: 15px;
	}
	.dev-arrow , .hire-dev-process-block::before , .hire-dev-process-block::after {
		display: none;
	}
}
@media screen and (max-width:991px) {
	.crypto-security .common-why-hire-img {
	  position: static;
	  transform: none;
	}	
}

@media screen and (max-width:567px) {
	.crypto-slider .owl-nav {
		position: static;
		text-align: center;
		margin-top: 25px;
	}
	.crypto-slider .owl-stage {
	  margin-left: 0px;
	}
	.crpto-keyword-btn {
		text-align: center;
	}
}
@media screen and (max-width:500px) {
	.custom-image-border-radius {
		/* transform: scale(0.85,0.9); */
	}
	.consultaion-section {
		padding: 20px;
	}
	.consultaion-section h3 , .consultaion-section .h3 {
		font-size: 24px;
		line-height: 30px;
	}
}

/*-------------- Media Quries Blockchain INNER PAGES css End -----------------*/

/*---------------- New Contact Us Page media CSS Start --------------- */
@media screen and (min-width: 1440px) {
	section.hero-contact {
		background-position: 0 -260px;
	}
}
@media screen and (max-width: 991px) {
	section.hero-contact {
		background-position: bottom;
	}
	section.new-contact-detail .row .col-lg-4:first-child .new-contactblk , section.new-contact-detail .row .col-lg-4:nth-child(2) .new-contactblk , section.new-contact-detail .row .col-lg-4:last-child .new-contactblk {
		padding: 15px;
	}
	section.new-contact-detail .row .col-lg-4:not(:last-child) .new-contactblk::before {
		display: none;
	}
}
@media screen and (max-width: 567px) {
	section.hero-contact {
		background-position: bottom;
	}
	section.hero-contact p br {
		display: none;
	}
	.contact-new-form {
		padding: 30px 30px;
	}
	section.new-contact-detail .row .col-lg-4:first-child .new-contactblk , section.new-contact-detail .row .col-lg-4:nth-child(2) .new-contactblk , section.new-contact-detail .row .col-lg-4:last-child .new-contactblk {
		padding: 15px;
	}
	section.new-contact-detail .row .col-lg-4:not(:last-child) .new-contactblk::before {
		display: none;
	}
	.hero-contact h1 {
	   font-size: 2rem;
	}
	
	/*--------- Clone page css ---------*/
	.hire-dev-process-block {
		flex-basis: 100%;
		margin-right: 0px !important;
	}
	.hire-dev-process-block:not(:last-child) {
		margin-bottom: 15px;
	}
	.dev-arrow , .hire-dev-process-block::before , .hire-dev-process-block::after {
		display: none;
	}
	section.clone-capabilities .container-fluid {
		padding-top: 30px;
	}
	
}

/*---------------- New Contact Us Page media CSS end --------------- */

/*------- old webflow development page media css start----------*/

.image-frame figure {
	margin: 0px 30px 0px 0px;
}

/*------- old webflow development page media css end----------*/

@media screen and (min-width:767px) and (max-width:850px) {
	footer .col-md-4.footer-nav {
		width: 100%;
		margin-bottom: 20px;
	}
	footer .col-md-2.footer-nav {
		width: 25%;
	}
	footer .col-md-3.footer-nav {
		width: 25%;
	}
	footer .row div.col-md-3:last-child {
		width: 50%;
	}
}

@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: auto;
	}
}


/* 22-03-2023 */
.devops-hero {
	background: url(../images/devops-images/hero-image.jpg) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
} 
.DevOps-tabs-content button.nav-link {
	padding: 45px 19px !important;
}
.next-level .block-bnr-content {
	padding: 60px 40px !important;
}
.next-level .block-bnr-img img {
	height: 100%;
	margin: 0;
	object-fit: cover;
	border-radius: 0px 6px 6px 0px;
  }
.next-level .block-bnr-img {
	height: 100%;
}
.next-level .blockchain-money-wrapper {
	border-radius: 6px;
  }
  .devops-service {
	background: #FAF9F6;
  }
/* 22-03-2023 */















/* Template CSS */

.button-primary {
    color: var(--bg-white);
    background-color: var(--primary-color-600);
}

.button-primary:hover {
    color: var(--bg-white) !important;
    background-color: #11171e !important;
}

.button {
    padding: 16px;
    font-weight: 700;
    transition: all .3s ease;
    display: inline-flex;
    gap: 20px;
    align-items: center;
    transition: all .3s ease;
}

.circle-icon {
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: none;
    flex-shrink: 0;
    transition: all 0.3s;
    position: relative;
}

.circle-icon svg {
    animation: arrow-move 0.5s infinite alternate;
}

@keyframes arrow-move {
    0% {
        transform: translateX(3px);
    }

    100% {
        transform: translateX(-3px);
    }
}

.image-blend img {
    mix-blend-mode: multiply;
}

/* form	 */

.form-layout .elementor-widget-container {
    padding: 0 !important;
    border-radius: 0 !important;
}

.form-layout .form-ios .btn-primary,
.primary-btn {
    padding: 16px;
    font-weight: 700;
    display: inline-flex;
    gap: 20px;
    align-items: center;
    transition: all .3s ease;
    color: var(--bg-white) !important;
    background: var(--primary-color-600) !important;
    justify-content: center;
    border-radius: 0;
    margin: 20px 0 0;
}

.sticky-column .e-con-inner {
    position: sticky !important;
    top: 200px;
    flex: 0 !important;
}

.primary-btn {
    background-image: unset !important;
    background-color: var(--primary-color-600) !important;
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    margin: 0;
    border-radius: 0 !important;
    opacity: 1 !important;
}

@media screen and (max-width: 767px) {
	.form-layout .form-ios .btn-primary,
	.primary-btn,.button-primary {
		width: 100%;
		max-width: 100%;
	}
}