@font-face {
	font-family: vivobeta1-Light;
	src: url('../fonts/vivobeta1-Light.ttf');
}
@font-face {
	font-family: vivobeta1-Regular;
	src: url('../fonts/vivobeta1-Regular.ttf');
}
@font-face {
	font-family: vivobeta1-Bold;
	src: url('../fonts/vivobeta1-Bold.ttf');
}
html {
	position: relative;
	height: 100%;
	scroll-behavior: smooth;
}

body {
	font-family: 'Space Grotesk', sans-serif;
	color: var(--body-color);
	font-size: 16px;
	line-height: 28.8px;
	font-weight: 400;
	padding: 0px;
	margin: 0px;
	background-color: #ffff;
	overflow-x: hidden;
}

a,
a:hover {
	color: inherit;
	text-decoration: none;
}

/****************** HEADER START**********************/
/****************** HEADER START**********************/
/****************** HEADER START**********************/

.header {
	background-color: transparent;
	padding: 15px 0px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	transition: all ease 0.5s;
	z-index: 9999;
}

.header.sticky-bar {
	background-color: #fff;
}

header.sticky-bar {
	background-color: #fff;
	position: fixed;
	width: 100%;
	transition: all ease 0.5s 0s;
	box-shadow: 0 3px 15px -1px rgba(0, 0, 0, 0.05);
}

.header.sticky-bar .dropdown-menu {
	top: 55px;
	left: 0;
}

.header.sticky-bar .nav-link {
	color: #000;
}

header.sticky-bar .header__area-menubar-center-menu ul li a {
	color: #000;
	transition: all ease 0.5s 0s;
}

header.sticky-bar	.header__area-menubar-center-menu	ul	li.menu-item-has-children
	> a::before {
	color: #000;
}

.logo {
	width: 167px;
	transition: all ease 0.5s;
}


#navbar-hamburger.show {
	display: block;
}
#navbar-hamburger,
#navbar-close {
	display: none;
}
#navbar-close.show {
	display: block;
}


.navbar-expand-lg .navbar-nav .dropdown-menu {
	top: 100%;
	border: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding: 0px;
	min-width: 215px;
	box-shadow: 0px 3px 15px #afafaf38;
}

.navbar-toggler:focus {
	box-shadow: none;
	outline: 0;
}

.dropdown-item {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 11px 10px;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
	color: #ffffff;
	background-color: #2bace2;
}
.dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #db0101;
}
.nav-link::before,
.nav-item.active .nav-link::before,
.nav-item .nav-link.active::before {
	content: '';
	width: 100%;
	height: 2px;
	border-radius: 0px;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: 0.5s transform ease;
	transform: scale3d(0, 1, 1);
	background: #2bace2;
	transform-origin: 100% 50%;
}
.nav-link:hover::before,
.nav-item.active .nav-link::before,
.nav-item .nav-link.active::before {
	transform: scale3d(1, 1, 1);
	transform-origin: 0 50%;
}

.header .nav-link{
	color: #fff ;
}
.nav-link:focus,
.nav-link:hover {
	color: #2bace2;
}
.nav-link {
	display: block;
	padding: 0.5rem 1rem;
	text-decoration: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
	border-color 0.15s ease-in-out;
	font-size: 18px;
	color: #485054;
	/* color: #fff; */
	position: relative;
}
.nav-link.active {
	color: #2bace2;
}
.navbar-expand-lg .navbar-nav .nav-link {
	margin-right: 18px;
	margin-left: 18px;
}
.portal-btn {
	border: 2px solid #2bace2;
	color: #2bace2;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 7px 23px 8px;
	background-color: transparent;
	transition: all ease 0.2s;
}

.portal-btn:hover {
	color: #fff;
	background-color: #2bace2;
}

.portal-btn:hover .reg-icon{
	display: none;
}
.portal-btn:hover .hover-icon{
	display: inline-block;
}

.btn:focus {
	box-shadow: none;
	outline: 0;
}

.portal-btn img {
	margin-top: -2px;
}




/********************** HERO START**********************/
/********************** HERO START**********************/
/********************** HERO START**********************/
.hero {
	padding-top: 10rem;
	padding-bottom: 4rem;
	overflow: hidden;
	position: relative;
	max-height: 398px;
}
.hero-title {
	color: #485054;
	/* font-size: 52px; */
	font-size: 58px !important;
	font-weight: 600;
	/* margin-bottom: 20px;
	position: relative;
	top: -9px; */
}

/* .hero-title {
} */

/* .hero {
	
} */

.hero .z-2 {
	z-index: 2;
}


.hero .video-player {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 0;
}





.hero .video-player video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	
}

.hero .hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(
		45deg,
		rgb(0, 10, 32) 0%,
		rgba(46, 76, 116, 0.4) 70%
	);
	pointer-events: none;
	opacity: 1; 
  
}

.hero #carouselExampleFade{
	min-height: 110px;
}





/********************** HERO END**********************/
/********************** HERO END**********************/
/********************** HERO END**********************/


/* custom css start */
.btn-red {
	background: #e21e34 0% 0% no-repeat padding-box;
	border: 2px solid #e21e34;
	border-radius: 50px;
	color: #f1fbff;
	padding: 11px 32px 13px;
	transition: all 0.2s ease-in-out;
}
.btn-red:hover {
	background-color: transparent;
	color: #e21e34;
}
.bold {
	font-family: vivobeta1-Bold;
}

.sec-pad {
	padding: 4rem 0;
}
.theme-color {
	color: #2bace2 !important;
}

/* .logo {
	width: 167px;
	transition: all ease 0.5s;
} */

.title {
	color: #485054;
	font-size: 35px;
	margin-bottom: 14px;
	line-height: 45px;
}
.title-des {
	color: #485054;
	margin-bottom: 50px;
}
/* .accordion-button:not(.collapsed) {
	color: #2bace2;
	background-color: #e7f1ff00;
	box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
} */
/* .accordion-button {
	font-size: 21px !important;
	background-color: #fff0;
	padding: 28px 24px 30px;
} */
/* .accordion-item:first-of-type {
	border-top-left-radius: 10px;
	border-top-right-radius: 34px;
}
.accordion-item:not(:first-of-type) {
	border: 0.5px solid #2bace2;
} */

/* .accordion-body {
	padding-top: 0px;
} */
/* .accordion-button:not(.collapsed) .ad-icon {
	display: none;
}
.accordion-button:not(.collapsed) .ac-icon {
	display: block;
} */
/* .accordion-item:nth-child(even) {
	margin-left: 60px;
}
.accordion-item:nth-child(odd) {
	margin-right: 60px;
} */
.idustries-box {
	padding: 20px;
	background: #ffffff 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 15px #2bace21a;
	border-radius: 10px;
	text-align: center;
	color: #8a9092;
	height: 100%;
	transition: all ease 0.5s;
	cursor: pointer;
}
.idustries-box:hover {
	box-shadow: 0px 3px 15px #2bace24d;
}
.idustries-box:hover .idustries-title {
	color: #2bace2;
}
.ib-red-left-border {
	border-left: 4px solid #e21e34;
}
.ib-blue-left-border {
	border-left: 4px solid #2bace2;
}
.idustries-title {
	font-size: 20px;
	color: #485054;
	margin-bottom: 9px;
	transition: all ease 0.5s;
}
.services-box {
	/* background: #ffffff 0% 0% no-repeat padding-box; */
	background-color: #f7f7ff;
	box-shadow: 0px 3px 15px #2bace21a;
	border-radius: 10px;
	/* padding: 33px 14px 20px; */
	padding: 40px;
	text-align: center;
	transition: all ease 0.5s;
	/* cursor: pointer; */
	height: 100%;
}
/* .services-des {
	min-height: calc(100% - 142px);
} */
.services-box:hover {
	box-shadow: 0px 3px 15px #2bace24d;
}
.services-box:hover .idustries-title {
	color: #2bace2;
}


/* .services-box {
	
	
} */

/* header {
	position: relative;
	z-index: 9999;
	transition: all ease 0.5s 0s;
} */


/* #navbar-hamburger.show {
	display: block;
}
#navbar-hamburger,
#navbar-close {
	display: none;
}
#navbar-close.show {
	display: block;
}


.navbar-expand-lg .navbar-nav .dropdown-menu {
	top: 100%;
	border: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding: 0px;
	min-width: 215px;
	box-shadow: 0px 3px 15px #afafaf38;
}
.dropdown-item {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 11px 10px;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
	color: #ffffff;
	background-color: #2bace2;
}
.dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #db0101;
} */
/* .dropdown-menu {
	left: 0;
} */
/* .header.sticky-bar .dropdown-menu {
	top: 55px;
	left: 0;
} */

/* .nav-link::before,
.nav-item.active .nav-link::before,
.nav-item .nav-link.active::before {
	content: '';
	width: 100%;
	height: 2px;
	border-radius: 0px;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: 0.5s transform ease;
	transform: scale3d(0, 1, 1);
	background: #2bace2;
	transform-origin: 100% 50%;
}
.nav-link:hover::before,
.nav-item.active .nav-link::before,
.nav-item .nav-link.active::before {
	transform: scale3d(1, 1, 1);
	transform-origin: 0 50%;
}
.nav-link:focus,
.nav-link:hover {
	color: #2bace2;
}
.nav-link {
	display: block;
	padding: 0.5rem 1rem;
	color: #0d6efd;
	text-decoration: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out;
	font-size: 18px;
	color: #485054;
	position: relative;
}
.nav-link.active {
	color: #2bace2;
}
.navbar-expand-lg .navbar-nav .nav-link {
	margin-right: 18px;
	margin-left: 18px;
} */

/* .portal-btn {
	border: 2px solid #2bace2;
	color: #2bace2;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 7px 23px 8px;
	background-color: transparent;
	transition: all ease 0.2s;
}

.portal-btn:hover {
	color: #fff;
	background-color: #2bace2;
}
.btn:focus {
	box-shadow: none;
	outline: 0;
}

.portal-btn img {
	margin-top: -2px;
} */


/* .hero {
	padding-top: 10rem;
	padding-bottom: 4rem;
	overflow: hidden;
	position: relative;
}
.hero-title {
	color: #485054;
	font-size: 52px;
	margin-bottom: 20px;
} */

/* .dicon {
	width: 23px;
	margin-right: 10px;
	transition: all 0.2s ease-in-out;
}
.dicon-hover {
	display: none;
	width: 23px;
	margin-right: 10px;
	transition: all 0.2s ease-in-out;
} */
/* .dropdown-item:focus .dicon-hover,
.dropdown-item:hover .dicon-hover {
	display: block;
}
.dropdown-item:focus .dicon,
.dropdown-item:hover .dicon {
	display: none;
} */

.middle-title {
	font-family: vivobeta1-Bold;
	color: #485054;
	font-size: 25px;
	margin-bottom: 10px;
}
.font-18 {
	font-size: 18px !important;
}
.service-accordition .accordion-item {
	margin: 0px !important;
	margin-bottom: 15px !important;
	box-shadow: 0px 3px 15px #2bace21a;
	border: none !important;
	border-radius: 10px !important;
	transition: all ease 0.5s;
}
.service-accordition .accordion-item:hover {
	box-shadow: 0px 3px 15px #2bace24d;
}
.service-accordition .accordion-button {
	color:  #8a9092;
	
	font-size: 25px !important;
	background-color: #fff0;
	padding: 25px 24px;
}

.service-accordition .accordion-button:hover{
	color: #0ab9ed;
}

.accordion-button:focus {
	z-index: 3;
	border-color: #2bace2;
	outline: 0;
	box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);
}

.red-text {
	color: #e21e34 !important;
}
/* .service-box-100 {
	height: 100%;
} */
.sec-bg {
	width: 100%;
	height: auto;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 450px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* .sec-bg p,
.sec-bg .title {
	color: #f1fbff;
} */
.sec-bg-text {
	font-size: 25px;
	line-height: 35px;
	font-family: vivobeta1-Bold;
	color: #f1fbff;
}
.roadmap-list li {
	list-style: none;
	position: relative;
	margin-left: 25px;
}
.roadmap-list li::before {
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	background-color: #e21e34;
	position: absolute;
	left: 0px;
	top: 0px;
}
.roadmap-list p.r_title {
	font-size: 21px;
	line-height: 28px;
	margin-bottom: 5px;
	color: #485054;
}
.roadmap-list p.r_content {
	margin-bottom: 0px;
}
.roadmap-content-div {
	padding-left: 45px;
	padding-bottom: 25px;
	position: relative;
}
.r_number {
	width: 50px;
	height: 50px;
	background-color: #2bace2;
	border: 3px solid #fff;
	border-radius: 50%;
	color: #f1fbff;
	font-size: 21px;
	font-family: vivobeta1-Bold;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: -25px;
	top: 0px;
}
.roadmap-list li:last-child .roadmap-content-div {
	padding-bottom: 0px;
}
.roadmap-list li:last-child::before {
	display: none;
}

.team-box-margin {
	margin-bottom: 30px;
}
.team-box {
	background-color: #fff;
	box-shadow: 0px 3px 15px #2bace21a;
	border-radius: 10px;
	max-width: 400px;
	margin: auto;
	height: 100%;
	text-align: center;
	transition: all ease 0.5s;
	cursor: pointer;
}
.team-box:hover {
	box-shadow: 0px 3px 15px #2bace24d;
}
.team-box:hover .team-title {
	color: #2bace2;
}
.team-img {
	width: 100%;
	max-width: 150px;
	height: auto;
	border-radius: 10px;
	margin-bottom: 10px;
}
.team-desc {
	padding: 20px 20px;
}
.team-title {
	font-size: 21px;
	transition: all ease 0.5s;
}
.team-desc p {
	margin-bottom: 0px;
}
.light-text {
	color: #8a9092;
}

.contact-box {
	background-color: #fff;
	box-shadow: 0px 3px 15px #2bace21a;
	border-radius: 10px;
	/* padding: 20px 30px; */
	overflow: hidden;
}

.contact-box-padding {
	padding: 20px 30px;
}

.form-group {
	position: relative;
	margin-bottom: 1rem;
}
.form-control {
	border-color: #e6e6e6;
	border-radius: 5px;
	padding: 8px 30px;
	margin-top: -10px;
}
.form-control::placeholder {
	color: #d4d4d4;
}
.form-control:focus {
	box-shadow: none;
	outline: 0;
	border-color: #2bace2;
}
.form-group label {
	color: #485054;
	background-color: #fff;
	display: inline-block;
	margin-left: 20px;
	padding: 0px 5px;
}
.sqlbench-logo {
	max-height: 30px;
	width: auto;
}



.pp-box {
	background: #f8f8f8 0% 0% no-repeat padding-box;
	border-radius: 5px;
	padding: 23px 20px;
	position: sticky;
	top: 173px;
}
.pp-box .nav-link::before {
	display: none;
}
.pp-box .navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 0;
	padding: 4px 0px;
	font-size: 15px;
}
.ppbox-circle {
	background: #2bace2 0% 0% no-repeat padding-box;
	width: 20px;
	max-width: 7px;
	height: 7px;
	border-radius: 50px;
	margin-top: 9px;
}
.pp-title {
	font-size: 21px;
	margin-bottom: 20px;
}
.pp-box-des {
	padding-top: 71px;
	margin-top: -31px;
}
.pp-box-des-first {
	margin-top: -40px;
}
.tag-box {
	background: #d1f2ff 0% 0% no-repeat padding-box;
	border-radius: 5px;
	padding: 3px 18px;
	color: #485054;
	text-align: center;
	font-size: 16px;
	display: inline-block;
	margin: 0px 6px 7px 0px;
	transition: all 0.2s ease-in-out;
}
.tag-box:hover {
	cursor: pointer;
	background: #2bace2 0% 0% no-repeat padding-box;
}
.ad-img {
	width: 29px;
	height: 29px;
	border-radius: 50px;
	border: 1px solid #2bace2;
}



.first-blog-des {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pa-box {
	background: #ffffff 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000021;
	border-radius: 5px;
	padding: 22px;
	margin-bottom: 20px;
}
.pa-box-blue-border {
	border-top: 11px solid #2bace2;
}

.blog-title {
	font-size: 23px;
	color: #485054;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.blog-title-hover {
	transition: all 0.2s ease-in-out;
}
.blog-title-hover:hover {
	color: #2bace2;
}
.ft-25 {
	font-size: 25px;
}

.page-link {
	position: relative;
	display: block;
	color: #26a7dd;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-family: vivobeta1-Regular;
	padding: 11px 17px;
}
.page-link:hover {
	z-index: 2;
	color: #ffffff;
	background-color: #2bace2;
	border-color: #dee2e6;
}

/* .s-blog-img {
	margin: 20px 0px;
} */

/* .blog-details li {
	margin-bottom: 0px;
} */
/* .pad-left-blog-right {
	padding-right: 10px;
} */

.br-8 {
	border-radius: 8px;
}
.carousel-item.active {
	opacity: 0;
	animation-name: opacity;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}
@keyframes opacity {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.title-for-scroll {
	padding-top: 5rem;
	margin-top: -5rem;
}
.inner-pag-content {
	padding-top: 7rem;
}
.mt-minus-4 {
	margin-top: -4rem;
}

/* .hero {
	position: relative;
	max-height: 398px;
}
.hero .z-2 {
	z-index: 2;
}
.hero .hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(
		45deg,
		rgb(0, 10, 32) 0%,
		rgba(46, 76, 116, 0.4) 70%
	);
	pointer-events: none;
	opacity: 1; 
  
}

.hero .video-player {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 0;
}




.hero .video-player video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	
} */



.z-2 {
	z-index: 2;
}



/* scroll-down menu colour changed to black EML */
/* .header.sticky-bar .nav-link {
	color: #000;
} */

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


.regular {
	font-family: vivobeta1-Regular;
}

.btn-theme {
	background: #2bace2 0% 0% no-repeat padding-box;
	border: 2px solid #2bace2;
	border-radius: 50px;
	color: #f1fbff;
	padding: 11px 32px 13px;
	transition: all 0.2s ease-in-out;
}
.btn-theme:hover {
	background-color: transparent;
	color: #2bace2;
}
.btn-theme span img {
	margin-top: -3px;
}

.gap-7 {
	gap: 7rem !important;
}

img {
	max-width: 100%;
	height: auto;
	transition: 0.4s;
}

a {
	outline: none;
	color: inherit;
	text-decoration: none;
}

a,
button,
i {
	text-decoration: none;
	color: inherit;
	text-decoration: none;
}

a:focus,
a:hover {
	text-decoration: none;
	color: inherit;
}

.section-padding {
	padding: 120px 0px;
}

@media (max-width: 575px) {
	.section-padding {
		padding: 85px 0px;
	}
}
.display-none {
	display: none;
}

.display-block {
	display: block;
}

.img__full {
	width: 100%;
}

.extra-bg {
	background-color: #f9fdfd;
}

.subtitle-one,
.subtitle-two,
.subtitle-three,
.subtitle-four {
	position: relative;
	color: var(--primary-color-4);
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	padding-left: 30px;
	display: inline-block;
	margin-bottom: 14px;
}

.subtitle-one::before,
.subtitle-two::before,
.subtitle-three::before,
.subtitle-four::before {
	position: absolute;
	content: '';
	top: 2px;
	left: 0;
	background-image: url('../img/icon/subtitle-4.html');
	background-size: 19px;
	height: 22px;
	width: 20px;
	background-repeat: no-repeat;
}

.subtitle-two {
	color: var(--primary-color-2);
}

.subtitle-two::before {
	background-image: url('../img/icon/subtitle-2.html');
}

.subtitle-three {
	color: var(--primary-color-3);
}

.subtitle-three::before {
	background-image: url('../img/icon/subtitle-3.html');
}

.subtitle-four {
	color: primarycolor;
}

.subtitle-four::before {
	background-image: url('../img/icon/subtitle-1.html');
}

.btn-one,
.btn-two {
	border: 2px solid #2bace2;
	color: #2bace2;
	display: inline-block;
	font-size: 16px;
	line-height: 0px;
	padding: 9px 21px;
	border-radius: 5px;
	font-weight: 400;
	z-index: 3;
	position: relative;
	transition: 0.4s;
	text-transform: uppercase;
	text-decoration: none;
}

.btn-one::after,
.btn-one::before,
.btn-two::after,
.btn-two::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 0;
	top: 0;
	left: 0;
	background: #2bace2;
	border-radius: 6px 30px 30px 6px;
	transition: all 0.4s ease-out;
	z-index: -1;
}

.btn-one::after,
.btn-two::after {
	right: 0;
	border-radius: 30px 6px 6px 30px;
	left: auto;
}

.btn-one:hover,
.btn-two:hover {
	color: #fff;
}

.btn-one:hover::after,
.btn-one:hover::before,
.btn-two:hover::after,
.btn-two:hover::before {
	width: 52%;
	border-radius: 0px;
}

.btn-one:focus,
.btn-two:focus {
	color: #fff;
}

.btn-two {
	background: var(--primary-color-2);
	border-radius: 30px;
	overflow: hidden;
	display: inline-flex;
}

.btn-two::after,
.btn-two::before {
	border-radius: 30px;
}

.btn-two:hover::before {
	border-radius: 30px 0 0 30px;
}

.btn-two:hover::after {
	border-radius: 0 30px 30px 0;
}

.simple-btn {
	color: var(--btn-heading-color);
	display: inline-block;
	font-size: 14px;
	line-height: 26px;
	font-weight: 700;
	transition: 0.4s;
	text-transform: uppercase;
}

.simple-btn:hover {
	color: #0ab9ed;
}

.simple-btn:focus {
	color: #0ab9ed;
}

@keyframes rotate {
	100% {
		transform: rotate(90deg);
	}
}

:root {
	--text-white: #ffffff;
	--bg-white: #ffffff;
	--btn-white: #ffffff;
	--border-white: #ffffff;
	--primary-color-4: #ff0000;
	--primary-color-2: #2974ff;
	--primary-color-3: #0d9b4d;
	--bg-heading-color: #121212;
	--text-heading-color: #121212;
	--btn-heading-color: #121212;
	--dark-one: #121212;
	--dark-two: #171717;
	--color-1: #333334;
	--color-2: #999999;
	--color-3: #cccccc;
	--color-4: #f8f8f8;
	--color-5: #f6f6f6;
	--color-6: #141c21;
	--color-7: #feede8;
	--color-8: #f2f3f3;
	--color-9: #131315;
	--color-10: #1e1f21;
	--color-11: #fa714a;
	--color-12: #fdb8a5;
	--color-13: #f8e7e2;
	--color-14: #eaf1ff;
	--color-15: #0d0d0d;
	--color-16: #202123;
	--color-17: #111214;
	--color-18: #161719;
	--color-19: #2d2e30;
	--color-20: #ececec;
	--color-21: #2d2f34;
	--color-22: #424448;
	--color-23: #57595d;
	--color-24: #56b982;
	--border-color-1: #e6e6e6;
	--border-color-2: #f0f0f0;
	--border-color-3: rgba(255, 255, 255, 0.1);
	--border-color-4: rgba(19, 19, 19, 0.06);
	--box-shadow-1: 0px 30px 70px rgba(0, 0, 0, 0.08);
	--box-shadow-2: 0px 10px 70px rgba(0, 0, 0, 0.1);
}





/* header.sticky-bar .header__area-menubar-center-menu ul li a {
	color: #000;
	transition: all ease 0.5s 0s;
}

header.sticky-bar	.header__area-menubar-center-menu	ul	li.menu-item-has-children
	> a::before {
	color: #000;
} */



.portal-btn {
	/*background-color: #E21F34;
  color: #fff;*/
	text-decoration: none;
	padding: 10px 20px;
	display: inline-block;
}

/* .hero-title {
	font-size: 58px !important;
	font-weight: 600;
} */

.carousel-item h4 {
	font-size: 18px !important;
	font-weight: 400;
}

.main-carousel {
	height: 304px;
	vertical-align: middle;
	display: flex;
	align-items: center;
}

.hover-icon {
	display: none;
}

.services-con {
	padding: 0px 50px 0px 0px;
}


.services-con h3 {
	font-size: 30px;
	font-weight: 400;
}


.service-title--link{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
}

.service-title--one{
padding: 0 20px 5px 20px;
border-radius: 10px;
transition: color 0.2s ease, background-color 0.2s ease;

}

.service-title--one:hover{
color:#2BACE2;

}


.service-icon--one{
	display: block;
	background-image: url('../img/icon/support.svg');
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	transition: background-image 0.3s ease;
}

.service-icon--one:hover{
background-image: url('../img/icon/support_hover.svg');

}

.service-title--two{
padding: 0 20px 5px 20px;
border-radius: 10px;
transition: color 0.2s ease, background-color 0.2s ease;

}

.service-title--two:hover{
color:#2BACE2;

}


.service-icon--two{
	display: block;
	background-image: url('../img/icon/performance.svg');
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	transition: background-image 0.3s ease;
}

.service-icon--two:hover{
background-image: url('../img/icon/performance_hover.svg');

}



.service-title--three{
padding: 0 20px 5px 20px;
border-radius: 10px;
transition: color 0.2s ease, background-color 0.2s ease;

}

.service-title--three:hover{
color:#2BACE2;

}


.service-icon--three{
	display: block;
	background-image: url('../img/icon/cost.svg');
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	transition: background-image 0.3s ease;
}

.service-icon--three:hover{
background-image: url('../img/icon/cost_hover.svg');
}



.service-title--four{
padding: 0 20px 5px 20px;
border-radius: 10px;
transition: color 0.2s ease, background-color 0.2s ease;

}

.service-title--four:hover{
color:#2BACE2;

}


.service-icon--four{
	display: block;
	background-image: url('../img/icon/cloud.svg');
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	transition: background-image 0.3s ease;
}

.service-icon--four:hover{
background-image: url('../img/icon/cloud_hover.svg');
}


.service-title--five{
padding: 0 20px 5px 20px;
border-radius: 10px;
transition: color 0.2s ease, background-color 0.2s ease;

}

.service-title--five:hover{
color:#2BACE2;

}


.service-icon--five{
	display: block;
	background-image: url('../img/icon/source.svg');
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	transition: background-image 0.3s ease;
}

.service-icon--five:hover{
background-image: url('../img/icon/source_hover.svg');
}



.service-title--source{
padding: 0 20px 5px 20px;
border-radius: 10px;
transition: color 0.2s ease, background-color 0.2s ease;

}

.service-title--source:hover{
color:#2BACE2;
/* color: #fff; */
}


.service-icon--source{
	display: block;
	background-image: url('../img/icon/source.svg');
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	transition: background-image 0.3s ease;
}

.service-icon--source:hover{
background-image: url('../img/icon/source_hover.svg');
}









.performance-two {
	margin-bottom: 0px;
}

.service-p p {
	margin-bottom: 25px;
	line-height: 25px;
	color: #0e0e38;
	font-size: 16px;
	text-align: justify;
}



.service-p p:last-child {
	margin-bottom: 0px;
}

.sql .service-p p {
	margin-bottom: 15px;
	line-height: 25px;
	color: #0e0e38;
	font-size: 16px;
}

.read-more a {
	color: #0e0e38;
	font-size: 18px;
	transition: all ease 0.5s 0s;
}

.read-more:hover a {
	color: #2bace2;
	transition: all ease 0.5s 0s;
}

.read-more:hover{
	text-decoration: none !important;
}


.bg-color {
	background-color: #f7f7ff;
}

.services-img img {
	width: 100%;
	/* max-height: 355px; */
	border-radius: 10px;
}

.background-text {
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
}

.background-text img {
	width: 100%;
}

/* .performance-point {
	margin-bottom: 1.5rem;
} */

.performance-point p {
	/* display: flex; */
	/* color: #0e0e38; */
	/* margin-bottom: 0px; */
}

/* .performance-box {
	width: 33.33%;
} */

.performance-point--red {
  position: relative;
  padding-left: 28px; 
  margin: 0;
  text-align: left; 
  white-space: normal; 
  width: 45%;
  color: #0e0e38;
  font-size: 13px;
}

.performance-point--red::before {
  content: '';
  position: absolute;
  left: 0;
  top: -5px; 
  width: 30px;
  height: 30px;
  background: url('../img/icon/bulletred.png') no-repeat center/contain;
}


.performance-point--blue {
  position: relative;
  padding-left: 28px; 
  margin: 0;
  text-align: left; 
  white-space: normal; 
  width: 45%;
  color: #0e0e38;
  font-size: 13px;
}

.performance-point--blue::before{
content: '';
  position: absolute;
  left: 0;
  top: -5px; 
  width: 30px;
  height: 30px;
	background: url('../img/icon/bulletblue.png') no-repeat center/contain;
}


.btn-one-1 {
	border: 2px solid #e21f34;
	color: #fff;
	background-color: #e21f34;
	display: inline-block;
	font-size: 16px;
	line-height: 26px;
	padding: 6px 25px;
	font-weight: 600;
	z-index: 3;
	position: relative;
	transition: 0.4s;
	border-radius: 5px;
	text-decoration: none;
}

.btn-one-1:hover {
	background-color: transparent;
	border: 2px solid #e21f34;
	color: #e21f34;
	transition: 0.4s;
}

.call-to-action {
	background-image: url(../img/readytostart_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0px;
}
.call-to-action h2 {
	font-size: 44px;
	color: #fff;
	font-weight: 400;
}
.call-to-action p {
	color: #fff;
	font-size: 18px;
}

.min-height {
	height: 210px;
}

.insights-box-con {
	padding: 20px 20px 0px 20px;
}

.insights-box {
	border-radius: 10px 10px 10px 10px;
	background: rgb(14, 14, 56);
	background: linear-gradient(
		0deg,
		rgb(14, 14, 56) 0%,
		rgb(13, 13, 56) 32%,
		rgba(13, 13, 56, 0.6) 100%
	);
}
.insights-box h2 {
	color: #fff;
	font-size: 25px;
}
.insights-box p {
	color: #fff;
	font-size: 14px;
}
.insights-box a {
	color: #fff;
	font-size: 14px;
}

.insights-card img {
	border-radius: 10px;
	width: 100%;
	height: auto;
}

.insights {
	position: absolute;
	bottom: -150px;
	width: 512px;
	z-index: 999;
	transform: translateX(calc(50% + 507px));
}

.insights-services {
	padding: 115px 0px 40px 0px;
}

/* .services-con .performance-point:last-child {
	margin-bottom: 0px;
} */

.right-box {
	margin: 0px 8px 0px 0px;
}

.left-box {
	margin: 0px 0px 0px 8px;
}

.right-box .services-con,
.left-box .services-con {
	padding: 0;
}

.services-title h1,
h2 {
	font-size: 44px;
	font-weight: 400;
}

.insights .insights-box .slick-slideshow__slide .insights-card {
	display: none;
}

.insights .insights-box .slick-slideshow__slide:first-child .insights-card {
	display: block;
}

.location-box {
	box-shadow: 5px 0 25px 0 rgba(94, 92, 154, 0.1019607843);
	padding: 15px;
	border-radius: 10px;
	position: relative;
	background-color: #fff;
}

.location-box p {
	font-size: 14px;
}

.directions-arrow {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

footer {
	position: relative;
	padding: 80px 0px 0px 0px;
}

.footer-contact .btn-one-1 {
		    font-size: 24px;
    padding: 7px 10px;
    line-height: 26px;
    letter-spacing: 1.2px;
	}


.footer-img {
	position: absolute;
	bottom: 25%;
	right: 25%;
	z-index: -9;
	opacity: 0.7;
}

.slider-text h2 {
	font-size: 58px;
	font-weight: bold;
	color: #0e0e38;
}

.contact-btn {
	margin-top: 20px;
	margin-left: 30px;
}

.contact-btn:hover {
	border: 2px solid #e21f34;
}

.footer-address p {
	font-size: 18px;
	color: #0b1057;
	text-align: right;
}

.footer-link ul {
	padding: 0;
	margin-bottom: 0;
}

.footer-link ul li {
	list-style: none;
	display: inline-block;
	transition: transform 0.3s ease; /* плавное движение */
}

.footer-link ul li:hover {
	transform: translateY(-5px); /* вместо top */
}

.footer-link ul li a {
	font-size: 18px;
	color: #0e0e38;
	text-decoration: none;
	padding: 0 10px;
	transition: color 0.3s ease; /* только цвет */
}

.footer-link ul li a:hover {
	color: #2bace2;
}


.footer-border {
	border-bottom: 3px solid #0b1057;
}

.footer-bottom-link ul {
	padding: 0;
	display: flex;
	gap: 30px;
	margin-bottom: 0px;
}

.footer-bottom-link ul li {
	display: inline-block;
	list-style: none;
}

.footer-bottom-link ul li a {
	font-size: 14px;
	text-decoration: none;
	color: #0d0d0d;
}

.copyright p {
	font-size: 14px;
	margin-bottom: 0px;
	color: #0d0d0d;
}

.carousel-btn {
	display: inline-block;
}

.map {
	display: inline-block;
	margin: 1em auto;
	position: relative;
	width: 100%;
	margin-bottom: -120px;
}

.map img {
	max-width: 100%;
	display: block;
	width: 100%;
	height: 100%;
}

.rpin {
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	transform: translateX(-50%) translateY(0);
	transition: all 0.3s ease;
	background: #e21f34;
}

.rpin:hover {
	cursor: pointer;
	transform: translateX(-50%) scale(1.5);
	transform-origin: 50% 50%;
}

.ireland {
	bottom: 71%;
	left: 47.3%;
}

.poland {
	bottom: 62.4%;
	left: 53.54%;
}

.sydney {
	bottom: 27.4%;
	left: 84.1%;
}

.newyork {
	bottom: 58.2%;
	left: 23.7%;
}

.pulse-med {
	animation: pulse 3s infinite;
}

.pulse-slow {
	animation: pulse 4s infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(226, 31, 52, 0.4);
	}
	70% {
		box-shadow: 0 0 0 30px rgba(226, 31, 52, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(226, 31, 52, 0);
	}
}
.map .tooltip1 h3 {
	font-size: 1rem;
	margin-top: 0.2rem;
	padding-bottom: 0.3rem;
	border-bottom: 1px solid #c0d028;
	color: #c0d028;
}

.tooltip1 p {
	font-size: 0.6rem;
}

.tooltip1 .top {
	min-width: 150px;
	top: -20px;
	left: -40px;
	transform: translate(-50%, -100%);
	padding: 4px 0px 0px 0px;
	color: #444;
	background-color: rgb(255, 255, 255);
	border-radius: 3px;
	position: absolute;
	z-index: 99999999;
	box-sizing: border-box;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.8s;
}

.tooltip1:hover .top {
	visibility: visible;
	opacity: 1;
}

.map .newyork .top {
	left: 32px;
}
.map .poland .top {
	left: -21px;
	top: 5px;
}
.map .ireland .top {
	top: -4px;
	left: -10px;
}

/* .tooltip1 .top i {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -12px;
	width: 24px;
	height: 12px;
	overflow: hidden;
}

.tooltip1 .top i::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	background-color: #eee;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
} */

.sql .service-p p:last-child {
	margin-bottom: 0px;
}

.slider-text-con {
	position: relative;
}

.sliderbox h3 {
	font-size: 58px;
	font-weight: bold;
	color: #3573e0;
}

.span-text {
	position: absolute;
	left: 260px;
	top: -5px;
}

.span-btn {
	position: absolute;
	right: 180px;
}


/* MyStyle 2025 */
/* MyStyle 2025 */
/* MyStyle 2025 */
.pt-100 {
	padding-top: 100px;
}

.articles-blue {
	color: #2bace2;
}

.articles-grey {
	color: #6e6f70;
}

.z--index {
	z-index: 10;
}

.w-125 {
	width: 125px;
}

.dropdown-menu {
	display: block;
	max-height: 0;
	opacity: 0;
	transform: translateY(10px);
	visibility: hidden;
	transition: max-height 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.8s ease,
		transform 0.8s ease, visibility 0.8s;
}

.dropdown-menu.show {
	max-height: 500px;
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}

.dropdown-toggle::after {
	transition: transform 0.3s ease; /* плавный поворот */
}

.dropdown-menu.show + .dropdown-toggle::after,
.dropdown-toggle.show::after {
	transform: rotate(180deg);
}
.cloud-migration,
.open-source {
	    align-content: space-between;
}

.swiper-pagination-bullet {
  background: #ccc;
  opacity: 1;
  cursor: pointer;
  width: 8px;
  height: 8px;
}

/* активная точка (по умолчанию) */
.swiper-pagination-bullet-active {
  background: #2BACE2;
}

/* точка в состоянии "пауза" (переопределяем активный цвет) */
.swiper-pagination-bullet.paused {
  background: #888 !important;
}

@media (min-width: 2600px) and (max-width: 4000px) {
	.relative-container {
		position: relative;
	}
	.insights {
		position: absolute;
		bottom: -150px;
		width: 418px;
		z-index: 999;
		transform: translateX(calc(50% + 516px));
	}
}

@media (max-width: 1440px) {
	/* .performance-point {
		margin-bottom: 15px;
	} */
	.insights {
		bottom: -150px;
		width: 438px;
		z-index: 999;
		transform: translateX(calc(50% + 440px));
	}
	.span-btn {
		position: absolute;
		right: 60px;
		top: -5px;
	}
	.footer-link ul li a {
		padding: 0px 10px 0px 10px;
	}
	.performance-point p {
		/* margin-bottom: 0px; */
		/* font-size: 14px; */
	}

	.insights-services {
		padding: 115px 0px 40px 0px;
	}
	.service-p p {
		font-size: 14px;
	}

	.performance-point--red, .performance-point--blue {
		font-size: 14px;
	}
	.sql .service-p p {
		font-size: 14px;
	}
	.call-to-action {
		padding: 100px 0px;
	}
	.footer-address p {
		font-size: 14px;
	}
	.footer-link ul li a {
		font-size: 14px;
	}
	/* .services-con .performance-point:last-child {
		margin-bottom: 0px;
	} */

	.insights-box-con {
		padding: 20px 20px 0px 20px;
	}
	.insights-box p {
		margin-bottom: 10px;
	}
}
@media (min-width: 1400px) and (max-width: 1440px) {
	.insights {
		position: absolute;
		bottom: -150px;
		width: 512px;
		z-index: 999;
		transform: translateX(calc(50% + 507px));
	}
}
@media (min-width: 1081px) and (max-width: 1200px) {
	.slider-text h2 {
		font-size: 45px;
	}
	.sliderbox h3 {
		font-size: 45px;
	}
	.span-text {
		left: 190px;
	}
	.contact-btn {
		margin-top: 15px;
		margin-left: 30px;
	}
	/* .performance-box img {
		width: 35px;
	} */
	.performance-point p {
		/* font-size: 12px; */
	}
	.services-con {
		padding: 0px 0px 0px 0px;
	}
	.service-p p {
		margin-bottom: 15px;
	}
	.min-height {
		height: 250px;
	}
}
@media  (min-width: 1081px) and (max-width: 1199px) {
	.insights {
		width: 440px;
		z-index: 999;
		transform: translateX(calc(50% + 259px));
	}
}
@media  (max-width: 1080px) {
	.icon-read img {
		width: 40px;
	}
	.call-to-action h2 {
		font-size: 35px;
		font-weight: 500;
	}
	.call-to-action p {
		font-size: 14px;
	}
	/* .performance-box img {
		width: 30px;
	} */
	/* .performance-point {
		margin-bottom: 10px;
	} */
	.read-more a {
		font-size: 14px;
	}
	.hero-title {
		font-size: 48px !important;
	}
	.services-con h3 {
		font-size: 25px;
	}

	.service-title--link span{
		width: 35px;
		height: 35px;
	}


	.insights-services {
		padding: 115px 0px 40px 0px;
	}

	.insights-box-con {
		padding: 20px 20px 0px 20px;
	}
	.performance-point p {
		/* margin-bottom: 0px; */
		/* font-size: 12px; */
	}
	.call-to-action {
		padding: 80px 0px;
	}
	.min-height {
		height: 230px;
	}
	.footer-link ul li a {
		padding: 0px 7px 0px 7px;
		font-size: 14px;
	}
	.footer-bottom-link ul li a {
		font-size: 14px;
	}
	.copyright p {
		font-size: 14px;
	}
	.insights {
		width: 440px;
		z-index: 999;
		transform: translateX(calc(50% + 259px));
	}
	.sticky-bar .header__area-menubar-right-responsive-menu i {
		color: #000;
	}
	.services-con {
		padding: 0px 0px 0px 0px !important;
	}

	.service-p p {
		font-size: 12px;
		margin-bottom: 10px;
	}

	.performance-point--red, .performance-point--blue{
		font-size: 12px;
	}

	.sql .service-p p {
		font-size: 12px;
	}
	.slider-text h2,
	.slider-wrapper-1 {
		font-size: 30px;
	}
	.slidertext div {
		height: 50px;
		padding: 0px 0px;
		margin-bottom: 55px;
		font-size: 40px;
	}
	.contact-btn {
		margin-top: 10px;
		margin-left: 30px;
	}
	.sliderbox h3 {
		font-size: 30px;
	}
	.span-text {
		left: 130px;
		top: -2px;
	}
	.span-btn {
		right: 180px;
		top: -12px;
	}
}
@media  (max-width: 992px) {
	.insights-box {
		border-radius: 10px;
	}
	.hero {
		position: relative;
		max-height: none;
	}

	.location-box {
		margin-bottom: 20px;
	}
	.map {
		margin-bottom: -70px;
	}
	.insights {
		position: relative;
		bottom: -60px;
		width: 100%;
		transform: none;
	}
	.container.main-carousel {
		max-width: 100%;
	}
	.justify-content-start.slider-row {
		margin: auto;
	}

	.min-height {
		min-height: auto;
	}
	.span-btn {
		right: 230px;
		top: 0px;
	}
	.service-p {
		min-height: auto;
		height: auto;
	}
	.performance-two {
		margin-bottom: 1.5rem;
	}
	a.btn-one-1 {
		float: left !important;
		margin-top: 20px;
	}
	.footer-address p {
		text-align: left;
	}
	.contact-info .btn-one-1 {
		float: left !important;
		margin-top: 0px;
	}

	.services-con {
		padding: 0px 0px 40px 0px !important;
	}
	.left-box {
		margin: 40px 0px 0px 0px;
	}
	.sliderbox h3 {
		font-size: 30px;
	}
	.span-text {
		left: 160px;
		/* top: 50%;
        transform: translateY(-55%); */
	}
	.right-box {
		margin: 0px 0px 0px 0px;
	}
	.left-box {
		margin: 40px 0px 0px 0px;
	}
	.insights-services {
		padding: 115px 0px 40px 0px;
	}
}


@media  (min-width: 667px) and (max-width: 767px) {
	/* .performance-point p br {
		display: none;
	} */
	.slider-text h2,
	.slider-wrapper-1 {
		font-size: 30px;
	}
	.span-btn {
		right: 80px !important;
		top: 0px !important;
	}
	.footer-logo {
		width: 100%;
	}
	.footer-bottom {
		flex-wrap: wrap;
		gap: 14px;
	}
	.footer-bottom-link {
		width: 100%;
	}
}
@media  (max-width: 767px) {
	.span-text.d-flex {
		flex-wrap: wrap;
	}

	.hero-title {
		font-size: 40px !important;
	}
	.insights {
		bottom: -20px;
		width: 100%;
	}

	.tab-p {
		margin-top: 0px;
	}
	/* .performance-box.d-flex {
		flex-wrap: wrap;
		display: block !important;
	} */
	.location.mt-4 {
		margin-top: 0px !important;
	}
	.map {
		margin-bottom: -60px;
	}
	.location-box {
		margin-top: 0px;
	}
	.services-con {
		padding: 0;
	}
	.service-p p,
	.sql .service-p p {
		font-size: 14px;
	}
	.services-con h3 {
		font-size: 25px;
		font-weight: 500;
	}
	.right-box {
		margin: 0px 0px 40px 0px;
	}
	.left-box {
		margin: 0px 0px 0px 0px;
	}
	.tab-p {
		margin-top: 0px;
	}
	.call-to-action h2 {
		font-size: 35px;
		font-weight: 500;
	}
	.call-to-action p {
		font-size: 14px;
	}

	.contact-info .btn-one-1 {
		float: left !important;
		margin-top: 0px;
	}
	.col-lg-12.footer-link-col {
		flex-wrap: wrap;
		gap: 10px;
	}
	.insights-services {
		padding: 115px 0px 40px 0px;
	}
	.sliderbox h3 {
		font-size: 30px;
	}
	.span-text {
		position: absolute;
		left: 130px;
	}
	.span-btn {
		position: absolute;
		right: auto;
		top: 55px;
	}
}
@media  (min-width: 481px) and (max-width: 666px) {
	.sliderbox h3 {
		font-size: 30px;
	}
	.span-btn {
		position: absolute;
		right: auto;
		top: 55px;
	}
	.contact-btn {
		margin-left: 0px;
	}
	.footer-address p {
		margin-top: 60px;
		text-align: left;
	}
	.footer-logo {
		width: 100%;
	}
	.footer-bottom {
		flex-wrap: wrap;
		gap: 14px;
	}
	.footer-bottom-link {
		width: 100%;
	}
}
@media  (max-width: 480px) {
	.insights {
		position: relative;
		bottom: 0px;
		width: 100%;
	}

	.insights-services {
		padding: 50px 0px 40px 0px;
	}
	.bg-color {
		margin-bottom: 0px;
	}

	/* .performance-box {
		flex-wrap: wrap;
	} */
	.performance-point p {
		/* font-size: 13px; */
	}
	.performance-two {
		margin-bottom: 40px;
	}
	.call-to-action {
		padding: 50px 0px;
	}
	.btn-one-1 {
		float: left !important;
		margin-top: 20px;
		margin: 0;
	}
	.location-box {
		margin-top: 20px;
	}
	.footer-address p {
		margin-top: 60px;
		text-align: left;
	}
	.footerlink {
		flex-wrap: wrap;
	}
	.linkdin {
		width: 60px;
	}
	.footer-bottom {
		flex-wrap: wrap;
		gap: 20px;
	}
	.footer-logo {
		width: 100%;
	}

	.footer-link ul li a {
		font-size: 14px;
		padding: 0px 10px 0px 10px;
	}
}




@media (min-width: 320px) {
	.footer-contact {
		position: absolute;
		bottom: -15px;
		left: -2px;
	}
}

@media (min-width: 525px) {
.performance-point--red,  .performance-point--blue{
	width: 30%;
}
}

@media (min-width: 667px) {
	.footer-contact {
		position: unset;
	}
	.footer-text{
		margin-right: 60px;
	}
}

@media (min-width: 991px) {
.navbar-collapse {
	background: #fff;
	padding: 30px;
}
}

@media (min-width: 992px) {
/* .navbar-nav .nav-link {
	color: #fff;
} */
.navbar-collapse{
	background: transparent;
	padding: 0;
}
}

@media (min-width: 1081px) {
	.footer-contact .btn-one-1 {
		padding: 15px 13px;
		font-size: 30px;
	}
}
@media (min-width: 1201px) {
	.footer-contact .btn-one-1 {
		padding: 20px 10px;
		font-size: 35px;
	}
	.footer-text{
		margin-right: 60px;
	}

}
@media (min-width: 1400px) {
	.span-btn {
		right: 160px;
	}
	.performance-point--red, .performance-point--blue{
		font-size: 14px;
	}
}
/* main css end */

/* responsive css start */


@media (max-width: 991px) {
    .navbar-collapse {
        background-color: #fff;
        padding: 30px 30px;
    }
	 /* .nav-link {
		color: #ebebeb !important;
	} */

	.header .nav-link {
		color: #212529;
	}
	
}



@media (max-width: 992px) {
	.services-box {
		margin-bottom: 30px;
	}
	

	.nav-link:hover::before,
	.nav-item.active .nav-link::before,
	.nav-link.active::before {
		transform: scale3d(1, 1, 1);
		display: none;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		box-shadow: none;
	}
	.hero {
		background-position: bottom right;
		
	}

	/* .service-box-100 {
		height: 90%;
	} */

	.services-box {
		/* height: 299px; */
	}
}



@media (max-width: 640px) {
	.accordion-button {
		font-size: 18px !important;
		padding: 16px 24px 18px;
	}
	.idustries-box {
		margin-bottom: 30px;
		height: auto;
	}
	/* .services-des {
		min-height: auto;
	} */
	.hero {
		background-position: bottom right;
		/* padding-top: 9rem;
    padding-bottom: 4rem; */
	}

	.hero-title {
		font-size: 38px;
	}
	.service-accordition .accordion-button {
		font-size: 22px !important;
		padding: 20px 24px;
	}
	.sec-bg-text {
		font-size: 20px;
		line-height: 30px;
	}
	.title {
		font-size: 30px;
	}
	.contact-box-padding,
	.contact-box {
		padding: 20px 20px;
	}
	/* .services-des {
		min-height: auto;
	} */
	.services-box {
		height: auto;
	}
}
/* responsive css end */

/* 
.swiper-pagination-bullet {
	background: #ccc;
	opacity: 1;
	width: 10px;
	height: 10px;
}

.swiper-pagination-bullet-active {
	background: #2BACE2; 
} */


/* обычные точки */