@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  font-family: "Open Sans", sans-serif;
}

[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
}

.btn-aruba {
  border: 0;
  cursor: pointer;
}

/* labels */

.custom-control-label::before,
.custom-control-label::after {
  border: 0.3px solid #707070;
  border-radius: 0;
}
.custom-checkbox .custom-control-label::before {
  border-radius: 0;
}
.form-control {
  padding: 0.4rem 0.75rem !important;
}
.label-form {
  font-size: 15px !important;
}
label {
  margin-bottom: 5px !important;
  margin-top: 10px !important;
}
.nav-link-custom.active {
  color: #ff9a49 !important;
  font-family: "Open Sans", sans-serif !important;
}

.form-control-custom {
  border-radius: 0;
}

.label-form {
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #474747;
}

span.required {
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #d91010;
}

.form-control-custom {
  border-radius: 0;
}

/* Label end */

/* modal */

.modal-lg {
  max-width: 1000px !important;
}

.bg-modal-black {
  background: rgba(0, 0, 0, 0.9);
}

.modal-box-popup {
  padding: 40px 150px;
}

.title-popupform {
  font-size: 20px;
  font-weight: 400;
  color: #f8831d;
  font-family: "Open Sans", "Arial", sans-serif;
  text-align: center;
  margin: 0;
  font-style: italic;
}

.label-form-popup {
  font-family: "Open Sans", "Arial", sans-serif;
  color: #ffffff;
  margin: auto;
  text-align: right;
}

.form-control-popup {
  font-family: "Open Sans", "Arial", sans-serif;
  border-bottom: 1px solid #ffffff;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 0;
  color: #ffffff;
  font-size: 15px;
}

.btn-orange {
  background-color: #f8831d;
  color: #ffffff !important;
}

.btn-aruba {
  font-size: 18px;
  padding: 10px 30px;
  display: inline-block;
  border: 0;
  cursor: pointer;
}

/* modal end */

.navbar-light .navbar-nav .nav-link {
  padding-right: 12px !important;
  padding-left: 12px !important;
  color: #000;
  font-weight: 300;
  font-size: 18px;
}

.promo-hero-section {
  background-image: url(../promo/img/promo-bg-iimage.png);
  width: 100%;
  padding: 20px 0;
  background-size: cover;
}

.promo-hero-content h1 {
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 52px;
}

.hero-section-badge {
  background-color: #ade1f0;
  width: 60%;
  border-radius: 50px;
  padding: 10px;
  margin: auto auto;
}

.hero-section-badge p {
  margin: 0;
  font-size: 21px;
  font-weight: 700;
  color: #0f3250;
}

.promo-hero-devices {
  position: relative;
  width: 100%;
  display: flex;
  margin-top: 40px;
  margin: 40px auto auto 0;
  /* border: 1px solid #fff; */
  justify-content: center;
}

.promo-img-1,
.promo-img-2 {
  position: relative;
}

.promo-img-1 p,
.promo-img-2 p {
  font-size: 14px;
}

.promo-img-1 p {
  margin: 20px 0 0 0;
}

.promo-img-2 p {
  margin: 0 0 20px 0;
}

.promo-img-1 {
  left: 50px;
}

.promo-img-2 {
  bottom: -35px;
  right: 50px;
}

.hero-section-offer {
  display: flex;
  justify-content: space-between;
}

.hero-section-offer p {
  margin: 0;
  font-size: 14px;
}

.promo-section-title h3 {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #0f3250;
  margin-bottom: 0;
}

.promo-section-title p {
  font-weight: 400;
  font-size: 20px;
  margin: 12px 0;
}

.title-badge {
  background-color: #f8831d;
  margin: auto auto;
  border-radius: 50px;
  padding: 8px 35px;
  display: table;
}

.title-badge p {
  font-weight: 600;
  font-size: 18px;
}

.promo-section-2 {
  background-image: url(../promo/img/bg-svg.svg);
  background-repeat: no-repeat;
}

.thank-you-page {
  background-size: contain;
}

.primary-text-theme {
  color: #f8831d;
}

.package-type p {
  font-family: 400;
}

.secondary-text-theme {
  color: #0f3250;
}

.package-1,
.package-2 {
  border-radius: 5px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.package-title {
  font-size: 25px;
  font-weight: 500;
  margin: 30px 0 50px 0;
}

.package-title h4 {
  font-size: 35px;
  font-weight: 700;
}

.package-img img {
  width: 80%;
  margin: auto auto;
  display: block;
  margin-bottom: 50px;
}

.package-img p {
  text-align: center;
  color: #ff5e44;
  font-size: 20px;
  margin-bottom: 0;
}

.badge-secondary {
  background-color: #0f3250;
  margin: auto auto;
  border-radius: 50px;
  padding: 10px 35px;
  display: table;
}

.badge-secondary p {
  font-size: 20px;
  font-weight: 500;
}

.border-section {
  border-bottom: 1.5px solid #e9e9e9;
  margin-top: 30px;
  margin-bottom: 30px;
}

.downloadsheet a {
  text-decoration: none;
  font-size: 20px;
  letter-spacing: 0.5px;
  font-weight: 400;
}

.downloadsheet a:hover {
  text-decoration: none;
  color: #ff8300;
}

.downloadsheet a img {
  margin-right: 15px;
  height: 23px;
}

.downloadsheet a span {
  vertical-align: middle;
  line-height: 2;
}

.getdeal-btn {
  background-color: #ff8300;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding: 8px 90px !important;
  font-size: 23px;
  text-align: center;
  display: inline-block;
}

.getdeal-btn:hover {
  background-color: #df7300;
  text-decoration: none;
  color: #fff;
}

.w-65 {
  max-width: 64%;
}

.custom-package {
  background-color: #0f3250;
  padding: 80px;
  margin: 30px 0;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.custom-package h5 {
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 50px;
}

.talk-img {
  position: absolute;
  left: -1%;
  height: 100%;
  top: 0;
  z-index: 0;
}

.talk-img img {
  height: 100%;
}

.form-section {
  background-color: #0f3250;
  position: relative;
  overflow: hidden;
}

.form-title h2 {
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 5px;
}

.form-title p {
  font-size: 12px;
  font-style: italic;
}

.form-select-custom {
  height: auto !important;
}

select.form-select-custom > option:hover,
select.form-select-custom > option:checked {
  box-shadow: 0 0 10px 100px red inset;
}

.form-img img {
  width: 90%;
}

.form-svg {
  position: absolute;
  right: 0;
  height: 100%;
}

.form-start label {
  margin: 10px 0 10px 0 !important;
  font-size: 15px !important;
}

.form-start .custom-checkbox label {
  margin: 0 !important;
}

.form-svg img {
  height: 100%;
}

.text-display-none {
  display: none;
}

.form-svg-media {
  display: none;
}

.media-z-index {
  z-index: 1;
  position: relative;
}

.custom-package {
  overflow: hidden;
  position: relative;
}

.talk-img-2,
.talk-img-3 {
  display: none;
}

.linked_in {
  margin-bottom: 0px;
}

/* .copy-right-text p {
    font-size: 17px;
  } */

.container-size {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.custom-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.footer-text p {
  font-weight: 500;
}

.footer-setting {
  display: flex;
  justify-content: space-between;
}

.social-media span,
.social-media a {
  font-size: 16px;
  font-weight: 300;
  color: #000;
}

.nav-link-custom.active {
  color: #f8831d;
}

.social-media a {
  text-decoration: none;
  color: #000;
  font-weight: 300;
}

.social-media a:hover {
  text-decoration: none;
  color: #000;
}

.linked-icon {
  display: flex;
  justify-content: end;
}

.thankyou-section {
  padding: 100px 0 100px;
}

.navbar-brand img {
    width: 18.25rem;
}

@media (max-width: 992px){
.navbar-brand img {
        width: 16rem;
    }
}

@media (max-width: 480px){
    .navbar-brand img {
        width: 14rem;
    }
}

/* container css */

@media (min-width: 576px) {
  .container-size {
    max-width: 540px;
  }
  .custom-container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-size {
    max-width: 720px;
  }
  .custom-container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-size {
    max-width: 1197px;
  }
  .custom-container {
    max-width: 1300px;
  }
}
@media (min-width: 1200px) {
  .container-size {
    max-width: 1377px;
  }
  .custom-container {
    max-width: 1709px;
  }
}

/* media Query */

@media only screen and (max-width: 1450px) {
  .navbar-nav .nav-link {
    font-size: 15px;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}

@media only screen and (max-width: 1400px) {
  .custom-container {
    max-width: 1200px;
  }
  .navbar-brand img {
    width: 80%;
  }
  .navbar-brand {
    width: 100% !important;
  }
  .logo-space {
    width: 20%;
  }
}

@media only screen and (max-width: 1200px) {
  .form-img img {
    width: 350px;
  }
  .navbar-brand img {
    width: 70%;
  }
  .navbar-nav .nav-link {
    font-size: 14px;
    padding-right: 6px !important;
    padding-left: 6px !important;
  }
  .navbar-brand {
    width: 80% !important;
  }
  .navbar-brand img {
    width: 100%;
  }
  .navbar-light .navbar-nav .nav-link {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 16px;
  }
}

@media only screen and (max-width: 1100px) {
  /* .promo-img-1 {
      left: 15%;
    }
    .promo-img-2 {
      right: 2%;
      bottom: -14px;
    } */

  .promo-img-1,
  .promo-img-2 {
    left: auto;
    right: auto;
  }

  .promo-img-1 img,
  .promo-img-2 img {
    width: 400px;
    display: block;
    margin: auto auto;
  }

  .talk-img {
    left: -10%;
  }
  .navbar-brand {
    width: 100% !important;
  }
  .logo-space {
    width: 20%;
  }
  .navbar-light .navbar-nav .nav-link {
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 14px;
  }
}

@media only screen and (max-width: 991.98px) {
  .promo-hero-devices {
    flex-direction: column;
    margin: 40px auto 40px;
  }
  /* .promo-img-2,
    .promo-img-1 {
      left: 50%;
      transform: translateX(-50%);
      margin-bottom: 40px;
    } */

  .text-display-none {
    display: block;
  }
  .text-display-on {
    display: none;
  }
  .title-badge {
    width: 100%;
  }
  .package-1 {
    margin-bottom: 40px;
  }
  .form-img img {
    display: none;
  }
  .form-svg-media {
    display: block;
    position: absolute;
    right: -3%;
    height: 100%;
    width: 100%;
    bottom: -10%;
  }
  .form-svg {
    display: none;
  }

  .form-svg-media img {
    height: 100%;
    width: 100%;
  }
  .media_center-new {
    text-align: left !important;
  }
  .talk-img {
    display: none;
  }
  .talk-img-2,
  .talk-img-3 {
    display: block;
    position: absolute;
    z-index: -1;
  }
  .talk-img-2 {
    left: -17%;
    transform: rotate(269deg);
    bottom: -19%;
  }
  .talk-img-3 {
    right: -1%;
    top: -1%;
    transform: rotate(180deg);
  }
  .footer-logo {
    display: flex;
    justify-content: center;
  }
  .copy-right-text {
    text-align: center;
  }
  .social-media {
    display: flex;
    margin-top: 20px;
    justify-content: center;
    align-items: center;
  }

  .linked_in {
    margin-right: 20px;
  }

  .logo-space {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .navbar-brand {
    width: auto !important;
  }

  .logo-space {
    width: auto !important;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100% !important;
  }

  .footer-setting {
    flex-direction: column;
    text-align: center;
  }
  .hero-section-offer {
    justify-content: end;
  }
}

@media only screen and (max-width: 767.98px) {
  .hero-section-badge {
    width: 100%;
  }
  .promo-img-1,
  .promo-img-2 {
    position: static;
    left: unset;
    right: unset;
    transform: translate(0%, 0%);
    width: 100%;
  }
  .promo-img-1 img,
  .promo-img-2 img {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: auto auto;
  }
  .hero-section-offer {
    display: flex;
    justify-content: end;
  }
  .form-svg-media {
    bottom: -20%;
  }
  .promo-hero-content h1 {
    font-size: 40px;
  }
  .package-title h4 {
    font-size: 26px;
  }
  .modal-box-popup {
    padding: 10px;
  }
}

@media only screen and (max-width: 552.98px) {
  .form-svg-media {
    bottom: -40%;
  }
  .promo-hero-content h1 {
    font-size: 35px;
  }
  .navbar-brand img {
    width: 70%;
  }
  .promo-img-1,
  .promo-img-2 {
    margin-bottom: 15px;
  }
  .promo-img-1 img,
  .promo-img-2 img {
    width: 300px;
  }
  .getdeal-btn {
    padding: 10px 30px !important;
    font-size: 20px;
  }
  .downloadsheet a {
    font-size: 15px;
  }
  .downloadsheet a img {
    margin-right: 15px;
    height: 21px;
  }
  .w-65 {
    max-width: 100%;
  }
  .custom-package {
    padding: 30px;
  }
  .custom-package h5 {
    font-size: 25px;
  }
  .talk-img-2 {
    left: -35%;
    transform: rotate(228deg);
    bottom: -44%;
  }
  .talk-img-3 {
    right: -28%;
    top: -25%;
    transform: rotate(180deg);
  }
}