:root {
    color: #000927;
    color: #0000000D;
    color: #F2F5FF;
    color: #FD9A0C;
    color: #F05C15;
    color: #E4185B;
    color: #00000033;
    color: #000000A1;
    color: #707070;
}

body {
    margin: 0;
	padding: 0;
    font-family: 'Poppins', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
   
}

img {
	width: 100%;
	height: auto;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin-top: 0;
    font-weight: 300;
}

p, li, a {
    font-size: 15px;
    line-height: normal;
    font-weight: 400;
    font-family: 'Poppins', sans-serif!important;
}

strong {
    font-weight: 900;
}

ul {
	padding-left: 20px;
    display: flex;
    list-style: none;
}

a:hover, a:focus {
	border-bottom: 0;
	text-decoration: none;
}
a:focus{
    color:white;
}
i {
    vertical-align: middle;
}

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

/* header */
.header {
    background-color:transparent;
    padding-bottom: 16px;

}
.header .navbar-nav {
    padding-top: 31px;
}
.nav-item a:hover{
    color: orange;
}

.nav-item .active a{
    color:orange;
}
.lilac-jump-slider>.nav-item {
    margin-right: 64px;
    margin-left: 80px;
}
.nav-link-head.active:before {
    content: '';
    border-left: 4px solid orange!important;
    position: absolute;
    top: -108px;
    left: 20px;
    right: 0;
    height: 97px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.logo-header img {
    width: 79%;
}
a.active {
    color:orange;
    font-size:15px;
}
.nav-link-head {
    color: white;
    margin-left: 20px;
    position: relative;
}

.end-button {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    background: transparent;
    padding: 0;
    font-size: 15px;
    font-family: inherit;
    top: 0;
    left: 23px;
    color:white;
}

.learn-more {
    width: 12rem;
    height: auto;
}

.arrow {
    transition:all, 0.45s, cubic-bezier(0.65,0,.076,1);
    left: 0.625rem;
    width: 1.125rem;
    height: 0.125rem;
    background: none;
}
.btn.rounded {
    border-radius: 50px;
  
}
.text {
    mix-blend-mode: hard-light;
    color: #000927!important;
    vertical-align: middle;
}
.btn.rounded .text{
    font-weight:200;
    padding-left: 5px;
    color: #000927!important;
    vertical-align: middle;
   
}
.btn.rounded.our-services{
    padding: 6px 44px;
}
.btn-primary {
    background-image: linear-gradient(to top, #FD9A0C 0%, #F05C15 100%)!important;
    color: white!important;
    border-radius: 100px;
    width: 110%;
    height: auto;
    padding: 10px;
}
.btn.rounded::before {
    border-radius: 182px;
    width: 20%;
    background-image: linear-gradient(to top, #FD9A0C 0%, #F05C15 100%);
    background-image: linear-gradient(to top, #FD9A0C 0%, #F05C15 100%);
    color: white!important;
    height: 38px;
}

.btn.rounded.text:hover{
    color:white;
}
.btn.rounded.white-circle:hover .orange-text{
    color:#F05C15;
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.btn.rounded:hover::before {
    background-image: linear-gradient(to top, #FD9A0C  0%, #F05C15 100%);
    background-image: linear-gradient(to top, #FD9A0C  0%, #F05C15 100%);
    color:white!important;
    width: 100%!important;
   
}
.btn::before {
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.btn {
    border: none;
    padding: 7px 44px;
    font-size: 15px;
    position: relative;
    line-height: normal;
    margin-left: -23px;
    margin-top: 16%;
    vertical-align: middle;
}
.btn.rounded.national:hover .text{
    color:#000927;
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.btn.rounded.view-gallery:hover .text{
    color:#000927;
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.btn.rounded.our-services:hover .text{
    color:#000927;
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.btn.rounded.white-circle{
    border: none;
    font-size: 15px;
    position: relative;
    line-height: normal;
    margin-left: -7px;
    margin-top: 5%;

}
a.btn.rounded.white-circle:after{
    color:black;
}
#end-button{
    display:none;
}
.btn.rounded.national {
    color: #000927!important;
    margin-top: 60px!important;
    text-align: center;
    margin-left: 0;
    padding: 6px 44px;
}
.btn.rounded.national:after{
    mix-blend-mode:hard-light;
}
.btn.rounded.national::before {
    border-radius: 182px;
    width: 22%;
    background-color: linear-gradient(to top, #FD9A0C 0%, #F05C15 100%)!important;
    background-color: linear-gradient(to top, #FD9A0C 0%, #F05C15 100%)!important;
    color: #000927!important;
    height: 37px;
}
.text:after{
    color:white!important;
}
.btn.rounded.white-circle::before{
    border-radius: 182px;
    background: linear-gradient(0deg, #ffffff 10%, #ffffff 90%);
    color: white;
}
.btn.rounded.white-circle:hover::before {
    background: linear-gradient(0deg, #ffffff 10%, #ffffff 90%);
    color:orange;
    width: 100%;
}
span.orange-text {
    position: relative;
    left: 0;
    color: white;
}
span.orange-text:hover{
    position: relative;
    top:0;
    left: 5px;
    
}
span .btn:after{
    color:white;
}

.text-one{
    color:white;
    mix-blend-mode: difference;
    position: relative;
    left: 5px;
    mix-blend-mode: hard-light;
    vertical-align: middle;
}
.text-two{
    color:white;
    mix-blend-mode: difference;
    position: relative;
    left: 5px;
    mix-blend-mode: hard-light;
    vertical-align: middle;
}
.text-three {
    color: white;
    mix-blend-mode: hard-light;
    position: relative;
    left: 5px;
    top: 0px;
    vertical-align: middle;
    
}
.text-four{
    color: #000927!important;
    mix-blend-mode: hard-light;
    position: relative;
    top: -2px;
    vertical-align: middle;

}
.world:after{
    color:white!important;
}
.btn.rounded .head-section:after{
    color:white!important;
}
/* home-page */
.home-header {
    background-image: url(/images/home-header-new.png);
    background-repeat: no-repeat;
    min-height: 88vh;
    background-color: #000927;
    background-size: 80%;
    overflow: hidden;
    background-position: top 74% right;
    
}
.index-page{
    background-color: #000927;
    overflow:hidden;
}
.connecting {
    color: white;
    font-weight: 900;
    font-size: 55px;
    padding-top: 23%;
    padding-left: 0%;
}
.connecting p{
    margin-left: 10px;
    margin-top: 17px;
}
.squiggle {
    position: absolute;
    left: -68%;
    width: 66%;
    bottom: 62%;
}
.btn.rounded.world{
    color:white;
    mix-blend-mode: difference;
    font-weight:200;
    margin-left: 0;
    padding: 4px 44px;
    margin-top: 9px;
}

.world>.text-green{
    margin-left:15px;
}
.world::before {
    border-radius: 164px;
    width: 28%;
    background-image: linear-gradient(to top, #FD9A0C 0%, #F05C15 100%)!important;
    background-image: linear-gradient(to top, #FD9A0C 0%, #F05C15 100%)!important;
    color: white;
    height: 124%;

}
.world:hover::before {
    background-image: linear-gradient(to top, #FD9A0C  0%, #F05C15 100%);
    background-image: linear-gradient(to top, #FD9A0C  0%, #F05C15 100%);
    color:white;
    width: 100%;

}
.fas.fa-arrow-circle-right.orange-grade{
    color:  #F05C15;
    border-radius:30px;
    font-size:25px;
}
.fas.fa-arrow-circle-right.white-grade{
    color:  white;
    border-radius:30px;
    font-size:25px;

}
.block-orange {
    background-image: linear-gradient(to top, #FD9A0C  0%, #F05C15 100%);
    background-image: linear-gradient(to top, #FD9A0C  0%, #F05C15 100%);
    color:white;
}
.block-orange h5 {
    font-weight:700;
    font-size:25px;
}
.section-one h5{
    font-weight:700;
    font-size:25px;
}
.fas.fa-arrow-circle-right{
    float:right;
}
.card-body.home {
    width: 100%;
    padding-left: 46px;
    padding-top: 32px;
}
.home-header-section>.card{
    border-radius:0;
}

.header-mission-row {
    min-height: 186px;
}
.card.section-one{
    background-color:#fff;
}
.card.section-two{
    background-color:#F05C15;
}
.second-section-home {
    margin-bottom: 0;
    z-index: 99999;
    position: relative;
    bottom: 234px;
    height: 332px;
}
.second-section-home .row {
    background-color: #F2F5FF;
    padding: 8%;
}
.col-md-8.col-lg-7.card-group.home-header-section{
    max-width: 55.333333%;
}
.national-header {
    font-weight: 900;
    font-size: 29px;
    padding-right: 31px;
}
.orange-jump-slider {
    background-color: White;
    padding-top: 0;
    padding-bottom: 5%;
}
.three-orange-tabs-text{
    font-size:25px;
    font-weight:800;
}

.orange-tab-paragraph{
    text-align:center;
    padding-top:2%;
    padding-bottom: 2%;
    position: relative;
    left: 29%;
}

.view-gallery {
    color: black!important;
    margin-top: 0;
    text-align: center;
    margin-left: 44%;
    padding: 6px 44px;
}
.view-gallery:after{
    mix-blend-mode:hard-light;
}

.btn.rounded.view-gallery::before {
    background-color: linear-gradient(to top, #FD9A0C 0%, #F05C15 100%)!important;
    background-color: linear-gradient(to top, #FD9A0C 0%, #F05C15 100%)!important;
    color: black;
}
.nav.nav-tabs .nav-link {
    font-size: 30px;
    color: gray;
    font-weight: 700;
    background-color: transparent;
    border: none;
}
.orange-jump-slider .nav.nav-tabs {
    margin-top: -1%;
    text-align: center;
    justify-content: center;
}
.lilac-jump-slider .nav.nav-tabs {
    margin-top: 15%;
    text-align: center;
    justify-content: center;
}
.nav.nav-tabs .nav-link.active:before {
    content: '';
    top: -170px;
    left: 50%;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-left: 8px solid orange;
    position: absolute;
    height: 160px;
    color: black;
    font-weight: 600;
}

.nav-link.active {
    position:relative;
}

.white-bg-button{
    background-color:white;
    padding-top:2%;
    padding-bottom:2%;
}
.rounded-large-image {
    border-radius: 50%;
    width: 59%;

}
.great-things-header {
    color: #000927;
    font-size: 64px;
    font-weight: 900!important;
    margin-top: 18%;
    margin-left: 37%;
}
.great-things-text {
    padding-left: 37%;
    padding-top: 16px;
}
#greatCarousel {
    top: -188PX;
}
#greatCarousel>.carousel-indicators {
    left: 0;
    top: auto;
    bottom: -93px;
}
#greatCarousel>.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    background-clip: padding-box;
    border:1px solid #000927;
    opacity: 1;
    transition: opacity .6s ease;
    border-radius: 100%;
}
.carousel-indicators li.active {
    background-color:#FD9A0C;
    border:1px solid #FD9A0C;
}
#indexCarousel>.carousel-indicators {
    left: 0;
    top: auto;
    bottom: -93px;
}
#indexCarousel>.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.smaller-round-pink-icon {
    background-color: #E4185B;
    border-radius: 50%;
    border: 1px solid#E4185B;
    padding: 0;
    color: white;
    height: 100px;
    width: 100px;
    position: relative;
    bottom: 24%;
}
.btn.pink-text {
    margin-left: 0;
    margin-top: 17px;
    text-align: center;
    color: whitesmoke;
    right: 21px;
}
.some-great-things{
    padding-top:5%;
    background-color:#F2F5FF;
    padding-bottom: 6%;
}
.master-slider-great {
    min-height: 10vh;
    width: 100%;
}
.great-things-master-slider{
    padding-bottom:10%;
}
.our-services{
    margin-left: 36%;
    margin-top: 0;
    color: black!important;
    margin-top: 0;
}

.our-services:after{
    mix-blend-mode:hard-light;
}

.btn.rounded.our-services::before {
    background-color: linear-gradient(to top, #FD9A0C 0%, #F05C15 100%)!important;
    background-color: linear-gradient(to top, #FD9A0C 0%, #F05C15 100%)!important;
    color: black;
}
/* about-us */

.about-page-parallax {
    background-image: url(/images/our-services-header.jpg);
    background-repeat: no-repeat;
    padding-bottom: 14%;
    background-position: bottom;
}
.about-header{
    color:white;
    font-size:65px;
    font-weight: 700;
    text-align: center;
    padding-top: 12%;
}
.about-sub-header{
    font-size:15px;
    color:white;
    text-align: center;
}
.orange-box{
    background-image: linear-gradient(to top, #FD9A0C  0%, #F05C15 100%);
    background-image: linear-gradient(to top, #FD9A0C  0%, #F05C15 100%);
    color:white;
    padding-top: 7%;
    padding-bottom: 9%;
}
.white-map-img{
    width: 72%;
    height: auto;
}
.orange-header{
    font-weight: 700;
}
.orange-text{
    padding-top: 5%;
    font-size:15px;
}
.card.white-bg{
    min-height: 18vh;
    height:auto;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-color:transparent;
    font-size:15px;
}
.white-cards-section .card-title{
    font-size:35px;
    font-weight:900;
}
.white-cards-section .card-body {
    padding: 2.25rem;
    position: relative;
    top: -124px;
    z-index: 99999;
    background-color: white;
    border-radius: 4px;
    border-color: white;
    height: 20vh;
    font-size:15px;
}
.white-cards-section{
    padding-bottom:5%;
}
.light-purple-box-master-slider .ms-slide{
    background-color:#F2F5FF;
}
.light-purple-box-master-slider{
    padding-bottom:5%;
}

.master-slider-img {
    width: 85%;
    height: 37vh;
    padding-top: 19%;
    margin-left:74px;
}
.ms-slide{
    width: 800px;
    height: 350px;
    left: 805px;
    transform: translateZ(0px) rotateY(0deg);
    z-index: 2;
    background-color: #000927;
    padding-top: 78px;
}
.our-works{
    padding-top: 38%;
    font-size:55px;
    font-weight:800;
}
.our-works-sub-header{
    font-size:25px;
    padding-top:10px;
}
.ms-slide{
    color:#000927;
}
.our-clients{
    font-size:55px;
    font-weight:800;
    color:white;
    text-align:center;
}
.our-clients-text{
    color:white;
    text-align:center;
    width:505;
    font-size:15px;
}
.our-clients-gallery {
    color: white;
    height: auto;
    background-color: #000927;
    padding-bottom: 5%;
    padding-top: 5%;
}
.master-slider-img-2 {
    width: 83%;
    height: auto;
    padding-top: 19%;
    margin-left: 0;
}
.ms-skin-contrast .ms-bullet {
	width: 16px;
	height: 16px;
	background: url(contrast-skin.png) no-repeat;
	background-position: -31px -114px;
	margin: 4px;
}
/* services */
.services-page-parallax{
    background-image: url(/images/about-us-header.jpg);
    background-repeat: no-repeat;
    padding-bottom: 13%;
    background-position: bottom;
}
.services-header{
    color:white;
    font-size:65px;
    font-weight: 700;
    text-align: center;
    padding-top: 12%;
}

.services-text{
    font-size:15px;
    color:white;
    text-align: center;
}

#servicesCarousel>.carousel-indicators {
	left: 0;
	top: auto;
    bottom: -40px;
}
#servicesCarousel>.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    top: -224px!important;
}
#servicesCarousel>.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 16px;
    height: 12px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: orange;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
    border-radius: 137%;
}
#servicesCarousel>.carousel-indicators {
    top: 66%;
}
.lilac-jump-slider{
    min-height: 68vh;
    background-color: #F2F5FF;
    padding-bottom: 11%;
    padding-top: 4px;
}

.btn.rounded .white-circle::before {
    border-radius: 164px;
    width: 28%;
    background-color:white!important;
    color: orange;
    height: 124%;
}
.btn.rounded .white-circle:hover::before {
    background-color:white;
    color: orange;
}
.three-lilac-tabs-text{
    font-size:25px;
    font-weight:800;
    padding-top:5%;
}
.master-slider-img-3 {
    width: 100%;
    height: 44vh;
    padding-top: 19%;
}

.lilac-tab-paragraph{
    text-align: center;
    padding-top: 97px;
    font-size:15px;
}
.nav-tabs {
    border-bottom: none;
}
.nav-tabs .nav-link.active {
    font-size: 30px;
    color: black;
    font-weight: 700;
    background-color: transparent;
    border: none;
}
.nav-tabs,.nav-link{
    font-size: 30px;
    color:#707070;
    font-weight:700;
}
.triangle {
    font-weight: 800;
    font-size: 38px;
}
.triangle-strategy {
    text-align: center;
    padding-bottom: 5%;
}
.triangle-text{
    padding-bottom: 21px;
    padding-top: 12px;
    font-size:15px;
}
.contact-fibre-trade-bg{
    background-image: linear-gradient(to top, #FD9A0C  0%, #F05C15 100%);
    background-image: linear-gradient(to top, #FD9A0C  0%, #F05C15 100%);
    color:white;
    padding-top: 7%;
    padding-bottom: 7%;
}
.connecting span {
    color:white;
}

/* gallery */

.gallery-page{
    background-color:#000927;
    padding-bottom: 5%;
}
.gallery-header{
    color:white;
    font-size:65px;
    font-weight: 700;
    text-align: center;
    padding-top: 12%;
}

.gallery-text{
    font-size:15px;
    color:white;
    text-align: center;
}
.gallery-img {
    width: 100%;
    margin-top: 30px;
    height: auto;
}
.gallery{
    padding-top:9%;
}
/* contact */
.contact-page{
    background-color:#000927;
    padding-bottom:5%;
}
.contact-header{
    color:white;
    font-size:65px;
    font-weight: 700;
    text-align: center;
    padding-top: 12%;
}
::-webkit-input-placeholder{
    text-transform: uppercase;
}
.contact-text, .contact-text a {
    font-size: 15px;
    color: white;
    text-align: center;
    margin-bottom: 14%;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(3.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size:15px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-bottom: 10px;
}
.form-control.message{
    height: 9.5rem;
    padding: 15px;
}
.btn.rounded.send{
    margin-top:10px;
    margin-left:0;
    padding: 8px 44px;
}
.btn.rounded.send::before {
    border-radius: 164px;
    width: 30%;
    background-image: linear-gradient(to top, #FD9A0C 0%, #F05C15 100%);
    background-image: linear-gradient(to top, #FD9A0C 0%, #F05C15 100%);
    color: white;
    height: 35px;
}

.btn.rounded.send:hover::before {
    background-image: linear-gradient(to top, #FD9A0C  0%, #F05C15 100%);
    background-image: linear-gradient(to top, #FD9A0C  0%, #F05C15 100%);
    color:white;
    width:105%!important;  
}

/* footer */
#footer-top {
    background: -webkit-linear-gradient(135deg, #FD9A0C 20%,#F05C15 80%);
    background: linear-gradient(135deg, #FD9A0C 20%, #F05C15 80%);
    color:white;
    width:100%;
    min-height:10vh;
    overflow:hidden;
}
.footer a {
    color:#000927;
    font-size:15px!important;
}
.footer {
    min-height: 10vh;
    padding-top: 4%;
    padding-bottom: 2%;
    background-color: #fff;
    font-size:15px!important;
}
.far.fa-arrow-square-up {
    color: white!important;
    font-size: 38px;
    float: right;
    margin-right: 2%;
    margin-top: 27px;
    font-weight: 100;
    border-radius: 0;
}

#collapseOne{
    overflow:hidden;
    padding-top: 4%;
}
.middle{
    margin-left: 88px;
}
.sub-heading{
    font-weight:800;
}
.center-text-slogan {
    padding-top: 30px;
    color:#000927;
}
.contact{
    padding-left: 18px;
}
footer i{
    color:#F05C15;
}
footer a {
    margin-bottom:10px;
}
p.accordion {
    background-color: #eee;
    color: #000927;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-bottom:10px;
    font-size:15px;
}

/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.accordion.active, p.accordion:hover {
    background-color: #ddd;
}

/* Unicode character for "plus" sign (+) */
/* p.accordion:after {
    content: '\2795'; 
    font-size: 15px!important;
    color: #777;
    float: right;
    margin-left: 5px;
} */

/* Unicode character for "minus" sign (-) */
p.accordion.active:after {
    content: "\2796"; 
}

/* Style the element that is used for the panel class */

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin-bottom:10px;
}

div.panel.show {
    opacity: 1;
    max-height: 500px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}
.navbar-nav.footer {
    margin-top: 23px;
}
.navbar-nav.footer,.nav-link{
    border-radius: 0.25rem;
    color: white;
    font-size: 15px;
    font-weight: 200;
}
.navbar-nav.footer .nav-link:hover{
    border-radius: 0.25rem;
    color: white;
    font-size: 15px;
    font-weight: 200;
}
.contact {
    color:#000927;
}
.btn.rounded.footer-btn {
    color: white;
    font-weight: 200;
    margin-top: 0;
    text-align: center;
    margin-left: 0;
}
.btn.rounded.footer-btn::before{
    height: 36px;
    width: 22%;
}
.move-right{
    color:#000927;
    padding-left: 30px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: transparent;
}

.email2 {
    display: none;
}