@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{
font-family: "Poppins", sans-serif !important;
font-weight: 400 !important;
font-style: norma;
color: #191D26;
font-size: 18px !important;
}
.contact-info-inner span,
.rajdhani-bold,
.step-no,
.term_sec_ic i {
	font-weight: 700
}

.arrow-bg,
.banner_inner,
.digital_marketing_img,
.digital_marketing_wrap p.heading_para,
.heading_para,
.heading_type1,
.industries_sec_con,
.item.partner_sec_img,
.our-wrok-btn,
.serv-cont,
.talk_sec_btn,
.talk_sec_con,
.techno_box,
.testimonial-card {
	text-align: center
}

.sidebar-meta li .sidebar-link,
a:hover {
	text-decoration: none
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Rajdhani, sans-serif;
	font-weight: 700
}

.btn,
p {
	font-size: 18px
}

.navbar-brand img {
    height: 60px;
}

body,
html body {
	overflow-x: hidden
}

.list_sec_item_ic i {
	font-size: 30px;
	line-height: 25px;
	color: #58acf8
}

.work_process_ic i {
	font-size: 40px;
	line-height: 36px;
	color: #fff
}

.term_sec_ic i {
	font-size: 30px;
	color: #58acf8
}

.best_services_btn .flaticon-right-arrow-angle:before,
i.flaticon.flaticon-customer-1:before {
	font-weight: 700 !important
}

.best_services_ic i {
	color: #fff;
	font-size: 40px;
	line-height: 32px;
	text-align: center;
	margin: 0 auto;
	display: table;
	padding: 5px 0
}

.business_sec_ic i {
	color: #fa4555;
	font-size: 34px;
	line-height: normal
}

.business_sec_itm:hover .business_sec_ic i,
.casestudy-cont ul li,
.green_bg .office_item p.office_phone span a {
	color: #fff !important
}

.best_services_btn i {
	font-size: 12px
}

section.port_sec.port_inner_cls .hire_link_img i {
	color: #000;
	font-size: 60px;
	line-height: normal
}

section.port_sec .hire_links li.nav-item a.nav-link.hire_link_item.active i {
	color: #dc6f45
}

.business_sec_itms.career_item i {
	color: #fa4555 !important;
	font-size: 52px;
	line-height: 40px
}

.btn,
a,
button {
	outline: 0 !important
}

body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #010101;
	line-height: 1.694;
	background: #013450
}

html {
	scroll-behavior: smooth
}

.ai-powered-wrap .heading_type1,
.contact-form .heading_type1,
.cost-effective-cont ul,
.heading_type1.social,
.tabing_type1 .tab-content .heading_type1,
img {
	max-width: 100%
}

button:focus {
	outline: 0;
	outline: -webkit-focus-ring-color auto 0
}

.header_sec li.nav-item.dropdown:hover .dropdown-menu {
	display: block !important;
	transition: 0.5s;
	width: 100%;
	max-width: 95%;
	left: 2.5%;
	border-radius: 0 0 25px 25px !important;
	margin-bottom: 0;
	max-height: calc(80vh - 90px);
	overflow: auto;
	top: 78px
}

li.nav-item.dropdown {
	position: static
}

.header_sec li.nav-item.dropdown .dropdown-menu {
	top: 85%;
	transition: 0.5s;
	border-radius: 0 !important;
	margin: 0
}
.mobile-menu-head {
    display: none;
}
.header_sec .navbar {
	padding: 0 1rem
}

.header_sec li.nav-item .dropdown-item.active,
.header_sec li.nav-item .dropdown-item:active,
.header_sec li.nav-item .dropdown-item:focus,
.header_sec li.nav-item .dropdown-item:hover {
	background: 0 0;
	color: #000
}

.mega-menu-row {
	display: flex;
	gap: 15px;
	flex-wrap: wrap
}

.mega-menu-col {
	flex: 0 0 calc(20% - 12px);
	max-width: calc(20% - 12px)
}

.mega-menu-title {
	color: #013450;
	font-size: 20px;
	font-weight: 600;
	width: 100%;
	display: block;
	border-bottom: 1px solid #011e2f
}

.mega-menu-wrap {
	padding: 15px
}

.mega-menu-wrap ul,
.side-social .footer_social {
	padding-left: 0;
	list-style: none
}

nav.navbar.navbar-expand-lg.fixed-header {
    width: 100%;
    position: fixed;
    background: #011a28;
    left: 0;
    transition: 0.5s;
    z-index: 111 !important;
    top: 0;
}
.cost-effective-sec+.whychoose-sec,
.navbar-brand,
section.cost-effective-sec+section.why-choose {
	padding-top: 0;
	padding-bottom: 0
}

nav.navbar.navbar-expand-lg {
	transition: 0.5s;
	background: linear-gradient(0deg, #00000047, #0000008f);
	padding: 0 20px !important
}

.btn.focus,
.btn:focus {
	border: 0;
	box-shadow: unset;
	outline: 0
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn:focus,
.form-control:focus,
.show>.btn-danger.dropdown-toggle:focus,
a:focus,
button:focus,
input:focus {
	box-shadow: unset
}

.about-content p,
.ask_que h5,
.ask_que p,
.banner-number .comapny-box span,
.benefits-point p,
.bg-project-type .sidebar-title,
.bg-project-type .stat-label,
.bg-project-type .stat-value,
.bg-project-type h3,
.bg-project-type p,
.bg-sidebar p,
.bg-sidebar.bg-sidebar ul li,
.blog-detail .blog-content ol li,
.blog-detail .blog-content ul li,
.casestudy-cont h4,
.casestudy-cont p,
.cso-cont h4,
.cso-cont p,
.cso-cont ul li,
.digital_marketing_cont h3,
.digital_marketing_wrap p,
.footer_items.footer_social li p,
.header_sec .navbar-nav .nav-link:hover,
.heading_type4_w h3,
.msm-dtl h3,
.platforms-wrap h3,
.platforms-wrap p,
.ppc-cont p,
.process-box h4,
.question-box p,
.serv-cont h4,
.serv-pro-box h4,
.service-box:hover h4,
.service-box:hover p,
.sidebar-meta li,
.tabing_type1 .tab-content p,
.tabing_type3_info ul li,
.talk_expert span.talk_expert_btn,
.theme_web h3,
.theme_web ul li,
.why-access-cont p,
.why_cont_sec p,
a,
ul.copyright li a {
	color: #fff
}

.blog-content h3 a:hover,
.footer_items a:hover,
a:hover {
	color: #fa4555
}

.btn-danger {
	background-color: #fa4555;
	border: 0;
	font-size: 18px;
	font-weight: 500;
	border-radius: 5px
}

.owl-dots {
	position: absolute;
	bottom: 5px;
	transform: translateX(-50%);
	left: 50%
}

.header_logo a.navbar-brand {
	margin-right: 0
}

.owl-carousel .owl-nav [class*="owl-"] {
	font-size: 24px;
	border: 0 !important;
	width: 50px;
	height: 50px;
	line-height: 1;
	padding: 0;
	margin: 0;
	position: absolute;
	background: #58acf8;
	border-radius: 50%;
	font-family: cursive;
	color: #fff
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
	background: #58acf8
}

.owl-carousel .owl-nav .owl-prev {
	margin-right: 65px
}

.header_sec .navbar-nav .nav-link {
	padding: 25px 25px;
	display: inline-block;
	font-size: 18px;
	font-weight: 500
}

.banner_inner .banner_sec_img:after,
.blog-detail .blog-content h2 br,
.blog-detail .blog-content p br,
.btn_cross,
.header_sec .login_btn .nav-link::after,
.infographic-snake-wrapper .infographic-snake .horizontal,
.m-image,
.partner_sec .owl-dots,
section.main_contaact_sec .contact_sec_form::before {
	display: none
}

.header_sec .btn-danger {
	margin-left: 30px
}

.banner_sec_img {
	background-size: cover;
	height: 100%;
	padding: 130px 0 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: center;
	background: linear-gradient(0deg, #fa4555 0, #013450 62.74%)
}

.btn-danger {
	padding: 10px 30px
}

.banner_heads {
	color: #fff;
	font-size: 60px;
	line-height: 1;
	margin-bottom: 15px
}

.banner_sec_con h4 {
	font-size: 18px;
	color: #fff;
	margin-bottom: 30px;
	width: 90%;
	line-height: 1.7
}

.banner_sec .owl-dots .owl-dot {
	height: 10px;
	width: 10px;
	margin-right: 5px;
	border: 0;
	border-radius: 50%;
	padding: 0
}

.best_services_ic span::after,
.best_services_ic span::before,
.best_services_ic::after,
.best_services_ic::before {
	border-radius: 50%;
	content: "";
	z-index: -1;
	position: absolute
}

.banner_sec .owl-dots .owl-dot.active {
	width: 30px;
	border-radius: 10pc
}

.heading_type1 {
	max-width: 95%;
	margin: 0 auto
}

.heading_type1 h2,
.heading_type1 h3 {
	font-size: 48px;
	color: #fff;
	line-height: 1.2
}

.heading_para {
	font-size: 20px;
	width: 95%;
	margin: 0 auto 20px;
	color: #fff;
	opacity: .87;
	font-weight: 500
}

.best_services_item {
	margin-top: 20px;
	padding: 25px;
	position: relative
}

.company-wrap,
.talk_sec {
	padding: 40px 0;
	overflow: hidden
}

.best_services_ic {
	width: 55px;
	height: 55px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #7142f8;
	border-radius: 20px;
	margin-bottom: 30px
}

.best_services_ic span {
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%
}

.best_services_ic::before {
	background: #7142f8;
	left: -3px;
	width: 40%;
	height: 90%
}

.best_services_ic::after {
	background: #7142f8;
	right: -3px;
	width: 40%;
	height: 90%
}

.best_services_ic span::before {
	background: #7142f8;
	top: -3px;
	width: 90%;
	height: 40%;
	left: 5%
}

.best_services_ic span::after {
	background: #7142f8;
	bottom: -3px;
	width: 90%;
	height: 40%;
	left: 5%
}

.best_services .row [class*="col-"]:nth-child(2) .best_services_ic,
.best_services .row [class*="col-"]:nth-child(2) .best_services_ic span::after,
.best_services .row [class*="col-"]:nth-child(2) .best_services_ic span::before,
.best_services .row [class*="col-"]:nth-child(2) .best_services_ic::after,
.best_services .row [class*="col-"]:nth-child(2) .best_services_ic::before {
	background: #74ba46
}

.best_services .row [class*="col-"]:nth-child(3) .best_services_ic,
.best_services .row [class*="col-"]:nth-child(3) .best_services_ic span::after,
.best_services .row [class*="col-"]:nth-child(3) .best_services_ic span::before,
.best_services .row [class*="col-"]:nth-child(3) .best_services_ic::after,
.best_services .row [class*="col-"]:nth-child(3) .best_services_ic::before {
	background: #f38650
}

.best_services .row [class*="col-"]:nth-child(4) .best_services_ic,
.best_services .row [class*="col-"]:nth-child(4) .best_services_ic span::after,
.best_services .row [class*="col-"]:nth-child(4) .best_services_ic span::before,
.best_services .row [class*="col-"]:nth-child(4) .best_services_ic::after,
.best_services .row [class*="col-"]:nth-child(4) .best_services_ic::before {
	background: #ecbf24
}

.best_services .row [class*="col-"]:nth-child(5) .best_services_ic,
.best_services .row [class*="col-"]:nth-child(5) .best_services_ic span::after,
.best_services .row [class*="col-"]:nth-child(5) .best_services_ic span::before,
.best_services .row [class*="col-"]:nth-child(5) .best_services_ic::after,
.best_services .row [class*="col-"]:nth-child(5) .best_services_ic::before {
	background: #fa4c9a
}

.best_services .row [class*="col-"]:nth-child(6) .best_services_ic,
.best_services .row [class*="col-"]:nth-child(6) .best_services_ic span::after,
.best_services .row [class*="col-"]:nth-child(6) .best_services_ic span::before,
.best_services .row [class*="col-"]:nth-child(6) .best_services_ic::after,
.best_services .row [class*="col-"]:nth-child(6) .best_services_ic::before {
	background: #35bfe7
}

.best_services_item::before {
	content: "";
	position: absolute;
	background: #fff;
	box-shadow: 0 0 49px 0 rgb(223 223 223 / 46%);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 10px;
	z-index: -1;
	opacity: 0
}

.best_services_item:hover::before {
	opacity: 1
}

.best_services_btn {
	color: #fa4555;
	transition: 0.5s;
	opacity: 0;
	margin-top: 13px;
	display: inline-block
}

.best_services_btn img {
	margin-left: 5px;
	transition: 0.5s
}

.best_services_item:hover .best_services_btn {
	transition: 0.5s;
	opacity: 1
}

.best_services_btn:hover i {
	margin-left: 10px;
	transition: 0.5s
}

.best_services_con h4 {
	font-size: 17px;
	margin-bottom: 15px
}

.best_services_con p {
	color: #5e6887;
	line-height: 1.688;
	margin-bottom: 0;
	text-align: justify
}

.talk_sec {
	background: url(/assets/images/front-img/btn-bg.webp) 0 0 / cover fixed;
	color: #fff;
	position: relative
}

.company-wrap:after,
.talk_sec:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background: #000000bd;
	top: 0;
	left: 0
}

.banner_sec_con,
.brush-title,
.company-wrap,
.contact_sec,
.contact_sec_form,
.file_input,
.footer_head,
.footer_sec,
.header-title,
.header_sec .nav-link,
.rating_s_in,
.serv-ic,
.talk_sec .container {
	position: relative
}

.company-wrap {
	background: url(/assets/images/front-img/company.webp) 0 0 / cover fixed;
	color: #fff
}

.company-wrap .container,
.features-box-wrap h4,
.features-box-wrap p,
.serv-box h5,
.serv-box p {
	position: relative;
	z-index: 11
}

.btn_top,
.talk_sec .container {
	z-index: 1
}

.comapny-number {
	font-size: 60px;
	font-weight: 700;
	line-height: 1
}

.heading_type2 h3 {
	font-size: 75px
}

.footer_item+.footer_item .footer_head,
.talk_sec_con h3 {
	margin-bottom: 10px
}

.contact_sec_con .test_head h3 {
	color: #fff;
	margin-bottom: 25px
}

.form-control {
	min-height: 57px;
	border-radius: 5px
}

.file_input span {
	border: 2px dashed #ced4da;
	width: 100%;
	border-radius: 5px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	height: 100%
}

.file_input {
	height: 57px;
	overflow: hidden
}

.file_input input[type="file"] {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0
}

.btn_blue {
	background: #58acf8;
	color: #fff;
	width: 100%;
	height: 55px;
	font-size: 18px
}

.btn_blue:hover {
	background: #fa4555;
	color: #fff
}

.contact_sec {
	background-size: cover;
	padding: 70px 0;
	margin-top: 0
}

.contact_sec_form {
	padding: 30px;
	background: #fff;
	border-radius: 10px
}

.contact_heading .test_head h3 {
	font-size: 43px;
	position: absolute;
	bottom: -150px
}

.footer_sec {
	background: #013450;
	padding-top: 70px;
	z-index: 1
}

.header_sec .navbar-nav .contact_us .nav-link::after,
nav.navbar.navbar-expand-lg.fixed-header .contact_us .nav-link::after {
	display: none !important
}

.banner-number .comapny-box h4,
.features-box-wrap p,
.footer_bottom p {
	margin-bottom: 0;
	color: #fff
}

.footer_bottom {
	border-top: 1px dashed;
	margin-top: 0;
	padding-top: 15px
}

.footer-item-divide .footer_items {
	display: flex;
	flex-wrap: wrap;
	gap: 15px
}

.footer-item-divide .footer_items li {
	flex: 0 0 calc(50% - 15px);
	margin-bottom: 0
}

.footer_item.footer-item-divide {
	padding-left: 45px
}

.brand-box h4,
.footer_items a,
.service-box-social h4 {
	color: #fff;
	font-size: 18px
}

.footer_items li {
	margin-bottom: 12px
}

.footer_head {
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	margin: 0 0 20px
}

.footer_head:after {
	position: absolute;
	bottom: -2px;
	background: red;
	left: 0;
	width: 53px;
	height: 2px;
	content: ""
}

.footer_items {
	line-height: normal;
	padding: 0;
	margin: 0;
	list-style: none
}

.blog-sidebar #contact-form .input-box,
.footer_top,
section.service-provide-stages .heading_type1 h3 {
	margin-bottom: 15px
}

.rating_s_in {
	margin-bottom: -72px;
	background: #fff
}

.banner_sec_con .btn {
	padding: 10px 20px
}

.about-content h3,
.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(2n) .stage-description-wrapper .stage-description,
.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(odd) .stage-description-wrapper .stage-description,
.mv-bg h3,
.mv-bg p,
.talk_sec_con .heading_type2 {
	text-align: left
}

.banner_sec_con_in h4 {
	margin: 15px auto 20px
}

.banner_sec_con_in .inner_banner_heads {
	font-size: 62px;
	color: #fff;
	line-height: 1.1;
	margin-bottom: 0
}

.app_services,
.best_services,
.contact-form-area,
.port_sec,
.portfolio-list-wrap,
section.case_studies_sec,
section.technology_sec {
	padding: 70px 0
}

.btn_top {
	position: fixed;
	right: 15px;
	bottom: 15px;
	border: 0;
	background: #cdcdcd;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	display: none
}

.arrow-bottom-cls,
.arrow-top-cls {
	position: absolute;
	left: calc(50% - 25px)
}

.btn-default {
	border: 1px solid #fff;
	color: #fff;
	padding: 10px 25px
}

.btn-default:hover {
	background: #fff;
	color: #212529
}

.arrow-top-cls {
	z-index: 11;
	top: 5%
}

.arrow-bottom-cls {
	z-index: 11;
	bottom: 5%
}

.arrow-bg {
	height: 50px;
	width: 50px;
	background: rgb(217 55 48 / .7);
	border-radius: 50%
}

.arrow-bg a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.arrow-bg a img,
.serv-ic img,
.single-solutions-box .icon img {
	filter: invert(1)
}

.accordion .card-header:after,
span.btn_arrow img {
	filter: brightness(0) invert(1)
}

.arrow-bg img {
	width: 100%;
	max-width: 20px
}

.header_sec .nav-link::after {
	content: "";
	display: inline-block;
	width: 0;
	background: #fa4555;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: 0.2s;
	height: 2px
}

.header_sec .nav-link:hover::after {
	width: 100%
}

li.nav-item.login_btn a.nav-link.btn {
	padding: 10px 20px;
	margin-top: 10px
}

.cost-effective-sec+.service-offer-sec,
.header_sec .dropdown-menu,
section.cost-effective-sec+section.cost-effective-sec,
section.industries_sec+.Media_Optimisation,
section.industries_sec+section.our-portfolio,
section.industries_sec+section.service-offer-sec {
	padding: 0
}

.header_sec .dropdown-item {
	padding: 12px 15px;
	border-bottom: 2px dotted #c4c4c4;
	font-size: 16px
}

section.main_contaact_sec {
	background: #f1f1f1;
	padding: 70px 0;
	margin-bottom: 70px
}

section.main_contaact_sec .contact_sec_form {
	margin-top: 0;
	border-radius: 0
}

.banner_sec_con_in p {
	color: #fff;
	font-size: 20px;
	width: 80%;
	line-height: 1.5
}

.banner_sec_con_in .p_logo {
	max-width: 350px;
	margin: 0 auto
}

.banner_sec {
	background: #e6e6e6
}

.industries_sec .owl-carousel .owl-nav [class*="owl-"] {
	position: absolute;
	margin-right: 0;
	left: -30px;
	top: calc(50% - 30px);
	border: 0 !important;
	color: #fff
}

.industries_carousel .owl-nav {
	position: absolute;
	width: 100%;
	top: 50%
}

.industries_sec .owl-carousel .owl-nav [class*="owl-next"] {
	right: -30px;
	left: auto
}

.lSSlideOuter .lSPager.lSGallery li.focus i.dot_sliders {
	color: #0e0e0e !important;
	background: #0e0e0e !important
}

.case_std_box {
	border-radius: 10px;
	box-shadow: 1px 1.732px 10px 5px rgb(18 18 18 / 25%);
	overflow: hidden;
	margin-bottom: 30px
}

.case_studies_inner {
	margin-top: 40px
}

ul.footer_items.footer_social {
	display: flex;
	flex-wrap: wrap
}

ul.footer_items.footer_social li {
	margin: 0 10px 10px 0
}

ul.footer_items.footer_social li img {
	max-width: 45px
}

ul.copyright {
	display: flex;
	padding-left: 0;
	margin-bottom: 0;
	justify-content: flex-end
}

ul.copyright li {
	padding: 0 5px;
	list-style: none;
	color: #8a8a8a
}

section.blog_home {
	margin: 70px 0 0
}

span.btn_arrow {
	margin-left: 20px;
	transition: 0.5s
}

.banner_sec_con {
	z-index: 11;
	border-radius: 15px;
	padding: 40px 40px 0
}

.serv-cont,
.serv-icon,
.why-box h4,
.why-box p {
	z-index: 1;
	position: relative
}

.our-wrok-btn {
	margin: 30px auto 0
}

.contact_sec_con h3 {
	color: #fff;
	font-size: 60px
}

a.lets_btn {
	background: #58acf8 !important;
	display: block;
	color: #fff;
	font-size: 22px;
	padding-top: 15px;
	padding-bottom: 15px;
	min-width: 250px
}

.lets_btn_cls {
	margin: 0 auto;
	display: table
}

.heading_type1.Our,
.lets_btn_cls a.btn.btn-danger.lets_btn {
	margin: 0
}

.test_head h4.content_sub_head {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 25px;
	opacity: .8;
	color: #fff
}

.contact_sec_con img {
	max-width: auto
}

.service_contantbox {
	padding: 10px 30px;
	height: 280px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	flex-direction: column;
	border-bottom: 1px solid
}

.service_contantbox h5 {
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 5px;
	opacity: 1
}

.service_contantbox p {
	word-spacing: 5px;
	color: #fff;
	margin-bottom: 0
}

.service_contantbox span i {
	color: #fff;
	font-size: 30px;
	line-height: 0
}

.service_contantbox span {
	width: 48px;
	display: flex;
	height: 48px;
	align-items: center;
	justify-content: center;
	background: #58acf8;
	border-radius: 5px;
	margin-bottom: 10px
}

.most-popular-sec {
	background: #f1f1f1;
	padding: 40px 0
}

.item.partner_sec_img,
.serv-icon {
	background: #fff;
	display: flex;
	align-items: center
}

.banner_sec+.cost-effective-sec .heading_para,
.blog-card:last-child,
.casestudy-cont p,
.contact-info-wrap:last-child,
.cso-cont ul,
.mission_vision [class*="col-"] [class*="col-"],
.mission_vision [class*="col-"]:last-child,
.most-popular-sec p,
.ppc-cont p:last-child,
.question-box:last-child,
.serv-box p,
.serv-box_Why p,
.service-box p,
.service-box-social ul li:last-child,
.support-card-inner h4,
.testimonial-card h6,
.whoweare-cont p:last-child,
.whoweare-sec p:last-child,
section.user-exp-sec .ad-campaign-card,
section.user-exp-sec .search_ads {
	margin-bottom: 0
}

.contact-info-wrap,
.mission_vision [class*="col-"],
.stages_list_sec_card,
section.custom-ppc-wrap,
section.whychoose-sec+.testimonial_wrap .heading_type1 {
	margin-bottom: 20px
}

.why_cont_sec {
	padding-right: 100px
}

.partner_sec {
	padding: 15px 0;
	border-bottom: 1px solid #444
}

.item.partner_sec_img {
	padding: 10px;
	border-radius: 8px;
	transition: 0.5s;
	min-height: 105px;
	justify-content: center
}

.item.partner_sec_img img {
	filter: brightness(10) invert(1);
	object-fit: cover;
	width: auto !important;
	text-align: center;
	transition: 0.5s
}

.serv-icon svg {
	height: 40px;
	width: 40px
}

.serv-icon {
	height: 70px;
	width: 70px;
	border-radius: 50%;
	justify-content: center;
	margin: 0 auto 10px
}

.techno_ic,
.why-icon {
	align-items: center;
	display: flex
}

.serv-cont p {
	margin-bottom: 0;
	color: #fff;
	opacity: .85
}

.serv-box-inner {
	padding: 25px;
	background: #000000c2;
	border-radius: 15px;
	height: 100%
}

.service-main-box {
	background: linear-gradient(20.62deg, #4579ff 15.34%, #0f7 116.08%, #00e0ff 153.42%);
	padding: 5px !important;
	border-radius: 20px;
	height: calc(100% - 30px);
	margin: 15px 0;
	position: relative;
	overflow: hidden;
	background-size: cover
}

.best_services [class*="col-"]:nth-child(2) .service-main-box {
	background: linear-gradient(150.46deg, #ff823c 28.02%, #fc0 113.11%, #00e0ff 127.33%)
}

.best_services [class*="col-"]:nth-child(3) .service-main-box {
	background: linear-gradient(23.01deg, #9945ff 44.02%, #627bff 133.52%, #00e0ff 166.69%)
}

.best_services [class*="col-"]:nth-child(4) .service-main-box {
	background: linear-gradient(20.62deg, #d6e24b 15.34%, #0037a3 116.08%, #00e0ff 153.42%)
}

.best_services [class*="col-"]:nth-child(5) .service-main-box {
	background: linear-gradient(151.4deg, #4eaaff -37.66%, #ff007a 121.44%, #00e0ff 129.74%)
}

.best_services [class*="col-"]:nth-child(6) .service-main-box {
	background: linear-gradient(342.59deg, #fe4656 3.94%, #443ab6 59.3%)
}

.techno_ic {
	height: 90px;
	width: 90px;
	margin: 0 auto 10px;
	background: #ededed;
	padding: 10px;
	border-radius: 10px;
	justify-content: center
}

.techno_ic svg {
	height: 60px;
	width: 60px
}

.technology_inner_row {
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	border-radius: 5px;
	padding: 15px
}

.technology_box {
	flex: 0 0 16.65%;
	padding: 5px
}

.techno_box {
	border: 1px solid #ddd;
	padding: 15px;
	border-radius: 10px
}

.techno_cont h4 {
	font-size: 16px;
	color: #000;
	margin-bottom: 0
}

.whoweare-cont h3 {
	font-size: 60px;
	color: #fff
}

.whoweare-cont p {
	width: 100%;
	text-align: left;
	color: #fff;
	margin-bottom: 10px;
	line-height: 1.4
}

.msm-dtl p,
.whoweare-cont ul li {
	color: #fff;
	font-size: 19px
}

.portfolio-img img,
.whoweare-img img {
	border-radius: 10px
}

.blog-listing,
.digital_marketing_wrap,
.faq_sec,
.whoweare-sec,
.why_sec,
section.about_sec,
section.our-portfolio,
section.why-choose {
	padding: 40px 0
}

section.industries_sec {
	padding-bottom: 70px;
	padding-top: 20px
}

.banner_sec_con h2 {
	color: #fff;
	margin-bottom: 20px
}

.best_services [class*="col-"]:nth-child(7) .service-main-box {
	background: linear-gradient(342.59deg, #46fa58 3.94%, #d95050 59.3%)
}

.best_services [class*="col-"]:nth-child(8) .service-main-box {
	background: linear-gradient(342.59deg, #dcb431 3.94%, #7b1fa2 59.3%)
}

.serv-box-inner:after {
	content: "";
	position: absolute;
	height: 5px;
	width: 50%;
	background: #286fa3;
	top: 0;
	left: 0;
	border-radius: 10px;
	transition: 0.5s
}

.serv-box-inner:before,
.why-choose-box:after {
	height: 5px;
	width: 50%;
	background: #fa4555;
	position: absolute;
	content: ""
}

.serv-box-inner:before {
	bottom: 0;
	right: 0;
	border-radius: 10px;
	transition: 0.5s
}

.service-main-box:hover .serv-box-inner:after,
.service-main-box:hover .serv-box-inner:before {
	width: 100%;
	height: 100%;
	transition: 0.5s
}

section.whychoose-sec {
	position: relative;
	padding: 70px 0;
	overflow: hidden
}

.why-icon svg {
	height: 65px;
	width: 65px
}

.why-icon svg path {
	fill: #fa4555 !important
}

.why-icon {
	margin-bottom: 10px;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	padding: 12px;
	width: 85px;
	height: 105px;
	justify-content: center;
	border-radius: 0 0 30px;
	z-index: 111
}

.why-cont h4 {
	color: #fff;
	margin: 15px 0
}

.brands-wrap p,
.cs-item p,
.process-box p,
.search_ads p,
.serv-pro-box p,
.why-cont p {
	color: #fff;
	margin-bottom: 0
}

.why-choose-box {
	padding: 20px;
	border: 1px solid #fff;
	margin: 10px 0;
	border-radius: 10px;
	height: calc(100% - 20px);
	position: relative;
	z-index: 0;
	overflow: hidden
}

.btn_top svg {
	height: 20px !important;
	width: 20px !important
}

.why-choose-box:after {
	left: 9px;
	top: 0;
	z-index: 1
}

.why-choose-box:before {
	content: "";
	position: absolute;
	left: 0;
	height: 50%;
	background: #5babf9;
	top: 5px;
	width: 5px;
	z-index: 1
}

.breadcrumb-area {
	padding: 180px 0 130px;
	position: relative;
	overflow: hidden
}

.inner-content {
	max-width: 75%;
	margin: 0 auto;
	position: relative;
	z-index: 1
}

.inner_banner_head h1 {
	color: #fff;
	font-size: 90px
}

section.breadcrumb-area:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000000bd;
	top: 0
}

.contact-form-area .form-control {
	margin-bottom: 25px;
	font-weight: 500;
	font-size: 18px
}

.industries_sec_item {
	box-shadow: 0 0 15px 0 rgb(163 162 163 / 15%);
	border: 1px solid #ebebeb;
	border-radius: 10px;
	transition: 0.5s;
	background: #fff
}

.industries_sec_img img {
	margin: 20px auto 0;
	width: 100%;
	height: 100%;
	object-fit: contain
}

.industries_sec_con h4 {
	margin-bottom: 0;
	font-size: 20px;
	color: #0f113a;
	line-height: 1
}

.industries_sec_con {
	padding: 15px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.banner_sec_con p {
	color: #fff;
	font-size: 24px;
	font-weight: 500
}

.cs-item h4,
.footer_item h6,
.serv-cont h3,
.why-access-cont h4,
.why-cont h3 {
	color: #fff;
	font-size: 22px
}

.digital_marketing_img {
	border-radius: 25px;
	overflow: hidden;
	animation: 5s infinite zoom-in-zoom-out
}

.digital_marketing_cont p {
	color: #fff;
	font-size: 20px;
	line-height: 1.5
}

.digital_marketing_serv,
.social-media_wrap,
section.user-exp-sec {
	padding: 40px 0 0
}

.features-box-wrap,
.why-box {
	padding: 15px;
	overflow: hidden
}

.digital_marketing_wrap p:last-child,
.stages_list_sec_tetxt p {
	margin-bottom: 0;
	text-align: justify
}

.dot-element .element-top {
	position: absolute;
	right: 10px;
	top: 0;
	z-index: -1
}

.element-bottom {
	position: absolute;
	left: 10px;
	bottom: 0;
	z-index: -1
}

@keyframes zoom-in-zoom-out {

	0%,
	to {
		transform: scale(.95)
	}

	50% {
		transform: scale(1)
	}
}

.serv-box:after {
	content: "";
	width: 100%;
	height: 5px;
	background: #5baefc;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 0.5s
}

.serv-box:hover:after {
	height: 100%;
	transition: 0.5s
}

.serv-box:hover {
	border-color: #5baefc
}

.industries_sec_con p {
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0 15px
}

.features-box-wrap {
	height: calc(100% - 20px);
	border: 1px solid #ddd;
	border-radius: 10px;
	margin-bottom: 20px;
	position: relative
}

.features-box-wrap h4 {
	color: #fff;
	font-size: 20px
}

.features-box-wrap:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	background: #4ca1ed;
	width: 0;
	height: 0;
	transition: 1s;
	z-index: 1
}

.features-box-wrap:hover:after {
	width: 100% !important;
	height: 100%;
	left: 0;
	top: 0;
	transition: 1s
}

.features-box-wrap:before {
	content: "";
	position: absolute;
	width: 5px;
	height: 100%;
	top: 0;
	background: #dc3545;
	left: 0
}

.why-box h4 {
	color: #fff;
	margin-bottom: 5px
}

.why-box p {
	color: #fff;
	margin-bottom: 0;
	line-height: 1.4
}

.red_bg,
.service-box h4,
.service-box p {
	z-index: 11;
	position: relative
}

.why-box {
	margin: 7px 0;
	border-radius: 10px;
	height: calc(100% - 15px);
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top
}

.industries_sec_img {
	height: 180px
}

.accordion .card .card-header {
	background: 0 0 !important;
	color: #000
}

.card-header .card-title {
	font-size: 20px;
	color: #fff !important;
	margin:0
}
.card-header {
    display: flex;
    align-items: center;
    width: 100%;
}

.accordion>.card {
	background: 0 0;
	border: 0 !important
}

.card-header {
	border: 0 !important;
	background: #60abf1;
	border-radius: 7px;
	position: relative
}

.question-box {
	margin-bottom: 15px;
	border: 1px solid #276aa3;
	border-radius: 7px;
	overflow: hidden;
	background: 0 0
}

.about-img img,
.mission-img img,
.mv-bg {
	border-radius: 15px
}

.accordion .card-header:after {
	content: "";
	position: absolute;
	background-image: url(/public/assets/images/front-img/minus.webp);
	background-position: right !important;
	height: 12px;
	width: 12px;
	background-size: cover !important;
	right: 20px;
	top: calc(50% - 6px)
}

.accordion .card-header.collapsed:after {
	content: "";
	background: url(/assets/images/front-img/plus.webp)
}

.Optimization_wrap+section.talk_sec+section.advantages-wrap,
.digital_marketing_serv+section.service-provide-sec,
.talk_sec+.industries_sec,
.talk_sec+.service-provide-sec,
.techno-shopify-wrap,
.techno-shopify-wrap+.industries_sec,
.testimonial_wrap,
section.benefits-section,
section.why-access,
section.why-choose+section.Advantages-wrap {
	padding-top: 45px
}

.testimonial-card {
	max-width: 100%;
	margin: 0 auto;
	background: #23689e
}

.testimonial-card h5 {
	color: #fff;
	font-size: 32px;
	margin-bottom: 0
}

.testimonial-card p {
	color: #fff;
	font-weight: 500
}

.testimonial_wrap button.owl-prev {
	top: calc(50% - 25px);
	left: -25px
}

.testimonial_wrap .owl-next {
	top: calc(50% - 25px);
	right: -25px
}

.service-box:after,
.why-box:after,
section.we_listin_sec:after {
	top: 0;
	position: absolute;
	left: 0
}

.digital_marketing_cont {
	padding-right: 60px;
	text-align: justify;
	padding-top: 20px
}

.why-box:after {
	content: "";
	height: 100%;
	width: 100%;
	background: #000000ad;
	z-index: 0
}

.about-content .heading_type1,
.contact_sec_con .heading_type1 {
	max-width: 100%;
	text-align: left
}

section.we_listin_sec {
	position: relative;
	overflow: hidden
}

section.we_listin_sec:after {
	content: "";
	background: rgb(89 172 248 / 77%);
	height: 100%;
	width: 50%;
	z-index: 1
}

.inner_cont_sec h3 {
	font-size: 35px;
	color: #fff;
	width: 80%
}

.inner_cont_sec p,
.privacy-cont p,
.privacy-cont ul li {
	color: #fff;
	font-size: 18px;
	margin-bottom: 0
}

.inner_cont_sec.padding_cls {
	margin-top: 20px;
	border-top: 1px solid #ddd;
	padding-top: 20px
}

.inner_cont_sec {
	width: 80%
}

.mv-bg {
	background: #fff;
	padding: 15px;
	text-align: center;
	height: 100%;
	box-shadow: 0 0 10px rgb(0 0 0 / 21%)
}

.mission-img img {
	width: 100%;
	height: 100%
}

.mv-bg .heading_type3 h3 {
	margin-bottom: 10px;
	font-size: 60px
}

.mv-bg p {
	text-align: left;
	font-size: 20px
}

.red_bg {
	padding: 60px 0
}

.why_sec .heading_type1 {
	text-align: left;
	max-width: 100%
}

.work-process-sec,
section.mission_vision {
	padding-bottom: 45px
}

.banner_sec_img.inner_banner .banner_heads {
	font-size: 60px
}

.heading_type1 h2+h3,
.inner_banner .banner_sec_con h2 {
	font-size: 26px
}

.inner_banner .banner_sec_con p {
	font-size: 18px;
	text-align: justify
}

header.header_sec .container-fluid {
	padding: 0 !important
}

.inner_banner .banner_sec_con_in p {
	max-width: 100%;
	width: 100%
}

.banner-img img {
	max-width: 100%;
	margin: 0 auto;
	display: table
}

.platforms-wrap,
.tabing_type1 .tab-content {
	padding-left: 40px
}

.cost-effective-sec,
.privacy-cont,
section.digital_marketing_serv+section.technology_sec {
	padding: 45px 0
}

.Media_Optimisation+section.our-portfolio,
.best_services+section.faq_sec,
.best_services+section.why-choose,
.cost-effective-sec+.technology_sec,
.cost-effective-sec+section.best_services,
.digital_marketing_wrap+.Optimization_wrap.pb-0,
.digital_marketing_wrap+.digital_marketing_serv,
.digital_marketing_wrap+section.faq_sec,
.faq_sec+.Media_Optimisation,
.feautres-sec+.industries_sec,
.graphic-tool-section+section.best_services,
.industries_sec+.whychoose-sec,
.industries_sec+section.cost-effective-sec,
.service-offer-sec+section.technology_sec,
.service-offer-sec+section.testimonial_wrap,
.technology_sec+.feautres-sec,
.technology_sec+.industries_sec,
.why-choose+.faq_sec,
.work-process-sec+section.why-choose,
section.feautres-sec+section.service-offer-sec,
section.feautres-sec+section.whychoose-sec,
section.industries_sec+.why-choose,
section.industries_sec+section.Optimization_wrap,
section.our-portfolio+section.Optimization_wrap {
	padding-top: 0
}

.service-offer-sec,
section.feautres-sec {
	padding: 40px 0 25px
}

.service-box,
.service-marketing {
	padding: 20px;
	background: #fff;
	border-radius: 10px;
	height: calc(100% - 20px);
	margin-bottom: 20px;
	position: relative;
	overflow: hidden
}

.service-box h4 {
	font-size: 22px;
	margin-bottom: 0
}

.service-box:after {
	content: "";
	background: #fa4555;
	width: 5px;
	height: 100%;
	transition: 0.5s
}

.service-box:hover:after {
	width: 100%;
	transition: 0.5s
}

.process-img {
	background: #fff;
	padding: 20px;
	border-radius: 15px
}

.why-cont {
	padding-top: 0;
	padding-left: 80px
}

section.whychoose-sec+section.technology_sec {
	padding-top: 40px
}

.contact_sec_con .heading_type1 p {
	text-align: left;
	width: 100%
}

.about-footer.footer_item p {
	color: #fff;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 16px;
	text-align: justify
}

.about-footer.footer_item a img {
	max-width: 120px
}

.question-box .card-body {
	border-top: 1px solid #838383
}

.avatar-img img {
	max-width: 105px;
	border: 5px solid #ff4759;
	border-radius: 50%
}

.avatar-img {
	text-align: center;
	margin: 15px auto;
	display: table
}

.portfolio-list-wrap .portfolio-bg1 {
	padding: 30px;
	background: #eda3a9;
	border-radius: 30px;
	margin-bottom: 20px
}
section.portfolio-list-wrap {
    padding-bottom: 0;
}
.pro-box {
	background: #013450;
	padding: 20px;
	border-radius: 30px;
	position: relative;
	margin-bottom: 30px
}

.project-img {
	border-radius: 15px;
	overflow: hidden;
	transition: 0.5s
}

.industry-item,
.tech-item {
	transition: 0.3s;
	color: #fff
}

.project-img:hover img {
	transform: scale(1.1);
	transition: 0.5s
}

.project-img img {
	transition: 0.5s
}

.pro-box:after {
	content: "";
	position: absolute;
	height: 25px;
	width: 90%;
	background: linear-gradient(360deg, #01345052, transparent);
	left: 5%;
	border-radius: 50%;
	bottom: -40px
}

.project-logo {
    background: #f6c9cc;
    display: inline-flex;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
}
.project-logo img {
	width: 130px;
	object-fit: cover
}

.project-cont ul {
	display: flex;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.project-cont ul li {
	height: 50px;
	width: 50px;
	background: #013450;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%
}

.blog-card p,
.blog-content h3 a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.project-cont ul li a svg {
	height: 35px;
	width: 35px
}

.portfolio-btn-group {
	margin-top: 15px;
	display: flex;
	align-items: center;
	gap: 20px
}

.get-in-touch {
	border: 1px solid #fa4555;
	height: 100%;
	padding: 9px 20px;
	border-radius: 5px;
	color: #000
}

.get-in-touch:hover {
	background: #fa4555;
	color: #fff;
	border-color: #fa4555
}

thead th, tr td {
    border-right: 1px solid #ddd;
    color: #010101;
    padding: 10px;
}

.logo-bg2 {
	background: #efefef
}

.header_sec .navbar-nav .nav-link::after,
.portfolio-list-wrap .portfolio-bg2 {
	background: #fff
}

.contact-info-inner a,
.dark-theme-section .heading_type1 h3,
.dark-theme-section .heading_type1 p,
.page-link,
.portfolio-bg2 .get-in-touch,
.service-box p {
	color: #000
}

.leading-seo-cont p {
	text-align: left;
	width: 100%;
	margin-bottom: 10px
}

.leading-seo-cont .cost-effective-cont p {
	padding-left: 10px
}

.service-provide-sec+.feautres-sec,
.service-provide-sec+.technology_sec,
.social-media_wrap+.social-media_wrap {
	padding-top: 20px
}

.Advantages-wrap+.Advantages-wrap,
.Advantages-wrap+.best_services,
.feautres-sec+section.our-portfolio,
section.service-provide-sec+section.our-portfolio {
	padding-top: 25px
}

.contact-info-inner,
.tabing_type1 {
	display: flex
}

.tabing_type1 .nav.nav-pills {
	flex: 0 0 340px;
	background: #fff;
	display: block;
	border-radius: 15px;
	overflow: hidden;
	height: 100%;
	border: 1px solid #ddd
}

.tabing_type1 .nav.nav-pills .nav-item a.active {
	color: #fff;
	background: #5aadfa
}

.tabing_type1 .nav.nav-pills li a {
	border-radius: 0;
	padding: 15px;
	color: #000;
	border-bottom: 1px solid #5aadfa;
	font-weight: 500
}

.mega-menu-wrap ul li:last-child .dropdown-item,
.tabing_type1 .nav.nav-pills li:last-child a {
	border-bottom: 0
}

.tabing_type1 .tab-content h3 {
	text-align: left;
	padding-left: 0;
	font-size: 40px
}

.tabing_type1 {
	background: #5aadfa;
	border-radius: 30px
}

.tab-content {
	padding: 25px
}

.blog-sidebar #contact-form,
.footer_item+.footer_item {
	margin-top: 20px
}

.contact-info-dtl {
	background: #fff;
	padding: 35px;
	border-radius: 25px
}

.contact-info-wrap h5 {
	margin-top: 25px;
	margin-bottom: 0
}

.contact-info-wrap h4 {
	font-size: 28px;
	margin-bottom: 0
}

.contact-info-wrap h4+h5 {
	margin-top: 5px
}

.blog-card {
	background: #fff;
	padding: 0;
	border-radius: 15px;
	overflow: hidden;
	display: flex;
	margin-bottom: 15px
}

.primary-btn,
.support-card:hover .support-card-inner,
thead th {
	background: #fa4555
}

.blog-img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.blog-content h3 {
	color: #000;
	width: 100%
}

.blog-content h3 a {
	color: #000;
	font-size: 24px;
	-webkit-line-clamp: 1
}

.blog-content {
	padding: 15px;
	width: 50%
}

.blog-card p {
	margin-bottom: 0;
	-webkit-line-clamp: 2
}

.primary-btn {
	padding: 10px 20px;
	display: inline-flex;
	margin-top: 10px;
	border-radius: 5px
}

.primary-btn:hover {
	background: #013450;
	color: #fff
}

.blog-detail-sec {
	padding: 120px 0 45px
}

.header_sec:has(+.blog-detail-sec) {
	background: #000
}

.blog-detail-sec .blog-img {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	height: auto
}

.blog-detail .blog-content {
	padding: 20px 0;
	width: 100%
}

.blog-detail .blog-content h3 {
	color: #fff;
	font-size: 32px
}

.blog-detail .blog-content p {
	color: #fff;
	text-align: justify
}

.blog-detail .blog-content h4 {
	font-size: 34px;
	color: #fff;
	margin-bottom: 0
}

.blog-detail .blog-content ol {
	padding-left: 20px
}

.blog-img {
	width: 50%;
	height: 190px
}

.blog-sidebar {
	position: sticky;
	top: 105px;
	background: #fff;
	padding: 15px;
	border-radius: 15px
}

.search-wrap {
	border: 1px solid #ddd;
	padding: 10px;
	border-radius: 10px
}

.fix-btn-cls .fixed_btn_scl,
.search-inner {
	display: flex;
	align-items: center;
	gap: 10px;
}

.search-inner .primary-btn {
	margin-top: 0;
	border: 0;
	color: #fff;
	font-weight: 600;
	min-height: 40px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center
}

.search-inner .form-control {
	margin-right: 10px;
	min-height: 40px
}

.blog-sidebar #contact-form .input-box input {
	min-height: 45px
}

.single-blog {
	display: flex;
	gap: 15px
}

.blog-left {
	width: 70%
}

.blog-right {
	width: 30%;
	flex: 0 0 30%;
	position: sticky;
	top: 100px;
	align-self: flex-start
}

.ssp-img img {
	width: 100%;
	border-radius: 15px
}

.seo-img img {
	overflow: hidden;
	border-radius: 10px
}

.ai-powered-wrap {
	background: #053e5d;
	padding: 40px;
	border-radius: 10px;
	margin-bottom: 45px
}

.ai-powered-wrap p {
	margin-bottom: 0;
	max-width: 100%;
	width: 100%
}

.icon-box svg {
	height: 55px;
	width: 55px
}

.ppc-serv-box {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 10px;
	margin: 10px 0
}

.title-box h3 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 0
}

.ppc-service-sec {
	padding: 25px 0 45px
}

.benefit-tit {
	color: #fff;
	font-size: 30px
}

.heading_type1 h4,
.search_ads h3 {
	color: #fff;
	font-size: 26px
}

.search_ads h4,
section.user-exp-sec h2+h3 {
	font-size: 22px
}

.search_ads h4 {
	color: #fff;
	margin-bottom: 0;
	margin-top: 15px
}

.search_ads ul li {
	color: #fff;
	padding-left: 0
}

.search_ads ul {
	padding-left: 15px;
	margin-bottom: 0
}

.search_ads {
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 15px 20px;
	margin-bottom: 15px
}

.ad-campaign-card {
	margin-bottom: 45px
}

.industries_sec+section.Optimization_wrap [class*="col-"]:last-child .serv-box_Why,
.serv-box,
.serv-box_Why {
	margin-bottom: 25px;
	height: calc(100% - 25px)
}

.custom-ppc-wrap ul {
	display: flex;
	gap: 15px;
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	flex-wrap: wrap
}

.custom-ppc-wrap ul li {
	border: 1px solid #ddd;
	padding: 10px 15px;
	border-radius: 10px;
	color: #fff;
	font-weight: 600
}

.cost-effective-cont ul li {
	color: #fff;
	font-size: 20px;
	margin-bottom: 10px
}

.banner_sec_con_in.design p {
	color: #fff;
	font-size: 20px;
	width: 100% !important;
	line-height: 1.5;
	text-align: center
}

.Media_Optimisation {
	padding: 40px 0;
	background-color: #013450
}

.heading_type1.social h2 {
	text-align: left;
	font-size: 54px
}

.heading_type1.social p {
	font-size: 16px;
	text-align: left;
	color: #fff;
	margin-bottom: 10px
}

.service-marketing:after {
	content: "";
	position: absolute;
	right: 0;
	top: 45%;
	height: 50px;
	width: 13px;
	background-color: #fa4555;
	z-index: 1
}

.serv-box,
.serv-box_Why {
	border: 1px solid #357ebb;
	padding: 25px;
	border-radius: 15px;
	color: #fff;
	position: relative;
	overflow: hidden
}

.Optimization_wrap {
	padding: 40px 0 0;
	background-color: #013551
}

.heading_type1.Our h2 {
	color: #fff;
	text-align: left;
	font-size: 45px
}

.heading_type1.Our p {
	text-align: left;
	color: #fff;
	margin-bottom: 60px
}

.list-style-blt {
	list-style: none;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 15px;
	flex-wrap: wrap
}

.list-style-blt li {
	position: relative;
	margin-bottom: 5px;
	display: inline-block;
	color: #fff;
	line-height: 25px;
	border: 1px solid #ddd;
	padding: 15px;
	border-radius: 10px
}

.banner-img.img img {
	background-color: #fff0;
	box-shadow: none
}

.service-marketing p {
	color: #000;
	margin-bottom: 0
}

.banner_sec_con_in h3,
.service-box-social ul li {
	margin-bottom: 10px;
	color: #fff
}

.smo-serv-box {
	border: 1px solid #ffffff5c;
	padding: 20px;
	border-radius: 15px;
	margin-bottom: 20px;
	box-shadow: 1px 7px 8px #5baefc42
}

.smo-serv-box [class*="col-"]:first-child .banner-img img {
	margin-left: 20px
}

.smo-serv-box [class*="col-"]:last-child .banner-img img {
	margin-left: auto;
	margin-right: 20px
}

.smo-serv-box [class*="col-"]:first-child .platforms-wrap,
section.industries_sec+.Media_Optimisation+section.whychoose-sec .why-cont {
	padding-left: 0
}

.content_marketing_img {
	background: #fff;
	padding: 24px;
	border-radius: 10px;
	text-align: center
}

.content_marketing_img img {
	max-width: 75%;
	margin: 0 auto
}

.digital_marketing_cont p {
	margin-bottom: 0 !important
}

.shopify-list ul,
.techno-presta-wrap ul {
	margin-bottom: 0;
	display: flex;
	padding-left: 0
}

.process-box {
	border: 1px solid #ddd;
	flex: 0 0 calc(50% - 20px);
	padding: 25px;
	border-radius: 15px;
	position: relative
}

.process-wrok {
	display: flex;
	flex-wrap: wrap;
	gap: 40px
}

.step-no {
	height: 45px;
	width: 45px;
	position: absolute;
	left: -20px;
	top: -20px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fa4555
}

.cost-effective-cont h4 {
	font-size: 28px;
	color: #fff
}

.shopify-list ul {
	flex-wrap: wrap;
	gap: 20px
}

.shopify-list ul li {
	flex: 0 0 calc(33.33% - 20px);
	width: calc(33.33% - 20px);
	padding: 20px;
	border: 1px solid #fff;
	border-radius: 10px;
	list-style: none;
	color: #fff;
	font-size: 16px
}

.shopify-list ul li b {
	display: block;
	font-size: 22px;
	line-height: 1.2
}

.techno-presta-wrap ul {
	flex-wrap: wrap;
	gap: 20px;
	list-style-type: none
}

.techno-presta-wrap ul li {
	padding: 10px;
	border: 2px solid #ddd;
	border-radius: 15px 0;
	color: #fff;
	font-size: 18px;
	flex: 0 0 calc(100% / 5 - 20px);
	text-align: center
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(odd),
.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(2n) {
	align-items: center;
	flex-direction: row-reverse
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(odd) .stage-title-wrapper,
.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(2n) .stage-title-wrapper {
	justify-content: flex-start;
	text-align: left
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(odd) .stage-description-wrapper,
.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(2n) .stage-description-wrapper {
	align-items: flex-end;
	justify-content: center
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(odd) .stage-description-wrapper .stage-description,
.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(2n) .stage-description-wrapper .stage-description {
	text-align: right
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(2n) .tooltip-trigger-box,
.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(odd) .tooltip-trigger-box,
.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(2n) .tooltip-trigger-box,
.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(odd) .tooltip-trigger-box {
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 25%
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(odd) .tooltip-trigger-box .stage-tooltip,
.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(2n) .tooltip-trigger-box .stage-tooltip {
	bottom: 50%;
	right: 50%;
	text-align: right;
	transform: none
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(2n),
.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(odd) {
	align-items: center;
	flex-direction: row
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(2n) .stage-title-wrapper,
.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(odd) .stage-title-wrapper {
	justify-content: flex-end;
	text-align: right
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(2n) .stage-description-wrapper,
.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(odd) .stage-description-wrapper {
	align-items: flex-start;
	justify-content: center
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(2n) .tooltip-trigger-box .stage-tooltip,
.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(odd) .tooltip-trigger-box .stage-tooltip {
	bottom: 50%;
	left: 50%;
	text-align: left;
	transform: none
}

.infographic-snake-wrapper {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	width: 100%;
	padding: 140px 50px 135px;
	background: #fff;
	border-radius: 20px
}

.infographic-snake-wrapper.visible .stage:first-child .stage-description-wrapper,
.infographic-snake-wrapper.visible .stage:first-child .stage-title-wrapper {
	-webkit-animation: 0.33333s ease-out infographicZoomIn;
	animation: 0.33333s ease-out infographicZoomIn
}

.infographic-snake-wrapper.visible .stage:nth-child(2) .stage-description-wrapper,
.infographic-snake-wrapper.visible .stage:nth-child(2) .stage-title-wrapper {
	-webkit-animation: 0.66667s ease-out infographicZoomIn;
	animation: 0.66667s ease-out infographicZoomIn
}

.infographic-snake-wrapper.visible .stage:nth-child(3) .stage-description-wrapper,
.infographic-snake-wrapper.visible .stage:nth-child(3) .stage-title-wrapper {
	-webkit-animation: 1s ease-out infographicZoomIn;
	animation: 1s ease-out infographicZoomIn
}

.infographic-snake-wrapper.visible .stage:nth-child(4) .stage-description-wrapper,
.infographic-snake-wrapper.visible .stage:nth-child(4) .stage-title-wrapper {
	-webkit-animation: 1.33333s ease-out infographicZoomIn;
	animation: 1.33333s ease-out infographicZoomIn
}

.infographic-snake-wrapper.visible .stage:nth-child(5) .stage-description-wrapper,
.infographic-snake-wrapper.visible .stage:nth-child(5) .stage-title-wrapper {
	-webkit-animation: 1.66667s ease-out infographicZoomIn;
	animation: 1.66667s ease-out infographicZoomIn
}

.infographic-snake-wrapper.visible .stage:nth-child(6) .stage-description-wrapper,
.infographic-snake-wrapper.visible .stage:nth-child(6) .stage-title-wrapper {
	-webkit-animation: 2s ease-out infographicZoomIn;
	animation: 2s ease-out infographicZoomIn
}

.infographic-snake-wrapper.visible .stage:nth-child(7) .stage-description-wrapper,
.infographic-snake-wrapper.visible .stage:nth-child(7) .stage-title-wrapper {
	-webkit-animation: 2.33333s ease-out infographicZoomIn;
	animation: 2.33333s ease-out infographicZoomIn
}

.infographic-snake-wrapper .infographic-snake {
	height: 150vw;
	position: relative;
	width: 100%
}

.infographic-snake-wrapper .infographic-snake .stage-title-wrapper {
	width: 26%
}

.infographic-snake-wrapper .infographic-snake img {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	width: 100%
}

.infographic-snake-wrapper .infographic-snake .stages-list {
	align-items: center;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	height: 99%;
	justify-content: center;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: .5%;
	width: 100%
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage:first-child {
	color: #14908e
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage:nth-child(2) {
	color: #097a8e
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage:nth-child(3) {
	color: #0e548f
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage:nth-child(4) {
	color: #383185
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage:nth-child(5) {
	color: #5d3e8d
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage:nth-child(6) {
	color: #853789
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage:nth-child(7) {
	color: #b8478f
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage {
	display: flex;
	flex-basis: 0%;
	flex-grow: 1;
	justify-content: space-between;
	list-style-type: none;
	position: relative;
	width: 100%
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage .stage-title-wrapper {
	align-items: center;
	display: flex;
	font-family: sf_ui_textbold, helvetica, arial, sans-serif;
	font-size: 10px;
	line-height: 15px;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	width: 29%
}

@media (min-width:451px) and (max-width:599px) {
	.infographic-snake-wrapper .infographic-snake .stages-list .stage .stage-title-wrapper {
		font-size: 13px;
		line-height: 17px;
		width: 30%
	}
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage .stage-title-wrapper .stage-title {
	margin: 0;
	max-width: 160px
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage .stage-description-wrapper {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 37%
}

@media (min-width:451px) and (max-width:1023px) {
	.infographic-snake-wrapper .infographic-snake .stages-list .stage .stage-description-wrapper {
		width: 39%
	}
}

@media (min-width:1280px) {
	.infographic-snake-wrapper .infographic-snake .stages-list .stage .stage-description-wrapper .stage-description {
		font-size: 14px;
		line-height: 18px;
		max-width: 100%;
		width: 140px;
		font-weight: 600
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage .stage-title-wrapper .stage-title {
		font-size: 22px
	}
}

@media (min-width:1180px) {
	.infographic-snake-wrapper .infographic-snake .stages-list .stage .stage-title-wrapper .stage-title {
		font-size: 18px;
		max-width: 150px
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage .stage-description-wrapper .stage-description {
		font-size: 12px;
		line-height: 18px
	}
}

@media (min-width:600px) and (max-width:1023px) {
	.infographic-snake-wrapper .infographic-snake {
		height: 130vw
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage .stage-title-wrapper {
		font-size: 16px;
		height: 40px;
		line-height: 20px;
		width: 33%
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage .tooltip-trigger-box .stage-tooltip {
		font-size: 14px;
		line-height: 20px;
		width: 220px
	}
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage .tooltip-trigger-box .stage-tooltip a:hover {
	opacity: .9
}

@media (min-width:1024px) {

	.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(odd),
	.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(2n) {
		flex-direction: column
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(odd) .stage-title-wrapper,
	.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(2n) .stage-title-wrapper {
		align-items: flex-end;
		justify-content: center;
		text-align: center
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(odd) .stage-description-wrapper,
	.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(2n) .stage-description-wrapper {
		justify-content: flex-start
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(2n) .stage-description-wrapper .stage-description,
	.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(odd) .stage-description-wrapper .stage-description,
	.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(2n) .stage-description-wrapper .stage-description,
	.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(odd) .stage-description-wrapper .stage-description {
		text-align: center
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(odd) .tooltip-trigger-box,
	.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(2n) .tooltip-trigger-box {
		height: 55%;
		left: 0;
		top: 15%;
		transform: none;
		width: 100%
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(odd) .tooltip-trigger-box .stage-tooltip,
	.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(2n) .tooltip-trigger-box .stage-tooltip {
		bottom: unset;
		left: 50%;
		right: unset;
		text-align: center;
		top: 100%;
		transform: translateX(-50%)
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(2n),
	.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(odd) {
		flex-direction: column-reverse
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(2n) .stage-title-wrapper,
	.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(odd) .stage-title-wrapper {
		align-items: flex-start;
		justify-content: center;
		text-align: center
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(2n) .stage-description-wrapper,
	.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(odd) .stage-description-wrapper {
		justify-content: flex-end
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(2n) .tooltip-trigger-box,
	.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(odd) .tooltip-trigger-box {
		bottom: 15%;
		height: 55%;
		left: 0;
		top: unset;
		transform: none;
		width: 100%
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage.non-reverse:nth-child(2n) .tooltip-trigger-box .stage-tooltip,
	.infographic-snake-wrapper .infographic-snake .stages-list .stage.reverse:nth-child(odd) .tooltip-trigger-box .stage-tooltip {
		bottom: 100%;
		left: 50%;
		text-align: center;
		transform: translateX(-50%)
	}

	.infographic-snake-wrapper {
		flex-direction: column;
		justify-content: center
	}

	.infographic-snake-wrapper .infographic-snake,
	.infographic-snake-wrapper .infographic-snake .stages-list .stage {
		height: 100%
	}

	.infographic-snake-wrapper .infographic-snake .horizontal {
		display: block
	}

	.infographic-snake-wrapper .infographic-snake .vertical {
		display: none
	}

	.infographic-snake-wrapper .infographic-snake .stages-list {
		flex-direction: row;
		height: 140%;
		left: .5%;
		position: absolute;
		top: -20%;
		width: 99%
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage .stage-title-wrapper {
		font-size: 16px;
		height: 40px;
		line-height: 20px;
		width: 100%
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage .stage-description-wrapper {
		height: 30%;
		width: 100%
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage .tooltip-trigger-box .stage-tooltip {
		-webkit-animation: 0.3s ease-in infographicCenteredZoomIn;
		animation: 0.3s ease-in infographicCenteredZoomIn;
		font-size: 14px;
		line-height: 20px;
		width: 200px
	}

	.infographic-snake-wrapper .infographic-snake .stages-list .stage .stage-description-wrapper .stage-description {
		width: 100%
	}
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage .tooltip-trigger-box {
	height: 100%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 25%
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage .tooltip-trigger-box:hover {
	z-index: 10
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage .tooltip-trigger-box:hover .stage-tooltip {
	display: block
}

.infographic-snake-wrapper .infographic-snake .stages-list .stage .tooltip-trigger-box .stage-tooltip {
	-webkit-animation: 0.3s ease-in infographicZoomIn;
	animation: 0.3s ease-in infographicZoomIn;
	background: #fff;
	box-shadow: 0 0 10px 6px rgb(0 0 0 / .1);
	display: none;
	font-size: 12px;
	line-height: 17px;
	padding: 10px;
	position: absolute;
	text-align: center;
	width: 155px
}

table {
	border: 1px solid #ddd;
	border-radius: 5px;
	width: 100%;
	margin-bottom: 50px;
}

@media (min-width:451px) and (max-width:599px) {
	.infographic-snake-wrapper .infographic-snake .stages-list .stage .tooltip-trigger-box .stage-tooltip {
		font-size: 13px;
		line-height: 18px;
		width: 195px
	}
}

.opencart-main-selection {
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	background: #fff;
	border-radius: 10px
}

.opencart-frame-list {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center
}

.opencart-more-image img {
	max-width: 170px;
	width: 100%;
	border-radius: 10px;
	border: 1px solid #ccc
}

.opencart-frame-headding h6 {
	font-size: 1.75rem;
	text-align: center;
	margin-bottom: 28px
}

.big-higher-headding h6 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 5px
}

.big-higher-headding p {
	position: relative;
	color: #fff;
	font-size: 16px;
	line-height: 22px
}

.port_carousel button.owl-next {
	right: 0
}

.port_carousel.owl-carousel .owl-nav [class*="owl-"] {
	top: calc(50% - 30px)
}

section.whoweare-sec .heading_type1 {
	background: #013450ba;
	padding: 25px;
	border-radius: 10px
}

.header_sec {
	position: absolute;
	width: 100%;
	z-index: 111;
	top: 0;
}

.service-box-social ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.service-box-social ul li {
	font-size: 15px
}

.service-box-social {
	padding: 22px;
	border: 1px solid #ddd;
	border-radius: 10px
}

.brand-box-row {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin: 10px 0
}

.brand-col {
	flex: 0 0 calc(33.33% - 15px)
}

.brand-box {
	border: 1px solid #ddd;
	border-radius: 20px 0;
	padding: 20px;
	height: 100%
}

.brand-box p {
	color: #fff;
	margin-bottom: 0;
	font-size: 16px
}

.serv-pro-box {
	border: 1px solid #fff;
	padding: 25px;
	margin-bottom: 20px;
	border-radius: 10px
}

section.brand-service-process {
	padding-bottom: 30px
}

.benefits-point p:last-child {
	margin-bottom: 40px
}

.heading_type1.white-text h3,
section.benefits-section .heading_type1 h2 {
	color: #fff;
	margin-bottom: 15px
}

.cso-cont {
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 10px;
	margin-bottom: 30px
}

.cs-item {
	height: 100%;
	border: 2px solid #ddd;
	border-radius: 15px;
	padding: 15px
}

.cs-carousel .item,
.cs-carousel .owl-item,
section.whychoose-sec+.testimonial_wrap .testimonial-card {
	height: 100%
}

.cs-carousel.owl-carousel .owl-nav [class*="owl-"] {
	top: calc(50% - 30px);
	left: -70px
}

.cs-carousel.owl-carousel button.owl-next {
	right: -70px;
	left: auto !important
}

.service-provide-sec+.cost-effective-sec {
	padding: 20px 0
}

.serv-box_Why:after {
	content: "";
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	height: 50px;
	width: 13px;
	transform: translateY(-50%);
	background-color: #007bff;
	z-index: 1
}

section.whychoose-sec+.testimonial_wrap {
	padding-top: 0;
	padding-bottom: 70px
}

.banner-img img {
	background: #fff;
	padding: 30px;
	box-shadow: 0 0 30px rgb(0 0 0 / 9%);
	border-radius: 25px;
	min-height: 100%;
	margin-bottom: 0
}

.stages_list_sec_icon img {
	width: 50px;
	height: 50px;
	flex: 0 0 auto;
	filter: invert(1)
}

.stages_list_sec_icon {
	flex: 0 0 auto
}

span.count-card-text {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	line-height: 1
}

.support-card-inner {
	margin: auto;
	background: #23689e;
	border-radius: 20px;
	height: 100%;
	text-align: center;
	color: #fff;
	cursor: pointer;
	transition: 0.3s;
	padding: 20px
}

.support-card {
	width: 100%;
	padding: 10px;
	margin-bottom: 25px;
	height: calc(100% - 25px);
	position: relative;
	overflow: hidden;
	background: #fff;
	border-radius: 20px;
	box-shadow: rgb(0 0 0 / .4) 0 2px 10px 0, rgb(0 0 0 / .5) 0 2px 25px 0
}

section.whychoose-sec+section.Optimization_wrap {
	padding-bottom: 20px
}

.digital_marketing_cont h4 {
	color: #fff;
	font-size: 34px
}

.digital_marketing_cont ul li {
	color: #fff;
	font-size: 22px;
	margin-top: 10px
}

.mega-menu-wrap ul li a:after {
	content: "";
	position: absolute;
	height: 2px;
	width: 25px;
	top: calc(50% - 2px);
	left: 0;
	background: #fa4555;
	transition: 0.5s
}

.mega-menu-wrap ul li a {
	position: relative;
	padding-left: 35px !important;
	transition: 0.5s
}

.mega-menu2 {
	padding-top: 10px
}

.header_sec .dropdown-item:hover {
	padding-left: 45px !important;
	transition: 0.5s
}

.mega-menu-wrap ul li a:hover:after {
	width: 35px;
	transition: 0.5s
}

.side-social {
	position: fixed;
	right: 0;
	bottom: 25%;
	z-index: 111111
}

.single-solutions-box .icon,
.stages_list_sec_icon {
	position: absolute;
	left: 15px;
	top: 0;
	padding: 10px 10px 20px
}

.side-social .footer_social li a {
	padding: 10px;
	background: #fff;
	margin-bottom: 10px;
	border-radius: 60px 0 0 60px;
	display: flex;
	align-items: center;
	gap: 7px
}

.side-social .footer_social li a img {
	width: 40px;
	height: 40px
}

.service-carousel.owl-carousel .owl-nav [class*="owl-"] {
	right: -20px;
	top: calc(50% - 35px)
}

.service-carousel.owl-carousel .owl-nav .owl-prev {
	left: -20px
}

.stages_list_sec_icon {
	background: #fa4555;
	height: 85px;
	border-radius: 0 0 50px;
	width: 75px
}

.stages_list_sec_tetxt {
	padding-left: 70px
}

.cost-effective-sec+.service-offer-sec+section.whoweare-sec .heading_type1 {
	padding: 0 0 25px
}

.single-solutions-box {
	background: #fff;
	padding: 15px 15px 15px 90px;
	border-radius: 10px;
	margin-bottom: 20px;
	height: calc(100% - 20px)
}

.single-solutions-box .icon {
	background: red;
	border-radius: 0 0 35px
}

.dark-theme-section {
	background-color: #fff;
	padding: 60px 0;
	color: #000
}

section.solutions-section {
	position: relative;
	padding: 50px 0 0;
	overflow: hidden
}

.heading_type1.white-text h3 {
	font-size: 28px
}

.tech-item {
	background: #013450ba;
	border: 1px solid #013450ba;
	margin: 10px;
	padding: 15px 20px;
	text-align: center;
	border-radius: 8px;
	font-weight: 500
}

.tech-item:hover {
	background-color: #ffffff10;
	transform: translateY(-3px);
	color: #000
}

section.workprocess-section {
	padding: 60px 0;
	position: relative
}

.service-box {
	border: 1px solid #ccc
}

.heading_type1.white-text p {
	color: #cfd9e2;
	margin-bottom: 30px
}

.industry-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	margin-top: 30px;
	padding: 0 15px
}

.industry-item {
	background: linear-gradient(145deg, rgb(255 255 255 / .06), rgb(255 255 255 / .02));
	padding: 18px 25px;
	text-align: center;
	border-radius: 12px;
	font-weight: 600;
	min-width: 180px;
	box-shadow: 0 4px 10px rgb(0 0 0 / .3);
	backdrop-filter: blur(6px);
	cursor: pointer;
	border: 1px solid
}

.industry-item:hover {
	background: rgb(255 255 255 / .15);
	transform: translateY(-5px) scale(1.02);
	box-shadow: 0 6px 14px rgb(0 0 0 / .4)
}

.cost-effective-cont {
	display: flex;
	flex-direction: column;
	gap: 15px;
	/*height: calc(100% - 30px);*/
	margin: 15px 0;
	background: linear-gradient(135deg, rgb(255 255 255 / .04), rgb(255 255 255 / .01));
	padding: 15px;
	border-left: 3px solid #fa4555;
	border-radius: 8px;
	box-shadow: 0 4px 10px rgb(0 0 0 / .2);
	transition: transform 0.3s, background 0.3s
}

.cost-effective-cont p {
	position: relative;
	font-size: 1rem;
	color: #dbeafe;
	margin: 0;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	padding: 0
}

.cost-effective-cont:hover {
	background: rgb(255 255 255 / .07);
	transform: translateY(-4px)
}

.cost-effective-cont p span {
	font-size: 1.2rem;
	color: #fa4555
}

.cost-effective-cont span {
	left: 0;
	position: unset
}

.cost-effective-cont p b {
	color: #fff;
	font-size: 22px;
	line-height: 1.2
}

.digital_marketing_img img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 8px 20px rgb(0 0 0 / .4)
}

.process-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	margin-top: 40px
}

.process-step {
	background: rgb(255 255 255 / .08);
	padding: 20px;
	border-radius: 8px;
	flex: 0 0 30%;
	min-width: 250px;
	color: #f0f7fc;
	text-align: left;
	transition: 0.3s
}

.process-step:hover {
	background: rgb(255 255 255 / .15)
}

.process-step h5 {
	font-size: 18px;
	color: #fff;
	margin-bottom: 10px
}

.testimonial-card {
	background-color: rgb(255 255 255 / .07);
	border-left: 5px solid #fff;
	padding: 20px;
	border-radius: 8px;
	color: #d1eaf9
}

.testimonial-card h6 {
	margin-top: 15px;
	color: #fff
}

section.service-provide-stages {
	padding: 40px 0 25px;
	background-color: #fff
}

section.service-provide-stages .heading_type1 h3,
section.service-provide-stages p.heading_para {
	color: #010101
}

.stages_list_sec_card {
	padding: 20px;
	height: calc(100% - 20px);
	border-radius: 7px;
	box-shadow: 0 0 4px rgb(0 0 0 / 20%);
	background: #fff;
	display: flex;
	gap: 15px
}

.best_services_item {
	text-align: center;
	background: #fff;
	border-radius: 15px;
	height: 100%
}

.best_services_maintenance {
	width: 55px;
	height: 55px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	margin: 0 auto 30px
}

.cloud-migration-img,
.full-stack-img {
	border-radius: 15px;
	overflow: hidden
}

.whatsapp-wrap {
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 1111
}

.footer-middle {
	padding: 30px 0 15px;
	background-position: center;
	background-size: cover
}

.footer-middle h4 {
	text-align: center;
	color: #fff;
	font-size: 28px
}

.footer_social {
	display: flex;
	justify-content: end;
	gap: 10px;
	padding-left: 0;
	list-style: none;
	margin-bottom: 0
}

.footer_social a img {
	width: 25px
}

.footer-middle .footer_social a {
	height: 35px;
	width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ddd;
	border-radius: 50%
}

.whatsapp-icon img {
    width: 65px;
}

.whatsapp-icon img {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.5;
    transform: scale(0.4);
  }
}
.fixed_buttons_scl_ic img,
.talk_sec_btn .whatsapp_btn img,
.talk_sec_btn a svg {
	height: 32px;
	width: 32px
}

.fixed-socials {
	position: fixed;
	right: 0;
	top: 45%;
	transform: translateY(-50%);
	z-index: 111;
}

.fix-btn-cls {
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 5px #ffffff52;
    margin: 8px 0;
    border-radius: 50%;
    transition: 0.5s;
    right: 10px;
    position: relative;
    gap: 5px;
    height: 55px;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner_sec_con .contact_sec_form textarea.form-control.message_control {
	height: auto !important;
	max-height: 70px
}

.banner_sec_con .contact_sec_form {
	border-radius: 30px
}

.talk_sec_btn .whatsapp_btn,
.white_btn {
	padding: 10px 15px;
	border-radius: 10px;
	display: inline-flex
}

.white_btn {
	background: #fff;
	color: #000;
	align-items: center;
	gap: 10px;
	font-weight: 600
}

.white_btn svg path {
	fill: red
}

.talk_sec_btn .whatsapp_btn {
	background: #23924a;
	gap: 5px;
	color: #fff !important
}

.talk_sec_btn {
	display: flex;
	justify-content: center;
	gap: 15px
}

.header-banner {
	position: relative;
	background: url(https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=900&q=80) center/cover no-repeat;
	height: 140px;
	display: flex;
	align-items: flex-end;
	border-radius: 0 0 40px;
	overflow: hidden;
	padding-top: 240px;
	margin-bottom: 0
}

.header-overlay {
	position: absolute;
	inset: 0;
	background: rgb(233 78 119 / .85);
	z-index: 1
}

.header-title {
	z-index: 2;
	color: #fff;
	font-size: 2em;
	margin: 0 0 24px 24px;
	line-height: 1.1
}

.bg-sidebar {
	background: 0 0 !important;
	color: #222;
	font-size: .97em;
	padding: 18px 12px;
	min-width: 260px;
	max-width: 350px
}

.bg-project-type {
	background: #102033;
	color: #fff;
	border-radius: 20px 0;
	padding: 18px 16px;
	margin-top: 18px;
	margin-bottom: 18px;
	font-size: .95em
}

.sidebar-title {
	color: #fff;
	margin-bottom: .5rem;
	font-size: 1.15em
}

.sidebar-text {
	color: #fff;
	font-size: .97em
}

.sidebar-meta {
	color: #1a253a;
	font-size: .97em
}

.sidebar-link {
	color: #fff;
	text-decoration: underline
}

.stat-value {
	font-size: 1.1em;
	font-weight: 700;
	display: block;
	color: #fff;
	line-height: 1
}

.stat-label {
	font-size: .8em;
	color: #e0e6ed;
	display: block
}

.bg-project-type .icon {
	width: 24px;
	height: 24px;
	filter: none;
	vertical-align: middle;
	margin-right: 10px
}

.sidebar-list {
	color: #fff;
	font-size: .97em;
	padding-left: 1.2em;
	margin-bottom: .5em
}

.sidebar-highlight {
	color: #fff;
	font-weight: 700;
	font-size: .97em;
	background: 0 0;
	border-radius: 0;
	margin-top: .5em
}

.key-results-title {
	color: #fff;
	font-weight: 700;
	font-size: 1.08em;
	margin-bottom: .5em
}

.brush-title {
	display: inline-block;
	background: #e94e77;
	color: #fff;
	font-weight: 700;
	font-size: 1.1em;
	padding: 8px 28px 8px 16px;
	margin-bottom: 12px;
	clip-path: polygon(0 0, 100% 0, 97% 60%, 100% 100%, 0 100%);
	letter-spacing: .5px
}

.sidebar {
	margin-right: 0;
	max-width: 350px;
	flex-shrink: 0
}

.case-study-content {
	display: flex;
	gap: 48px;
	padding: 32px 48px;
	align-items: flex-start
}

.main-content {
	flex: 1 1 0%;
	max-width: 900px;
	text-align: left
}

.sidebar-meta li svg {
	height: 20px;
	width: 20px;
	fill: #fff;
	margin-right: 10px
}

.sidebar-meta li svg path {
	fill: #fff
}

.contact-info-wrap p {
	line-height: 1.3
}

.page-item.active .page-link {
	background: #fa4555;
	border-color: #fa4555
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	font-size: 32px;
	line-height: .62
}

.banner-number .comapny-box {
	border: 2px dashed #ddd;
	margin-bottom: 10px;
	border-radius: 10px;
	padding: 15px
}

.contact_us .nav-link {
	background: #fa4555;
	padding: 5px 20px !important;
	margin-top: 20px;
	border-radius: 5px;
	transition: 0.5s
}

nav.navbar.navbar-expand-lg.fixed-header .contact_us .nav-link {
	/*background: #013450;*/
	color: #fff;
	transition: 0.5s
}

.about-img img {
	border: 5px solid #f84454
}

.blog-detail .blog-content a {
	font-weight: 600;
	color: #fa4555
}

.blog-detail .blog-content h1 {
	color: #fff;
	font-size: 50px;
	text-align: left
}

.blog-detail .blog-content h2 {
	color: #fff;
	font-size: 42px;
	text-align: left
}

.blog-detail {
	padding-right: 45px
}

.contact-form-area .form-control,
.iti {
	width: 100% !important
}

.Media_Optimisation+.best_services {
	padding-top: 0;
	padding-bottom: 40px
}

.tabing_type1.mt-3.box-wrap {
	border-radius: 15px;
	padding: 25px;
	background: #ff5060
}


section.industries_sec+.Media_Optimisation+section.whychoose-sec {
	padding: 45px 0 0
}

.Optimization_wrap+section.talk_sec {
	margin-top: 55px
}

.fullstack-cont ul li {
	color: #fff;
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 20px
}

.privacy-cont h2 {
	color: #fff;
	font-size: 36px;
	margin-top: 30px
}

.privacy-cont h3 {
	color: #fff;
	margin-top: 25px
}

.serv-ic {
	display: flex;
	height: 60px;
	width: 60px;
	background: #fa4555;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 15px;
	z-index: 11
}

.pagination {
	margin-top: 10px
}

.key-advntages-sec {
	background-image: url(/public/assets/images/front-img/key-advantage.jpg);
	margin-top: 45px
}

.talk_sec.key-advntages-sec p,
section.talk_sec.key-advntages-sec .heading_type1 h2 {
	max-width: 100%;
	text-align: left;
	margin: 0 auto;
	width: 100%
}

.heading_type1 ul {
	margin-top: 20px;
	padding-left: 20px
}

html body .key-advntages-sec+section.technology_sec {
	padding-top: 45px !important;
	padding-bottom: 45px !important
}

section.talk_sec.key-advntages-sec ul li {
	color: #fff;
	text-align: left;
	max-width: 100%
}

.serv-icon img {
	width: 40px
}

.iti__flag {
	background-image: url(/public/assets/images/front-img/flags.webp) !important
}
.blog_carousel .blog-card {
    display: block;
}
.blog_carousel .blog-card a {
    color: #000;
}
.blog_carousel .blog-card h3 {
    font-size: 22px;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog_cont {
    padding: 15px;
}
.blog_cont h3 {
    margin-bottom: 0;
}
.blog_wrap {
    padding-bottom: 50px;
}
.blog_carousel .blog-card p {
    line-height: 1.3;
    margin-top: 10px;
}
.leading-seo-cont .comapny-box h4 {
    font-size: 16px;
}
section.testimonial_wrap {
    padding: 45px 0;
}
.serv-box h3 {
    position: relative;
    z-index: 1;
}
.features-box-wrap h3 {
    color: #fff;
    position: relative;
    z-index: 11;
}
section.portfolio-list-wrap {
    padding-bottom: 0;
}

.carousel-control-prev, .carousel-control-next {
    width: 45px;
    height: 45px;
    background: #fa4555;
    border-radius: 50%;
    color: #000;
    opacity: 1;
    top: calc(50% - 22px);
    left: -22px;
}
.carousel-control-next {
    left: auto;
    right: -22px;
}
.carousel-inner {
    width: 95%;
    margin: 0 auto;
}
.card-header button.btn {
    color: #fff;
}
.card-header .btn {
    padding: 5px 0;
}

.digital_marketing_wrap.dma-sec ul {
    list-style: none;
    color: #fff;
}
.digital_marketing_wrap.dma-sec .heading_type1 {
    text-align: left;
    margin: 0;
    max-width: 100%;
}
.digital_marketing_wrap.dma-sec .heading_type1  p.heading_para {
    text-align: left;
    max-width: 100%;
    width: 100%;
}
.digital_marketing_wrap.dma-sec {
    padding-bottom: 0;
}
.digital_marketing_wrap.dma-sec ul li:after {
    content: '';
    position: absolute;
    height: 7px;
    width: 7px;
    left: -15px;
    top: 10px;
    background: #fa4555;
    border-radius: 35px;
}
.digital_marketing_wrap.dma-sec ul li {
    position: relative;
}
.digital_marketing_wrap p + h3 {
    font-size: 28px !important;
    margin-bottom: 20px;
}
.digital_marketing_wrap  .serv-box:hover h4 {
    z-index: 11;
    position: relative;
}
.key-advntages_sec {
    padding-bottom: 70px;
}
.key-advntages_sec .heading_type1 {
    max-width:100%;
    text-align:left;
}
.key-advntages_sec p,
.key-advntages_sec .heading_type1 h2 {
	max-width: 100%;
	text-align: left;
	margin: 0 auto;
	width: 100%
}
.key-advntages_sec .heading_type1 ul {
	margin-top: 20px;
	padding-left: 20px
}
.key-advntages_sec .heading_type1 ul li {
    color:#fff;
}

.fixed_buttons_scl_ic svg {
    height: 24px;
    width: 24px;
    fill: #fff;
}
.fix-btn-cls.call {
    background: linear-gradient(0deg, #fa4555 0, #013450 62.74%);
}
.fix-btn-cls.whatsapp {
    background: #23924b;
}
.fix-btn-cls.mail {
    background: #fa4656;
}
.fixed_buttons_scl_ic svg path {
    fill: #fff;
}
.fixed-socials .fixed_buttons_scl_ic {
    position: relative;
    -webkit-animation: swing-ani 1.5s infinite ease-in-out;
    -moz-animation: swing-ani 1.5s infinite ease-in-out;
    -ms-animation: swing-ani 1.5s infinite ease-in-out;
    -o-animation: swing-ani 1.5s infinite ease-in-out;
    animation: swing-ani 1.5s infinite ease-in-out;
}
 @keyframes swing-ani {
     0% {
         transform: rotate(0) scale(1) skew(1deg);
     }

     10% {
         transform: rotate(-25deg) scale(1) skew(1deg);
     }

     20% {
         transform: rotate(25deg) scale(1) skew(1deg);
     }

     30% {
         transform: rotate(-25deg) scale(1) skew(1deg);
     }

     40% {
         transform: rotate(25deg) scale(1) skew(1deg);
     }

     50% {
         transform: rotate(0) scale(1) skew(1deg);
     }

     100% {
         transform: rotate(0) scale(1) skew(1deg);
     }
 }
 
 
 
 
 
 
.nav-link.contact_us_btn {
    position: relative;
    overflow: hidden;
}
 .contact_btn_effect .cont_an:nth-child(1) {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #f5f9ff, #003450);
    animation: animate1 2s linear infinite;
}

@keyframes animate1 {
	0% {
		transform: translateX(-100%)
	}

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

.contact_btn_effect .cont_an:nth-child(2) {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 3px;
	background: linear-gradient(to bottom, #f5f9ff, #003450);
	animation: animate2 2s linear infinite;
	animation-delay: 1s
}

@keyframes animate2 {
	0% {
		transform: translateY(-100%)
	}

	100% {
		transform: translateY(100%)
	}
}

.contact_btn_effect .cont_an:nth-child(3) {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(to left, #f5f9ff, #003450);
	animation: animate3 2s linear infinite
}
@keyframes animate3 {
	0% {
		transform: translateX(100%)
	}

	100% {
		transform: translateX(-100%)
	}
}
.contact_btn_effect .cont_an:nth-child(4) {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 3px;
	background: linear-gradient(to top, #f5f9ff, #003450);
	animation: animate4 2s linear infinite;
	animation-delay: 1s
}

@keyframes animate4 {
	0% {
		transform: translateY(100%)
	}

	100% {
		transform: translateY(-100%)
	}
}
.mobile-s-wrap {
    display: none;
}
.mobile-contact {
    display: none;
}

#christmasOfferModal .modal-content {
    background: rgba(255,255,255,.2) !important;
    padding: 10px;
    border-radius: 35px;
    box-shadow: 0 0 60px #0000004d;
}

#christmasOfferLink img {
    border-radius: 30px !important;
}

#christmasOfferModal .modal-content .modal-body {
    padding: 0;
}
#christmasOfferModal .modal-content button.close {
    position: absolute;
    right: 20px;
    background: #fff;
    width: 40px;
    height: 40px;
    z-index: 1;
    opacity: 1;
    border-radius: 29px;
    top: 20px;
    font-size: 35px;
    line-height: 1;
}
.service-box:hover h3 {
    z-index: 1;
    position: relative;
    color: #fff;
}
.service-box p a {
    color: #000;
}



.floating_btn, .floating_btn_1, .floating_btn_2 {
    display: none;
}
@keyframes whatsappanimation {
     100% {
      box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);
    }
}
@keyframes whatsappanimation1 {
     100% {
      box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}

.mega-menu-col .dropdown-item {
    white-space: unset;
}
.row-reverse {
    flex-direction: row-reverse;
}
.btn-sss {
    margin-top: 30px;
}