@import 'common.css';

header {
	background: rgba(var(--white-color), 1);
	top: 0;
	z-index: 999;
	width: 100%;
}
.navbar {
	top: 0;
	z-index: 999;
	width: 100%;
	padding: 8px 0px;
	box-shadow: 0px 5px 20px -8px rgba(14, 13, 14, 0.08);
}
.navbar.header-fixed {
	position: fixed;
	background: rgba(var(--white-color), 1);
	border: none;
	animation: slideDown 0.35s ease-out;
	backdrop-filter: blur(5px);
}
@keyframes slideDown {
	from {
	  transform: translateY(-100%);
	}
	to {
	  transform: translateY(0);
	}
}
.navbar-brand {
    height: 50px;
    width: 160px;
	margin: 0;
}
.navbar-brand img {
	object-fit: contain;
}
.navbar-toggler {
    padding: 6px;
    border: none;
}
.navbar-toggler .navbar-toggler-icon {
    background: rgba(var(--black-color), 1);
    width: 1.1em;
    height: 2px;
    position: relative;
    display: block;
}
.navbar-toggler-icon.bar-2 {
    margin: 4px 0px;
}
.navbar .navbar-nav .nav-item .nav-link {
    color: rgba(var(--black-color), 1);
    background: rgba(var(--main-color), 0);
    transition: var(--transition-05s);
    font-weight: 500;
    position: relative;
    text-transform: capitalize;
    padding: 4px 12px;
    border-radius: 50px;
    margin-right: 8px;
    font-size: 14px;
}
.navbar .navbar-nav .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link:focus, .navbar .navbar-nav .nav-item .nav-link[aria-current="page"] {
	color: rgba(var(--black-color), 1);
    /* background: rgba(var(--main-color), 1); */
}
.navbar-nav .nav-item.dropdown > .dropdown-menu {
	padding: 0px 0px;
	border: 0;
	border-radius: 0;
	margin: 0 !important;
	transition: var(--transition-05s);
	background: rgba(var(--white-color), 1);
}
.navbar-nav .nav-item.dropdown .dropdown-toggle::after {
	vertical-align: middle;
}
.dropdown-menu > * {
    position: relative;
}
.navbar-nav .nav-item.dropdown > .dropdown-menu > * > * > * > * > li > a {
	font-weight: 600;
	font-size: 13px;
	border-bottom: none;
	padding: 10px 15px;
    color: rgba(var(--black-color), 0.6);
	transition: var(--transition-05s);
	background: none;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	margin: 8px 0px;
}
.navbar-nav .nav-item.dropdown > .dropdown-menu > * > * > * > * > li > a:hover, .navbar-nav .nav-item.dropdown > .dropdown-menu > * > * > * > * > li > a:active, .navbar-nav .nav-item.dropdown > .dropdown-menu > * > * > * > * > li > a:focus, .navbar-nav .nav-item.dropdown > .dropdown-menu > * > * > * > * > li > a.show {
	color: rgba(var(--black-color), 1);
	background-color: rgba(var(--main-color), 1);
	border-color: rgba(var(--main-color), 1);
}
.navbar-nav .nav-item.dropdown > .dropdown-menu li.dropend > .dropdown-menu {
    border: none;
	border-radius: 0px;
	background: rgba(var(--white-color), 1);
	margin-left: 0;
}
.navbar-nav .nav-item.dropdown > .dropdown-menu li.dropend > .dropdown-menu ul {
    border: none;
	border-radius: 0px;
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4, 1fr);
}
.navbar-nav .nav-item.dropdown > .dropdown-menu li.dropend > .dropdown-menu a {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 500;
	font-size: 13px;
	transition: var(--transition-05s);
	color: rgba(var(--black-color), 1);
	border-radius: 5px;
}
.navbar-nav .nav-item.dropdown > .dropdown-menu li.dropend > .dropdown-menu a:hover {
	color: rgba(var(--black-color), 1);
	background: rgba(var(--main-color), 0.2);
}
.navbar-nav .nav-item.dropdown > .dropdown-menu li.dropend > .dropdown-menu a .ser-icon {
	display: flex;
    align-items: center;
    justify-content: center;
	overflow: hidden;
    --ehw-seri: 40px;
    width: var(--ehw-seri);
    height: var(--ehw-seri);
    border-radius: 50%;
    background: rgba(var(--black-color), 0.05);
    padding: 5px;
}
.navbar-nav .nav-item.dropdown > .dropdown-menu li.dropend > .dropdown-menu a .ser-icon img {
	object-fit: contain;
}
.DropDown-inner h6 {
	font-weight: 600;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 15px;
}
.head-brand-menu {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.head-brand-menu .common-btn {
	white-space: nowrap;
	padding: 10px 18px;
	font-size: 13px;
}
.head-brand-menu .common-btn::after {
	display: none;
}
.navbar-close {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0px;
}
.navbar-close-btn {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 2px solid rgba(var(--black-color), 1);
    color: rgba(var(--black-color), 1);
    z-index: 9999;
    background: rgba(var(--black-color), 0);
    border-radius: 50%;
    /* right: 1%; */
    right: 3%;
    top: 1%;
}
.banner-section {
	--banner-hvh: 75vh;
	--banner-hhp: 100%;
	min-height: var(--banner-hvh);
	height: var(--banner-hhp);
	background: rgba(var(--fourth-color), 1) no-repeat bottom center / cover;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
    position: relative;
	padding: 60px 0px 100px;
	flex-direction: column;
}
.banner-section .banner-slider, .banner-section .container {
	z-index: 1;
}
.banner-bg {
	position: absolute;
	inset: 0px;
	width: 100%;
	height: 100%;
}
.banner-section.banner-inner-page {
    --banner-hvh: 50vh;
    padding-bottom: 0;
}
/* .banner-section > *:first-child, .banner-slider > *:first-child, .banner-slider > *:first-child > *, .banner-slider > *:first-child > * > *, .banner-slider > *:first-child > * > * > *, .banner-slider > *:first-child > * > * > * > *  {
	min-height: var(--banner-hvh);
	height: var(--banner-hhp);
} */
.banner-img-pt {
    padding-top: 60px;
	width: 100%;
}
.banner-slider > *:first-child {
	overflow: visible;
}
.banner-inner-section {
	display: flex;
	align-items: center;
	justify-content: center;
	/* overflow: hidden; */
    position: relative;
	margin-bottom: 15px;
	background: rgba(var(--balck-color), 0) no-repeat bottom center / cover;
}
.banner-title {
	color: rgba(var(--white-color), 1);
    font-weight: 300;
    font-size: 56px;
    line-height: 1.2;
    margin-bottom: 20px;
}
.banner-title span {
	/* display: block; */
	position: relative;
	/* margin-top: 10px; */
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	color: rgba(var(--main-color), 1);
}
/* .banner-title span::after {
	content: '';
	position: absolute;
	left: -10px;
	top: 0px;
	bottom: 0px;
	width: 6px;
	height: 6px;
	margin: auto;
	border-left: 6px solid rgba(var(--white-color), 1);
	border-top: 3px solid rgba(var(--white-color), 0);
	border-bottom: 3px solid rgba(var(--white-color), 0);
}
.banner-title span::before {
	content: '';
	position: absolute;
	left: -10px;
	top: 0px;
	width: 1px;
	height: 100%;
	background: rgba(var(--white-color), 1);
} */
.banner-para, .banner-box > div.banner-para {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(var(--white-color), 0.7);
    font-size: 16px;
    margin-bottom: 0px;
	font-weight: 400;
}
.banner-para p:last-child, .banner-box > div.banner-para p:last-child {
	margin-bottom: 0px;
	color: rgba(var(--white-color), 1);
}
/* .banner-para p, .banner-box > div.banner-para p, .banner-para p:first-child, .banner-box > div.banner-para p:first-child {
	margin-bottom: 0px;
    color: rgba(var(--white-color), 0.7);
} */
.banner-img {
	width: calc(100% + 30%);
    height: calc(100%);
    /* margin-top: -18%; */
    /* margin-left: -20%; */
	height: 300px;
}
.banner-section.banner-inner-page .banner-img {
    width: calc(100% + 75%);
    margin-left: -3%;
}
.banner-img img {
    object-fit: contain;
}
.banner-slider.owl-carousel .owl-dots {
    counter-reset: dots;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: max-content;
    height: max-content;
    position: absolute;
    gap: 3px;
    right: 5%;
    bottom: -30%;
}
.banner-slider.owl-carousel .owl-dots .owl-dot {
    --banner-ehw-dot: max-content;
	--banner-ebt: rgba(var(--white-color), 0.6);
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--banner-ehw-dot);
    height: var(--banner-ehw-dot);
    background: rgba(var(--main-color), 0);
    border-radius: 50%;
    transition: var(--transition-05s);
    color: var(--banner-ebt);
    font-size: 22px;
    line-height: 1;
    transform: scale(0.7);
	gap: 2px;
}
.banner-slider.owl-carousel .owl-dots .owl-dot.active {
	--banner-ebt: rgba(var(--main-color), 1);
	transform: scale(1);
}
.banner-slider.owl-carousel .owl-dots .owl-dot::after {
    counter-increment: dots;
    content: counter(dots, decimal-leading-zero);
    transition: var(--transition-05s);
}
.banner-slider.owl-carousel .owl-dots .owl-dot::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 1.5px;
	background: var(--banner-ebt);
    transition: var(--transition-05s);
}
.banner-slider.owl-carousel .owl-dots .owl-dot.active::before {
	background: rgba(var(--white-color), 1);
}
.banner-btns {
	display: flex;
	gap: 15px;
}
.banner-btns .common-btn {
	/* --boco-btn: rgba(var(--second-color), 1); */
	--boco-btn: #ef8322;
	color: #fff;
	box-shadow: none;
}
.banner-btns .common-btn:hover, .banner-btns .common-btn:first-child:active, .banner-btns .common-btn:active, .banner-btns .common-btn:focus, .banner-btns :not(.btn-check)+.common-btn:active, .banner-btns .common-btn:focus-visible, .banner-btns button.common-btn:focus:not(:focus-visible), .banner-btns .common-btn:first-child:hover {
	--boco-btn: #ef8322;
    background: rgba(var(--white-color), 1);
	box-shadow: none;
}
.banner-btns .common-btn::after, .banner-btns .common-btn::before {
    color: #fff;
}
.banner-btns .common-border-btn {
	--boco-btn: rgba(var(--second-color), 1);
	box-shadow: none;
}
.banner-btns .common-border-btn:hover, .banner-btns .common-border-btn:first-child:active, .banner-btns .common-border-btn:active, .banner-btns .common-border-btn:focus, .banner-btns :not(.btn-check)+.common-border-btn:active, .banner-btns .common-border-btn:focus-visible, .banner-btns button.common-border-btn:focus:not(:focus-visible), .banner-btns .common-border-btn:first-child:hover {
	--boco-btn: #fff;
	box-shadow: none;
}
.banner-btns .common-btn:hover::after, .banner-btns .common-btn:first-child:active::after, .banner-btns .common-btn:active::after, .banner-btns .common-btn:focus::after, .banner-btns :not(.btn-check)+.common-btn:active::after, .banner-btns .common-btn:focus-visible::after, .banner-btns button.common-btn:focus:not(:focus-visible)::after, .banner-btns .common-btn:first-child:hover::after, .banner-btns .common-border-btn:hover::after, .banner-btns .common-border-btn:first-child:active::after, .banner-btns .common-border-btn:active::after, .banner-btns .common-border-btn:focus::after, .banner-btns :not(.btn-check)+.common-border-btn:active::after, .banner-btns .common-border-btn:focus-visible::after, .banner-btns button.common-border-btn:focus:not(:focus-visible)::after, .banner-btns .common-border-btn:first-child:hover::after, .banner-btns .common-btn:hover::before, .banner-btns .common-btn:first-child:active::before, .banner-btns .common-btn:active::before, .banner-btns .common-btn:focus::before, .banner-btns :not(.btn-check)+.common-btn:active::before, .banner-btns .common-btn:focus-visible::before, .banner-btns button.common-btn:focus:not(:focus-visible)::before, .banner-btns .common-btn:first-child:hover::before, .banner-btns .common-border-btn:hover::before, .banner-btns .common-border-btn:first-child:active::before, .banner-btns .common-border-btn:active::before, .banner-btns .common-border-btn:focus::before, .banner-btns :not(.btn-check)+.common-border-btn:active::before, .banner-btns .common-border-btn:focus-visible::before, .banner-btns button.common-border-btn:focus:not(:focus-visible)::before, .banner-btns .common-border-btn:first-child:hover::before {
	color: rgba(var(--main-color), 1);
}
.banner-btns .common-border-btn {
	color: rgba(var(--white-color), 1);
	border: 1px solid #ef8322;
}
.banner-btns .common-border-btn:hover, .banner-btns .common-border-btn:first-child:active, .banner-btns .common-border-btn:active, .banner-btns .common-border-btn:focus, .banner-btns :not(.btn-check)+.common-border-btn:active, .banner-btns .common-border-btn:focus-visible, .banner-btns button.common-border-btn:focus:not(:focus-visible), .banner-btns .common-border-btn:first-child:hover {
	color: rgba(var(--black-color), 1);
}
.banner-card-list {
	display: grid;
	/* grid-template-columns: repeat(8, 1fr); */
	grid-template-columns: repeat(7, 1fr);
	justify-content: space-between;
	gap: 8px;
	/* margin-top: 25px; */
}
.banner-card-list.mobile-view {
	display: none;
}
.banner-card-list .banner-card-box {
	background: rgba(var(--white-color), 0.1);
	border: 1px solid rgba(var(--black-color), 0.4);
	padding: 10px;
	color: rgba(var(--white-color), 1);
	text-align: center;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 300;
	box-shadow: 2px 2px 10px -1px rgba(var(--black-color), 0.1);
}
.banner-card-list .banner-card-box span:first-child, .banner-card-list .banner-card-box:first-child span:last-child {
	white-space: nowrap;
	font-size: 13px;
	font-weight: 600;
	color: rgba(var(--main-color), 1);
	margin-bottom: 5px;
}
.banner-card-list .banner-card-box span, .banner-card-list .banner-card-box:first-child span:first-child {
	display: block;
	font-size: 12px;
	color: rgba(var(--black-color), 1);
	font-weight: 300;
	line-height: 1;
}
.banner-card-list .item {
	margin: 0px 2px;
}
.common-section.webfeedback-section {
	background: #09142A no-repeat center center / cover;
	padding: 25px 0px;
}
.webfeedback-bg {
	position: absolute;
	inset: 0px;
	width: 100%;
	height: 100%;
}
.wfb-img-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}
.wfb-img-list li {
	/* border-right: 1px solid rgba(var(--white-color), 0.2); */
	padding-right: 15px;
}
.wfb-img-list li:first-child {
	padding-right: 0px;
}
.wfb-img-list li:last-child {
	border-right: none;
}
.wfb-img {
    width: 150px;
    height: 40px;
	/* margin: auto; */
}
.wfb-img img {
	object-fit: contain;
}
.client-title-box {
	text-align: center;
}
.client-title-box .common-title, .client-title-box.common-box > h3, .common-section .client-title-box.common-box > h3 {
	font-weight: 400;
}
.client-title-box .common-sub-title, .client-title-box.common-box > h2, .common-section .client-title-box.common-box > h2 {
	font-weight: 700;
}
.client-img-slider.owl-carousel .item {
    padding: 10px 6px;
	display: flex;
	gap: 20px;
	flex-direction: column;
}
.client-logo-img {
	width: 100%;
	height: 80px;
	overflow: hidden;
	border-radius: 8px;
	border: 1px solid #F3F3F3;
	border: 1px solid rgba(var(--black-color), 0.05);
	background: rgba(var(--white-color), 1);
	padding: 15px 20px;
    box-shadow: 2px 2px 10px -1px rgba(var(--black-color), 0.1);
}
.client-logo-img img {
	object-fit: contain;
}
.about-section.common-section {
	background: rgba(var(--main-color), 1) no-repeat center center / cover;
}
.about-title-box .common-para, .about-title-box.common-box > div.common-para {
	margin: 20px 0px 30px;
}
.about-img, .ppc-img {
    width: calc(100% + 60%);
    height: calc(100%);
}
.common-box.service-title-box {
	text-align: center;
}
.service-after {
	position: absolute;
	bottom: 20px;
	left: -20px;
	display: block;
	width: 300px;
}
.service-md-slider {
	display: none;
}
.service-main-box {
	display: block;
	background: linear-gradient(150deg, rgba(var(--white-color), 1), rgba(var(--white-color), 1));
	padding: 3px;
	position: relative;
	height: 100%;
	/* overflow: hidden; */
	--ebr-service: 5px;
	border-radius: var(--ebr-service);
	margin-bottom: 20px;
	transition: var(--transition-05s);
}
.service-main-box:hover {
	background: linear-gradient(-60deg, rgba(var(--white-color), 1), rgba(var(--main-color), 1));
}
.service-box-list.row {
	gap: 40px 0px;
}
.service-box-list > *:nth-child(2) .service-inner-box, .service-slider > *:first-child > * > *:nth-child(5) .service-inner-box {
	background: linear-gradient(150deg, rgba(var(--white-color), 1), #FEECE2);
}
.service-box-list > *:nth-child(3) .service-inner-box, .service-slider > *:first-child > * > *:nth-child(6) .service-inner-box {
	background: linear-gradient(150deg, rgba(var(--white-color), 1), #E4DCF3);
}
.service-box-list > *:nth-child(4) .service-inner-box, .service-slider > *:first-child > * > *:nth-child(7) .service-inner-box {
	background: linear-gradient(150deg, rgba(var(--white-color), 1), #EBFEE4);
}
.service-box-list > *:nth-child(5) .service-inner-box, .service-slider > *:first-child > * > *:nth-child(8) .service-inner-box {
	background: linear-gradient(150deg, rgba(var(--white-color), 1), #FEE2E2);
}
.service-box-list > *:nth-child(6) .service-inner-box, .service-slider > *:first-child > * > *:nth-child(9) .service-inner-box {
	background: linear-gradient(150deg, rgba(var(--white-color), 1), #F3F3DC);
}
.service-inner-box {
	background: linear-gradient(150deg, rgba(var(--white-color), 1), #E4F7FE);
	padding: 30px 20px;
	border-radius: var(--ebr-service);
	height: 100%;
}
.service-img-box {
	--ehw-img: 80px;
	width: var(--ehw-img);
	height: var(--ehw-img);
	border-radius: 50%;
	background: #F0F0F0;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}
.service-img-box img {
	width: 80%;
	height: 80%;
	object-fit: contain;
}
.service-title, .service-text-box h4 {
    margin-bottom: 0;
    font-size: 19px;
    font-weight: 500;
}
.service-text-box .common-para {
    line-height: 20px;
    font-size: 13px;
    margin: 12px 0px 0px;
}
.service-icon-box {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	--ehw-sib: 40px;
	width: var(--ehw-sib);
	height: var(--ehw-sib);
	font-size: 16px;
	color: rgba(var(--main-color), 1);
	background: rgba(var(--white-color), 1);
	border-radius: 50%;
    bottom: -18px;
    left: 20px;
	box-shadow: 0px 0px 10px -3px rgba(var(--black-color), 0.5);
	transition: var(--transition-05s);
}
.service-main-box:hover .service-icon-box {
	color: rgba(var(--black-color), 1);
	background: rgba(var(--main-color), 1);
	box-shadow: none;
	transform: rotate(90deg);
}
.service-all-btn {
	text-align: center;
	margin-top: 35px;
}
.common-section.count-section {
	background: rgba(var(--black-color), 1);
}
.counter-after {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: calc(100% + 10%);
}
.counter-box {
    display: flex;
    gap: 12px;
}
.count-img-box {
	--ehw-cib: 55px;
	width: var(--ehw-cib);
	height: var(--ehw-cib);
	padding: 12px;
	background: rgba(var(--main-color), 1);
	border-radius: 8px;
	box-shadow: 0px 0px 30px 8px rgba(var(--main-color), 0.6);
}
.count-img-box img {
	object-fit: contain;
}
.count-text-box {
	color: rgba(var(--white-color), 1);
}
.counter-title, .count-text-box > h3 {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 0;
}
.count-sub-title, .count-text-box > h4 {
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: 300;
}
.count-para, .count-text-box > div.count-para {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(var(--white-color), 0.7);
    margin: 10px 0px 0px;
    line-height: 18px;
    font-size: 12px;
}
.count-para p, .count-text-box > div.count-para p {
	margin-bottom: 0px;
}
.common-box.technologies-title-box .common-para, .common-box.technologies-title-box > div.common-para {
    margin: 20px 0px 30px;
}
.technologies-img {
    width: 100%;
    height: 340px;
    margin-top: 40px;
}
.technologies-img img {
	object-fit: contain;
}
.technologies-list {
    display: grid;
    gap: 10px;
    flex-wrap: wrap;
	grid-template-columns: repeat(6, 1fr);
    width: calc(100% + 45%);
}
.technologies-list li:last-child, .technologies-list li:nth-last-child(2), .technologies-list li:nth-last-child(3), .technologies-list li:nth-last-child(4) {
	display: none;
}
.technologies-list li > * {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	width: 100%;
	background: rgba(var(--white-color), 1);
	box-shadow: 0px 0px 10px -2px rgba(var(--black-color), 0.2);
	padding: 10px 3px;
	border-radius: 8px;
	font-size: 12px;
	text-align: center;
}
.tech-img, .technologies-list li > * > *:first-child {
	--ehw-til: 35px;
	height: var(--ehw-til);
	width: var(--ehw-til);
	margin: 0px auto;
}
.tech-img img, .technologies-list li > * > *:first-child img {
	object-fit: contain;
}
.technologies-list li span {
	color: rgba(var(--black-color), 0.6);
	display: block;
	font-weight: 500;
	margin-top: 6px;
	line-height: 1.3;
}
.work-slider {
	margin-top: 20px;
}
.common-box.work-title-box {
	text-align: center;
}
.work-dtl-main {
	background: rgba(var(--main-color), 0.1);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	overflow: hidden;
	border-radius: 20px;
}
.work-dt-main {
    padding: 35px;
	min-height: 400px;
}
.common-box.work-dtl-text .common-sub-title, .common-box.work-dtl-text > h2, .common-section .common-box.work-dtl-text > h2, .common-box.work-dtl-text .common-title, .common-box.work-dtl-text > h3, .common-section .common-box.work-dtl-text > h3 {
	font-size: 28px;
}
.common-box.work-dtl-text .common-sub-title, .common-box.work-dtl-text > h2, .common-section .common-box.work-dtl-text > h2 {
	margin-bottom: 3px;
	font-weight: 300;
}
.work-tech {
	font-size: 17px;
	font-weight: 500;
	margin-top: 22px;
	color: rgba(var(--black-color), 0.7);
}
.work-tech span {
	font-weight: 700;
	color: rgba(var(--main-color), 1);
}
.common-box.work-dtl-text .common-para, .common-box.work-dtl-text > div.common-para {
	margin: 20px 0px 30px;
}
.work-di-main {
    height: 400px;
	overflow: hidden;
}
.work-di-box {
    width: 100%;
    height: 100%;
}
.common-section.custom-section {
	background: rgba(var(--black-color), 1) no-repeat center center / cover;
}
.custom-after {
	position: absolute;
    inset: 0px;
    height: calc(100%);
    max-width: 370px;
}
.custom-after img {
	object-fit: contain;
}
.common-box.custom-title-box {
	text-align: center;
}
.common-box.custom-title-box .common-sub-title, .common-box.custom-title-box > h2, .common-section .common-box.custom-title-box > h2, .common-box.custom-title-box .common-title, .common-box.custom-title-box > h3, .common-section .common-box.custom-title-box > h3 {
	color: rgba(var(--white-color), 1);
}
.common-box.custom-title-box .common-sub-title, .common-box.custom-title-box > h2, .common-section .common-box.custom-title-box > h2 {
	font-size: 24px;
	margin-bottom: 12px;
	font-weight: 300;
	line-height: 1.5;
}
.custom-title-box.common-box .common-para, .custom-title-box.common-box > div.common-para {
	color: rgba(var(--white-color), 0.7);
	margin: 15px 0px 0px;
}
.custom-title-box.common-box .common-para p, .custom-title-box.common-box > div.common-para p {
	margin-bottom: 5px;
}
.common-box.custom-title-box .common-btn {
	margin-top: 30px;
}
.ppc-section.common-section {
	background: rgba(var(--main-color), 1) no-repeat center center / cover;
}
.ppc-title-box .common-para, .ppc-title-box.common-box > div.common-para {
	margin: 20px 0px 30px;
}
.ppc-slider.owl-carousel {
    margin-top: 40px;
}
.ppc-slider.owl-carousel .item {
	padding: 10px 6px;
}
.ppc-slider-box {
    border: 1px solid rgba(var(--black-color), 0.3);
	background: rgba(var(--white-color), 0);
	transition: var(--transition-05s);
	box-shadow: none;
    padding: 8px 15px;
    text-align: center;
    border-radius: 8px;
	display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 140px;
}
.ppc-slider-box:hover {
	background: rgba(var(--white-color), 1);
	border-color: rgba(var(--white-color), 1);
	box-shadow: 0px 0px 20px -2px rgba(var(--black-color), 0.2);
}
.ppc-slider-img {
    --ehw-psi: 55px;
    width: var(--ehw-psi);
    height: var(--ehw-psi);
    margin: 0px auto 10px;
}
.ppc-slider-img img {
	object-fit: contain;
}
.ppc-slider-text {
    font-size: 14px;
    font-weight: 600;
    border-top: 1px solid rgba(var(--black-color), 0.3);
    padding-top: 10px;
}
.common-box.test-title-box {
	text-align: center;
}
.test-title-box .common-sub-title, .test-title-box.common-box > h2, .common-section .test-title-box.common-box > h2 {
    font-weight: 700;
}
.test-title-box .common-title, .test-title-box.common-box > h3, .common-section .test-title-box.common-box > h3 {
	font-weight: 400;
	margin-top: 10px;
}
.test-video-box {
	width: 100%;
	height: 160px;
	overflow: hidden;
	border-radius: 8px;
	position: relative;
}
.test-video-text {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    width: 100%;
    color: rgba(var(--white-color), 1);
    align-items: center;
    padding: 5px 10px;
}
.test-video-play {
	--ehw-tvp: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: var(--ehw-tvp);
	height: var(--ehw-tvp);
	border: 2px solid rgba(var(--white-color), 1);
	background: rgba(var(--white-color), 0);
	color: rgba(var(--white-color), 1);
	font-size: 15px;
}
.test-slider.owl-carousel .owl-nav {
	display: flex;
	align-items: center;
	gap: 8px;
	position: absolute;
	width: max-content;
	right: 2px;
    bottom: 2px;
}
.test-slider.owl-carousel .owl-nav button.owl-prev, .test-slider.owl-carousel .owl-nav button.owl-next {
    width: 45px;
    height: 25px;
	font-size: 16px;
    border: 1px solid rgba(var(--black-color), 0.2);
	color: rgba(var(--black-color), 0.6);
	background: rgba(var(--white-color), 1);
	border-radius: 3px;
}
.test-video-text p {
	text-transform: capitalize;
	margin: 0px;
	font-weight: 400;
	font-size: 15px;
}
.test-list-box .common-para {
	margin-top: 0px;
	margin-bottom: 15px;
}
.tset-ut-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-right: 23%;
	padding-right: 105px;
	gap: 12px;
}
.tset-user-img {
	--ehw-tui: 60px;
	width: var(--ehw-tui);
	height: var(--ehw-tui);
	overflow: hidden;
	border-radius: 50%;
}
.test-ut-main h5 {
	color: rgba(var(--black-color), 0.5);
}
.test-ut-main h5 {
	color: rgba(var(--black-color), 1);
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 600;
	margin-bottom: 2px;
}
.test-ut-main span {
	color: rgba(var(--black-color), 0.5);
	font-size: 14px;
	text-transform: capitalize;
}
.reviews-text h6 {
	color: rgba(var(--black-color), 1);
	font-weight: 600;
	margin-bottom: 4px;
	line-height: 1;
	font-size: 18px;
}
.reviews-text span {
	color: rgba(var(--black-color), 0.7);
	font-weight: 500;
	margin-bottom: 0px;
	font-size: 15px;
	line-height: 1;
}
.reviews-img-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
	gap: 10px;
}
.reviews-img {
	background: rgba(var(--white-color), 1);
    padding: 12px;
    /* box-shadow: 0px 0px 10px -2px rgba(var(--black-color), 0.1); */
    border-radius: 5px;
    height: 70px;
}
.reviews-img img {
	object-fit: contain;
}
.common-box.faq-title-box {
    text-align: center;
}
.faq-title-box .common-sub-title, .faq-title-box.common-box > h2, .common-section .faq-title-box.common-box > h2 {
    font-weight: 700;
}
.faq-title-box .common-title, .faq-title-box.common-box > h3, .common-section .faq-title-box.common-box > h3 {
	font-weight: 400;
	margin-top: 10px;
}
.faq-accordion-box .accordion-header button {
    font-size: 16px;
    box-shadow: none;
}
.faq-accordion-box {
	margin-top: 20px;
}
.faq-accordion-box .accordion-item {
    border: none;
    box-shadow: 0px 0px 10px -2px rgba(var(--black-color), 0.3);
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
}
.faq-accordion-box .accordion-button:not(.collapsed) {
    color: rgba(var(--black-color), 1);
    background: rgba(var(--main-color), 1);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.faq-accordion-box .accordion-button:not(.collapsed)::after {
	content: '\f068';
}
.faq-accordion-box .accordion-button.collapsed {
	flex-direction: row-reverse;
    justify-content: space-between;
}
.faq-accordion-box .accordion-button.collapsed::after {
	margin-right: 20px;
	margin-left: 0px;
}
.faq-accordion-box .accordion-button::after {
	content: '\2b';
	font-weight: 600;
	font-family: var(--font-awesome);
	background-image: none;
    transform: none;
}
.faq-accordion-box .accordion-body {
	font-size: 14px;
    color: rgba(var(--white-color), 0.8);
}
.faq-accordion-box .accordion-body p {
	margin-bottom: 10px;
}
.faq-accordion-box .accordion-body p:last-child {
	margin-bottom: 0px;
}
.cta-form-img {
    width: calc(100% + 15%);
    margin-left: -15%;
}
.cta-from-box .common-sub-title, .cta-from-box .common-box > h2, .common-section .cta-from-box .common-box > h2 {
    font-weight: 700;
}
.cta-from-box .common-title, .cta-from-box .common-box > h3, .common-section .cta-from-box .common-box > h3 {
	font-weight: 400;
	margin-top: 10px;
}
/* contact */
.cta-from {
	margin-top: 30px;
}
.cta-from .row {
	margin: 0px -6px;
	gap: 12px 0px;
}
.cta-from .row > * {
	padding: 0px 6px;
}
.form-box {
    margin-bottom: 15px;
}
.form-box:last-child {
    margin-bottom: 0px;
}
.select-box select, .select-box select:hover, .select-box select:focus, .select-box select:focus-visible, .select-box select:focus-within, .select-box select:active, .select-box select:target {
	padding-right: 50px;
	background: rgba(var(--black-color), 0);
	position: relative;
	z-index: 1;
	color: inherit;
	border-radius: 0px;
	border: none;
}
.select-box select option, .select-box select:hover option, .select-box select:focus option, .select-box select:focus-visible option, .select-box select:focus-within option, .select-box select:active option, .select-box select:target option {
	color: #111;
}
.select-box::after, .select-box::before {
	content: '';
	position: absolute;
	display: inline-block;
}
.select-box::after {
	border-right: 2px solid rgba(var(--white-color), 1);
    border-bottom: 2px solid rgba(var(--white-color), 1);
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    right: 20px;
    top: 40%;
}
.select-box::before {
	display: none;
	border-right: 1px solid rgba(var(--white-color), 0.4);
    width: 1px;
    height: 70%;
    margin-block: auto;
    right: 49px;
    top: 0;
    bottom: 0;
}
.form-control, .form-select {
    border: 1px solid rgba(var(--black-color), 0.05);
	border-radius: 5px;
	padding: 12px 15px;
	font-size: 13px;
	min-height: 45px;
}
.form-control::-webkit-calendar-picker-indicator {
	filter: invert(1);
}
.form-control:hover, .form-control:focus, .form-select:hover, .form-select:focus {
    border-color: rgba(var(--black-color), 0.05);
}
.form-control::placeholder, .form-select::placeholder {
	color: #676767;
}
.select-box, .form-control, .form-select, .select-box:hover, .form-control:hover, .form-select:hover, .select-box:focus, .form-control:focus, .form-select:focus {
	position: relative;
	background-color: #F1F1F1;
	color: #676767;
	border-radius: 10px;
	border: 1px solid #F1F1F1;
	/* border-color: #2E92D9; */
}
textarea.form-control {
    resize: none;
	padding: 15px;
}
.form-box .btn {
	margin-top: 20px;
}
/* .form-box input[type="file"] {
	text-indent: -500px;
}
.form-box label[for="upload-file"] {
	position: relative;
}
.form-box label[for="upload-file"] span {
	position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    font-size: 13px;
    color: rgba(var(--white-color), 1);
    font-weight: 500;
    width: 100%;
    height: max-content;
    display: block;
    padding: 0 10px;
} */
.common-section.GBO-section {
	background: rgba(var(--main-color), 1) no-repeat center center / cover;
}
.GBO-bg {
	position: absolute;
	inset: 0px;
	width: 100%;
	height: 100%;
}
.GBO-title-box .common-title, .GBO-title-box.common-box > h2, .common-section .GBO-title-box.common-box > h2, .GBO-title-box .common-para, .GBO-title-box.common-box > div.common-para {
    color: rgba(var(--white-color), 1);
    margin-bottom: 20px;
}
.GBO-title-box .common-btn::after {
	display: none;
}
.GBO-title-box .common-btn {
	border-color: var(--boco-btn);
    background: rgba(var(--main-color), 0);
    color: rgba(var(--white-color), 1);
}
.GBO-title-box .common-btn:hover, .GBO-title-box .common-btn:first-child:active, .GBO-title-box .common-btn:active, .GBO-title-box .common-btn:focus, .GBO-title-box :not(.btn-check) + .common-btn:active, .GBO-title-box .common-btn:focus-visible, .GBO-title-box button.common-btn:focus:not(:focus-visible), .GBO-title-box .common-btn:first-child:hover {
	--boco-btn: rgba(var(--second-color), 1);
	/* border-color: var(--boco-btn); */
    background: rgba(var(--second-color), 1);
    color: rgba(var(--black-color), 1);
}
.common-para ul, .common-box > div.common-para ul, .choose-list, .choose-title-box ul, .cta-list, .cta-title-box ul, .teamList-point, .teamList-TitleBox > div.common-para ul, .whoList, .whoList-TitleBox > div.common-para ul {
	margin: 16px 0px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 4px;
	gap: 8px;
}
.common-para ul li, .common-box > div.common-para ul li, .choose-list li, .choose-title-box ul li, .cta-list li, .cta-title-box ul li, .teamList-point li, .teamList-TitleBox > div.common-para ul li, .whoList li, .whoList-TitleBox > div.common-para ul li {
	position: relative;
	font-size: 14px;
	padding-left: 20px;
	font-weight: 600;
}
.common-para ul li::before, .common-box > div.common-para ul li::before, .choose-list li::before, .choose-title-box ul li::before, .cta-list li::before, .cta-title-box ul li::before, .teamList-point li::before, .teamList-TitleBox > div.common-para ul li::before, .whoList li:before, .whoList-TitleBox > div.common-para ul li:before {
	content: "\f058";
	position: absolute;
	font-family: var(--font-awesome);
	font-weight: 600;
	font-size: 12px;
	inset: 0px;
	margin-top: 2px;
	color: rgba(var(--second-color), 1);
	color: #407DB7;
}
.common-section.choose-section {
	background: #E9F4FF;
}
.common-SubTitle, .common-box > span, .common-section .common-box > span {
    margin-bottom: 12px;
    width: max-content;
    display: inline-flex;
    align-items: center;
    text-transform: capitalize;
    position: relative;
    color: rgba(var(--black-color), 1);
    background: #C4E2FF;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    /* border: 1px solid rgba(var(--five-color), 1); */
    padding: 8px 16px;
    border-radius: 2px;
}
.choose-title-box.common-title span, .choose-title-box.common-box > h3 span, .common-section .choose-title-box.common-box > h3 span {
	display: block;
}
.choose-title-box .common-btn::after {
	display: none;
}
.choose-title-box .common-btn {
	border-color: var(--boco-btn);
    background: rgba(var(--main-color), 0);
    color: rgba(var(--black-color), 1);
}
.choose-title-box .common-btn:hover, .choose-title-box .common-btn:first-child:active, .choose-title-box .common-btn:active, .choose-title-box .common-btn:focus, .choose-title-box :not(.btn-check) + .common-btn:active, .choose-title-box .common-btn:focus-visible, .choose-title-box button.common-btn:focus:not(:focus-visible), .choose-title-box .common-btn:first-child:hover {
	--boco-btn: rgba(var(--second-color), 1);
	/* border-color: var(--boco-btn); */
    background: rgba(var(--second-color), 1);
    color: rgba(var(--black-color), 1);
}
.choose-img {
    width: calc(100% + 10%);
    margin-left: -10%;
    position: relative;
    margin-top: 80px;
}
.common-section.lasyO-section > *, .common-section.lasyO-section > * > * {
	--bs-gutter-x: 0rem;
}
.lasyO-imgBox {
	width: 100%;
	height: 200px;
}
.lasyOTxt-section .common-title, .lasyOTxt-section .common-box > h2, .common-section.lasyOTxt-section .common-box > h2 {
	font-size: 44px;
}
.lasyOTxt-section .common-title span, .lasyOTxt-section .common-box > h2 span, .common-section.lasyOTxt-section .common-box > h2 span {
	color: #E6CDB6;
}
.lasyOTxt-section.aboutLasy-section .common-title span, .lasyOTxt-section.aboutLasy-section .common-box > h2 span, .common-section.lasyOTxt-section.aboutLasy-section .common-box > h2 span {
	color: rgba(var(--main-color), 1);
	font-weight: 600;
}
.common-section.lasyOTxt-section > * > * {
	justify-content: center;
}
.common-section.client-section {
	padding-bottom: 0px;
}
.services-section.common-section {
	background: #E9F4FF;
}
.services-TitleBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.services-TitleBox .common-para {
	width: 60%;
}
.services-box {
	display: block;
	position: relative;
	margin: 14px 14px 0px 0px;
	--ebr-sbr: 0px;
}
.serInn-box::before, .services-box::before {
	content: "";
	position: absolute;
	inset: 0px;
	transition: var(--transition-05s);
}
.services-box::before {
	--ehw-sbb: 100%;
	width: var(--ehw-sbb);
	height: var(--ehw-sbb);
	border: 3px solid #094171;
	/* border-radius: 0px calc(var(--ebr-sbr) + 2px) calc(var(--ebr-sbr) + 2px); */
}
.services-box:hover:before {
  	transform: translate(0px, 0px);
}
.serInn-box::before {
	--ehw-sbb: 200px;
	width: var(--ehw-sbb);
	height: var(--ehw-sbb);
	background: linear-gradient(-45deg, rgba(var(--white-color), 1), #87bff5);
	border-radius: 0px 120px 0px 120px;
	opacity: 0.28;
}
.serInn-box {
	min-height: 380px;
	position: relative;
	padding: 20px 16px;
	background: rgba(var(--white-color), 1);
	transition: var(--transition-05s);
	border-radius: 0px var(--ebr-sbr) var(--ebr-sbr);
}
.services-box:hover .serInn-box {
	transform: translate(14px, -14px);
	box-shadow: 6px 22px 22px -6px rgba(var(--black-color), 0.05), -6px 22px 22px -6px rgba(var(--black-color), 0.05);
}
.services-box > *, .serInn-box > * {
	position: relative;
	z-index: 1;
}
.services-boxImg {
	--ehw-Sicon: 75px;
	width: var(--ehw-Sicon);
	height: var(--ehw-Sicon);
	overflow: hidden;
	border-radius: 50%;
	margin-bottom: 22px;
}
.services-boxImg img {
  	object-fit: contain;
}
.services-desktopNone {
	display: none;
}
/* .serInn-box {
  	text-align: center;
} */
.services-title, .serInn-box h4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: capitalize;
	color: rgba(var(--black-color), 1);
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 1.4;
}
.serInn-box .common-para {
	/* display: -webkit-box; */
	line-clamp: 4;
	-webkit-line-clamp: 4;
	margin-bottom: 18px;
	/* font-size: 13px; */
	font-size: 11px;
	text-align: start;
}
.serInn-box .common-btn {
	padding: 8px 10px;
	opacity: 0;
	visibility: hidden;
	--boco-btn: #6E6767;
	background: rgba(var(--white-color), 1);
	color: #407db7;
}
.services-box:hover .serInn-box .common-btn {
	opacity: 1;
	visibility: visible;
}
.serInn-box .common-btn:hover, .serInn-box .common-btn:first-child:active, .serInn-box .common-btn:active, .serInn-box .common-btn:focus, .serInn-box :not(.btn-check) + .common-btn:active, .serInn-box .common-btn:focus-visible, .serInn-box button.common-btn:focus:not(:focus-visible), .serInn-box .common-btn:first-child:hover {
	--boco-btn: rgba(var(--third-color), 1);
	--bg-btn: rgba(var(--third-color), 1);
	--common-btn-color: rgba(var(--white-color), 1);
}
.serInn-box .common-btn::after {
	display: none;
}
.services-btnBox {
	text-align: center;
	margin-top: 20px;
}
.services-btnBox .common-btn::after {
	display: none;
}
.services-btnBox .common-btn {
	--boco-btn: rgba(64, 125, 183, 1);
	background: transparent;
    color: rgba(64, 125, 183, 1);
}
.client-videoBox {
	width: 100%;
	height: 500px;
	overflow: hidden;
	border-radius: 80px;
	position: relative;
}
.client-video {
	width: 100%;
	height: 100%;
	position: relative;
}
.client-videoPlay {
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(var(--white-color), 1);
	font-size: 4rem;
	position: absolute;
	inset: 0px;
	margin: auto;
	width: 100%;
	height: 100%;
}
.clientIm-MainBox h5 {
	font-size: 30px;
	font-weight: 600;
}
.clientIm-MainBox {
	position: absolute;
	bottom: 0px;
	left: 50px;
	width: 310px;
	background: rgba(var(--white-color), 1);
	padding: 20px 30px;
	border-radius: 60px 60px 0px 0px;
}
.clientIm-MainBox .common-para {
	margin-bottom: 0px;
}
.clientIm-videoList {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.clientIm-videoList li > * {
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(var(--white-color), 1);
	--ehw-cvli: 40px;
	overflow: hidden;
	border-radius: 50%;
	width: var(--ehw-cvli);
	height: var(--ehw-cvli);
	background: rgba(var(--main-color), 1);
	position: relative;
	z-index: 1;
}
.clientIm-videoList li:not(:first-child) {
	margin-left: -10px;
}
.clientIm-videoList li:last-child span {
	position: relative;
	z-index: 0;
	color: rgba(var(--white-color), 1);
	background: rgba(var(--main-color), 1);
	transform: rotate(-45deg);
}
.testvideo-titleBox {
	display: flex;
	justify-content: space-between;
	margin: 70px 0px 30px;
}
.testvideo-titleBox .common-SubTitle {
	background: transparent;
	padding: 0px;
	font-weight: 500;
}
.testvideo-titleBox .common-box {
	width: 50%;
}
.testvideo-titleBox .common-title, .testvideo-titleBox .common-box > h3, .common-section .testvideo-titleBox .common-box > h3 {
	font-weight: 500;
}
.testvideo-titleBox .choose-list {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
.testvideo-titleBox .choose-list li {
	font-size: 22px;
	padding-left: 0;
	font-weight: 500;
}
.testvideo-titleBox .choose-list li::before {
	font-weight: 400;
	position: static;
	color: rgba(var(--main-color), 1);
	font-size: 20px;
	padding-right: 10px;
}

.iframe-box {
    width: 100%;
    height: 460px;
    overflow: hidden;
}
.iframe-box > * {
    width: 100%;
    height: 100%;
}

/* RecentWork start */

.common-section.RecentWork-section > * > * {
    justify-content: center;
}
.common-section.RecentWork-section > * > * > * .RecentWork-TitleBox {
    text-align: center;
}
.RecentWork-InnerSection {
	position: relative;
}
.RecentWork-InnerSection::before {
	content: '';
	position: absolute;
	inset: 0px;
	width: 100%;
	height: 450px;
	display: inline-block;
	background: url(../images/plus-bg.png) no-repeat center center / cover;
	margin: auto;
	z-index: 1;
}
.RecentWork-InnerSection .row {
    align-items: center;
}
.RecentWork-InnerBox {
	width: 84%;
	margin: auto;
}
.ProPage-MainBox {
	--elr-ppmb: 130px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 60px 0px 60px var(--elr-ppmb);
}
.ProPage-MainBox::before {
	content: '';
	top: 0px;
	left: 0px;
	position: absolute;
	display: inline-block;
	height: 100%;
	width: 250px;
	background: #182048;
}
.ProPage-MainITxt {
	--elr-ppmt: -60px;
	transform: rotate(-90deg);
    width: max-content;
    height: max-content;
    position: absolute;
    z-index: 1;
    background: #182048;
    padding: 14px;
    display: block;
    color: rgba(var(--white-color), 1);
    font-size: 17px;
    inset: 0px 0px 0px var(--elr-ppmt);
    margin: auto 0;
}
.ProPage-MainITxt a, .ProPage-MainITxt a:visited, .ProPage-MainITxt a:focus {
    color: rgba(var(--white-color), 1);
	text-decoration: underline;
}
.ProPage-MainImg {
	max-height: var(--emhm-ppmi);
	--emhm-ppmi: 700px;
	overflow: hidden;
	--emh-ppmi: 450px;
	position: relative;
	z-index: 1;
    width: 450px;
	min-height: var(--emh-ppmi);
    background: rgba(var(--white-color), 1);
    padding: 10px;
	box-shadow: 0px 0px 10px -2px rgba(var(--black-color), 0.2);
}
.ProPage-img {
    width: 100%;
    height: 100%;
	overflow: hidden;
	min-height: var(--emh-ppmi);
	max-height: var(--emh-ppmi);
	background: rgba(var(--main-color), 0.2);
}
.ProPage-MainTxt {
	position: relative;
	z-index: 1;
	background: rgba(var(--white-color), 1);
	padding: 16px;
}
.ProPage-ProTitle, .ProPage-MainTxt h4 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px;
}
.ProPage-MainTxt .common-para {
    font-size: 18px;
    line-height: 2.2;
}
.RecentWork-section > * > * > *:nth-child(odd) .RecentWork-InnerSection .RecentWork-InnerBox .row > *:first-child {
	order: 1;
}
.RecentWork-section > * > * > *:nth-child(odd) .RecentWork-InnerSection .RecentWork-InnerBox .row > *:first-child .ProPage-MainBox {
	padding: 60px var(--elr-ppmb) 60px 0px;
}
.RecentWork-section > * > * > *:nth-child(odd) .RecentWork-InnerSection .RecentWork-InnerBox .row > *:first-child .ProPage-MainBox::before {
	left: auto;
	right: 0px;
}
.RecentWork-section > * > * > *:nth-child(odd) .RecentWork-InnerSection .RecentWork-InnerBox .row > *:first-child .ProPage-MainBox .ProPage-MainITxt {
    inset: 0px var(--elr-ppmt) 0px 0px;
	margin-left: auto;
}
.RecentWork-section > * > * > *:nth-child(odd) .RecentWork-InnerSection .RecentWork-InnerBox .row > *:first-child .ProPage-MainBox .ProPage-MainImg {
	margin-left: auto;
}

/* RecentWork End */

.common-section.faq-section {
	background: #054289;
}
.faqtTxt-titleBox .common-para, .faqtTxt-titleBox .common-box > div.common-para {
	color: #9F9F9F;
}
.faqtTxt-titleBox {
	display: flex;
	justify-content: space-between;
}
.faqtTxt-titleBox .common-SubTitle {
	background: transparent;
	padding: 0px;
	font-weight: 500;
}
.faqtTxt-titleBox .common-box {
	width: 50%;
}
.faqtTxt-titleBox .common-title, .faqtTxt-titleBox .common-box > h3, .common-section .faqtTxt-titleBox .common-box > h3 {
	font-weight: 500;
	color: rgba(var(--white-color), 1);
}
.faqMain-titleBox {
	margin-top: 50px;
}
.faqtTxt-titleBox .common-title span, .faqtTxt-titleBox .common-box > h3 span, .common-section .faqtTxt-titleBox .common-box > h3 span {
	display: block;
}
.faqMain-titleBox .common-title, .faqMain-titleBox .common-box > h3, .common-section .faqMain-titleBox .common-box > h3 {
	font-weight: 500;
	color: rgba(var(--white-color), 1);
}
.faqMain-titleBox .common-title span, .faqMain-titleBox .common-box > h3 span, .common-section .faqMain-titleBox .common-box > h3 span {
	display: block;
}
.faqtTxt-titleBox .common-btn::after {
	display: none;
}
.faqtTxt-titleBox .common-btn {
	margin-top: 30px;
    border-color: var(--boco-btn);
    background: rgba(var(--main-color), 0);
    color: rgba(var(--white-color), 1);
}
.faqtTxt-titleBox .common-btn:hover, .faqtTxt-titleBox .common-btn:first-child:active, .faqtTxt-titleBox .common-btn:active, .faqtTxt-titleBox .common-btn:focus, .faqtTxt-titleBox :not(.btn-check) + .common-btn:active, .faqtTxt-titleBox .common-btn:focus-visible, .faqtTxt-titleBox button.common-btn:focus:not(:focus-visible), .faqtTxt-titleBox .common-btn:first-child:hover {
    --boco-btn: rgba(var(--second-color), 1);
    /* border-color: var(--boco-btn); */
    background: rgba(var(--second-color), 1);
    color: rgba(var(--black-color), 1);
}

.faq-accordion-box .accordion-header button {
    font-size: 16px;
    box-shadow: none;
	padding: 20px;
	background: rgba(var(--third-color), 0);
	color: rgba(var(--white-color), 1);
}
.faq-accordion-box {
	margin-top: 20px;
}
.faq-accordion-box .accordion-item {
    border: none;
    box-shadow: 0px 0px 10px -2px rgba(var(--black-color), 0.3);
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
	background: rgba(var(--third-color), 0);
}
.faq-accordion-box .accordion-button:not(.collapsed) {
    color: #EF8322;
    background: #0E519E;
    box-shadow: none;
}
.faq-accordion-box .accordion-button:not(.collapsed)::after {
	content: '\f057';
	font-weight: 400;
	color: #B5B5B5;
}
.faq-accordion-box .accordion-button::after {
	content: '\2b';
	font-weight: 600;
	font-family: var(--font-awesome);
	background-image: none;
    transform: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.faq-accordion-box .accordion-body {
	font-size: 14px;
    color: rgba(var(--white-color), 0.8);
	background: #0E519E;
	border-top: 0;
}
.faq-accordion-box .accordion-body p {
	margin-bottom: 10px;
}
.faq-accordion-box .accordion-body p:last-child {
	margin-bottom: 0px;
}

/***************************** Blog Section ***************************************/
.common-section.blog-section {
	background: #E9F4FF;
}
.blog-box {
    position: relative;
}
.blog-box:hover .blog-text {
    transform: translateY(-30%);
	box-shadow: -8px 6px 10px -4px rgba(var(--second-color), 0.4), 8px 6px 10px -4px rgba(var(--second-color), 0.4);
}
.blog-box:hover .blog-box::before {
    transform: translateY(-30%);
}
.blog-box:hover .blog-img img {
    transform: scale(1.02);
}
.blog-img {
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 0px;
}
.blog-slider.owl-carousel .owl-nav button.owl-prev, .blog-slider.owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 45%;
	--ehw-bls: -50px;
}
.service-slider.owl-carousel .owl-nav button.owl-prev, .service-slider.owl-carousel .owl-nav button.owl-next, .blog-slider.owl-carousel .owl-nav button.owl-prev, .blog-slider.owl-carousel .owl-nav button.owl-next {
	--ehw-owl-btn: 40px;
    width: calc(var(--ehw-owl-btn));
    height: calc(var(--ehw-owl-btn));
    transition: var(--transition-05s);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 0%;
    background: rgba(var(--white-color), 1);
    color: var(--eclpn);
    border: 1px solid rgba(var(--white-color), 1);
}
.blog-slider.owl-carousel .owl-nav button.owl-prev {
	left: var(--ehw-bls);
}
.blog-slider.owl-carousel .owl-nav button.owl-next {
	right: var(--ehw-bls);
}
.blog-img img {
    transform: scale(1);
    transition: var(--transition-05s);
}
.blog-text {
    padding: 20px 20px;
    transition: var(--transition-05s);
    width: 90%;
    background: #E9F4FF;
    margin: auto;
    margin-top: -50px;
    transform: translateY(0%);
    position: relative;
    /* z-index: 1; */
    border-radius: 15px;
    box-shadow: none;
}
/* .blog-text::before {
    content: '';
    position: absolute;
    
    bottom: -5px;
    left: 0px;
    background: rgba(var(--second-color), 1);
    width: 100%;
    height: 20%;
    border-radius: 15px;
} */
.blog-text .date-time {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}
.blog-text .date-time li {
    display: flex;
    gap: 5px;
    font-size: 12px;
    font-weight: 500;
	color: #BEBEBE;
}
.blog-text .date-time li i {
    font-size: 12px;
    margin-top: 4px;
    color: rgba(var(--main-color), 1);
}
.blog-text h3 {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    font-size: 16px;
    font-weight: 600;
}
.blog-text .common-para {
    font-size: 13px;
    line-clamp: 1.6;
    -webkit-line-clamp: 2;
    font-weight: 400;
    margin-bottom: 16px;
}
.blog-text .common-btn {
    font-size: 13px;
	padding: 12px 20px;
	--boco-btn: rgba(var(--main-color), 1);
    background: rgba(var(--white-color), 0);
    color: rgba(var(--black-color), 1);
}
.blog-text .common-btn::after {
	display: none;
}
.blog-box:hover .common-btn, .blog-text .common-btn:hover, .blog-text .common-btn:first-child:active, .blog-text .common-btn:active, .blog-text .common-btn:focus, .blog-text :not(.btn-check)+.common-btn:active, .blog-text .common-btn:focus-visible, .blog-text button.common-btn:focus:not(:focus-visible), .blog-text .common-btn:first-child:hover {
	--boco-btn: rgba(var(--main-color), 1);
    background: var(--boco-btn);
    color: rgba(var(--white-color), 1);
}

.techno-title-box .common-para, .techno-title-box.common-box > div.common-para {
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
}
.techno-slider.owl-carousel {
  	padding: 0px 20px;
}
.techno-slider.owl-carousel .owl-nav button.owl-prev, .techno-slider.owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 45%;
	--elr-tso: -40px;
}
.techno-slider.owl-carousel .owl-nav button.owl-prev {
  	left: var(--elr-tso);
}
.techno-slider.owl-carousel .owl-nav button.owl-next {
  	right: var(--elr-tso);
}
.techno-slider .item {
  	margin: 10px 5px;
}
.techno-box {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	width: 100%;
	background: rgba(var(--white-color), 1);
	box-shadow: 0px 0px 10px -2px rgba(var(--black-color), 0.2);
	padding: 16px 10px;
	border-radius: 8px;
	font-size: 12px;
	text-align: center;
}
.techno-img, .techno-box > *:first-child {
	--ehw-til: 80px;
	height: var(--ehw-til);
	width: var(--ehw-til);
	margin: 0px auto;
}
.techno-img img, .techno-box > *:first-child img {
  	object-fit: contain;
}
.techno-box > span {
	text-transform: capitalize;
	color: rgba(var(--black-color), 0.6);
	display: block;
	font-weight: 500;
	margin-top: 6px;
	line-height: 1.3;
}
.footer-section {
    background: rgba(var(--black-color), 1) no-repeat center center / cover;
    padding-top: 60px;
}
.inner-footer {
    padding-bottom: 50px;
}
.footer-box {
	/* border-right: 1px solid rgba(var(--white-color), 0.4);
	padding-right: 25px; */
	height: 100%;
}
.foot-title {
    color: rgba(var(--white-color), 0.95);
    margin-bottom: 22px;
    font-size: 17px;
}
.foot-list li {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    gap: 8px;
}
.foot-list li a {
    font-weight: 400;
    transition: var(--transition-05s);
    color: #B2B2B2;
    color: rgba(var(--white-color), 0.6);
    font-size: 13px;
}
.foot-list li a:hover, .foot-list li a:focus {
    color: rgba(var(--main-color), 1);
}
.footer-box .common-para {
    color: rgba(var(--white-color), 0.6);
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1.9;
}
.footer-box.contact-box {
	height: auto;
	padding-left: 40px;
	background: rgba(var(--black-color), 1);
	border-left: 1px solid rgba(var(--white-color), 0.3);
}
.foot-cta {
	display: flex;
	gap: 5px;
	margin-bottom: 20px;
}
.foot-cta .form-control {
    min-height: 30px;
    border-radius: 0px;
	border: none;
	background: rgba(var(--main-color), 0);
    border-bottom: 1px solid rgba(var(--white-color), 0.4);
    padding: 5px;
}
.footer-box .foot-cta .common-btn {
	white-space: nowrap;
	padding: 10px 20px;
	font-size: 13px;
	text-transform: capitalize;
}
.footer-box .foot-cta .common-btn::after {
	display: none;
}
.foot-contact-main {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	margin-bottom: 15px;
}
.foot-contact-img {
	width: 25px;
}
.foot-ci-text {
	color: rgba(var(--white-color), 1);
	white-space: nowrap;
	font-size: 13px;
}
.foot-ci-text.foot-ci-call {
	border-right: 1px solid rgba(var(--white-color), 0.3);
	padding-right: 10px;
}
.social-list {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.social-list li a {
    color: rgba(var(--white-color), 0.6);
    font-size: 15px;
    transition: var(--transition-05s);
}
.social-list li a:hover, .social-list li a:focus {
    color: rgba(var(--main-color), 1);
}
.iin-list {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
	margin-top: 25px;
}
.iin-list li {
	height: 40px;
}
.iin-list li:last-child {
	height: 25px;
}
.iin-list li img {
	object-fit: contain;
}
.copy-box {
    padding: 18px 0;
    border-top: 1px solid rgba(var(--white-color), 0.2);
}
.copy-text {
    color: #7E7E7E;
    color: rgba(var(--white-color), 0.65);
    font-weight: 500;
    font-size: 13px;
}
.tp-list {
	display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
}
.tp-list li {
	border-right: 1px solid rgba(var(--white-color), 0.4);
	padding-right: 8px;
}
.tp-list li:last-child {
	border-right: none;
	padding-right: 0px;
}
.tp-list li a {
    color: rgba(var(--white-color), 0.6);
    font-size: 13px;
    transition: var(--transition-05s);
}
.tp-list li a:hover, .tp-list li a:focus {
    color: rgba(var(--main-color), 1);
}
.common-box.wadt-title-box, .common-box.price-title-box {
    text-align: center;
}
.wadt-box {
	overflow: hidden;
	height: 100%;
}
.wadtl-title-box {
	text-align: center;
	background: rgba(var(--main-color), 1);
	color: rgba(var(--black-color), 1);
	padding: 15px 10px;
	border-radius: 20px 20px 0px 0px;
}
.wadtl-title, .wadtl-title-box h3 {
	color: rgba(var(--black-color), 1);
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 0px;
}
.wadt-soft-list, .wadt-box ul {
	border-radius: 0px 0px 20px 20px;
	text-align: center;
	border: 1px solid rgba(var(--black-color), 0.3);
	padding: 20px 15px;
	height: calc(100% - 90px);
}
.wadt-soft-list li, .wadt-box ul li {
	margin-bottom: 15px;
}
.wadt-soft-list li a, .wadt-box ul li a {
	text-decoration: underline;
	color: #1D6ED8;
	transition: var(--transition-05s);
	font-size: 18px;
	font-weight: 500;
}
.wadt-soft-list li a:hover, .wadt-box ul li a:hover, .wadt-soft-list li a:focus, .wadt-box ul li a:focus {
	color: rgba(var(--main-color), 1);
	color: rgba(var(--black-color), 1);
}
.price-section.common-section {
	background: rgba(var(--main-color), 1) no-repeat center center / cover;
}
.row.price-row {
    margin-top: 40px;
}
.price-list-box {
	background: rgba(var(--white-color), 1);
	border: 1px solid rgba(var(--black-color), 0.3);
	padding: 30px 40px 100px;
	border-radius: 20px;
	position: relative;
	height: 100%;
}
.price-itm-box {
    width: 70px;
	height: 80px;
    margin: 0px auto 25px;
}
.price-itm-box img {
	object-fit: contain;
}
.price-lt-box {
	text-align: center;
}
.price-list-title, .price-lt-box h3 {
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 30px;
}
.price-list-title span, .price-lt-box h3 span {
	color: rgba(var(--main-color), 1);
}
.price-list-btn {
	position: absolute;
	bottom: 30px;
	left: 40px;
	right: 40px;
	margin: auto;
	width: calc(100% - 80px);
	text-align: center;
}
.price-list-btn .common-btn {
	width: 80%;
	margin: auto;
	box-shadow: 0px 0px 50px -3px var(--boco-btn);
}

/* Case St */

.drop-or-box {
	display: flex;
	gap: 15px;
	align-items: center;
	justify-content: flex-end;
}
.drop-or-box .dropdown .dropdown-toggle {
	box-shadow: 0px 0px 15px -3px rgba(var(--black-color), 0.2) !important;
	color: rgba(var(--black-color), 1);
	background: rgba(var(--black-color), 0);
	border-color: rgba(var(--black-color), 0.1) !important;
	font-size: 18px;
	outline: none !important;
	padding: 15px 20px;
}
.drop-or-box .dropdown .dropdown-menu {
	max-height: 300px;
	background: rgba(var(--white-color), 1);
	overflow: auto;
}
.drop-or-box .dropdown .dropdown-menu label.dropdown-item {
	display: flex;
	gap: 3px;
	font-size: 15px;
	font-weight: 500;
	text-transform: capitalize;
}
.drop-or-box .dropdown .dropdown-toggle::after {
	content: '\f078';
	font-family: var(--font-awesome);
	font-weight: 600;
	border: none;
	font-size: 15px;
	vertical-align: middle;
}
.case-filter-img {
	width: 20px;
    height: 20px;
    margin-right: 5px;
}
.case-filter-img img {
	object-fit: contain;
}
.or-text {
	font-weight: 500;
	font-size: 20px;
}
.case-main-box {
	height: 100%;
	background: linear-gradient(to top, rgba(var(--second-color), 1), rgba(var(--white-color), 1));
	overflow: hidden;
	border-radius: 8px;
	padding-bottom: 70px;
	position: relative;
}
.case-img-box {
    width: 100%;
    height: 250px;
	margin-bottom: 20px;
}
.case-text-box {
	padding: 0px 20px;
}
.case-title, .case-text-box h3 {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 0;
}
.case-text-box .common-para {
	margin-bottom: 4px;
	font-size: 12px;
	line-height: 1.5;
}
.case-text-box .common-para p {
	margin-bottom: 8px;
    color: rgba(var(--black-color), 1);
}
.case-text-box .common-para p:last-child {
	margin-bottom: 0px;
}
.case-text-box .common-para p span {
    color: rgba(var(--black-color), 0.7);
}
.case-btn-box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 0px 20px;
	gap: 8px;
	position: absolute;
	width: 100%;
	bottom: 20px;
	left: 0px;
}
.case-btn-box .common-btn {
    font-size: 13px;
    padding: 12px 14px;
    white-space: nowrap;
}
.case-btn-box .common-btn:first-child {
	background: rgba(var(--black-color), 0);
	box-shadow: none;
}
.case-btn-box .common-btn:first-child::after {
	transform: rotate(90deg);
	color: rgba(var(--main-color), 1);
}
.case-btn-box .common-btn:first-child:hover, .case-btn-box .common-btn:first-child:active, .case-btn-box .common-btn:first-child:active, .case-btn-box .common-btn:first-child:focus, .case-btn-box :not(.btn-check)+.common-btn:first-child:active, .case-btn-box .common-btn:first-child:focus-visible, .case-btn-box button.common-btn:first-child:focus:not(:focus-visible), .case-btn-box .common-btn:first-child:hover {
	background: rgba(var(--main-color), 1);
	box-shadow: 0px 0px 15px -3px var(--boco-btn);
}
.case-btn-box .common-btn:first-child:hover::after, .case-btn-box .common-btn:first-child:active::after, .case-btn-box .common-btn:first-child:active::after, .case-btn-box .common-btn:first-child:focus::after, .case-btn-box :not(.btn-check)+.common-btn:first-child:active::after, .case-btn-box .common-btn:first-child:focus-visible::after, .case-btn-box button.common-btn:first-child:focus:not(:focus-visible)::after, .case-btn-box .common-btn:first-child:hover::after {
	color: rgba(var(--white-color), 1);
	transform: rotate(0deg);
}
.case-btn-box .common-btn:hover, .case-btn-box .common-btn:first-child:active, .case-btn-box .common-btn:active, .case-btn-box .common-btn:focus, .case-btn-box :not(.btn-check)+.common-btn:active, .case-btn-box .common-btn:focus-visible, .case-btn-box button.common-btn:focus:not(:focus-visible), .case-btn-box .common-btn:first-child:hover {
	box-shadow: none;
}
.case-page-nav {
    margin-top: 25px;
}
.case-page-nav ul {
	width: max-content;
	margin: auto;
	align-items: center;
}
.case-page-nav ul li.page-item:not(:first-child) .page-link {
    margin-left: 0px;
}
.case-page-nav ul li a, .case-page-nav ul li a.page-link {
	border: none;
	margin: 0px;
	background: rgba(var(--black-color), 0);
	font-weight: 700;
	color: rgba(var(--black-color), 0.6);
	padding: 4px 6px;
	box-shadow: none;
	font-size: 14px;
}
.case-page-nav ul li.active>.page-link, .case-page-nav ul li a.page-link.active {
	background: rgba(var(--black-color), 0);
	color: rgba(var(--black-color), 1);
}
.case-page-nav ul li:first-child, .case-page-nav ul li:last-child {
	border: 1px solid rgba(var(--main-color), 1);
	border-radius: 5px;
}
.case-page-nav ul li:first-child a.page-link, .case-page-nav ul li:last-child a.page-link {
	color: rgba(var(--main-color), 1);
	padding: 5px 10px;
	font-size: 16px;
}
.case-page-nav ul li.disabled:first-child, .case-page-nav ul li.disabled:last-child {
	border-color: rgba(var(--black-color), 0.4);
}
.case-page-nav ul li.disabled:first-child a.page-link, .case-page-nav ul li.disabled:last-child a.page-link {
	color: rgba(var(--black-color), 0.4);
}
.common-section.case-da-section {
    background: rgba(var(--main-color), 1) no-repeat center center / cover;
}
.case-da-img {
    width: 100%;
    height: 230px;
	overflow: hidden;
	border-radius: 5px;
}
.common-section.about-section.case-tc-section {
	background: rgba(var(--black-color), 0);
}
.case-tcdtl-list {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: 15px;
}
.case-tcdtl-list li {
	position: relative;
	padding-left: 22px;
	font-size: 14px;
	color: rgba(var(--black-color), 0.9);
	font-weight: 500;
}
.case-tcdtl-list li::before {
	content: '\f061';
	position: absolute;
	inset: 0px;
	font-family: var(--font-awesome);
	font-weight: 600;
	font-size: 15px;
	color: rgba(var(--main-color), 1);
}
.common-section.case-ts-section {
    background: rgba(var(--main-color), 1) no-repeat center center / cover;
}
.case-ts-section .about-img {
    width: calc(100% + 40%);
	margin-left: -40%;
}
.careers-test-btn {
	text-align: center;
	margin-top: 30px;
}
.common-section.benefits-section {
	background: rgba(var(--main-color), 0.15);
}
.common-box.benefits-title-box {
    text-align: center;
}
.benefits-title-box .common-sub-title, .benefits-title-box.common-box > h2, .common-section .benefits-title-box.common-box > h2 {
    font-weight: 700;
}
.pb-it-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.pb-img-main {
    margin-right: -25px;
    position: relative;
    z-index: 1;
}
.pb-img-box {
	display: flex;
	align-items: center;
	justify-content: center;
    --ehw-pbi: 70px;
    width: var(--ehw-pbi);
    height: var(--ehw-pbi);
    background: rgba(var(--main-color), 1);
    padding: 18px;
    border-radius: 50%;
}
.pb-img-box img {
	object-fit: contain;
}
.pb-text-box {
    background: rgba(var(--white-color), 1);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 8px;
    font-weight: 500;
    padding: 10px;
    width: 100%;
    min-height: 90px;
    font-size: 17px;
    padding-left: 35px;
}
.benefits-btns {
	text-align: center;
	margin-top: 30px;
}
.position-title-box .common-sub-title, .position-title-box.common-box > h2, .common-section .position-title-box.common-box > h2 {
    font-weight: 700;
}
.csf-box {
	margin-top: 30px;
}
.csf-box .input-div {
	margin-top: 0px;
}
.input-div .form-control, .input-div .form-select {
    background-color: rgba(var(--black-color), 0);
    border: none;
    box-shadow: none;
    padding: 5px 5px;
	color: rgba(var(--black-color), 0.9);
	min-height: 40px;
	font-size: 15px;
	/* appearance: auto; */
}
.input-div .form-control::placeholder, .input-div .form-select::placeholder, .input-div .form-control[type="date"] {
	color: rgba(var(--black-color), 0.9);
}
.input-div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 10px;
    width: 100%;
    background-color: rgba(var(--white-color), 1);
    border: 1px solid rgba(var(--black-color), 0.3);
    border-radius: 6px;
    padding: 8px;
}
.input-div .css-text {
    text-transform: uppercase;
    font-size: 22px;
    background: rgba(var(--main-color), 0);
    color: rgba(var(--main-color), 1);
    padding: 6px 6px;
    font-weight: 600;
    line-height: 1;
    border-radius: 50px;
	margin-top: 0;
	border: none;
	transition: var(--transition-05s);
}
.input-div .css-text:hover {
    color: rgba(var(--black-color), 1);
}
.careers-list-main {
	border: 1px solid rgba(var(--black-color), 0.4);
	border-radius: 8px;
	padding: 0px 80px 60px;
	margin: 25px 0px;
}
.job-list-row .col-xl-6 .careers-list-main {
	margin-bottom: 0px;
	padding-bottom: 80px;
}
.careers-list-title, .careers-list-main legend {
    margin-top: -20px;
    padding: 2px 15px;
    background: rgba(var(--white-color), 1);
    display: inline-block;
    width: max-content;
	font-weight: 500;
    margin-left: -40px;
	line-height: 1.2;
	margin-bottom: 30px;
	font-size: 24px;
}
.careers-list-title span, .careers-list-main legend span {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: rgba(var(--black-color), 0.6);
	margin-top: -2px;
}
.row.careers-box-list {
    margin-bottom: 30px;
	overflow: auto;
	scroll-snap-type: x mandatory;
}
.row.careers-box-list > * {
	flex-shrink: 0;
	scroll-snap-align: start;
}
.careers-main-box {
	display: block;
	background: linear-gradient(150deg, rgba(var(--black-color), 0.1), rgba(var(--black-color), 0.1));
	padding: 2px;
	position: relative;
	height: 100%;
	/* overflow: hidden; */
	--ebr-service: 5px;
	border-radius: var(--ebr-service);
	margin-bottom: 20px;
	transition: var(--transition-05s);
}
.careers-main-box:hover {
	background: linear-gradient(-60deg, rgba(var(--white-color), 1), rgba(var(--main-color), 1));
}
.careers-inner-box {
	background: linear-gradient(150deg, rgba(var(--white-color), 1), #E4F7FE);
	padding: 30px 20px 85px;
	border-radius: var(--ebr-service);
	height: 100%;
	position: relative;
}
.job-tt-box {
    display: flex;
	gap: 6px;
	justify-content: space-between;
	align-items: flex-start;
}
.job-time {
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	max-width: 60px;
}
.job-title, .careers-inner-box h4 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
}
.job-title span, .careers-inner-box h4 span {
	display: block;
    font-size: 16px;
	position: relative;
}
.job-title span::after, .careers-inner-box h4 span::after {
	content: ' )';
}
.job-title span::before, .careers-inner-box h4 span::before {
	content: '(';
}
.careers-inner-box .common-para {
    line-height: 20px;
    font-size: 13px;
    margin: 12px 0px 0px;
	line-clamp: 6;
	-webkit-line-clamp: 6;
}
.job-btns {
	position: absolute;
	bottom: 30px;
	left: 0px;
	width: 100%;
	padding: 0px 20px;
}
.job-btns .common-btn {
	font-size: 14px;
	padding: 12px 20px;
}
.job-btns .common-btn::after {
	content: '\f105';
	transform: rotate(0deg);
}
.job-loadmore {
    --ehw-jlm-btn: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--ehw-jlm-btn);
    height: var(--ehw-jlm-btn);
    margin: 0 auto -85px;
    border: 1px solid rgba(var(--black-color), 0.5);
    border-radius: 50%;
    color: rgba(var(--main-color), 1);
    font-size: 24px;
    padding: 8px;
    background: rgba(var(--white-color), 1);
	transition: var(--transition-05s);
}
.job-loadmore:hover {
    color: rgba(var(--black-color), 1);
}
.job-loadmore .fa-angle-down {
	margin-bottom: -4px;
}
.job-dtl-box {
    background: rgba(var(--black-color), 0.08);
    padding: 40px 50px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
	align-items: center;
    gap: 20px;
	margin-bottom: 30px;
}
.job-bd-main {
	width: 70%;
}
.job-bd-main > * {
	width: 50%;
}
.job-dtl-title {
	border-bottom: 2px solid rgba(var(--black-color), 0.2);
	font-size: 28px;
	padding-bottom: 6px;
	margin-bottom: 20px;
}
.job-back-btn {
	color: rgba(var(--main-color), 1);
	font-size: 25px;
	transition: var(--transition-05s);
	margin-right: 8px;
}
.job-des-title {
	font-weight: 600;
	font-size: 30px;
	margin-bottom: 8px;
}
.add-time {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	gap: 10px;
	margin-top: 10px;
}
.add-time {
	font-weight: 500;
	font-size: 18px;
	white-space: nowrap;
}
.job-bd-btn .common-btn {
	white-space: nowrap;
}
.rrw-section {
	padding: 30px 0px;
}
.rrw-section .row {
    justify-content: flex-end;
}
.rrw-main-section .rrw-section:nth-child(even) .row > *:first-child {
	order: 1;
}
.rrw-bg-box {
    padding: 20px 30px;
    padding-right: 100px;
    background: rgba(var(--main-color), 0.15);
    margin: -30px 0px;
    height: calc(100% + 18%);
    width: calc(100% + 6%);
	border-radius: 5px;
}
.rrw-main-section .rrw-section:nth-child(even) .row > *:first-child .rrw-bg-box {
	padding-left: 100px;
	padding-right: 30px;
}
.rrw-main-section .rrw-section:nth-child(2) .row > *:first-child .rrw-bg-box, .rrw-main-section .rrw-section:nth-child(3) .row > *:first-child .rrw-bg-box {
    height: calc(100% + 12%);
}
.rrw-bg-box img {
	object-fit: contain;
}
.common-box.rrw-title-box {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	background: rgba(var(--white-color), 1);
	border-radius: 5px;
	height: 100%;
	margin-left: -80px;
	padding: 40px 30px;
	position: relative;
	z-index: 1;
}
.rrw-main-section .rrw-section:nth-child(even) .row > *:last-child .common-box.rrw-title-box {
	margin-right: -80px;
	margin-left: 0px;
}
.common-box.rrw-title-box .common-title, .common-box.rrw-title-box > h3, .common-section .common-box.rrw-title-box > h3 {
    font-weight: 700;
	font-size: 24px;
}
.rrw-list-box {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 15px;
	margin-top: 30px;
}
.rrw-list-box li {
    position: relative;
    padding-left: 22px;
    font-size: 14px;
    color: rgba(var(--black-color), 0.9);
}
.rrw-list-box li::before {
    content: '\f058';
    position: absolute;
    inset: 0px;
    font-family: var(--font-awesome);
    font-weight: 600;
    font-size: 15px;
    color: rgba(var(--main-color), 1);
}
.cf-main {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 2px 2px 35px -2px rgba(var(--black-color), 0.1);
}
.cf-title-box {
	background: rgba(var(--main-color), 1);
	color: rgba(var(--black-color), 1);
	padding: 25px 30px;
	text-align: center;
}
.cf-title, .cf-title-box h2 {
	margin-bottom: 0px;
	font-size: 30px;
    font-weight: 500;
}
.cf-form-box {
	padding: 50px 55px;
}
.cfar-file {
	background: rgba(var(--white-color), 1);
	color: rgba(var(--black-color), 1);
	box-shadow: 0px 0px 30px -2px rgba(var(--main-color), 0.7);
	transition: var(--transition-05s);
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-weight: 600;
	font-size: 17px;
	padding: 15px 25px;
	text-transform: uppercase;
	cursor: pointer;
}
.cfar-file:hover {
	background: rgba(var(--main-color), 1);
	color: rgba(var(--black-color), 1);
}
.cfar-file > input[type="file"] {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
}
.accordion-item.psedns-box, .accordion-item.psedns-box:not(:first-of-type) {
	margin-top: 30px;
	background: rgba(var(--black-color), 0.07);
	border: 1px solid rgba(var(--black-color), 0.1);
	border-radius: 8px;
}
.accordion-body.psedns-form-body, .accordion-item.psedns-box .accordion-header .accordion-button {
	padding: 15px 20px;
}
.accordion-body.psedns-form-body {
	padding-bottom: 40px;
}
.accordion-item.psedns-box .accordion-header .accordion-button {
	background: rgba(var(--black-color), 0);
	outline: none;
	box-shadow: none;
	font-size: 20px;
	font-weight: 500;
	color: rgba(var(--black-color), 1);
	cursor: default;
}
.accordion-item.psedns-box .accordion-header span {
    display: block;
    color: rgba(var(--black-color), 0.7);
    padding: 0px 20px 12px;
    font-size: 14px;
    margin-top: -10px;
}
.accordion-item.psedns-box .accordion-header .accordion-button[data-bs-toggle="collapse"] {
	cursor: pointer;
}
.accordion-item.psedns-box .accordion-header .accordion-button::after {
	display: none;
}
.accordion-item.psedns-box .accordion-header .accordion-button[data-bs-toggle="collapse"]::after {
	display: block;
	content: '\f105';
	font-family: var(--font-awesome);
	font-weight: 600;
	background-image: none;
	color: rgba(var(--white-color), 1);
	background: rgba(var(--main-color), 1);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	--ehw-ppa-btn: 40px;
	width: calc(var(--ehw-ppa-btn) * 1.6);
	height: var(--ehw-ppa-btn);
}
.accordion-item.psedns-box .accordion-header .accordion-button:not(.collapsed)::after {
	transform: rotate(0deg);
	content: '\f107';
}
.psedns-form-body .input-div .css-text {
    background: rgba(var(--main-color), 1);
    color: rgba(var(--white-color), 1);
    border-radius: 8px;
    width: 70px;
    font-size: 18px;
    height: 40px;
}
#addinput {
	display: flex;
	flex-direction: column-reverse;
	gap: 15px;
}
.psedns-form-body .input-div, #addinput .form-box {
	margin: 0px;
}
.psedns-form-body .input-div input[type="date"].form-control::-webkit-calendar-picker-indicator {
	filter: invert(0);
}
.accordion-body.psedns-form-body label.d-inline-flex {
	cursor: pointer;
}
.accordion-body.psedns-form-body .form-box .common-btn {
	margin-top: 0px;
}
.accordion-body.psedns-form-body .form-box .common-btn::after {
	display: none;
}
.accordion-body.psedns-form-body .form-box .common-btn::before {
	content: '\2b';
	transform: rotate(0deg);
}
.captcha-box {
	margin-top: 28px;
}
.captcha-box > *, .captcha-box iframe {
	width: 100%;
	width: auto;
}
.cgshfc-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	justify-content: flex-start;
	gap: 40px 10px;
	margin-top: 40px;
}
.cgshfc-list li {
	border-left: 2px solid rgba(var(--main-color), 1);
	padding-left: 10px;
}
.cgshfc-list li span {
	display: block;
	color: rgba(var(--black-color), 0.7);
	font-weight: 700;
	font-size: 13px;
	line-height: 1;
	margin-bottom: 6px;
}
.cgshfc-list li p {
	margin-bottom: 0px;
	font-weight: 700;
	font-size: 15px;
	line-height: 1;
}
.contact-form-box {
	border-top: 5px solid rgba(var(--main-color), 1);
	border-radius: 8px;
	box-shadow: 2px 2px 35px -2px rgba(var(--black-color), 0.1);
	background: rgba(var(--white-color), 1);
	padding: 30px;
	margin-top: -400px;
	position: relative;
	z-index: 1;
}
.contact-form-box .common-box {
	text-align: center;
}
/* .contact-form-box .common-title, .contact-form-box .common-box > h3, .common-section .contact-form-box .common-box > h3{
	font-size: 30px;
} */
.contact-form-box .input-div .form-control, .contact-form-box .input-div .form-select {
    padding: 2px 4px;
    min-height: 25px;
    font-size: 14px;
}
.contact-form-box .input-div .form-select {
	text-overflow: ellipsis;
	padding-right: 28px;
}
.contact-form-box .input-div {
	border-radius: 0px;
	border: none;
	border-bottom: 1px solid rgba(var(--black-color), 0.3);
	padding: 4px 2px;
	margin-top: 0px;
}

/* About */

.common-section.about-section.about-page-section {
	background: rgba(var(--main-color), 0);
}
.common-section.custom-section.ca-section .common-sub-title, .common-section.custom-section.ca-section .common-box > h2, .common-section.custom-section.ca-section .common-box > h2 {
	font-size: 30px;
	margin-bottom: 0px;
}
.about-page-btn {
	margin-top: 50px;
}
.about-page-btn.mobile-view {
	display: none;
}
.common-section.about-section.about-page-section .common-box.about-title-box .common-para {
	margin: 0px;
}
.eey-list {
	background: rgba(var(--black-color), 0.08);
	padding: 35px 25px;
	border-radius: 8px;
	width: 100%;
	display: grid;
	align-items: center;
	justify-content: space-evenly;
	gap: 25px;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 30px;
}
.eey-list li {
	padding-left: 30px;
}
.eey-list li h4 {
	color: rgba(var(--main-color), 1);
	font-size: 50px;
	margin-bottom: 4px;
	line-height: 1;
}
.eey-list li p {
	color: rgba(var(--black-color), 1);
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 0px;
	line-height: 1;
}
.common-section.mission-section {
	padding: 40px 0px 0px;
	z-index: 8;
}
.mission-dtl-main {
	background: rgba(var(--white-color), 0.1);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	overflow: hidden;
	border-radius: 20px;
	padding: 25px;
	box-shadow: 0px 0px 30px -2px rgba(var(--black-color), 0.1);
}
.mission-dt-main {
	min-height: 500px;
	padding: 5px 15px;
}
.common-box.mission-dtl-text .common-sub-title, .common-box.mission-dtl-text > h2, .common-section .common-box.mission-dtl-text > h2, .common-box.mission-dtl-text .common-title, .common-box.mission-dtl-text > h3, .common-section .common-box.mission-dtl-text > h3 {
	font-size: 28px;
}
.mission-dtl-text .common-para, .common-box.mission-dtl-text > div.common-para {
	font-size: 13px;
    line-height: 22px;
	margin: 20px 0px;
}
.mission-di-main {
    height: 500px;
	overflow: hidden;
	border-radius: 20px;
}
.mission-di-box {
    width: 100%;
    height: 100%;
}
.common-section.vision-section {
	background: rgba(var(--main-color), 1) no-repeat center center / cover;
	padding-top: 240px;
    margin-top: -120px;
}
.common-box.vision-title-box {
    text-align: center;
	margin-bottom: 40px;
}
.vd-box {
    height: 100%;
}
.vd-title-box {
    text-align: center;
    background: rgba(var(--main-color), 1);
    color: rgba(var(--black-color), 1);
    padding: 25px 10px;
    border-radius: 20px 20px 0px 0px;
}
.vd-title, .vd-title-box h3 {
    color: rgba(var(--black-color), 1);
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 0px;
}
.vd-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	text-align: center;
	padding: 30px 60px;
	border: 2px solid rgba(var(--black-color), 0.08);
	border-radius: 0px 0px 30px 30px;
	height: calc(100% - 55px);
}
.vd-list li {
	border-bottom: 2px solid rgba(var(--black-color), 0.04);
	padding-bottom: 25px;
}
.vd-list li:last-child {
	border-bottom: none;
}
.vd-list li .vd-img {
	--ehw-vdimg: 60px;
	width: var(--ehw-vdimg);
	height: var(--ehw-vdimg);
	margin: 0px auto 10px;
}
.vd-list li .vd-img img {
	object-fit: contain;
}
.vd-list li p {
	margin-bottom: 0px;
	font-weight: 500;
	font-size: 19px;
}
.common-section.clienta-section {
	background: rgba(var(--black-color), 0.08);
	padding: 50px 0px;
}
.common-box.clienta-title-box {
	text-align: center;
}
.clienta-slider {
	margin-top: 30px;
}
.clienta-slider-img {
	width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.clienta-slider-img img {
	object-fit: contain;
}
.common-section.sud-main-section {
	padding-bottom: 40px;
	padding-top: 100px;
}
.common-section.sud-section {
	padding: 35px 0px;
}
.sud-title, .sud-title-box h2 {
    position: relative;
    margin-bottom: 0px;
    font-size: 40px;
    font-weight: 700;
    padding: 23px 0px 34px;
    line-height: 1;
}
.sud-title::after, .sud-title-box h2::after {
	content: attr(data-name);
    position: absolute;
    inset: 0px;
    color: rgba(var(--black-color), 0);
    -webkit-text-stroke: 1px rgba(var(--black-color), 0.14);
	line-height: 1;
    font-weight: 500;
    font-size: 85px;
	z-index: -1;
}
.sud-slider.owl-carousel {
	margin-top: 30px;
}
.sud-slider.common-dots-slider.owl-carousel .owl-dots .owl-dot.active {
	background: rgba(var(--main-color), 1);
}
.sud-slider.owl-carousel .item {
	margin: 15px;
}
.sud-slider-img {
	--ehw-ssi: 219px;
	position: relative;
	/* background: url(../images/sub-slider-after.png) no-repeat center center / cover; */
	width: calc(var(--ehw-ssi) - 15px);
	height:calc(var(--ehw-ssi) - 15px);
	margin: 0 auto;
	border-radius: 50%;
	padding: 10px;
}
.sud-slider-img::after {
	content: '';
    display: inline-block;
    position: absolute;
    background: url(../images/sub-slider-after.png) no-repeat center center / cover;
    width: calc(100% + 14%);
    height: calc(100% + 20%);
    top: 0px;
    left: -20px;
}
.sud-slider-img img {
    position: relative;
    z-index: 1;
    border: 5px solid rgba(var(--white-color), 1);
    border-radius: 50%;
    width: calc(var(--ehw-ssi) - 45px) !important;
    height: calc(var(--ehw-ssi) - 45px);
    margin-left: -3px;
    margin-top: 0px;
}
.sud-social {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
    width: calc(var(--ehw-ssi) - 45px);
    height: calc(var(--ehw-ssi) - 45px);
	background: rgba(var(--black-color), 0.7);
	z-index: 1;
	border-radius: 50%;
    top: 10px;
    left: 7px;
	opacity: 0;
	visibility: hidden;
	transition: var(--transition-05s);
	transform: scale(0.8);
}
.sud-social a {
	--ehw-ssim: 25px;
	background: #0078D4;
	width: var(--ehw-ssim);
	height: var(--ehw-ssim);
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(var(--white-color), 1);
	border-radius: 3px;
}
.sud-slider-main:hover .sud-social {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}
.sud-slider-text {
	text-align: center;
	margin-top: 25px;
}
.sud-slider-text h5 {
	color: rgba(var(--black-color), 1);
	margin-bottom: 5px;
	line-height: 1.3;
}
.sud-slider-text p {
	color: rgba(var(--black-color), 0.5);
	margin-bottom: 0px;
	line-height: 1.3;
	font-size: 18px;
}
.common-section.team-section {
	background: rgba(var(--main-color), 1) no-repeat center center / cover;
	min-height: 600px;
	display: flex;
    align-items: flex-end;
}
.common-section.team-section > *, .common-section.team-section > * .row > * {
	padding-left: 0px;
}
.common-section.team-section > * .row {
	margin-left: 0px;
}
.team-inner-container {
	background: rgba(var(--white-color), 1);
	width: 85%;
	padding: 30px 35px 30px 200px;
	margin-bottom: -180px;
}
.common-section.team-section::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0px;
	background: rgba(var(--white-color), 0.9);
}
.team-img, .common-section.team-section::after, .common-section.team-section > * .row > *:first-child {
	display: none;
}
.common-box.team-title-box .common-sub-title, .common-box.team-title-box  > h2, .common-section .common-box.team-title-box  > h2 {
	text-transform: uppercase;
}
.common-box.team-title-box .common-sub-title > *, .common-box.team-title-box  > h2 > *, .common-section .common-box.team-title-box  > h2 > * {
	color: rgba(var(--main-color), 1);
}
.common-box.team-title-box .common-para, .common-box.team-title-box  > div.common-para {
	font-size: 13px;
	margin-top: 0;
}
.common-section.case-ts-section.choose-section {
	background: rgba(var(--main-color), 0);
}
.case-tcdtl-list.choose-list li:first-child {
	padding-left: 0px;
}
.case-tcdtl-list.choose-list li::before {
	content: '\f058';
}
.case-tcdtl-list.choose-list li:first-child::before {
	display: none;
}
.common-section.value-section {
	background: rgba(var(--main-color), 1);
	overflow: hidden;
}
.value-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
	margin-top: 40px;
}
.value-title, .value-list li h4 {
	font-weight: 600;
	font-size-adjust: 28px;
	width: max-content;
	position: relative;
	max-width: 100%;
	margin-bottom: 0px;
	padding: 12px 0px;
}
.value-title span, .value-list li h4 span {
	display: block;
}
.value-title::after, .value-list li h4::after {
	content: attr(data-name);
	position: absolute;
	inset: 0px;
	color: #FFDC2E;
	z-index: -1;
	font-weight: 600;
	font-size: 60px;
}
.value-list li .common-para {
	color: rgba(var(--white-color), 1);
	line-height: 24px;
	font-weight: 300;
	font-size: 16px;
}
.value-img {
    width: calc(100% + 83%);
    height: calc(100% + 29%);
    margin: -80px 0px;
}
.owner-img-box {
	position: relative;
    --ehw-owner: 475px;
    width: calc(var(--ehw-owner));
    height: calc(var(--ehw-owner) + 40px);
    margin-left: -100px;
	margin-bottom: 70px;
}
.owner-img {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.message-img {
	position: absolute;
    bottom: -12%;
    right: -4%;
    width: 230px;
}
.message-img img {
	object-fit: contain;
}
.owner-title-box {
	position: relative;
	padding-top: 40px;
	margin-bottom: 35px;
}
.owner-title-box::before {
	content: '\f10e';
	position: absolute;
	display: inline-block;
	font-family: var(--font-awesome);
	font-weight: 600;
	color: rgba(var(--black-color), 0.08);
	z-index: -1;
	font-size: 100px;
	line-height: 1;
	inset: 0px;
}
.owner-title-box span {
	display: block;
	color: rgba(var(--main-color), 1);
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 10px;
	line-height: 1;
}
.owner-title-box h2 {
	font-weight: 700;
	line-height: 1;
	font-size: 32px;
	margin-bottom: 15px;
}
.owner-title-box h5 {
	margin-bottom: 0px;
	color: rgba(var(--black-color), 0.4);
	font-size: 17px;
	font-weight: 600;
	line-height: 1;
}
.common-para-quote {
	position: relative;
	line-height: 1;
}
.common-para-quote::before {
	content: '\f10e';
	display: inline-block;
	font-family: var(--font-awesome);
	font-weight: 600;
	color: rgba(var(--main-color), 1);
	z-index: -1;
	font-size: 24px;
	line-height: 1;
}
.linkedin-btn {
	padding: 0px;
	border: none;
	width: 200px;
	display: block;
	margin-top: 30px;
}

.slideForm{
	position: fixed;
	right: -500px;
	bottom: 0;
	transition: right ease-in-out .5s;
	z-index: 1;
}
.slideForm.is-visible {
	right: 0px;
	transition: right ease-in-out .5s;
}
.formButton{
	position: absolute;
	top: 63px;
	left: -107px;
	background: #ef8322;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	border-radius: 0 0 8px 8px;
	padding: 7px 15px;
	transform: rotate(90deg);
	cursor: pointer;
	display: inline-block;
}
.form-section{
	background-color: #fff;
	width: 500px;
	/* height: 500px; */
	padding:15px;
	box-shadow: -7px 2px 13px 0px #00000052;
}
.formButton-close{
	float: right;
	font-size:20px;
}

@media (min-width: 992px) {
	.navbar-nav .nav-item.dropdown > .dropdown-menu {
		display: block;
		opacity: 0;
		visibility: hidden;
		left: 0;
		width: 100%;
	}
	.navbar-nav .nav-item.dropdown:hover > .dropdown-menu, .navbar-nav .nav-item.dropdown > .dropdown-menu.show {
		opacity: 1;
		visibility: visible;
	}
	.nav-cut-btn {
		display: none;
	}
	.navbar-nav-box {
		margin: auto;
	}
	.common-section.team-section > * {
		max-width: 100%;
	}
	.navbar-nav .nav-item.dropdown > .dropdown-menu {
		background: rgba(var(--black-color), 1);
	}
	.navbar-nav .nav-item.dropdown > .dropdown-menu > * > * > * > * > li > a {
		color: rgba(var(--white-color), 0.6);
	}
	.navbar-nav .nav-item.dropdown > .dropdown-menu li.dropend {
		position: static;
	}
	.navbar-nav .nav-item.dropdown > .dropdown-menu li.dropend > .dropdown-menu {
		display: block;
		opacity: 0;
		visibility: hidden;
		left: 23.9%;
    	width: calc(100% - 23.9%);
		top: 0px;
		margin: 0px;
		/* min-height: 100%; */
		max-height: 198px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.navbar-nav .nav-item.dropdown > .dropdown-menu .first-DropDown::after {
		content: '';
		position: absolute;
		display: inline-block;
		left: 23.9%;
    	width: calc(100% - 23.9%);
		background: rgba(var(--white-color), 1);
		min-height: 100%;
		top: 0px;
	}
	.navbar-nav .nav-item.dropdown > .dropdown-menu .dropend:hover > .dropdown-menu, .navbar-nav .nav-item.dropdown > .dropdown-menu .dropend > .dropdown-menu.show {
		opacity: 1;
		visibility: visible;
	}
	.navbar-nav .nav-item.dropdown:hover > .dropdown-menu li.dropend:first-child > .dropdown-menu {
		opacity: 1;
		visibility: visible;
	}
	.navbar-nav .nav-item.dropdown:hover > .dropdown-menu li.dropend:first-child > a {
		color: rgba(var(--black-color), 1);
		background-color: rgba(var(--main-color), 1);
	}
	.RecentWork-InnerBox {
		width: 100%;
	}
	.ProPage-ProTitle, .ProPage-MainTxt h4 {
		font-size: 32px;
	}
	.ProPage-MainTxt .common-para {
		font-size: 17px;
		line-height: 2;
	}
}

@media (min-width: 1200px){
	header .container, footer .container {
		max-width: 1140px;
	}
	.container {
		max-width: 960px;
	}
	.navbar-nav .nav-item.dropdown > .dropdown-menu[data-bs-popper], .navbar-nav .nav-item.dropdown > .dropdown-menu {
		top: 100%;
	}
}

@media (max-width: 1400px) {
	.banner-img {
		width: calc(100% + 50%);
		width: calc(100% + 20%);
		/* margin-top: -15%; */
		/* margin-left: -10%; */
	}
	.about-img, .ppc-img {
		width: calc(100% + 30%);
	}
	.technologies-list {
		grid-template-columns: repeat(5, 1fr);
		width: calc(100% + 25%);
	}
	.technologies-list li:last-child, .technologies-list li:nth-last-child(2), .technologies-list li:nth-last-child(3), .technologies-list li:nth-last-child(4) {
		display: block;
	}
	.cta-form-img {
		width: calc(100% + 5%);
		margin-left: -5%;
	}
	.custom-after {
		height: auto;
		max-width: 300px;
		bottom: 0px;
		top: auto;
	}
	.service-after {
		bottom: 10px;
		width: 220px;
	}
	.case-ts-section .about-img {
		width: calc(100% + 15%);
		margin-left: -15%;
	}
	.navbar-nav .nav-item.dropdown > .dropdown-menu li.dropend > .dropdown-menu ul {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 1200px) {
	.navbar-brand {
		height: 45px;
	}
	.navbar .navbar-nav .nav-item .nav-link {
		padding: 4px 10px;
		margin-right: 6px;
		font-size: 14px;
	}
	.technologies-list {
		grid-template-columns: repeat(4, 1fr);
		width: calc(100%);
	}
	.about-img, .ppc-img {
		width: calc(100%);
	}
	.banner-section {
		padding: 60px 0px 60px;
	}
	.banner-img {
		width: 100%;
	}
	.banner-title {
		font-size: 40px;
	}
	.foot-contact-img {
		width: 20px;
	}
	.foot-ci-text {
		font-size: 12px;
	}
	.foot-contact-main {
		gap: 10px;
	}
	.foot-list li a {
		font-size: 12px;
	}
	.footer-box .common-para {
		line-height: 1.7;
	}
	.footer-box .common-btn {
		font-size: 14px;
		padding: 14px 20px;
	}
	.banner-section.banner-inner-page .banner-img {
		width: 100%;
	}
	.contact-form-box {
		margin-top: -350px;
	}
	.rrw-bg-box {
		padding-right: 80px;
		margin: -30px 0px;
		height: calc(100% + 18%);
		width: calc(100%);
	}
	.rrw-main-section .rrw-section:nth-child(even) .row > *:first-child .rrw-bg-box {
		padding-left: 80px;
	}
	.job-bd-main > * {
		width: 60%;
	}
	.team-inner-container {
		background: rgba(var(--white-color), 1);
		width: 95%;
		padding: 30px 35px 30px 30px;
	}
	.case-ts-section .about-img {
		width: calc(100% + 10%);
		margin-left: -8%;
	}
	.value-img {
		width: calc(100%);
		height: calc(100%);
		margin: 0px 0px;
		border-radius: 8px;
		overflow: hidden;
	}
	.owner-img-box {
		--ehw-owner: 400px;
		margin-left: -30px;
		margin-bottom: 60px;
	}
	.sud-title, .sud-title-box h2 {
		font-size: 35px;
		padding: 20px 0px 25px;
	}
	.sud-title::after, .sud-title-box h2::after {
		font-size: 70px;
	}
	.common-section.team-section {
		min-height: 450px;
	}
	.blog-slider.owl-carousel, .techno-slider.owl-carousel {
		padding: 0px 30px;
	}
	.blog-slider.owl-carousel .owl-nav button.owl-prev, .blog-slider.owl-carousel .owl-nav button.owl-next, .techno-slider.owl-carousel .owl-nav button.owl-prev, .techno-slider.owl-carousel .owl-nav button.owl-next {
		--ehw-bls: -20px;
		--elr-tso: -10px;
	}
	.choose-img {
		width: 100%;
		margin-left: 0%;
		margin-top: 60px;
	}
	.testvideo-titleBox .common-box {
		width: 60%;
	}
	.ProPage-MainImg {
		--emhm-ppmi: 600px;
		--emh-ppmi: 400px;
		width: 360px;
	}
	.ProPage-MainBox::before {
		width: 210px;
	}
	.ProPage-MainBox {
		--elr-ppmb: 100px;
		padding: 40px 0px 40px var(--elr-ppmb);
	}
	.ProPage-MainITxt {
		--elr-ppmt: -56px;
	}
	.ProPage-ProTitle, .ProPage-MainTxt h4 {
        font-size: 28px;
    }
	.ProPage-MainTxt .common-para {
        font-size: 16px;
        line-height: 1.8;
    }
}

@media (max-width: 991px) {
	.navbar {
		padding: 10px 0px;
	}
	.navbar>.container {
		flex-wrap: nowrap;
	}
	.navbar-collapse {
		background: rgba(var(--black-color), 0.7);
		position: absolute;
		width: 0%;
		left: 0;
		top: 0%;
		height: 100vh;
		z-index: 9999;
		transition: var(--transition-05s);
	}
	.navbar-collapse.show {
		width: 100%;
	}
	.navbar-nav-box {
		display: block;
		position: relative;
		z-index: 999;
		min-height: 100vh;
		background: rgba(var(--white-color), 1);
		transition: var(--transition-05s);
		/* width: 80%; */
		width: 0px;
		padding: 40px 25px;
	}
	.navbar-nav-box {
		width: 300px;
	}
	.navbar .navbar-nav .nav-item .nav-link {
		display: inline-block;
		margin-right: 0;
		margin-bottom: 10px;
		padding: 6px 14px;
		color: rgba(var(--black-color), 1);
	}
	.navbar .navbar-nav .nav-item:last-child .nav-link {
		margin-bottom: 0px;
	}
	.navbar .navbar-nav .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link:focus, .navbar .navbar-nav .nav-item .nav-link[aria-current="page"] {
		color: rgba(var(--black-color), 1);
	}
	.navbar .navbar-nav .nav-item .nav-link::after {
		top: auto;
		bottom: 0;
		height: 2px;
	}
	.navbar-nav .dropdown-menu {
		background: rgba(var(--black-color), 0.5);
		margin-bottom: 10px !important;
	}
	.navbar-nav .dropdown-menu li a {
		color: rgba(var(--white-color), 0.8);
	}
	.banner-img-pt {
		padding-top: 30px;
	}
	.banner-card-list.desktop-view {
		display: none;
	}
	.banner-card-list.mobile-view {
		display: block;
	}
	.banner-title {
		font-size: 30px;
	}
	.banner-title span {
		display: inline;
	}
	.banner-para, .banner-box > div.banner-para {
		font-size: 18px;
	}
	.banner-img {
		margin-top: 0%;
	}
	.banner-slider.owl-carousel .owl-dots .owl-dot {
		font-size: 18px;
	}
	.common-section.about-section .row > *:last-child, .common-section.ppc-section .row > *:last-child {
		order: -1;
	}
	.about-img, .ppc-img {
		height: 300px;
		margin-bottom: 10px;
	}
	.about-img img, .ppc-img img {
		object-fit: contain;
	}
	.work-dtl-main {
		grid-template-columns: repeat(1, 1fr);
	}
	.work-di-main {
		order: -1;
	}
	.work-dt-main {
		min-height: auto;
	}
	.location-img-box {
		width: 210px;
		height: 85px;
	}
	.technologies-main {
		display: flex;
		flex-direction: column-reverse;
	}
	.technologies-img {
		height: 310px;
		margin-top: 0px;
		margin-bottom: 40px;
	}
	.technologies-list {
		grid-template-columns: repeat(7, 1fr);
	}
	.cta-form-img {
		width: calc(100%);
		margin-left: 0%;
		height: 300px;
		margin-bottom: 30px;
	}
	/* .cta-form-img img {
		object-fit: contain;
	} */
	.inner-footer > .row > *:nth-last-child(3) .footer-box {
		border: none;
		padding-right: 0;
	}	
	.case-ts-section .about-img {
		width: calc(100%);
		margin: 0%;
	}
	.contact-form-box {
		margin-top: -350px;
	}
	.cgshfc-list {
		grid-template-columns: repeat(1, 1fr);
	}
	.careers-list-main {
		padding: 0px 40px 62px;
		margin: 22px 0px;
	}
	.job-title, .careers-inner-box h4 {
		font-size: 18px;
	}
	.job-title span, .careers-inner-box h4 span {
		font-size: 14px;
	}
	.careers-list-title, .careers-list-main legend {
		margin-left: -20px;
		margin-bottom: 20px;
		font-size: 22px;
	}
	.job-list-row .col-xl-6 .careers-list-main {
		padding-bottom: 40px;
	}
	.rrw-bg-box, .rrw-main-section .rrw-section:nth-child(even) .row > *:first-child .rrw-bg-box, .rrw-main-section .rrw-section:nth-child(2) .row > *:first-child .rrw-bg-box, .rrw-main-section .rrw-section:nth-child(3) .row > *:first-child .rrw-bg-box {
		padding-right: 0px;
		padding: 20px 30px;
		margin: 0px 0px;
		height: calc(100%);
		width: calc(100%);
	}
	.common-box.rrw-title-box {
		margin-left: 0px;
		padding: 30px 20px;
		box-shadow: 0px 0px 15px -1px rgba(var(--black-color), 0.1);
	}
	.rrw-main-section .rrw-section:nth-child(even) .row > *:last-child .common-box.rrw-title-box {
		margin-right: 0px;
	}
	.common-box.rrw-title-box .common-title, .common-box.rrw-title-box > h3, .common-section .common-box.rrw-title-box > h3 {
		font-size: 20px;
	}
	.rrw-list-box li {
		font-size: 13px;
	}
	.cf-form-box {
		padding: 40px;
	}
	.cf-title, .cf-title-box h2 {
		font-size: 25px;
	}
	.owner-img-box {
		--ehw-owner: 400px;
		margin: 0px auto;
	}
	.message-img {
		display: none;
	}
	.linkedin-btn {
		width: 250px;
	}
	.common-section.about-section.about-page-section .row > *:last-child {
		order: 1;
	}
	.mission-dtl-main {
		grid-template-columns: repeat(1, 1fr);
	}
	.mission-dt-main {
		min-height: auto;
		padding: 30px 20px;
	}
	.mission-di-main {
		height: auto;
		order: -1;
	}
	.common-section.vision-section {
		padding-top: 60px;
		margin-top: 0px;
	}
	.common-section.mission-section {
		padding: 40px 0px 60px;
		z-index: 8;
	}
	.eey-list li {
		padding-left: 0px;
	}
	.eey-list li h4 {
		font-size: 40px;
	}
	.common-section.team-section {
		min-height: 360px;
	}
	.common-section.team-section > *, .common-section.team-section > * .row > * {
		padding-left: calc(var(--bs-gutter-x) * .5);
	}
	.common-section.team-section > * .row {
		margin-left: calc(-.5 * var(--bs-gutter-x));
	}
	.about-page-btn.desktop-view {
		display: none;
	}
	.about-page-btn.mobile-view, .team-img, .common-section.team-section::after, .common-section.team-section > * .row > *:first-child {
		display: block;
	}
	.about-page-btn {
		margin-top: 30px;
	}
	.sud-title::after, .sud-title-box h2::after {
		font-size: 50px;
	}
	.sud-title, .sud-title-box h2 {
		padding: 10px 0px 15px;
	}
	.team-inner-container {
		background: rgba(var(--white-color), 1);
		width: 100%;
		padding: 30px;
		margin-bottom: 0;
	}
	.common-section.sud-main-section {
		padding: 30px 0px;
	}
	.sud-slider.owl-carousel {
		margin-top: 10px;
	}
	.navbar-nav .nav-item.dropdown > .dropdown-menu li.dropend > .dropdown-menu a {
		color: rgba(var(--black-color), 1);
		padding: 5px 5px;
		white-space: inherit;
	}
	.navbar-nav .nav-item.dropdown > .dropdown-menu li.dropend > .dropdown-menu ul {
		grid-template-columns: repeat(1, 1fr);
	}
	ul.navbar-nav.ms-auto.navbar-nav-scroll {
		max-height: calc(100vh - 70px);
	}
	.navbar-nav .nav-item.dropdown > .dropdown-menu li.dropend > .dropdown-menu a .ser-icon {
		--ehw-seri: 30px;
	}
	.DropDown-inner h6 {
		font-size: 14px;
		padding-left: 0;
		margin-left: -10px;
	}
	.navbar-nav .nav-item.dropdown > .dropdown-menu > * > * > * > * > li > a {
		border-radius: 8px;
	}
	.services-box:hover:before, .services-box:hover .serInn-box {
		transform: translate(0px, 0px);
	}
	.faqMain-titleBox {
		margin-top: 0px;
	}
	.faqMain-titleBox .common-title span, .faqMain-titleBox .common-box > h3 span, .common-section .faqMain-titleBox .common-box > h3 span, .faqtTxt-titleBox .common-title span, .faqtTxt-titleBox .common-box > h3 span, .common-section .faqtTxt-titleBox .common-box > h3 span {
		display: inline;
	}	
	.testvideo-titleBox .common-box, .faqtTxt-titleBox .common-box {
		width: 100%;
	}
	.blog-slider.owl-carousel .owl-nav button.owl-prev, .blog-slider.owl-carousel .owl-nav button.owl-next, .techno-slider.owl-carousel .owl-nav button.owl-prev, .techno-slider.owl-carousel .owl-nav button.owl-next {
		position: static;
	}
	.blog-slider.owl-carousel .owl-nav, .techno-slider.owl-carousel .owl-nav, .service-slider.owl-carousel .owl-nav {
		display: flex;
		justify-content: center;
		gap: 10px;
		margin-top: 20px;
	}
	.services-box {
		margin: 0px;
	}
	.services-TitleBox .common-para {
		width: 100%;
	}
	.lasyOTxt-section .common-title, .lasyOTxt-section .common-box > h2, .common-section.lasyOTxt-section .common-box > h2 {
		font-size: 28px;
	}
	.services-title, .serInn-box h4 {
		font-size: 15px;
	}
	.services-TitleBox, .testvideo-titleBox, .faqtTxt-titleBox {
		display: block;
	}
	.client-videoBox {
		height: 400px;
	}
	.choose-img {
        margin-top: 0px;
    }
	.footer-box.contact-box {
		padding-left: 0px;
		border-left: none;
	}
	.blog-slider.owl-carousel, .techno-slider.owl-carousel {
		padding: 0px;
	}
	.blog-box:hover .blog-text, .blog-box .blog-text {
		transform: translateY(0%);
		box-shadow: -8px 6px 10px -4px rgba(var(--second-color), 0.4), 8px 6px 10px -4px rgba(var(--second-color), 0.4);
	}
	.banner-title span::after, .banner-title span::before {
		display: none;
	}
	.RecentWork-section > * > * > *:nth-child(odd) .RecentWork-InnerSection .RecentWork-InnerBox .row > *:first-child {
		order: 0;
	}
	.RecentWork-InnerSection::before {
		margin-top: 100px;
	}
	.PortTech-box > span {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.testvideo-titleBox, .services-TitleBox, .faqtTxt-titleBox, .testvideo-titleBox .choose-list {
		flex-direction: column;
	}
	.services-mobileNone {
		display: none;
	}
	.services-desktopNone {
		display: block;
	}
	.banner-img {
		margin-left: 0;
		height: 250px;
	}
	.wfb-img-list {
		grid-template-columns: repeat(2, 1fr);
	}
	.wfb-img-list li:nth-child(2) {
		border-right: none;
	}
	.wfb-img {
		margin: auto;
	}
	.counter-after {
		display: none;
	}
	.service-after {
		bottom: 5px;
		width: 150px;
	}
	.service-box-list.desktop-view {
		display: none;
	}
	.service-md-slider {
		display: block;
	}
	.service-main-box {
		--mhs-box: 390px;
		min-height: var(--mhs-box);
	}
	.service-inner-box {
		min-height: var(--mhs-box);
	}
	.technologies-list {
		grid-template-columns: repeat(5, 1fr);
	}
	.work-di-main {
		height: 300px;
	}
	.custom-after {
		max-width: 200px;
	}
	.common-box.custom-title-box .common-sub-title, .common-box.custom-title-box > h2, .common-section .common-box.custom-title-box > h2 {
		font-size: 22px;
	}
	.faq-accordion-box .accordion-header button {
		font-size: 14px;
		gap: 5px;
	}
	.faq-accordion-box .accordion-body {
		font-size: 13px;
		line-height: 1.6;
	}
	.cta-form-img {
		height: 250px;
	}
	.location-list {
		margin-top: 0px;
	}
	.drop-or-box .dropdown .dropdown-toggle {
		font-size: 14px;
		padding: 10px 12px;
	}
	.or-text {
		font-size: 17px;
	}
	.case-btn-box .common-btn {
		font-size: 11px;
		padding: 10px 8px;
	}
	.case-img-box {
		height: 200px;
	}
	.cgshfc-list {
		grid-template-columns: repeat(2, 1fr);
	}
	.contact-form-box {
		margin-top: 30px;
		padding: 20px;
	}
	.careers-list-main {
		padding: 0px 30px 62px;
	}
	.job-list-row .col-xl-6 .careers-list-main {
		padding-bottom: 30px;
	}
	.row.careers-box-list {
		flex-wrap: nowrap;
	}
	.job-title, .careers-inner-box h4 {
		font-size: 16px;
	}
	.rrw-main-section .rrw-section:nth-child(even) .row > *:first-child {
		order: -1;
	}
	.job-dtl-box {
		padding: 30px;
		flex-direction: column;
		align-items: flex-start;
	}
	.job-bd-main, .job-bd-main > * {
		width: 100%;
	}
	.job-des-title {
		font-size: 25px;
	}
	.job-dtl-title {
		font-size: 22px;
	}
	.job-back-btn {
		font-size: 20px;
	}
	.common-section.job-dtl-section {
		padding-bottom: 20px;
	}
	.cfar-file {
		font-size: 15px;
	}	
	.vd-box {
		height: auto;
	}
	.eey-list {
		padding: 25px 20px;
		margin-top: 20px;
	}
	.eey-list li p {
		font-size: 15px;
	}
	.eey-list li h4 {
		font-size: 35px;
	}
	.sud-title, .sud-title-box h2 {
		padding: 0px 0px 10px;
	}
	.sud-title::after, .sud-title-box h2::after {
		display: none;
	}
	.common-section.custom-section.ca-section .common-sub-title, .common-section.custom-section.ca-section .common-box > h2, .common-section.custom-section.ca-section .common-box > h2 {
		font-size: 22px;
	}	
	.faq-accordion-box .accordion-button.collapsed {
		flex-direction: row;
	}
	.faq-accordion-box .accordion-button.collapsed::after {
		margin-right: 0px;
		margin-left: 0px;
	}
	.clientIm-MainBox {
		left: 30px;
		width: 240px;
		padding: 20px 20px;
	}
	.clientIm-MainBox h5 {
		font-size: 26px;
	}
	.clientIm-videoList {
		margin-bottom: 10px;
	}
	.navbar-brand {
		width: 138px;
	}
}

@media (max-width: 580px) {
	.slideForm{
		right:-300px;
	}
	.form-section{
		width:300px
	}
	.navbar-brand {
		height: 42px;
		margin-right: 10px;
	}
	.navbar-toggler .navbar-toggler-icon {
		width: 0.9em;
	}
	.navbar-toggler {
		padding: 4px;
	}
	.navbar-nav-box {
		width: 260px;
	}
	.head-brand-menu .common-btn {
		padding: 10px 12px;
		font-size: 11px;
	}
	.banner-btns {
		flex-direction: column;
	}
	.wfb-img-list {
		gap: 15px;
	}
	.wfb-img {
		width: 120px;
		height: 30px;
	}
	.banner-title {
		font-size: 26px;
	}
	.banner-para, .banner-box > div.banner-para {
		font-size: 15px;
		margin-bottom: 0;
	}
	.banner-para p, .banner-box > div.banner-para p {
		margin-bottom: 8px;
	}
	.banner-para p:last-child, .banner-box > div.banner-para p:last-child {
		margin-bottom: 8px;
	}
	.banner-slider.owl-carousel .owl-dots {
		position: static;
		flex-direction: row;
		margin: 0px auto 20px;
	}
	.banner-slider.owl-carousel .owl-dots .owl-dot {
		font-size: 15px;
	}
	.banner-card-list {
		padding-right: 0px;
	}
	.banner-img-pt {
		padding-top: 0px;
	}
	.location-tip-main {
		flex-direction: column;
	}
	.technologies-list {
		grid-template-columns: repeat(3, 1fr);
	}
	.about-img, .ppc-img {
		height: 230px;
	}
	.service-all-btn {
		margin-top: 20px;
	}
	.count-img-box {
		--ehw-cib: 45px;
		padding: 8px;
	}
	.counter-title, .count-text-box > h3 {
		font-size: 26px;
	}
	.count-para, .count-text-box > div.count-para {
		margin: 6px 0px 0px;
	}
	.count-sub-title, .count-text-box > h4 {
		font-size: 15px;
	}
	.technologies-img {
		height: 200px;
		margin-bottom: 30px;
	}
	.common-box.work-dtl-text .common-sub-title, .common-box.work-dtl-text > h2, .common-section .common-box.work-dtl-text > h2, .common-box.work-dtl-text .common-title, .common-box.work-dtl-text > h3, .common-section .common-box.work-dtl-text > h3 {
		font-size: 20px;
	}
	.work-di-main {
		height: 250px;
	}
	.work-dt-main {
		padding: 20px;
	}
	.work-tech {
		font-size: 15px;
		margin-top: 12px;
	}
	.ppc-slider-box {
		min-height: 130px;
	}
	.ppc-slider-img {
		--ehw-psi: 45px;
	}
	.test-slider.owl-carousel .owl-nav {
		position: static;
		margin-top: 20px;
	}
	.tset-ut-box {
		padding-right: 0px;
	}
	.location-list .col-xl-6 .location-tip-main::after {
		display: inline-block;
	}
	.location-ep-box {
		margin-top: 15px;
		padding-top: 10px;
	}
	.custom-after {
		display: none;
	}
	.cta-form-img {
		height: 200px;
		margin-bottom: 10px;
	}
	.cta-from-box .common-title, .cta-from-box .common-box > h3, .common-section .cta-from-box .common-box > h3 {
		margin-top: 0px;
	}
	.cta-from {
		margin-top: 20px;
	}
	.copy-text {
		text-align: center;
	}
	.tp-list {
		justify-content: center;
	}
	.price-list-box {
		padding: 30px 20px 80px;
	}
	.price-itm-box {
		width: 60px;
		height: 70px;
		margin: 0px auto 20px;
	}
	.price-list-title, .price-lt-box h3 {
		font-size: 17px;
		margin-bottom: 15px;
	}
	.price-list-btn .common-btn {
		width: auto;
	}
	.price-list-btn {
		bottom: 20px;
		left: 20px;
		right: 20px;
		width: calc(100% - 40px);
	}
	.banner-section.banner-inner-page .banner-img {
		width: 100%;
		margin-left: 0%;
	}
	.drop-or-box {
		gap: 10px;
		flex-direction: column;
	}
	.cgshfc-list {
		grid-template-columns: repeat(1, 1fr);
	}
	.job-title span, .careers-inner-box h4 span {
		font-size: 11px;
	}	
	.job-title, .careers-inner-box h4 {
		font-size: 14px;
	}
	.job-btns .common-btn {
		font-size: 13px;
		padding: 10px 15px;
	}
	.careers-inner-box {
		padding: 20px 15px 60px;
	}
	.job-btns {
		padding: 0px 15px;
		bottom: 15px;
	}
	.cf-title, .cf-title-box h2 {
		font-size: 18px;
	}
	.cf-form-box {
		padding: 30px 20px;
	}
	.accordion-body.psedns-form-body, .accordion-item.psedns-box .accordion-header .accordion-button {
		padding: 15px;
	}
	.accordion-body.psedns-form-body {
		padding: 20px;
	}
	.accordion-body.psedns-form-body .row {
		gap: 15px 0px;
	}
	.accordion-body.psedns-form-body .input-div .form-control, .accordion-body.psedns-form-body .input-div .form-select {
		padding: 3px 4px;
		min-height: 25px;
	}
	.accordion-item.psedns-box .accordion-header .accordion-button[data-bs-toggle="collapse"]::after {
		--ehw-ppa-btn: 35px;
		width: calc(var(--ehw-ppa-btn));
	}
	.accordion-item.psedns-box .accordion-header .accordion-button {
		font-size: 16px;
	}
	.cfar-file {
		font-size: 13px;
	}
	.job-dtl-box {
		padding: 20px;
	}
	.add-time {
		font-size: 15px;
	}
	.job-des-title {
		font-size: 20px;
		margin-bottom: 0px;
	}
	.job-dtl-title {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.eey-list {
		grid-template-columns: repeat(1, 1fr);
	}
	.owner-img-box {
		--ehw-owner: auto;
	}
	.value-list {
		grid-template-columns: repeat(1, 1fr);
	}
	.linkedin-btn {
		width: 200px;
	}
	.team-inner-container {
		padding: 20px;
	}
	.sud-title, .sud-title-box h2 {
		font-size: 25px;
	}
	.copy-box .row {
		flex-direction: column-reverse;
	}
	.ProPage-MainITxt {
		font-size: 14px;
	}
	.ProPage-MainBox {
        --elr-ppmb: 70px;
        padding: 30px 0px 30px var(--elr-ppmb);
    }
	.ProPage-MainImg {
		--emhm-ppmi: 500px;
        --emh-ppmi: 300px;
        width: 224px;
    }
	.ProPage-ProTitle, .ProPage-MainTxt h4 {
        font-size: 20px;
    }
	.ProPage-MainTxt .common-para {
        font-size: 14px;
        line-height: 1.6;
    }
	.ProPage-MainTxt {
		padding: 0px;
	}
}