:root{
	--section-z-index: 2;
	--section-position: relative;
}
button,
ul,
ul li {
	margin: 0;
	padding: 0
}

.smooth-scroll .item img,
img {
	max-width: 100%;
	height: auto
}

.cmn-form button,
.cmn-form label,
.form-in p,
.satext h4,
.satext p,
body {
	font-family: Inter, serif
}

body.nav-open {
	overflow: hidden;
	height: 100vh
}

ul li {
	list-style: none
}

a {
	text-decoration: none
}

p {
	margin-bottom: 0
}

.award-main .awa-discription,
p+p {
	margin-top: 10px;
	margin-bottom: 10px;
}

hr {
	color: #65789b;
	position: relative;
	z-index: 3;
	margin: 30px 0
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	font-weight: 400;
	font-family: Rubik, serif;
	font-size: 16px;
	color: #b5b5b5
}

input::placeholder,
textarea::placeholder {
	font-weight: 400;
	font-family: Rubik, serif;
	font-size: 16px;
	color: #b5b5b5
}

.icon-cheked-tick {
	display: inline-block
}

.icon-cheked-tick::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("/assets/img/common/check-circle.svg") center top no-repeat
}
.icon-cheked-cross{
	position: relative;
}
.icon-cheked-cross::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("/assets/img/multiply.png") center top no-repeat
}

.plans-main .hidden,
.plans-main .tabs .tabs-nav .tab-button:first-child:after,
.readmore-text,
.stab-t,
.stabi .stabinb,
.testominialspage .modal-backdrop.show {
	display: none
}

.block,
.casebocs.active .case-discription p,
.casebocs:hover .case-discription p,
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu.show,
.smooth-scroll .item img {
	display: block;
	cursor: pointer;
}

.counter-menu::before,
.home-btn a,
.tooltip,
.transition {
	transition: .3s ease-in-out
}

.footer-navigation h3 i,
.read-more-btn i {
	transition: transform .3s
}

.duration-300 {
	transition-duration: .3s
}

.footer-navigation h3 i.rotate,
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link i:hover,
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active:after,
.plans-main .tabs .tab-content .toggle-button.toggled:after,
.read-more-btn.active i,
.rotate-180,
.why-choose .why-accordion-item:hover i.fa-solid::before {
	transform: rotate(180deg)
}

button {
	background: 0 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	text-size-adjust: none
}

.navbar-toggler {
	border: none;
	background: rgba(0, 0, 0, 0);
	padding: 0
}

.navbar-toggler .navbar-toggler-icon {
	width: 30px;
	height: 3px;
	background: #333;
	position: relative;
	transition: background-color .3s
}

.navbar-toggler .navbar-toggler-icon::after,
.navbar-toggler .navbar-toggler-icon::before {
	content: "";
	position: absolute;
	width: 30px;
	height: 3px;
	background-color: #333;
	transition: transform .3s;
	left: 0
}

.navbar-toggler .navbar-toggler-icon::before {
	top: -10px
}

.navbar-toggler .navbar-toggler-icon::after {
	top: 10px
}

.navbar-toggler.collapsed .navbar-toggler-icon::before,
body.nav-open .navbar-toggler .navbar-toggler-icon::before {
	transform: rotate(45deg);
	top: 0
}

.navbar-toggler.collapsed .navbar-toggler-icon::after,
body.nav-open .navbar-toggler .navbar-toggler-icon::after {
	transform: rotate(-45deg);
	top: 0
}

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

body.nav-open .navbar-toggler .navbar-toggler-icon {
	background-color: rgba(0, 0, 0, 0)
}

.navbar-toggler.collapsed .navbar-toggler-icon {
	background-color: #333
}

.animated-blob {
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: radial-gradient(circle, #ff7eb3, #ff758c, #8e92f8, #72e6ff);
	animation: 6s infinite blobAnimation;
	filter: blur(30px);
	position: absolute;
	z-index: -1;
	opacity: 34%;
	transform: translate(-50%, -50%)
}

@keyframes blobAnimation {

	0%,
	100% {
		transform: scale(1) translate(0, 0);
		background: radial-gradient(circle, #ff7eb3, #ff758c, #8e92f8, #72e6ff)
	}

	25% {
		transform: scale(1.1) translate(20px, -10px);
		background: radial-gradient(circle, #ff7eb3, #f5a3ff, #8e92f8, #72e6ff)
	}

	50% {
		transform: scale(1.05) translate(-15px, 10px);
		background: radial-gradient(circle, #fdd6ff, #ff758c, #b7e3ff, #72e6ff)
	}

	75% {
		transform: scale(1.1) translate(10px, -15px);
		background: radial-gradient(circle, #ff7eb3, #ff758c, #cbdfff, #72e6ff)
	}
}

@keyframes scroll {
	from {
		transform: translateX(0)
	}

	to {
		transform: translateX(-100%)
	}
}

.smooth-scroll .item {
	flex-shrink: 0;
	width: 50%;
	margin: 0 10px;
	text-align: center
}

.smooth-scroll {
	display: flex;
	animation: 15s linear infinite scroll
}

.footer {
	padding: 30px 0;
	background-color: #1c2224;
	box-sizing: border-box;
	margin-top: auto;
	font-family: Rubik, serif
}

.footer .flag-footer {
	display: flex;
	justify-content: flex-end;
	align-items: center
}

.footer .flag-footer button {
	border: 1px solid #fff;
	padding: 10px;
	font-size: 16px;
	border-radius: 0;
	background: rgba(0, 0, 0, 0)
}

.footer .flag-footer img {
	width: 30px
}

.footer.dropdown-toggle::after {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 7px;
	height: 7px;
	border-radius: 2px;
	border-left: unset;
	border-top: unset;
	transform: rotate(43deg);
	vertical-align: middle
}

.footer.dropdown-menu {
	padding: 0;
	border-radius: 0
}

.footer.dropdown-item {
	padding: 10px
}

.footer .footer-contect {
	padding-bottom: 22px;
	padding-top: 15px;
	position: relative
}

.footer .footer-contect a {
	color: #fff;
	font-size: 16px;

}

.footer .footer-contect ul {
	display: flex;
	margin: 0 3px
}

.cmn-form,
.footer .footer-contect ul li,
.ownership-main .ownership-list .ownership-item,
.progress-card,
.servtab_btn,
.stabinb1,
.stabinb2 li,
.story-main .story-list,
.story-main .story-list .story-item .year-cont,
.strategy-main .content-sec {
	position: relative
}
.footer .footer-contect ul li{
	margin-right: 15px;
}
.footer .footer-contect img {


margin-right: 5px;
}
.footer .footer-contect i.fa-envelope {
    padding: 8px;
    background-color: #ffffff;
    border-radius: 100%;
    color: #1b2224;
    margin-right: 5px;
}
.footer .footer-social,
.news-letterform-footer,
.thank-img {
	padding-bottom: 30px
}

.contact-social ul,
.footer .footer-social ul {
	display: flex
}

.contact-social ul li,
.footer .footer-social ul li {
	margin: 0 5px
}

.footer .footer-social i {
	font-size: 16px;
	color: #fff;
	border: 1px solid #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 50%
}

.footer .footer-address ul li {
	position: relative;
	padding-left: 30px;
	padding-bottom: 15px;
	line-height: 20px
}

.footer .footer-address a {
	font-size: 12px;
	color: #dadee7;
	line-height: 10px;
	font-weight: 300
}

.footer .footer-address i {
	position: absolute;
	left: 0;
	top: 5px;
	width: 20px;
	height: 20px;
	font-size: 9px;
	line-height: 20px;
	background: rgba(207, 37, 50, .3607843137);
	border-radius: 50%;
	text-align: center
}

.footer .footer-address span,
.news-letterform-footer h3 {
	color: #fff;
	font-size: 16px;
	font-weight: 400
}

.news-letterform-footer h3 {
	font-family: #00386f
}

.news-letterform-footer p {
	font-size: 12px;
	color: #dadee7;
	padding-bottom: 15px;
	font-family: Rubik, serif
}

.news-letterform-footer input {
	border-radius: 0
}

.news-letterform-footer button {
	background-color: #f1414f;
	font-size: 12px;
	display: block;
	width: 100%;
	border-radius: 0;
	margin: 5px 0;
	color: #fff;
	border: 1px solid #f1414f
}

.news-letterform-footer button:hover {
	background: rgba(0, 0, 0, 0);
	color: #fff;
	border: 1px solid #fff
}

.clients-main .section-title h2,
.footer-navigation,
.story-main .section-title h2,
.strategy-main .section-title h2 {
	margin: 0
}

.footer-navigation h3 {
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	font-family: Rubik, serif;
	margin: 10px 0 !important
}

.footer-navigation ul li {
	color: #999;
	padding: 8px 0
}

.footer-navigation a {
	font-weight: 400;
	font-size: 12px;
	color: #dadee7
}

.footer-navigation i {
	font-size: 12px;
	float: right
}

.copy-right p {
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	margin: 0;
	padding-bottom: 20px;
}

.home-form {
	background: #f2f9ff
}

.form-in {
	padding: 50px 16px 30px
}

.form-in h2 {
	font-family: Rubik, serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: .05em;
	text-align: center;
	color: #00386f
}

.form-in p {
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
	text-align: center
}

.award-content-main .card-list .card-item .img-sec img,
.client-box.client-b-r .client-discrip,
.client-box.client-b-r .client-icon,
.cmn-form option,
.common-form,
.form-img img,
.recent_blog_img img,
.recognitions-content-main .card-list .card-item .img-sec img,
.truseted-main .review-list .review-item .item-head .head-icon>img,
.truseted-main .review-list .review-item .item-head .head-info-icon>img {
	width: 100%
}

.cmn-form label {
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	text-align: left;
	color: #344054;
	padding-bottom: 10px
}

.cmn-form input,
.cmn-form select,
.cmn-form textarea {
	background: #fff;
	border: 1px solid #f1f3f7;
	height: 45px;
	color: #6d758f;
	width: 100%;
	border-radius: 6px;
	padding-left: 10px;
	box-shadow: 0 0 3px 0 rgba(25, 33, 61, .0784313725)
}

.cmn-form textarea {
	height: 100px
}

.cmn-form ::-moz-placeholder {
	color: #6d758f;
	font-weight: 400;
	font-size: 16px
}

.cmn-form ::placeholder {
	color: #6d758f;
	font-weight: 400;
	font-size: 16px
}

.cmn-form button {
	background-color: #f1414f;
	font-size: 16px;
	display: block;
	width: 100%;
	margin: 5px 0;
	height: 45px;
	color: #fff;
	border: 1px solid #f1414f
}

.cmn-form button:focus,
.cmn-form button:hover {
	color: #f1414f;
	background: rgba(0, 0, 0, 0);
	border: 1px solid #f1414f
}

.home-btn a,
.home-service .serv-box_b a {
	background: #f1414f;
	align-content: center
}

.home_blog {
	background: #e5ebf3;
	padding: 30px 0 60px
}

.section-title {
	padding-bottom: 10px
}

.home-text-titlep p,
.section-title p {
	font-family: Ubuntu, serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: center
}

.faq-heading h2,
.section-title h2,
.section-title-left h2 {
	font-family: Rubik, serif;
	font-weight: 600;
	color: #00386f;
	font-size: 26px;
	text-align: center
}

.faq-heading h2,
.section-title h2 {
	line-height: 32px;
	letter-spacing: .05em
}

.section-title-left {
	padding-bottom: 25px
}

.section-title-left p {
	font-size: 16px;
	line-height: 30px;
	margin: 0;
	color: #333;
	text-align: center
}

.blog_discription {
	background: #fff;
	padding: 25px 20px;
	border-radius: 0 0 8px 8px
}

.blog_discription span {
	font-family: Inter, serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	text-align: center;
	color: #6d758f;
	margin-bottom: 5px;
	display: inline-block
}

.blog_discription h3 {
	font-family: Inter, serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	color: #282938
}

.blog_discription a {
	font-family: Inter;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	text-align: center;
	color: #f1414f
}

.accordion-body p,
.accordion-button,
.faq-heading p {
	font-family: Ubuntu, serif;
	font-size: 16px
}

.accordion-body ul li{
	color: #78838b;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 0;
	font-size: 16px;
	font-family: Ubuntu, serif;

}
.blog_discription i,
.stabinb2 i {
	transform: rotate(-35deg)
}

.blog_discription:hover i {
	padding-left: 10px;
	transition: .3s;
	transform: rotate(0)
}

.owl-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
	transition: .3s
}

.owl-dots .owl-dot {
	background: #d3d3d3 !important;
	margin: 0;
	position: relative
}

.owl-dots .owl-dot:first-child {
	border-radius: 20px 0 0 20px
}

.owl-dots .owl-dot:last-child {
	border-radius: 0 20px 20px 0
}

.owl-dots .owl-dot.active {
	background: #f1414f !important
}

.award-head .owl-dots .owl-dot {
	width: 60px;
	height: 8px;
	background: #d3d3d3 !important;
	margin: 0;
	position: relative
}

.award-head .owl-dots .owl-dot.active {
	height: 16px;
	border-radius: 20px;
	width: 80px
}


.client-carousel {
	background: #f2f9ff;
	padding: 30px 0
}

.client-img {
	padding: 25px
}

.smooth-scroll-container {
	overflow: hidden;
	position: relative;
	width: 100%
}

.faq_main,
.home-counter .section-title {
	padding: 30px 0
}

.accordion-body,
.accordion-button {
	padding-left: 40px
}

.faq-heading p {
	text-align: center;
	color: #333
}

.faq_home {
	background: rgba(0, 0, 0, 0) !important;
	--bs-accordion-bg: $bg-transparent !important
}

.accordion-button:not(.collapsed) {
	background-color: rgba(0, 0, 0, 0) !important;
	box-shadow: unset !important
}

.accordion-item {
	border: none;
	border-bottom: .5px solid #c2d1d9
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.accordion-button:focus {
	box-shadow: unset !important
}

.accordion-button {
	color: #2a2a2a;
	font-weight: 500;
	line-height: 24px;
	position: relative
}

.accordion-button::after {
	content: unset !important
}

.accordion-item:last-of-type {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important
}

.accordion-body p {
	color: #78838b;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 0
}

.accordion-button::before {
	content: "+";
	font-family: "Font Awesome 6 Free";
	position: absolute;
	left: 10px;
	top: 60%;
	transform: translateY(-50%);
	font-size: 18px;
	font-weight: 700;
	color: #c2d1d9;
	transition: transform .3s, content .3s, color .3s
}

.accordion-button[aria-expanded=true]::before {
	content: "";
	font-family: "Font Awesome 6 Free";
	font-size: 18px;
	color: #c2d1d9
}

.testimonial-home {
	padding: 30px 0 0;
	background: #e5ebf3
}

.item.testimonial-card {
	background: linear-gradient(179deg, #fff, #fff, rgba(241, 65, 79, .1411764706));
	padding: 50px 25px 25px;
	border-radius: 30px 30px 0 0;
	margin: 20px 8px 0
}

.test-head {
	display: flex;
	align-items: center
}

.client-bb_r .client-icon,
.test-img {
	width: 20%
}

.test-img img {
	border: 1px solid #00386f;
	border-radius: 50%
}

.test-discription {
	width: 80%;
	padding-left: 15px
}

.test-discription h3 {
	font-family: Rubik, serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: #000;
	text-align: left
}

.test-discription p,
.testimonial-quote p {
	font-family: "Ubuntu Sans", serif;
	font-weight: 300;
	text-align: left;
	font-size: 16px
}

.test-discription p {
	line-height: 22px
}

.testimonial-quote {
	position: relative;
	z-index: 1111
}

.testimonial-quote p {
	line-height: 22px;
	color: #000;
	padding-top: 20px
}

.testimonial-quote:before {
	content: url(/assets/img/quote.svg);
	position: absolute;
	z-index: -1;
	top: 0;
	left: -8px
}

.case-study_new {
	background: #e5ebf3;
	padding: 30px 0
}

.casebocs {
	margin-bottom: 15px;
	position: relative;
	cursor: pointer;
}

.casebocs img {
	border-radius: 8px;
	width: 100%;
	height: 120px;
	-o-object-fit: cover;
	object-fit: cover
}

.casebocs.active img,
.casebocs:hover img {
	height: 300px;
	transition: .6s
}

.casebocs.active::before,
.casebocs:hover::before {
	background: linear-gradient(175deg, rgba(255, 0, 24, 0), rgba(220, 53, 69, .7098039216), #f0414f)
}

.casebocs.active .case-discription h3,
.casebocs:hover .case-discription h3 {
	text-align: left
}

.casebocs:before {
	background: rgba(30, 82, 160, .8);
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	top: 0;
	bottom: 0;
	z-index: 11;
	left: 0;
	right: 0;
	border-radius: 8px
}

.casebocs .case-discription {
	position: absolute;
	top: 25%;
	z-index: 111;
	padding: 20px;
	width: 100%
}

.casebocs .case-discription h3 {
	text-align: center;
	color: #fff;
	z-index: 111;
	font-family: Rubik, serif;
	position: relative
}

.casebocs .case-discription p {
	display: none;
	font-size: 16px;
	color: #fff;
	font-family: Ubuntu, serif
}

.cl-h,
.home-form,
.why-choose {
	padding: 50px 0
}

.why-choose .why-choose-in {
	cursor: pointer;
	padding: 40px 12px
}

.why-choose .why-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0
}

.why-choose .why-header h3 {
	width: 90%;
	font-family: "Ubuntu Sans", serif;
	font-size: 16px;
	color: #13428b;
	font-weight: 600;
	line-height: 22px;
	margin: 0
}

.why-choose .why-header i {
	width: 10%;
	padding: 13px 8px;
	border-radius: 18px;
	border: 1px solid #f1414f;
	line-height: 10px;
	text-align: center;
	font-size: 14px;
	height: 41px;
	color: #f1414f;
	transition: .6s ease-in
}

.why-choose .why-accordion-item {
	border-bottom: 1px solid rgba(34, 102, 212, .4);
	cursor: pointer
}

.why-choose .why-accordion-item:hover .why-accordion-content {
	max-height: 120px;
	padding: 0 0 15px
}

.why-choose .why-accordion-item:hover .fa-solid:before {
	transform: rotate(180deg);
	display: block;
	transition: .6s
}

.why-choose .why-accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height .3s, padding .3s
}

.why-choose .why-accordion-content p {
	font-size: 16px;
	font-family: Ubuntu, serif;
	color: #333;
	margin: 0
}

.award-main {
	padding: 60px 0;
	background: url(/assets/img/award-bg.png) center center/cover no-repeat #f1414f
}

.award-main .award-card {
	width: 100%;
	position: relative;
	margin: 8px 10px 60px;
	text-align: center;
	height: 100%;
	display: block;
	padding: 65px 30px 20px;
	background: #ce343b;
	box-sizing: border-box;
	border: 1px solid #ffefcb;
	border-radius: 50px 15px 15px
}

.home-service .serv-box_h1,
.home-service .serv-box_h2 {
	height: 100%;
	padding: 20px;
	filter: grayscale(100%);
	display: flex;
	justify-content: center
}

.award-main .owl-item.active {
	transition: transform .3s, filter .3s;
	transform: scale(.9, .8) translateY(0);
	filter: brightness(80%)
}

.award-main .owl-item.active.scale-item {
	transform: scale(1, 1) translateY(0);
	filter: brightness(120%);
	z-index: 20;
	position: relative;
	filter: brightness(100%) blur(0) !important
}

.award-main .owl-item.active.scale-item:before {
	position: absolute;
	content: "";
	width: 4px;
	height: 40%;
	top: 31%;
	transform: translateX(-50%);
	left: 12px;
	background: #fff;
	box-shadow: 0 2px 1px rgba(255, 255, 255, .5), 0 2px 4px rgba(255, 255, 255, .5), 0 4px 8px rgba(255, 255, 255, .5), 0 8px 16px rgba(255, 255, 255, .5);
	filter: blur(1px);
	border-radius: 50%;
	z-index: 2
}

.award-main .owl-item.active.scale-item .award-card,
.progress-main {
	position: relative;
	overflow: hidden
}

.award-main .owl-item.active.scale-item .award-card:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: auto;
	left: 0;
	right: 0;
	filter: blur(100px);
	height: 100%;
	background: linear-gradient(325deg, rgba(255, 255, 255, 0) 36%, #fff 0)
}

.award-main .owl-item.active.scale-item .award-card:after {
	width: 100%;
	height: 100%
}

.award-main .owl-item.active.scale-item.award-card {
	background: rgba(151, 2, 4, .8)
}

.award-main .awa-img img {
	width: 50% !important;
	filter: brightness(200%) grayscale(100%);
	transition: filter .3s;
	margin: auto
}

.award-main .awa-discription h3 {
	font-family: Rubik, serif;
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	line-height: 28.44px
}

.award-main .awa-discription p {
	font-family: Inter, serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 20.93px;
	color: #fff
}

.award-main .award-head .owl-dot {
	background: #6c0a11 !important
}

.award-main .award-head .owl-dot.active {
	background: #fff !important
}

.home-service {
	background: #e5ebf3
}

.home-service .service-head h2 {
	font-family: Rubik, serif;
	font-weight: 600;
	font-size: 32px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 15px;
	color: #00386f
}

.home-service .service-head p {
	font-family: "Ubuntu Sans", serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	text-align: center;
	color: #333
}

.home-service .service-head.sm h2 {
	font-size: 22px;
	line-height: 1.3
}

.home-service .service-head.sm p {
	font-size: 14px;
	line-height: 1.5
}

.home-service .side-service.sm p {
	font-family: "Ubuntu Sans", serif;
	font-size: 14px;
	font-weight: 400
}

.home-service .serv-box_h1 {
	background: url(/assets/img/service/seo.webp) center/cover no-repeat;
	border-radius: 10px;
	flex-wrap: wrap;
	align-content: center;
	position: relative
}

.home-service .serv-box_h1::before,
.home-service .serv-box_h2::before,
.home-service .serv-box_h3::before,
.home-service .serv-box_h5::before,
.home-service .serv-box_h6::before,
.home-service .serv-box_h7::before,
.home-service .serv-box_h8::before,
.home-service .serv-box_h9::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 54%, rgba(0, 0, 0, .9) 100%);
	z-index: -1;
	border-radius: 10px
}

.home-service .serv-box_h1:hover {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 41%) 54%, rgba(0, 0, 0, 0) 100%), url(/assets/img/service/seo.webp) center/cover no-repeat;
	filter: grayscale(0%)
}
.home-service .serv-box_h5:hover{
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 41%) 54%, rgba(0, 0, 0, 0) 100%), url(/assets/img/service/content.webp) center/cover no-repeat;
	filter: grayscale(0%)
}
.home-service .serv-box_h2 {
	background: url(/assets/img/service/smo.webp) center/cover no-repeat;
	border-radius: 8px;
	flex-wrap: wrap;
	align-content: center;
	position: relative
}

.home-service .serv-box_h2:hover {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 41%) 54%, rgb(0 0 0) 100%), url(/assets/img/service/smo.webp) center/cover no-repeat;
	filter: grayscale(0%)
}

.home-service .serv-box_h3,
.home-service .serv-box_h4,
.home-service .serv-box_h6,
.home-service .serv-box_h7,
.home-service .serv-box_h8,
.home-service .serv-box_h9 {
	justify-content: center;
	height: 100%;
	padding: 20px;
	border-radius: 8px;
	filter: grayscale(100%);
	display: flex;
	align-content: center;
}

.home-service .serv-box_h3 {
	background: url(/assets/img/service/sem.webp) center/cover no-repeat;
	flex-wrap: wrap;
	position: relative;
}

.home-service .serv-box_h3:hover {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 41%) 54%, rgb(0 0 0) 100%), url(/assets/img/service/sem.webp) center/cover no-repeat;
	filter: grayscale(0%)
}

.home-service .serv-box_h4 {
	background: url(/assets/img/service/web-design.webp) center/cover no-repeat;
	flex-wrap: wrap;
	position: relative;
}

.home-service .serv-box_h4::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 54%, rgba(0, 0, 0, .9) 100%), url(/assets/img/service/web-design.webp) center/cover no-repeat;
	z-index: -1;
	border-radius: 10px
}

.home-service .serv-box_h4:hover {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 41%) 54%, rgb(0 0 0) 100%);
	filter: grayscale(0%)
}

.home-service .serv-box_h5 {
	background: url(/assets/img/service/content.webp) center/cover no-repeat;
	height: 100%;
	padding: 20px;
	border-radius: 8px;
	filter: grayscale(100%);
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-content: center;
	position: relative;
}

.home-service .serv-box_h1 h3,
.home-service .serv-box_h2 h3,
.home-service .serv-box_h3 h3,
.home-service .serv-box_h4 h3,
.home-service .serv-box_h5 h3,
.home-service .serv-box_h6 h3,
.home-service .serv-box_h7 h3,
.home-service .serv-box_h8 h3,
.home-service .serv-box_h9 h3
 {
	font-family: Rubik, serif;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	color: #fff
}

.home-service .serv-box_h1 p,
.home-service .serv-box_h2 p,
.home-service .serv-box_h3 p,
.home-service .serv-box_h4 p,
.home-service .serv-box_h5 p,
.home-service .serv-box_h6 p,
.home-service .serv-box_h7 p,
.home-service .serv-box_h8 p,
.home-service .serv-box_h9 p{
	font-family: "Ubuntu Sans", serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	text-align: center;
	color: #fff;
	padding-bottom: 10px
}

.home-service .serv-box_h1 a,
.home-service .serv-box_h2 a,
.home-service .serv-box_h3 a,
.home-service .serv-box_h4 a,
.home-service .serv-box_h5 a,
.home-service .serv-box_h6 a ,
.home-service .serv-box_h7 a ,
.home-service .serv-box_h8 a,
.home-service .serv-box_h9 a  {
	font-family: "Ubuntu Sans", serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 19.66px;
	text-align: center;
	color: #949393
}

.home-service .serv-box_b a {
	font-family: "Ubuntu Sans", serif;
	text-align: center;
	width: 150px;
	height: 150px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 50%;
	color: #fff;
	margin: auto
}

.home-service .serv-box {
	height: 170px
}

.home-cl-logo {
	margin: auto
}

.home-counter {
	padding: 20px 0 50px;
	position: relative;
	background: url(/assets/img/counter-bg.webp) top/cover no-repeat
}

.home-counter::before {
	content: "";
	height: 100%;
	border: 1px solid #b3becd;
	position: absolute;
	border-radius: 50%;
	left: -22px;
	right: -22px
}
.counter-carousel {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 300px;
	margin-top: -150px
}

.counter-card {
	border-radius: 5px;
	width: 250px;
	height: 95px;
	position: absolute;
	padding: 20px;
	text-align: center;
	font-size: 10em;
	opacity: 0;
	will-change: transform, opacity;
	animation: 15s linear infinite carousel
}

.activemobp button.servtab_btn i,
.tooltip {
	opacity: 1
}

.counter-card h3 {
	color: #d42230;
	font-size: 52px;
	font-family: #00386f;
	line-height: 60px;
	font-weight: 700
}

.counter-card p {
	font-size: 20px;
	color: #333;
	font-family: #00386f
}
.counter-card:first-child {
	animation-delay: -3s
}

.counter-card:nth-child(2) {
	animation-delay: 0
}

.counter-card:nth-child(3) {
	animation-delay: 3s
}

.counter-card:nth-child(4) {
	animation-delay: 6s
}
.counter-card:nth-child(5) { animation-delay: 9s; }


@keyframes carousel {
	0% { transform: translateY(100%) scale(0.3); opacity: 0; visibility: hidden; }
	20%, 3% { transform: translateY(100%) scale(0.5); opacity: 0.4; visibility: visible; }
	23%, 40% { transform: translateY(0) scale(0.7); opacity: 1; visibility: visible; }
	43%, 60% { transform: translateY(-100%) scale(0); opacity: 0; visibility: visible; }
	63% { transform: translateY(-100%) scale(0.3); opacity: 0; visibility: visible; }
	100% { transform: translateY(-100%) scale(0.3); opacity: 0; visibility: hidden; }
}

.banner-title h1,
.banner-title h2,
.home-text-title h3 {
	color: #00386f;
	text-align: center;
	font-family: Rubik, serif;
	font-weight: 600
}

.home-youtube {
	padding-top: 30px;
	background: #e5ebf3
}

.home-video iframe {
	height: 190px;
	border-radius: 8px
}

.home-text-title {
	padding-top: 0;
	background: url(/assets/img/about-1.svg) 0 0/cover no-repeat
}

.home-text-title h3 {
	font-size: 32px;
	line-height: 40px;
	letter-spacing: .05em;
	margin-bottom: 15px
}

.about_home {
	overflow: hidden;
	padding: 50px 0
}

.carousel-indicators [data-bs-target] {
	height: 4px;
	width: 20px;
	border-radius: 8px;
	background-color: #000 !important
}

.carousel-indicators .active {
	height: 4px;
	width: 20px;
	border-radius: 8px;
	background-color: #d42230 !important
}

.client-box {
	border-radius: 10.897px;
	padding: 10px;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 30px;
	left: 14%;
	border: 1.339px solid #fff;
	background: linear-gradient(97deg, #fff -7.2%, rgba(255, 255, 255, .19) 31.21%, rgba(255, 255, 255, .44) 67.7%, rgba(255, 255, 255, .72) 102.26%);
	box-shadow: 5.448px 10.897px 40.864px 0 rgba(94, 18, 51, .08)
}

.client-icon,
.testimonialsall .itemwrapp .buttonswrapp .readmore_btn,
.testimonialsall .itemwrapp .buttonswrapp .viewVideo_btn {
	width: 50%
}

.client-icon img {
	height: 100% !important
}

.client-discrip {
	width: 50%;
	color: #000;
	text-align: left
}

.banner-carousel .item {
	position: relative;
	text-align: center
}

.banner-carousel .item img {
	width: 100%;
	height: auto
}

.banner-carousel .banner-caption {
	width: 100%;
	padding: 130px 0
}

.banner-carousel .owl-dot {
	width: 20px !important;
	height: 3px !important;
	margin: -68px 5px -20px !important
}

.banner-carousel .owl-dots {
	margin-top: 0
}

.banner-carousel .owl-dot.active {
	height: 2px
}

.banner-img {
	background: url(/assets/img/banner1.webp) no-repeat;
    background-size: cover;
    background-position: center bottom;

}

.banner-title h1,
.banner-title h2 {
	font-size: 30px;
	line-height: 35px
}

.banner-title p,
.home-btn a {
	line-height: 22px;
	text-align: center
}

.banner-title p {
	color: #333;
	font-family: Ubuntu, serif;
	font-size: 16px;
	font-weight: 400
}

.client-box.client-b-r {
	right: 40px;
	top: 60px;
	left: auto;
	width: 125px;
	flex-direction: column;
	border: 7px solid rgba(221, 221, 221, .5411764706)
}

.client-box.client-b-r h3 {
	color: #535353;
	font-family: Ubuntu, serif;
	font-weight: 500;
	text-align: left;
	font-size: 12px
}

.client-discrip h3 {
	color: #585355;
	font-family: Ubuntu, serif;
	font-size: 20px;
	font-weight: 500
}

.client-discrip span {
	color: #585355;
	font-family: Ubuntu, serif;
	font-size: 16px;
	font-weight: 400
}

.client-bb_l {
	left: 12px !important;
	top: 78% !important;
	right: auto !important
}

.client-bb_r .client-discrip {
	width: 80%;
	padding-left: 5px
}

.client-bb_r .client-discrip h3 {
	margin: 0;
	font-size: 16px
}

.client-bb_r {
	right: 30px;
	left: auto !important;
	top: 82% !important;
	padding: 10px 3px;
	width: 170px
}

.home-btn a {
	font-family: "Ubuntu Sans", serif;
	width: 175px;
	height: 175px;
	border-radius: 50%;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	font-size: 16px;
	font-weight: 500;
	margin: auto
}

.error-text a:hover,
.home-btn a:hover,
.thank-btn a:hover {
	background: rgba(0, 0, 0, 0);
	border: 1px solid #00386f;
	color: #00386f
}

.banner-title {
	padding:70px 20px 20px 20px;
}

.main-nav {
	position: relative;
	z-index: 11;
	background: #fdfdfd;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .06)
}

.main-nav .navbar {
	position: unset;
	background: #fdfdfd
}

.col-3,
.main-nav {
	padding: 0 0 0 5px !important
}

.main-nav .navbar .navbar-toggler {
	margin: auto 0 auto auto;
	border: none
}

.main-nav .navbar .navbar-toggler:focus {
	box-shadow: none
}

.main-nav .navbar .navbar-collapse {
	position: fixed;
	top: 60px;
	left: 0;
	right: 0;
	background: #fdfdfd;
	z-index: 3;
	padding: 20px;
	border-top: 1px solid #ddd;
	height: calc(100% - 60px);
	overflow-y: scroll
}

.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
	font-family: Rubik, serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: .05em;
	text-align: left;
	color: #333;
	padding: 14px 15px;
	margin: 0;
	border-bottom: 1px solid #f4f4f4
}

.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link i {
	position: absolute;
	right: 30px;
	font-size: 14px;
	vertical-align: middle
}

.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:focus i,
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover i,
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item:focus .nav-link i,
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item:focus .nav-link::after,
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item:hover .nav-link i,
.main-nav .navbar .navbar-collapse .navbar-nav .nav-item:hover .nav-link::after {
	transform: rotate(180deg);
	transition: .3s
}

.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .col-menu {
	display: flex;
	align-items: center;
	width: 100%
}

.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .col-menu .menu_i {
	background: #f3e5e5;
	border-radius: 5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center
}

.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .col-menu .menu-name {
	width: 80%;
	font-family: Rubik, serif
}

.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
	display: none;
	position: static;
	width: 100%;
	transition: .3s
}

.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .titlemenu h3 {
	margin-top: 10px;
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
	color: #00386f;
	margin-bottom: 20px
}

.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .titlemenu h3 a {
	color: inherit;
	font-size: inherit;
	font-weight: inherit
}

.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .titlemenu h3 a:hover {
	color: #d42230
}

.main-nav .navbar .navbar-collapse .navbar-nav .list-group-flush .list-group-item.list-group-item-action:focus .menu_i,
.main-nav .navbar .navbar-collapse .navbar-nav .list-group-flush .list-group-item.list-group-item-action:hover .menu_i {
	background: #b10715
}

.main-nav .navbar .navbar-collapse .navbar-nav .list-group-flush .list-group-item.list-group-item-action:focus .menu_i img,
.main-nav .navbar .navbar-collapse .navbar-nav .list-group-flush .list-group-item.list-group-item-action:hover .menu_i img {
	filter: invert(100%) brightness(25)
}

.list-group-flush>.list-group-item:last-child {
	border-width: 0 0 var(--bs-list-group-border-width) !important
}

.list-group-item {
	padding: 10px 0;
	border: none
}

.home-map,
.home-service {
	padding: 60px 0
}

.home-map .container-fluid {
	position: relative;
	overflow-x: scroll
}

.map-point {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.stabinb2 li i,
.tooltip {
	flex-wrap: nowrap;
	text-align: center
}

.dot {
	position: relative;
	width: 10px;
	height: 10px;
	background-color: red;
	border-radius: 50%;
	animation: 1.5s ease-out infinite pulse
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 0, 0, .5)
	}

	80% {
		box-shadow: 0 0 0 15px rgba(255, 0, 0, 0)
	}
}

.dot::after,
.dot::before {
	content: "";
	position: absolute
}

.dot::before {
	width: 3px;
	height: 20px;
	top: -10px;
	left: 3.5px
}

.dot::after {
	width: 20px;
	height: 3px;
	top: 3.5px;
	left: -10px
}

.tooltip,
.tooltip::after {
	left: 50%;
	transform: translateX(-50%);
	position: absolute
}

.tooltip {
	top: -50px;
	padding: 5px 6px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	visibility: visible;
	font-size: 15px;
	font-family: Rubik, serif;
	color: #344054;
	font-weight: 700;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	white-space: nowrap
}

.tooltip-img {
	width: 30px;
	height: 30px;
	margin-right: 8px
}

.tooltip-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%
}

.tooltip-text {
	flex: 1
}

.tooltip::after {
	content: "";
	bottom: -10px;
	border-width: 5px;
	border-style: solid;
	border-color: #fff transparent transparent
}

.usa {
	top: 40%;
	left: 15%
}

.canada {
	top: 25%;
	left: 27%
}

.uk {
	top: 15%;
	left: 50%
}

.south-africa {
	top: 73%;
	left: 53%
}

.saudi-arabia {
	top: 40%;
	left: 53%
}

.india {
	top: 49%;
	left: 70%
}

.china {
	top: 32%;
	left: 67%
}

.australia {
	top: 83%;
	left: 85%
}

.mauritius {
	top: 79%;
	left: 62%
}

.counter-menu {
	background: url(/assets/img/menu-icons/seo/counter1.webp) 0 0/cover no-repeat;
	z-index: 1;
	position: relative;
	padding: 25px;
	margin-top: 10px;
	border-radius: 12px
}

.counter-b-menu,
.stabinb1 p {
	padding: 15px 0
}

.counter-menu::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: -1;
	border-radius: 12px
}

.counter-menu h3 {
	font-size: 45px;
	font-weight: 600;
	color: #fff;
	font-family: Rubik, serif;
	line-height: 50px
}

.counter-menu p {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	font-family: Rubik, serif;
	line-height: 20px;
	margin: 0
}

.counter-b-menu:first-child {
	padding: 0 0 15px;
	border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.counter-b-menu:nth-child(2) {
	padding: 15px 0 0
}

.animation-bg_main {
	align-items: center;
	contain: paint;
	display: flex;
	justify-content: center;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0
}

.animation-bg_main .animation_1,
.animation-service .animation_s_1 {
	width: 50%;
	animation: 12s linear infinite reverse randomizer-09b56968;
	top: 50%;
	display: block;
	position: absolute;
	transform-origin: 60% 60%;
	transform: translate(0, -50%)
}

.animation-bg_main .animation_1:before,
.animation-service .animation_s_1:before {
	animation: 9s ease-in-out infinite randomizerBe-09b56968;
	background-color: #f1414f;
	border-radius: 50%;
	content: "";
	display: block;
	padding-bottom: 100%;
	width: 100%
}

.animation-bg_main .animation_2,
.animation-service .animation_s_2 {
	animation: 9s linear infinite randomizer-09b56968;
	display: block;
	position: absolute;
	top: 30%;
	transform-origin: 60% 60%;
	width: 50%
}

.animation-bg_main .animation_2:before,
.animation-service .animation_s_2:before {
	background-color: #d4cdeb;
	border-radius: 50%;
	content: "";
	display: block;
	padding-bottom: 100%;
	width: 100%
}

.animation-bg_main .animation_3,
.animation-service .animation_s_3 {
	animation: 6s linear infinite randomizer-09b56968;
	width: 50%;
	left: 0
}

.animation-bg_main .animation_3:before,
.animation-service .animation_s_3:before {
	animation: 15s ease-in-out infinite randomizerBe-09b56968;
	background-color: #b2e6fe;
	border-radius: 50%;
	content: "";
	display: block;
	padding-bottom: 100%;
	width: 100%
}

.animation-bg_main:after,
.animation-service:after {
	-webkit-backdrop-filter: blur(2rem);
	backdrop-filter: blur(2rem);
	background-color: rgba(244, 249, 248, .1);
	content: "";
	display: table;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

section.about_home,
section.banner-carousel {
	z-index: 3;
	position: relative
}

@keyframes randomizer-09b56968 {
	0% {
		transform: rotate(0) translateZ(0)
	}

	to {
		transform: rotate(1turn) translateZ(0)
	}
}

@keyframes randomizerBe-09b56968 {

	0%,
	to {
		opacity: 1;
		transform: scale(1) translateZ(0)
	}

	20% {
		opacity: .5;
		transform: scale(1.5) translateZ(0)
	}

	40% {
		opacity: 1;
		transform: scale(.5) translateZ(0)
	}

	60% {
		opacity: .5;
		transform: scale(1.2) translateZ(0)
	}

	80% {
		opacity: 0;
		transform: scale(.8) translateZ(0)
	}
}

footer.footer,
section.award-content-main,
section.award-main,
section.case-study_new,
section.casescard,
section.certifications-content-main,
section.client-carousel,
section.clients-main,
section.home-form,
section.home-service,
section.home_blog,
section.ownership-main,
section.plans-main,
section.recognitions-content-main,

section.strategy-main,
section.team-main,
section.testimonial-home,
section.truseted-main,
section.why-choose,
section.cities {
	z-index: 1;
	position: relative
}
section.static-banner {
    z-index: 1;
    position: relative;
}
 section.story-main{
	z-index: 1;
}

section.home-map {
	z-index: 3;
	background: #fff;
	position: relative
}

section.faq_main {
	position: relative;
	z-index: 2;
	background-color: #fff
}

.map_new {
	width: 1000px;
	position: relative
}

.animation-service {
	align-items: center;
	contain: paint;
	display: flex;
	justify-content: center;
	position: absolute;
	top: 0;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	background: #e5ebf3
}

section.faq_main .animation-service {
	background: #fff
}

.service-abt {
	padding: 50px 0;
	position: relative;
	z-index: 2;
	background: #0a57b5;
	background: linear-gradient(180deg, #0a57b5 10%, #001d60 78%)
}

.sbimg {
	height: 100%
}

.sbimg img {
	width: 100%;
	height: 100%;
	border-radius: 12px
}

.satext {
    position: relative;
    padding-top: 25px;
}
.col-lg-3:last-child .satext::before {
    display: none;
}
.col-lg-3:nth-of-type(3) .satext::before {
    display: none;
}
.col-lg-4:last-child .satext::before {
    display: none;
}

.satext:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 70%;
    background: linear-gradient(0deg, #001e5e, rgb(246 165 81) 75%);
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
}

.satext h3 {
	font-weight: 500;
	font-family: Ubuntu, serif;
	color: rgba(251, 176, 64, .9333333333);
	font-size: 30px;
	margin-bottom: 10px;
    line-height: 30px;
}

.satext h4 {
	color: #ccc;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px
}

.satext p {
	color: rgba(204, 204, 204, .8);
	font-weight: 400;
	font-size: 13px;
	line-height: 22px;
	margin: 0;
	white-space: normal
}

.platform_text h3,
.read-more-btn {
	font-weight: 600;
	font-family: Rubik, serif
}

.service-in_tab {
	position: relative;
	z-index: 11;
	background: #fff;
	padding: 50px 0
}

.read-more-btn,
.stab-b {
	background: rgba(0, 0, 0, 0)
}

.platform_main {
	position: relative;
	z-index: 2;
	padding: 60px 0
}

.platform_text {
	padding-bottom: 30px;
	text-align: center
}

.platform_text h3 {
	font-size: 26px;
	line-height: 30px;
	color: #00386f;
	text-align: center
}

.platform_text p,
.read-more-btn {
	font-size: 16px;
	text-align: center
}

.platform_text p {
	color: #667085;
	font-weight: 400;
	line-height: 24px;
	font-family: Inter, serif
}

.read-more-btn {
	color: #d42230;
	line-height: 19px;
	border: none;
	outline: 0;
	padding: 0
}

.read-more-btn i {
	margin-right: 5px
}

.platform_img img {
	border-radius: 4px
}

.stab_main {
	flex-direction: column;
	border-radius: 25px;
	padding: 25px 15px
}

.stab-b {
	width: 100%;
	border-radius: 40px
}

.spinner-wrap {
	margin: 75px 0
}

.spinner-item {
	border: 1px solid #0a55b1;
	border-radius: 50%;
	height: 200px;
	width: 200px;
	position: absolute;
	left: 50%;
	top: 38%;
	transform: translate(-50%, -50%);
	opacity: 0;
	animation: 2s linear .75s infinite zoom
}

.spinner-item--2 {
	animation-delay: .5s
}

.spinner-item--3 {
	animation-delay: 1s
}

@keyframes zoom {
	0% {
		transform: translate(-50%, -50%) scale(.1);
		opacity: 0
	}

	50% {
		transform: translate(-50%, -50%) scale(.6);
		opacity: .9
	}

	100% {
		transform: translate(-50%, -50%) scale(.9);
		opacity: 0
	}
}

.spinner-center {
	text-align: center
}

.spinner-percentage {
	font-size: 32px;
	color: #333;
	font-family: Rubik, serif;
	text-align: center;
	font-weight: 400
}

.spinner-arrow {
	font-size: 24px;
	color: #007bff;
	margin-top: 5px
}

.stabinb1 {
	background-color: rgba(255, 255, 255, .5019607843);
	z-index: 0;
	padding: 20px;
	height: 100%;
	border-radius: 25px;
	overflow: hidden
}

.stabinb1 p {
	font-size: 14px;
	color: #647078;
	font-family: Ubuntu, serif;
	text-align: center;
	line-height: 20px;
	margin: 0
}

.stabinb2 a,
.stabinb2 h3,
.stabinb2 li {
	font-family: Rubik, serif
}

.servtab_btn,
.stabinb2 h3 {
	font-size: 17px;
	margin-bottom: 15px;
	font-weight: 700
}

.stabinb2 h3 {
	color: #00386f;
	line-height: 25px
}

.stabinb2 li:first-child {
	padding-top: 0
}

.stabinb2 li {
	color: #333;
	font-size: 15px;
	line-height: 22px;
	padding: 20px 0 0 34px
}

.stabinb2 li i {
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
	color: #333;
	border: 1px solid #333;
	border-radius: 50%;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 23px;
	transform: rotate(0)
}

.stabinb2 li:first-of-type i {
	top: 5px
}

.stabinb2 a {
	color: #d42230;
	font-size: 16px;
	line-height: 24px
}

.progresstext p,
.progresstext span {
	line-height: 18px;
	font-family: Rubik, serif
}

.stabinb2 ul {
	padding-bottom: 15px
}

.servtab_btn {
	background: rgba(0, 0, 0, 0);
	font-family: Rubik, serif;
	color: #0a55b1 !important;
	border-radius: 40px;
	z-index: 11;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border: none;
	padding: 15px 20px
}

.ownership-main .ownership-list .ownership-item .content-sec h3,
.ownership-main .ownership-list .ownership-item .content-sec p,
.service-progress,
.strategy-main .content-sec .box-content h3,
.strategy-main .content-sec .box-content p,
.strategy-main .content-sec .box-content ul {
	position: relative;
	z-index: 2
}

.service_bimg {
	min-height: 530px
}

.banner-carousel .serb_caption {
	padding: 70px 0
}

.activemobp button.servtab_btn {
	background: #0a55b1;
	font-family: Rubik, serif;
	color: #fff !important
}

.stab_main {
	background: #f2f8ff
}

.stabinb {
	padding: 15px
}

.stabi.activemobp {
	background: #d7e9ff;
	border-radius: 32px
}

.stabinb2,
.truseted-main .review-list .review-item .item-head+.item-sec {
	margin-top: 20px
}

.progress-icon,
.progresstext {
	text-align: center;
	margin: auto
}

.servtab_btn i {
	opacity: 0;
	font-size: 15px;
	float: right;
	vertical-align: center;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #d7e9ff;
	color: #5c5e60
}

.service-progress {
	padding: 50px 0;
	background: linear-gradient(180deg, #fff 0, #f4f9ff 100%)
}

.static-banner .banner-img {
	display: flex;
	align-items: center;
	justify-content: center;
}

.award-content-main,
.certifications-content-main,
.ownership-main,
.story-main,
.strategy-main {
	padding: 40px 0
}

.ownership-main .section-title+.ownership-list,
.plans-main .section-title+.tabs {
	margin-top: 40px
}

.ownership-main .ownership-list .ownership-item .img-sec {
	position: relative;
	z-index: 1
}

.ownership-main .ownership-list .ownership-item .img-sec img {
	border-radius: 12px
}

.ownership-main .ownership-list .ownership-item .img-sec+.content-sec {
	margin-top: -42px;
	position: relative;
	z-index: 2
}

.ownership-main .ownership-list .ownership-item .content-sec {
	display: flex;
	justify-content: center;
	flex-direction: column;
	background: linear-gradient(225.56deg, #1663d8 25.25%, #0648ac 94.17%);
	min-height: 280px;
	border-radius: 12px 82px 12px 0;
	color: #fff;
	padding: 70px 16px
}

.ownership-main .ownership-list .ownership-item .content-sec h3 {
	font-family: Rubik, serif;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .05em;
	margin: 0
}

.ownership-main .ownership-list .ownership-item .content-sec h3+p,
.story-main .story-list .story-item .year-cont h4+p,
.strategy-main .counter-sec .sec-item h3+h5 {
	margin-top: 4px
}

.ownership-main .ownership-list .ownership-item .content-sec p {
	font-size: 14px;
	font-weight: 400;
	line-height: 22px
}

.ownership-main .ownership-list .ownership-item .content-sec::before {
	content: "";
	position: absolute;
	background: url(/assets/img/ownership-pattern.png) left top/contain no-repeat;
	z-index: 1;
	width: 194px;
	height: 194px;
	left: calc(50% - 97px);
	bottom: -15px
}

.ownership-main .ownership-list .owl-nav {
	position: absolute;
	right: 20px;
	bottom: 60px;
	display: flex
}

.ownership-main .ownership-list .owl-nav button {
	display: flex;
	align-items: center;
	justify-content: center
}

.ownership-main .ownership-list .owl-nav button span {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 64px;
	line-height: 1;
	color: #fff
}

.ownership-main .ownership-list .owl-dots {
	margin-top: 34px;
	display: flex;
	gap: 0 6px
}

.mobile-only-slider .owl-dots .owl-dot,
.ownership-main .ownership-list .owl-dots .owl-dot {
	width: 18px;
	height: 4px;
	border-radius: 16px;
	background: rgba(0, 0, 0, .15)
}

.story-main .section-title+.story-list {
	margin-top: 13px
}

.story-main .story-list::before {
	content: "";
	position: absolute;
	width: 1px;
	border-right: 1px dashed #7698ce;
	top: 0;
	bottom: 30px;
	left: 0
}

.story-main .story-list:after {
	content: "";
	width: 22px;
	height: 22px;
	padding: 0;
	border-radius: 22px;
	position: absolute;
	border: 6px solid #0e55c2;
	left: -11px;
	top: -11px;
	background: #fff;
	display: inline-block
}

.story-main .story-list .story-item {
	display: flex;
	flex-direction: column;
	position: relative;
	padding-left: 27px
}

.story-main .story-list .story-item+.story-item,
.truseted-main .review-list .owl-dots {
	margin-top: 32px
}

.story-main .story-list .story-item .year-sec h3 {
	font-family: Rubik, serif;
	font-size: 107px;
	font-weight: 700;
	line-height: 1;
	color: rgba(154, 194, 255, .5);
	margin: 0
}

.story-main .story-list .story-item .year-sec h3.old {
	color: rgba(215, 221, 230, .5)
}

.story-main .story-list .story-item .year-sec h3.fut {
	color: rgba(255, 154, 156, .5)
}

.story-main .story-list .story-item .year-sec+.year-cont {
	margin-top: 24px
}

.story-main .story-list .story-item .year-cont h4 {
	font-family: Rubik, serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: .05em;
	color: #00386f;
	margin: 0
}

.story-main .story-list .story-item .year-cont p {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #667085
}

.story-main .story-list .story-item .year-cont:after {
	content: "";
	width: 22px;
	height: 22px;
	padding: 0;
	border-radius: 22px;
	position: absolute;
	border: 6px solid #fff;
	left: -38px;
	top: 2px;
	background: #a0c4f7;
	display: inline-block;
	z-index: 1;
	box-shadow: 0 0 0 1px #a0c4f7, 0 2px 4px rgba(160, 196, 247, .1)
}

.strategy-main .section-title+.content-sec {
	margin-top: 22px
}

.strategy-main .content-sec:before {
	content: "";
	position: absolute;
	width: calc(100% - 2px);
	left: 1px;
	top: 267px;
	bottom: 1px;
	background: linear-gradient(165.58deg, #4280cf 10.23%, #0952ae 101.12%);
	border-radius: 12px;
	z-index: 1
}

.strategy-main .content-sec .img-content {
	position: relative;
	z-index: 2;
	background: #fff
}

.strategy-main .content-sec .img-content img {
	border-radius: 12px;
	min-height: 251px
}

.strategy-main .content-sec .img-content+.box-content {
	border-top: 16px solid #fff
}

.strategy-main .content-sec .box-content {
	position: relative;
	z-index: 2;
	padding: 32px 24px;
	color: #fff
}

.strategy-main .content-sec .box-content ul li+li,
.strategy-main .content-sec .box-content+.box-content {
	margin-top: 16px
}

.strategy-main .content-sec .box-content h3 {
	font-family: Rubik, serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.1;
	color: #fff;
	margin: 0 0 16px
}

.strategy-main .content-sec .box-content ul li {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4
}

.strategy-main .content-sec .box-content ul.tick-list li:before {
	content: "";
	min-width: 15px;
	background: url("/assets/img/tick-icon.svg") left 3px no-repeat
}

.strategy-main .content-sec .box-content.our-mission:before,
.strategy-main .content-sec .box-content.our-values:before,
.strategy-main .content-sec .box-content.our-vision:before {
	content: "";
	position: absolute;
	right: 25px;
	bottom: 30px;
	background: left top/contain no-repeat;
	z-index: 1
}

.strategy-main .content-sec .box-content.our-values:before {
	width: 136px;
	height: 136px;
	background-image: url("/assets/img/values-icon.svg")
}

.strategy-main .content-sec .box-content.our-mission:before {
	width: 124px;
	height: 127px;
	background-image: url("/assets/img/mission-icon.svg")
}

.strategy-main .content-sec .box-content.our-vision.premium-tools:before{
	background-image: url("/assets/img/digital-marketing/premium-tools.svg");
}
.strategy-main .content-sec .box-content.our-vision.skilled-marketers:before{
	background-image: url("/assets/img/digital-marketing/skilled-marketers.svg");
}
.strategy-main .content-sec .box-content.our-values.realistic-approach:before{
	background-image: url("/assets/img/digital-marketing/realistic-approach.svg");
}
.strategy-main .content-sec .box-content.our-mission.cost-efficient:before{
	background-image: url("/assets/img/digital-marketing/cost-efficient.svg");
}
.strategy-main .content-sec .box-content.our-mission.focus-oriented:before{
	background-image: url("/assets/img/digital-marketing/focus-oriented.svg");
}

.strategy-main .content-sec .box-content.our-vision:before {
	width: 102px;
	height: 88px;
	background-image: url("/assets/img/vision-icon.svg")
}

.privacy-policy .section-title,
.strategy-main .content-sec+.counter-sec {
	margin-top: 30px
}

.strategy-main .counter-sec {
	display: flex;
	flex-wrap: wrap;
	gap: 20px
}

.strategy-main .counter-sec .sec-item {
	flex: 1 1 calc(50% - 20px);
	text-align: center
}

.strategy-main .counter-sec .sec-item h3 {
	margin: 0;
	font-family: Rubik, serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	color: #d42230
}

.strategy-main .counter-sec .sec-item h5 {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	color: #0950aa
}

.team-main {
	background: #fff;
	padding: 80px 0
}

@media screen and (min-width:1024px) {
	.main-nav .navbar {
		background: unset
	}

	.team-main {
		padding: 133px 0
	}

	.team-main .section-title h2 {
		font-size: 32px;
		font-weight: 700;
		line-height: 1.5
	}
}

.team-main .team-list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 12px
}

.team-main .team-list .team-item {
	flex: 1 1 calc(50% - 16px);
	border: 1px solid #e1e4ed;
	box-shadow: 1px 3px 3px rgba(25, 33, 61, .0784313725);
	border-radius: 5px
}

.team-main .team-list .team-item .item-img>img {
	width: 100%;
	min-height: 140px
}

.team-main .team-list .team-item .item-desc {
	padding: 14px
}

.team-main .team-list .team-item .item-desc h3,
.team-main .team-list .team-item .item-desc h4 {
	font-family: Inter, serif;
	font-weight: 600;
	margin: 0;
	text-align: center;
	line-height: 1.2
}

.team-main .team-list .team-item .item-desc h3 {
	font-size: 11px;
	color: #6b7184
}

.team-main .team-list .team-item .item-desc h3+h4 {
	margin-top: 8px
}

.team-main .team-list .team-item .item-desc h4 {
	font-size: 10px;
	color: #b4b9c9
}

.clients-main {
	background: #fff;
	padding-bottom: 40px
}

.clients-main .clients-list .clients-item {
	display: flex;
	justify-content: center;
	align-items: center
}

.clients-main .clients-list .clients-item>img {
	height: 66px;
	width: auto;
	max-width: none;
	-o-object-fit: contain;
	object-fit: contain
}

.truseted-main {
	padding: 40px 0 80px;
	background: #fff
}

.truseted-main .review-list {
	width: auto
}

.truseted-main .review-list .owl-stage {
	display: flex;
	justify-content: flex-start
}

.truseted-main .review-list .review-item {
	width: 374px;
	height: 100%
}

.truseted-main .review-list .review-item .item-in {
	border: 1px solid #6ba5df;
	height: calc(100% - 2px);
	padding: 23px 32px;
	text-align: left;
	border-radius: 12px
}

.truseted-main .review-list .review-item .item-head {
	display: flex;
	gap: 0 17px
}

.truseted-main .review-list .review-item .item-head .head-icon {
	width: 40px;
	height: 40px
}

.truseted-main .review-list .review-item .item-head .head-tl h3,
.truseted-main .review-list .review-item .item-head .head-tl h4 {
	margin: 0;
	line-height: 1.5
}

.truseted-main .review-list .review-item .item-head .head-tl h3 {
	font-size: 14px;
	font-weight: 700;
	color: #333
}

.truseted-main .review-list .review-item .item-head .head-tl h4 {
	font-size: 12px;
	font-weight: 400;
	color: #666
}

.truseted-main .review-list .review-item .item-head .head-info-icon {
	width: 42px;
	height: 42px;
	margin-left: auto
}

.truseted-main .review-list .review-item .item-sec {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #333
}

.progress-card::before,
.progress-icon,
.progresstext {
	left: 50%;
	transform: translate(-50%, 0);
	position: absolute
}

.mobile-only-slider .owl-dots {
	margin-top: 12px;
	display: flex;
	gap: 0 6px
}

.progress-card::before {
	content: url(/assets/img/progress_svg.svg);
	top: -125px
}

.progresstext {
	top: -38px;
	z-index: 1
}

.progresstext span {
	color: #fff;
	font-size: 16px;
	padding-top: 0;
	display: block;
	font-weight: 600
}

.progresstext p {
	color: #c8e1ff;
	margin: 0;
	font-size: 14px;
	font-weight: 400
}

.progress-icon {
	width: 50px;
	top: -107px
}

.progressdis {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
	border: 1px solid #bad9ff;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-radius: 12px;
	padding: 40px 40px 8px;
	margin-right: 0;
	margin-top: 130px
}

.contact-address_main {
	border-bottom: 1px solid #e0e0e0;
}

.progressdis h3 {
	font-size: 20px;
	font-family: Rubik, serif;
	font-weight: 700;
	line-height: 23px;
	color: #00386f;
	padding-bottom: 7px
}

.progressdis p {
	font-family: Ubuntu, serif;
	font-size: 15px;
	font-weight: 400;
	color: #647078;
	line-height: 22px
}

.inner-banner .inner-b-title h1,
.inner-banner p {
	text-align: left;
	color: #fff;
	font-family: Rubik, serif
}

.progress-main:before {
	position: absolute;
	content: "";
	width: 100%;
	left: 0;
	top: 20%;
	right: 0;
	height: 1px;
	background: repeating-linear-gradient(to right, #7698ce, #7698ce 10px, transparent 10px, transparent 20px)
}

.map-sec iframe {
	height: 400px
}

.inner-banner {
	background: url(/assets/img/contact-b.webp) 0 0/cover no-repeat;
	padding: 40px 0
}

.inner-banner .inner-b-title h1 {
	font-size: 30px;
	font-weight: 600;
	line-height: 35px
}

.inner-banner p {
	font-size: 16px;
	font-weight: 300;
	line-height: 22px
}

.contact-form {
	padding: 30px;
	margin-top: 0;
	background: #e7f1ff;
	border-radius: 10px
}

.error-main,
.thank-you {
	z-index: 3;
	background: url(/assets/img/common/thank-you-bg.svg) center/cover no-repeat;
	text-align: center
}

.contact-social,
.contact-title {
	padding-bottom: 20px
}

.contact-title h2 {
	font-family: Rubik, serif;
	color: #212121;
	font-weight: 700;
	font-size: 30px;
	margin-bottom: 10px;
	line-height: 35px
}

.contact-title p {
	font-size: 14px;
	color: #212121;
	font-family: Inter, serif;
	line-height: 22px;
	font-weight: 400
}

.contact-details .contact-tel {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	padding-bottom: 15px;
	margin-bottom: 15px
}

.contact-details .con-ic,
.contact-details .contai {
	width: 40px;
}

.contact-details .con-ic i,
.contact-details .contai i {
	width: 30px;
	height: 30px;
	background: #cf2532;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	border-radius: 50%;
	color: #fff
}

.contact-details .con-tel {
		width: calc(100% - 40px);
}

.contact-details .con-tel a {
	font-size: 16px;
	font-weight: 700;
	font-family: Rubik, serif;
	color: #00386f
}

.contact-details .contadt {
	width: 85%
}

.contact-details .contadt a {
	font-size: 14px;
	color: #344054;
	font-weight: 400;
	font-family: Inter, serif
}

.contact-details .contadt span {
	font-size: 15px;
	color: #344054;
	font-weight: 600;
	font-family: Inter, serif
}

.contact-details .contact-address {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	padding-bottom: 15px
}

.contact-social {
	padding-top: 20px
}

.contact-social i {
	font-size: 16px;
	color: #fff;
	background: #00386f;
	border: 1px solid #f2f2f2;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%
}

.contact-map iframe {
	border-radius: 10px;
	margin-top: 50px
}

.capcha-label {
	position: absolute;
	top: 34px;
	left: 0;
	opacity: .65;
	transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.capcha-text {
	padding-bottom: 38px !important
}

.col-12.cmn-text p {
	font-family: Inter, serif;
	color: #344054;
	font-size: 16px;
	font-weight: 500
}

.thank-you {
	position: relative;
	padding: 145px 0
}

.thank-youtext h1 {
	font-family: Rubik, serif;
	font-size: 45px;
	color: #000;
	font-weight: 400;
	line-height: 54.43px;
	margin-bottom: 30px
}

.error-text p,
.thank-youtext p {
	font-family: Inter, serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 0
}

.contact-social ul,
.thank-youtext {
	align-items: center;
	justify-content: center
}

.error-btn a,
.thank-btn a {
	width: 200px;
	line-height: 22px;
	background: #f1414f;
	border-radius: 50%;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	flex-direction: column;
	font-size: 16px;
	font-weight: 500;
	font-family: Inter, serif;
	margin: auto;
	transition: .3s ease-in-out;
	height: 200px
}

.error-main:before,
.thank-you:before {
	position: absolute;
	text-align: center;
	margin: auto;
	background: url(/assets/img/bg-faq.webp) no-repeat;
	width: 50%;
	height: 100%;
	content: "";
	left: 50%;
	opacity: .1;
	z-index: -1;
	transform: translate(-50%, 0)
}

.error-main {
	position: relative;
	padding: 100px 0
}

.error-text h1 {
	font-family: Rubik;
	font-size: 200px;
	font-weight: 600;
	line-height: 200px;
	text-align: center
}

.error-text h2 {
	font-family: Rubik, serif;
	font-size: 45px;
	color: #000;
	font-weight: 400;
	line-height: 54.43px;
	margin-bottom: 10px
}

.plans-main {
	padding: 50px 0;
}

.plans-main .section-title,
.plans-main .section-title h2,
.plans-main .tabs .tab-content .row-head,
.plans-main .tabs .tab-content h3 {
	color:#00386f;
}

.plans-main .tabs .tabs-nav {
	display: flex;
	justify-content: center;
	flex-direction: column
}

.plans-main .tabs .tabs-nav .tab-button {
	border: 0;
	outline: 0;
	box-shadow: none;
	font-family: Inter, serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 40px;
	color: #6d758f;
	position: relative
}

.plans-main .tabs .tabs-nav .tab-button.border-gray-700 {
	background-color: #c22f41;
	color: #fff
}

.plans-main .tabs .tabs-nav .tab-button+.tab-button {
	margin-top: 12px
}

.plans-main .tabs .tab-content {
	position: relative;
	padding-top: 12px
}

.plans-main .tabs .tab-content table {
	width: 100%;
	background-color: #F7F7F7;
}

.plans-main .tabs .tab-content table tr.sub-row .column-01 {
	color: #0C0C0C;
}

.plans-main .tabs .tab-content table td,
.plans-main .tabs .tab-content table th {
	padding: 20px 16px;
	text-align: center;
	border: 1px solid #00142d
}

.plans-main .tabs .tab-content table td.td-group {
	padding: 0
}

.plans-main .tabs .tab-content table td.td-group .toggle-button {
	padding: 20px 16px;
	text-align: left
}

.plans-main .tabs .tab-content table .column-01 {
	min-width: 171px;
	width: 171px;
	text-align: left
}

.plans-main .tabs .tab-content table .column-02,
.plans-main .tabs .tab-content table .column-03,
.plans-main .tabs .tab-content table .column-04,
.plans-main .tabs .tab-content table .column-05 {
	min-width: 77px;
	width: 77px
}

.plans-main .tabs .tab-content table .column-02 {
	background: #efdece
}

.plans-main .tabs .tab-content table .column-03 {
	background: #f2f2f2
}

.plans-main .tabs .tab-content table .column-04 {
	background: #ffe7b1
}

.plans-main .tabs .tab-content table .column-05 {
	background: #d6deff
}

.plans-main .tabs .tab-content .row-head td,
.plans-main .tabs .tab-content .row-head th {
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;

}

.plans-main .tabs .tab-content .row-head .column-01 {
	background: #000;
	color: #fff;
}

.plans-main .tabs .tab-content .row-head .column-02 {
	background: #bc8f64;
	color: #fff;
}

.plans-main .tabs .tab-content .row-head .column-03 {
	background: #c3c3c3;
	color: #fff;
}

.plans-main .tabs .tab-content .row-head .column-04 {
	background: #d4a741;
	color: #fff;
}

.plans-main .tabs .tab-content .row-head .column-05 {
	background: #7992ea;
	color: #fff;
}

.plans-main .tabs .tab-content .toggle-button {
	background: linear-gradient(90deg, rgb(0 50 131) 0%, rgb(0 29 64) 100%);
	font-family: Ubuntu, serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	display: flex;
	align-items: center;
	padding-right: 44px
}

.plans-main .tabs .tab-content .toggle-button button {
	display: block;
	width: 100%;
	text-align: left;
	color: #fff
}

.plans-main .tabs .tab-content .toggle-button:after {
	content: "";
	display: inline-block;
	background: url("/assets/img/common/chevron-down.svg") center center no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 24px;
	transform: rotate(0);
	transition: transform .3s ease-in-out
}

.award-content-main .card-list {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: center
}

.award-content-main .card-list .card-item,
.certifications-content-main .card-list .card-item,
.recognitions-content-main .card-list .card-item {
	display: flex;
	flex-direction: column;
	background: #fff;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, .15);
	border-radius: 8px;
	overflow: hidden
}

.award-content-main .card-list .card-item .content-sec,
.certifications-content-main .card-list .card-item .content-sec,
.recognitions-content-main .card-list .card-item .content-sec {
	padding: 25px 20px
}

.award-content-main .card-list .card-item .content-sec h3,
.certifications-content-main .card-list .card-item .content-sec h3,
.recognitions-content-main .card-list .card-item .content-sec h3 {
	font-family: Ubuntu, serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5;
	color: #282938
}

.award-content-main .card-list .card-item .content-sec h4,
.certifications-content-main .card-list .card-item .content-sec h4,
.recognitions-content-main .card-list .card-item .content-sec h4 {
	font-family: Inter, serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 15px
}

.award-content-main .card-list .card-item .content-sec p,
.certifications-content-main .card-list .card-item .content-sec p,
.recognitions-content-main .card-list .card-item .content-sec p {
	font-size: 14px;
	line-height: 1.6
}

.recognitions-content-main {
	padding: 40px 0;
	background: #e5ebf3
}

.certifications-content-main .card-list,
.recognitions-content-main .card-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center
}

.recognitions-content-main .card-list .img-sec img {
	height: 210px
}

.certifications-content-main .card-list .card-item .img-sec img {
	width: 100%;
	height: 210px
}

.privacy-policy .section-title h2 {
	text-align: left;
	margin-top: 20px;
	font-size: 28px;
	line-height: 35px
}

.privacy-policy ul.withIcon li,
.tnc ul.withIcon li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px
}

.privacy-policy ul.withIcon li i,
.tnc ul.withIcon li i {
	position: absolute;
	left: 0;
	top: 5px;
	color: #00386f;
	font-weight: 700
}

.testimonialsall .itemwrapp {
	display: flex;
	flex-wrap: wrap
}

.testimonialsall .itemwrapp .card-item {
	width: 100%;
	margin-bottom: 20px
}

@media screen and (min-width:768px) {
	hr {
		margin-top: 30px !important
	}

	.contact-title p,
	.news-letterform-footer p,
	.team-main .team-list .team-item .item-desc h4,
	.truseted-main .review-list .review-item .item-head .head-tl h3 {
		font-size: 16px
	}

	.form-img img {
		max-height: 707px;
		-o-object-fit: cover;
		object-fit: cover
	}

	.cmn-form textarea {
		height: 90px
	}

	.why-choose .why-choose-in {
		padding: 10px 65px 40px
	}

	.why-choose .why-header h3 {
		font-size: 24px;
		line-height: 30px
	}

	.why-choose .why-header i {
		width: 4%;
		height: 53px;
		line-height: 30px
	}

	.team-main .team-list .team-item .item-desc h3,
	.why-choose .why-accordion-content p {
		font-size: 18px
	}

	.award-main .award-card {
		margin: 50px auto
	}

	.award-main .owl-item.active.scale-item {
		transform: scale(1, 1) translateY(-15px)
	}

	.home-service .service-head h2 {
		font-size: 52px;
		line-height: 64px;
		text-align: left;
		position: relative;
		z-index: 1
	}

	.home-service .service-head p {
		line-height: 28px;
		font-size: 20px;
		text-align: left;
		position: relative;
		z-index: 1
	}

	.home-service .service-head.sm h2 {
		font-size: 32px;
		line-height: 1.3
	}

	.home-service .serv-box {
		height: 180px
	}

	.banner-title h1,
	.banner-title h2 {
		font-size: 45px;
		line-height: 55px
	}

	.home-btn {
		position: static;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.width-12 {
		width: 12%
	}

	.width-56 {
		width: 60% !important
	}

	.width-32 {
		width: 28% !important
	}

	.menu-drop-flag {
		width: 42% !important
	}

	.main-nav .navbar .navbar-collapse {
		position: unset;
		border-top: unset;
		padding: 0;
		background: #ebf0f5;
		height: auto;
		overflow: auto
	}

	.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
		font-size: 15px;
		margin: 0 10px;
		border-bottom: unset;
		color: #777;
		padding: 0;
		line-height: 56px
	}

	.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link i {
		position: unset
	}

	.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:focus,
	.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
		color: #d42230 !important
	}

	.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:focus-visible {
		box-shadow: none !important
	}

	.main-nav .navbar .navbar-collapse .navbar-nav .nav-item.active .nav-link,
	.main-nav .navbar .navbar-collapse .navbar-nav .nav-item:focus .nav-link,
	.main-nav .navbar .navbar-collapse .navbar-nav .nav-item:hover .nav-link {
		color: #d42230
	}

	.main-nav .navbar .navbar-collapse .navbar-nav .nav-item:focus .dropdown-menu,
	.main-nav .navbar .navbar-collapse .navbar-nav .nav-item:hover .dropdown-menu,
	.truseted-main .review-list .owl-stage {
		display: block
	}

	.main-nav .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
		position: absolute
	}

	.main-nav .navbar .navbar-collapse .navbar-nav .list-group-flush .list-group-item {
		padding: 10px;
		margin-bottom: 10px;
		border-radius: 8px;
		font-size: 15px;
		border: 1px solid #e5ebf3
	}

	.main-nav .navbar .navbar-collapse .navbar-nav .list-group-flush .list-group-item:first-child {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px
	}

	.main-nav .navbar .navbar-collapse .navbar-nav .list-group-flush .list-group-item:last-child {
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px
	}

	.main-nav .navbar .navbar-collapse .navbar-nav .list-group-flush .list-group-item.list-group-item-action {
		border: 1px solid #e5ebf3
	}

	.main-nav .navbar .navbar-collapse .navbar-nav .list-group-flush .list-group-item.list-group-item-action:focus,
	.main-nav .navbar .navbar-collapse .navbar-nav .list-group-flush .list-group-item.list-group-item-action:hover {
		background: #f1414f;
		color: #fff;
		transition: .3s ease-in-out
	}

	.banner-carousel .serb_caption h1,
	.banner-carousel .serb_caption h2,
	.banner-carousel .serb_caption p {
		max-width: 80%;
		margin-left: auto;
		margin-right: auto
	}

	.ownership-main .ownership-list .ownership-item .img-sec {
		width: 60%
	}

	.ownership-main .ownership-list .ownership-item .img-sec+.content-sec {
		position: absolute;
		margin-top: 0
	}

	.ownership-main .ownership-list .ownership-item .content-sec {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 50%;
		border-radius: 132px 12px 12px 0;
		padding: 70px 48px
	}

	.ownership-main .ownership-list .ownership-item .content-sec h3 {
		font-size: 35px;
		font-weight: 600;
		line-height: 40px
	}

	.ownership-main .ownership-list .ownership-item .content-sec h3+p {
		margin-top: 12px
	}

	.ownership-main .ownership-list .ownership-item .content-sec p {
		font-size: 15px;
		font-weight: 400;
		line-height: 24px
	}

	.ownership-main .ownership-list .ownership-item .content-sec::before {
		width: 326px;
		height: 323px
	}

	.story-main .section-title+.story-list {
		margin-top: 89px
	}

	.story-main .story-list {
		padding-top: 90px
	}

	.story-main .story-list::before {
		left: calc(50% - 1px);
		top: 0;
		bottom: 90px;
		height: auto
	}

	.story-main .story-list:after {
		left: calc(50% - 12px)
	}

	.story-main .story-list .story-item {
		flex-direction: row;
		align-items: center
	}

	.story-main .story-list .story-item+.story-item {
		margin-top: 100px
	}

	.story-main .story-list .story-item:nth-child(2n) .year-cont,
	.story-main .story-list .story-item:nth-child(odd) .year-sec {
		padding-right: 108px
	}

	.story-main .story-list .story-item:nth-child(2n) .year-sec,
	.story-main .story-list .story-item:nth-child(odd) .year-cont {
		padding-left: 60px
	}

	.story-main .story-list .story-item:nth-child(2n) {
		flex-direction: row-reverse
	}

	.story-main .story-list .story-item:nth-child(2n) .year-cont:after {
		left: auto;
		right: 3px
	}

	.story-main .story-list .story-item .year-cont,
	.story-main .story-list .story-item .year-sec {
		width: 50%
	}

	.story-main .story-list .story-item .year-sec h3 {
		font-size: 200px
	}

	.plans-main .tabs .tabs-nav .tab-button+.tab-button,
	.story-main .story-list .story-item .year-sec+.year-cont,
	.strategy-main .content-sec .box-content+.box-content,
	.strategy-main .counter-sec .sec-item h3+h5 {
		margin-top: 0
	}

	.story-main .story-list .story-item .year-cont h4 {
		font-size: 28px
	}

	.story-main .story-list .story-item .year-cont:after {
		top: calc(50% - 11px);
		left: -25px
	}

	.strategy-main {
		padding: 80px 0 120px
	}

	.strategy-main .content-sec {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 13px;
		grid-template-areas: "values imgcontent mission""values imgcontent vision"
	}

	.strategy-main .content-sec:before {
		display: none
	}

	.strategy-main .content-sec .img-content {
		grid-area: imgcontent
	}

	.strategy-main .content-sec .img-content img {
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center;
		object-position: center
	}

	.strategy-main .content-sec .img-content+.box-content {
		border: 0
	}

	.strategy-main .content-sec .box-content {
		background: linear-gradient(165.58deg, #68a3ed 10.23%, #0952ae 101.12%);
		border-radius: 12px
	}

	.strategy-main .content-sec .box-content.our-values {
		grid-area: values
	}

	.strategy-main .content-sec .box-content.our-mission {
		grid-area: mission;
		min-height: 265px
	}

	.strategy-main .content-sec .box-content.our-vision {
		grid-area: vision;
		min-height: 265px
	}

	.strategy-main .content-sec+.counter-sec {
		margin-top: 78px
	}

	.strategy-main .counter-sec .sec-item {
		flex: 1 1 calc(25% - 20px)
	}

	.strategy-main .counter-sec .sec-item h3 {
		font-size: 48px
	}

	.strategy-main .counter-sec .sec-item h5 {
		font-size: 20px
	}

	.team-main .section-title+.team-list {
		padding-top: 20px
	}

	.team-main .team-list {
		gap: 32px
	}

	.team-main .team-list .team-item {
		flex: 1 1 calc(25% - 32px)
	}

	.team-main .team-list .team-item .item-img>img {
		min-height: 236px
	}

	.team-main .team-list .team-item .item-desc h3,
	.team-main .team-list .team-item .item-desc h4 {
		line-height: 1.3
	}

	.team-main .team-list .team-item .item-desc h3+h4 {
		margin-top: 14px
	}

	.clients-main {
		padding: 45px 0
	}

	.clients-main .section-title {
		padding-bottom: 30px
	}

	.clients-main .clients-list {
		display: flex;
		gap: 15px;
		flex-wrap: wrap
	}

	.clients-main .clients-list .clients-item {
		flex: 1 1 calc(20% - 15px)
	}

	.clients-main .clients-list .clients-item>img {
		height: auto
	}

	.truseted-main .section-title+.review-list {
		margin-top: 66px
	}

	.truseted-main .review-list {
		margin: 0 -12px;
		position: relative;
		z-index: 1;
		display: block
	}

	.truseted-main .review-list .review-item {
		padding: 12px;
		width: 33.33%;
		height: auto
	}

	.truseted-main .review-list .review-item .item-in {
		padding: 25px 38px;
		height: auto
	}

	.truseted-main .review-list .review-item .item-head .head-icon {
		width: 48px;
		height: 48px
	}

	.truseted-main .review-list .review-item .item-head .head-tl h4 {
		font-size: 14px
	}

	.truseted-main .review-list .review-item .item-head .head-info-icon {
		width: 50px;
		height: 50px
	}

	.truseted-main .review-list .review-item .item-sec {
		font-size: 16px;
		font-weight: 400
	}

	.truseted-main::before {
		content: "";
		height: 30%;
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2;
		background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, 0) 100%)
	}

	.progress-card::before {
		transform: translate(-50%, 0);
		top: -125px
	}

	.progressdis {
		margin-right: 35px
	}

	.map-sec iframe {
		height: 707px
	}

	.inner-banner {
		padding: 148px 0
	}

	.inner-banner .inner-b-title h1 {
		font-size: 52px;
		line-height: 55px;
		margin-bottom: 20px
	}

	.inner-banner p {
		font-size: 20px;
		line-height: 22px
	}

	.contact-form {
		padding: 60px
	}

	.contact-title h2 {
		font-size: 40px;
		line-height: 45px;
		margin-bottom: 20px
	}

	.contact-details .con-ic,
	.contact-details .contai {
		width: 40px;
	}

	.contact-details .con-tel {
		width: calc(100% - 40px);
	}

	.contact-social ul,
	.thank-youtext {
		justify-content: flex-start
	}

	.plans-main .tabs .tabs-nav {
		flex-direction: row
	}

	.plans-main .tabs .tabs-nav .tab-button {
		border-radius: 0;
		height: 48px;
		padding: 20px;
		font-family: Ubuntu, serif;
		font-size: 14px
	}

	.plans-main .tabs .tabs-nav .tab-button:after {
		content: "";
		width: 1px;
		background: #e0e1e3;
		position: absolute;
		left: 0;
		height: 100%;
		z-index: 1
	}

	.plans-main .tabs .tabs-nav .tab-button.border-gray-700::before {
		content: "";
		width: 0;
		height: 0;
		border-left: 18px solid transparent;
		border-right: 18px solid transparent;
		border-top: 22px solid #c22f41;
		display: inline-block;
		transition: transform .3s ease-in-out;
		position: absolute;
		left: calc(50% - 18px);
		top: calc(100% - 8px)
	}

	.plans-main .tabs .tabs-nav .tab-button:first-child {
		border-radius: 20px 0 0 20px
	}

	.plans-main .tabs .tabs-nav .tab-button:last-child {
		border-radius: 0 20px 20px 0
	}

	.plans-main .tabs .tab-content {
		padding-top: 24px
	}

	.plans-main .tabs .tab-content .row-head td,
	.plans-main .tabs .tab-content .row-head th {
		font-weight: 600
	}

	.plans-main .tabs .tab-content .toggle-button {
		font-family: Inter, serif;
		font-weight: 500;
	}

	.award-content-main,
	.certifications-content-main,
	.recognitions-content-main {
		padding: 80px 0
	}

	.award-content-main .card-list.two-in-row .card-item {
		width: calc(50% - 30px)
	}

	.award-content-main .card-list .card-item,
	.award-content-main .card-list.three-in-row .card-item {
		width: calc(33.33% - 30px)
	}

	.award-content-main .card-list.four-in-row .card-item {
		width: calc(25% - 30px)
	}

	.award-content-main .card-list.five-in-row .card-item {
		width: calc(20% - 30px)
	}

	.certifications-content-main .card-list.two-in-row .card-item,
	.recognitions-content-main .card-list.two-in-row .card-item {
		width: calc(50% - 20px)
	}

	.certifications-content-main .card-list .card-item,
	.certifications-content-main .card-list.three-in-row .card-item,
	.recognitions-content-main .card-list .card-item,
	.recognitions-content-main .card-list.three-in-row .card-item {
		width: calc(33.33% - 20px)
	}

	.certifications-content-main .card-list.four-in-row .card-item,
	.recognitions-content-main .card-list.four-in-row .card-item {
		width: calc(25% - 20px)
	}

	.certifications-content-main .card-list.five-in-row .card-item,
	.recognitions-content-main .card-list.five-in-row .card-item {
		width: calc(20% - 20px)
	}

	.testimonialsall .itemwrapp .card-item {
		width: calc(33.33% - 20px);
		margin: 10px
	}
}

@media screen and (min-width:993px) {
	.contact-form {
		margin-top: -140px;
		padding: 60px
	}

}
.testimonialsall .itemwrapp .card-item .card-item-inner {
	padding: 20px 25px;
	border-radius: 10px;
	position: relative;
	border: 1px solid #6ba5df;
	height: 100%
}

.testimonialsall .itemwrapp .card-item .card-item-inner .img-sec {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: flex-start
}

.testimonialsall .itemwrapp .card-item .card-item-inner .img-sec img {
	width: 75px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	border-radius: 100%;
	margin-right: 15px
}

.testimonialsall .itemwrapp .card-item .card-item-inner .img-sec .titlewrap {
	width: calc(100% - 90px);
	font-weight: 700;
	font-family: Rubik;
	overflow-wrap: anywhere
}

.testimonialsall .itemwrapp .card-item .card-item-inner .img-sec .titlewrap h3 {
	font-size: 20px
}

.testimonialsall .itemwrapp .card-item .card-item-inner .short {
	margin-top: 20px;
	color: #333
}

.testimonialsall .itemwrapp .buttonswrapp {
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px
}

.dropdown-toggle::after {
	position: absolute;
	right: 26px;
	vertical-align: middle
}

.testominialspage .modal.show {
	background-color: rgba(0, 0, 0, .6)
}

.testominialspage .buttonswrapp a {
	color: #f1414f
}

.testominialspage .buttonswrapp a i {
	transform: rotate(-35deg);
	transition: .3s ease-in-out;
	font-size: 15px !important
}

.testominialspage .buttonswrapp a:hover i {
	transform: rotate(0);
	padding-left: 10px !important
}

.testominialspage .modal button.close {
	position: absolute;
	padding: 5px;
	width: 34px;
	height: 34px;
	border-radius: 100%;
	background-color: #00386f;
	color: #fff;
	right: -10px;
	top: -10px;
	transition: .3s
}

.testominialspage .modal button.close:hover {
	background-color: #f1414f
}

.testominialspage .modal .content__wrapper {
	margin-bottom: 20px
}

.testominialspage .modal .clientLogo img {
	box-shadow: 0 0 15px rgba(0, 0, 0, .15);
	margin: 20px 30px;
	border-radius: 100%
}

.cities {
    padding: 60px 0 40px;
}

.cities-img {
	padding-top: 45px;
}

.img-wrappering {
	text-align: center;
	margin-bottom: 20px;
}

.img-wrappering a {
	font-family: "Ubuntu";
	font-size: 20px;
	font-weight: 500;
	color: #00386F;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center;
	padding-top: 10px;
}

.img-wrappering i {
	font-weight: 400 !important;
	padding-left: 6px;
	transform: rotate(-45deg);
	padding-top: 4px;
}



section.fun-facts {
    counter-reset: my-awesome-counter;
}
.fun-facts .step_vert_right .content {
    padding: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    background-color: #ffffff29;
    backdrop-filter: blur(.8px);
    counter-increment: my-awesome-counter;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    min-height: 150px;
}
.fun-facts .step_vert_right .content:before {
    content: counter(my-awesome-counter);
    font-size: 70px;
    font-weight: 700;
    color: #d5293014;
    position: absolute;
    z-index: -1;
    top: -10px;
    left: 10px;
    transition: all 0.4s ease-in-out;
    width: 80px;
    text-align: center;
}
.fun-facts .step_vert_right .content p.title {
    padding-left: 85px;
    font-size: 18px;
    font-weight: 700;
}
.fun-facts .step_vert_right .content p.desc {
    font-size: 15px;
    font-weight: 500;
    color: #515151;
    padding-left: 85px;
}
.fun-facts .step_vert_right .content:hover:before {
    color: #d5293052;
}
.fun-facts .step_vert_right {
    position: relative;
    margin: 20px 0;
}
@media screen and (max-width:767px) {
	.fun-facts .step_vert_right .content:before {
	    position: unset;
	}
	.fun-facts .step_vert_right .content p.title,.fun-facts .step_vert_right .content p.desc {
	    padding: 0;
	}
}
.franchise__form__wrap{
	position: relative;
	z-index: 11;
	padding: 50px 0;
}

.franchisecard {
    border: none;
    padding: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
    background: #fff;
    border-radius: 6px;
    margin-top: 30px;
}
.digital-content{
	position: relative;
	z-index: 11;
	background: #E5EBF3;
	text-align: center;
	padding: 50px 0;
}



.digi-box_h1,
.digi-box_h2,
.digi-box_h3,
.digi-box_h4,
.digi-box_h5,
.digi-box_h6
.digi-box_h7,
.digi-box_h8,
.digi-box_h9 {
	flex-direction: row !important;
	flex-wrap: wrap !important;
}

.home-service .digi-box_h1,
.home-service .digi-box_h2,
.home-service .digi-box_h3,
.home-service .digi-box_h4,
.home-service .digi-box_h5,
.home-service .digi-box_h6,
.home-service .digi-box_h7,
.home-service .digi-box_h8,
.home-service .digi-box_h9
 {
	justify-content: center;
	height: 100%;
	padding: 20px;
	border-radius: 8px;
	filter: grayscale(100%);
	display: flex;
	align-content: center;
	flex-wrap: wrap !important;
}
.home-service .digi-box_h1{
	background: url(/assets/img/digital-marketing/digital-service/search-engine-optimization.webp) center / cover no-repeat;;
}
.home-service .digi-box_h1:hover{
	background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 41%) 54%, rgba(0, 0, 0, 0) 100%), url(/assets/img/digital-marketing/digital-service/search-engine-optimization.webp) center/cover no-repeat;
}

.home-service .digi-box_h2{
	background: url(/assets/img/digital-marketing/digital-service/social-media-optimiazation.webp) center / cover no-repeat;;
}
.home-service .digi-box_h2:hover{
	background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 41%) 54%, rgba(0, 0, 0, 0) 100%), url(/assets/img/digital-marketing/digital-service/social-media-optimiazation.webp) center/cover no-repeat;
}

.home-service .digi-box_h3{
	background: url(/assets/img/digital-marketing/digital-service/performance-marketing.webp) center / cover no-repeat;;
}
.home-service .digi-box_h3:hover{
	background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 41%) 54%, rgba(0, 0, 0, 0) 100%), url(/assets/img/digital-marketing/digital-service/performance-marketing.webp) center/cover no-repeat;
}

.home-service .digi-box_h4{
	background: url(/assets/img/digital-marketing/digital-service/youtube-seo.webp) center / cover no-repeat;;
}
.home-service .digi-box_h4:hover{
	background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 41%) 54%, rgba(0, 0, 0, 0) 100%), url(/assets/img/digital-marketing/digital-service/youtube-seo.webp) center/cover no-repeat;
}

.home-service .digi-box_h5{
	background: url(/assets/img/digital-marketing/digital-service/web-designing.webp) center / cover no-repeat;;
}
.home-service .digi-box_h5:hover{
	background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 41%) 54%, rgba(0, 0, 0, 0) 100%), url(/assets/img/digital-marketing/digital-service/web-designing.webp) center/cover no-repeat;
}

.home-service .digi-box_h6{
	background: url(/assets/img/digital-marketing/digital-service/paid-campaign-management.webp) center / cover no-repeat;;
}
.home-service .digi-box_h6:hover{
	background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 41%) 54%, rgba(0, 0, 0, 0) 100%), url(/assets/img/digital-marketing/digital-service/paid-campaign-management.webp) center/cover no-repeat;
}

.home-service .digi-box_h7{
	background: url(/assets/img/digital-marketing/digital-service/app-store-optimization.webp) center / cover no-repeat;;
}
.home-service .digi-box_h7:hover{
	background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 41%) 54%, rgba(0, 0, 0, 0) 100%), url(/assets/img/digital-marketing/digital-service/app-store-optimization.webp) center/cover no-repeat;
}

.home-service .digi-box_h8{
	background: url(/assets/img/digital-marketing/digital-service/influencer-marketing.webp) center / cover no-repeat;;
}
.home-service .digi-box_h8:hover{
	background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 41%) 54%, rgba(0, 0, 0, 0) 100%), url(/assets/img/digital-marketing/digital-service/influencer-marketing.webp) center/cover no-repeat;
}

.home-service .digi-box_h9{
	background: url(/assets/img/digital-marketing/digital-service/wikipedia-page-creation.webp) center / cover no-repeat;;
}
.home-service .digi-box_h9:hover{
	background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 41%) 54%, rgba(0, 0, 0, 0) 100%), url(/assets/img/digital-marketing/digital-service/wikipedia-page-creation.webp) center/cover no-repeat;
}
.fixed-header {
	position: fixed;
	top: 45px;
	width: 100%;
	z-index: 999;
	background: #fff; 
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 
  }
  
  section.cta-wiki {
    position: relative;
    z-index: 11;
    padding: 50px 0;
    background: linear-gradient(180deg, #0a57b5 10%, #001d60 78%);
}
.best_search_engines td {
    background-color: rgb(248, 248, 248);
    padding: 10px 15px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(238, 238, 238);
    border-image: initial;
	font-size: 14px;
    transition: 0.5s ease-in;
}
.best_search_engines {
    position: relative;
    z-index: 11;
    padding: 50px 0;
}
.secCta{
	position: relative;
	z-index: 11;
	padding: 50px 0;
}

.section-btn-r a {
	text-align: center;
	font-family: "Ubuntu Sans", serif;
	width:100px;
	line-height: 100px;
	height: 100px;
	background: #f1414f;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 12px;
	margin: auto;
	border: 1px solid #f1414f
}
.border-white a:hover{
	border: 1px solid #fff !important;
	color: #fff !important;
}

.section-btn-r a:hover {
	background: rgba(0, 0, 0, 0);
	border: 1px solid #00386f;
	color: #00386f
}

a.tab_btn {
    color: #00386f;
    font-size: 16px;
    padding:8px 16px;
    border:1px solid#0057ad;
    display:inline-block;
    margin-top:15px;
    border-radius:8px;
	transition: 0.3s;
}
a.tab_btn:hover{
	background: #00386f;
	color: #fff;
}
a.tab_btn:hover i{
	transform: translate(10px);
}
a.tab_btn i {
	transition: 0.3s;
    transform:rotate(0deg);
    padding-right:5px;
}
.awrad_shape {
	width: 80%;
    margin: auto;
    padding: 8px;
    position: relative;
    display: flex;
	flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding: 30px 15px 50px;
	min-height: 230px;
	flex-direction: column;
}
.awrad_shape:before{
	content: "";
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(161.56deg, #F2B91B 13.08%, #FFFFFF 34.77%, #F2B91B 44.61%, #FFFFFF 54.87%, #F2B91B 62.54%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
	z-index: -1;
	border-radius: 5px;
	height: 100%;
}
.awrad_shape:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 10px);
    margin: auto;
    height: calc(100% - 10px);
    background:#E53240;
    clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
    padding: 0;
    margin: 5px;
    z-index: -1;
	border-radius: 5px;
}

.awrad_shape h3, .awrad_shape  P {
    Z-INDEX: 2;
    position: relative;
	width: 100%;
}
.awrad_shape h3{
	color: #fff !important;
	font-family: Rubik;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}
.awrad_shape p{
	font-family:"Ubuntu Sans", serif;
	font-weight: 400;
	font-size: 14px;
	color: #f3f3f3;
	line-height: 20px;
	text-align: center;
	text-transform: capitalize;
}
.award_new_card img{
 
    margin-bottom: 20px;
    width: 70% !important;
    margin-left: auto;
    margin-right: auto;
}
.award_new_card .awrad_shape_wrap h3 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.award_new_card .awrad_shape_wrap p{
	text-align: center;
    font-size: 14px;
}
.award_new .owl-dots {
    display: block !important;
    text-align: center;
}
.award_new .owl-dots .owl-dot.active{
	background: #084FA9 !important;
	width: 20%;
    height: 10px;
	border-radius:15px;
}
.award_new .owl-dot {
	width: 10%;
    height: 6px;
	vertical-align: middle;
    background: #b7c5d7!important;
    display: inline-block;
}
.award_new {
    padding: 50px 0;
    background: url(/assets/img/awards/award_bg.webp) center center / cover no-repeat;
    background-image: linear-gradient(180deg, rgba(229, 235, 243, 0.5) 20.34%, rgba(255, 255, 255, 0.165) 48.93%), url(/assets/img/awards/award_bg.webp);
	z-index: 11;
	position: relative;
}

.cta-package {
    padding: 80px 0;
    position: relative;
    z-index: 11;
    background: linear-gradient(rgb(0 34 84), rgb(0 21 52 / 85%)), url(/assets/img/cta-bg.png);
    background-size: cover;
    background-position: center;
}
.cta-text h2{
	font-size: 45px;
    font-weight: 500;
    font-family: 'Ubuntu Sans';
}
.ct-new-btn {
    text-align: right;
}
.ct-new-btn a{
    font-size:16px;
    background:#fff;
    padding:15px 25px;
    color: #00386f;
    border-radius:6px;
    font-weight: 600;
	border: 1px solid#fff;
	transition: 0.3s ease-in-out;
}

.ct-new-btn a:hover{
	background: transparent;
	color: #fff;
	border: 1px solid#fff;
}
.tab-package{
	position: relative;
	z-index: 11;
	padding: 80px 0;
}
.seo-package_main {
    position: relative;
    z-index: 11;
	padding: 80px 0;
}
.package_tab_btn{
	align-items: center;
	justify-content: center;
	border: none !important;
}
.package_tab_btn button{
	background: #EEF5FE;
	padding: 10px 24px;
	font-size: 16px;
	border: 1px solid#fff !important;
	color: #494949DE;
	border-radius: 30px 30px 0 0;
}
.package_tab_btn .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background:#f1414f;
    color:#fff;
}
.package_tab_content{
	background: #EEF5FE;
	padding: 40px;
	border-radius: 8px;
}
.package_slider{
	z-index: 11;
	padding: 80px 0;
	background: linear-gradient(180deg, #fff 0, #f4f9ff 100%);
	position: relative;
}

.package_card{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	padding: 30px;
	border: 1px solid #bad9ff;
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
	height: 100%;
}
.package_text{
	width: 70%;
	padding-left: 30px;
}
.package_text h3 {
	font-size: 20px;
	font-family: Rubik, serif;
	font-weight: 700;
	line-height: 23px;
	color: #00386f;
	padding-bottom: 7px
}

.package_text p {
	font-family: Ubuntu, serif;
	font-size: 15px;
	font-weight: 400;
	color: #647078;
	line-height: 24px
}
.packge_img{
	width: 25%;
}
#package_single {
    width: 80%;
    margin: auto;
}
.package_slider .owl-dots {
    display: block !important;
    text-align: center;
}
.package_slider .owl-dots .owl-dot.active{
	background: #084FA9 !important;
	width: 5%;
    height: 10px;
	border-radius:15px;
}
.package_slider .owl-dot {
	width: 10%;
    height: 6px;
	vertical-align: middle;
    background: #b7c5d7!important;
    display: inline-block;
}
.cta-btn{
	text-align: center;
}
.cta-btn a{
	font-size: 16px;
	background:linear-gradient(135deg, #f1414f, #660000);
	color: #fff;
	border-radius: 12px;
	margin-top: 20px;
	display: inline-block;
	padding: 16px 24px;
	transition: 0.3s ease-in-out;
}
.msstfyb.newmsstfyb {
    position: relative;
    z-index: 11;
	background: #e5ebf3;
	padding: 80px 0 0 0;
}
.our_sevice__Box_item {
    padding: 20px;
    text-align: center;
    background-color: #ffffff;
    display: block;
    border-radius: 10px;
    transition: all 0.5s ease-in-out;
    height: 100%;
    position: relative;
}
.our_sevice__Box {
    margin-bottom: 30px;
}
.our_sevice__Box_item .our_Sevice__img {
    margin-bottom: 25px;
}
.our_sevice__Box_item 
 .our_Service__Title {
    margin-bottom: 15px;
}
.our_sevice__Box_item .our_ServiceDesc {
    color: #3c3c3c;
    text-align: center;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 400;
}
.our_sevice__Box_item .our_Service__Title h3 {
    color: #4F4F4F;
    text-align: center;
    font-family:Rubik, serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
}
.our_sevice__Box_item .our_ServiceLink {
    margin-bottom: 15px;
}
.our_sevice__Box_item .our_ServiceLink span {
    color: #3c3c3c;
    font-family:Ubuntu, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    transition: all 0.5s ease-in-out;
    display: block;
}
.our_sevice__Box_item:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
}
.our_sevice__Box_item:hover .our_ServiceLink span {
    color: #d72930;
    margin-left: -5px;
}
.stick_mob{
	position: fixed;
	z-index: 11;
	background: #fff;
	bottom: 0;
    width: 100%;
	box-shadow: 0px 0px 6px 2px #949494;
    border-radius: 12px 12px 0 0;
}
.stick_mob .col-4{
	padding: 0;
}
.mobile-btn{
	border-right:1px solid #1c22247d;
	text-align: center;
	padding: 10px 0;
}
.mobile-btn i{
	color: #ff3651;
	font-size: 20px;
}

.ctaModal .mainrow{
  	background-color: #002fff;
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    position: relative;
}
.ctaModal .cta-left {
	color: white;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	height: 100%;
}
.ctaModal .cta-left h2 {
  	font-weight: 700;
}
.ctaModal .cta-left p {
  	font-size: 0.9rem;
  	margin-top: 10px;
}
.ctaModal h3 {
    font-weight: 700;
    text-shadow: 3px 4px 5px rgba(0,0,0,0.7);
}
.ctaModal .cta-graphic {
  	width: 100%;
  	max-width: 85%;
	
  	margin-bottom: 30px;
    filter: drop-shadow(4px 4px 9px rgba(0,0,0,0.75));
}
.ctaModal .cta-right {
  	padding: 30px;
  	background: #fff;
    z-index: 1;
}
.ctaModal .modal-dialog .modal-content {
    border-radius: 25px;
    overflow: hidden;
    border: none;
}
.ctaModal .form-control {
  	border-radius: 0.375rem;
}
.ctaModal .btn-submit {
  	background-color: #002fff;
  	color: white;
  	width: 100%;
}
.ctaModal .btn-submit:hover {
  	background-color: #0019aa;
}
.ctaModal .cmn-form label {
    font-size: 14px;
    font-weight: 500;
}
.ctaModal .cmn-form input, 
.ctaModal .cmn-form select, 
.ctaModal .cmn-form textarea {
    height: auto;
}
.ctaModal .form-control:focus {
    border-color: #0a55b1;
    outline: 0;
    box-shadow: none;
}
.call-menu-icon button {
    background: #f1414f;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #f1414f;
    font-size: 14px;
    font-family: 'Rubik';
}
.call-menu-icon button:hover{
	background: #00386f;
	border: 1px solid #00386f;
}
.btn-close{
	width:20px;
	height: 20px;
	border-radius: 50%;
}
.modal-title{
	font-size: 17px !important;
	font-weight: 600;
}
.home-btn-stiky{
	position: sticky;
	top:50%;
	right: 0;
}
.home-btn-stiky a{
	background: #f1414f;
	color:#fff;
	padding: 10px 25px;
	position: fixed;
	right: -51px;
	top: 50%;
	transform: rotate(270deg);
}
.modal-head p{
	font-size: 15px;
}
.readcontent p {
    color: #667085;
}
.cta-wiki .section-btn-r a:hover {
    background-color: #ffffff;
}
.service_item {
    padding: 20px;
    background: #0a57b5;
    background: linear-gradient(180deg, #0a57b5 10%, #001d60 78%);
    border-radius: 12px;
    color: #ffffff;
    height: 100%;
    transition: all .3s ease-in-out;
}
.service_item hr {
    margin: 15px 0 !important;
    width: 20%;
    color: #fff;
    border-width: 3px;
    border-radius: 20px;
    transition: all .3s ease-in-out;
}
.service_item:hover hr {
    width: 25%;
}
.services_section .col-md-4 {
    padding-top: calc(var(--bs-gutter-x) * .5);
    padding-bottom: calc(var(--bs-gutter-x) * .5);
}
section.services_section {
    padding-bottom: 50px;
}
.service_item a.internallink {
    color:#f1414f;
}
.ctaModal .cmn-form label:not(.capcha-text, .capcha-label) {
    display: none;
}
.ctaModal button.close {
    position: absolute;
    right: 0px;
    top: 0;
    font-size: 20px;
    padding: 10px;
    line-height: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 30px;
    color: #ffffff;
    z-index: 2;

}
.ctaModal button.close:hover {
    color: #f1414f;
}
.faq-heading.fixenform {
    position: fixed;
    top: 72px;
    left: auto;
    right: auto;
    z-index: 999;
}

.faq-heading.fixenformbottom {
    position: absolute;
    top: auto;
    bottom: 30px;
    left: auto;
    right: auto;
    z-index: 999;
}
.industries_item .ind_inner {
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    padding-bottom: 30px;
    position: relative;
}
.industries_item .ind_inner .industries_discription {
    padding: 25px 20px;
}
.industries_item .ind_inner .industries_discription h3 {
    font-family: Inter, serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #282938;
}
.industries_item .ind_inner .industries_discription a {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #f1414f;
}
.industries_item .industries_discription i{
    transform: rotate(-35deg);
}
.industries_item:hover .industries_discription i {
    padding-left: 10px;
    transition: .3s;
    transform: rotate(0);
}
.industries_item {
    padding-top: calc(var(--bs-gutter-x) * .5);
    padding-bottom: calc(var(--bs-gutter-x) * .5);
}
.industries_item .industries_discription a.knowmore {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: auto;
    width: calc(100% - 40px);
    text-align: left;
}

.fixed-header{
	top:0;
}