* {
box-sizing:border-box;
margin:0;
padding:0;
}

:root {
--pink:#fb7e1b;
--pink-dark:hsl(26.5,96.6%,45%);
--light-black:#707070;
}

.light-black {
color:var(--light-black);
}

html {
}

body {
font-family: "Montserrat", sans-serif;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
overflow-x:hidden;
}

legend {
font-size: 1em;
color: #707070;
font-weight: 500;
}

.form-control:focus {
border-color: #c9cbcd; /* Change focus color to C9CBCD */
box-shadow: 0 0 0 0.125rem rgba(201, 203, 205, 0.25); /* Adjust focus area */
}

.form-label {
font-size: 0.75em;
}

.form-title {
background-color: #edeff0;
}

.download-section {
background-color: #ff671f;
color: white;
}

.info {
font-size: 1em;
}

.top-nav-text {
color: #6f6f6f;
font-weight: 300;
}

.nav-link {
color: #6f6f6f;
width:max-content;
}

.nav-link:hover {
color: #ff671f;
}

.nav-link:active {
color: #ff671f;
}

.top-nav {
background-color: #f8f8f8;
height: min-content;
}

.container {
 width:100%;
}

.main-nav {
background:white;
width:100vw;
display:flex;
justify-content:space-between;
}

.navbar-nav .nav-item .dropdown-toggle::after {
display: none;
}

.navbar-nav .nav-item:hover .dropdown-menu {
display: block;
}

.dropdown-menu {
 transform:translateY(4.25rem);
}

.navbar-nav .nav-item .dropdown-menu {
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.navbar-nav .nav-item .dropdown-menu {
border-top: 4px solid #ff671f;
}

.nav-item {
 display:flex;
 justify-content:center;
}

.navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
color: #ff671f;
background-color: none;
}

.navbar-nav .nav-item .dropdown-menu a:hover {
background-color: none;
}

navbar-brand {
justify-content:center;
width:max-content;

}

.img-fluid {
 width:100%;
}

.offcanvas-body {
justify-content:center;
}
















body {
text-align:center;
font-family:sans-serif;
background:#f1f1f1;
font-size:1.2rem;
}

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

.custom-container {
width:100%;
}

.inner-container {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background:#f1f1f1;


}

h2 {
color:var(--pink);
}

.banner {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;

height:32rem;
}

.banner-2, .inner-banner-2 {
height:min-content;
}

.banner-1, .banner-2, .banner-3 {
width:100%;
position:relative;
}

.fade-custom {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background:#000;
opacity:.75;
}

.inner-banner {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
height:100%;
width:100%;
color:white;
z-index:1000;
}

.inner-banner-1 {
width:30rem;
z-index:1000;
}

.inner-banner-1-h3 {
font-size:1rem;
color:#ddd;
}

.banner-1 {
background:url('https://image.info.viya.vi/lib/fe3911717164077c751676/m/1/0290db29-66c6-4772-9105-7b513cb307db.png');
background-position: center;
background-repeat: no-repeat; 
background-size: cover;
}

.banner-2 {
background:url('https://image.info.gtt.co.gy/lib/fe32117171640675741478/m/1/76694912-6106-4f34-aa88-b8ff741115dc.jpg');
background-position: center;
background-repeat: no-repeat; 
background-size: cover;
max-width:25rem;
}

.banner-3 {
background:url('https://image.info.gtt.co.gy/lib/fe32117171640675741478/m/1/cd1e6219-2e01-4191-b6d8-026b1159df24.jpg');
background-position: center;
background-repeat: no-repeat; 
background-size: cover;

display:flex;
max-height:25rem;
width:95%;
flex-direction:row;
margin:4rem auto;
}

.split-image {
height:100%;
width:50%;
}

.bolded {
font-weight:bold;
}

.inner-banner-3 {
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
padding:3rem;
width:50%;
}

.inner-banner-3-h2 {
margin-bottom:1rem;
color:white;
text-align:left;
font-size:2.25rem;
}

.inner-banner-3-p {
text-align:left;
max-width:40rem;
line-height:1.25;
font-size:1rem;
}

.inner-banner-1-h2 {
font-size:2rem;
color:white;
margin:.3rem;
margin-bottom:.55rem;
}

.inner-banner-1-p {
font-size:1.1rem;
line-height:1.4;
}

.shout {
font-size:2.4rem;
margin:1.25rem;
font-weight:bolder;
color:var(--pink);
}

.shout-1 {
color:white;
background:var(--pink);
padding:1rem;
width:100%;
margin:0;
text-align:center;
}

.shout-2 {
color:#111;
margin-top:1.75rem;
margin-bottom:1.75rem;
}

.shout-container {
width:max-content;
padding:0rem;
display:flex;
justify-content:center;
margin-top:4rem;
margin-bottom:0;
background:white;
padding:2rem;
border-radius:1rem;
}

.shout-2-text-1 {
width:55rem;
margin:0;
color:#333;
font-size:1.05rem;
text-align:justify;
}

.shout-2-text-1::first-letter {
initial-letter:3;
}

.shout-2-text-2 {
margin-bottom:2rem;
font-weight:bold;
}

.speel {

}

.speel, .speel-2 {
margin:1rem 3.5rem;
font-size:.95rem;
text-align:left;
}
.speel-2 {
margin-bottom:3rem;
}

.flex-right {
align-items:flex-end;
text-align:right;
}

.pic-container {
display:flex;
justify-content:space-around;
max-width:75rem;
gap:1.5rem;
margin-bottom:1rem;
flex-wrap:wrap;
}

.pic-card {
background:white;
padding:5rem;
border:1px #ddd solid;
border-bottom:2px #ddd solid;
width:22rem;
height:22rem;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

.inner-pic-container {
height:min-content;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

.inner-pic {
width:75%;
height:auto;
margin-bottom:1rem;
}

.inner-pic-2 {
width:100%;
height:auto;
margin-bottom:1rem;
}

.inner-pic-container-title {
font-size:1rem;
text-align:center;
}

.blog-post {
display:flex;
justify-content:center;
}

.blog-post-pic {
width:100%;
height:auto;
text-align:center;
}

.phone-pic {
width:15rem;
height:auto;
margin:0;
}

.text-bold {
font-weight:bold;
}

.blog-card-1 {
position:relative;
margin:4rem 0 3rem 0;
display:flex;
justify-content:flex-start;
width:100%;
background:white;
background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; /* Resize the background image to cover the entire container */
}

.inner-phone {
display:flex;
align-items:center;
justify-content:center;
height:20rem;
}

.left-section-5g {
display:flex;
justify-content:flex-end;
align-items:center;
width:50vw;
height:100%;

background:url('https://image.info.viya.vi/lib/fe3911717164077c751676/m/1/ca262962-f2d5-40e2-8f09-4a35ae57ed1a.png');
background-position: center;
background-repeat: no-repeat; 
background-size: cover;
}

.left-section-5g-inner {
padding:2rem;
width:min-content;
font-size:10rem;
}

.title-5g {
font-size:4rem;
color:white;
margin:0;
}

.text-section {
padding:2rem;
width:100%;
}

.blog-title {
font-size:2rem;
}

.blog-text {
margin:0;
}

.blog-post {
display:flex;
justify-content:space-among;
gap:2rem;
margin:2rem;
width:75%;
}

.blog-card {
background:white;
padding:4rem 2rem;
border:1px #ddd solid;
border-bottom:2px #ddd solid;
}

.blog-card-5g {
width:43.5rem;
}

.blog-card-hb {
width:23.5rem;
display:flex;

}

.blog-post-card-2 {
background:white;
padding:2rem 2rem;
text-align:left;
}

.inner-blog-post-2 {
max-width:28rem;
}

.blog-post-card-2-2 {
max-width:28rem;
text-align:left;
height:100%;
}

.inner-blog-post-2-2-h2 {
margin-bottom:1.25rem;
color:#000;
}

.inner-blog-post-2-1-p {
margin-bottom:1rem;
line-height:1.75;
}

.device-link-container {
display:flex;
justify-content:center;
align-items:center;

position:relative;
padding:0; 
margin:-;

height:30rem;
width:100%;

background:url('https://image.info.viya.vi/lib/fe3911717164077c751676/m/1/7f42d377-9283-4aff-89b7-af4954f993d0.png');
background-position: center;
background-repeat: no-repeat; 
background-size: 100vw;
}

.fade-devices-button {
opacity:0;
}

.device-link-inner {
display:flex;
height:100%;
width:100%;
justify-content:center;
align-items:center;
z-index:1003;
}

.devices-link {
transition:background .5s ease;
color:white;
background:var(--pink);
padding:1rem 2rem;
text-decoration:none;
}

.devices-link:hover {
transition:background .5s ease;
background:var(--pink-dark);
}

.pay-bill-container {
display:flex;
align-items:center;
justify-content:center;
height:100%;
}

.pay-bill-button {

border:none;
}

.pay-bill-anchor {
display:flex;
align-items:center;
padding:.65rem 3.5rem;
background:#fe7420;
color:white;
height:100%;
text-decoration:none;
font-size:1.25rem;
width:max-content;
}

.future-section {
padding:5rem 4rem;
background:var(--pink);
color:white;
position:relative;
}

.future-inner {
width:75%;
display:flex;
gap:2rem;
}

.future-pic {
height:10rem;
width:auto;
color:white;
}

.pink-heading {
color:var(--pink);
font-weight:bolder;
margin-bottom:.25rem;
}

.view-5g-button-container {
display:flex;
justify-content:center;
}

.view-5g-button {
border:var(--pink) 1px solid;
color:var(--pink);
padding:1rem;
font-size:.9rem;
text-decoration:none;
font-weight:bold;
}

.flex-center {
align-items:flex-end;
}

.blog-title {
margin-bottom:1rem;
color:#000;
}

.blog-text {
font-size:1rem;
text-align:left;
line-height:1.4;
}

.inner-blog-post-2-2-p {
height:100%;
line-height:2.4;
}

.footer-anchor {
cursor:pointer;
text-decoration:none;
link-style:none;
color:#d7d7d7;
}

.dark-grey {
color:#585858;
}

.phone-container {
background:white;
margin:2rem;
width:100%;
margin-top:0;
}

.phone-container-h1 {
color:#111;
text-align:center;
}

.phone-image {
width:100%;
height:auto;
}

.phone-card-text-1 {
text-align:left;
font-size:.7rem;
justify-self:left;
margin:1rem;
margin-bottom:0rem;
}

.phone-card-text-2 {
text-align:left;
font-size:.8rem;
font-weight:bold;
margin-bottom:1rem;
}

.phone-card-text-3 {
text-align:center;
font-size:1rem;
color:var(--pink);
font-weight:bolder;
margin-bottom:0;
}

.phone-card-text-4 {
text-align:center;
font-size:.75rem;
}



.phone-container-h1 {
margin:2rem auto;
}

.phone-cards-container {
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:.75rem;
margin-bottom:3.5rem;
}

.phone-card-top {
background:var(--pink);
font-size:1rem;
color:white;
padding:.25rem 2rem;
border-radius:1rem;
margin-top:.5rem;
margin-bottom:1rem;
}

.phone-card {
background:white;
padding:.5rem;
border:1px #ddd solid;
border-bottom:2px #ddd solid;
width:13.5rem;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

.footer {
background-color: #e6e6e6;
color: #7e7e7e;
font-weight: 500;
padding: 20px 1.5rem;
}

.footer-logo {
max-width: 100%;
height: auto;
}

.trustworthy-text {
margin-top: 10px;
font-size: 1.125em;
font-weight: 400;
}

.social-icons {
list-style: none;
padding: 0;
display: flex;
margin-top: 10px;
}

.social-icons li {
margin-right: 10px;
}

.social-icons a {
display: block;
width: 40px;
height: 40px;
background-color: #fd7c22;
border-radius: 50%;
text-align: center;
line-height: 40px;
color: #fff;
transition: transform 0.5s ease-in-out;
}

.social-icons a:hover {
transform: scale(1.1);
}

.column-heading {
color: #252525;
font-weight: 400;
font-size: 1.5em;
margin-bottom: 10px;
}

.footer-links {
list-style: none;
padding: 0;
}

.footer-links li {
margin-bottom: 8px;
}

.footer-links a {
color: #7e7e7e;
font-weight: 400;
text-decoration: none;
}

.copyright,
.orange-text,
.icon-container {
color: #fd7c22;
}

@media (max-width:1200px){
.pay-bill-anchor {
 padding:.5rem;
}
}

@media (max-width:992px){
.top-nav {
display:block;
width:0;
height:0;
visibility:none;
opacity:0;
}

.left-section-5g-inner {
font-size:2rem;
}

.banner {
width:100%;
height:25rem;
}

.banner-3 {
margin-top:0;
}

.future-inner {
width:100%;
}

.left-section-5g {
width:100%;
height:min-content;
}

.left-section-5g-inner {
width:100%;
}

.title-5g {
width:100%;
}

.shout-container {
width:100%;
margin 0 2rem;
height:100%;
}

.shout-2-text-1 {
width:100%;
}
}

@media (max-width:850px) {
.shout-2 {
margin-top:2rem;
}

.shout-2-text-1 {
margin:1rem 2rem; 
}

.blog-card-5g, .blog-card-hb {
width:100%;
}

.blog-post-2 {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
width:30rem;
height:min-content;
gap:0; 
}

.inner-phone {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
width:100%;
}

.text-section {
width:100%;
min-width:0;
}

.inner-pic-2 {
width:100%;
}

.blog-post-2 {
width:100%;
padding:1rem;
}

.blog-post-card-2, .blog-post-card-2-2 {
margin-bottom:2rem;
width:100%;
}

.blog-post-card-2-2 {
margin-bottom:0;
}

.inner-blog-post-2, .inner-blog-post-2-2 {
max-width:100%;
}

.inner-blog-post-2-2-p {
width:100%;
}

.blog-post {
flex-direction:column;
gap:1rem;
}

.split-image {
width:0;
visibility:none;
}

.blog-post {
width:94%;
}

.future-inner {
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
}

.future-h2 {
text-align:center;
}

}

@media (max-width:650px) {

.blog-card-1, .inner-phone {
display:block;
}

.inner-phone {
height:100%;
}

.banner {
height:15rem;
}

.title-5g {
font-size:3rem;
}

.inner-blog-post-2 {
 margin:auto 1.5rem;
}

.device-link-container {
 height:15rem;
}


.banner-3 {
height:100%;
}

.inner-banner-3 {
width:100%;
padding:1.5rem;
}

.shout-2-text-1 {
width:100%;
margin:1rem;

}

.shout-2-text-1::first-letter {
initial-letter:1;
}

.inner-banner-1 {
width:100%;
}
}