@font-face {
  font-family: 'HelveticaNeueBold';
  src: url('../fonts/HelveticaNeueBold.eot');
  src: url('../fonts/HelveticaNeueBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueBold.woff2') format('woff2'),
    url('../fonts/HelveticaNeueBold.woff') format('woff'),
    url('../fonts/HelveticaNeueBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HelveticaNeueLight';
  src: url('../fonts/HelveticaNeueLight.eot');
  src: url('../fonts/HelveticaNeueLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueLight.woff2') format('woff2'),
    url('../fonts/HelveticaNeueLight.woff') format('woff'),
    url('../fonts/HelveticaNeueLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HelveticaNeueThin';
  src: url('../fonts/HelveticaNeueThin.eot');
  src: url('../fonts/HelveticaNeueThin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueThin.woff2') format('woff2'),
    url('../fonts/HelveticaNeueThin.woff') format('woff'),
    url('../fonts/HelveticaNeueThin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HelveticaNeueRegular';
  src: url('../fonts/HelveticaNeueRegular.eot');
  src: url('../fonts/HelveticaNeueRegular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueRegular.woff2') format('woff2'),
    url('../fonts/HelveticaNeueRegular.woff') format('woff'),
    url('../fonts/HelveticaNeueRegular.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

html,
body {
  padding: 0 !important;
  margin: 0 !important;
  overflow-x: hidden;
  font-family: 'HelveticaNeueLight' !important;
}

/* body.page-id-10{
  background-color: #040480 !important;
} */
/*--Home New--*/
body.page-id-746 {
  background-color: #010142 !important;
}

body {
  background-color: #010142 !important;
}

.padding0 {
  padding: 0px;
}

.margin {
  margin: 0 auto !important;
}

.container90 {
  width: 90%;
}

img.custom-logo {
  width: 130px;
  height: auto;
}

.menuSec .site-branding {
  display: table;
  height: 120px;
}

.menuSec .site-branding a.custom-logo-link {
  display: table-cell;
  vertical-align: middle;
}

.header-sticky {
  position: fixed !important;
  top: 15px;
  left: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
  /* width: 100% !important;
  background-color:#fff !important;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
  animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;
  z-index: 999 !important;
}

.topBar {
  display: none !important;
}

/*== MENU ==*/
.afrifiber-header {
  background: transparent;
  position: absolute;
  z-index: 111;
  width: 100%;
}

.container90 {
  width: 90%;
  margin: 0 auto;
}

/*
.main-navigation{
  display: table;
  height: 80px;
  width: 100%;
}
.menu-primary-menu-container{
  display: table-cell;
    vertical-align: middle;
}

.main-navigation ul{
  list-style-type: none;
  display: flex;
  margin-bottom: 0px;
  justify-content: center;
} 

.main-navigation ul li{ margin: 0 30px;}
.main-navigation ul li a{
  color: #000;
  font-size: 22px;
  text-decoration: none;
  font-family: 'HelveticaNeueLight';
}
*/



/* ------------- MENU DROP DOWN --------------- */

/*
.main-navigation {
  margin: 0 auto;
  display: block;
  text-align: center;
  font-size: 16px;
  padding-top: 25px;
}
.main-navigation ul li {
  list-style: none;
  margin: 0 auto;
  display: inline-block;
  padding: 0 30px;
  position: relative;
  text-decoration: none;
  text-align: center;
  font-family: 'HelveticaNeueLight';
 
}
.main-navigation li a {
  color: #01002A;
  font-size: 22px;
  text-decoration: none;
}
.main-navigation li a:hover {
  color: #1D71B8;
}
.main-navigation li:hover {
  cursor: pointer;
}
.main-navigation ul li ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  padding-left: 0;
  left: 0;
  display: none;
  background: white;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
  min-width: 250px;
  text-align: left;
  padding-top: 20px;
  box-shadow: 0px 3px 5px -1px #ccc;
  transition: all 0.5s ease;
}

.main-navigation ul li ul li {
  clear: both;
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
  border-style: none;
}
.main-navigation ul li ul li a:hover {
  padding-left: 10px;
  border-left: 2px solid #3ca0e7;
  transition: all 0.3s ease;
}

a {
  text-decoration: none;
}
a:hover {
  color: #3ca0e7;
}

ul li ul li a {
  transition: all 0.5s ease;
}


.main-navigation ul li.dropDown_submenu a::after {
	content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"%3E%3Cpath d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"/%3E%3C/svg%3E');
	position: absolute;
	right: 0;
	top: 5px;
	width: 25px;
	height: 25px;

}

.main-navigation ul li ul.sub-menu li a::after{content:'';}
*/

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

/* .menu-primary-menu-fr-container {
  display: table-cell;
  vertical-align: middle;
} */



.main-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-navigation {
  text-align: center;
}

.main-navigation ul {
  list-style-type: none;
  display: flex;
  margin-bottom: 0px;
  justify-content: center;
}

.main-navigation ul li {
  position: relative;
  float: left;
}

.main-navigation ul li+li {
  /*  margin-left: 1px; */
}

.main-navigation ul li a {
  display: inline-block;
  color: #000;
  font-family: 'HelveticaNeueLight';
  font-size: 20px;
  text-decoration: none;
  padding: 10px 30px;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

.main-navigation ul li a:hover {
  background: transparent;
}

.main-navigation ul li>ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 178%;
  left: 0;
  z-index: 1;
  text-align: left;
  background: #fff;
  color: #1D71B8;
}

.main-navigation ul li>ul li {
  float: none;
  margin: 0;
}

.main-navigation ul li>ul li a {
  display: block;
  border-top: 1px solid #FFF;
  color: #000 !important;
}

.main-navigation ul li>ul.sub-menu li a:hover {
  color: #1D71B8 !important
}

.main-navigation ul li>ul li a:hover {
  background: #f2f2f2;
}

.main-navigation ul li.active a {
  color: #1D71B8;
}

.main-navigation ul li:hover a {
  color: #1D71B8;
}

.main-navigation ul li.active {
  pointer-events: none;
  color: #1D71B8;
}

.main-navigation ul li.current_page_item a {
  color: #1D71B8;
}

.main-navigation ul li.dropDown_submenu a::after {
  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"%3E%3Cpath d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"/%3E%3C/svg%3E');
  position: absolute;
  right: 5px;
  top: 17px;
  width: 25px;
  height: 25px;
}

.main-navigation ul li ul.sub-menu li a::after {
  content: '';
}

/* ------------- MENU DROP DOWN --------------- */

.main-navigation ul li a:hover {
  color: #1D71B8;
}

.menuSec {
  border-radius: 10px;
  background-color: #fff;
  padding: 5px 15px;
  /* opacity: 0.85; */
}

/* #block-3, #block-4{
	width: 100%;
	vertical-align: middle;
} 

.afri_bills{
	text-align: center;
	display: table;
	width:100%;
	height: 120px;
}
*/

.afri_bills {
  text-align: center;
  margin-top: 8px;
}

#getAfrifiber,
#payBills {
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 50px;
  border: 1.5px solid #1D71B8;
  color: #ffffff;
  z-index: 1;
  letter-spacing: 0.8px;
  background: linear-gradient(90deg, rgba(30, 113, 184, 1) 0%, rgba(39, 30, 104, 1) 100%);
  font-family: 'HelveticaNeueLight';
  font-size: 20px;
  font-weight: 500;
  padding: 6px 30px;
  /* text-transform: capitalize; */
  text-decoration: none !important;
  transition: all 0.3s ease;
}

#getAfrifiber::before,
#payBills::before {
  border-radius: 50px;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in;
  background: linear-gradient(90deg, rgb(22 13 88) 0%, rgba(29, 113, 184, 1) 100%);
  z-index: -1;
  top: 0;
  right: 0;
}

#getAfrifiber:hover::before,
#payBills:hover::before {
  width: 0;
  background: linear-gradient(90deg, rgba(39, 33, 107, 1) 0%, rgba(29, 113, 184, 1) 100%);
}

img.custom-logo:focus-visible {
  outline: 0;
}

.header-sticky .menuSec {
  height: 120px;
}

.header-sticky .custom-logo {
  width: 115px;
  height: auto;
}

.header-sticky .menuSec .site-branding {
  height: 100px;
}

.header-sticky .main-navigation {
  height: 100px;
}

.search_column {
  display: grid;
  grid-template-columns: 1fr 2fr;
  margin-top: 40px;
}

#polylang-3 select {
  letter-spacing: 3px;
  outline: 0;
  border: 0;
  font-family: 'HelveticaNeueLight';
  font-size: 20px;
}

#polylang-2 select {
  letter-spacing: 3px;
  outline: 0;
  border: 0;
  font-family: 'HelveticaNeueLight';
  font-size: 20px;
}

#serachBar {
  text-align: right;
}

#serachBar .material-symbols-outlined {
  font-size: 28px;
  cursor: pointer;
}

/* #getAfrifiber, #payBills{
  background: rgb(39,33,107);
  background: linear-gradient(90deg, rgba(39,33,107,1) 0%, rgba(29,113,184,1) 100%);
  color: #FFF;
  text-decoration: none;
  border-radius: 20px;
  padding: 10px 30px;
  width: 100%;
  display: inline-block;
  text-align: center;
  font-family: 'HelveticaNeueLight';
} */
/* 
#getAfrifiber:hover, #payBills:hover{
  background: linear-gradient(white, white) padding-box,
  linear-gradient(to right, #1d71b8, #27216b) border-box;
  border-radius: 20em;
  border: 2px solid transparent;
  color: #27216b;
  } */

#block-5,
#block-6 {
  display: block;
  float: left;
  margin-right: 20px;
  padding: 5px 10px;
}

.socialNetwork {
  padding: 10px 0;
}

.socialNetwork .col-md-4 {
  padding-left: 30px;
}

.socialNetwork .col-md-2 {
  padding-left: 86px;
}

#block-5 .headPhone_icon,
#block-6 .headEmail_icon {
  color: #FFF;
  font-size: 22px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}

#block-5 a,
#block-6 a {
  color: #FFF;
  text-decoration: none;
  font-family: 'HelveticaNeueLight';
  font-size: 20px;
}

.wp-block-social-links .wp-social-link a {
  padding: 0.2em;
  font-size: 28px;
}

.col-md-2 #block-2 .wp-block-social-links .wp-block-social-link {
  background: #ffffff;
  color: #444 !important;
}

.col-md-2 #block-2 .wp-block-social-links .wp-block-social-link:hover {
  background: linear-gradient(90deg, rgba(30, 113, 184, 1) 0%, rgba(39, 30, 104, 1) 100%);
  color: #FFF !important;
}

.col-md-2 #block-2 .wp-block-social-links {
  margin-bottom: 0;
  padding-top: 4px;
}

.wp-block-social-links .wp-social-link svg {
  height: 0.9em;
  width: 0.9em;
}

#fasterConnection {
  position: relative;
  z-index: 222;
  padding-bottom: 300px;
}

#fasterConnection .vc_col-sm-12 {
  padding-top: 25px;
  padding-bottom: 25px;
  background: rgb(39, 33, 107);
  background: linear-gradient(90deg, rgb(22 13 88) 0%, rgba(29, 113, 184, 1) 100%);
  position: absolute;
  left: 0;
  right: 0;
  display: inline-block;
  top: -50px;
  z-index: 222;
}

#fasterConnection .vc_col-sm-12 .uvc-main-heading {
  font-weight: normal;
  font-size: 36px;
  color: #FFF;
  font-family: 'HelveticaNeueThin';
  padding-bottom: 10px;
}

#fasterConnection .vc_col-sm-12 .uvc-main-heading h2 {
  padding-bottom: 15px;
}

#fasterConnection .vc_col-sm-12 .uvc-sub-heading {
  font-weight: normal;
  font-size: 22px;
  color: #FFF;
  font-family: 'HelveticaNeueThin';
  padding-bottom: 20px;
}

#fasterConnection .vc_row-fluid .vc_col-sm-12 .vc_column-inner {
  padding-left: 50px;
  padding-right: 50px;
}

.getintouch_form input[type="text"],
.getintouch_form input[type="email"],
.getintouch_form input[type="number"] {
  border-radius: 8px;
  padding: 12px 15px;
  border: 0;
  width: 100%;
  font-family: 'HelveticaNeueLight';
}

.plans_form input[type="text"],
.plans_form input[type="email"],
.plans_form input[type="number"],
.plans_form select {
  border-radius: 8px;
  padding: 12px 15px;
  border: 0;
  width: 100%;
  font-family: 'HelveticaNeueLight';
}

.plans_form select:focus-visible {
  outline: 0;
}

.buttonSubmit a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  border: unset;
  border-radius: unset;
  line-height: 1;
  font-weight: 700;
  transition: 0.4s;
  letter-spacing: 0.1em;
  background-color: transparent !important;
  color: #FFFFFF;
  padding: 20px 30px;
  text-decoration: none;
}

.buttonSubmit a::after {
  background-color: #FFFFFF1A;
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 32px 32px 32px 32px !important;
  z-index: -1;
  border-radius: inherit;
  transition: inherit;
  box-sizing: border-box;
}

.buttonSubmit a:hover {
  color: #FFFFFF;
}

.buttonSubmit a:hover::after {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 32px 32px 32px 32px;
  background-color: #FFFFFF1A;
}

[type="submit"] {
  z-index: 1;
  border: unset;
  border-radius: unset;
  font-size: 22px;
  line-height: 1;
  transition: 0.4s;
  color: #FFFFFF;
  background-color: transparent !important;
  text-decoration: none;
  font-family: 'HelveticaNeueLight';
}

input:focus-visible {
  outline: 0;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  width: 50%;
  margin: 0 auto;
  color: #FFF;
  text-align: center;
}

.wpcf7-spinner {
  margin: 0 auto;
  display: inherit;
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
  text-align: center;
}

.buttonSubmit p {
  margin-bottom: 0;
}

.pioneering .uvc-main-heading h2,
.pioneering .uvc-sub-heading {
  color: #1D71B8;
  font-size: 46px;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 50px;
}

.pioneering .wpb_text_column p {
  font-size: 24px;
  color: #fff;
  font-family: 'HelveticaNeueLight';
  word-spacing: 2px;
}

.pioneering .learnMore .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
  border-color: transparent;
  background: transparent;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: #1D71B8;
  font-family: 'HelveticaNeueLight';
  font-weight: 500;
}

.pioneering .learnMore .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
  border-color: transparent;
  color: #fff;
  background: transparent;
}

#digitalSection .vc_col-sm-3 .uvc-main-heading h5 {
  font-size: 20px;
  color: #FFF;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 20px;
  letter-spacing: 1px;
}

#digitalSection .vc_col-sm-3 .uvc-sub-heading {
  color: #FFF;
  font-size: 36px;
  font-family: 'HelveticaNeueBold';

}

#digitalSection .vc_col-sm-3 .uvc-heading,
#pkgPlans .vc_col-sm-4 .uvc-heading {
  text-align: left;
  padding: 20px 15px;
}

#digitalSection .vc_col-sm-3 .wpb_wrapper,
#pkgPlans .vc_col-sm-4 .wpb_wrapper {
  border-radius: 18px;
}

#digitalSection .vc_col-sm-3:nth-child(1) .wpb_wrapper,
#pkgPlans .vc_col-sm-4:nth-child(1) .wpb_wrapper {
  background: rgb(36, 57, 130);
  background: linear-gradient(90deg, rgba(36, 57, 130, 1) 0%, rgba(33, 82, 154, 1) 100%);
}

#digitalSection .vc_col-sm-3:nth-child(2) .wpb_wrapper,
#pkgPlans .vc_col-sm-4:nth-child(2) .wpb_wrapper {
  background: rgb(36, 57, 130);
  background: linear-gradient(90deg, rgba(36, 57, 130, 1) 0%, rgba(33, 82, 154, 1) 100%);
}

#digitalSection .vc_col-sm-3:nth-child(3) .wpb_wrapper,
#pkgPlans .vc_col-sm-4:nth-child(3) .wpb_wrapper {
  background: rgb(36, 57, 130);
  background: linear-gradient(90deg, rgba(36, 57, 130, 1) 0%, rgba(33, 82, 154, 1) 100%);
}

#digitalSection .vc_col-sm-3:nth-child(4) .wpb_wrapper,
#pkgPlans .vc_col-sm-4:nth-child(4) .wpb_wrapper {
  background: rgb(36, 57, 130);
  background: linear-gradient(90deg, rgba(36, 57, 130, 1) 0%, rgba(33, 82, 154, 1) 100%);
}

#digitalSection .vc_col-sm-3 .wpb_single_image.vc_align_left,
#pkgPlans .vc_col-sm-4 .wpb_single_image.vc_align_left {
  overflow: hidden;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

#digitalSection .vc_col-sm-3 .wpb_wrapper .wpb_single_image img,
#pkgPlans .vc_col-sm-4 .wpb_wrapper .wpb_single_image img {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

#digitalSection .vc_col-sm-3 .wpb_wrapper .vc_single_image-wrapper img,
#pkgPlans .vc_col-sm-4 .wpb_wrapper .vc_single_image-wrapper img {
  transition: transform .5s, filter 1.5s ease-in-out;
}

#digitalSection .vc_col-sm-3 .wpb_wrapper .vc_single_image-wrapper:hover img,
#pkgPlans .vc_col-sm-4 .wpb_wrapper .vc_single_image-wrapper:hover img {
  transform: scale(1.1);
}

#digitalSection .vc_col-sm-3 .vc_btn3-container.vc_btn3-inline,
#pkgPlans .vc_col-sm-4 .vc_btn3-container.vc_btn3-inline {
  padding: 0 15px;
  margin-left: 15px;
}

#digitalSection .learnMore .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern,
#pkgPlans .learnMore .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
  border-color: transparent;
  background: transparent;
  font-size: 16px;
  color: #fff;
  font-family: 'HelveticaNeueLight';
  padding-left: 0;
}

#digitalSection .learnMore .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover,
#pkgPlans .learnMore .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
  border-color: transparent;
  color: #02002A;
  background: transparent;
  font-weight: 500;
}

.digital_infinity .uvc-main-heading h1 {
  color: #FFF;
  font-size: 46px;
  margin-bottom: 20px !important;
  font-family: 'HelveticaNeueBold';
}

.digital_infinity .uvc-main-heading h2 {
  color: #FFF;
  font-size: 46px;
  margin-bottom: 20px !important;
  font-family: 'HelveticaNeueBold';
}

.digital_infinity .uvc-sub-heading {
  color: #FFF;
  font-size: 24px;
  font-family: 'HelveticaNeueLight';
  width: 70%;
}

#businessplaN {
  width: 60%;
}


button.ubtn-large.symmetric_BTN,
button.ubtn-large.asymmetric_BTN,
button.ubtn-large.dedicated_BTN,
button.ubtn-large.businessplaN_BTN,
button.ubtn-large.residentiaL_BTN {
  padding: 14px 42px !important;
  font-size: unset !important;
}

.symmetric_BTN,
.asymmetric_BTN,
.dedicated_BTN,
.businessplaN_BTN,
.residentiaL_BTN {
  font-size: 40px;
  width: 100%;
  border-radius: 40px;
  border: 1px solid #FFF;
  font-family: 'HelveticaNeueBold';
  margin-bottom: 0px !important;
  background-color: #010142;
}


.symmetric_BTN.active button,
.asymmetric_BTN.active button,
.dedicated_BTN.active button,
.businessplaN_BTN.active button,
.residentiaL_BTN.active button {
  background: transparent;
}

.symmetric_BTN.active button.ubtn:hover,
.asymmetric_BTN.active button.ubtn:hover,
.dedicated_BTN.active button.ubtn:hover,
.businessplaN_BTN.active button.ubtn:hover,
.residentiaL_BTN.active button.ubtn:hover {
  background: transparent;
}

.symmetric_BTN.active,
.asymmetric_BTN.active,
.dedicated_BTN.active,
.businessplaN_BTN.active,
.residentiaL_BTN.active {
  background: rgb(39, 33, 107);
  background: linear-gradient(90deg, rgb(22 13 88) 0%, rgba(29, 113, 184, 1) 100%);
  transition: all 0.5s;
  border: 0 !important;
}


.default_active_BTN button {
  font-size: 26px !important;
  width: 100% !important;
  border-radius: 30px !important;
  border: 1px solid #FFF !important;
  font-family: 'HelveticaNeueBold' !important;
  margin-bottom: 0px !important;
  padding: 12px 42px !important;
  background: rgb(39, 33, 107) !important;
  background: linear-gradient(90deg, rgb(22 13 88) 0%, rgba(29, 113, 184, 1) 100%) !important;
  transition: all 0.5s !important;
  border: 0 !important;
}



.symmetric_BTN .ubtn-text,
.asymmetric_BTN .ubtn-text,
.dedicated_BTN .ubtn-text,
.businessplaN_BTN .ubtn-text,
.residentiaL_BTN .ubtn-text {
  font-size: 46px;
}

.hidePlan {
  display: none;
}

#accelerate .vc_col-sm-6 .uvc-main-heading h2 {
  font-size: 62px;
  color: #FFF;
  font-family: 'HelveticaNeueBold';
  margin-bottom: 20px;
}

#accelerate .learnMore .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
  border-color: transparent;
  background: transparent;
  font-size: 16px;
  color: #fff;
  font-family: 'HelveticaNeueLight';
  padding-left: 0;
}

#accelerate .vc_btn3-container.vc_btn3-inline {
  padding: 0 15px;
  margin-top: 30px;
}

.vc_btn3.vc_btn3-size-md .vc_btn3-icon {
  font-size: 24px !important;
}

#accelerate .vc_col-sm-6 .uvc-sub-heading {
  font-size: 36px;
  color: #FFF;
  font-family: 'HelveticaNeueBold';
  width: 100%;
  float: left;
}

.embraceThespeed .uvc-main-heading h2 {
  color: #FFF;
  font-size: 46px;
  margin-bottom: 20px !important;
  font-family: 'HelveticaNeueBold';
}

.embraceThespeed .uvc-sub-heading {
  color: #FFF;
  font-size: 30px;
  font-family: 'HelveticaNeueLight';
  width: 80%;
  margin: 0 auto;
}

.feature_column1 .vc_col-sm-8 h4 {
  color: #FFF;
  font-family: 'HelveticaNeueBold';
  font-size: 26px;
}

.feature_column2 .vc_col-sm-8 h4 {
  color: #FFF;
  font-family: 'HelveticaNeueBold';
  font-size: 26px;
  width: 60%;
}

.feature_column3 .vc_col-sm-8 h4 {
  color: #FFF;
  font-family: 'HelveticaNeueBold';
  font-size: 26px;
  /* width: 60%; */
  float: right;
}

.feature_column4 .vc_col-sm-8 h4 {
  color: #FFF;
  font-family: 'HelveticaNeueBold';
  font-size: 26px;
  width: 60%;
  float: right;
}

.our-advantage .uvc-main-heading h2 {
  color: #FFF;
  font-size: 20px;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 8px !important;
  letter-spacing: 1px;
}

.our-advantage .uvc-sub-heading {
  color: #FFF;
  font-size: 68px;
  font-family: 'HelveticaNeueBold';
  margin-top: 20px;
}

/* ---------------
  BUTTON CSS
---------------- */
.learnMore.vc_btn3-inline:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0px;
  width: 60px;
  height: 60px;
  border-radius: 50% 50% 50% 50%;
  background-color: #FFFFFF1A;
  transition: inherit;
  z-index: -999;
}

.learnMore.vc_btn3-inline {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  border-radius: unset;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  color: #FFF;
  transition: 0.4s;
  letter-spacing: 0.1em;
  cursor: pointer;
}

.learnMore.vc_btn3-inline:hover a {
  color: #FFF !important;
}

.learnMore.vc_btn3-inline:hover::after {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 32px 32px 32px 32px;
}

.learnMore.vc_btn3-inline:hover::after {
  background-color: #FFFFFF1A;
}

/* ---------------
  OUR ADVANTAGE
---------------- */
#internetProvider .uvc-heading {
  text-align: center;
  background-color: #FFF;
  padding: 15px;
  border-radius: 8px;
  width: 80%;
  margin: 0 auto;
  margin-top: -65px;
  z-index: 222;
  position: relative;
}

#internetProvider .uvc-main-heading h2 {
  font-weight: normal;
  font-size: 28px;
  color: #271D67;
  font-family: 'HelveticaNeueBold';
}

#coverageArea {
  background: rgb(39, 33, 107);
  background: linear-gradient(90deg, rgba(39, 33, 107, 1) 0%, rgba(29, 113, 184, 1) 100%);
  padding: 100px 0;
}

.btn_coveragearea {
  margin-bottom: 0px !important;
}

#coverageArea .vc_col-sm-12 .uvc-main-heading h2 {
  color: #FFF;
  margin-bottom: 25px;
  font-size: 36px;
  font-family: 'HelveticaNeueLight';
}

/* 
.btn_coveragearea button{
	display: inline-block;
	position: relative;
	overflow: hidden;
	border-radius: 50px;
	border: 1.5px solid #ffffff !important;
	color: #ffffff !important;
	z-index: 1;
	letter-spacing: 0.8px;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	padding: 16px 38px 16px 38px !important;
	text-transform: capitalize;
	text-decoration: none !important;
	transition: all 0.3s ease;

}
.btn_coveragearea button::before {
    content: "";
    border-radius: 50px;
    position: absolute;
    width: 0;
    height: 100%;
    transition: all 0.3s ease-in;
    background: linear-gradient(90deg, rgba(30,113,184,1) 0%, rgba(39,30,104,1) 100%);
    z-index: -1;
    top: 0;
    left: 0;
}
.btn_coveragearea button:hover::before {
    width: 100%;
    border-radius: 50px;
    background: linear-gradient(90deg, rgba(39,33,107,1) 0%, rgba(29,113,184,1) 100%);
} */

#internetProvider .vc_col-sm-4 .wpb_wrapper .vc_single_image-wrapper img {
  transition: transform .5s, filter 1.5s ease-in-out;
}

#internetProvider .vc_col-sm-4 .wpb_single_image {
  overflow: hidden;
  border-radius: 12px;
}

#internetProvider .vc_col-sm-4 .wpb_wrapper .vc_single_image-wrapper:hover img {
  transform: scale(1.1);
}

/* ---------------
  NEWS POST SECTION
---------------- */
.newsHeading .uvc-main-heading h2 {
  color: #1D71B8;
  font-size: 26px;
  margin-bottom: 15px !important;
  border-bottom: 1px solid #1D71B8;
  display: inline-block;
  padding-bottom: 5px !important;
}

.newsHeading .uvc-sub-heading {
  line-height: normal;
  margin: 0 auto;
  font-family: 'HelveticaNeueBold';
  font-size: 46px;
  color: #FFF;
  margin-bottom: 25px;
  display: inline-block;
}

.postColumn {
  background: rgb(39, 33, 107);
  background: linear-gradient(90deg, rgb(22 13 88) 0%, rgba(29, 113, 184, 1) 100%);
  padding: 30px;
}

.postColumn h4 {
  color: #FFF;
  font-size: 24px;
  font-family: 'HelveticaNeueBold';
  height: 100px;
  line-height: 34px;
  margin-top: 25px;
}

.postColumn a {
  text-decoration: none;
}

.postDiv {
  height: 325px;
  overflow: hidden;
}

.postDiv img {
  transition: transform .5s, filter 1.5s ease-in-out;
}

.postDiv:hover img {
  transform: scale(1.1);
}

/* 
.postColumn a.post_readMore{
	display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    border: 1.5px solid #ffffff;
    color: #ffffff;
    z-index: 1;
    letter-spacing: 0.8px;
	font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding: 16px 38px 16px 38px !important;
    text-transform: capitalize;
    font-family: "Barlow", sans-serif;
    text-decoration: none !important;
    transition: all 0.3s ease;
}
.postColumn a.post_readMore::before{
	content: "";
	border-radius: 50px;
	position: absolute;
	width: 0;
	height: 100%;
	transition: all 0.3s ease-in;
	background: linear-gradient(90deg, rgba(39,33,107,1) 0%, rgba(29,113,184,1) 100%);
	z-index: -1;
	top: 0;
	left: 0;
}
.postColumn a.post_readMore:hover::before {
    width: 100%;
    border-radius: 50px;
    background: linear-gradient(90deg, rgba(39,33,107,1) 0%, rgba(29,113,184,1) 100%);
}
 */
.postColumn .post_readMore {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  border: unset;
  border-radius: unset;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  transition: 0.4s;
  letter-spacing: 0.1em;
  background-color: transparent !important;
  color: #FFFFFF;
  padding: 20px 30px;
}

.postColumn .post_readMore::after {
  background-color: #FFFFFF1A;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 32px 32px 32px 32px !important;
  z-index: -1;
  border-radius: inherit;
  transition: inherit;
  box-sizing: border-box;
}

.postColumn .post_readMore:hover {
  color: #FFFFFF;
}

.postColumn .post_readMore:hover::after {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 32px 32px 32px 32px;
  background-color: #FFFFFF1A;
}

.postColumn.col-lg-12 {
  width: 95%;
}

.postColumn.col-lg-12 a {
  text-decoration: none;
}

#symmetrical_pacakges .owl-nav button {
  background-color: #1D71B8 !important;
  outline: 0;
  border: 0;
  cursor: pointer;
  border-radius: 36px;
}

#symmetrical_pacakges .owl-nav button span {
  font-size: 28px;
  color: #FFF;
  padding: 15px;
}

#symmetrical_pacakges .owl-theme .owl-nav {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}

#symmetrical_pacakges .owl-theme .owl-nav .owl-prev {
  position: absolute;
  color: inherit;
  background: none;
  z-index: 100;
  left: -60px;
}

#symmetrical_pacakges .owl-theme .owl-nav .owl-next {
  position: absolute;
  color: inherit;
  background: none;
  border: none;
  z-index: 100;
  right: -60px;
}

#news_owl .owl-theme .owl-nav {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}

#news_owl .owl-theme .owl-nav .owl-prev {
  position: absolute;
  color: inherit;
  background: none;
  z-index: 100;
  left: -60px;
}

#news_owl .owl-theme .owl-nav .owl-next {
  position: absolute;
  color: inherit;
  background: none;
  border: none;
  z-index: 100;
  right: -60px;
}

#news_owl .owl-nav button {
  background-color: #1D71B8 !important;
  outline: 0;
  border: 0;
  cursor: pointer;
  border-radius: 36px;
}

#news_owl .owl-nav button span {
  font-size: 28px;
  color: #FFF;
  padding: 15px;
}

.owl-dots {
  margin-top: 50px;
}

.acceleratingTomorrow p {
  font-size: 70px;
  color: #FFF;
  font-family: 'HelveticaNeueThin';
  line-height: 80px;
  padding-top: 40px;
  padding-bottom: 40px;
}

#afrifiberFooter {
  padding: 25px 0;
}

.copy_right .widget_block {
  color: #01002A;
}

img.gPlus {
  width: 30px;
  height: 30px;
}

#afrifiberFooter i {
  font-size: 22px !important;
  color: #FFF;
  position: relative;
  top: 2px;
  margin-right: 10px;
}

#afrifiberFooter .col-md-3 section p {
  color: #FFF;
  font-size: 20px;
}

#afrifiberFooter .col-md-3 section span {
  color: #FFF;
  font-size: 20px;
}

#afrifiberFooter .col-md-3 section p a {
  color: #FFF;
  text-decoration: none;
}

#afrifiberFooter .col-md-4 section p {
  color: #FFF;
  font-size: 20px;
}

#afrifiberFooter .col-md-4 section span {
  color: #FFF;
  font-size: 20px;
}

#afrifiberFooter .col-md-4 section p a {
  color: #FFF;
  text-decoration: none;
}

.footerFour .wp-block-social-links {
  margin-top: 30px;
}

.new-title {
  background: rgb(39, 33, 107);
  background: linear-gradient(90deg, rgba(39, 33, 107, 1) 0%, rgba(29, 113, 184, 1) 100%);
  padding: 30px;
  color: #FFF;
}

#newspage_layout .gridpost,
#newscate_layout .gridpost {
  width: 48%;
  padding: 30px;
  margin-bottom: 50px;
}

.gridpost .post_readMore {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  border: unset;
  border-radius: unset;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  transition: 0.4s;
  letter-spacing: 0.1em;
  background-color: transparent !important;
  color: #FFFFFF;
  padding: 20px 30px;
}

.gridpost .post_readMore::after {
  background-color: #FFFFFF1A;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 32px 32px 32px 32px !important;
  z-index: -1;
  border-radius: inherit;
  transition: inherit;
  box-sizing: border-box;
}

.gridpost .post_readMore:hover {
  color: #FFFFFF;
}

.gridpost .post_readMore:hover::after {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 32px 32px 32px 32px;
  background-color: #FFFFFF1A;
}

.gridpost {
  background: rgb(39, 33, 107);
  background: linear-gradient(90deg, rgba(39, 33, 107, 1) 0%, rgba(29, 113, 184, 1) 100%);
  padding: 30px;
}

.gridpost h4 {
  color: #FFF;
  font-size: 24px;
  font-family: 'HelveticaNeueBold';
  height: 100px;
  line-height: 34px;
  margin-top: 25px;
}

.gridpost a {
  text-decoration: none;
}

.gridpost:nth-child(even) {
  margin-left: 50px;
}

#newscate_layout .gridpost:nth-child(odd) {
  margin-left: 50px;
}

#newscate_layout .gridpost:nth-child(even) {
  margin-left: 0px !important;
}

.cat-title {
  color: #1D71B8;
  font-size: 46px;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 70px
}


#indexNews_shorcode {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.inner_content {
  margin-bottom: 50px !important;
}

.news-title {
  background: rgb(39, 33, 107);
  background: linear-gradient(90deg, rgba(39, 33, 107, 1) 0%, rgba(29, 113, 184, 1) 100%);
  padding: 30px;
}

.news-title .entry-title {
  color: #FFF;
  font-size: 36px;
  font-family: 'HelveticaNeueBold';
}

.newsDate {
  font-family: 'HelveticaNeueLight';
  font-size: 20px;
  color: #FFF;
  margin-top: 20px;
  text-transform: capitalize;
}

.entry-content {
  margin-top: 50px;
  margin-bottom: 50px;
  color: #FFF;
  padding: 25px;
  font-size: 24px;
  font-family: 'HelveticaNeueLight';
}

/* -------------------------
  Choose Your Plan SECTION
-------------------------- */

#symmetrical_pacakges .owl-item .speedometer_column {
  background-image: url('../images/packages3.jpg') !important;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 322px;
  height: 499px;
  text-align: center;
  border-radius: 15px;
  margin: 0 auto;
}


/*-- Pacakges Option 2 --*/
#symmetrical_pacakges .owl-item:nth-child(1) .meterColumn {
  background-image: url('../images/mbps-img1.jpg') !important;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 322px;
  height: 499px;
  text-align: center;
  border-radius: 15px;
  margin: 0 auto;
}

#symmetrical_pacakges .owl-item:nth-child(2) .meterColumn {
  background-image: url('../images/mbps-img2.jpg') !important;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 322px;
  height: 499px;
  text-align: center;
  border-radius: 15px;
  margin: 0 auto;
}

#symmetrical_pacakges .owl-item:nth-child(3) .meterColumn {
  background-image: url('../images/mbps-img3.jpg') !important;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 322px;
  height: 499px;
  text-align: center;
  border-radius: 15px;
  margin: 0 auto;
}

#symmetrical_pacakges .owl-item:nth-child(4) .meterColumn {
  background-image: url('../images/mbps-img4.jpg') !important;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 322px;
  height: 499px;
  text-align: center;
  border-radius: 15px;
  margin: 0 auto;
}

#symmetrical_pacakges .owl-item:nth-child(5) .meterColumn {
  background-image: url('../images/mbps-img5.jpg') !important;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 322px;
  height: 499px;
  text-align: center;
  border-radius: 15px;
  margin: 0 auto;
}

#symmetrical_pacakges .owl-item:nth-child(6) .meterColumn {
  background-image: url('../images/mbps-img6.jpg') !important;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 322px;
  height: 499px;
  text-align: center;
  border-radius: 15px;
  margin: 0 auto;
}

#symmetrical_pacakges .meterColumn h2.pkgPrice_djf {
  color: #FFF;
  position: absolute;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 0;
  padding-top: 12px;
  font-size: 60px;
  font-family: 'HelveticaNeueBold';
  text-transform: lowercase;
}

#symmetrical_pacakges .meterColumn .pkg_mbps {
  color: #FFF;
  font-size: 42px;
  font-family: 'HelveticaNeueLight';
  margin: 20px 0px;

}

.meterColumn .speedometer_image {
  width: 250px !important;
  margin: 0 auto;
  padding-bottom: 25px;
}


.meterColumn .getStarted_btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  border: unset;
  border-radius: unset;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  transition: 0.4s;
  letter-spacing: 0.1em;
  background-color: transparent !important;
  color: #ffffff;
  padding: 20px 30px;
  text-decoration: none;
}

.meterColumn .getStarted_btn::after {
  background-color: #1D71B8;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 32px 32px 32px 32px !important;
  z-index: -1;
  border-radius: inherit;
  transition: inherit;
  box-sizing: border-box;
}

.meterColumn .getStarted_btn:hover {
  color: #FFF;
}

.meterColumn .getStarted_btn:hover::after {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 32px 32px 32px 32px;
  background: rgb(252, 252, 252);
  background: linear-gradient(90deg, #1D71B8 0%, #1D71B8 100%);
  color: #FFF;
}



/* #symmetrical_pacakges .speedometer_column{
  width: 80%;
  height: 508px;
  margin: 0 auto;
  background: rgb(13,13,146);
  background: radial-gradient(circle, rgba(13,13,146,1) 0%, rgba(17,6,73,1) 63%);
  text-align: center;
  border-radius: 15px;
} */

#symmetrical_pacakges .speedometer_column h2.pkgPrice_djf {
  color: #FFF;
  position: absolute;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 0;
  padding-top: 22px;
  font-size: 46px;
  font-family: 'HelveticaNeueBold';
  text-transform: lowercase;
}

.speedometer_column .speedometer_image {
  width: 250px !important;
  margin: 0 auto;
  padding-bottom: 25px;
}

/* .speedometer_column .getStarted_btn span{vertical-align: text-bottom;}
.speedometer_column .getStarted_btn{
	display: inline-block;
	position: relative;
	overflow: hidden;
	border-radius: 50px;
	font-family: 'HelveticaNeueBold';
	color: #FFF !important;
	z-index: 1;
	letter-spacing: 0.8px;
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
	padding: 20px 38px 20px 38px !important;
	text-transform: capitalize;
	text-decoration: none !important;
	transition: all 0.3s ease;
	background: rgb(39,33,107);
    background: linear-gradient(90deg, rgb(22 13 88) 0%, rgba(29,113,184,1) 100%);
	margin-top: 60px;
} */

#symmetrical_pacakges .owl-carousel .owl-stage-outer {
  padding-bottom: 50px !important;
}

#asymmetric .owl-carousel .owl-stage-outer {
  padding-bottom: 50px !important;
}

#dedicated .owl-carousel .owl-stage-outer {
  padding-bottom: 50px !important;
}

.speedometer_column .getStarted_btn {
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 50px;
  color: #FFF !important;
  z-index: 1;
  letter-spacing: 0.8px;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  padding: 20px 38px 20px 38px !important;
  text-transform: capitalize;
  text-decoration: none !important;
  transition: all 0.3s ease;

}

.speedometer_column .getStarted_btn::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 60px;
  height: 60px;
  border-radius: 50px;
  background-color: #FFFFFF1A;
  transition: inherit;
  z-index: -999;
}

.speedometer_column .getStarted_btn:hover::before {
  width: 100%;
  border-radius: 50px;
  background-color: #FFFFFF1A;
}

.speedometer_column .getStarted_btn .material-symbols-outlined {
  vertical-align: middle;
}

.section_Symmetric {
  padding: 25px 0px 50px 0px;
}

.section_Asymmetric {
  padding: 25px 0px 50px 0px;
}

.section_Dedicated {
  padding: 25px 0px 50px 0px;
}


#symmetrical_pacakges .speedometer_column .pkg_mbps {
  color: #FFF;
  font-size: 30px;
  font-family: 'HelveticaNeueLight';
  margin: 20px 0px;
}

.contentSymmetrical .uvc-sub-heading,
.contentAsymmetrical .uvc-sub-heading,
.contentDedicated .uvc-sub-heading {
  font-weight: normal;
  font-size: 30px;
  color: #FFF;
  width: 80%;
  padding: 25px 20px 25px 20px;
  text-align: center;
  line-height: 42px;
  font-family: 'HelveticaNeueLight';
  background-color: #010142;
}

.page-id-746 .contentSymmetrical .uvc-sub-heading,
.page-id-746 .contentAsymmetrical .uvc-sub-heading,
.page-id-746 .contentDedicated .uvc-sub-heading {
  background-color: #040480 !important;
}

.page-id-746 .symmetric_BTN,
.page-id-746 .asymmetric_BTN,
.page-id-746 .dedicated_BTN {
  background-color: #040480;
}

/* WAVE ANIMATION */
canvas {
  display: block;
}

.waves {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.maskLogo {
  background-image: url('../images/Accelerating-Tomorrow.jpg') !important;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 180px;
  padding-bottom: 180px;
}

.accelerate_into_savings {
  background-image: url('../images/accelerate.jpg') !important;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
}



.gwd-page-content {
  background-color: transparent;
  transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform-style: preserve-3d;
  position: absolute;
}

.gwd-page-content * {
  transform-style: preserve-3d;
}

.gwd-page-wrapper {
  background-color: rgb(255, 255, 255);
  position: absolute;
  transform: translateZ(0px);
}

.page1-content {
  width: 550px;
  height: 400px;
}

.gwd-div-mrsu {
  width: 1920px;
  height: 500px;
}

.gwd-page-vo40 {
  width: 1920px;
  height: 500px;
}

.gwd-svg-1dmk {
  position: absolute;
  left: 0px;
  width: 1920px;
  height: 624px;
  top: -62px;
}

/*
.gwd-svg-1eb8 {
  clip-path: inset(60px calc(-1px + 100%) calc(-560px + 100%) 0px);
}
*/

@keyframes gwd-gen-1hjlgwdanimation_gwd-mask-keyframes {
  0% {
    clip-path: inset(60px calc(-1px + 100%) calc(-560px + 100%) 0px);
    animation-timing-function: linear;
  }

  76.9231% {
    clip-path: inset(60px calc(-1920px + 100%) calc(-560px + 100%) 0px);
    animation-timing-function: linear;
  }

  100% {
    clip-path: inset(60px calc(-1920px + 100%) calc(-560px + 100%) 0px);
    animation-timing-function: linear;
  }
}

.gwd-gen-1hjlgwdanimation {
  animation: 0s ease 0s 1 normal none running none, 6.5s linear 0s infinite normal forwards running gwd-gen-1hjlgwdanimation_gwd-mask-keyframes;
}


/* Particles js */
#particles-js {
  position: absolute;
  top: -100px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100vh !important;
}

canvas {
  display: block;
  vertical-align: bottom;
}

#fiberNetwork {
  background-image: url('../images/fiber.png') !important;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1631px;
  height: 663px;
}

.pioneering.vc_col-sm-6 .vc_column-inner {
  padding-top: 30%;
}

/* Back To top */

.go-top {
  position: fixed;
  bottom: 20%;
  right: 3%;
  padding: 20px;
  display: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
}

.go-top:after {
  font-family: "Material Icons";
  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"%3E%3Cpath d="m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z"/%3E%3C/svg%3E');
  background-color: #E5E8F0;
  padding: 5px 15px;
  color: #6a6e7c;
  position: absolute;
  bottom: 10px;
  font-size: 28px;
}

.go-top-text {
  position: absolute;
  width: 60px;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 3px;
  font-size: 12px;
  margin: 20px 0 0 -4px;
  color: #FFF;
  font-family: 'HelveticaNeueLight';
}

.featuredBanner {
  width: 100%;
}

#page_heading {
  margin-top: 100px !important;
}

#page_heading .uvc-main-heading h2 {
  font-weight: normal;
  color: #1D71B8;
  font-size: 46px;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 10px;
}

#page_heading .uvc-sub-heading {
  font-size: 24px;
  line-height: 34px;
  color: #FFF;
  text-align: justify;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 50px;
}

.page_heading .uvc-main-heading h2 {
  font-weight: normal;
  color: #1D71B8;
  font-size: 46px;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 20px !important;
}

.page_heading .uvc-sub-heading {
  font-size: 24px;
  line-height: 34px;
  color: #FFF;
  text-align: justify;
  font-family: 'HelveticaNeueLight';
}

#afrifiberFooter {
  background-color: #02002A;
}

.page #afrifiberFooter {
  background-color: #02002A;
}

.single-post #afrifiberFooter {
  background-color: #02002A;
}

/* ---- CONTACT US ----- */

.infoBox .aio-icon-img.uavc-circle {
  transition: all 0.3s ease-in;
  background: linear-gradient(90deg, rgba(39, 33, 107, 1) 0%, #1d71b8 100%) !important;
  border: 1px solid #1d71b8;
}

.infoBox .aio-icon-box .aio-icon {
  transition: all 0.3s ease-in;
  background: linear-gradient(90deg, rgba(39, 33, 107, 1) 0%, #1d71b8 100%) !important;
  border: 1px solid #1d71b8;
}

.infoBox .aio-icon-header h3.aio-icon-title {
  color: #fff;
  font-size: 24px;
  font-family: 'HelveticaNeueLight';
}

#getinTouch {
  margin-top: 50px !important;
  margin-bottom: 100px !important;
}

#getinTouch .vc_col-sm-12 {
  padding-top: 15px;
  padding-bottom: 15px;
  background: rgb(39, 33, 107);
  background: linear-gradient(90deg, rgba(39, 33, 107, 1) 0%, rgba(29, 113, 184, 1) 100%);
  display: inline-block;
  z-index: 222;
}

#getinTouch .vc_col-sm-12 .uvc-main-heading {
  font-weight: normal;
  font-size: 36px;
  color: #FFF;
  font-family: 'HelveticaNeueThin';
  padding-bottom: 10px;
}

#getinTouch .vc_col-sm-12 .uvc-main-heading h2 {
  padding-bottom: 15px;
}

#getinTouch .vc_col-sm-12 .uvc-sub-heading {
  font-weight: normal;
  font-size: 22px;
  color: #FFF;
  font-family: 'HelveticaNeueThin';
  padding-bottom: 20px;
}

#getinTouch .vc_row-fluid .vc_col-sm-12 .vc_column-inner {
  padding-left: 50px;
  padding-right: 50px;
}

.infoBox .vc_col-sm-3::after {
  content: '';
  background-image: url('../images/doted-wave.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: -100px;
  top: 50px;
  width: 202px;
  height: 30px;
}

.infoBox .vc_col-sm-3:nth-child(4)::after {
  content: '';
  background-image: none;
}

/*-- LEADERSHIP --*/
#leadership_layout .card-body h4 {
  font-size: 46px;
  color: #FFF;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 10px;
}

#leadership_layout .card-body h5 {
  font-size: 26px;
  color: #FFF;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 20px;
}

#leadership_layout .card-body .card-text {
  font-size: 24px;
  color: #FFF;
  text-align: justify;
  font-family: 'HelveticaNeueLight';
  line-height: 34px;
  height: 0px;
  overflow: hidden;
  margin: 0;
  -webkit-transition: height 40s ease-in-out;
}

.readMore_readless {
  margin-top: 25px;
}

.readMore_readless a.actionBtn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  border: unset;
  border-radius: unset;
  font-size: 18px;
  line-height: 1;
  transition: 0.4s;
  letter-spacing: 0.1em;
  background-color: transparent !important;
  color: #FFFFFF;
  font-family: 'HelveticaNeueLight';
  text-decoration: none;
  padding: 20px 30px;
}

.readMore_readless a.actionBtn::after {
  background-color: #FFFFFF1A;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 32px 32px 32px 32px !important;
  z-index: -1;
  border-radius: inherit;
  transition: inherit;
  box-sizing: border-box;
}

.readMore_readless a.actionBtn:hover {
  color: #FFFFFF;
}

.readMore_readless a.actionBtn:hover::after {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 32px 32px 32px 32px;
  background-color: #FFFFFF1A;
}

#leadership_layout {
  margin-top: 50px;
}

#leadership_layout .col-xl-12 {
  margin-bottom: 100px;
}

#leadership_layout .profile_img {
  width: 85%;
}

/*-- WHO WE ARE --*/
.whoweare .wpb_content_element {
  color: #FFF;
  font-size: 20px;
  line-height: 34px;
  text-align: justify;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 50px;
}

.ourVision .uvc-main-heading h2 {
  color: #1D71B8;
  font-size: 46px;
  margin-bottom: 20px !important;
  font-family: 'HelveticaNeueLight';
}

.ourVision .uvc-sub-heading {
  color: #FFF;
  font-size: 24px;
  text-align: justify;
  line-height: 34px;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 50px;
}

.ourPurpose .uvc-main-heading h2 {
  color: #FFF;
  font-size: 50px;
  margin-bottom: 10px !important;
  font-family: 'HelveticaNeueLight';
}

.ourPurpose .uvc-sub-heading {
  color: #FFF;
  font-size: 24px;
  text-align: justify;
  line-height: 34px;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 50px;
}

.ourValues .uvc-main-heading h2 {
  color: #1D71B8;
  font-size: 46px;
  margin-bottom: 20px !important;
  font-family: 'HelveticaNeueLight';
}

.components_ourvalues .vc_col-sm-4 .aio-icon-description {
  color: #fff;
  font-size: 24px;
  padding-left: 50px;
  padding-right: 50px;
  line-height: 34px;

}

.components_ourvalues .vc_col-sm-4::after {
  content: '';
  background-image: url(../images/doted-wave.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: -100px;
  top: 75px;
  width: 202px;
  height: 30px;
}

.components_ourvalues .vc_col-sm-4:nth-child(3)::after {
  content: '';
  background-image: none;
}

#ourfocus_section .vc_col-sm-3 .ifb-flip-box .ifb-front,
#dedicated_keyFeaturesRow1 .vc_col-sm-4 .ifb-flip-box .ifb-front,
#dedicated_keyFeaturesRow2 .vc_col-sm-4 .ifb-flip-box .ifb-front {
  transition: all 0.3s ease-in;
  background: linear-gradient(90deg, rgba(39, 33, 107, 1) 0%, #1d71b8 100%) !important;
  border-radius: 15px;
}

#ourfocus_section .vc_col-sm-3 .flip-box-wrap,
#dedicated_keyFeaturesRow1 .vc_col-sm-4 .flip-box-wrap,
#dedicated_keyFeaturesRow2 .vc_col-sm-4 .flip-box-wrap {
  margin-left: 50px;
  margin-right: 50px;
}

#ourfocus_section .vc_col-sm-3 .flip-box-wrap .flip-box .flipbox_heading,
#dedicated_keyFeaturesRow1 .vc_col-sm-4 .flip-box-wrap .flip-box .flipbox_heading,
#dedicated_keyFeaturesRow2 .vc_col-sm-4 .flip-box-wrap .flip-box .flipbox_heading {
  width: 56%;
  margin: 0 auto;
  font-size: 24px;
}

#ourfocus_section .vc_col-sm-3 .flip-box-icon,
#dedicated_keyFeaturesRow1 .vc_col-sm-4 .flip-box-icon,
#dedicated_keyFeaturesRow2 .vc_col-sm-4 .flip-box-icon {
  margin-bottom: 30px;
}

#ourfocus_section .vc_col-sm-3 .ifb-back,
#dedicated_keyFeaturesRow1 .vc_col-sm-4 .ifb-back,
#dedicated_keyFeaturesRow2 .vc_col-sm-4 .ifb-back {
  background-color: #1D71B8 !important;
  border-radius: 15px;
}

#ourfocus_section .flip-box-wrap .flip-box .flipbox_heading,
#dedicated_keyFeaturesRow1 .flip-box-wrap .flip-box .flipbox_heading,
#dedicated_keyFeaturesRow2 .flip-box-wrap .flip-box .flipbox_heading {
  font-size: 24px;
}

#ourfocus_section .flip-box-wrap .ifb-back p,
#dedicated_keyFeaturesRow1 .flip-box-wrap .ifb-back p,
#dedicated_keyFeaturesRow2 .flip-box-wrap .ifb-back p {
  font-size: 20px !important;
}

#dedicated_keyFeaturesRow1 .aio-icon-img,
#dedicated_keyFeaturesRow2 .aio-icon-img {
  font-size: 80px;
}

#ourfocus_section .vc_col-sm-3::after {
  content: '';
  background-image: url(../images/focus-wave.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: -50px;
  top: 115px;
  width: 98px;
  height: 18px;

}

#dedicated_keyFeaturesRow1 .vc_col-sm-4::after,
#dedicated_keyFeaturesRow2 .vc_col-sm-4::after {
  content: '';
  background-image: url(../images/focus-wave.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: -50px;
  top: 115px;
  width: 98px;
  height: 18px;

}

#ourfocus_section .vc_col-sm-3:nth-child(4)::after,
#dedicated_keyFeaturesRow1 .vc_col-sm-4:nth-child(3)::after,
#dedicated_keyFeaturesRow2 .vc_col-sm-4:nth-child(3)::after {
  content: '';
  background-image: none;
}


.ourFocus_heading .uvc-main-heading h2 {
  color: #1D71B8;
  font-size: 46px;
  margin-bottom: 20px !important;
  font-family: 'HelveticaNeueLight';
}

.connectivity .area_content.vc_col-sm-6 .vc_column-inner {
  padding-right: 125px;
  padding-left: 50px;
}

.connectivity .vc_col-sm-6 .vc_single_image-wrapper img {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  transition: transform .5s, filter 1.5s ease-in-out;
}

.connectivity .vc_col-sm-6 .vc_single_image-wrapper:hover img {
  transform: scale(1.1);
}

.connectivity .vc_col-sm-6 .uvc-main-heading h2 {
  font-size: 24px;
  color: #FFF;
  margin-bottom: 15px;
}

.connectivity .vc_col-sm-6 .uvc-sub-heading {
  font-size: 36px;
  font-family: 'HelveticaNeueBold';
  color: #FFF;
  margin-bottom: 15px;
}

.connectivity .vc_col-sm-6 .wpb_content_element {
  font-size: 24px;
  color: #FFF;
  margin-bottom: 15px;
  text-align: justify;
}

.connectivity .vc_col-sm-6 .wpb_single_image.vc_align_left {
  overflow: hidden;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.flexible_solutions .area_content.vc_col-sm-6 .vc_column-inner {
  padding-left: 125px;
  padding-right: 50px;
}

.flexible_solutions .vc_col-sm-6 .vc_single_image-wrapper img {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  transition: transform .5s, filter 1.5s ease-in-out;
}

.flexible_solutions .vc_col-sm-6 .vc_single_image-wrapper:hover img {
  transform: scale(1.1);
}

.flexible_solutions .vc_col-sm-6 .uvc-main-heading h2 {
  font-size: 24px;
  color: #FFF;
  margin-bottom: 15px;
}

.flexible_solutions .vc_col-sm-6 .uvc-sub-heading {
  font-size: 36px;
  font-family: 'HelveticaNeueBold';
  color: #FFF;
  margin-bottom: 15px;
}

.flexible_solutions .vc_col-sm-6 .wpb_content_element {
  font-size: 24px;
  color: #FFF;
  margin-bottom: 15px;
  text-align: justify;
  letter-spacing: 1px;
}

.flexible_solutions .vc_col-sm-6 .wpb_single_image.vc_align_left {
  overflow: hidden;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.digital_landscape .area_content.vc_col-sm-6 .vc_column-inner {
  padding-right: 125px;
  padding-left: 50px;
}

.digital_landscape .vc_col-sm-6 .vc_single_image-wrapper img {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  transition: transform .5s, filter 1.5s ease-in-out;
}

.digital_landscape .vc_col-sm-6 .vc_single_image-wrapper:hover img {
  transform: scale(1.1);
}

.digital_landscape .vc_col-sm-6 .uvc-main-heading h2 {
  font-size: 24px;
  color: #FFF;
  margin-bottom: 15px;
}

.digital_landscape .vc_col-sm-6 .uvc-sub-heading {
  font-size: 36px;
  font-family: 'HelveticaNeueBold';
  color: #FFF;
  margin-bottom: 15px;
}

.digital_landscape .vc_col-sm-6 .wpb_content_element {
  font-size: 24px;
  color: #FFF;
  margin-bottom: 15px;
  text-align: justify;
  letter-spacing: 1px;
}

.digital_landscape .vc_col-sm-6 .wpb_single_image.vc_align_left {
  overflow: hidden;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.global_connections .area_content.vc_col-sm-6 .vc_column-inner {
  padding-left: 125px;
  padding-right: 50px;

}

.global_connections .vc_col-sm-6 .vc_single_image-wrapper img {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  transition: transform .5s, filter 1.5s ease-in-out;
}

.global_connections .vc_col-sm-6 .vc_single_image-wrapper:hover img {
  transform: scale(1.1);
}

.global_connections .vc_col-sm-6 .uvc-main-heading h2 {
  font-size: 24px;
  color: #FFF;
  margin-bottom: 15px;
}

.global_connections .vc_col-sm-6 .uvc-sub-heading {
  font-size: 36px;
  font-family: 'HelveticaNeueBold';
  color: #FFF;
  margin-bottom: 15px;
}

.global_connections .vc_col-sm-6 .wpb_content_element {
  font-size: 24px;
  color: #FFF;
  margin-bottom: 15px;
  text-align: justify;
  letter-spacing: 1px;
}

.global_connections .vc_col-sm-6 .wpb_single_image.vc_align_left {
  overflow: hidden;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

#section_VR .vrImage .vc_column-inner {
  height: 100vh;
}

#section_VR .embraceFeatures {
  background: rgb(39, 33, 107);
  background: linear-gradient(90deg, rgba(39, 33, 107, 1) 0%, rgba(29, 113, 184, 1) 100%);
  height: 100vh;
  padding: 25px;
}

.embraceFeatures .uvc-main-heading h2 {
  font-size: 46px;
  color: #FFF;
  text-align: left;
  margin-bottom: 20px !important;
}

.embraceFeatures .uvc-sub-heading {
  font-size: 22px;
  color: #fFF;
  text-align: left;
}

.firstrow_Features {
  margin-top: 50px;
}

.firstrow_Features .uvc-main-heading h2 {
  font-size: 30px;
  font-family: 'HelveticaNeueBold';
  color: #fFF;
  text-align: center !important;
  width: 55%;
  margin: 0 auto !important;
  margin-bottom: 20px !important;
}

.firstrow_Features .uvc-sub-heading {
  font-size: 22px;
  color: #fFF;
  text-align: center;
}

.secondrow_Features {
  margin-top: 50px;
}

.secondrow_Features .uvc-main-heading h2 {
  font-size: 30px;
  font-family: 'HelveticaNeueBold';
  color: #fFF;
  text-align: center !important;
  width: 40%;
  margin: 0 auto !important;
  margin-bottom: 20px !important;
}

.secondrow_Features .uvc-sub-heading {
  font-size: 22px;
  color: #fFF;
  text-align: center;
}

/*----COVERAGE AREA----*/

.form_coverage {
  padding-bottom: 150px !important;
}

.coverage_Section .wpb_single_image img {
  border-radius: 15px;
  border: 8px solid #1D71B8 !important;
}

.wpb_gmaps_widget .wpb_map_wraper iframe {
  border-radius: 15px;
  border: 8px solid #1D71B8 !important;
}

.wpb_gmaps_widget .wpb_wrapper {
  background-color: transparent !important;
  padding: 0 !important;
}

.discountOffer {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

a.newsLink {
  color: #b7bbc0;
  text-decoration: none;
}

.btn_button a {
  padding: 20px 38px 20px 38px !important;
  border-radius: 50px !important;
  font-size: 20px !important;
  font-weight: 500;
  font-family: 'HelveticaNeueBold';
}

.page-id-27 #primary img {
  width: 100%;
}

.page-id-408 #primary img {
  width: 100%;
}

.page-id-414 #primary img {
  width: 100%;
}

.page-id-412 #primary img {
  width: 100%;
}

.page-id-397 #primary img {
  width: 100%;
}

.page-id-400 #primary img {
  width: 100%;
}

.page-id-403 #primary img {
  width: 100%;
}

.page-id-469 #page_heading .uvc-main-heading h2 {
  color: #FFFFFF !important;
}

.footerOne img {
  width: 80%;
}

.footerOne .wp-element-caption {
  color: #FFF;
}

.twoInner,
.threeInner,
.fourInner {
  display: table;
  height: 175px;
  width: 100%;
}

.twoInner div,
.threeInner div,
.fourInner div {
  display: table-cell;
  vertical-align: middle;
}

.threeInner .gpluscode {
  cursor: pointer;
}

.twoInner #block-16 {
  margin-top: 20px;
}

.fourInner #block-22 {
  margin-top: 27px;
  margin-bottom: 15px;
}

.modal-title {
  font-size: 26px;
  color: #010142;
  font-family: 'HelveticaNeueBold';
}

@media only screen and (max-width: 1450px) {

  #block-3,
  #block-4 {
    margin-right: 10px;
  }

  #digitalSection .vc_col-sm-3 .uvc-sub-heading {
    font-size: 34px;
  }

  .maskLogo {
    background-size: contain;
  }

  .accelerate_into_savings {
    background-size: contain;
  }

  .feature_column2 .vc_col-sm-8 h4 {
    width: 80%;
  }
}

@media only screen and (max-width: 1366px) {
  .postDiv img {
    height: calc(100vh - 340px);
    width: inherit !important;
  }
}

.meterColumn3 .getStarted_btn {
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 50px;
  font-family: 'HelveticaNeueBold';
  color: #FFF !important;
  z-index: 1;
  letter-spacing: 0.8px;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  padding: 20px 38px 20px 38px !important;
  text-transform: capitalize;
  text-decoration: none !important;
  transition: all 0.3s ease;
  background: rgb(39, 33, 107);
  background: linear-gradient(90deg, rgb(22 13 88) 0%, rgba(29, 113, 184, 1) 100%);
  transition: all 0.5s;
  margin-top: 50px;
}

#symmetrical_pacakges .meterColumn3 h2.pkgPrice_djf {
  color: #FFF;
  position: absolute;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 0;
  padding-top: 12px;
  font-size: 60px;
  font-family: 'HelveticaNeueBold';
  text-transform: lowercase;
}

#symmetrical_pacakges .meterColumn3 .pkg_mbps {
  color: #FFF;
  font-size: 42px;
  font-family: 'HelveticaNeueLight';
  margin: 30px 0px;
}

.meterColumn3 .speedometer_image {
  width: 250px !important;
  margin: 0 auto;
  padding-bottom: 25px;
}

#symmetrical_pacakges .owl-item .meterColumn3 {
  background-image: url('../images/packages3.jpg') !important;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 322px;
  height: 499px;
  text-align: center;
  border-radius: 15px;
  margin: 0 auto;
}

.whoweare .wpb_content_element {
  color: #FFF;
  font-size: 24px;
  line-height: 34px;
  text-align: justify;
  font-family: 'HelveticaNeueLight';
}

.environment_content .uvc-sub-heading {
  color: #FFF;
  font-size: 24px;
  text-align: justify;
  line-height: 34px;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 50px;
}

.sdgs_section {
  margin-bottom: 50px !important;
}

.sdgs_section .uvc-main-heading h2 {
  color: #FFF;
  font-size: 36px;
  margin-bottom: 20px !important;
  font-family: 'HelveticaNeueLight';
}

.enviroment_section {
  margin-bottom: 50px !important;
}

.enviroment_section .uvc-main-heading h2 {
  color: #FFF;
  font-size: 36px;
  margin-bottom: 20px !important;
  font-family: 'HelveticaNeueLight';
}

.heading_Vision2035 .uvc-main-heading h2 {
  color: #1D71B8;
  font-size: 46px;
  margin-bottom: 20px !important;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 10px;
}

.heading_Vision2035 .uvc-sub-heading {
  color: #FFF;
  font-size: 24px;
  text-align: justify;
  line-height: 34px;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 50px;
}

.heading_Vision2035 {
  margin-bottom: 50px !important;
}

.djibouti_vision {
  color: #FFF;
  font-size: 24px;
  text-align: justify;
  line-height: 34px;
  font-family: 'HelveticaNeueLight';
}

.djibouti_vision .vc_col-sm-4 .vc_column-inner h2 {
  text-align: left;
  transition: all 0.3s ease-in;
  background: linear-gradient(90deg, rgba(39, 33, 107, 1) 0%, #1d71b8 100%) !important;
  padding: 50px 15px;
  font-size: 24px;
  line-height: 34px;
  border-radius: 15px;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  text-align: center;
  color: #FFF;
  border: 0;
  font-size: 24px;
  font-family: 'HelveticaNeueThin';
  margin-top: 25px;
  margin-bottom: 25px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  font-size: 24px;
  font-family: 'HelveticaNeueThin';
  width: 100%;
  border: 0;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  font-size: 24px;
  font-family: 'HelveticaNeueThin';
  width: 100%;
  border: 0;
  color: #FFF;
  text-align: center;
}

.subHeading .uvc-main-heading h2 {
  font-weight: normal;
  color: #1D71B8;
  font-size: 46px;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 10px !important;
}

.subHeading .uvc-sub-heading {
  color: #FFF;
  font-size: 24px;
  line-height: 34px;
  text-align: justify;
  font-family: 'HelveticaNeueLight';
}

.subHeading .wpb_content_element {
  color: #FFF;
  font-size: 24px;
  line-height: 34px;
  text-align: justify;
  font-family: 'HelveticaNeueLight';
}

.customheading_h4 {
  color: #1D71B8;
  font-size: 46px;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 10px !important;
}

#menu-copyright-footer-menu {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

#menu-copyright-footer-menu li a {
  text-decoration: none;
  color: #fff;
  font-size: 18px;
}

#menu-copyright-footer-menu li {
  display: inline;
  padding-left: 15px;
  padding-right: 15px;
}

#menu-copyright-footer-menu-fr {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

#menu-copyright-footer-menu-fr li a {
  text-decoration: none;
  color: #fff;
  font-size: 20px;
}

#menu-copyright-footer-menu-fr li {
  display: inline;
  padding-left: 15px;
  padding-right: 15px;
}

.fourInner #block-21 .wp-block-social-links .wp-block-social-link:hover {
  background: linear-gradient(90deg, rgba(30, 113, 184, 1) 0%, rgba(39, 30, 104, 1) 100%);
  color: #FFF !important;
}

.termsroW {
  background: #02002a;
  padding: 20px 0 !important;
}

.afrifiber_sas a {
  cursor: inherit;
}

.afrifiber-header.header-sticky {
  z-index: 99999 !important;
}

.plaNcontentSymmetrical {
  font-weight: normal;
  font-size: 33px;
  color: #FFF;
  width: 80%;
  padding: 25px 20px 25px 20px;
  text-align: center !important;
  line-height: 42px;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 0px;
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
}

.plaNcontentAsymmetrical {
  font-weight: normal;
  font-size: 30px;
  color: #FFF;
  width: 80%;
  padding: 25px 20px 25px 20px;
  text-align: center !important;
  line-height: 34px;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 0px;
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
}

.plaNcontentDedicated {
  font-weight: normal;
  font-size: 30px;
  color: #FFF;
  width: 80%;
  padding: 25px 20px 25px 20px;
  text-align: center !important;
  line-height: 34px;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 0px;
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
}

.bluefonT h2 {
  color: #1b6ab9;
  font-size: 50px;
  padding: 0 100px 30px !important;
}

.bluefonT2 h2 {
  color: #1b6ab9;
  font-size: 50px;
  padding: 0 360px 0px !important;
}

.width85 {
  width: 85%;
}

.googlePluscode h4 {
  color: #fff;
  font-size: 30px;
  font-family: 'HelveticaNeueLight';
  text-decoration: none;
  cursor: pointer;
}

.meter {
  padding: 10px 20px;
  border-radius: 10px;
  position: relative;
  display: block;
  cursor: pointer;
}


/*-------------------------*/
/* Speedo Meter animation
/*------------------------*/

/*-----------*/
/* 10 MBPS
/*-----------*/

#id_10Mbps {
  position: absolute;
  left: 45%;
  top: 31%;
  transform-origin: 50% calc(100% - 15px);
  transform: rotate(-75deg);
  width: 32px !important;
  height: 92px !important;
}

.meter:hover #id_10Mbps {
  animation: rotate10Mbps 1s ease-in-out, rotateTo10Mbps60deg 1s ease-in-out 1s alternate infinite;

}

@keyframes rotate10Mbps {
  from {
    transform: rotate(-75deg);
  }

  to {
    transform: rotate(-60deg);
  }
}

@keyframes rotateTo10Mbps60deg {
  from {
    transform: rotate(-60deg);
  }

  to {
    transform: rotate(-70deg);
  }
}


/*-----------*/
/* 20 MBPS
/*-----------*/

#id_20Mbps {
  position: absolute;
  left: 45%;
  top: 31%;
  transform-origin: 50% calc(100% - 15px);
  transform: rotate(-75deg);
  width: 32px !important;
  height: 92px !important;
}

.meter:hover #id_20Mbps {
  animation: rotate20Mbps 1s ease-in-out, rotateTo20Mbps40deg 1s ease-in-out 1s alternate infinite;

}

@keyframes rotate20Mbps {
  from {
    transform: rotate(-75deg);
  }

  to {
    transform: rotate(-50deg);
  }
}

@keyframes rotateTo20Mbps40deg {
  from {
    transform: rotate(-50deg);
  }

  to {
    transform: rotate(-60deg);
  }
}


/*-----------*/
/* 30 MBPS
/*-----------*/

#id_30Mbps {
  position: absolute;
  left: 45%;
  top: 31%;
  transform-origin: 50% calc(100% - 15px);
  transform: rotate(-75deg);
  width: 32px !important;
  height: 92px !important;
}

.meter:hover #id_30Mbps {
  animation: rotate30Mbps 1s ease-in-out, rotateTo30Mbps40deg 1s ease-in-out 1s alternate infinite;

}

@keyframes rotate30Mbps {
  from {
    transform: rotate(-75deg);
  }

  to {
    transform: rotate(-40deg);
  }
}

@keyframes rotateTo30Mbps40deg {
  from {
    transform: rotate(-40deg);
  }

  to {
    transform: rotate(-50deg);
  }
}


/*-----------*/
/* 50 MBPS
/*-----------*/

#id_50Mbps {
  position: absolute;
  left: 45%;
  top: 31%;
  transform-origin: 50% calc(100% - 15px);
  transform: rotate(-75deg);
  width: 32px !important;
  height: 92px !important;
}

.meter:hover #id_50Mbps {
  animation: rotate50Mbps 1s ease-in-out, rotateTo50Mbps40deg 1s ease-in-out 1s alternate infinite;

}

@keyframes rotate50Mbps {
  from {
    transform: rotate(-75deg);
  }

  to {
    transform: rotate(-20deg);
  }
}

@keyframes rotateTo50Mbps40deg {
  from {
    transform: rotate(-20deg);
  }

  to {
    transform: rotate(-40deg);
  }
}


/*-----------*/
/* 100 MBPS
/*-----------*/

#id_100Mbps {
  position: absolute;
  left: 45%;
  top: 31%;
  transform-origin: 50% calc(100% - 15px);
  transform: rotate(-75deg);
  width: 32px !important;
  height: 92px !important;
}

.meter:hover #id_100Mbps {
  animation: rotate100Mbps 1s ease-in-out, rotateTo100Mbps0deg 1s ease-in-out 1s alternate infinite;
}

@keyframes rotate100Mbps {
  from {
    transform: rotate(-75deg);
  }

  to {
    transform: rotate(-0deg);
  }
}

@keyframes rotateTo100Mbps0deg {
  from {
    transform: rotate(-0deg);
  }

  to {
    transform: rotate(-30deg);
  }
}



/*-----------*/
/* 200 MBPS
/*-----------*/

#id_200Mbps {
  position: absolute;
  left: 45%;
  top: 31%;
  transform-origin: 50% calc(100% - 15px);
  transform: rotate(-75deg);
  width: 32px !important;
  height: 92px !important;
}

.meter:hover #id_200Mbps {
  animation: rotate200Mbps 1s ease-in-out, rotateTo200Mbps50deg 1s ease-in-out 1s alternate infinite;
}

@keyframes rotate200Mbps {
  from {
    transform: rotate(-75deg);
  }

  to {
    transform: rotate(35deg);
  }
}

@keyframes rotateTo200Mbps50deg {
  from {
    transform: rotate(35deg);
  }

  to {
    transform: rotate(-0deg);
  }
}



/*-----------*/
/* 300 MBPS
/*-----------*/

#id_300Mbps {
  position: absolute;
  left: 45%;
  top: 31%;
  transform-origin: 50% calc(100% - 15px);
  transform: rotate(-75deg);
  width: 32px !important;
  height: 92px !important;
}

.meter:hover #id_300Mbps {
  animation: rotate300Mbps 1s ease-in-out, rotateTo300Mbps50deg 1s ease-in-out 1s alternate infinite;
}

@keyframes rotate300Mbps {
  from {
    transform: rotate(-75deg);
  }

  to {
    transform: rotate(70deg);
  }
}

@keyframes rotateTo300Mbps50deg {
  from {
    transform: rotate(70deg);
  }

  to {
    transform: rotate(40deg);
  }
}




/*-----------*/
/* 1000 MBPS
/*-----------*/

#id_1000Mbps {
  position: absolute;
  left: 45%;
  top: 29%;
  transform-origin: 50% calc(100% - 15px);
  transform: rotate(-83deg);
  width: 48px;
  height: 158px;
  transition: transform 1.5s ease-in-out;
}

.meter:hover #id_1000Mbps {
  animation: rotate1000Mbps 1.5s ease-in-out, rotateTo1000Mbps50deg 1.5s ease-in-out 1.5s alternate infinite;
}

@keyframes rotate1000Mbps {
  from {
    transform: rotate(-83deg);
  }

  to {
    transform: rotate(88deg);
  }
}

@keyframes rotateTo1000Mbps50deg {
  from {
    transform: rotate(88deg);
  }

  to {
    transform: rotate(78deg);
  }
}


/*
#id_1000Mbps {
  position: absolute;
  left: 45%;
  top: 29%;
  width: 45px !important;
  height: 158px !important;
  transform-origin: 50% calc(100% - 15px);
  transform: rotate(-83deg) translateZ(0);
transition: transform 1.5s ease-in-out;
will-change: transform;
}

.dediMeter:hover #id_1000Mbps {
  animation: rotate1000Mbps 1.5s ease-in-out infinite, rotateTo1000Mbps50deg 1.5s ease-in-out 1.5s alternate infinite;
}

@keyframes rotate1000Mbps {
  from {
    transform: rotate(-83deg) translateZ(0);
  }

  to {
    transform: rotate(80deg) translateZ(0);
  }
}

@keyframes rotateTo1000Mbps50deg {
  from {
    transform: rotate(80deg) translateZ(0);
  }

  to {
    transform: rotate(75deg) translateZ(0);
  }
}

*/


#dei_container_Pkg .meter {
  width: 400px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}


svg {
  margin: auto;
  max-width: 100%;
}


.gradntbtN {
  font-size: 50px !important;
  margin: 0 auto;
  display: table !important;
  float: none;
  text-align: center;
  font-family: 'HelveticaNeueBold' !important;
  border: 0 !important;
}

.maskLogo-mobile {
  display: none;
}

body.lang-fr .djibouti_vision .vc_col-sm-4 .vc_column-inner h2 {
  height: 200px;
  vertical-align: middle;
  display: table-cell;
}

.buttonSubmit a .wpcf7-submit {
  font-size: 18px;
  font-weight: 500;
}

.speedometer_column .getStarted_btn {
  font-size: 18px;
}

#digitalSection .learnMore .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
  font-size: 18px;
}

.postColumn .post_readMore {
  font-size: 18px;
}

#block-5 a,
#block-6 a {
  text-shadow: 2px 2px black;
}

#block-5 .headPhone_icon,
#block-6 .headEmail_icon {
  text-shadow: 2px 2px black;
}

.main-navigation ul#primary-menu li>ul {
  width: max-content;
}

.dedicatedFeatures {
  padding-left: 0;
  list-style-type: none;
}

.dedicatedFeatures li {
  font-size: 18px;
  margin-bottom: 25px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.dedicatedFeatures li .journey-img img {
  width: 24px;
  min-width: 24px;
}

.dedicatedPlan-detail {
  font-family: 'HelveticaNeueLight';
}

.card-promo-price {
  font-family: 'HelveticaNeueBold';
  text-align: right;
}

.dedicatedFeatures li .card-promo-price img {
  width: 24px;
  min-width: 24px;
}

#dedicatedMeter .card {
  max-width: 450px;
}



/* 
.dei_container_Pkg {
  background-image: url(../images/plaDedicated._bg.jpg) !important;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 450px;
  height: 565px;
  text-align: center;
  border-radius: 15px;
  margin: 0 auto;
  border: 0;
}

.dei_Pkg_item h2.pkgPrice_djf {
  color: #FFF;
  position: absolute;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 30px;
  font-size: 50px;
  font-family: 'HelveticaNeueBold';
  text-transform: lowercase;
}

.dei_Pkg_item .pkg_mbps {
  color: #FFF;
  font-size: 42px;
  font-family: 'HelveticaNeueLight';
  margin: 20px 0px;
}
 */
#dedicatedPlanDetails .meter {
  margin-top: 30px;
  margin-bottom: 25px;
}

#dedicatedPlanDetails .card {
  max-width: 450px;
}

#dedicatedPlanDetails .card-body {
  padding: 30px 25px;
}

#dedicatedPlanDetails .card-header {
  color: #fff;
  font-size: 46px;
  font-family: 'HelveticaNeueBold';
  padding: 40px 25px;
  position: absolute;
  width: 100%;
  text-align: center;
  border: 0;
}

#dedicatedPlanDetails .btn-outline-primary {
  border: 2px solid #1D71B8;
  color: #1D71B8;
  font-family: 'HelveticaNeueBold';
  font-size: 16px;
  border-radius: 50px;
  padding: 10px 20px;
}

#dedicatedPlanDetails .btn-outline-primary:hover {
  background: rgb(39, 33, 107);
  background: linear-gradient(90deg, rgb(22 13 88) 0%, rgba(29, 113, 184, 1) 100%);
  transition: all 0.5s;
  color: #FFF;
}

.dedicatedFeatures li span {
  display: flex;
  max-width: 180px;
  color: #FFF;
  align-items: center;
  text-align: left;
}

.dedicatedFeatures li span.text-right {
  text-align: right;
}

.dedicatedFeatures li .journey-text {
  margin-left: 10px;
}

#dedicatedPlanDetails .card {
  background-image: url(../images/plaDedicated._bg.jpg) !important;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 450px;
  height: auto;
  text-align: center;
  border-radius: 15px;
  margin: 0 auto;
  border: 0;
}

#pkgPlans .vc_col-sm-4 .uvc-main-heading h2 {
  font-size: 46px;
  color: #FFF;
  font-family: 'HelveticaNeueBold';
  margin-bottom: 20px;
  letter-spacing: 1px;
}

#pkgPlans .vc_col-sm-4 .uvc-sub-heading {
  color: #FFF;
  font-size: 24px;
  font-family: 'HelveticaNeueLight';
  margin-bottom: 20px;
}

#pkgPlans .vc_col-sm-4 .vc_btn3-container.vc_btn3-inline {
  margin-bottom: 60px;
}

.home #breadcrumb {
   display: none;
}
#breadcrumb li {
  font-family: 'HelveticaNeueLight';
  position: relative;
  margin: 0 10px;
  display: inline-block;
  align-items: center;
  font-size: 14px;
}

#breadcrumb li a {
  color: #010142;
  padding: 6px 12px;
  font-size: 14px;
  text-decoration: none;
  font-weight: 500;
  font-family: 'HelveticaNeueLight';
}

#breadcrumb li:first-child {
  padding-left: 0px;
  margin-left: 0;
  padding-right: 0;
}

#breadcrumb li a:first-child {
  padding-left: 0px;
}

#breadcrumb li {
  padding: 4px 10px;
}

#breadcrumb li:last-child {
  font-weight: 600;
}

#breadcrumb {
    background: #e5e5e5;
    display: inline-block;
    padding: 2px 5px 2px 30px;
    border-radius: 25px;
    margin-top: 8px;
}
#breadcrumb ul {
  width: 100%;
  /* padding-left: 20%; */
  padding-left: 0; 
  justify-content: left;
  margin: 0 auto !important;
  display: inline;
}


#breadcrumb li:first-child:before {
  display: none;
}

#breadcrumb li:before:first-child {
  display: none;
}

#breadcrumb li:before {
    content: "\e5cc";
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 20px;
    position: absolute;
    top: 1px;
    left: -22px;
}

.menuContainer {
  display: table;
  height: 120px;
  width: 100%;
}

.titleHeadingh2 {
  margin-bottom: 50px;
}

.titleHeadingh2 .uvc-main-heading {
  display: inline-block;
}

.titleHeadingh2 .uvc-main-heading h2 {
  background: rgb(39, 33, 107);
  background: linear-gradient(90deg, rgb(22 13 88) 0%, rgba(29, 113, 184, 1) 100%);
  transition: all 0.5s;
  border: 0 !important;
  font-size: 46px;
  width: 100%;
  border-radius: 40px;
  font-family: 'HelveticaNeueBold';
  color: #FFF;
  padding: 14px 42px !important;
}

.bannerTitle {
  position: absolute !important;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  height: 87vh;
}

.bannerTitle .uvc-main-heading h2,
.bannerTitle .uvc-sub-heading {
  font-size: 65px;
  color: #FFF;
  text-align: left;
}

#befast_befree {
  padding: 100px 0px;
  margin-top: 200px !important;
}

.befast_befree input[type="text"],
.befast_befree input[type="email"],
.befast_befree input[type="number"],
.befast_befree select {
  border-radius: 8px;
  padding: 12px 15px;
  border: 0;
  width: 100%;
  font-family: 'HelveticaNeueLight';
}

#befast_befree .form_befastbefree {
  padding: 25px;
  background: rgb(39, 33, 107);
  background: linear-gradient(90deg, rgba(39, 33, 107, 1) 0%, rgba(29, 113, 184, 1) 100%);

}

.befast_befree .col-sm-12 label,
.befast_befree .col-sm-12 label,
.befast_befree .col-sm-12 label {
  color: #FFF;
  margin-bottom: 10px;
}

.befast_befree textarea {
    width: 100%;
    border-radius: 8px;
    height: 150px;
    padding: 10px 15px;
}
#befast_befree .wpb_wrapper,
#befast_befree .wpb_single_image,
#befast_befree .vc_figure,
#befast_befree .vc_single_image-wrapper {
    flex: 1;
    display: flex;
    align-items: stretch;
}

/* IMPORTANT FIX */
#befast_befree .vc_single_image-wrapper img {
    width: 100%;
    height: 100%;
    display: block;
}




.contactforMs select {
    border-radius: 8px;
    padding: 12px 15px;
    border: 0;
    width: 100%;
    font-family: 'HelveticaNeueLight';
}
.contactforMs .wpcf7-list-item-label {
    font-family: 'HelveticaNeueLight';
    color: #fff;
    font-size: 16px;
    padding-left: 2px;
}
.contactforMs .wpcf7-list-item {
    margin: 0 0 0 2em;
}
.contactforMs .wpcf7-list-item:first-child {
    margin: 0 !important;
}
.contactforMs textarea {
    border-radius: 8px;
    padding: 12px 15px;
    border: 0;
    width: 100%;
    font-family: 'HelveticaNeueLight';
}
.contactforMs h5 {
    color: #fff;
    font-size: 16px;
}
.global_iconroW .flip-box-icon {
    margin-bottom: 0px !important;
}
.global_iconroW .align-icon {
    width: 35%;
    margin: 0 auto;
}
.benefitS .vc_col-sm-4 .uvc-main-heading h2 {
    font-size: 28px !important;
    text-align: center;
    margin-bottom: 0 !important;
}
.benefitS .vc_col-sm-4 .uvc-sub-heading {
    font-size: 18px !important;
    line-height: 25px;
    margin-bottom: 0 !important;
    padding: 0 10px;
}
.benefitS .vc_col-sm-4 .uvc-sub-heading strong {
    font-family: 'HelveticaNeueBold';
    font-size: 20px !important;
}
.benefitS .vc_col-sm-4 .wpb_wrapper {
    height: 100%;
}
.benefitS.lasT .vc_col-sm-4 .wpb_wrapper {
    height: auto !important;
    min-height: auto !important;
}
.zigzagroW .contentroW.vc_col-sm-6:first-child {
    padding-right: 50px;
    padding-left: 0;
}
.zigzagroW .contentroW.vc_col-sm-6:last-child {
    padding: 0 50px;
}
.zigzagroW .contentroW.vc_col-sm-6 .vc_column-inner {
    padding: 0px;
}
.zigzagroW .page_heading .uvc-sub-heading {
    text-align: left;
    margin-bottom: 0 !important;
}
.zigzagroW .uvc-sub-heading p:nth-child(3) {
    margin-bottom: 0 !important;
}
.zigzagroW .uvc-sub-heading p:empty {
    /* display: none; */
}
.zigzagroW .uvc-sub-heading ul {
    padding-left: 25px;
}
.p-0 {
    padding: 0;
}
.zigzagroW .vc_col-sm-6:last-child img {
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
}
.zigzagroW .vc_col-sm-6:first-child img {
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}
.zigzagroW .vc_row:first-child .vc_col-sm-6:last-child img {
    border-top-left-radius: 25px;
}
.zigzagroW .vc_row:last-child .vc_col-sm-6:first-child img {
    border-bottom-right-radius: 25px;
}