@charset "UTF-8";

@font-face {
	font-family: 'vodafoneextra_bold';
	src: url('fonts/vodafone_extrabold-webfont.woff2') format('woff2'),
		url('fonts/vodafone_extrabold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'vodafone_exbregular';
	src: url('fonts/vodafone_font_exbd-webfont.woff2') format('woff2'),
		url('fonts/vodafone_font_exbd-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'vodafonelight';
	src: url('fonts/vodafone_light-webfont.woff2') format('woff2'),
		url('fonts/vodafone_light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'vodafoneregular';
	src: url('fonts/vodafone-webfont.woff2') format('woff2'),
		url('fonts/vodafone-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'vodafone_ltregular';
	src: url('fonts/vodafonelt-regular-webfont.woff2') format('woff2'),
		url('fonts/vodafonelt-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'vodafone_rgbold';
	src: url('fonts/vodafonerg-bold-webfont.woff2') format('woff2'),
		url('fonts/vodafonerg-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'vodafone_rgregular';
	src: url('fonts/vodafonerg-regular-webfont.woff2') format('woff2'),
		url('fonts/vodafonerg-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'vodafonebold';
	src: url('fonts/vodafone_bold-webfont.woff2') format('woff2'),
		url('fonts/vodafone_bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}
 html {
	scroll-padding-top: 40px;
  } 
  
h1 {
	font-family: 'vodafoneextra_bold';
	font-weight: normal;
	font-size: 60px;
	line-height: 66px;
	color: #25282B;
	margin-bottom: 1.8rem;
}

h2 {
	font-family: 'vodafoneextra_bold';
	font-weight: normal;
	font-size: 40px;
	line-height: 48px;
	color: #25282B;
	margin-bottom: 1.8rem;
}

h6 {
	font-family: 'vodafone_rgbold';
	font-size: 18px;
	line-height: 1.5rem;
	font-weight: 700;
}

h1 span {
	color: #E60000;
}

p {
	font-family: 'vodafoneregular';
	color: #25282B;
	font-weight: normal;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 1.2rem;
}

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

.middle-align {
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}

.vertical-middle {
	display: flex;
	align-items: center;
}

.row {
	margin-right: 0px;
	margin-left: 0px;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}

.white-colr {
	color: #fff;
}

.black-colr {
	color: #25282B;
}

.red-colr {
	color: #E60000;
}

.container {
	max-width: 1400px;
	padding: 0px;
}

section {
	padding: 0px 20px;
}

.top-header {
	background-color: #4A4D4E;
	padding: 6px 0px;
}

header.main {
	min-height: 72px;
	border-bottom: 1px solid #E4E4E4;
	position: sticky;
	top: 0px;
	background-color: #ffffff;
	z-index: 9;
}

.top-header a {
	font-family: 'vodafoneregular';
	font-size: 12px;
	line-height: 18px;
	color: #ffffff !important;
	padding: 0px
}

.left-top {
	align-items: center;
	display: flex;
}

.banner-main {
	/* background-image: url(../images/banner-main.png); */
	min-height: 650px;
	/* background-size: cover;
	background-repeat: no-repeat;
	background-position: center center; */
	/* display: flex;
	align-items: center; */
}

.main-header {
	min-height: 72px;
	display: flex;
	align-items: center;
}

ul.nav li {
	align-items: center;
	display: flex;
	transition: 0.2s ease;
	font-size: 20px;
	line-height: 1.6rem;
	font-family: 'vodafone_rgregular';
	padding: 0px 22px;
	color: #333333 !important;
}
ul.nav li a {
	color: #333333;
}
ul.nav a.active {
    color: #e60000;
}
ul.nav li a:hover {
	color: #e60000 !important;
}
li.logo {
	padding-left: 0px !important;
}

.right-icons {
	display: flex;
	align-items: center;

}

ul.nav {
	width: 100%;
	position: relative;
}

.icons {
	margin-left: 20px;
}

.nav-panel {
	display: flex;
}

.explore-btn:hover {
	background-color: #ffffff !important;
	border: 1px solid #E60000 !important;
	color: #E60000 !important;
}

.explore-btn {
	background-color: #E60000 !important;
	border: 1px solid #E60000 !important;
	color: #fff !important;
	font-family: 'vodafone_rgbold';
	padding: 2px 20px 0 !important;
	border-radius: 2px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	font-size: 16px;
	font-weight: 400;
	height: 46px;
	justify-content: space-around;
	margin: 8px 0;
	min-width: 94px;
	text-align: center;
	text-decoration: none;
	transition: background-color .2s, box-shadow .2s, color .2s;
	align-items: center;
}

.explore-btn:hover:after {
	background-image: url(../images/arrow-hov.svg);
}

.explore-btn:after {
	content: " ";
	background-image: url(../images/arrow.svg);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: 20px;
}

ul.nav li:hover {
	color: #e60000 !important;
	cursor: pointer;
	font-weight: 500;

}

.right-icons img:hover {
	cursor: pointer;
}

.right-col {
	padding-left: 50px;
}

.section {
	padding: 80px 40px;
}

.section.dab {
	background-color: #F4F4F4;
}

/* progress bar slider start */

.slider-wrapper {
	width: 100%;
}

.slider {
	width: 100%;
	height: auto;
	padding-top: 4%;
}

.slide {
	width: 100%;

}

#slick-1 .slick-next:before,
#slick-1 .slick-prev:before {
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: #fff !important;
}

#slick-1 .slick-dots li button,
#slick-1 .slick-dots li button:before {
	color: transparent;
	opacity: 0;
}

.slick-dots {
	display: flex;

}

#slick-1 .slick-dots {
	width: 80%;
	list-style: none;
	text-align: center;
	top: 0;
	justify-content: start;
	display: flex;
	margin-left: calc((100% - 1400px) / 2 - 50px) !important;
	padding-left: 40px;
	padding-right: 40px;
	height: 0px;
}

#slick-1 .slick-dots li {
	position: relative;
	display: inline-block;
	width: 150px;
	height: 45px;
	margin: 0 0px;
	padding: 0;
	cursor: pointer;
}

/* progress bar */
.slider-progress {

	width: 100%;
	height: 3px;
	background: #4A4D4E50;
	position: absolute;
	top: 26%;
	z-index: 1;
	}

.slider-progress .progress {
	width: 100%;
	height: 3px;
	background: #e60000;
}

#slick-1 .slick-dots li.slick-active::before {
	color: #ffffff;
	background-color: #e60000;
}
/* #slick-1 .slick-dots li:hover::before {
	color: #ffffff;
	background-color: #e60000;
} */

#slick-1 .slick-dots li::before {
	color: #25282B;
	background-color: #ffffff;
	font-size: 16px;
	line-height: 1.6rem;
	font-weight: bold;
	font-family: 'vodafone_rgbold';
	min-width: 130px;
}

#slick-1 .slick-dots li:nth-child(1)::before {
	content: 'Identify';
	position: absolute;
	transform: translate(-50%, -50%);
	padding: 10px 20px;
}

#slick-1 .slick-dots li:nth-child(2)::before {
	content: 'Communicate';
	position: absolute;
	transform: translate(-50%, -50%);
	padding: 10px 20px;
}

#slick-1 .slick-dots li:nth-child(3)::before {
	content: 'Transact';
	position: absolute;
	transform: translate(-50%, -50%);
	padding: 10px 20px;
}

#slick-1 .slick-dots li:nth-child(4)::before {
	content: 'Monetise';
	position: absolute;
	transform: translate(-50%, -50%);
	padding: 10px 20px;
}

#slick-1 .slick-slider {
	margin-bottom: 0px;
}

/* progress bar slider end */

/* Accordion
================================================== */
.accordion-container .accordion-title {
	position: relative;
	margin: 0;
	padding: 20px 0 20px;
	font-size: 1.25em;
	font-weight: normal;
	border-top: 1px solid #25282B;
	cursor: pointer;
	font-size: 24px;
	line-height: 1.6rem;
	font-family: 'vodafoneregular';
	color: #25282B;
	font-weight: 400;
}
.accordion-container .accordion-title:hover{
	color: #e60000;
}
.accordion-container .accordion-title.open:hover{
	color: #25282B;
}
.accordion-container .accordion-title.last-border.open{
	border-bottom: 0px solid #25282B;
}
h4.accordion-title.js-accordion-title.open {
	padding: 30px 0 20px;
	font-family: 'vodafone_rgbold';
	font-weight: 700;
	transition: 0.3s ease-in;
}

.accordion-container .accordion-title::after {
	content: "";
	position: absolute;
	top: 20px;
	right: 23px;
	width: 23px;
	height: 25px;
	background-image: url(../images/acc_arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	/* border: 8px solid transparent;
   border-top-color: #000; */
}

.accordion-container .accordion-title.open::after {
	content: "";
	position: absolute;
	top: 30px;
	background-image: url(../images/acc_arrow_active.png);
	/* border: 8px solid transparent;
   border-bottom-color: #000; */
}

/*CSS for CodePen*/

.accordion-content {
	padding: 5px 0;
	/* border: 1px solid #0079c1; */
}

.accordion-container {
	width: 100%;
	margin: 0 auto;
}

/* accordians end******************************* */



/* partener logo carousel start */

#partner-logo .slick-slide {
	margin: 0px 20px;
}

#partner-logo {
	margin-top: 60px;
	margin-bottom: 0px !important;
}

#partner-logo .slick-slide img {
	width: 100%;
}

#partner-logo .slick-slide {
	margin: 0px 20px 0px 0px;
}

#partner-logo .slick-sliders {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

#partner-logo .slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#partner-logo .slick-list:focus {
	outline: none;
}

#partner-logo .slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

#partner-logo .slick-sliders .slick-track,
#partner-logo .slick-sliders .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#partner-logo .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

#partner-logo .slick-track:before,
#partner-logo .slick-track:after {
	display: table;
	content: '';
}

#partner-logo .slick-track:after {
	clear: both;
}

#partner-logo .slick-loading .slick-track {
	visibility: hidden;
}

#partner-logo .slick-slide {

	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

#partner-logo .slick-slide img {
	display: block;
}

#partner-logo .slick-slide.slick-loading img {
	display: none;
}

#partner-logo .slick-slide.dragging img {
	pointer-events: none;
}

#partner-logo .slick-initialized .slick-slide {
	display: block;
}

#partner-logo .slick-loading .slick-slide {
	visibility: hidden;
}

#partner-logo .slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

#partner-logo .slick-next:before,
#partner-logo .slick-prev:before {
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: #161414 !important;
}

#partner-logo .slick-dots {
	/* bottom: -45px; */
	width: 100%;
	list-style: none;
	text-align: center;
	top: 100%;
	justify-content: center;
	display: flex;
	margin: auto;
	padding-top: 20px;
}

#partner-logo .slick-dots li button:before {
	font-size: 30px;
}

/* partener logo carousel end */

/* footer start */
footer {
	background-color: #25282B;
	padding: 20px 0;
	color: #fff;
}

footer h4 {
	color: #fff;
}

footer a {
	color: #fff;
}

.footer-bottom-link a {
	padding: 0 15px;
}

.social_icon {
	padding: 25px 0;
}

.social_icon a img {
	width: 40px;
	margin-right: 35px;
}

.footer_copyright {
	display: flex;
	justify-content: space-between;
	padding: 25px 0;
}

/* footer end */
/* navbar css dropdown and hover */
.right-icons .icon_search a {
	background-image: url(../images/search.svg);
	display: block;
	background-repeat: no-repeat;
	padding: 12px;
	background-size: contain;
	transition: 0.3s background ease;
}

.right-icons .icon_search a:hover {
	background-image: url(../images/search_icon_hov.svg);
}

.right-icons .icon_mail a {
	background-image: url(../images/mail.svg);
	display: block;
	background-repeat: no-repeat;
	padding: 12px;
	background-size: contain;
	transition: 0.3s background ease;
}

.right-icons .icon_mail a:hover {
	background-image: url(../images/mail_hov.svg);
}

.right-icons .icon_profile a {
	background-image: url(../images/profile.svg);
	display: block;
	background-repeat: no-repeat;
	padding: 12px;
	background-size: contain;
	transition: 0.3s background ease;
}

.right-icons .icon_profile a:hover {
	background-image: url(../images/admin_hov.svg);
}

.left-top {
	justify-content: space-between;
}

.dropdown .dropbtn::after {
	content: '';
	background-image: url(../images/dropdown_arrow.png);
	padding: 10px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 15px;
	right: 0px;
}

.topdropbtn::after {
	content: '';
	background-image: url(../images/chevron-down-system.png) !important;
	padding: 7px !important;
	top: 9px !important;
	right: -16px !important;
}

.topdropbtn::before {
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	background-image: url(../images/earth_sphere.png) !important;
	padding: 9px !important;
	top: 6px !important;
	position: absolute;
	left: -22px;
}

.topdropbtn {
	color: #fff !important;
	font-family: 'vodafoneregular';
	font-size: 12px;
	line-height: 18px;
	padding: 0px;
}

.dropbtn {
	background: #fff0;
	border: none;
	cursor: pointer;
}

.dropdown button:focus {
	outline: none;
	color: #e60000;
}

.dropbtn:hover,
.dropbtn:focus {
	color: #e60000;
	transition: 0.2s ease;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown ul.nav li {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 5px;
	padding-top: 5px;
}

.border-n a {
	border-bottom: none !important;
}

.dropdown-content {
	position: absolute;
	top: 100%;
	left: 10px;
	z-index: 1000;
	display: none;
	float: right;
	min-width: 100%;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #eaeaea;
	border-radius: 4px;
}

.dropdown ul.dropdown-content li {
	display: block !important;
	padding: 0px 10px;
}

.dropdown-content a {
	color: #333333 !important;
	text-decoration: none;
	display: block;
	font-family: 'vodafone_rgregular';
	transition: 0.15s ease-in-out;
	font-size: 16px;
	line-height: 22px;
	padding: 5px 10px;
	border-bottom: 1px solid #eaeaea;
}

.dropdown a:hover {
	color: #e60000 !important;
	font-weight: 600;
}

.show {
	display: block;
}
#slick-1 h4 {
    margin-right: 50px;
    font-family: 'vodafoneregular';
    font-size: 28px;
    line-height: 36px;
}
  footer {
    padding: 60px 40px 25px 40px !important;
}
  .slick-next {
    right: 0px;
}
.slick-prev {
    left: 0px;
}
#quotes .slick-dots li {
    margin: 0 15px 0 0;
}
#quotes .slick-dots li button:before {
    font-size: 40px;
    line-height: 40px;
    width: 0px;
}

/* navbar css dropdown and hover */
/* Slick Slider */
#quotes .slick-dots {
	bottom: -45px;
	width: 15px;
	list-style: none;
	text-align: center;
	width: 15px;
	margin: 0;
	top: auto;
}

#quotes .slick-dots li button:before {
	font-size: 30px;
}

#quotes .slick-dots li {
	padding: 0 20px 0 0;
}

.billion_text {
	height: 150px;
}

.billion_text p {
	font-size: 28px;
	line-height: 37px;
	color: #25282B;
	padding-right: 20px;
}

.billion_bold {
	/* font-weight: 800; */
	font-family: 'vodafoneextra_bold';
}

/* navbar css dropdown and hover */
#lang {
	background-color: transparent;
	border: none;
	color: #fff;
	text-align: center;
	align-items: center;
	vertical-align: text-top;
	font-size: 12px;
}

#lang option {
	background-color: #fff;
	color: #212529;
}

#lang option:hover {
	background-color: transparent;
	color: #e60000;
}

select:focus>option:checked {
	background: #fff !important;
}

input[type=text]:focus {
	border: 3px solid #555;
}

select:focus {
	outline: none;
}

select {
	cursor: pointer;
}

.language-panel {
	display: flex;
	align-items: center;
}

.language-panel label {
	display: inline-block;
	margin-bottom: 0rem;
}

/* end quotes slider */
.section.dab-in-action .right-col {
	text-align: center;
}

.main-con p {
	font-size: 20px;
	line-height: 32px;
}

.only-head {
	margin-bottom: 1.2rem;
}

.aligncenter {
	text-align: center;
	justify-content: center;
}

.economy-row .right-col,
.economy-row .left {
	justify-content: space-between;
	display: grid;
}

.left-col-even {
	justify-content: space-between;
	display: grid;
}

.sec-box img {
	margin-bottom: 20px;
}

.sec-box span {
	font-family: 'vodafoneextra_bold';
}

footer a:hover {
	color: #ffffff;
}

footer {
	background-color: #25282B;
	padding: 60px 0 15px 0 !important;
	color: #fff;
}

footer h4 {
	font-size: 24px;
	line-height: 32px;
	color: #fff;
	font-family: 'vodafone_rgregular';
	margin-bottom: 18px;
}

.social_icon {
	padding: 0 0 35px 0 !important;
	display: flex;
}

footer p {
	margin-bottom: 5px;
	color: #fff;
}


footer p a {
	font-size: 15px;
	line-height: 25px;
	color: #fff;
	font-family: 'vodafone_rgregular';
}

.footer_copyright {
	display: flex;
	justify-content: space-between;
	padding: 65px 0 0px 0 !important;
}

.footer-bottom-link a {
	font-size: 16px;
	line-height: 26px;
}

.footer-bottom-link a {
	padding: 0px 20px !important;
}

.footer-bottom-link a:first-child {
	padding: 0 35px 0 0 !important;
}

.footer_sec2,
.footer_sec3,
.footer_sec4 {
	padding-left: 30px;
}

.full-section {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.section.slides-partner {
	padding-top: 80px;
	padding-bottom: 40px;
}

.area-full-top {
	padding-top: 80px;
}
#dab-in-action {
    padding-bottom: 60px;
}

.slides-partner .slick-prev:before {
	content: "";
	background-image: url(../images/arrow-left.svg);
	width: 35px;
	height: 35px;
	display: inline-block;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	left: -5em;
	top: -0.5em;
}

.slides-partner .slick-prev:hover:before {
	background-image: url(../images/arrow-left-hov.svg);
}

.slides-partner .slick-next:hover:before {
	background-image: url(../images/arrow-right-hov.svg);
}

.slides-partner .slick-next:before {
	content: "";
	background-image: url(../images/arrow-right.svg);
	width: 35px;
	height: 35px;
	display: inline-block;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	right: -5em;
	top: -0.5em;
}

#accordion a.explore-btn {
	margin: 30px 0px 40px;
}

.progressbar_slider {
	background-color: #F4F4F4;
	padding-bottom: 0px;
}
#slick-1 .slick-dots li:before {
    box-shadow: 0 1px 20px 0 rgb(0 0 0 / 3%), 0 1px 20px 0 rgb(0 0 0 / 3%) !important;
}
.last-border{
	border-bottom: 1px solid #25282B;
}
#slick-1 h4, #slick-1 p  {
    margin-bottom: 1.5rem;
}
.know-more {
    border-bottom: 1px solid #25282B;
    padding-bottom: 15px;
	padding-top: 40px;
}

.know-more h3 {
    margin-right: 50px;
    font-family: 'vodafoneregular';
    font-size: 28px;
    line-height: 36px;
}
.dab-enable {
    border: 1px solid #25282B;
	border-radius: 3px;
}
.DBA_accordians {
    padding-bottom: 20px;
}
.sec-box.bottom {
    padding-bottom: 50px;
}
#economy-anime {
    width: 55%;
    margin: auto;
}
#db-anime {
    width: 65%;
    margin: auto;
}
.main-con {
    position: absolute;
	padding-left: calc((100% - 1400px) / 2 ) !important;
	width: 50%;
	padding-right: 40px;
    z-index: 2;
	opacity: 0;
}
#banner-anime {
    position: relative;
	display: flex;
	align-items: center;
}
#billion-anime {
    width: 90%;
}
.logo-mobile{
    display: none;
    padding-top: 10px;
}
.accordion{
	display: none !important;
}